.accordion-content {
    height: 0;
    overflow: hidden;
    transition: height 0.3s ease-in-out, opacity 0.3s ease-in-out;
    opacity: 0;
}

.accordion-content.open {
    opacity: 1;
    height: auto;
}

.chevron {
    transition: transform 0.2s ease-in-out;
}

.chevron.rotate {
    transform: rotate(180deg);
}