/*==================================
MISSION & VISION
==================================*/

.mission-vision{
    margin-top: 50px;
    position:relative;
    background:#111;
    color:#fff;
    overflow:hidden;
}

.mission-vision::before{

    content:"";

    position:absolute;

    inset:0;

    background:url("../images/background/about-bg.jpg") center center/cover no-repeat;

    opacity:.18;

}

.mission-vision .container{

    position:relative;

    z-index:2;

}

/*==================================
ACCORDION
==================================*/

.mission-tabs .accordion{

    --bs-accordion-bg:transparent;

    --bs-accordion-border-color:transparent;

    --bs-accordion-btn-focus-box-shadow:none;

    --bs-accordion-btn-icon:none;

    --bs-accordion-active-color:#fff;

    --bs-accordion-active-bg:var(--primary);

}

.mission-tabs .accordion-item{

    margin-bottom:15px;

    border:none;

    border-radius:0;

    overflow:hidden;

}

.mission-tabs .accordion-button{

    display:flex;

    align-items:center;

    gap:12px;

    padding:20px 24px;

    background:var(--primary);

    color:#fff;

    font-size:16px;

    font-weight:700;

    text-transform:uppercase;

}

.mission-tabs .accordion-button.collapsed{

    background:var(--primary);

    color:#fff;

}

.mission-tabs .accordion-button::after{

    display:none;

}

.mission-tabs .accordion-button i:first-child{

    font-size:15px;

}

.mission-tabs .accordion-button::before{

    content:"+";

    margin-left:auto;

    font-size:24px;

    font-weight:300;

}

.mission-tabs .accordion-button:not(.collapsed)::before{

    content:"×";

}

.mission-tabs .accordion-body{

    padding: 30px;
    color: rgba(255, 255, 255, .85);
    background:rgba(255,255,255,.03);

}

/*==================================
VALUES
==================================*/

.value-item{

    margin-bottom:28px;

}

.value-item:last-child{

    margin-bottom:0;

}

.value-item h5{

    margin-bottom:10px;

    color:#fff;

    font-size:24px;

    font-weight:700;

}

.value-item p{

    margin:0;

    line-height:1.9;

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

}

/*==================================
RIGHT CONTENT
==================================*/

.mission-content .section-subtitle{

    display:block;

    margin-bottom:15px;

    color:var(--primary);

    font-size:16px;

    font-weight:700;

    letter-spacing:2px;

    text-transform:uppercase;

}

.mission-content h2{

    margin-bottom:25px;

    color:#fff;

    font-size:52px;

    line-height:1.2;

}

.mission-content p{

    margin-bottom:35px;

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

    line-height:1.9;

}

.mission-list{

    margin:0;

    padding:0;

    list-style:none;

}

.mission-list li{

    display:flex;

    align-items:flex-start;

    gap:14px;

    margin-bottom:18px;

    line-height:1.8;

}

.mission-list i{

    margin-top:4px;

    color:var(--primary);

}

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

@media(max-width:991px){

    .mission-content{

        margin-top:20px;

    }

    .mission-content h2{

        font-size:40px;

    }

}

@media(max-width:767px){

    .mission-content h2{

        font-size:32px;

    }

    .mission-tabs .accordion-button{

        padding:18px 20px;

        font-size:15px;

    }

    .mission-tabs .accordion-body{

        padding:25px;

    }

}