.faq-div{
    display: flex;
    flex-direction: column;
}

/* TOGGLER */
.faq-div button{
    background: transparent;
    border: none;
    width: 100%;
}

/* CONTENT */
.faq-answer-html{
    text-align: center;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.3s ease;
    display: grid;
}

.faq-answer-html-inner{
    overflow: hidden;

}

.indi-faq-wrapper.active .faq-answer-html{
    grid-template-rows: 1fr !important
}


/* ANIMATIONS - TRANSITIONS */
/* OPACITY */
.faq-div.opacity .faq-answer-html-inner{
    opacity: 0;
    transition: opacity ease-out 0.3s;
}

.faq-div.opacity .active .faq-answer-html-inner{
    opacity: 1;
}


/* SLIDE DOWN */

.faq-div.slide-down .faq-answer-html-inner{
    opacity: 0;
    transform: translateY(-40px);
    transition: opacity ease-out 0.3s, transform ease-out 0.3s;    
}

.faq-div.slide-down .active .faq-answer-html-inner{
    opacity: 1;
    transform: translateY(0);
}