.wrapper__faq{padding-top: 130px}
.faq-accordion{width: 100%}
.faq-item{margin-bottom: 15px}
.faq__question{padding: 0 60px 0 25px; font-size: 20px; line-height: 28px; cursor: pointer; height: 60px; background: #FFD100; border-radius: 3px; font-weight: 400; position: relative; color: #1D1D1B; display: flex; align-items: center; transition: all 0.3s ease}
.faq__question:hover{background: #e6bc00}
.faq__answer{overflow: hidden; max-height: 0; padding: 0 25px; font-size: 17px; line-height: 28px; font-weight: 300; color: #1D1D1B; transition: max-height 0.4s ease, padding 0.4s ease; box-sizing: border-box}
.faq__answer .answer-content{padding: 20px 0}
.faq-item.active .faq__answer{max-height: 1000px; padding: 0 25px}
.faq__question .accordion-icon{background: #1D1D1B; width: 40px; height: 40px; border-radius: 3px; right: 15px; position: absolute; display: flex; align-items: center; justify-content: center; transition: transform 0.3s ease}
.faq__question .accordion-icon::after{transition: all 0.4s ease; content: ""; position: absolute; background: url(/templates/catamaran/images/plus.svg) no-repeat center center; width: 100%; height: 100%}
.faq-item.active .faq__question .accordion-icon::after {background-image: url(/templates/catamaran/images/minus.svg)}
@media(max-width: 1259px){.wrapper__faq{padding-top: 100px}
    .faq__question{padding: 0 55px 0 20px; font-size: 19px; line-height: 27px; margin-bottom: 10px; height: 50px}
    .faq__answer{padding: 0 20px}
    .faq__answer .answer-content{padding: 15px 0}
    .faq__question .accordion-icon{width: 35px; height: 35px; right: 10px}
}
@media(max-width: 991px){.wrapper__faq{padding-top: 80px}
    .faq__question{padding: 0 50px 0 15px; font-size: 18px; line-height: 26px}
    .faq__answer{padding: 0 15px}
    .faq__answer .answer-content{padding: 10px 0}
    .faq__question .accordion-icon{width: 30px; height: 30px}
}
@media(max-width: 767px){.wrapper__faq{padding-top: 60px}
    .faq__question{padding: 0 50px 0 10px; font-size: 17px; line-height: 25px}
    .faq__answer{padding: 0 10px}
    .faq__answer .answer-content{padding: 10px 0 15px}
}
@media(max-width: 575px){.wrapper__faq{padding-top: 40px}
    .faq__question{font-size: 15px; line-height: 18px; height: auto; padding: 10px 50px 10px 10px; min-height: 50px}
    .faq__answer{font-size: 13px; line-height: 22px}
}
@media(max-width: 375px){.wrapper__faq{padding-top: 30px}
}