.faq-preview,.faq-content {padding:110px 0; background:#fff;}
.faq-content {padding-bottom:80px;}
.faq-hero {background-position:center 42%;}
.faq-hero h1,.faq-hero p {color:#fff;}
.faq-hero p {max-width:720px; margin-bottom:0;}
.faq-cta {padding:0 0 20px; background:#fff;}
.faq-cta .container {padding-top:75px; border-top:1px solid #dce3df;}
.faq-page footer {margin-top:0;}
.faq-list {border-top:1px solid #dce3df;}
.faq-item {border-bottom:1px solid #dce3df;}
.faq-item summary {position:relative; padding:22px 42px 22px 0; color:var(--headline-color); font-family:var(--heading-font); font-size:1.25rem; font-weight:600; line-height:1.3; cursor:pointer; list-style:none; transition:color .2s ease;}
.faq-item summary::-webkit-details-marker {display:none;}
.faq-item summary:hover,.faq-item summary:focus-visible {color:var(--theme-color);}
.faq-item summary::after {content:'+'; position:absolute; top:17px; right:7px; color:var(--theme-color); font-family:var(--heading-font); font-size:1.55rem; font-weight:400; transition:transform .25s ease;}
.faq-item[open] summary::after {content:'−'; transform:rotate(180deg);}
.faq-answer {max-height:0; overflow:hidden; opacity:0; transition:max-height .32s ease-in-out,opacity .32s ease-in-out;}
.faq-item[open] .faq-answer {max-height:none; opacity:1;}
.faq-answer p {margin:0; padding:0 35px 22px 0;}

@media (max-width:767px) {
    .faq-preview,.faq-content {padding:75px 0;}
    .faq-content {padding-bottom:55px;}
    .faq-cta {padding:0 0 10px;}
    .faq-cta .container {padding-top:55px;}
    .faq-answer p {font-size:16px;}
}

@media (prefers-reduced-motion:reduce) {
    .faq-answer,.faq-item summary::after {transition:none;}
}

@media (max-width:359px) {
    .faq-preview,.faq-content {padding:60px 0;}
    .faq-item summary {padding:18px 34px 18px 0; font-size:1.08rem;}
    .faq-item summary::after {top:13px; right:3px;}
    .faq-answer p {padding:0 24px 18px 0; font-size:15px; line-height:1.65;}
    .faq-cta .container {padding-top:45px;}
}
