/* ===========================================================
   FAQ PAGE (accordion)
=========================================================== */

.faq-wrap{

    max-width:760px;

    margin:0 auto;

    display:flex;

    flex-direction:column;

    gap:14px;

}

.faq-item{

    background:var(--white);

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

    border-radius:var(--radius-lg);

    overflow:hidden;

}

.faq-question{

    width:100%;

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:16px;

    padding:20px 24px;

    background:none;

    border:none;

    text-align:left;

    font-family:'Fraunces',serif;

    font-size:16px;

    font-weight:600;

    color:var(--ink);

    cursor:pointer;

}

.faq-question i{

    flex-shrink:0;

    color:var(--red);

    font-size:14px;

    transition:.25s;

}

.faq-item.open .faq-question i{

    transform:rotate(180deg);

}

.faq-answer{

    max-height:0;

    overflow:hidden;

    transition:max-height .3s ease;

}

.faq-answer p{

    padding:0 24px 20px;

    color:var(--ink-soft);

    font-size:14px;

    line-height:1.7;

}

.faq-answer a{

    color:var(--red);

    font-weight:600;

}

@media(max-width:500px){

    .faq-question{

        padding:16px 18px;

        font-size:15px;

    }

    .faq-answer p{

        padding:0 18px 16px;

    }

}