/*==========================================================
Version : 2.0
Author  : Erwin Echon
==========================================================*/
/*==========================================================
FAQ
==========================================================*/

.mbi-faq {

    padding: 120px 0;

    background: var(--mbi-background);

}

.mbi-faq-list {

    max-width: 920px;

    margin: 70px auto 0;

}

.mbi-faq-card {

    margin-bottom: 24px;

    overflow: hidden;

    border: 1px solid rgba(0,45,172,.08) !important;

    border-radius: var(--mbi-radius-lg) !important;

    background: #fff;

    box-shadow: var(--mbi-shadow-sm);

    transition: all .3s ease;

}

.mbi-faq-card:last-child{

    margin-bottom:0;

}

.mbi-faq-card:hover{

    transform:translateY(-6px);

    border-color:rgba(0,45,172,.18)!important;

    box-shadow:var(--mbi-shadow-lg);

}

/*==========================================================
Accordion
==========================================================*/

.mbi-faq .accordion-item{

    border:0;

}

.mbi-faq .accordion-button{

    position:relative;

    display:flex;

    align-items:center;

    padding:26px 30px;

    background:#fff;

    color:var(--mbi-heading);

    font-weight:700;

    box-shadow:none;

}

.mbi-faq .accordion-button:not(.collapsed){

    background:#fff;

    color:var(--mbi-heading);

    box-shadow:none;

}

.mbi-faq .accordion-button:focus{

    box-shadow:none;

}

.mbi-faq .accordion-button::after{

    display:none;

}

/*==========================================================
Title
==========================================================*/

.mbi-faq-title{

    display:flex;

    align-items:center;

    gap:20px;

    width:100%;

}

.mbi-faq .mbi-icon-box{

    flex-shrink:0;

}

.mbi-faq-question{

    flex:1;

    text-align:left;

    font-size:1.05rem;

    font-weight:700;

    line-height:1.5;

    color:var(--mbi-heading);

}

.mbi-faq .accordion-button:not(.collapsed) .mbi-faq-question{

    color:var(--mbi-primary);

}

/*==========================================================
Toggle
==========================================================*/

.mbi-faq .accordion-button::before{

    content:"+";

    position:absolute;

    right:30px;

    top:50%;

    transform:translateY(-50%) rotate(0);

    font-size:1.8rem;

    font-weight:300;

    color:var(--mbi-primary);

    transition:transform .3s ease,color .3s ease;

}

.mbi-faq .accordion-button:not(.collapsed)::before{

    transform:translateY(-50%) rotate(45deg);

    color:var(--mbi-secondary);

}

/*==========================================================
Answer
==========================================================*/

.mbi-faq .accordion-body{

    padding:0 30px 32px 94px;

    line-height:1.9;

    color:var(--mbi-body);

}

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

.mbi-faq-cta{

    max-width:760px;

    margin:80px auto 0;

    padding:60px;

    text-align:center;

    border:1px solid rgba(0,45,172,.08);

    border-radius:var(--mbi-radius-xl);

    background:#fff;

    box-shadow:var(--mbi-shadow-sm);

}

.mbi-faq-cta h3{

    margin-bottom:18px;

}

.mbi-faq-cta p{

    max-width:620px;

    margin:0 auto 32px;

}