﻿.faq{padding:2rem 0}
.faq .wrapper-sm h2.title{margin-bottom:32px;font-weight:700;font-size:24px;color:var(--color_bg-purple);word-break:break-word}
.faq .wrapper-sm button{outline:0}
.faq .wrapper-sm .accordion{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:12px}
.faq .wrapper-sm .accordion-header{width:100%;background:0;border:0;text-align:left;padding:1em;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--color_bg-purple);color:var(--color_text-white);gap:24px;font-size:clamp(16px,2vw,18px)}
.faq .wrapper-sm .accordion-icon{font-size:1.2em;-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}
.faq .wrapper-sm .accordion-content{display:none;padding:1em;background-color:#f7f7fd;border:2px solid var(--color_bg-purple)}
.faq .wrapper-sm .accordion-item.open .accordion-content{display:block}
.faq .wrapper-sm .accordion-item.open .accordion-icon{content:"×";-webkit-transform:rotate(45deg);transform:rotate(45deg)}