@media (min-width: 992px) { .faq-section .container .faq-section-info { margin-top: 28px; } }

.faq-section .container .faq-section-info-item { position: relative; height: 84px; overflow: hidden; transition: height 0.5s ease; border-bottom: 1px solid #D2D2D2; padding-bottom: 32px; }

@media (max-width: 991px) { .faq-section .container .faq-section-info-item { margin-top: 20px; } }

@media (min-width: 992px) { .faq-section .container .faq-section-info-item { margin-top: 28px; } }

.faq-section .container .faq-section-info-item p { color: #647297; max-width: 90%; opacity: 0; }

@media (min-width: 992px) { .faq-section .container .faq-section-info-item p { margin-top: 20px; } }

.faq-section .container .faq-section-info-item p:first-child { font-weight: 800; color: #22366A; opacity: 1; }

@media (max-width: 991px) { .faq-section .container .faq-section-info-item p:first-child { margin-bottom: 16px; } }

.faq-section .container .faq-section-info-item.active { transition: height 0.5s ease; }

@media (max-width: 767px) { .faq-section .container .faq-section-info-item.active { height: 380px; } }

@media (min-width: 992px) { .faq-section .container .faq-section-info-item.active { height: 200px; } }

@media (min-width: 768px) and (max-width: 991px) { .faq-section .container .faq-section-info-item.active { height: 260px; } }

.faq-section .container .faq-section-info-item.active p { opacity: 1; }

.faq-section .container .faq-section-info-item.active button span { transform: rotate(-90deg); }

.faq-section .container .faq-section-info-item button { position: absolute; right: 0; bottom: 0; padding: 11px 13px; }

.faq-section .container .faq-section-info-item button span { margin-left: 0; width: 16px !important; height: 15px !important; background-size: cover; vertical-align: middle; transform: rotate(90deg); }