/*=========================================
    FAQ
=========================================*/

.faq{

    max-width:900px;

    margin:auto;

}

.faq-list{

    display:flex;

    flex-direction:column;

    gap:18px;

}

.faq-item{

    border:1px solid var(--color-border);

    border-radius:18px;

    overflow:hidden;

    background:var(--color-surface);

}

.faq-question{

    width:100%;

    padding:28px;

    display:flex;

    justify-content:space-between;

    align-items:center;

    background:none;

    border:none;

    color:var(--color-text);

    cursor:pointer;

    font-size:1.1rem;

    text-align:left;

}

.faq-icon{

    font-size:1.8rem;

    color:var(--color-primary);

    transition:.3s;

}

.faq-answer{

    max-height:0;

    overflow:hidden;

    transition:max-height .35s ease;

    padding: 0 28px;

}

.faq-answer p{

    margin: 0;
    
    padding-bottom: 28px;

    color:var(--color-text-secondary);

    line-height:1.8;

}

.faq-item.active .faq-answer{

    max-height:220px;

}

.faq-item.active .faq-icon{

    transform:rotate(45deg);

}