﻿@font-face {
    font-family: "NeueMontreal";
    src: url("/Content/fonts/NeueMontreal-Bold.woff2") format("woff2"), url("/Content/fonts/NeueMontreal-Bold.woff") format("woff");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "NeueMontreal";
    src: url("/Content/fonts/NeueMontreal-BoldItalic.woff2") format("woff2"), url("/Content/fonts/NeueMontreal-BoldItalic.woff") format("woff");
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Neue Montreal";
    src: url("/Content/fonts/NeueMontreal-Italic.woff2") format("woff2"), url("/Content/fonts/NeueMontreal-Italic.woff") format("woff");
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "NeueMontreal";
    src: url("/Content/fonts/NeueMontreal-Light.woff2") format("woff2"), url("/Content/fonts/NeueMontreal-Light.woff") format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "NeueMontreal";
    src: url("/Content/fonts/NeueMontreal-LightItalic.woff2") format("woff2"), url("/Content/fonts/NeueMontreal-LightItalic.woff") format("woff");
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "NeueMontreal";
    src: url("/Content/fonts/NeueMontreal-Medium.woff2") format("woff2"), url("/Content/fonts/NeueMontreal-Medium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "NeueMontreal";
    src: url("/Content/fonts/NeueMontreal-Regular.woff2") format("woff2"), url("/Content/fonts/NeueMontreal-Regular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "NeueMontreal";
    src: url("/Content/fonts/NeueMontreal-MediumItalic.woff2") format("woff2"), url("/Content/fonts/NeueMontreal-MediumItalic.woff") format("woff");
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Manrope";
    src: url("/Content/fonts/Manrope-Bold.woff2") format("woff2"), url("/Content/fonts/Manrope-Bold.woff") format("woff");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Manrope";
    src: url("/Content/fonts/Manrope-Medium.woff2") format("woff2"), url("/Content/fonts/Manrope-Medium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Manrope";
    src: url("/Content/fonts/Manrope-Regular.woff2") format("woff2"), url("/Content/fonts/Manrope-Regular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Manrope";
    src: url("/Content/fonts/Manrope-Light.woff2") format("woff2"), url("/Content/fonts/Manrope-Light.woff") format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

html {
    font-weight: normal;
    scroll-behavior: smooth;
    scroll-padding-top: 100px;
}

body {
    font-family: "NeueMontreal";
    font-size: 1.6rem;
    line-height: normal;
    padding-top: 0;
}

.banner {
    background-image: url("/Content/Images/CSR/banner.png");
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 780px;
    border: 14px solid #f5f4f1;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    margin-bottom: 50px;
    margin-top: -100px;
}

header {
    position: relative;
    top: 10px;
    z-index: 9;
    width: 100%;
}

    header .fixed-top {
        /*top: 30px;
    */
        top: 16px;
        background: rgba(0, 0, 0, 0.7);
        /*max-width: 90%;
    */
        width: 98%;
        left: 0;
        right: 0;
        margin: 0 auto;
        padding: 12px 0;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;
    }

    header .collapse.navbar-collapse {
        justify-content: flex-end;
    }

    header .navbar-nav {
        background: #ffffffb2;
        border-radius: 115px;
        backdrop-filter: blur(20px);
        -webkit-border-radius: 115px;
        -moz-border-radius: 115px;
        -ms-border-radius: 115px;
        -o-border-radius: 115px;
        padding: 6px 10px;
        justify-content: space-between;
        min-width: 35%;
    }

.navbar-nav .nav-link {
    font-weight: 500;
    font-style: Medium;
    font-size: 1rem;
    line-height: 140%;
    letter-spacing: -0.44px;
    color: #162159;
}

    .navbar-nav .nav-link.active {
        color: #007bea;
    }

.overlay_content {
    position: absolute;
    top: 30%;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    color: #fff;
    max-width: 815px;
}

    .overlay_content h1 {
        font-weight: 500;
        font-size: 3.5rem;
        letter-spacing: 0px;
    }

    .overlay_content p {
        font-family: "Manrope";
        font-weight: 500;
        font-style: Medium;
        font-size: 21px;
        line-height: 120%;
        letter-spacing: 0%;
        text-align: center;
        opacity: 90%;
        margin-bottom: 30px;
    }

    .banner .overlay_content a {
        background: #fff;
        border-radius: 115px;
        font-size: 18px;
        display: inline-flex;
        justify-content: space-between;
        text-decoration: none;
        align-items: center;
        width: 194px;
        font-family: "Manrope";
        font-weight: 700;
        font-size: 18px;
        line-height: 24px;
        letter-spacing: -0.03px;
        text-align: center;
        vertical-align: middle;
        padding: 8px 10px 8px 20px;
        color: #242331;
        -webkit-border-radius: 115px;
        -moz-border-radius: 115px;
        -ms-border-radius: 115px;
        -o-border-radius: 115px;
    }
        .banner .overlay_content a:hover {
            color: #242331;
            cursor:pointer;
        }
    .small_title {
    font-weight: 500;
    font-style: Medium;
    font-size: 18px;
    line-height: 130%;
    letter-spacing: 10%;
    vertical-align: middle;
    text-transform: uppercase;
    color: #162159b2;
    display: block;
    margin-bottom: 10px;
    text-align: center;
}

.our_vision_content {
    text-align: center;
    padding-bottom: 30px;
}

    .our_vision_content p {
        font-weight: 400;
        font-style: Regular;
        font-size: 34px;
        line-height: 120%;
        letter-spacing: 0%;
        vertical-align: middle;
        color: #757575;
    }

        .our_vision_content p span {
            color: #162159;
            font-weight: 500;
        }

.our_vision,
.our_initiative,
.our_impact,
.success_stories,
.testimonial,
.what_we_do,
.edu_mission {
    margin-bottom: 50px;
}

.our_initiative_content {
    text-align: center;
}

h3 {
    color: #162159;
    font-weight: 500;
    font-style: Medium;
    font-size: 41px;
    line-height: 120%;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
    margin-bottom: 30px;
}

    h3 span {
        color: #007bea;
        font-weight: 400;
    }

.our_impact {
    background-image: url("/Content/Images/CSR/bg_impact.png");
    background-position: top center;
    background-size: 100% auto;
    background-repeat: no-repeat;
    padding: 40px 0;
    text-align: center;
}

.our_impact_content .small_title {
    font-weight: 500;
    font-style: Medium;
    line-height: 130%;
    letter-spacing: 10%;
    vertical-align: middle;
    text-transform: uppercase;
    color: #ffffffb2;
}

.our_impact_content h3 {
    font-weight: 500;
    font-style: Medium;
    font-size: 41px;
    line-height: 120%;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    margin-bottom: 35px;
}

.our_impact_content ul {
    list-style: none;
    display: flex;
    justify-content: center;
    gap: 15px;
    padding-left: 0;
}

    .our_impact_content ul li {
        background-color: #fff;
        min-width: 254px;
        text-align: left;
        padding: 15px;
        max-width: 254px;
        border-radius: 12px;
        -webkit-border-radius: 12px;
        -moz-border-radius: 12px;
        -ms-border-radius: 12px;
        -o-border-radius: 12px;
    }

        .our_impact_content ul li span {
            display: block;
            margin: 10px 0;
            font-weight: 500;
            font-size: 48px;
        }

        .our_impact_content ul li p {
            color: #242331;
            font-size: 20px;
            font-weight: 400;
        }

.success_stories {
    text-align: center;
}

.success_stories_carousel h4 {
    font-family: "Manrope";
    font-weight: 500;
    font-style: Medium;
    font-size: 28px;
    line-height: 120%;
    letter-spacing: 0%;
    vertical-align: middle;
    margin-bottom: 15px;
}

.success_stories_carousel p {
    font-family: "Manrope";
    font-weight: 400;
    font-style: Regular;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0%;
    vertical-align: middle;
}

.success_stories_carousel .item {
    border: 1.2px solid #cfcfcf;
    border-radius: 13px;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    -ms-border-radius: 13px;
    -o-border-radius: 13px;
}

.stories_item_content {
    padding: 20px;
    text-align: left;
    min-height: 325px;
}

    .stories_item_content a {
        font-family: "Manrope";
        color: #242331;
        font-weight: 600;
        font-style: SemiBold;
        font-size: 14px;
        line-height: 16px;
        letter-spacing: 0%;
        text-align: center;
        text-decoration: none;
        display: flex;
        align-items: CENTER;
        gap: 10px;
        position: absolute;
        bottom: 20px;
    }

        .stories_item_content a img {
            width: auto !important;
        }

.success_stories_carousel .item .tag {
    border-radius: 27px;
    -webkit-border-radius: 27px;
    -moz-border-radius: 27px;
    -ms-border-radius: 27px;
    -o-border-radius: 27px;
    font-size: 14px;
    font-weight: 400;
    min-height: 27px;
    padding: 5px 10px;
    display: inline-block;
    text-align: left;
    margin-bottom: 10px;
}

.healthcare_stor .tag {
    background: #f68c91;
    color: #fff;
}

.skill_dev_stor .tag {
    background: #2f2a9280;
    color: #fff;
}

.education_stor .tag {
    background: #6a92d7;
    color: #fff;
}

.success_stories_carousel .owl-nav button.owl-prev {
    left: -39px;
}

.success_stories_carousel .owl-nav button.owl-next {
    right: -39px;
}

.success_stories_carousel .owl-nav button {
    position: absolute;
    top: 45%;
    z-index: 9;
    border: 1.25px solid #16215966 !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    height: 30px;
    border-radius: 100% !important;
    width: 30px;
    -webkit-border-radius: 100% !important;
    -moz-border-radius: 100% !important;
    -ms-border-radius: 100% !important;
    -o-border-radius: 100% !important;
}

    .success_stories_carousel .owl-nav button span {
        display: flex;
        align-items: center;
        height: 30px;
        font-size: 33px;
        position: relative;
        top: -3px;
    }

.btn_explore_stories {
    background: #007bea;
    border: 1px solid #007bea;
    color: #fff;
    border-radius: 39px;
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    margin-top: 20px;
    padding: 10px 15px;
    -webkit-border-radius: 39px;
    -moz-border-radius: 39px;
    -ms-border-radius: 39px;
    -o-border-radius: 39px;
}

    .btn_explore_stories:hover {
        border: 1px solid #007bea;
        color: #007bea;
        background-color: #fff;
    }

.our_partner_content ul {
    display: flex;
    padding-left: 0;
    /* justify-content: space-between; */
    list-style: none;
    gap: 15px;
    justify-content: center;
}

    .our_partner_content ul li {
        background: #fff;
        width: 171px;
        height: 129px;
        border-radius: 8px;
        padding: 10px;
        display: flex;
        align-items: center;
    }

        .our_partner_content ul li .img-fluid {
            width: 80%;
        }

.our_partner {
    text-align: center;
    background-image: url("/Content/Images/CSR/bg_ourpartner.png");
    background-repeat: no-repeat;
    background-position: top center;
    padding: 40px 0;
    background-size: cover;
}

    .our_partner h4 {
        font-weight: 500;
        font-style: Medium;
        font-size: 41px;
        line-height: 120%;
        letter-spacing: 0%;
        vertical-align: middle;
        color: #fff;
    }

    .our_partner p {
        font-family: "Manrope";
        font-weight: 500;
        font-style: Medium;
        font-size: 24px;
        line-height: 120%;
        letter-spacing: 0%;
        text-align: center;
        color: #fff;
    }

.moment_matter .owl-carousel .owl-item img {
    max-height: 480px;
    min-height: 480px;
    /* width: auto; */
    max-width: 270px;
    filter: grayscale(1);
    -webkit-filter: grayscale(1);
    object-fit: cover;
    border-radius: 20px;
}
.moment_matter {
    text-align: center;
    margin: 40px 0;
}
    .moment_matter p {
        max-width: 700px;
        margin: auto;
        font-weight: 500;
        font-style: Medium;
        font-size: 18px;
        line-height: 130%;
        letter-spacing: 0%;
        text-align: center;
        vertical-align: middle;
    }

.moment_carousel {
    margin-top: 35px;
}

    .moment_carousel .owl-nav button.owl-prev {
        left: -39px;
    }

    .moment_carousel .owl-nav button.owl-next {
        right: -39px;
    }

    .moment_carousel .owl-nav button,
    .moment_carousel .owl-nav button:hover {
        position: absolute;
        top: 45%;
        z-index: 9;
        border: 1.25px solid #16215966 !important;
        display: flex !important;
        align-items: center;
        justify-content: center;
        height: 30px;
        border-radius: 100% !important;
        width: 30px;
        -webkit-border-radius:;
        -moz-border-radius:;
        -ms-border-radius:;
        -o-border-radius:;
        background-color: #fff;
    }

        .moment_carousel .owl-nav button span {
            display: flex;
            align-items: center;
            height: 30px;
            font-size: 33px;
            position: relative;
            top: -3px;
        }

img.quote {
    max-width: 40px;
    margin-bottom: 15px;
}

.testimonial {
    text-align: center;
}

.testi_carousel .item {
    padding: 15px;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
    text-align: left;
}

    .testi_carousel .item p {
        font-family: "Manrope";
        font-weight: 400;
        font-style: Regular;
        font-size: 18px;
        line-height: 140%;
        letter-spacing: 0%;
        vertical-align: middle;
        color: #242331;
        padding-bottom: 25px;
        border-bottom: 1px solid rgba(5, 5, 8, 0.2);
        min-height:135px;
        max-height:135px;
        overflow:auto;
    }

    .testi_carousel .item .name {
        font-family: "Manrope";
        font-weight: 600;
        font-style: SemiBold;
        font-size: 22px;
        line-height: 120%;
        letter-spacing: 0%;
        color: #162159;
        display: block;
        margin-bottom: 5px;
    }

    .testi_carousel .item .desig {
        font-family: "Manrope";
        font-weight: 400;
        color: #162159;
        font-style: Regular;
        font-size: 14px;
        line-height: 120%;
        letter-spacing: 0%;
        display: block;
    }

.testimonial_content p {
    font-weight: 400;
    font-style: Regular;
    font-size: 20px;
    line-height: 130%;
    letter-spacing: 0%;
    vertical-align: middle;
    color: #162159;
    opacity: 70%;
    max-width: 719px;
    margin: 0 auto 35px;
}

.testimonial_content h3 {
    margin-bottom: 15px;
}

.bg_purple {
    background: #d4d1ff;
}

.bg_sky {
    background: #d2e9fff0;
}

.bg_pink {
    background: #f9d7ff;
}

.bg_orange {
    background: #ffe7a5;
}

footer {
    padding: 45px 0;
    background-image: url("/Content/Images/CSR/bg_footer.png");
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}

.footer_list {
    display: flex;
    justify-content: space-between;
}

    .footer_list ul {
        padding-left: 0;
        display: flex;
        font-size: 14px;
        gap: 10px;
        color: #fff;
        list-style: none;
    }

        .footer_list ul li {
            margin-right: 15px;
        }

            .footer_list ul li:last-child {
                margin-right: 0;
            }

            .footer_list ul li a {
                font-family: "Manrope";
                font-size: 16px;
                display: flex;
                line-height: normal;
                gap: 8px;
                align-items: center;
                color: #fff;
                font-weight: 300;
                text-decoration: none;
            }

.disclaimer {
    border-bottom: 1px solid #ffffff1c;
    padding-bottom: 15px;
    margin-bottom: 35px;
}

    .disclaimer p {
        color: #fff;
        font-family: "Manrope";
        font-weight: 300;
        font-style: Regular;
        font-size: 16px;
        line-height: 22px;
        letter-spacing: 0.44px;
        opacity: 80%;
    }

.copyright {
    display: flex;
    justify-content: space-between;
}

    .copyright p {
        color: #ffffffa6;
        font-family: "Manrope";
        font-weight: 400;
        font-style: Regular;
        font-size: 16px;
        line-height: 100%;
        letter-spacing: 0.44px;
    }

.our_initiative .owl-item .item {
    transform: scale(0.8);
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transition: opacity 0.4s, transform 0.4s;
    -webkit-transition: opacity 0.4s, transform 0.4s;
    -moz-transition: opacity 0.4s, transform 0.4s;
    -ms-transition: opacity 0.4s, transform 0.4s;
    -o-transition: opacity 0.4s, transform 0.4s;
    background-image: url("/Content/Images/CSR/bg_overlay.png");
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100% 100%;
    position: relative;
    top: -50px;
}

.init_overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url("/Content/Images/CSR/bg_overlay.png");
    background-repeat: no-repeat;
    background-position: top center;
}

.our_initiative .item img {
    width: 100%;
    height: 100%;
    display: block;
    min-height: 352px;
    max-height: 352px;
}

.our_initiative .owl-item.active.center .item {
    position: relative;
    top: 0px;
    background-image: none !important;
}

.our_initiative .owl-item.active.center .item {
    opacity: 1;
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
}

    .our_initiative .owl-item.active.center .item img {
        /* max-width: 692px; */
        max-height: 400px;
    }

.our_initiative .owl-item.active.center .init_overlay {
    display: none;
}

.content.active {
    display: none;
}

.init_overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url("/Content/Images/CSR/bg_overlay.png");
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100% 100%;
}

    .init_overlay p {
        position: absolute;
        bottom: 20px;
        color: #fff;
        left: 0;
        right: 0;
        font-size: 30px;
        line-height: normal;
    }

.our_initiative .owl-item.active.center .content.active {
    display: flex !important;
    padding-bottom: 70px;
    text-align: left;
    padding-top: 10px;
    gap: 10px;
}

.our_initiative .owl-carousel .owl-stage {
    padding-top: 60px;
}

.our_initiative .owl-item.active.center .content.active span {
    font-size: 20px;
    color: #162159;
    line-height: normal;
    /* min-width: 31%; */
    /* max-width: 30%; */
    display: block;
    text-align: center;
    width: 100%;
}

.our_initiative .owl-item.active.center .content.active div > p {
    font-size: 16px;
    color: rgba(0, 0, 0, 70%);
    margin-bottom: 0;
}

.our_initiative .owl-item.active.center .item_heading {
    display: none;
}

.our_initiative .owl-item.active.center .content.active div a {
    font-size: 14px;
    line-height: 16px;
    color: #242331;
    display: inline-flex;
    align-items: center;
    text-decoration: none;
}

    .our_initiative .owl-item.active.center .content.active div a img {
        width: auto;
        height: auto;
        min-height: auto;
    }

.initiative_carousel.owl-carousel .owl-nav.disabled {
    display: block;
    position: absolute;
    right: 10%;
    bottom: 30%;
}

.initiative_carousel .owl-nav button.owl-prev {
    left: -50px;
}

.initiative_carousel .owl-nav button.owl-next {
    /* right: -39px; */
}

.initiative_carousel .owl-nav button {
    position: absolute;
    top: 45%;
    z-index: 9;
    border: 1.25px solid #16215966 !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    height: 40px;
    border-radius: 100% !important;
    width: 40px;
    -webkit-border-radius: 100% !important;
    -moz-border-radius: 100% !important;
    -ms-border-radius: 100% !important;
    -o-border-radius: 100% !important;
}

.initiative_carousel .owl-nav button span {
        display: flex;
        align-items: center;
        height: 30px;
        font-size: 33px;
        position: relative;
        top: -4px;
    }
/********************Healthcare*************************/
.banner.healthcare_banner {
    background-image: url("/Content/Images/CSR/healthcare_banner.png");
}

.multi_vision_box {
    display: flex;
    align-items: flex-start;
    border-radius: 26.32px;
    padding: 20px 20px 20px 0;
    max-height: 321px;
    margin-bottom: 20px;
    overflow: hidden;
    -webkit-border-radius: 26.32px;
    -moz-border-radius: 26.32px;
    -ms-border-radius: 26.32px;
    -o-border-radius: 26.32px;
}

    .multi_vision_box.bg_pink {
        background: #fdf8ec;
    }

.multi_vision_box_content {
    padding: 0 37px 20px 0;
    text-align: left;
}

    .multi_vision_box_content h4 {
        font-size: 32px;
        margin-bottom: 20px;
    }

    .multi_vision_box_content p {
        font-size: 20px;
        letter-spacing: 0.2px;
        line-height: 140%;
    }

.multi_vision_box.bg_light_purple {
    background: #f9f4ff;
}

.multi_vision_box.bg_purple {
    background: #f4cafb54;
}

.multi_vision_box.bg_sky {
    background: #ecf3ff;
}

.what_we_do {
    text-align: center;
}

.what_we_do_content p {
    font-family: "Manrope";
    font-weight: 400;
    font-style: Regular;
    font-size: 24px;
    line-height: 150%;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
    margin-bottom: 25px;
}

.what_we_do .owl-item .item {
    transform: scale(0.9);
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transition: opacity 0.4s, transform 0.4s;
    -webkit-transition: opacity 0.4s, transform 0.4s;
    -moz-transition: opacity 0.4s, transform 0.4s;
    -ms-transition: opacity 0.4s, transform 0.4s;
    -o-transition: opacity 0.4s, transform 0.4s;
    background-image: url("/Content/Images/CSR/bg_wht_overlay.png");
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100% 100%;
    position: relative;
    top: -50px;
}

.what_we_do .owl-item.active.center .item {
    opacity: 1;
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
}

.what_we_do .owl-item.active.center .item {
    position: relative;
    top: 0px;
    background-image: none !important;
}

.what_we_do .owl-carousel .owl-stage {
    padding-top: 60px;
}

.what_we_do_overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url("/Content/Images/CSR/bg_wht_overlay.png");
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100% 100%;
}

    .what_we_do_overlay .what_we_do_overlay_content {
        position: absolute;
        bottom: 20px;
        color: #fff;
        left: 0;
        right: 0;
        font-size: 30px;
        line-height: normal;
        text-align: left;
        padding: 20px 25px;
    }

        .what_we_do_overlay .what_we_do_overlay_content span {
            display: block;
            margin-bottom: 15px;
            line-height: normal;
            font-size: 32px;
            line-height: normal;
        }

        .what_we_do_overlay .what_we_do_overlay_content button {
            border-radius: 30px;
            -webkit-border-radius: 30px;
            -moz-border-radius: 30px;
            -ms-border-radius: 30px;
            -o-border-radius: 30px;
            background: rgba(255, 255, 255, 30%);
            color: #fff;
            font-weight: 400;
            font-style: SemiBold;
            font-size: 14px;
            line-height: 16px;
            letter-spacing: 0%;
            text-align: center;
            vertical-align: middle;
            width: 123px;
            height: 40px;
            border: 0 none;
        }

.what_we_do .owl-item.active.center .what_we_do_overlay {
    display: none;
}

.what_we_do_carousel.owl-carousel .owl-nav.disabled {
    display: block;
}

.what_we_do_carousel.owl-carousel .owl-nav button {
    position: absolute;
    top: 45%;
    z-index: 9;
    border: 1.25px solid #16215966 !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    height: 30px;
    border-radius: 100% !important;
    width: 30px;
    -webkit-border-radius: 100% !important;
    -moz-border-radius: 100% !important;
    -ms-border-radius: 100% !important;
    -o-border-radius: 100% !important;
    background: #fff;
}

.what_we_do_carousel .owl-nav button.owl-prev {
    left: -5px;
}

    .what_we_do_carousel .owl-nav button.owl-prev span,
    .what_we_do_carousel .owl-nav button.owl-next span {
        top: -2px;
        position: relative;
    }

.what_we_do_carousel .owl-nav button.owl-next {
    right: -5px;
}

.healthcare_st_caroiusel .item img {
    max-height: 230px;
}

.healthcare_st_caroiusel h4 {
    font-size: 24px;
}

.healthcare_st_caroiusel .stories_item_content {
    min-height: 360px;
}

.healthcare_st_caroiusel .tag {
    color: #ff7a7a;
    background: #ffeded;
    border-radius: 27px;
    -webkit-border-radius: 27px;
    -moz-border-radius: 27px;
    -ms-border-radius: 27px;
    -o-border-radius: 27px;
    padding: 6px 15px !important;
}

/********************Education***********************/
.banner.education_banner {
    background-image: url("/Content/Images/CSR/edu_banner.png");
}

.edu_mission .row {
    align-items: center;
}

.edu_mission .img-fluid {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.edu_stories_carousel .owl-stage {
    margin: 0 auto;
}

.edu_stories_carousel .tag {
    color: #4f84ff;
    background: #edf5ff;
    border-radius: 27px;
    -webkit-border-radius: 27px;
    -moz-border-radius: 27px;
    -ms-border-radius: 27px;
    -o-border-radius: 27px;
    padding: 6px 15px !important;
}

.edu_stories_carousel .stories_item_content {
    min-height: 360px;
}

/*******************skill dev******************/
.banner.skill_banner {
    background-image: url("/Content/Images/CSR/skill_banner.png");
}

.skilldev_stories .tag {
    color: #807aff;
    background: #eeedff;
    border-radius: 27px;
    -webkit-border-radius: 27px;
    -moz-border-radius: 27px;
    -ms-border-radius: 27px;
    -o-border-radius: 27px;
    padding: 6px 15px !important;
}

/**************success stories*****************/

.success_story_container {
    border: 14px solid #f5f4f1;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    position: relative;
    margin-bottom: 50px;
}

    .success_story_container .img-fluid {
        width: 100%;
    }

.success_story_overlay {
    position: absolute;
    top: 10%;
    background-image: url("/Content/Images/CSR/bg_suc_story.png");
    background-size: 100% 100%;
    background-position: top center;
    background-repeat: no-repeat;
    left: -10px;
    top: -10px;
    right: -10px;
    bottom: -10px;
    border-radius: 20px;
    border: 10px solid #f5f4f1;
    overflow: hidden;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}

.section_stories_wrapper {
    margin-top: 140px;
}

    .section_stories_wrapper h3 {
        text-align: left;
        margin-bottom: 20px;
    }

.story_details_date_time {
    font-family: 'Manrope';
    font-weight: 500;
    font-style: Medium;
    font-size: 20px;
    line-height: 130%;
    letter-spacing: 0%;
    text-align: left;
    vertical-align: middle;
    margin-bottom: 20px;
    opacity: 70%;
}

.success_story_details {
    color: #fff;
    max-width: 629px;
    position: absolute;
    top: 15%;
    left: 6%;
}

    .success_story_details span {
        font-family: 'Manrope';
        font-weight: 700;
        font-style: Bold;
        font-size: 20px;
        line-height: 130%;
        letter-spacing: 10%;
        vertical-align: middle;
        text-transform: uppercase;
        margin-bottom: 15px;
        opacity: 70%;
        display: block;
    }

    .success_story_details h1 {
        font-weight: 500;
        font-style: Medium;
        font-size: 48px;
        line-height: 110%;
        letter-spacing: 0%;
        margin-bottom: 25px;
    }

    .success_story_details a {
        box-shadow: 0px 4px 20px 0px #0000001f;
        border-radius: 115px;
        height: 48px;
        width: 183px;
        background: #fff;
        color: #242331;
        font-family: "Manrope";
        font-weight: 700;
        font-style: Bold;
        font-size: 16px;
        line-height: 24px;
        letter-spacing: -0.03px;
        text-align: center;
        vertical-align: middle;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        text-decoration: none;
        -webkit-border-radius: 115px;
        -moz-border-radius: 115px;
        -ms-border-radius: 115px;
        -o-border-radius: 115px;
        gap: 10px;
    }

.all_stories_content .nav-tabs {
    gap: 15px;
    border: 0;
}

    .all_stories_content .nav-tabs .nav-link {
        font-family: 'Manrope';
        font-weight: 500;
        font-style: Medium;
        font-size: 16px;
        line-height: 120%;
        letter-spacing: 0%;
        vertical-align: middle;
        border: 1px solid #162159;
        font-family: Manrope;
        font-weight: 500;
        font-style: Medium;
        font-size: 16px;
        line-height: 120%;
        letter-spacing: 0%;
        vertical-align: middle;
        border-radius: 27px;
        -webkit-border-radius: 27px;
        -moz-border-radius: 27px;
        -ms-border-radius: 27px;
        -o-border-radius: 27px;
        color: #162159;
    }

        .all_stories_content .nav-tabs .nav-link.active {
            background: #007BEA;
            color: #fff;
            border: 1px solid #007BEA;
        }

.all_stories_content .tab-pane .item {
    border: 1.2px solid #CFCFCF;
    width: auto;
    max-width: 350px;
    position: relative;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
    min-height: 620px;
}

    .all_stories_content .tab-pane .item img.img-fluid {
        max-height: 232px;
        min-height: 232px;
        width: 100%;
        border-radius: 12px 12px 0 0;
        -webkit-border-radius: 12px 12px 0 0;
        -moz-border-radius: 12px 12px 0 0;
        -ms-border-radius: 12px 12px 0 0;
        -o-border-radius: 12px 12px 0 0;
    }

.all_stories_content .tab-content > .active {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 30px;
    margin-bottom: 30px;
}

.all_stories_content .item .tag {
    border-radius: 27px;
    -webkit-border-radius: 27px;
    -moz-border-radius: 27px;
    -ms-border-radius: 27px;
    -o-border-radius: 27px;
    font-size: 14px;
    font-weight: 400;
    min-height: 27px;
    padding: 5px 10px;
    display: inline-block;
    text-align: left;
    margin-bottom: 10px;
}

.all_stories_content .item h4 {
    font-family: "Manrope";
    font-weight: 500;
    font-style: Medium;
    font-size: 24px;
    line-height: 120%;
    letter-spacing: 0%;
    vertical-align: middle;
    margin-bottom: 15px;
}

.all_stories_content .item p {
    font-family: "Manrope";
    font-weight: 400;
    font-style: Regular;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0%;
    vertical-align: middle;
}

.all_stories_content .item a {
    font-family: "Manrope";
    color: #242331;
    font-weight: 600;
    font-style: SemiBold;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0%;
    text-align: center;
    text-decoration: none;
    display: flex;
    align-items: CENTER;
    gap: 10px;
    position: absolute;
    bottom: 20px;
}

.edu.tag {
    color: #4f84ff;
    background: #edf5ff;
}

.skill.tag {
    color: #807aff;
    background: #eeedff;
}

.health.tag {
    color: #ff7a7a;
    background: #ffeded;
}

.story_details_wrapper {
    border: 14px solid #f5f4f1;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}

    .story_details_wrapper .img-fluid {
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        -o-border-radius: 10px;
    }

.site-glimpse img {
    width: 100%;
    height: auto;
    border-radius: 6px;
    object-fit: cover;
    min-height: 250px;
    max-height: 250px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

.title {
    font-weight: 500;
    font-style: Medium;
    font-size: 30px;
    line-height: 150%;
    letter-spacing: 0%;
    vertical-align: middle;
}

    .title span {
        font-weight: 500;
        color: #007bff;
        margin-bottom: 1rem;
    }

.story_details_table {
    margin: 30px 0;
    background: #FDF8EC;
    padding: 24px;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
}

    .story_details_table table {
        table-layout: fixed;
        width: 100%;
    }

        .story_details_table table th {
            font-weight: 500;
            font-style: Medium;
            font-size: 14px;
            line-height: 130%;
            letter-spacing: 10%;
            vertical-align: middle;
            text-transform: uppercase;
            color: #162159B2;
        }

        .story_details_table table td {
            color: #162159;
            font-weight: 500;
            font-style: Medium;
            font-size: 20px;
            line-height: 120%;
            letter-spacing: 0%;
            vertical-align: middle;
        }

.story_detail_content p {
    font-size: 16px;
    color: #162159;
}

p.b_para {
    font-size: 22px;
    color: #162159;
    font-weight: 500;
    line-height: normal;
}

.b_para span {
    color: #007BEA;
}

.border_para {
    font-weight: 500;
    font-style: Italic;
    font-size: 28px;
    line-height: 150%;
    letter-spacing: 0%;
    vertical-align: middle;
    color: rgba(22, 33, 89, 0.4) !important;
    border-left: 8px solid #007BEA5E;
    padding-left: 15px;
}

.story_highlight {
    padding-left: 0;
    margin: 20px 0 30px;
}

    .story_highlight li p {
        border-left: 4px solid #F2F3F7;
        padding-left: 15px;
        font-weight: 400;
        font-style: Regular;
        font-size: 16px;
        line-height: 130%;
        letter-spacing: 0%;
        vertical-align: middle;
        color: #162159;
        padding-bottom: 10px;
    }

    .story_highlight li {
        list-style: none;
        margin-bottom: 15px;
        border-bottom: 1px solid #F2F3F7;
    }

    .story_highlight ul li:last-child {
        border-bottom: 0;
    }

.story_social_links {
    list-style: none;
    padding-left: 0;
    display: flex;
    gap: 15px;
    margin: 20px 0 40px;
}

.related_tags .tag {
    border-radius: 27px;
    -webkit-border-radius: 27px;
    -moz-border-radius: 27px;
    -ms-border-radius: 27px;
    -o-border-radius: 27px;
    font-size: 14px;
    font-weight: 400;
    min-height: 27px;
    padding: 5px 10px;
    display: inline-block;
    text-align: left;
    margin-bottom: 10px;
}

.realted_stories_caroiusel .item {
    min-height: 620px;
}

    .realted_stories_caroiusel .item img {
        max-height: 230px;
    }

.realted_stories_caroiusel h4 {
    font-size: 24px;
    line-height: normal;
}

/*******************About us**********************/
.banner.about_us_banner {
    background-image: url("/Content/Images/CSR/about_us_banner.png");
}

.abt_sky_content {
    background: #F4F8FF;
    padding: 80px;
}

.abt_vision, .abt_mission {
    background-color: #fff;
    border-radius: 20px;
    -webkit-border-radius:;
    -moz-border-radius:;
    -ms-border-radius:;
    -o-border-radius:;
    padding: 32px;
}

    .abt_vision span, .abt_mission span {
        display: block;
        font-weight: 500;
        font-style: Medium;
        font-size: 24px;
        line-height: 130%;
        letter-spacing: 10%;
        vertical-align: middle;
        text-transform: uppercase;
        color: #162159B2;
        display: block;
        margin-bottom: 10px;
    }

    .abt_vision p, .abt_mission p {
        font-weight: 400;
        font-style: Regular;
        font-size: 32px;
        line-height: 120%;
        letter-spacing: 0%;
        vertical-align: middle;
        color: #757575;
    }

        .abt_vision p span, .abt_mission p span {
            color: #162159;
            font-weight: 700;
            text-transform: capitalize;
            font-size: 32px;
            display: inline;
        }

.commitee_member_content {
    text-align: center;
}

    .commitee_member_content p {
        font-family: 'Manrope';
        font-weight: 400;
        font-style: Regular;
        font-size: 24px;
        line-height: 120%;
        letter-spacing: 0%;
        text-align: center;
        color: #242331;
    }

.commitee_member_carousel .what_we_do_overlay_content {
    bottom: 0;
    padding: 10px 15px;
}

    .commitee_member_carousel .what_we_do_overlay_content span {
        font-weight: 500;
        font-style: Medium;
        font-size: 20px;
        line-height: 120%;
        letter-spacing: 0%;
        vertical-align: middle;
        color: #fff;
        margin-bottom: 8px;
    }

    .commitee_member_carousel .what_we_do_overlay_content p {
        font-weight: 400;
        font-style: Regular;
        font-size: 14px;
        line-height: normal;
        letter-spacing: 0.16px;
        color: #fff;
        text-align: left;
    }

.commitee_member_content h3 {
    margin-bottom: 10px;
}

.commitee_member_carousel {
    padding-top: 25px;
    padding-bottom: 40px;
}


.backed_by_best {
    margin-bottom: 40px;
}

    .backed_by_best .small_title {
        margin-bottom: 25px;
    }

    .backed_by_best ul {
        display: flex;
        gap: 15px;
    }

        .backed_by_best ul li {
            width: 120px;
            height: 100px;
            display: flex;
            justify-content: center;
            align-items: center;
            background: #fff;
            border: 1px solid #f9f6f6;
        }

            .backed_by_best ul li img {
                /*filter: grayscale(1);*/
                max-height: 67px;
                /*-webkit-filter: grayscale(1);*/
            }

.abt_disclosures {
    background: #FAFAFA;
    padding: 55px 0;
}

.abt_disclosures_content {
    text-align: center;
}

    .abt_disclosures_content h3 {
        margin-bottom: 10px;
    }

    .abt_disclosures_content .nav-content {
        justify-content: space-between;
        align-items: flex-start;
        margin: 20px 0;
    }

        .abt_disclosures_content .nav-content .nav {
            gap: 10px;
        }

    .abt_disclosures_content .nav .nav-link {
        border-radius: 40px;
        -webkit-border-radius:;
        -moz-border-radius:;
        -ms-border-radius:;
        -o-border-radius:;
        border: 1px solid #162159;
        font-family: 'Manrope';
        font-weight: 600;
        font-style: SemiBold;
        font-size: 18px;
        line-height: 100%;
        letter-spacing: 0px;
        min-height: 51px;
        color: #162159;
    }

        .abt_disclosures_content .nav .nav-link.active {
            background: #162159;
            color: #fff;
        }

    .abt_disclosures_content .tab-pane ul {
        padding-left: 0;
        display: flex;
        gap: 15px;
        flex-wrap: wrap;
        justify-content: center;
    }

        .abt_disclosures_content .tab-pane ul li {
            position: relative;
            max-width: 267px;
            list-style: none;
            border-radius: 12px;
            -webkit-border-radius: 12px;
            -moz-border-radius: 12px;
            -ms-border-radius: 12px;
            -o-border-radius: 12px;
        }

            .abt_disclosures_content .tab-pane ul li img.img-fluid {
                border-radius: 12px;
                -webkit-border-radius: 12px;
                -moz-border-radius: 12px;
                -ms-border-radius: 12px;
                -o-border-radius: 12px;
            }

.csr_overlay_content {
    position: absolute;
    bottom: 0;
    color: #fff;
    padding: 15px 15px;
    left: 0;
    right: 0;
}

    .csr_overlay_content p {
        font-weight: 400;
        font-style: Regular;
        font-size: 20px;
        line-height: 120%;
        letter-spacing: 0%;
        vertical-align: middle;
        text-align: left;
    }

    .csr_overlay_content h4 {
        font-weight: 500;
        font-style: Medium;
        font-size: 36px;
        line-height: 120%;
        letter-spacing: 0%;
        text-align: center;
        vertical-align: middle;
        color: #fff;
        padding-bottom: 45px;
    }

    .csr_overlay_content button {
        background: #FFFFFF4D;
        color: #fff;
        height: 37px;
        width: 191px;
        border-radius: 26.37px;
        font-weight: 500;
        font-style: Medium;
        font-size: 14px;
        line-height: 10.82px;
        letter-spacing: 0%;
        text-align: center;
        border: 0;
        -webkit-border-radius: 26.37px;
        -moz-border-radius: 26.37px;
        -ms-border-radius: 26.37px;
        -o-border-radius: 26.37px;
    }

    .csr_overlay_content a {
        background: #FFFFFF4D;
        border-radius: 26.37px;
        width: 36px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

.disclosure_form_select {
    border: 1px solid #162159;
    font-family: 'Manrope';
    font-weight: 500;
    font-style: Medium;
    font-size: 20px;
    line-height: 18px;
    letter-spacing: 0.32px;
    text-align: center;
    vertical-align: middle;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    width: 148px;
    height: 48px;
}

.commitee_member_carousel.owl-carousel .owl-nav.disabled {
    display: block;
}

.commitee_member_carousel .owl-nav button.owl-prev {
    left: -39px;
}

.commitee_member_carousel .owl-nav button.owl-next {
    right: -39px;
}

.commitee_member_carousel .owl-nav button {
    position: absolute;
    top: 45%;
    z-index: 9;
    border: 1.25px solid #16215966 !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    height: 30px;
    border-radius: 100% !important;
    width: 30px;
    -webkit-border-radius: 100% !important;
    -moz-border-radius: 100% !important;
    -ms-border-radius: 100% !important;
    -o-border-radius: 100% !important;
    background: #162159 !important;
}

    .commitee_member_carousel .owl-nav button span {
        display: flex;
        align-items: center;
        height: 30px;
        font-size: 33px;
        position: relative;
        top: -4px;
        color: #fff;
    }

.abt_our_initiative .initiative_carousel.owl-carousel .owl-nav.disabled {
    display: block;
    position: absolute;
    right: 10%;
    bottom: 30%;
}

.abt_our_initiative .initiative_carousel .owl-nav button.owl-prev {
    left: -50px;
}

.abt_our_initiative .initiative_carousel .owl-nav button.owl-next {
    /* right: -39px; */
}

.abt_our_initiative .initiative_carousel .owl-nav button {
    position: absolute;
    top: 45%;
    z-index: 9;
    border: 1.25px solid #16215966 !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    height: 40px;
    border-radius: 100% !important;
    width: 40px;
    -webkit-border-radius: 100% !important;
    -moz-border-radius: 100% !important;
    -ms-border-radius: 100% !important;
    -o-border-radius: 100% !important;
}

    .abt_our_initiative .initiative_carousel .owl-nav button span {
        display: flex;
        align-items: center;
        height: 30px;
        font-size: 33px;
        position: relative;
        top: -4px;
    }
