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

.accordion-content.open {
    max-height: 1000px; /* Adjust this value based on your content */
    opacity: 1;
}

.accordion-chevron {
    transition: transform 0.3s ease-out;
}

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