/* assets/css/components/_faq.css */

/* --- FAQ Accordion Styles --- */
.faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease-in-out;
}

.faq-item.open .faq-answer {
    max-height: 300px; /* A large-enough value to accommodate the answer text */
}

.faq-icon {
    transition: transform 0.3s ease-in-out;
}

.faq-item.open .faq-icon {
    transform: rotate(45deg);
}