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

.faq-banner{

    position:relative;

    min-height:500px;

    padding:170px 0 110px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:url("../images/3.jpeg")
               center center/cover no-repeat;

    overflow:hidden;

}

.faq-banner .banner-overlay{

    position:absolute;

    inset:0;

    background:linear-gradient(
        135deg,
        rgba(5,35,95,.94),
        rgba(0,87,217,.76)
    );

}

.faq-banner .banner-content{

    position:relative;

    z-index:2;

    text-align:center;

    color:#fff;

}

.faq-banner .section-subtitle{

    display:block;

    color:#62c7ff;

    font-size:14px;

    font-weight:700;

    letter-spacing:3px;

    margin-bottom:18px;

}

.faq-banner h1{

    color:#fff;

    font-size:58px;

    font-weight:800;

    line-height:1.15;

    margin-bottom:20px;

}

.faq-banner p{

    max-width:700px;

    margin:0 auto 28px;

    color:#f5f9ff;

    font-size:17px;

    line-height:1.8;

}

.faq-banner .breadcrumb{

    justify-content:center;

    margin:0;

    padding:0;

    background:transparent;

}

.faq-banner .breadcrumb-item{

    color:#fff;

}

.faq-banner .breadcrumb-item a{

    color:#fff;

    text-decoration:none;

    transition:.3s;

}

.faq-banner .breadcrumb-item a:hover{

    color:#62c7ff;

}

.faq-banner .breadcrumb-item.active{

    color:#b9ddff;

}

.faq-banner
.breadcrumb-item+.breadcrumb-item::before{

    color:#fff;

}


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

.faq-intro{

    padding:100px 0 50px;

    background:#fff;

}

.faq-intro .section-description{

    max-width:720px;

    margin:0 auto;

    color:#66717f;

    line-height:1.8;

}


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

.faq-section{

    padding:50px 0 120px;

    background:#fff;

}

#faqAccordion{

    width:100%;

}

#faqAccordion .accordion-item{

    margin-bottom:15px;

    overflow:hidden;

    background:#fff;

    border:1px solid #e1e9f3;

    border-radius:14px;

    box-shadow:0 8px 25px rgba(0,70,150,.05);

}

#faqAccordion .accordion-item:last-child{

    margin-bottom:0;

}

#faqAccordion .accordion-button{

    position:relative;

    padding:23px 25px;

    color:#0a2e73;

    background:#fff;

    font-size:16px;

    font-weight:700;

    line-height:1.5;

    box-shadow:none;

}

#faqAccordion .accordion-button:not(.collapsed){

    color:#0057d9;

    background:#f5f8fc;

}

#faqAccordion .accordion-button:focus{

    box-shadow:none;

}

#faqAccordion .accordion-button::after{

    width:18px;

    height:18px;

    background-size:18px;

}

#faqAccordion .accordion-body{

    padding:0 25px 25px;

    color:#687482;

    font-size:15px;

    line-height:1.9;

    background:#f5f8fc;

}


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

.faq-cta{

    position:relative;

    padding:110px 0;

    background:url("../images/3.jpeg")
               center center/cover no-repeat;

    overflow:hidden;

}

.faq-cta-overlay{

    position:absolute;

    inset:0;

    background:linear-gradient(
        135deg,
        rgba(5,35,95,.94),
        rgba(0,87,217,.82)
    );

}

.faq-cta .container{

    position:relative;

    z-index:2;

}

.faq-cta-content .section-subtitle{

    color:#62c7ff;

}

.faq-cta-content h2{

    max-width:800px;

    margin:18px 0 20px;

    color:#fff;

    font-size:50px;

    font-weight:800;

    line-height:1.2;

}

.faq-cta-content p{

    max-width:700px;

    margin:0;

    color:#f2f7ff;

    font-size:17px;

    line-height:1.9;

}

.faq-cta .theme-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:10px;

    min-height:54px;

    padding:0 30px;

    border:0;

    border-radius:7px;

    background:#fff;

    color:#0057d9;

    font-size:15px;

    font-weight:700;

    text-decoration:none;

    transition:.35s;

}

.faq-cta .theme-btn i{

    transition:.3s;

}

.faq-cta .theme-btn:hover{

    background:#62c7ff;

    color:#fff;

    transform:translateY(-3px);

}

.faq-cta .theme-btn:hover i{

    transform:translateX(5px);

}


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

@media(max-width:991px){

    .faq-banner{

        min-height:450px;

        padding:150px 0 90px;

    }

    .faq-banner h1{

        font-size:48px;

    }

    .faq-intro{

        padding:80px 0 40px;

    }

    .faq-section{

        padding:40px 0 90px;

    }

    .faq-cta{

        padding:90px 0;

        text-align:center;

    }

    .faq-cta-content h2{

        margin-left:auto;

        margin-right:auto;

        font-size:42px;

    }

    .faq-cta-content p{

        margin-left:auto;

        margin-right:auto;

    }

    .faq-cta .theme-btn{

        margin-top:25px;

    }

}

@media(max-width:767px){

    .faq-banner{

        min-height:410px;

        padding:135px 0 75px;

    }

    .faq-banner h1{

        font-size:36px;

    }

    .faq-banner p{

        font-size:15px;

    }

    .faq-intro{

        padding:65px 0 30px;

    }

    .faq-section{

        padding:30px 0 75px;

    }

    #faqAccordion .accordion-button{

        padding:19px 18px;

        padding-right:50px;

        font-size:15px;

    }

    #faqAccordion .accordion-body{

        padding:0 18px 20px;

        font-size:14px;

    }

    .faq-cta{

        padding:80px 0;

    }

    .faq-cta-content h2{

        font-size:34px;

    }

    .faq-cta-content p{

        font-size:15px;

    }

    .faq-cta .theme-btn{

        width:100%;

    }

}

@media(max-width:576px){

    .faq-banner h1{

        font-size:30px;

    }

    .faq-banner .section-subtitle{

        font-size:12px;

        letter-spacing:2px;

    }

    .faq-cta-content h2{

        font-size:29px;

    }

}