.main-page section.faq{padding:100px 0}
.main-page section.faq .section-title{font-family:"Proxima Nova BOLD",sans-serif;text-align:center;margin-bottom:50px}
.main-page section.faq .faq-list{max-width:1000px;margin:0 auto}
.main-page section.faq .faq-item{background:#fff;box-shadow:0 6px 20px rgba(192,192,192,0.25);border-radius:10px;margin-bottom:16px;overflow:hidden}
.main-page section.faq .faq-question{display:flex;align-items:center;justify-content:space-between;padding:22px 28px;cursor:pointer;font-family:"Proxima Nova BOLD",sans-serif;font-weight:700;font-size:18px;line-height:26px;color:#201f35}
.main-page section.faq .faq-question .faq-icon{flex:0 0 auto;width:16px;height:16px;margin-left:20px;transition:transform .2s ease;background:url(../img/ic_arrow_inactive.svg) no-repeat center;background-size:contain;transform:rotate(-90deg)}
.main-page section.faq .faq-item.open .faq-question .faq-icon{background-image:url(../img/ic_arrow_active.svg);transform:rotate(-90deg)}
.main-page section.faq .faq-answer{max-height:0;overflow:hidden;transition:max-height .25s ease}
.main-page section.faq .faq-answer p{padding:0 28px 22px;margin:0;font-size:16px;line-height:26px;color:#79798a}
.main-page section.faq .faq-item.open .faq-answer{max-height:400px}

@media only screen and (max-width: 767px){
    .main-page section.faq{padding:60px 0}
    .main-page section.faq .faq-question{padding:18px 20px;font-size:16px;line-height:22px}
    .main-page section.faq .faq-answer p{padding:0 20px 18px;font-size:14px;line-height:22px}
}