.faq{padding:104px 0}
@media(max-width:991px){.faq{padding:32px 0}
}.faq .wrapper .grid{display:-webkit-box;display:-ms-flexbox;display:flex;gap:24px}
@media(max-width:768px){.faq .wrapper .grid{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
}.faq .wrapper .grid .left{width:clamp(300px,55vw,1000px);margin-right:auto}
@media(max-width:768px){.faq .wrapper .grid .left{width:100%}
}.faq .wrapper .grid .left h2{color:var(--color_text-blue-dark)}
.faq .wrapper .grid .left h2 p{line-height:normal}
.faq .wrapper .grid .left h2 mark{font-family:var(--primary_font_ssp);background-color:transparent;color:var(--color_text-blue);font-weight:700;font-style:Italic;letter-spacing:-3%;text-align:start}
.faq .wrapper .grid .right{width:100%}
.faq .faq-items{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:16px}
.faq .faq-item{background-color:var(--color_surface-new-black);border-radius:var(--radius4);overflow:hidden;-webkit-transition:all .3s ease;transition:all .3s ease}
.faq .faq-item .faq-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:24px;cursor:pointer;position:relative;gap:16px}
.faq .faq-item .faq-header h3{font-size:18px;-webkit-box-flex:1;-ms-flex:1;flex:1;color:var(--color_text-white);font-size:var(--p);font-weight:400;margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px;line-height:normal;-webkit-transition:font-family 1s ease-in-out;transition:font-family 1s ease-in-out}
.faq .faq-item .faq-header h3 .faq-dot{width:8px;height:8px;border-radius:50%;background-color:var(--color_surface-yellow);-ms-flex-negative:0;flex-shrink:0;opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease;display:inline-block}
.faq .faq-item .faq-header h3 .faq-dot.is-visible{opacity:1}
.faq .faq-item .faq-header .faq-toggle{background:0;border:0;cursor:pointer;padding:0;width:24px;height:24px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-negative:0;flex-shrink:0;color:var(--color_text-white);font-size:24px;line-height:1;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}
.faq .faq-item .faq-header .faq-toggle .faq-icon{color:var(--color_surface-yellow);position:absolute;-webkit-transition:opacity .5s ease;transition:opacity .5s ease}
.faq .faq-item .faq-header .faq-toggle .faq-icon-plus{opacity:1}
.faq .faq-item .faq-header .faq-toggle .faq-icon-close{opacity:0;display:none}
.faq .faq-item.is-open .faq-header h3{font-family:var(--primary_font_ssp);font-weight:700;font-style:Italic;letter-spacing:-3%;text-align:start;background-color:transparent;border:0;padding:0}
.faq .faq-item.is-open .faq-header .faq-toggle .faq-icon-plus{opacity:0;display:none}
.faq .faq-item.is-open .faq-header .faq-toggle .faq-icon-close{opacity:1;display:block}
.faq .faq-item .faq-content{display:none;padding:0 24px 24px 24px}
.faq .faq-item .faq-content .faq-answer{color:var(--color_text-white);font-size:var(--p);line-height:1.6}
.faq .faq-item .faq-content .faq-answer p{color:var(--color_text-white);margin:0;font-size:16px}
@media(max-width:991px){.faq .faq-item .faq-header{padding:20px;gap:12px}
.faq .faq-item .faq-header .faq-dot{width:6px;height:6px}
.faq .faq-item .faq-content{padding:0 20px 20px 20px;padding-left:40px}
}