</p> <p>.faq-root{<br /> font-family: var(--faq-font, sans-serif) !important;<br /> max-width: 900px !important;<br /> margin: 40px auto !important;<br /> padding: 40px !important;<br /> background: #ffffff !important;<br /> border: 1px solid #e36934 !important; <br /> border-radius: 8px !important;<br /> box-sizing: border-box !important;<br /> }</p> <p>.faq-title{<br /> font-size: 28px !important;<br /> font-weight: 700 !important;<br /> color: #000000 !important;<br /> margin: 0 0 10px 0 !important;<br /> text-align: left !important;<br /> }</p> <p>.faq details{<br /> border-bottom: var(--faq-border-bottom) solid var(--faq-border-color) !important;<br /> overflow: visible !important;<br /> background: var(--faq-q-bg) !important;<br /> }</p> <p>.faq details:last-child{<br /> border-bottom: none !important;<br /> }</p> <p>.faq summary{<br /> list-style: none !important;<br /> cursor: pointer !important;<br /> position: relative !important;<br /> padding: var(--faq-q-padding) !important;<br /> color: var(--faq-q-text) !important;<br /> font-weight: var(--faq-q-fw) !important;<br /> font-size: var(--faq-q-fs) !important;<br /> display: block !important;<br /> }</p> <p>.faq summary::-webkit-details-marker{<br /> display: none !important;<br /> }</p> <p><br /> .faq .icon-circle{<br /> position: absolute !important;<br /> right: 0 !important;<br /> top: 50% !important;<br /> transform: translateY(-50%) !important;<br /> width: var(--faq-icon-size) !important;<br /> height: var(--faq-icon-size) !important;<br /> background-color: var(--faq-accent) !important;<br /> border-radius: 50% !important;<br /> display: flex !important;<br /> justify-content: center !important;<br /> align-items: center !important;<br /> transition: transform .3s ease, background-color .3s ease !important;<br /> }</p> <p>.faq .icon-circle svg{<br /> width: 16px !important;<br /> height: 16px !important;<br /> fill: none !important;<br /> stroke: #ffffff !important;<br /> stroke-width: 2 !important;<br /> stroke-linecap: round !important;<br /> stroke-linejoin: round !important;<br /> }</p> <p><br /> .faq details[open] summary .icon-circle{<br /> transform: translateY(-50%) rotate(180deg) !important;<br /> }</p> <p>.faq .answer{<br /> padding: var(--faq-a-padding) !important;<br /> background: var(--faq-a-bg) !important;<br /> color: var(--faq-a-text) !important;<br /> font-weight: var(--faq-a-fw) !important;<br /> font-size: var(--faq-a-fs) !important;<br /> line-height: 1.6 !important;<br /> }<br />