.pnfaq-wrapper {margin: 30px 0; font-family: inherit; line-height: inherit; background: #f2f3f5; padding: 10px; display: block; width: 100%; overflow: hidden; float:left} .pnfaq-item {margin-bottom: 10px; background: #fff; line-height: 1} .pnfaq-question {margin: 0; padding: 12px 0 10px 50px; position: relative; cursor: pointer; font-weight: 600; font-family: inherit;line-height:1.2;} .pnfaq-question::before {content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 42px; height: 42px; background: #b0b0b0; display: flex; align-items: center; justify-content: center; transition: all .3s ease; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M8 2V14M2 8H14' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center} .pnfaq-item.active .pnfaq-question::before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M2 8H14' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E"); transform: translateY(-50%) rotate(0)} .pnfaq-answer {max-height: 0; overflow: hidden; opacity: 0; line-height: 1.6; transition: opacity .3s ease,padding .3s ease} .pnfaq-item.active .pnfaq-answer {max-height: none; opacity: 1; padding: 20px; overflow: visible} .pnfaq-content p:last-child {margin-bottom: 0} .pnfaq-content ul,.pnfaq-content ol {margin: 12px 0; padding-left: 20px} .pnfaq-content li {margin-bottom: 6px} .pnfaq-content hr {border: none; border-top: 1px solid #e0e0e0; margin: 20px 0} .pnfaq-heading {font-weight: 600; margin-bottom: 15px} @media (max-width: 768px) {.pnfaq-wrapper {padding: 5px; margin: 15px 0} .pnfaq-question {padding: 10px 0 8px 40px; font-size: 1em; line-height: 1.4} .pnfaq-question::before {width: 32px; height: 34px; background-size: 14px} .pnfaq-item.active .pnfaq-answer {padding: 12px}}