.faq-content {
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.6s ease;
}

.faq-content p {
    padding-top: 1rem;
}

.faq-item.active .faq-content {
    max-height: 20rem;
    transition: max-height 0.6s ease;
}

@media (min-width: 1024px) {
    .faq-item.active .faq-content {
        max-height: 14rem;
    }
}

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