.faq-content {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
}
.faq-content.expanded {
    max-height: 24rem;
    opacity: 1;
    padding-bottom: 1.5rem;
}
.icon-rotate {
    transition: transform 0.3s ease-in-out;
}
.icon-rotate.rotated {
    transform: rotate(45deg);
}