.contact-page .contact-hero-inner{max-width:800px;margin-inline:auto;text-align:center;display:flex;flex-direction:column;gap:var(--space-4)}

.contact-cta-box{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-4)}
.contact-cta-buttons{display:flex;gap:var(--space-3);flex-wrap:wrap;justify-content:center}

.contact-form-card{max-width:700px;margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-4)}
.contact-form-intro{display:flex;flex-direction:column;gap:var(--space-3)}
.contact-form{display:flex;flex-direction:column}
.form-feedback{margin-top:var(--space-3);font-size:var(--text-sm)}

.contact-steps > .contact-step{grid-column:span 4;display:flex;flex-direction:column;gap:var(--space-3)}

.contact-type-grid > .card{grid-column:span 4;display:flex;flex-direction:column;gap:var(--space-3)}

.contact-response-card{max-width:600px;margin-inline:auto;text-align:center;display:flex;flex-direction:column;gap:var(--space-3)}

.contact-faq-grid > .faq-item{grid-column:span 6;display:flex;flex-direction:column}
.faq-toggle{width:100%;text-align:left;font-weight:600}
.faq-content{display:none;margin-top:var(--space-2)}
.faq-item.active .faq-content{display:block}

.contact-final-box{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-4)}

@media(max-width:767px){
.contact-steps > .contact-step{grid-column:span 4}
.contact-type-grid > .card{grid-column:span 4}
.contact-faq-grid > .faq-item{grid-column:span 4}
.contact-cta-buttons{flex-direction:column;width:100%}
.contact-cta-buttons .button{width:100%}
}