body {
    font-family: 'Aller', sans-serif;
}
/* Base custom styles */
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Animations */
.fade-up-element, .fade-left-element, .fade-right-element, .fade-in-element {
    opacity: 0;
    will-change: opacity, transform;
}

.faq-answer {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.3s ease-out;
}

.faq-answer > div {
    overflow: hidden;
}

.faq-item.active .faq-answer {
    grid-template-rows: 1fr;
}

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