.top--banner{

    background-image: url("../img/about/about-banner.jpg");

}

.highlights--content {

    background: #E5FFDA;

    padding: 35px 25px;
    width: fit-content;
    font-weight: 500;

    font-style: italic;

    border-left: 4px solid var(--primary);

}



.highlights--content p {

    margin-bottom: 0;

}



.our--story {

    position: relative;

}



.bg--icon--place {

    max-width: 460px;

    width: 100%;

    position: absolute;

    top: 10%;

    left: 0;

}



.bg--icon--place img {

    width: 100%;

}



.our--story--grid--right {

    height: 100%;

}

.friendship{
    max-height: 255px;
    margin-top: 10px;
}

.our--story--grid--right .our--story--description {

    background: #275912;

    color: var(--white);

    padding: 30px;

    /* margin-top: 15px; */

    min-height: 100%;

    display: flex;

    flex-direction: column;

    justify-content: center;

    position: relative;

}



.our--story--grid--right .our--story--description:before{

    content: "";

    position: absolute;

    top: 0;

    right: 15px;

    width: 100%;

    height: 190px;

    background-image: url('../img/bg-big-icon.svg');

    max-width: 190px;

    background-size: 100% 100%;

    background-repeat: no-repeat;

}



.our--story--grid--right .our--story--description h2 {

    color: var(--white);

}



.our--story--grid--right .thum--story {

    height: 326px;

    object-fit: cover;

    object-position: center;

}

.our--story--grid--right .our--story--description .dual--heading {

    margin-bottom: 20px;

}



/* Our Mission and Vission */



.our--mission--vission {

    display: flex;

    gap: 15px;

}



.our--mission--vission .our--mv {

    width: 100%;

    border-radius: 20px;

    display: flex;
    flex-direction: column;
    justify-content: space-between;

}

.our--mission--vission .our--mv img{
    width: 100%;
        max-width: 203px;
    margin: 0 auto
}

.our--vission--item.our--mv .vission--item--img img {
    max-width: 280px;
}

.our--vission--item.our--mv .vission--item--img img.our--foundation{
    margin: 0;
    max-width: 375px;
}

.our--mission--vission .our--mission--item.our--mv {

    background: #68B549;

}



.our--mission--vission .our--mv .vission--item--content, .our--mission--vission .our--mv .mission--item--content {

    padding: 40px;

    padding-right: 5px;
        padding-bottom: 0;

}



.our--mission--vission .our--mv .mission--item--content .dual--heading, .our--mission--vission .our--mv .mission--item--content .dual--heading span {

    color: var(--white);

}



.our--vission--item.our--mv {

    background: linear-gradient(111.24deg, #68B549 -4.78%, #F8F8F8 85.65%);

    position: relative;

    overflow: hidden;

}



.our--vission--item.our--mv:before {

    content: '';

    width: calc(100% - 2px);

    height: calc(100% - 2px);

    position: absolute;

    background: #F8F8F8;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    border-radius: 20px;

}



.our--vission--item.our--mv .vission--item--img, .our--vission--item.our--mv .vission--item--content {

    position: relative;

}



.our--mission--vission .our--mv .mission--item--img {

    opacity: 0.14;

    padding: 10px;
    text-align: center;

}



.our--vission--item.our--mv .vission--item--img ,
.our--vission--item.our--mv .mission--item--img {

    display: flex;

    align-items: end;

    padding-right: 15px;

}



/* Our Vission end */



/* Our Core Values */

.our--values--data .nav-tabs {

    justify-content: center;

    gap: 30px;

    border: none;

    flex-wrap: nowrap;

}



.our--values--data .tab--our--values {

    overflow: auto;

}



.our--values--data .nav-tabs li {

    min-width: fit-content;

}



.our--values--data .nav-tabs li a {

    color: #B8B8B8;

    font-size: 18px;

    font-family: Montserrat;

    padding: 12px 10px;

    display: block;

    border-bottom: 1px solid transparent;

    text-decoration: none;

    transition: 0.3s;

}



.our--values--data .nav-tabs li a.active {

    color: var(--black);

    border-color: var(--black);

}



.our--values--data .tab-content {

    margin-top: 25px;

}



.our--values--data .tab-content .tab--inner--content {

    overflow: hidden;

    border-radius: 20px;

    position: relative;

    min-height: 370px;

}



.our--values--data .tab-content .tab--inner--content:before {

    content: '';

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0;

    background: linear-gradient(90.03deg, rgba(0, 67, 154, 0.7) 3.73%, rgba(0, 23, 52, 0) 94.37%);

}



.our--values--data .tab-content .tab--inner--content .content--area--values {

    position: relative;

    color: var(--white);

    padding-left: 60px;

    padding-top: 60px;

    max-width: 475px;

}



.our--values--data .tab-content .tab--inner--content .bg--core--values {

    position: absolute;

    object-fit: cover;

    object-position: center;

    width: 100%;

    height: 100%;

    z-index: -1;

}



.our--values--data .tab-content .tab--inner--content .content--area--values h2 {

    font-size: 24px;

}

/* Our Core Values end */



@media(max-width: 768px) {

    .our--values--data .nav-tabs{

        justify-content: flex-start;

        gap: 10px;

    }

    .friendship{
    margin-bottom: 10px;
    }

    .our--values--data .tab-content .tab--inner--content .content--area--values {

        padding: 30px;

    }



    .our--values--data .tab-content .tab--inner--content {

        min-height: auto;

    }

    .bg--icon--place {

        max-width: 250px;

        opacity: 0.5;

    }

    .our--mission--vission .our--mv {

        flex-direction: column;

    }



    .our--mission--vission {

        flex-direction: column;

    }



    .our--mission--vission .our--mv .vission--item--content, .our--mission--vission .our--mv .mission--item--content {

        padding: 30px 20px;

        padding-bottom: 5px;

    }

    /* .our--mission--vission .our--mv .mission--item--img {

        max-width: 200px;

    } */



    .our--mission--vission .our--mv .mission--item--img img {

        width: 100%;

    }

    .our--story--grid--right .our--story--description {

        padding: 40px 20px;

        min-height: fit-content;

    }

    .our--values--data .nav-tabs li a {

        font-size: 20px;

    }

}