/* Clean FAQ Accordion Transitions */

/* The height animation */
.faq-answer {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease-in-out;
}

/* Icon rotation */
.faq-item.active .faq-question i {
    transform: rotate(180deg);
}

/* Active State Styling */
.faq-item.active .faq-icon-wrapper {
    background-color: #E0F2FE;
    /* sky-100 */
    color: #0284C7;
    /* sky-600 */
}

/* Text Fade In on Open */
.faq-item.active .faq-answer {
    opacity: 1;
}