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

.faq{

    max-width:1000px;

    margin:150px auto;

    padding:0 20px;

}

.faq-header{

    text-align:center;

    margin-bottom:70px;

}

.faq-header h2{

    font-size:clamp(3rem,7vw,5rem);

    line-height:1.05;

    margin:20px 0;

}

.faq-header h2 span{

    display:block;

    color:var(--orange);

}

.faq-header p{

    max-width:700px;

    margin:auto;

    color:#d7d7d7;

    line-height:1.8;

}

.faq-container{

    display:flex;

    flex-direction:column;

    gap:18px;

}

.faq-item{

    background:var(--glass-bg);

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

    border-radius:20px;

    overflow:hidden;

    transition:.35s;

}

.faq-item:hover{

    border-color:rgba(247,148,29,.4);

    transform:translateY(-4px);

}

.faq-question{

    width:100%;

    padding:28px 32px;

    display:flex;

    justify-content:space-between;

    align-items:center;

    background:none;

    border:none;

    color:#fff;

    cursor:pointer;

    font-size:1.2rem;

    font-weight:600;

}

.faq-icon{

    width:42px;

    height:42px;

    border-radius:50%;

    background:rgba(247,148,29,.15);

    display:flex;

    justify-content:center;

    align-items:center;

    color:var(--orange);

    font-size:1.5rem;

    transition:.35s;

}

.faq-answer{

    max-height:0;

    overflow:hidden;

    transition:max-height .45s ease;

}

.faq-answer p{

    padding:0 32px 28px;

    color:#d7d7d7;

    line-height:1.8;

}

.faq-item.active .faq-answer{

    max-height:250px;

}

.faq-item.active .faq-icon{

    background:var(--orange);

    color:#fff;

    transform:rotate(45deg);

}

.faq-footer{

    margin-top:60px;

    text-align:center;

}

.faq-footer p{

    margin-bottom:25px;

    color:#d7d7d7;

}

.faq-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:18px 38px;

    border-radius:50px;

    background:linear-gradient(135deg,var(--orange),#b1008f);

    color:#fff;

    text-decoration:none;

    font-weight:700;

    transition:.35s;

}

.faq-btn:hover{

    transform:translateY(-5px);

    box-shadow:0 10px 30px rgba(247,148,29,.35);

}