.faq-content {
    max-height: 0;
    overflow: hidden;
    transition: all 0.3s cubic-bezier(0, 1, 0, 1);
    opacity: 0;
}

.faq-item.active .faq-content {
    max-height: 500px;
    transition: all 0.3s cubic-bezier(1, 0, 1, 0);
    opacity: 1;
}

.faq-item.active .chevron-icon {
    transform: rotate(180deg);
}