.faq {

    background: #000;

}


.faq-list {

    display: flex;

    flex-direction: column;

    gap: 8px;

}


.faq-item {

    background: #2d2d2d;

}


.faq-question {

    width: 100%;

    padding:
        24px;

    border: none;

    background: transparent;

    color: white;

    display: flex;

    align-items: center;

    justify-content: space-between;

    text-align: left;

    font-size: 20px;

}


.faq-question:hover {

    background: #414141;

}


.faq-icon {

    font-size: 30px;

    transition:
        transform .25s ease;

}


.faq-answer {

    max-height: 0;

    overflow: hidden;

    transition:
        max-height .3s ease;

}


.faq-answer p {

    padding:
        0 24px 24px;

    font-size: 18px;

    line-height: 1.6;

}


.faq-item.active
.faq-answer {

    max-height: 300px;

}


.faq-item.active
.faq-icon {

    transform:
        rotate(45deg);

}