/*
|--------------------------------------------------------------------------
| FAQ Hero
|--------------------------------------------------------------------------
*/

.faq-hero{

    padding:70px 0;

    background:#F8FAFC;

}

.faq-hero-card{

    padding:70px;

    border-radius:30px;

}

.faq-hero-card h1{

    color:#FFFFFF;

    font-size:52px;

    font-weight:800;

    margin:25px auto;

}

.faq-hero-card p{

    color:rgba(255,255,255,.90);

    max-width:760px;

    margin:0 auto 40px;

    font-size:18px;

    line-height:1.9;

}

.faq-highlights{

    display:flex;

    justify-content:center;

    gap:18px;

    flex-wrap:wrap;

}

.faq-search{

    max-width:600px;

    margin:auto;

}

.faq-search .form-control{

    border-radius:50px;

    padding:16px 25px;

}

@media(max-width:768px){

    .faq-hero{

        padding:40px 0;

    }

    .faq-hero-card{

        padding:40px 25px;

    }

    .faq-hero-card h1{

        font-size:34px;

    }

}
/*
|--------------------------------------------------------------------------
| FAQ Accordion
|--------------------------------------------------------------------------
*/

.accordion-item{

    border:none;

    border-radius:15px;

    overflow:hidden;

    margin-bottom:15px;

    box-shadow:0 8px 20px rgba(0,0,0,.05);

}

.accordion-button{

    padding:18px 20px;

    font-weight:600;

    font-size:16px;

}

.accordion-button:not(.collapsed){

    background:#16213E;

    color:#FFFFFF;

}

.accordion-button:focus{

    box-shadow:none;

}

.accordion-body{

    padding:20px;

    color:#64748B;

    line-height:1.8;

}