.faq-page{position:relative}

.faq-hero{position:relative;overflow:hidden;text-align:center}
.faq-hero-inner{max-width:800px;margin-inline:auto;position:relative;z-index:2;display:flex;flex-direction:column;gap:var(--space-sm)}
.faq-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.35}

.faq-section{position:relative}
.faq-two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-md)}

.faq-card{display:flex;flex-direction:column;gap:var(--space-sm)}

.faq-cards-3{grid-template-columns:repeat(3,minmax(0,1fr))}

.faq-inline-img{margin-top:var(--space-md);width:100%;border-radius:var(--radius-sm);opacity:.85}

.faq-atmosphere{position:relative;text-align:center;overflow:hidden}
.faq-atmosphere-inner{max-width:700px;margin-inline:auto;position:relative;z-index:2;display:flex;flex-direction:column;gap:var(--space-sm)}

.faq-cta{display:flex;justify-content:center;text-align:center}
.faq-cta-inner{max-width:600px;display:flex;flex-direction:column;gap:var(--space-md)}

@media (max-width:900px){
.faq-two-col{grid-template-columns:1fr}
.faq-cards-3{grid-template-columns:1fr}
}

@media (max-width:600px){
.faq-hero-inner h1{font-size:var(--fs-xl)}
}