.new-spanplife-about-banner {
    /* background-image: url('./assets/image/ab-baner.webp'); */
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    padding-top: 7%;
    margin-top: 95px;
    padding-bottom: 10%;
}

/* .new-spanplife-about-banner:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: #16436f;
    mix-blend-mode: multiply;
    top: 0px;
    right: 0px;
    opacity: 0.6;
    z-index: 1;
}

.new-spanplife-about-banner:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: -webkit-linear-gradient(0deg, rgba(22, 67, 111, 0.9), rgba(100, 100, 100, 0.20) 100%);
    mix-blend-mode: multiply;
    left: 0px;
    bottom: 0px;
    right: 0px;
    z-index: 1;
} */

.new-spanplife-about-banner h2 {
    font-size: 58px;
    color: #fff;
    font-weight: 600 !important;
}

.bread-crumb {
    display: flex;
    list-style: none;
    gap: 20px;
    margin-left: 32px;
    top: 120px;
    position: relative;
}

.bread-crumb li {
    position: relative;
    display: inline-block;
    font-size: 18px;
    line-height: 28px;
    font-family: 'Saira', sans-serif;
    color: #fff;
    font-weight: 500;
    margin-right: 30px;
}

.bread-crumb li a {
    text-decoration: none;
    color: #fff;
}

.bread-crumb li:before {
    position: absolute;
    content: '';
    width: 10px;
    height: 10px;
    top: 10px;
    right: -20px;
    border-radius: 50%;
    border: 3px solid #10b1b4;
}

/*  */

.about-desc-sec {
    padding: 60px 0px;
}

.about-desc-txt h3 {
    font-size: 25px;
}

.about-desc-txt h2 {
    font-size: 52px;
    font-weight: 400;
    line-height: 55px;
    margin-top: 30px;
}

.about-desc-txt p {
    margin-top: 35px;
    font-size: 20px;
}

.about-mission {
    /* margin-bottom: 70px; */
}

.about-mission-bx {
    background-image: url(../image/about/Our-Mission.webp);
    border-radius: 5px;
    background-position: right;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #0A3050;
    padding: 110px;
}

.about-mission-bx h2 {
    font-size: 52px;
    font-weight: 400;
    color: #fff;
}

.about-mission-bx p {
    width: 50%;
    color: #fff;
    font-size: 20px;
}

.core-value-sec {
    background-color: #F4F4F4;
    padding: 70px 0px;
}

.core-value-sec-h {
    text-align: center;

}

.core-value-sec-h h2 {

    font-size: 52px;
    font-weight: 400;
}

.core-value-sec-des {
    padding-top: 50px;
}

.core-vale-bx img {
    background: #0A3050;
    width: 80%;
    padding: 8px;
    border-radius: 10px;
}

.core-vale-bx-sec {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 20px;
}

/* .core-vale-img{
    mask: url(data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300.000000 466.000000"> <g transform="translate(0.000000,466.000000) scale(0.050000,-0.050000)"> <path d="M1495 8437 l-1495 -863 5 -2919 5 -2919 690 -399 c380 -220 875 -506 1100 -636 226 -130 583 -336 795 -459 211 -122 394 -222 406 -222 12 0 262 139 555 309 294 170 962 556 1484 857 l950 549 5 2920 5 2920 -1477 852 c-812 469 -1490 857 -1505 863 -15 5 -701 -378 -1523 -853z"/> </g> </svg>);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: top center;
    mask-position: top center;
    -webkit-mask-size: auto;
    mask-size: auto;
    width: 100%;
    height: 607px;
}
 */

 .about-core-capabilities-sec {
    background-color: #fff !important;
}

.core-capabilities-img {
    bottom: -35px;
}

.innovation-sec {
    /* margin-bottom: 70px; */
}

.innovation-sec-bx {
    background-image: url(../image/about/Innovative\ Approach_1.webp);
    /* border-radius: 5px; */
    background-position: right;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #0A3050;
    padding: 110px;
}

.innovation-sec-bx h2 {
    font-size: 52px;
    font-weight: 400;
    color: #fff;
}

.innovation-sec-bx p {
    width: 60%;
    color: #fff;
}

.about-our-achievements {
    padding: 70px 0px;
    background-color: #F4F4F4;
}

.about-our-achievements-h {
    text-align: center;
}

.about-our-achievements-h h2 {
    font-size: 52px;
    font-weight: 400;
}

.about-achivements-bx {
    padding-top: 50px;
}

.about-achivements-bx-inner {
    text-align: center;
}


.about-future-goal {
    position: relative;
    padding: 72px 0 57px;
    background: url(./assets/image/future-goal-bg.jpg) no-repeat left top #fff;
    /* margin: 0 0 114px; */
}

.about-future-goal-des h2 {
    font-size: 52px;
    font-weight: 400;
}


@media screen and (max-width: 768px) {
    .new-spanplife-about-banner {
        padding-top: 7%;
        margin-top: 75px;
        padding-bottom: 0%;
    }
    .new-spanplife-about-banner h2 {
        font-size: 35px;
        color: #fff;
        font-weight: 600 !important;
    }
    .bread-crumb {
        gap: 0px;
        margin-left: 0px;
        top: 0;
        padding-left: 0;
    }
    .bread-crumb li {
        margin-right: 30px;
    }
    .about-desc-txt{
        margin-top: 40px;
    }
    .about-desc-txt h2 {
        font-size: 35px;
        line-height: 1.3;
        margin-top: 10px;
    }
    .about-desc-txt p {
        margin-top: 5px;
    }
    .about-mission-bx {
        background-image: none;
        border-radius: 5px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        background-color: #0A3050;
        padding: 30px;
    }
    .about-mission-bx p {
        width: 100%;
        color: #fff;
    }
    .about-desc-sec {
        padding: 40px 0px;
    }
    .about-mission-bx h2 {
        font-size: 35px;
        margin-bottom: 20px;
    }
    .core-value-sec-h h2 {
        font-size: 35px;
        font-weight: 400;
    }
    .core-vale-bx img {
        background: #0A3050;
        width: 15%;
        padding: 8px;
        border-radius: 10px;
        margin-bottom: 10px;
    }
    .core-value-sec {
        background-color: #F4F4F4;
        padding: 50px 0px;
    }
    .core-value-sec-des {
        padding-top: 0px;
    }
    .core-vale-img{
        display: none;
    }
    .core-vale-bx-sec {
        padding: 20px 20px 0 20px !important;
    }
    .ab_design{
        padding: 0 20px;
    }
    .innovation-sec-bx {
        background-image: none;
        border-radius: 5px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        background-color: #0A3050;
        padding: 30px;
    }
    .innovation-sec-bx h2 {
        font-size: 35px;
        font-weight: 400;
        color: #fff;
    }
    
    .innovation-sec-bx p {
        width: 100%;
        color: #fff;
    }
    .about-our-achievements-h h2 {
        font-size: 35px;
        font-weight: 400;
    }
    .about-achivements-bx-inner{
        margin-top: 30px;
    }
    .about-future-goal-des h2 {
        font-size: 35px;
        font-weight: 400;
        margin-top: 20px;
    }
}