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

.faq-page{

    padding:170px 0 120px;

}

.faq-page .section-title{

    max-width:850px;

    margin:0 auto 70px;

    text-align:center;

}

.faq-page .section-title h1{

    font-size:60px;

    line-height:1.15;

    margin:24px 0;

    color:var(--white);

}

.faq-page .section-title p{

    max-width:760px;

    margin:0 auto;

    font-size:18px;

    line-height:1.9;

    color:var(--text);

}


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

.faq-container{

    max-width:900px;

    margin:0 auto;

}


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

.faq-item{

    background:#322E2E;

    border:1px solid rgba(255,255,255,.08);

    border-radius:18px;

    margin-bottom:22px;

    overflow:hidden;

    transition:.35s ease;

}

.faq-item:hover{

    border-color:#0D85EB;

    transform:translateY(-3px);

}


/* =====================================================
   QUESTION
===================================================== */

.faq-item summary{

    list-style:none;

    cursor:pointer;

    padding:28px 35px;

    font-size:20px;

    font-weight:600;

    color:var(--white);

    position:relative;

    transition:.3s;

}

.faq-item summary::-webkit-details-marker{

    display:none;

}


/* =====================================================
   PLUS ICON
===================================================== */

.faq-item summary::after{

    content:"+";

    position:absolute;

    right:35px;

    top:50%;

    transform:translateY(-50%);

    width:34px;

    height:34px;

    border-radius:50%;

    background:#0D85EB;

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:22px;

    font-weight:600;

    transition:.35s;

}


/* =====================================================
   MINUS ICON
===================================================== */

.faq-item[open] summary::after{

    content:"−";

}


/* =====================================================
   ANSWER
===================================================== */

.faq-item p{

    padding:0 35px 30px;

    color:var(--text);

    line-height:1.9;

    font-size:17px;

    border-top:1px solid rgba(255,255,255,.08);

    padding-top:24px;

}

/* =====================================================
   CTA SECTION
===================================================== */

.cta-section{

        padding:120px 0;

        text-align:center;

}

.cta-box{

    max-width:1000px;

    margin:auto;

    padding:80px 70px;

    text-align:center;

    background:#322E2E;

    border:1px solid rgba(255,255,255,.08);

    border-radius:28px;

}

.cta-box h2{

    font-size:56px;

    line-height:1.2;

    margin:25px 0;

}

.cta-box p{

    max-width:760px;

    margin:0 auto 45px;

    font-size:18px;

    line-height:1.9;

    color:var(--text);

}

.cta-buttons{

    display:flex;

    justify-content:center;

    gap:20px;

}