/* Style the buttons that are used to open and close the accordion panel */
.faq__question {
    cursor: pointer;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    border-radius: 0;
    transition: 0.4s;
    position: relative;
}

.faq-toggle__section {
    display: none;
    opacity: 0;
    transition: opacity 0.4s;
}
.faq-toggle__section-visible {
    display: block;
    opacity: 1;
}


.faq__question:after {
    font-family: 'Font Awesome 5 Pro';
    font-weight: 400;
    content: "\f054";
    font-size: 16px;
    line-height: 21px;
    float: right;
    transition: transform 0.2s;
    transform: rotate(0deg);
}

.faq__question--active:after {
    transform: rotate(90deg);
}


/* Style the accordion panel. Note: hidden by default */
.faq__answer {
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.5s ease-in-out;
}
.faq__answer--active {
    max-height: 500px;
    transition: max-height 1s ease-in-out;
}