/********** Template CSS **********/
:root {
    --primary: #FF800F;
    --secondary: #001064;
    --light: #F6F7F8;
    --dark: #010A35;

}



.back-to-top {
    position: fixed;
    display: none;
    right: 30px;
    bottom: 30px;
    z-index: 99;
}


/*** Spinner ***/
#spinner {
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s ease-out, visibility 0s linear .5s;
    z-index: 99999;
}

#spinner.show {
    transition: opacity .5s ease-out, visibility 0s linear 0s;
    visibility: visible;
    opacity: 1;
}


/*** Button ***/
.btn {
    transition: .5s;
}

.btn.btn-primary,
.btn.btn-outline-primary:hover,
.btn.btn-secondary,
.btn.btn-outline-secondary:hover {
    color: #FFFFFF;
}

.btn.btn-primary:hover {
    background: var(--secondary);
    border-color: var(--secondary);
}

.btn.btn-secondary:hover {
    background: var(--primary);
    border-color: var(--primary);
}

.btn-square {
    width: 38px;
    height: 38px;
}

.btn-sm-square {
    width: 32px;
    height: 32px;
}

.btn-lg-square {
    width: 48px;
    height: 48px;
}

.btn-square,
.btn-sm-square,
.btn-lg-square {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: normal;
}


/*** Navbar ***/
.navbar.sticky-top {
    top: -100px;
    transition: .5s;
    /* background: linear-gradient(45deg, #11111c, #292867, #2c2cc4); */
    background: linear-gradient(90deg, #000000, #3533cd);
}

.navbar .navbar-brand img {
    max-height: 60px;
}

.navbar .navbar-nav .nav-link {
    /* margin-left: 25px; */
    padding: 0px 0;
    color: #ffffff;
    font-style: normal;
    font-family: "Heebo";
    font-weight: 500;
    letter-spacing: 1.8px;
    outline: none;
    text-align: center;
    font-size: 1em;
}

.navbar .navbar-nav .nav-link:hover,
.navbar .navbar-nav .nav-link.active {
    color: #76e5fc;
}

.navbar .dropdown-toggle::after {
    border: none;
    /* content: "\f107"; */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    vertical-align: middle;
    margin-left: 8px;
}

@media (max-width: 991.98px) {
    .navbar .navbar-brand img {
        max-height: 45px;
    }

    .navbar .navbar-nav {
        margin-top: 20px;
        margin-bottom: 15px;
    }

    .navbar .nav-item .dropdown-menu {
        padding-left: 30px;
    }
}

@media (min-width: 992px) {
    .navbar .nav-item .dropdown-menu {
        display: block;
        border: none;
        margin-top: 0;
        top: 150%;
        right: 0;
        opacity: 0;
        visibility: hidden;
        transition: .5s;
    }

    .navbar .nav-item:hover .dropdown-menu {
        top: 100%;
        visibility: visible;
        transition: .5s;
        opacity: 1;
    }
}


/*** Header ***/
.carousel-caption {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: rgba(1, 10, 53, .8);
    z-index: 1;
}

.carousel-control-prev,
.carousel-control-next {
    width: 15%;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    width: 3rem;
    height: 3rem;
    background-color: var(--dark);
    border: none;
    border-radius: 3rem;
}

@media (max-width: 768px) {
    #header-carousel .carousel-item {
        position: relative;
        min-height: 450px;
    }

    #header-carousel .carousel-item img {
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}

.page-header {
    /* background: linear-gradient(rgba(1, 10, 53, .8), rgba(1, 10, 53, .8)), url(../NEWIMAGES/headerbg1.png) center center no-repeat; */
    background: linear-gradient(rgb(1 10 53 / 0%), rgb(1 10 53 / 0%)), url(../NEWIMAGES/headerbg1.png) center center no-repeat;
    background-size: cover;
    /* padding: 10% 5% 2%; */
}

.page-header1 {
    /* background: linear-gradient(rgba(1, 10, 53, .8), rgba(1, 10, 53, .8)), url(../NEWIMAGES/headerbg1.png) center center no-repeat; */
    background: linear-gradient(rgb(1 10 53 / 0%), rgb(1 10 53 / 0%)), url(../NEWIMAGES/57.png) center center no-repeat;
    background-size: cover;
    /* padding: 10% 5% 2%; */
}

.page-header2 {
    /* background: linear-gradient(rgba(1, 10, 53, .8), rgba(1, 10, 53, .8)), url(../NEWIMAGES/headerbg1.png) center center no-repeat; */
    background: linear-gradient(rgb(1 10 53 / 0%), rgb(1 10 53 / 0%)), url(../NEWIMAGES/15.png) center center no-repeat;
    background-size: cover;
    /* padding: 10% 5% 2%; */
}


.page-header .breadcrumb-item a,
.page-header .breadcrumb-item+.breadcrumb-item::before {
    color: var(--light);
}

.page-header .breadcrumb-item a:hover,
.page-header .breadcrumb-item.active {
    color: var(--primary);
}


/*** Facts ***/
.facts {
    background: rgba(1, 10, 53, .8);
}


/*** Quote ***/
@media (min-width: 992px) {
    .container.quote {
        max-width: 100% !important;
    }

    .container.quote .quote-text {
        padding-left: calc(((100% - 960px) / 2) + .75rem);
    }

    .container.quote .quote-form {
        padding-right: calc(((100% - 960px) / 2) + .75rem);
    }
}

@media (min-width: 1200px) {
    .container.quote .quote-text {
        padding-left: calc(((100% - 1140px) / 2) + .75rem);
    }

    .container.quote .quote-form {
        padding-right: calc(((100% - 1140px) / 2) + .75rem);
    }
}

@media (min-width: 1400px) {
    .container.quote .quote-text {
        padding-left: calc(((100% - 1320px) / 2) + .75rem);
    }

    .container.quote .quote-form {
        padding-right: calc(((100% - 1320px) / 2) + .75rem);
    }
}

.container.quote .quote-text {
    background: rgba(1, 10, 53, .8);
}

.container.quote .quote-form {
    background: rgba(255, 255, 255, .8);
}

.container.quote .quote-text .h-100,
.container.quote .quote-form .h-100 {
    padding: 6rem 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}


/*** Service ***/
.service-item .service-icon {
    width: 90px;
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.service-item .service-icon img {
    max-width: 60px;
    max-height: 60px;
}


/*** Team ***/
.team-item .team-img::before,
.team-item .team-img::after {
    position: absolute;
    content: "";
    width: 0;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(1, 10, 53, .8);
    transition: .5s;
}

.team-item .team-img::after {
    left: auto;
    right: 0;
}

.team-item:hover .team-img::before,
.team-item:hover .team-img::after {
    width: 50%;
}

.team-item .team-img .team-social {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .5s;
    z-index: 3;
    opacity: 0;
}

.team-item:hover .team-img .team-social {
    transition-delay: .3s;
    opacity: 1;
}


/*** Testimonial ***/
.animated.pulse {
    animation-duration: 1.5s;
}

.testimonial-left,
.testimonial-right {
    position: relative;
}

.testimonial-left img,
.testimonial-right img {
    position: absolute;
    border-radius: 70px;
}

.testimonial-left img:nth-child(1),
.testimonial-right img:nth-child(3) {
    width: 70px;
    height: 70px;
    top: 10%;
    left: 50%;
    transform: translateX(-50%);
}

.testimonial-left img:nth-child(2),
.testimonial-right img:nth-child(2) {
    width: 60px;
    height: 60px;
    top: 50%;
    left: 10%;
    transform: translateY(-50%);
}

.testimonial-left img:nth-child(3),
.testimonial-right img:nth-child(1) {
    width: 50px;
    height: 50px;
    bottom: 10%;
    right: 10%;
}

.testimonial-carousel .owl-item img {
    width: 100px;
    height: 100px;
    border-radius: 100px;
}

.testimonial-carousel .owl-nav {
    margin-top: 30px;
    display: flex;
    justify-content: center;
}

.testimonial-carousel .owl-nav .owl-prev,
.testimonial-carousel .owl-nav .owl-next {
    margin: 0 5px;
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    background: var(--primary);
    border-radius: 45px;
    font-size: 22px;
    transition: .5s;
}

.testimonial-carousel .owl-nav .owl-prev:hover,
.testimonial-carousel .owl-nav .owl-next:hover {
    background: var(--secondary);
}


/*** Footer ***/
.footer {
    color: #7F8499;
}

.footer .btn.btn-link {
    display: block;
    margin-bottom: 5px;
    padding: 0;
    text-align: left;
    color: #7F8499;
    font-weight: normal;
    text-transform: capitalize;
    transition: .3s;
}

.footer .btn.btn-link::before {
    position: relative;
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #7F8499;
    margin-right: 10px;
}

.footer .btn.btn-link:hover {
    color: var(--primary);
    letter-spacing: 1px;
    box-shadow: none;
}

.footer .btn.btn-square {
    color: #7F8499;
    border: 1px solid #7F8499;
}

.footer .btn.btn-square:hover {
    color: var(--light);
    border-color: var(--primary);
}

.footer .copyright {
    padding: 25px 0;
    border-top: 1px solid rgba(256, 256, 256, .1);
}

.copyright1 {
    background: linear-gradient(45deg, #11111c, #292867, #2c2cc4);
}

.footer .copyright a {
    color: var(--primary);
}

.footer .copyright a:hover {
    color: #FFFFFF;
}


/* New Chnages Made By BS */
/* Hover dropdown */
.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
}

.mega-menu {
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
    padding: 2rem;
    background: #fff;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
}

.mega-menu h6 {
    font-weight: bold;
    color: #100f0f;
    margin-bottom: 1rem;
    /* border-bottom: 2px solid #0dcaf0; */
    display: inline-block;
}

.mega-menu ul {
    list-style: none;
    padding: 0;
}

.mega-menu ul li {
    margin-bottom: 0.5rem;
    color: #6c757d;
    font-size: 14px;
}

.mega-menu .row>div {
    padding: 0 1rem;
}


.mega-menu h6 {
    font-weight: bold;
    color: #100f0f;
    position: relative;
    display: inline-block;
    padding-bottom: 0.5rem;
    margin-bottom: 1rem;
    width: 100%;
    font-size: 14px;
    text-transform: uppercase;
}
.mb22 p{
    background-clip: border-box;
    background-image: none;
    color: #20282d;
    font-family: "Heebo";
    font-weight: 400;
    font-size: 1em;
    text-align: center;
    line-height: 1.5em;
}
.mega-menu h6::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    /* Adjust line length */
    height: 2px;
    background-color: #0dcaf0;
    /* Light blue color */
}

.mega-menu h5 {
    font-size: 14px;
}

.nav-item,
.pad1 {
    padding: 0px 30px;
}

.nav-item .colnew1,
.pad1 .colnew1 {
    color: #b1abab;;
    text-align: center;
}


/*** Carousel Hero Header Start ***/
.carousel-header {
    position: relative;
    overflow: hidden;
}

.carousel-indicators {
    display: none;
}

.carousel .carousel-control-prev,
.carousel .carousel-control-next {
    width: 0;
}

.carousel .carousel-control-prev .carousel-control-prev-icon,
.carousel .carousel-control-next .carousel-control-next-icon {
    position: absolute;
    top: 43%;
    transform: translateY(-50%);
    padding: 25px 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ff800f00;
    transition: 0.5s;
}

.carousel .carousel-control-prev .carousel-control-prev-icon {
    left: 0;
    border-left: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 50px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 50px;

}

.carousel .carousel-control-next .carousel-control-next-icon {
    right: 0;
    border-right: 0;
    border-top-left-radius: 50px;
    border-top-right-radius: 0;
    border-bottom-left-radius: 50px;
    border-bottom-right-radius: 0;
}

.carousel .carousel-control-prev .carousel-control-prev-icon:hover,
.carousel .carousel-control-next .carousel-control-next-icon:hover {
    background: var(--bs-secondary);
}

.carousel .carousel-inner .carousel-item {
    position: relative;
}

.carousel .carousel-inner .carousel-item .carousel-caption-1 {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding-top: 0px;
    display: flex;
    align-items: center;
    justify-content: end;
    /* background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, 0.5)); */
    background-size: cover;
}

.carousel-caption-1-content {
    text-align: left;
    margin-right: 100px;
    /* background-color: rgb(79 129 189 / 90%); */
    /* background: linear-gradient(rgb(79 129 189 / 80%), rgb(79 129 189 / 80%)), url(../NEWIMAGES/hero1.jpg) center center no-repeat; */
    background-color: #23377891;
    background-size: cover;
    padding: 50px;
    border-top: 8px solid #233778;
}

.carousel-caption-1-content .carousel-caption-1-content-btn {
    display: flex;
    /* justify-content: end; */
}

.carousel .carousel-inner .carousel-item .carousel-caption-2 {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding-top: 0px;
    display: flex;
    align-items: center;
    text-align: center;
    /* background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, 0.5)); */
    background-size: cover;
}

.carousel-caption-2-content {
    text-align: start;
    margin-left: 100px;
    /* background-color: rgba(21, 50, 85, .8); */
    background: linear-gradient(rgb(79 129 189 / 80%), rgb(79 129 189 / 80%)), url(../NEWIMAGES/hero2.jpg) center center no-repeat;
    background-size: cover;
    padding: 50px;
    border-top: 5px solid #76e5fc;
}

.carousel-caption-2-content .carousel-caption-2-content-btn {
    display: flex;
    justify-content: start;
}


@media (max-width: 992px) {
    .carousel .carousel-inner .carousel-item {
        height: 700px;
        margin-top: -100px;
    }

    .carousel .carousel-inner .carousel-item img {
        height: 700px;
        object-fit: cover;
    }


    .carousel .carousel-inner .carousel-item .carousel-caption-1 {
        max-width: 100% !important;
        justify-content: center;
    }

    .carousel-caption-1-content {
        padding: 0 20px !important;
        text-align: center !important;
    }

    .carousel-caption-1-content .carousel-caption-1-content-btn {
        justify-content: center;
    }


    .carousel .carousel-inner .carousel-item .carousel-caption-2 {
        max-width: 100% !important;
        justify-content: center;
    }

    .carousel-caption-2-content {
        padding: 0 20px !important;
        text-align: center !important;
    }

    .carousel-caption-2-content .carousel-caption-2-content-btn {
        justify-content: center;
    }



    .carousel .carousel-control-prev .carousel-control-prev-icon,
    .carousel .carousel-control-next .carousel-control-next-icon {
        display: none;
    }
}

.modal .modal-header {
    height: 100px;
}

#searchModal .modal-content {
    background: rgba(255, 255, 255, .6);
}

.carousel-item img {
    height: 300px;
    object-fit: cover;
}

.colnew2 {
    color: #0dcaf0;
}

/*** Carousel Hero Header End ***/

.btnnew {
    background-color: #0b397d;
    border-color: #ffffff;
    letter-spacing: 0px;
    text-transform: uppercase;
    font-size: 14.7px;
    padding: 10px 25px !important;
}

.btnnew:hover {
    background-color: white !important;
    border-color: #ffffff !important;
    color: #001064 !important;
}

@media (min-width: 1400px) {
    .containernew {
        max-width: 1496px;
        padding: 0px;
        margin: 0px;
    }

    .containernew .col-lg-2 {
        padding: 0px;
        margin: 0px;
    }
}

.colnew3 {
    color: #0b397d;
    font-size: 22px;
    font-weight: bold;
}

.colnew4 {
    color: #5271ff;
    font-weight: 600;
}

/* .newwsec1 p {
    color: #20282d;
    font-family: "Heebo";
    font-weight: 400;
    font-size: 1.2rem;
    line-height: 32px;
} */

.newsec1 {
    background-color: #e5f3f6;
}

/* New Section-2 Start */
.slick-slide {
    margin: 0px 2px;
}

.slick-slide img {
    width: 70%;
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

.bgnew1 {
    background-color: #bedcf7;
    padding: 20px 20px;
    border-radius: 10px;
    z-index: 9;
    position: relative;
}

.bgnew2 {
    background-color: #e5f3f6;
}

/* New Section-2 End */

.newsec3 {
    background: linear-gradient(90deg, #000000, #3533cd);
    padding-top: 100px;
    padding-bottom: 100px;
    margin-top: -25px;
}

.newsec3 h4 {
    font-size: 22px;
    color: #f4f9f6;
}

.newsec3 h4::after {
    content: '';
    display: block;
    width: 50px;
    /* You can adjust the width of the line */
    height: 3px;
    /* Thickness of the line */
    background-color: #007bff;
    /* Line color (Bootstrap primary in this example) */
    margin-top: 8px;
    /* Space between text and the line */
}

.newsec3 p{
    background-clip: border-box;
    background-image: none;
    color: #fff;
    font-family: "Heebo";
    font-weight: 400;
    font-size: 1.2em;
    line-height: 32px;
}

.bodpad1 {
    padding-bottom: 30px;
    border-bottom: 3px solid white;
}

.btnnew1 {
    background-color: #5d6291;
    border-color: #5d6291;
    /* letter-spacing: 3px; */
    text-transform: uppercase;
}

.btnnew1:hover {
    background-color: white !important;
    border-color: #ffffff !important;
    color: #001064 !important;
}

.bg1 {
    background-image: url(../NEWIMAGES/photonew1.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.bodpad12 {
    padding: 220px 0px;
}

.newsec4 h4 {
    font-size: 27px;
    color: white;
}

/* .newsec4 h4::after {
    content: '';
    display: block;
    width: 50px;
    height: 3px;
    background-color: #007bff;
    margin-top: 8px;
} */

.bodpad12 p {
    padding: 20px 0px;
    background-clip: border-box;
    background-image: none;
    color: #fff;
    font-family: "Heebo";
    font-weight: 400;
    font-size: 1.2em;
    line-height: 32px;
}

.btnnew2 {
    background-color: #074fa9b0;
    border-color: #ffffff;
    /* letter-spacing: 3px; */
    text-transform: uppercase;
    padding: 14px 21px !important;
}

.btnnew2:hover {
    background-color: white !important;
    border-color: #ffffff !important;
    color: #001064 !important;
}

.newsec5top h4 {
    font-size: 29px;
    color: #ffffff;
    margin-bottom: 40px;
}

.newsec5 {
    /* background: linear-gradient(45deg, #1a1a25, #2f2e95, #2c2cc4); */
    background: linear-gradient(90deg, #000000, #3533cd);
    padding-top: 25px;
    padding-bottom: 100px;
}

.newsec5top h4::after {
    content: '';
    display: block;
    width: 50px;
    height: 3px;
    background-color: #007bff;
    margin-top: 30px;
    position: relative;
    left: 48%;
}

.newsec5top p {
    font-size: 22px;
    color: #ffffff;
}


.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    
    z-index: 1;
} */


/* .boxes:hover {
 opacity: 0.5;
} */

.newsec5new {
    margin-top: -80px;
}
.np1 {
    font-style: normal;
    font-family: "Lexend";
    font-weight: 600;
    color: #fff;
    text-align: center;
    line-height: 1.4em;
    letter-spacing: .01em;
    font-size: 1.4em;
}
.box-content .np {
    color: #ffffff;
    text-align: center;
    font-size: 2rem;
    line-height: 1.2em;
    font-style: normal;
    background-clip: border-box;
    background-image: none;
    /* color: #17375e; */
    font-family: "Lexend";
    font-weight: 400;
    margin: 0;
    display: block;
    width: 100%;
}

.box-content .nw {
    font-size: 36px; 
    font-weight: bold;
    color: white;
    
    margin-bottom: 20px !important; 
    
    margin-top: 0;
    line-height: 0.1;
}

.nw1 {
    padding-right: 70px;
}

.newsec6 {
    background: linear-gradient(90deg, #000000, #3533cd);
    padding-top: 5em;
    padding-bottom: 5em;
}

.pad2 {
    padding: 30px;
    border-radius: 12px;
    background-color: #5271ff3d;
}
.newsec6top h4 {
    font-size: 27px;
    color: white !important;
}
.newsec6top h2 {
    color: #fff !important;
    padding-top: 10px;
    font-size: 2.5em;
    line-height: 1.2em;
    font-style: normal;
    font-family: Lexend;
    font-weight: 600;
    letter-spacing: 0.025em;
}

.newsec6top p {
    color: #fff !important;
    font-family: Heebo;
    font-weight: 300;
    font-size: 1.2em;
    line-height: 32px;
}

/* 
.form-control {
    display: block;
    width: 100%;
    padding: .675rem .75rem;
    font-size: 14px;
    font-weight: 100;
    /* font-weight: 400; */
    /* line-height: 1.5;
    color: #000000;
    background-color: #216bd0;
    background-clip: padding-box;
    border: 1px solid #216bd0;
    appearance: none;
    border-radius: 0px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    border-radius: 12px;
} */ */

/* Placeholder text white */
::placeholder {
    color: white !important;
    opacity: 1;
}

:-ms-input-placeholder {
    color: white !important;
}

::-ms-input-placeholder {
    color: white !important;
}

::-webkit-input-placeholder {
    color: white !important;
}

::-moz-placeholder {
    color: #ffffff !important;
    opacity: 1;
    font-size: 18px;
}

:-moz-placeholder {
    color: white !important;
    opacity: 1;
}

.btnsend {
  background-color: #5271ff;
    border: 2px solid #5271ff;
    border-radius: 17px;
    padding: 7px 21px;
}

/* New Section-7 Start */
.subscribe-section {
    background: url('../NEWIMAGES/footerbgnew1.png') no-repeat center center/cover;
    padding: 30px 20px 0px 20px;
    text-align: center;
    position: relative;
    overflow: hidden;
    /* Ensures the overlay doesn't leak out */
}

.subscribe-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.6);
    /* Adjust opacity here */
    z-index: 0;
    /* Ensures overlay is behind content */
}

.subscribe-section>* {
    position: relative;
    z-index: 1;
    /* Brings all content above the overlay */
}


.subscribe-section h2 {
    margin-bottom: 10px;
    font-size: 2.5em;
    line-height: 1.2em;
    color: #fff !important;
    font-style: normal;
    font-family: Lexend;
    font-weight: 600;
}

.subscribe-section p {
    font-size: 1.2em;
    line-height: 32px;
    text-align: center;
    margin-bottom: 1.5em;
}

.subscribe-input {
    background-color: #0b2e59;
    border: none;
    border-radius: 5px;
    color: white;
    padding: 10px 15px;
    margin: 5px;
    width: 220px;
}

.subscribe-input::placeholder {
    color: white;
    opacity: 1;
}

.subscribe-button {
    background-color: #0b5ed7;
    border: none;
    border-radius: 15px;
    padding: 10px 25px;
    margin: 5px;
    color: #fff !important;
    font-size: 18px;

}

.subscribe-button:hover {
    background-color: #094bb5;
}

.footer-section {
    /* background-color: rgba(0, 0, 0, 0.8); */
    padding: 60px 20px 30px 20px;
}

.footer-section h5 {
    font-weight: 700;
    margin-bottom: 15px;
    color: white;
}

.white-text {
  color: #ffffff;
}

.footer-section ul {
    list-style: none;
    padding: 0;
}

.footer-section ul li {
    margin-bottom: 10px;
    font-size: 1.1em;
    line-height: 1.5em;
    color: #fff !important;
    font-weight: 100 !important;

}

.footer-section ul li::before {
    content: '•';
    color: white;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}

.footer-section hr {
    border-top: 3px solid #0b5ed7;
    width: 40px;
    margin-bottom: 15px;
    opacity: 1;
}

/* New Section-7 End */

.footerbox {
    background: linear-gradient(45deg, #0e3d81ed, #0e3d81c7);
    height: 97%;
    padding: 30px 10px 15px 20px;
    border-radius: 10px;
}

.copyright {
    background: linear-gradient(90deg, #000000, #3533cd);
}

.copyright a {
    color: white;
}

.bordernew {
    border: 2px solid white;
    border-radius: 10px;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    color: #007bff !important;
}

.gapnew1 {
    gap: 40px;
}


.meganav a {
    font-weight: bold;
    color: #100f0f;
}

.meganav a:hover {
    color: #010A35;
}

.newse h4 {
    font-size: 22px;
    /* color: white; */
}
.newse h3 {
    font-style: normal;
    font-family: "Lexend";
    font-weight: 600;
    background-image: none;
    color: #17375e;
    font-size: 1.8em;
    letter-spacing: .01em;
    line-height: 1.4em;
}

.newse h4::after {
    content: '';
    display: block;
    width: 50px;
    /* You can adjust the width of the line */
    height: 3px;
    /* Thickness of the line */
    background-color: #00adee;
    /* Line color (Bootstrap primary in this example) */
    margin-top: 8px;
    /* Space between text and the line */
}
.newse h5{
    font-style: normal;
    background-clip: border-box;
    background-image: none;
    color: rgb(23, 55, 94);
    font-family: Lexend;
    font-weight: 700;
    font-size: 1.2em;
    line-height: 1.7em;
    letter-spacing: -0.03em;
}

.section-wrapper {
    min-height: 400px;
}

.content-center {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    /* text-align: center; */
}


.section-text {
    font-size: 16px;
    color: black;
}

.img-fluid-custom {
    width: 100%;
    height: 210px;
    object-fit: cover;
    border-radius: 10px;
}

.success-section {
    background-color: #eaf6fb;
    /* padding: 60px 0; */
}

.success-card img {
    width: 100%;
    height: 174px;
    border-radius: 12px;
    object-fit: cover;
}

.gap2 {
    column-gap: 50px;
}

p {
    margin-top: 0;
    margin-bottom: 0rem;
    font-size: 0.8em;   
    letter-spacing: 1px;
    color: #b1abab;

}

.resourcebox {
    background-color: #142a3d;
    height: 100%;
    border-radius: 12px;
}

.resourcebox p {
   color: rgb(255, 255, 255);
       padding: 10px 60px 10px 60px;
    font-size: 16px;
    text-align: center;
    margin-bottom: 0px;
    line-height: inherit;
}

.bgblue {
    background-color: #06397d;
}

.fitbox {
    color: white;
}

.fitbox img {
    width: 100px !important;
    padding-bottom: 10px;
}

.gap3 {
    --bs-gutter-y: 5rem !important;
    --bs-gutter-x: 11rem !important;
}

.fitbox p {
    text-align: center;
}

.disflex1 {
    display: flex;
    gap: 50px;
    align-items: center;
}

.disflex1 img {
    width: 90px;
}

.disflex1 a {
    color: white;
    text-decoration: underline;
}

.btnresource {
    border-radius: 20px;
    font-size: 17px;
    padding: 12px;
    background-color: #bdd9dc;
    border-color: #bdd9dc;
    color: #065fb3 !important;
}

.btnresource:hover {
    background-color: #bdd9dc !important;
    border-color: #bdd9dc !important;
    color: #065fb3 !important;
}

.rotate1 {
    rotate: -45deg;
}

/* this is for icon in high potential .page */
.font1 {
    font-size: 50px;
}

/* organization page box style */
.impact-box {
    background-image: url('../NEWIMAGES/54.png');
    /* 🔁 Replace with your image */
    background-size: cover;
    background-position: center;
    color: white;
    padding: 40px 30px;
    /* border-radius: 8px; */
    margin: -10px 0;
    /* text-align: center; */
    position: relative;
    overflow: hidden;
    width: 100%; 
}

.impact-box::before {
    content: "";
    /* position: absolute; */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(24, 60, 70, 0.8);
    /* Semi-transparent overlay for readability */
    z-index: 0;
}

.impact-box * {
    position: relative;
    z-index: 1;
}

.impact-box .percentage {
    font-size: 40px;
    font-weight: bold;
    color: white;
    margin: 20px 0 10px;
}

.impact-box .source {
    margin-top: 30px;
    font-size: 0.9rem;
    color: #ccc;
    margin: 0px 0px 0px 329px;
}

/* 

.image-card {
    position: relative;
    overflow: hidden;

    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    height: 100%;
    width: 359px;
}

.image-card img {
    width: 100%;
    height: 350px;
    height: 100%;
    object-fit: cover;
}
.image-card img {
  width: 100%;
  height: 350px;
  object-fit: cover;
  transition: opacity 0.4s ease;
}

.image-card:hover img {
  opacity: 0.8;
} */
.image-card {
    position: relative;
    overflow: hidden;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    /* width: 100%; */
    /* margin-left: 50px; */
}

/* Style the image */
.image-card img {
    width: 100%;
      height: 314px;
    object-fit: cover;
    display: block;
}

/* Overlay only on image */
.image-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
       height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    /* Adjust transparency as needed */
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 1;
}

/* Show overlay on hover */
.image-card:hover::before {
    opacity: 1;
}

/* Make sure content stays on top */
.card-footer-content {
    position: relative;
    z-index: 2;
    background: #fff;
    padding: 15px;
    text-align: center;
}



.card-footer-content {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 20px 10px;
    text-align: center;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.6), transparent);
    color: white;
}

.card-footer-content h5 {
    margin-bottom: 5px;
    font-family: "Lexend";
    font-weight: 600;
    color: #fff;
    text-align: center;
    line-height: 1.4em;
    letter-spacing: .01em;
    font-size: 1.4em;
}

.card-footer-content p {
    margin: 0;
    font-weight: 500;
    color: white;
    font-size: 1.2em;
    text-align: center
}

.image-wrapper {
    margin-bottom: -104px;
}

@media (max-width: 768px) {
    .image-wrapper {
        margin-bottom: 20px;
    }
}







/* for image down  */
.culture-section {
    background-color: #12324c;
    color: #ffffff;
    padding: 7rem 7rem 0rem 7rem;
}

.culture-section h2 {
    font-weight: bold;
    color: white;
}

.underline {
    width: 60px;
    height: 4px;
    background-color: #a6ff00;
    margin-top: 10px;
    margin-bottom: 30px;
}

.stat-box {
    background-color: #f7f9f700;
    color: white;
    /* border-radius: 10px; */
    padding: 40px 20px;
    text-align: center;
    position: relative;
}

.stat-icon {
    /* background-color: #a6ff00; */
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    position: absolute;
    top: -25px;
    left: 50%;
    transform: translateX(-50%);
}

.stat-box h1 {
    font-size: 4rem;
    font-weight: bold;
    margin: 20px 0 10px;
    color: white;
}

.source {
   font-size: 1.2rem;
    color: white;
    margin-top: 20px;
    position: absolute;
    right: 22%;
    bottom: 10px;
}

@media (max-width: 768px) {
    .stat-box {
        margin-top: 40px;
    }
}



/* sentence and 2 image style */

.section-dark {
    background-color: #12324c;
    color: white;
    padding: 60px 20px;
}

.section-dark h2 {
    font-weight: bold;
    color: white;
}

.blue-underline {
    width: 60px;
    height: 4px;
    background-color: #00b4f1;
    margin-top: 10px;
    margin-bottom: 40px;
}

.stat-card {
    position: relative;
    /* border-radius: 8px; */
    overflow: hidden;
    color: white;
    text-align: center;
    background-size: cover;
    background-position: center;
    height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px;
}

.stat-overlay {
    /* background: rgba(0, 0, 0, 0.5); */
    /* padding: 146px; */
    border-radius: 10px;
}

.stat-percent {
    font-size: 3rem;
    font-weight: bold;
}

.stat-text {
    font-size: 1em;
    margin: 15px 0;
    background-clip: border-box;
    background-image: none;
    color: #fff;
    font-family: "Heebo";
    font-weight: 400;
    line-height: 1.5em;
    margin-top: 1em;
}

.stat-source {
    font-size: 0.9rem;
    color: #ccc;
    margin: 52px 9px 20px 331px;
}


/* paragraph */
.content-section {
    background-color: #12324c;
    /* soft white-gray */
    padding: 60px 20px;
    color: #1f2f32;
}

.content-section p {
    font-size: 1rem;
    line-height: 1.8;
    /* text-align: center; */
    margin-bottom: 30px;
    color: white;
    text-align: left;
}


/* 3boxes contenty and image */

.section-values {
    padding: 0px 20px;
}

.section-values h2 {
    font-weight: bold;
    color: #012b5b;
}

.section-values .blue-line {
    width: 60px;
    height: 4px;
    background-color: #00aaff;
    margin-top: 10px;
    margin-bottom: 25px;
}

.value-card {
    /* background-size: cover; */
    background-position: center;
    /* border-radius: 8px; */
    overflow: hidden;
    /* height: 260px; */
    position: relative;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 50px 30px;
}

.value-overlay {
    /* background: rgba(0, 0, 0, 0.5); */
    padding: 10px 15px;
    border-radius: 6px;
    width: 100%;
}

.value-card h5 {
    font-weight: bold;
    text-transform: uppercase;
    color: white;
    font-size: 20px;
}

.value-card .highlight {
    font-size: 40px;
    font-weight: bold;
    margin-top: 10px;
}

.source1 {
    font-size: 0.85rem;
    position: absolute;

    color: #f2f2f2;
    bottom: -20px;
    right: -50px;
}


.color1 {
    color: #001064;
    /* padding-bottom: 3rem; */
}


.color2 {
    background-color: #12324c;
    padding: 2rem;
}

/* organization page */
/* .phase-row {
    align-items: flex-start;
    margin-bottom: 40px;
} */

.icon-col {
    text-align: center;
}

.icon-col i {
    font-size: 65px;
    color: #fff;
}

.phase-text p {
    margin: 0;
    font-size: 1.1rem;
    line-height: 1.6;
}

.phase-text strong {
    font-size: 1.2rem;
}





/* hight potemnstial page :start */
.content-wrapper {
    padding: 50px 0;
}

.image-col img {
    max-width: 85%;
    height: auto;
}

.text-col {
    padding-left: 30px;
    color: black;
}



/* 3 box style in high potential page */
.perspective-box {
    /* background: linear-gradient(to bottom, #000000, #2c2c2c); */
    background-image: url('../NEWIMAGES/67.png');
        background-size: cover;
    color: white;
    padding: 20px;
    border-radius: 15px;
    text-align: center;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    height: 100%;
    width: 100%;
    /* margin-left: 38px; */
}

.perspective-header {
    font-weight: bold;
    font-size: 1.2rem;
}

.perspective-subheader {
    font-size: 1rem;
    color: #dcdcdc;
    margin-bottom: 15px;
}

.perspective-content {
    background-color: #889bf6;
    color: #000;
    padding: 15px;
    /* border-radius: 10px; */
    text-align: left;
    height: auto;
}

.new111 {

    padding: 20px 30px;
}

.perspective-content1 {
    background-color: #b4bde2;
    color: #000;
    padding: 5px;
    /* border-radius: 10px; */
    text-align: left;
    height: auto;
      min-height: 114px;
}


.perspective-content ul {
    padding-left: 20px;
    margin: 10px 0 0 0;
}

.perspective-content li {
    margin-bottom: 5px;
}

/* for image and content  */
.bg-container {
    background-image: url('../NEWIMAGES/67.png');
    /* Replace with your image URL */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    /* min-height: 400px; */
    display: flex;
    align-items: center;
    /* justify-content: center; */
    color: white;
    /* text-align: center; */
    padding: 30px 20px;
    border-radius: 10px;
    font-size: 1.2rem;
    z-index: 9;
    position: relative;
}

.bg-container h1 {
    font-size: 2.5rem;
    font-weight: bold;
}

.para {
    background: #b4bde2;
    padding: 0.5rem;
    color: #315b91;
    border-radius: 10px
}

@media (max-width: 576px) {
    .bg-container h1 {
        font-size: 1.8rem;
    }
}

/* it is for image and conent  */
.section-title {
    color: white;
    font-weight: 700;
}

.highlight-bar {
    width: 40px;
    height: 4px;
    background-color: #00cfff;
    margin-bottom: 1rem;
}

.content-list li::before {
    content: '↗';
    color: #4b75ff;
    font-weight: bold;
    margin-right: 0.5rem;
}

.content-list {
    padding-left: 0;
    list-style: none;
}

.content-section1 {
    /* background-color: #004aad; */
    background-color: #06397d;
    /* padding: 60px 15px; */
}

img.diagram {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
}

.unl {
    color: white;
    line-height: 1.8rem;
    font-size: 19px;
}

.para1 {
    color: white;
}


/* this is fordiagramatical image */
.image-section {
    background-color: white;
    /* Matches light blue background */
    padding: 40px 0;
}

.image-section img {
    max-width: 55%;
    height: auto;
    display: block;
    margin: 0 auto;
}

/* this is for containt */
.tool-card {
    background-color: #cad3f8;
    padding: 30px;
    border-radius: 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
}

.tool-card h5 {
    font-family: "Lexend";
    font-size: 1.5em;
    letter-spacing: -.03em;
    color: #0b397d;
    text-align: left !important;
}

.tool-icon {
    font-size: 1.3rem;
    color: #102b4e;
}

.section-bg {
    background-color: white;
    padding: 40px 0;
}

.str1 {
    color: #0b397d;
}

/* It is for how it works */

.timeline-container {
    position: relative;
    /* padding: 60px 15px; */
}

.timeline-container::before {
    content: "";
    position: absolute;
    top: 20%;
    left: 50%;
    width: 4px;
    height: 70%;
    background-color: #003366;
    transform: translateX(-50%);
    z-index: 1;
}

.timeline-step {
    position: relative;
    margin-bottom: 60px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.timeline-step .left,
.timeline-step .right {
    width: 45%;
}

.timeline-step .left {
    text-align: right;
}

.timeline-step .right {
    text-align: left;
}

.timeline-step .marker {
    position: absolute;
    left: 50%;
    transform: rotateZ(175deg);
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 20px solid #003366;
    z-index: 2;
}

.timeline-step:nth-child(even) .marker {
    border-left: none;
    border-right: 20px solid #003366;
}

@media (max-width: 768px) {
    .timeline-step {
        flex-direction: column;
        align-items: flex-start;
    }

    .timeline-step .left,
    .timeline-step .right {
        width: 100%;
        text-align: left;
    }

    .timeline-container::before {
        left: 15px;
    }

    .timeline-step .marker {
        left: 15px;
        transform: none;
    }
}

/* second time line  */
.timeline-containe {
    position: relative;
    /* padding: 60px 15px; */
}

.timeline-containe::before {
    content: "";
    position: absolute;
    top: 20%;
    left: 50%;
    width: 4px;
    height: 63%;
    background-color: black;
    transform: translateX(-50%);
    z-index: 1;
}

.timeline-step {
    position: relative;
       margin-bottom: 33px;
    display: flex;
    justify-content: space-between;
      align-items: anchor-center;
}

.timeline-step .left,
.timeline-step .right {
    width: 46%;
}

.timeline-step .left {
    text-align: right;
}

.timeline-step .right {
    text-align: left;
}

.timeline-step .marker1 {
    position: absolute;
    left: 50%;
    /* transform: rotateZ(175deg); */
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 20px solid black;
    z-index: 2;
}

.timeline-step:nth-child(even) .marker {
    border-left: none;
    border-right: 20px solid #003366;
}

.wid3 {
    width: 391px;
    margin-left: 234px;

}

.wid4 {
    width: 398px;
}

.wid5 {
    width: 403px;

}

@media (max-width: 768px) {
    .timeline-step {
        flex-direction: column;
        align-items: flex-start;
    }

    .timeline-step .left,
    .timeline-step .right {
        width: 100%;
        text-align: left;
    }

    .timeline-container::before {
        left: 15px;
    }

    .timeline-step .marker {
        left: 15px;
        transform: none;
    }
}


/* stle for normal paragraph */
/* .section-title1 {
      border-left: 4px solid #00a8e8;
      padding-left: 10px;
    } */

@media (max-width: 576px) {
    .section-title1 {
        font-size: 1.3rem;
    }
}

.para2 {
    font-size: 18px;
    margin-top: 20px;
}

.image-box1 img {
      width: 89%;
    /* object-fit: cover; */
    border-radius: 8px;
}

.logo {
    width: 100px;
    height: auto;
    margin-top: 20px;
}

.image-box1 {
    position: relative;

    background-size: cover;
    background-position: center;
    /* border-radius: 10px; */
    overflow: hidden;
    margin-bottom: 20px;
}
.img-box2 {
    margin-top: 25px;
}

.img-box3 {
    margin-top: 40px;
}

img.diagram1 {

    height: 366px;
    object-fit: cover;

}


/* for content */
.talent-icon {
    /* height: 60px; */
    margin-bottom: 15px;
}

.talent-card {
    padding: 20px;
    border-radius: 10px;
    transition: all 0.3s;
    /* background-color: #ffffff; */
}

/* .talent-card:hover {
      background-color: #f8f9fa;
      box-shadow: 0 0 12px rgba(0, 0, 0, 0.08);
    } */

.talent-heading {
    font-weight: bold;
    margin-bottom: 40px;
}

.photo-size {
    font-size: 50px;
}

.text-all {
    text-align: left;
    /* width: 408px; */
    padding-left: 33px;
}

.box-border {
    border-radius: 30px 30px 0px 0px;
    margin: 2rem;
}


/* last part of this page */
.nav-tabs .nav-link {
    border: none;
    border-bottom: 3px solid transparent;
    font-weight: 500;
    color: #003b8e;
}

.nav-tabs .nav-link.active {
    border-bottom: 3px solid #009fe3;
    font-weight: bold;
    color: #000;
}

.subscribe-icon {
    font-size: 3.5rem;
    color: #003b8e;
}

.play-button {
    background-color: #5c636a;
    border: none;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    font-size: 1.75rem;
    color: white;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 15px;
}

.info-icon {
    font-size: 3.5rem;
    color: #f7931e;
    /* font-size: 48px; */

    margin-right: 15px;
    /* margin-bottom: 330px; */

}

.info-text {
    color: #f7931e;
    font-size: 1.80rem;
    margin-left: 15px;
    /* margin-bottom: 330px; */

}

.mar4 {
    margin-top: 130px;

}

.section-padding {
    padding: 60px 15px 30px 15px;
}


/* exexutative page start */
.para-padding {
    margin-bottom: 3rem;
}



/* this is for heading and 3 div    */
.section-title2 {
    font-weight: bold;
    color: white;
    padding: 0rem;
}

.highlight {
    color: white;
    /* text-decoration: underline; */
}

.card-custom {
    background-color: #ffffff;
    color: #000;
    border-radius: 1rem;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    padding: 1.5rem;
    height: 100%;

    width: 344px;
}

.card-header-custom {
    background-color: #1b2f29;
    color: #fff;
    padding: 1rem;
    /* border-radius: 0.75rem 0.75rem 0 0; */
    font-weight: bold;
}

.backcolor {
    background-color: #283933;
    /* padding: 4rem; */
}

.highlight-bar1 {
    width: 40px;
    height: 4px;
    background-color: #81b90a;
    margin-bottom: 2rem;
}

.highlight-bar2 {
    width: 40px;
    height: 4px;
    background-color: #06397d;
    margin-bottom: 1rem;
}

.highlight-bar4 {
    width: 40px;
    height: 4px;
    background-color: #007bff;
    margin-bottom: 4rem;
}

/* this is for white content */
.stakeholder-title {
    text-align: center;
    font-weight: bold;
    margin-bottom: 3rem;
    color: white;
}

.stakeholder-card {
    background-color: #f8f9fa;
    border-radius: 1rem;
    padding: 2rem;
    height: 100%;
}

.stakeholder-card h5 {
    font-weight: bold;
    color: #1b2f29;
    margin-bottom: 1rem;
    text-align: center;
}

.stakeholder-card ul {
    padding-left: 1.2rem;
    color: #000;
    line-height: 2rem;
    font-size: 18px;
    margin-bottom: 0px;
}

.border {
    border-radius: 40px;
    margin: 50px 50px 0px 50px;

}

/* this is for diagram 2 */
.para3 {
    text-align: center;
    color: white;
    padding: 2rem;
}

/* tghis section for feedback  */
.feedback-section {
    background-color: #f8f9fa;
    /* padding: 3rem 1rem; */
}

.feedback-title {
    font-weight: 700;
    font-size: 22px;
    color: #112c26;
    margin-bottom: 1rem;
}

.feedback-highlight {
    /* border-radius: 0.5rem; */
    background-color: #4a5752;
    color: #fff;
    padding: 2rem;
    height: 100%;
    display: flex;
    /* flex-direction: column; */
    justify-content: space-between;
    text-align: left;
    margin-bottom: -9rem;
}

.feedback-quote {
    font-size: 1.5rem;
    line-height: 1.4;
    margin-bottom: 1rem;
}

.feedback-author1 {
    display: flex;
    justify-content: end;
    text-align: right;

}

.feedback-img {
    max-width: 100%;
    height: auto;
    border-radius: 0.5rem;
    margin-top: 1rem;
    max-height: 150px;
    object-fit: contain;
    position: relative;
    /* bottom: 0px; */
    top: 90px;
}

.feedback-link {
    color: #1b2f29;
    text-decoration: underline;
}

.backcolor1 {
    background-color: #e9e9e7;
}


/* Best pratice of foundation */

.main-container {
    max-width: 1200px;
    margin: 0 auto;
    background: white;
    border-radius: 0;
    overflow: hidden;
}

.grid-container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    min-height: 500px;
}

.grid-item {
    padding: 40px 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-right: 2px solid #333;
    border-bottom: 2px solid #333;
    position: relative;
}

.grid-item:nth-child(3),
.grid-item:nth-child(6) {
    border-right: none;
}

.grid-item:nth-child(4),
.grid-item:nth-child(5),
.grid-item:nth-child(6) {
    border-bottom: none;
}

.grid-item.intro-section {
    /* background-color: #f8f9fa; */
}

.icon-wrapper {
    font-size: 4rem;
    color: #666;
    margin-bottom: 20px;
}

.intro-section .icon-wrapper {
    color: #007bff;
}

.section-title-1a {
    font-size: 1.1rem;
    font-weight: 500;
    line-height: 1.4;
    color: #333;
    margin: 0;
}

.intro-section .section-title {
    color: #555;
    font-weight: 600;
}

.play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px;
    height: 60px;
    background: #666;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    z-index: 10;
    border: none;
}

.play-button:hover {
    background: #555;
    transform: translate(-50%, -50%) scale(1.1);
}

.play-button::before {
    content: '';
    width: 0;
    height: 0;
    border-left: 16px solid white;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    margin-left: 3px;
}

@media (max-width: 768px) {
    .grid-container {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(6, auto);
    }

    .grid-item {
        border-right: none !important;
        border-bottom: 2px solid #333 !important;
    }

    .grid-item:last-child {
        border-bottom: none !important;
    }

    .play-button {
        position: relative;
        top: auto;
        left: auto;
        transform: none;
        margin: 20px 0;
    }
}

/* Custom icons using CSS */
.custom-icon {
    /* width: 64px;
    height: 64px; */
    margin-bottom: 20px;
    position: relative;
}

/* .communication-icon::before {
    content: '';
    position: absolute;
    width: 40px;
    height: 25px;
    border: 2px solid #666;
    border-radius: 15px 15px 5px 15px;
    top: 5px;
    left: 12px;
}

.communication-icon::after {
    content: '';
    position: absolute;
    width: 25px;
    height: 18px;
    border: 2px solid #666;
    border-radius: 10px 10px 10px 2px;
    top: 20px;
    right: 8px;
} */

.hand-icon {
    position: relative;
}

.hand-icon::before {
    content: '';
    position: absolute;
    width: 30px;
    height: 8px;
    background: #666;
    border-radius: 4px;
    top: 28px;
    left: 17px;
}

.hand-icon::after {
    content: '';
    position: absolute;
    width: 20px;
    height: 15px;
    border: 2px solid #666;
    border-radius: 50%;
    top: 15px;
    left: 22px;
}

/* this is for paragraph a */
csuite-section-custom {
    background-color: #183d44;
    color: white;
    padding: 60px 20px;
}

.csuite-title {
    font-weight: 700;
    color: white;
}

.csuite-highlight-line {
    width: 50px;
    height: 4px;
    background-color: white;
    margin-bottom: 25px;
}

.csuite-section-custom a {
    color: white;
    text-decoration: underline;
}

.csuite-section-custom a:hover {
    text-decoration: none;
}

.line-hight {
    line-height: 2rem;
}



/* this isfor myths on seniior leaders */
.stakeholder-title1 {
    text-align: center;
    font-weight: bold;
    /* margin-bottom: 3rem; */
    color: black;
    /* padding-top: 2rem; */
}

.stakeholder-card1 {
    /* background-color: #f8f9fa; */
    /* border-radius: 9rem; */
    /* padding: 2.4rem; */
        padding: 2.4rem 0.6rem;
    height: 100%;
}

.border1 {
    border-radius: 25px 25px 0px 0px;
    /* margin: 50px 50px 0px 50px; */

}

/* agenetic page :start */

.login-section {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 20px;
}

.login-box {
       background-color: #5271ff42;
      padding: 30px 50px 10px 50px;
    border-radius: 12px;
    max-width: 600px;
    width: 100%;
}

.form-control {
    border-radius: 10px;
    background-color: #1e5cc6;
    color: white;
    border: none;
}

.form-control::placeholder {
    color: #cdd8f2;
}

.login-btn {
    background-color: #5675f1;
    border: none;
    color: white;
    border-radius: 20px;
    padding: 8px 24px;
    font-weight: 500;
}

.title-section {
    padding-right: 40px;
}

.title-section h2 {
    font-weight: bold;
    color: white;
}

.title-section .line {
    width: 30px;
    height: 3px;
    background-color: #00bfff;
    margin-bottom: 20px;
}

.play-button {
    width: 50px;
    height: 50px;
    background-color: #141732;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px auto;
}

.play-button i {
    color: white;
    font-size: 20px;
}

label {
    margin-bottom: 5px;
}

.para4 {
    font-size: 2rem;
    color: white;
}

/* this is for agenetic page video part  */
.video-container {
    position: relative;
    width: 60%;
    padding-top: 55%;
    /* 1:1 Aspect Ratio */
    background: black;
}

.video-container video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.content-box {
    padding-left: 2rem;
}

h1 {
    font-weight: 10;
    color: white;
}

p {
    font-size: 1.2em;
    line-height: 32px;
    text-align: left;
    font-family: Heebo;
    font-weight: 400;
}

.lets-go-btn {
    background: linear-gradient(135deg, #5a8dee, #7f78d2);
    color: white;
    font-size: 1.1rem;
    padding: 0.6rem 1.5rem;
    border-radius: 15px;
    border: none;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease;
    text-decoration: none;
    width: 10%;

    margin-left: 804px;
}

.lets-go-btn:hover {
    background: linear-gradient(135deg, #4a7cd1, #6c6acb);
    text-decoration: none;
    color: white;
}

/* this is for start with the assessement */
.section-title {
    text-align: center;
    font-size: 2rem;
    font-weight: 200;
    margin-bottom: 2rem;
}

.section-title-1 {
    /* text-align: center; */
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 1rem;
    color: white;
}

.section-title3 {
    /* text-align: center; */
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 1rem;
    color: white !important
}

.intro {
    color: white;
    text-align: center;

}

.para-size {
    padding: 1rem;
    line-height: 1.6;
    font-size: 17px;
}

.instruction-box {
    padding-right: 2rem;
}

.video-icon-placeholder {
    width: 60px;
    height: 60px;
    background: #111;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 1.5rem auto;
}

.case-study-box {
    background-color: #353eb9;
      padding: 20px 40px;
    border-radius: 15px;
}

.case-study-box h4 {
    margin-bottom: 1.5rem;
}

.case-button {
    width: 100%;
    margin-bottom: 1rem;
    background: linear-gradient(to right, #236dd9, #236dd9);
    border: none;
    color: white;
    padding: 0.7rem 1rem;
    border-radius: 10px;
    font-size: 1rem;
    transition: all 0.3s ease;
}

.case-button:hover {
    background: linear-gradient(to right, #1e88a8, #5dc5e2);
}

.form-switch .form-check-input {
    transform: scale(1.5);
    margin-right: 1rem;
}

.start-button {
    background: linear-gradient(to right, #236dd9, #236dd9);
    color: white;
     padding: 0.7rem 2.4rem;
    border-radius: 12px;
    border: none;
    font-size: 1rem;
    margin-top: 1.5rem;
    display: inline-block;
}

/* this is for phew! YOU ARE ALL DONE   */
.section-heading {
    text-align: center;
    font-size: 2rem;
    font-weight: 10;
    margin-bottom: 2rem;
}

.circle-video {
    width: 250px;
    height: 250px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
}

.circle-video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.left-image {
    width: 100%;
    max-width: 300px;
    border-radius: 5px;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.4);
}

.final-text {
    font-size: 1.5rem;
    line-height: 1.8;
    text-align: center;
    margin-top: 2rem;
    color: white;
}

@media (max-width: 768px) {
    .circle-video {
        width: 200px;
        height: 200px;
    }

    .left-image {
        max-width: 250px;
        margin-bottom: 1.5rem;
    }
}

/* this is for performance page   */
.coaching-section {
    padding: 2rem 1rem;
}

.coaching-heading {
    font-size: 22px;
    font-weight: 700;
    color: #003366;
    text-align: center;
    margin-bottom: 2rem;
}

.coaching-media img,
.coaching-media video {
    width: 100%;
    height: 373px;
    /* border-radius: 6px; */
}

/* this is for box style  */

.case-card {
    background-color: #dbe0f5;
    padding: 2rem;
    /* border-radius: 10px; */
    height: 100%;
}

.case-title {
    font-weight: 700;
    color: #153c71;
    margin-bottom: 0rem;
    font-size: 1.2em;
    /* border-bottom: 2px solid #153c71; */
    display: inline-block;
    padding-bottom: 0.3rem;
}

.case-text {
    color: #06397d;
    text-align: left;
    font-family: Heebo;
    font-weight: 400;
    font-size: 1em;
    line-height: 1.75;
    letter-spacing: 1px;
}


.box-size {
    width: 50%;
    /* padding-left: 4rem; */
    margin-top: -13rem;
}

/* this is for the content part  */

.approach-section {
    background-color: #e6e9fb;
    /* border-radius: 10px; */
    padding: 3rem 2rem;
    margin: 2rem auto;
    max-width: 90%;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
}

.approach-title {
    font-size: 1.2em;
    font-weight: 700;
    color: #123c7d;
    /* border-bottom: 3px solid #123c7d; */
    display: inline-block;
    padding-bottom: 0.25rem;
    margin-bottom: 0.5rem;
}

.approach-text {
    color: #06397d;
    text-align: left;
    font-family: Heebo;
    font-weight: 400;
    font-size: 1em;
    line-height: 1.75;
    letter-spacing: 1px;
}

/* this is for the last part of the page  */
.custom-wrapper {
    max-width: 1322px;
    margin: 50px auto;
    padding: 30px;
    background-color: white;
    border-radius: 10px;
}

.custom-heading {
    font-weight: 700;
    font-size: 1.25rem;
    color: #000;
    margin-bottom: 0.75rem;
}

.custom-paragraph {
    font-size: 1rem;
    line-height: 1.6;
    color: #333;
}

.custom-section {
    margin-bottom: 2rem;
}

.timeline-step .markerleft {
    position: absolute;
    left: 48.62%;
    transform: rotateZ(180deg);
}

.timeline-step .markerleft1 {
    position: absolute;
    left: 47.62%;
    transform: rotateZ(180deg);
}


/* All modified  */
.max-widt {
    max-width: 860px;
}

.color3 {
    color: black !important;

}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.6);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: 0.4s ease;
}

.card-footer-content:hover .overlay {
    opacity: 1;
}

.overlay h5 {
    font-size: 1.5rem;
}

.font2 {
    font-size: 1rem;
}

.para5 {
    text-align: left;
}

.wid {
    width: 435px;
    margin-left: 133px;
}

.source2 {

    font-size: 16px;
    color: white;
    position: absolute;
    right: 13px;
    bottom: 11px;
}

.box2 {
    /* width: 28.333%;
    margin-left: 3rem; */

}

.font3 {
    color: #3b668d;
}

.mar {
    margin-top: 66px;
}

.color4 {
    color: black;
}

.lead1 {
    margin-bottom: 15px;
}

.mar1 {
    margin-top: 16px;
    margin-bottom: 15px;
}

.mar2 {
    margin-top: 14px;
    color: #0b397d !important;
}

.img1 {
       height: 76px;
}

.mar3 {
    margin-left: -80px;
}

.color5 {
    color: #0b397d;
}

.color6 {
    color: #102e5c !important;

}

.color7 {
    background-color: #b4e7f1;
}

.color-1 {
    background-color: #e9e9e7;
}

.wid1 {
    width: 100%;
    margin-bottom: 0px;
}

.padd {
    padding-top: 36px;
}

.color8 {
    color: white;
}

.font4 {
    font-size: 19px;
}

.color9 {
    background-color: #d0d0cf;
}

.reach {
    padding-top: 60px;
}

.sub {
    padding-top: 45px;
}

.foot {
    padding-top: 150px;
}

.half-underline {
    position: relative;
    display: inline-block;
    font-weight: bold;
    color: #000;
}

.half-underline::after {
    content: '';
    position: absolute;
    bottom: -8px;
    left: 0;
    width: 40%;
    /* Adjust this for "half" look */
    height: 3px;
    background-color: #81b90a;
}

.scrollable-buttons {
       max-height: 180px;
    /* Adjust height as needed */
    overflow-y: auto;
    margin-bottom: 15px;
      margin: 0px 29px 0px 107px;
    padding: 0px 15px 0px 0px;
}

.document-box {
    background-color: #fff;
    /* border-radius: 10px; */
    height: 500px;
    overflow: hidden;
    padding: 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}


.question-box {
    /* background-color: rgba(255, 255, 255, 0.08); */
    padding: 25px;
    border-radius: 15px;
    height: 100%;
}



.response-box {
    width: 100%;
        height: 150px;
    border-radius: 10px;
    padding: 15px;
    border: none;
    resize: none;
    background-color: #9fe0f8;
    color: black;
}

.response-box::placeholder {
    color: #555;
}

.mic-icon {
    position: absolute;
  right: 13px;
  bottom: 12px;
  font-size: 35px;
  color: #12324c;
  cursor: pointer;
}

.btn-customa {
    background-color: #4a64e9;
    color: white;
    border: none;
    padding: 10px 25px;
    border-radius: 20px;
}

.btn-customa:hover {
    background-color: #4ea8de;
}

.container1 {
    max-width: 895px;
}

.line {
    line-height: 45px;

}

.image-box {
    position: relative;
    background-size: cover;
    background-position: center;
    width: 100%;
    aspect-ratio: 1 / 1; /* This creates a square aspect ratio */
    display: flex;
    align-items: flex-end;
    justify-content: center;
    color: white;
    overflow: hidden;
}

/* Overlay sits behind content */
.image-box .overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    /* semi-transparent dark */
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 1;
}

/* Content stays above the overlay */
.image-box .box-content {
    position: relative;
    z-index: 2;
}

/* Hover effect only reveals overlay */
.image-box:hover .overlay {
    opacity: 1;
}

.image-boxa {
    position: relative;
    background-size: cover;
    background-position: center;
    height: 400px;
    display: flex;
    /* Aligns content to the bottom */
    align-items: flex-end; 
    /* Centers content horizontally */
    justify-content: center; 
    padding: 3px;
    color: white;
    overflow: hidden;
}

/* Overlay sits behind content */
.image-boxa .overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    /* semi-transparent dark */
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 1;
}

/* Content stays above the overlay */
.image-boxa .box-content {
    position: relative;
    z-index: 2;
}

/* Hover effect only reveals overlay */
.image-boxa:hover .overlay {
    opacity: 1;
}

.rotate-img {
    height: 73px;

    transform: scaleX(-1);
}

.special {
    height: 226px;

}

.special1 {
    height: 267px;
}


/* this is for gradi eval  */


.info-box {
       background: #cdf9da;
    border-radius: 10px;
    padding: 20px 20px;
    margin: 0px 10px;
}

.form-control {
    border-radius: 10px;
    /* border: 2px solid #b0c4de; */
}

.form-section1 {
    background: #cdf9da;
    border-radius: 10px;
    padding: 30px;
}

.new {
    width: 20%;

    margin-left: 180px;
}

@media (max-width: 767px) {
    .info-box {
        margin-bottom: 20px;
    }
}


/* this is for gradieval padding  */
.gradi {
    padding-top: 20px;
}

.un {
    margin-left: 18px;
}

.un a{
    color: #fff;
}



/* changes on 28 july  */
.p1 {
    font-size: 12px !important;
    line-height: 2;
    color: #100f0f;
}

.para6 {
    margin-bottom: 1rem;
    padding: 20px 0px;
    background-clip: border-box;
    background-image: none;
    color: #fff;
    font-family: "Heebo";
    font-weight: 400;
    font-size: 1.2em;
    line-height: 32px;
}
.explore {
    background-color: #007bff;
}

.paragraph {
    width: 90%;
    color: black;
}

.fon1 {
    font-family: "Heebo";
    font-weight: 500;
    font-size: 1em;
    font-style: normal;
    letter-spacing: 2px;
    color: #f4f9f6 !important;
    padding: 11px 15px !important;
    text-transform: capitalize;
}

.newfont h4 {
    color: #fff !important;
    font-family: Heebo;
    font-weight: 500;
    font-style: normal;
    letter-spacing: 5px;
    font-size: 1.1em;
}

.newfont1 {
    font-size: 1em;
    font-weight: 100;
    color: #ffffff !important;
}

.newfont2 h3 {
    color: #fff !important;
    font-style: normal;
    font-family: Lexend;
    font-weight: 500!important;
    font-size: 1.4em;
    letter-spacing: 0.01em;
}

.newfont3 h2 {
    font-style: normal;
    font-family: "Lexend";
    font-weight: 600;
    background-clip: border-box;
    background-image: none;
    color: #17375e;
}

.explore-btn {
    background-color: #007BFF;
    color: #ffffff !important;
    border: none;
    padding: 10px 20px;
    border-radius: 0px;
    font-size: 29px;
    cursor: pointer;
}

.explore-container {
    text-align: center;
    margin-top: 2em;
}

.explore-btn {
    background-color: #4a76fd;
    color: white;
    font-size: 29px;
    padding: 3px 30px;
    border: none;
    border-radius: 0px;
    cursor: pointer;
}

.explore-line {
    width: 40px;
    height: 4px;
    background-color: #02a3df;
    margin: 24px auto 10px;
    /* top spacing + center */
}

.text-left-align {
    text-align: left !important;
    margin-left: 0;
    /* optional: ensure it's fully aligned left */
}

.text-right-align {
    text-align: right !important;
    margin-left: 0;
    /* optional: ensure it's fully aligned left */
}


.custom-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 2rem 1rem;
}

.line-box {
    flex: 1;
    position: relative;
    margin-right: 2rem;
}

.line-box::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 3px;
    width: 100%;
    background-color: #843B24;
    border-top-left-radius: 10px;
}

.line-box::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 30px;
    border-left: 3px solid #843B24;
    border-bottom: 3px solid #843B24;
    border-bottom-left-radius: 25px;
    transform: translateY(100%);
}

.custom-heading {
    font-weight: bold;
    color: #843B24;
    position: relative;
    display: inline-block;
    padding-bottom: 0.3rem;
    margin-bottom: 0.5rem;
}

.custom-text {
    color: #843B24;
}

.custom-icon-box {
    background-color: #843B24;
    border-radius: 20px;
    padding: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 120px;
    height: 120px;
}

.custom-icon-box img {
    width: 50px;
    height: auto;
}

@media (max-width: 767px) {
    .custom-wrapper {
        flex-direction: column-reverse;
        align-items: center;
        text-align: center;
    }

    .line-box {
        margin-right: 0;
        margin-top: 2rem;
    }

    .line-box::before,
    .line-box::after {
        left: 50%;
        transform: translateX(-50%);
    }
}






.custom-card {
    border-radius: 12px;
    /* box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); */
    overflow: hidden;
    height: 100%;
    padding: 20px;
}

.custom-card-header {
    background-color: #1f4b52;
    color: white;
    padding: 20px;
    border-radius: 0;
    font-weight: 600;
    font-size: 1.25rem;
}

.custom-card-body {
    padding: 20px;
    color: #333;
}




.custom-card {
    border-radius: 20px;
    padding: 20px;
       margin: 22px;
    /* box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); */
    color: #000;
    text-align: center;
}

.header-box {
    padding: 21px;
    text-align: center;
    border-radius: 0;
    margin-bottom: 15px;
    background-clip: border-box;
    background-image: none;
    color: #fff;
    font-family: "Lexend";
    font-weight: 600;
    font-style: normal;
    font-size: 1em;
    text-align: center;
    line-height: 1.5em;
}

.header-blue {
    background-color: #004597;
}

.header-green {
    background-color: #4a5752;
}

.header-purple {
    background-color: #6b1fad;
}

.bg-light-blue {
    background-color: #e2e5f1;
}

.bg-light-green {
    background-color: #ebf4e0;
}

.bg-light-purple {
    background-color: #f6e8fb;
}

.info-section {
    background-color: #fff3f3;
    padding: 40px 20px;
}

.side-box {
    background-color: #f1b0b0;
    border-radius: 10px;
    /* padding: 60px; */
    text-align: center;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
}

.side-box p {
    font-weight: bold;
    font-size: 24px;
    padding: 14px;
    position: relative;
}

.side-box small {
    font-style: italic;
    position: relative;
    bottom: 7px;
    left: 60px;


}

.para7 {
    font-size: 20px;
}

.custom-heading {
    font-weight: bold;
    color: #133b4f;
    font-size: 22px;
}

.custom-subtitle {
    color: #133b4f;
    font-weight: 400;
}

.underline {
    width: 40px;
    height: 4px;
    background-color: #6c8b7b;
    border-radius: 2px;
    margin-top: 5px;
    margin-bottom: 20px;
}

.section-bg1 {
    /* background-color: #e8eced; */
    padding: 40px 20px;
}

.custom-text {
    color: #133b4f;
    font-weight: 400;
    line-height: 1.5em;
    font-size: 1.2em;
}

.blue-underline1 {
    width: 60px;
    height: 4px;
    background-color: #68726f;
    margin-top: 10px;
    margin-bottom: 40px;
}

.info-box {
    border: 2px solid #555;
    border-radius: 20px;
    /* padding: 23px; */
    text-align: left;
    background-color: #e3e7e8 !important;
    display: flex;
    /* align-items: flex-start; */
    gap: 15px;
       height: 100%;
    /* margin: 0px 38px 0px 43px; */
}

.info-box .icon img {
width: 56px !important;
    /* height: 45px !important; */
}

.info-box p {
    margin: 0;
    color: #333;
    font-weight: 400;
    line-height: 1.5em;
    font-size: 1.2em;
}


.method-box {
    border: 2px solid #555;
    border-radius: 15px;
    background-color: #e3e7e8 !important;
    /* margin: 0px 58px 0px 58px; */

}

.method-box h5 {
    font-weight: bold;
}

.method-box ul {
    list-style-type: disc;
    padding-left: 20px;
    margin: 0;
}

.method-box li {
    /* margin-bottom: 8px; */
    font-size: 1.2em;
    color: #333;
}

.method-box1 {
    border: 2px solid #555;
    border-radius: 15px;
    background-color: #3f4c45;
    color: white !important;
        height: 100%;
    /* margin: 0px 58px 0px 58px; */
}

.list-box {
    /* background-color: #3f4c45; */
    /* Dark greenish background */
    color: white;
    padding: 14px;
    border-radius: 8px;
    max-width: 375px;
}

.list-box ul {
    padding-left: 20px;
    margin: 0;
}

.list-box li {
      margin-bottom: 11px;
      font-size: 1.2em;
}

.support-section {
    /*     background-color: #e9ecef;Light grey background */
    /* padding: 40px; */
    border-radius: 8px;
}

.support-section h4 {
    font-weight: 500;
    margin-bottom: 20px;
}

.support-section ul {
    padding-left: 20px;
}

.support-section li {
    margin-bottom: 12px;
    font-family: "Heebo";
    font-weight: 400;
    line-height: 1.5em;
    font-size: 1.2em;
}

.support-section li strong {
    font-weight: 600;
}

.back1 {
    background-color: #e3e7e8;
}


.blue-underline2 {
    width: 60px;
    height: 4px;
    background-color: #43477e;
    margin-top: 10px;
    margin-bottom: 40px;
}


.method-box2 {
    border: 2px solid #555;
    border-radius: 15px;
    background-color: #43477e;
    color: white !important;
    /* margin: 0px 58px 0px 58px; */
}

.method-box3 {
    border: 2px solid #555;
    border-radius: 15px;
    background-color: #222d2a;
    color: white !important;
    /* margin: 0px 58px 0px 58px; */
}

.list-box2 {
    /* background-color: #3f4c45; */
    /* Dark greenish background */
    color: white;
    padding: 4px;
    border-radius: 8px;
    max-width: 375px;
}

.list-box2 ul {
    padding-left: 20px;
    margin: 0;
}

.list-box2 li {
    margin-bottom: 7px;
}

.text3 {
    text-align: center;
}

.max-widt1 {
    max-width: 1000px;
}

.impact-box1 {
    /* background-image: url('../NEWIMAGES/54.png'); */
    background-color: #004597 !important;
    /* 🔁 Replace with your image */
    background-size: cover;
    background-position: center;
    color: white;
    padding: 40px 30px;
    border-radius: 8px;
    margin-left: 1em;
    margin-right: 1em;
    text-align: center;
    position: relative;
    overflow: hidden;
    width: 100%; 
}

.impact-box1::before {
    content: "";
    /* position: absolute; */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(24, 60, 70, 0.8);
    /* Semi-transparent overlay for readability */
    z-index: 0;
}

.impact-box1 * {
    position: relative;
    z-index: 1;
}
.ul2{
    font-size: 1.1em;
    color: #010A35 !important;
    font-family: "Heebo";
    font-weight: 400;
    text-align: left;
}
.impact-box1 .percentage {
    font-size: 60px;
    font-weight: bold;
    color: #f7941d !important;
    margin: 20px 0 10px;
}

.impact-box1 .source {
    margin-top: 30px;
    font-size: 0.9rem;
    color: #ccc;
    margin: 0px 0px 0px 329px;
}

.source3 {
    font-size: 0.85rem;
    /* position: absolute;

    color: #f2f2f2;
    bottom: -20px;
    left: -11px; */
}
.blue-underline3 {
    width: 60px;
    height: 4px;
    background-color: #fff;
    margin-top: 10px;
    margin-bottom: 40px;
}

.blue-underline4 {
    width: 60px;
    height: 4px;
    background-color: #243746;
    margin-top: 10px;
    margin-bottom: 40px;
}


/* Custom section wrapper */
.custom-section-wrap {
    background: #162b33;
    /* dark teal */
    color: #ffffff;
    /* font-family: "Inter", "Segoe UI", Roboto, Arial, sans-serif; */
    /* padding: 48px 0px; */
}

.custom-section-container {
    /* max-width: 1100px; */
    margin: 0 auto;
}

/* Bullet item layout */
.custom-bullet-item {
    display: flex;
    gap: 18px;
    align-items: flex-start;
    margin-bottom: 30px;
}

/* Icon style */
.custom-bullet-icon {
    min-width: 36px;
    min-height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: transparent;
    border: none;
    color: #f59e0b;
    /* orange arrow */
    font-size: 1.25rem;
    margin-top: 6px;
}

/* Text style */
.custom-bullet-text {
    color: #e6eef0;
    font-size: 18px;
}

@media (min-width: 768px) {
    .custom-bullet-text {
        font-size: 19px;
    }
}


.section-dark1 {
    background-color: #162b33;
    color: white;
    /* padding: 60px 20px; */
}

.highlight1 {
    font-size: 5.5rem;
    font-weight: bold;
    margin-top: 0.3em;
    color: #f7941d;
}

.backcolor2 {
    background-color: #243746;
    color: white;
}

.round {
    border-radius: 10px;
}

.font5 {
    font-size: 19px;
}

.highlight2 {
    font-size: 3.9em;
    font-weight: bold;
    margin-top: 0.5em;
    color: #f64726;
}

.text-right-align1 {
    text-align: right !important;
    margin-left: 57px;
}


.section-dark2 {
    background-color: #060c37;
    color: #e4a6d7;
 /* padding: 24px 20px; */
}
.col1 {
    color: #e4a6d7;
}

.blue-underline5 {
    width: 60px;
    height: 4px;
    background-color: #e4a7d8;
    margin-top: 10px;
    margin-bottom: 28px;
}

.pink-border-box {
    border: 2px solid #e4a7d8;
    border-radius: 40px;
    padding: 20px;
    text-align: center;
    height: 100%;
}

.pink-border-box img {
    width: 50px;
    /* adjust icon size */
    margin-bottom: 15px;
}

.pink-border-box h5 {
    color: #e4a6d7;
    font-weight: 1000;
    margin-bottom: 10px;
    font-size: 22px;
}

.font6 {
    font-size: 70px;
}

.col2 {
    color: #233778;
}

.blue-underline6 {
    width: 60px;
    height: 4px;
    background-color: #233778;
    margin-top: 10px;
    margin-bottom: 40px;
}

.col3 {
    color: #495a91;
}

.backcolor3 {
    background-color: #060c39;
    color: white;
}

.flow-step {
    display: flex;
    align-items: center;
    position: relative;
    margin-bottom: 100px;
}

.flow-icon {
    width: 100px;
    height: 100px;
    border-radius: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 40px;
    color: #fff;
}

.flow-details h5 {
    font-weight: 700;
}

.flow-details p {
    margin: 0;
    font-size: 1rem;
}

/* Connector curve top right */
.flow-connector {
    position: absolute;
    top: 50%;
    right: -120px;
    width: 240px;
    height: 80px;
    border-top: 3px solid;
    border-right: 3px solid;
    border-radius: 0 40px 0 0;
}

/* Connector curve bottom left */
.flow-connector.down {
    top: -40px;
    left: -120px;
    width: 240px;
    height: 80px;
    border-bottom: 3px solid;
    border-left: 3px solid;
    border-radius: 0 0 0 40px;
}

.custom-stat-card {
    background-color: #243746;
    color: white;
    padding: 2rem 3rem 1.5rem;
    position: relative;
    text-align: center;
    border-radius: 0px;
       margin: 0px 8px 0px 8px;
}

.custom-stat-icon {
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #fff;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    color: black;
}

.custom-stat-number {
    font-size: 48px;
    font-weight: 700;
    color: #f28c28;
    margin-bottom: 0.5rem;
}

.custom-stat-card p {
    margin: 0;
    font-size: 1rem;
    line-height: 1.4;
}

.stats-card {
    background-color: #003a78;

    color: white;
    padding: 2.5rem 1rem 1.5rem;
    position: relative;
    text-align: center;
    border-radius: 4px;
    height: 100%;
    /* margin: 0px 15px 0px 15px; */
}

.stats-icon {
    position: absolute;
    top: -25px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #e1e4f4;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 26px;
    color: black;
}

.stats-number {
    font-size: 48px;
    font-weight: 700;
    color: #f15a29;
    /* red-orange */
    margin-bottom: 0.5rem;
}

.stats-text {
    margin: 0;
    font-size: 1.1rem;
    line-height: 1.4;
}

.stats-source {
    margin-top: 0.5rem;
    font-size: 0.95rem;
    color: #ccc;
}

.step-container {
    display: flex;
    align-items: center;
    margin-bottom: 100px;
    position: relative;
}

.step-icon {
    width: 131px;
    height: 131px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.step-text {
    flex: 1;
    padding: 0 20px;
}

.step-title {
    font-style: normal;
    background-clip: border-box;
    background-image: none;
    color: #4f81bd;
    font-family: "Lexend";
    font-weight: 600;
    font-size: 1.6em;
    margin-bottom: 1.8em;
}

.step-description {
    /* margin-top: 35px; */
    position: absolute;
    /* right: 110px; */
    max-width: 41%;
    top: 73px;
    background-clip: border-box;
    background-image: none;
    color: #20282d;
    font-family: "Heebo";
    font-weight: 400;
    font-size: 1.2em;
    line-height: 1.5em;
}

.step-title1 {
    position: absolute;
    top: 24px;
    right: 150px;
    font-style: normal;
    background-clip: border-box;
    background-image: none;
    color: #4f81bd;
    font-family: "Lexend";
    font-weight: 600;
    font-size: 1.6em;
    margin-bottom: 1.8em;
}

.step-description1 {
    /* margin-top: 35px; */
    position: absolute;
    /* right: 110px; */
    max-width: 41%;
    background-clip: border-box;
    background-image: none;
    color: #20282d;
    font-family: "Heebo";
    font-weight: 400;
    font-size: 1.2em;
    line-height: 1.5em;
    top: 73px;
    right: 150px;
}

.connector {
    position: absolute;
    height: 141px;
    width: calc(100% - 200px);
    border-top: 3px solid;
    border-right: 3px solid;
    border-radius: 0 20px 0 0;
    top: 50%;
    left: 139px;
}

.reverse {
    flex-direction: row-reverse;
}

.reverse .connector {
    left: auto;
    right: 136px;
    border-right: none;
    border-left: 3px solid;
    border-radius: 20px 0 0 0;
}

.custom-icon-box {
    width: 120px;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 25px;
    color: white;
    font-size: 50px;
}

.custom-line-container {
    flex: 1;
    display: flex;
    align-items: center;
    position: relative;
}

.custom-line {
    height: 4px;
    width: 100%;
    background: linear-gradient(to right, #eabf23 50%, #ff4c4c 50%);
    position: relative;
    display: inline-block;
}

/* Bold triangle arrowhead */
.arrow-head {
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 16px solid #ff4c4c;
    /* red arrow color */
    margin-left: -5px;
    /* adjust so it sticks smoothly to the line */
    vertical-align: middle;
}

.custom-arrow {
    position: absolute;
    right: -10px;
    font-size: 20px;
    color: #ff4c4c;
    background: #f8fdfb;
    padding-left: 5px;
}

.custom-text-section {
    position: absolute;
    top: -35px;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    font-weight: bold;
}

.custom-yellow-text {
    color: #eabf23;
}

.custom-red-text {
    color: #ff4c4c;
}

.custom-description {
    margin-top: -41px;
    color: #eabf23;
    background-clip: border-box;
    background-image: none;
    font-family: "Heebo";
    font-weight: 400;
    font-size: 1.2em;
    line-height: 1.5em;
    margin-left: 133px;
}

.arrow {
    font-size: 20px;
}

.all1 {
    text-align: justify;
    height: auto;
}

.forgert {
    display: flex;
    justify-content: space-between;
}

.welcome-container {
    /* font-family: Arial, sans-serif;
  background: linear-gradient(135deg, #0f0c29, #302b63, #24243e); */
    color: white;
    /* display: flex; */
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    /* height: 100vh; */
    /* padding: 20px; */
}

.welcome-container h1 {
    font-size: 2.5rem;
    margin-bottom: 30px;
}

.welcome-container .username {
    color: #ff4c4c;
    /* red for name */
}

.welcome-container p {
    font-size: 1.2rem;
    line-height: 1.5;
    margin-bottom: 40px;
    /* max-width: 800px; */
}

.welcome-container .go-btn {
    background-color: #5271ff;
    color: white;
    font-size: 1.1rem;
    padding: 12px 30px;
    border: none;
    border-radius: 21px;
    cursor: pointer;
    transition: background 0.3s ease;
}

.welcome-container .go-btn:hover {
    background-color: #364fc7;
}

.photo-section {
    /* background: linear-gradient(135deg, #0f0c29, #302b63, #24243e); */
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    text-align: center;
    /* padding: 20px; */
}

.skipgap{
    gap: 7rem;
}
.skip{
    border-radius: 23px;
}
.capture-card {
    background-color: #1d2c64;
    border-radius: 15px;
    padding: 15px;
    max-width: 460px;
    width: 100%;
}

.capture-card img {
    width: 200px;
    height: 200px;
    object-fit: cover;
    border-radius: 10px;
    margin: 20px 0;
}

.btn-custom {
    width: 120px;
}

.privacy-text {
    font-size: 0.9rem;
    margin-top: 15px;
    color: #ddd;
}

.btn-custom1a {
    width: 211px;
    background-color: #4a64e9;
    color: white;
    border: none;
    padding: 10px 25px;
    border-radius: 8px;
}

.sunil-section {
    background-color: #0d2b61;
    /* dark blue bg */
    color: white;
    border-radius: 10px;
    padding: 20px;
}

.sunil-box {
    background-color: #4b66a1;
    /* light bluish box */
    border-radius: 10px;
    padding: 20px;
    color: #fff;
}

.sunil-img {
    background-color: #0d2b61;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    padding: 20px;
}

.sunil-img img {
    max-width: 100%;
    border-radius: 10px;
}

.sunila {
    background-color: #0d2b61;
}

.profile-section {
    background-color: #0a2a66;
    /* Dark Blue Background */
    padding: 30px;
    /* border-radius: 10px; */
    display: flex;
    align-items: center;
    justify-content: center;
}

.profile-img img {
    max-width: 407px;
    height: auto;
}

.profile-card {
    background-color: #415c9d;
    color: #fff;
    padding: 25px;
    border-radius: 12px;
}

.profile-card h5 {
    font-weight: 700;
    margin-bottom: 15px;
}

.gallery-img {
    width: 100%;
    height: auto;
    border-radius: 20px;
    clip-path: path("M0 20 Q0 0 20 0 Hcalc(100% - 20px) Q100% 0 100% 20 Vcalc(100% - 20px) Q100% 100% calc(100% - 20px) 100% H20 Q0 100% 0 calc(100% - 20px) Z");
    object-fit: cover;
}

.img-wrapper {
    /* background: white;
    padding: 5px;
    border-radius: 20px; */
    overflow: hidden;
}

.section-title {
    font-weight: bold;
    text-align: left;
    margin-bottom: 30px;
}

.col4 {
    background-color: #092e60;
}

.leadership-section {
       /* padding: 20px 50px; */
    background-color: #e4e7f6;
}

.leadership-icon {
    font-size: 70px;
    color: #0d47a1;
    /* Dark blue */
}

.leadership-text {
    font-size: 16px;
    line-height: 1.8;
    color: #1c1c1c;
}

.leadership-text strong {
    color: #0d47a1;
}

.strong1 strong {
    color: #06397d;
}

.back2 {
    background-color: #e1e4f4;
}

.image-text-card {
    height: 350px;
    display: flex;
    flex-direction: column;
}

.image-text-card img {
    width: 100%;
    height: 70%;
    /* adjust image height in % */
    object-fit: cover;
    border-radius: 0;
    /* keep image rectangular */
    display: block;
    flex-shrink: 0;
}

.image-text-body {
    background-color: #12324c;
    /* dark navy */
    color: white;
    text-align: center;
    padding: 17px 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    height: 30%;
    /* fixed text height */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-grow: 1;
    overflow: hidden;
}

.image-text-body p {
    margin: 0;
    line-height: 1.3;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}

.offerings-section {
    background-color: #e3f2f8;
    /* White background */
    padding: 5% 5% 3%;
}

.offerings-section h3 {
    text-align: left;
    font-family: "Heebo";
    font-weight: 600;
    font-size: 1.4em;
    line-height: 1.5em;
    color: #0c1b40;
    letter-spacing: 0.05em;
}

.offerings-section p {
    color: #333;
    text-align: left;
    font-family: "Heebo";
    font-weight: 400;
    font-size: 1.3em;
    line-height: 1.5em;
}

.offerings-image {
    max-width: 80%;
    height: auto;
}

.section-dark3 {
    background-color: #124eae;
    color: white;
}

.blue-underline7 {
    width: 60px;
    height: 4px;
    background-color: #ff914d;
    margin-top: 10px;
    margin-bottom: 21px;
}

.custom-image-box {
    position: relative;
    overflow: hidden;
    text-align: center;
    color: #fff;
}

.custom-image-box img {
    width: 100%;
    height: auto;
    display: block;
}

/* Overlay */
.custom-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    /* Dark overlay */
    z-index: 1;
}

/* Centered text */
.custom-overlay-text {
    position: absolute;
    bottom: 10%;
    left: 30%;
    font-size: 22px;
    font-weight: bold;
    max-width: 42%;
    z-index: 2;
}

.section-dark4 {
    background-color: #395900;
    color: white;
}

.section-dark5 {
    background-color: #6b1fad;
    color: white;
}



/* Open dropdown on hover */
.nav-item.dropdown:hover .dropdown-menu {
    display: block;
}

.ind {
    padding: 0px 0px 0px 1.8em;
}
.fsize6{
    color:#06397d !important;
}
.messageh5 {
    font-style: normal;
    font-family: "Lexend";
    font-weight: 600;
    background-clip: border-box;
    background-image: none;
    color: #fff;
    font-size: 1.6em;
    letter-spacing: .01em;
}
.messagep {
    font-family: "Heebo";
    font-weight: 400;
    background-clip: border-box;
    background-image: none;
    color: #fff;
    line-height: 1.5em;
    font-size: 0.9em;
}
.mt-33{
    margin-top: 1rem;
}
.fsize1 {
    font-style: normal;
    font-family: "Lexend";
    font-weight: 400;
    font-size: 2.4rem;
    letter-spacing: 0;
    line-height: 1.1em;
}
.fsize2 {
    font-style: normal;
    font-family: "Lexend";
    font-weight: lighter;
    font-size: 1.5rem;
    letter-spacing: 0;
    margin-top: 10px;
}

.fsize3 {
    font-family: "Heebo";
    font-weight: 400;
    font-size: 1.5em;
    line-height: 1.5em;
}

.fsize4 {
    background-clip: border-box;
    background-image: none;
    color: #ffffff;
    font-family: "Heebo";
    font-weight: 400;
    font-size: 1.1em;
    line-height: 1.5em;   
}

.fsize44 {
    background-image: none;
    color: #20282d;
    font-family: "Heebo";
    font-weight: 400;
    line-height: 1.5em;
    font-size: 1.2em;
    text-align: left;
}

.fsize45 {
    background-image: none;
    color: #ffffff;
    font-family: "Heebo";
    font-weight: 400;
    line-height: 1.5em;
    font-size: 1.2em;
    text-align: center;
}
.fsize5 {
    font-style: normal;
    font-family: "Lexend";
    font-weight: 600;
    font-size: 1.8em;
    letter-spacing: .01em;
    line-height: 1.4em;
}
.time1{
    color: #2e3c6d;
}
.fsize7{
    font-family: "Lexend";
    font-weight: 400;
    font-size: 1.6em;
    line-height: 1.7em;
}

.fsize8 {
    line-height: 1.7em;
    font-style: normal;
    font-family: "Heebo";
    font-weight: 600;
    letter-spacing: -.03em;
    font-size: 1.1em;
    color:white
}

.new1 p {
    color: black !important;
}

.new4 p {
    font-size: 1.2em !important;
    color: #20282d !important;
    line-height: 1.5em;
}

.new2 p {
    line-height: 1.5em;
    font-size: 1.2em;
    color: white !important;
}

.new3 p,
h5 {
    font-size: 14px;
}




.nav-item p,
.pad1 p {
    font-size: 14px;
    font-style: normal;
    font-family: "Heebo";
    font-weight: 500;
    color: #b1abab;
}



.stats-card {
    /* background: linear-gradient(135deg, #00264d, #003366, #001f33); */
    /* background: url(../NEWIMAGES/57.png); */
    background-color: #06397d !important;
    /* border-radius: 10px; */
  padding: 20px 20px 20px 20px;

    color: white;
    text-align: center;
    position: relative;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
    /* overflow: hidden; */
    background-size: cover;
    /* ✅ Show the whole image */
    background-repeat: no-repeat;
    /* ✅ Prevent tiling */
    background-position: center;
    /* ✅ Keep image centered */
}

.stats-card::before {
    content: "";
    position: absolute;
    /* top: -50%;
      left: -50%;
      width: 200%;
      height: 200%; */
    background: linear-gradient(45deg, transparent, rgba(255, 255, 255, 0.05), transparent);
    transform: rotate(25deg);
}

.stats-percentage {
    font-size: 2.5rem;
    font-weight: bold;
    margin-bottom: 10px;
}

.stats-source {
       font-size: 0.9rem;
    /* position: absolute; */
    right: 15px;
    bottom: 10px;
    color: #ccc;

}



/* All responsive for IPAD    aaaa   */
@media (min-width: 768px) and (max-width: 991.98px) {

    /* CSS rules for tablet devices */
    .perspective-content1 {

        min-height: 92px;
    }

    .hidden {
        overflow-x: visible !important;
    }

    .display-6 {
        font-size: calc(1.60rem + 1.5vw);
    }

    .image-box {
        aspect-ratio: 1 / 1; /* Maintain square aspect ratio on tablet */
    }


    .carousel-caption-1-content {
        margin-right: 126px
    }

    .tab {
        max-width: 66%;
    }

    .nw1 {
        padding-right: 0px;
    }

    .special {
        height: 336px;
    }

    .newsec1a {

        margin-bottom: 16px;
    }

    .hidden1 {
        overflow-x: hidden;
    }

    .special1 {
        height: 412px;
    }

    .new {
        width: 33%;
        /* margin-left: 207px; */
        margin: auto !important;
    }

    .boxes1 {
        width: 46%;
    }

    .source {

        padding: 0px 0px 0px 0px;
    }

    .wid {
        width: 50%;
    }

    .box2 {
        width: 82.333%;
        margin-left: 4rem !important;
    }

    .feedback-img {

        top: 92px !important;
    }

    .container, .container11
    .container-sm {
        max-width: 100%;
    }

    .timeline-containe::before {
        left: 28%;
    }

    .newsec6 {
        padding-bottom: 5em !important;
    }

}

@media (max-width: 768px) {
    .carousel-caption-2-content {
        padding: 31px 20px !important;
        text-align: center !important;
    }
}

.carousel-caption-2-content {

    margin-left: 124px;

}

.image-wrapper {
    margin-right: 0px;
}




/* All responsive for IPHONE SE  */

@media (max-width: 768px) {
    .img-box2 {
        margin-left: 0;
    }

    .img-fluid-custom {
        margin-top: -31px;
        margin-bottom: 22px;
    }

    .newsec6top p {
        margin-bottom: 30px;
    }

    .btnsend {
        margin-right: 109px;
    }

    .subscribe-section {
        margin-top: -100px;
    }

    .footer-section hr {
        margin-left: 0px;
    }

    .btn-square,
    .btn-sm-square,
    .btn-lg-square {
        display: inline-flex;
    }

    .impact-box {
        width: auto;
    }

    .wid {

        margin-left: 0px;
    }

    .res1 {
        width: auto;
    }

    .new {
        width: 30%;
        margin-left: 95px;
    }

    .source1 {

        right: -6px;
    }

    .image-wrapper {

        /* margin-right: 39px; */
    }

    .stat-source {

        margin: 52px 9px 20px 223px;
    }

    .content-section {

        padding: 2px 10px;

    }

    .box2 {
        width: 82.333%;
        margin-left: 2rem;
    }

    .source2 {

        padding: 0px 0px 0px 142px;
    }

   .phase-text p {
        margin-top: 0px;
        margin-left: 0px;
        text-align: justify;
    }

    .iphone {

        margin-left: 110px;
        height: 84px;
    }

    .newsec6 {
        padding-top: 61px;
        padding-bottom: 105px;
    }

    .culture-section {
               padding: 40px 10px;
    }

    .all {
        text-align: justify;
        hyphens: auto;
    }

    .content-section p {
        text-align: justify !important;
        hyphens: auto !important;
    }

    .backcolor {
        padding: 1rem;
    }

    .card-custom {

        margin-left: auto;
        width: auto;
    }

    .stakeholder-card {
        padding: 1rem;
    }

    .feedback-highlight {
        margin-bottom: -2rem;
    }

    .feedback-img {
        max-height: 97px;
        top: 208px;
    }

    .feedback-author {
        padding-left: 0rem;
    }

    .stakeholder-card1 {
        padding: 1rem;
    }

    .border {
        margin: 50px 15px 0px 15px;
    }

    .coaching-media img,
    .coaching-media video {
        height: 200px;
    }

    .box-size {
        width: 100%;
        padding-left: 1rem;
        margin-top: 0rem;
    }

    .approach-section {
        padding: 1rem 1rem;
               margin: 1rem auto;
    }

    .case-card {
        padding: 1rem;
    }

    .hidden {
        overflow-x: hidden;
        overflow-y: hidden;
    }

    .timeline-containe::before {

        top: 16%;

        margin-left: -180px;
    }

    .timeline-step .marker1 {
        left: -6%;
    }

    .timeline-step .markerleft1 {

        transform: rotateZ(0deg);
    }

    .time {
        margin-left: 10px;
    }

    .image-col img {
        max-width: 89%;
        padding-left: 30px;

    }

    .perspective-box {

        width: 100%;
        margin-left: 0px;
    }

    .bg-container {

        padding: 1rem;

    }

    img.diagram1 {

        height: 100%;

    }

    .wid1 {
        width: 100%;
        margin-bottom: 0px;
        margin-left: 77px;
    }

    .mega-menu {
        width: 100%;
        left: 50%;
        transform: translateX(0%);
    }

    .carousel .carousel-inner .carousel-item {
        height: 450px;
        margin-top: -100px;
        font-size: 2em;
        letter-spacing: .025em;
        font-family: "Lexend";
        font-weight: 600;
        font-style: normal;
    }

    .mp {
        margin-top: 0px !important;
        padding-top: 0px !important;
    }

    .bodpad12 {
        padding: 50px 0px;
    }

    .newsec5 {
        padding-top: 33px;
    }

    .disflex1 img {
        width: 46px;
    }

    .img1 {
        height: 50px;
    }

    .timeline-container::before {

        top: 9%;
        height: 80%;

    }

    .timeline-step .markerleft {
        position: absolute;
        left: 0%;
        transform: rotateZ(0deg);
    }

    .timeline-step .marker {
        left: 0px;

    }

    .make {
        transform: rotateZ(180deg) !important;
    }

    .time1 {
        margin-left: 25px;
    }

    .text-col1 {

        padding: 37px;
    }

    .content-section1 {

        padding: 28px 0px;
    }

    .text1 {
        padding: 0px;
    }

    .talent-icon {
        margin-top: -47px;
    }

    .text2 {
        text-align: left;
    }


    .carousel-caption-2-content {
        padding: 31px 20px !important;
        text-align: center !important;
    }

    .display-6 {
        font-size: calc(0.60rem + 1.5vw);
    }


    .carousel-caption-1-content {
        padding: 30px 20px !important;

    }

    .btnnew2 {
        margin-bottom: 20px;
    }

    .image-box {
        margin: 15px;
        aspect-ratio: 1 / 1; /* Maintain square aspect ratio on mobile */
    }

    .textalign1 {
        text-align: left !important;
    }

    .connector {
        top: 31%;
        left: 172px;
    }

    .connector {
        top: 21%;
        left: 172px;
    }


    .connector1 {
        right: 180px;
        margin-top: -40px;
        height: 242px;
    }

    .connector1a {
        top: 18%;
        left: 16px !important;
        height: 206px;

    }

    .connector2 {
        right: 186px;
        margin-top: -30px;
    }

    .connector2 {
        top: 34%;
        left: 15px !important;
        height: 200px;
    }

    .welcome-container h1 {
        font-size: 1.5rem;

    }

    .source {

        padding: 0px 0px 0px 268px;
    }

    .source2 {
        padding: 0px 0px 0px 9px;
    }

    .custom-icon-box {
        width: 64px;
        height: 75px;

        font-size: 23px;
    }

    .custom-description {
        margin-top: 0px;

        font-size: 14px;
        margin-left: 71px;
    }

    .custom-red-text {

        font-size: 16px !important;
    }

    .custom-yellow-text {

        font-size: 16px !important;
    }

    .method-box {
        margin: 0px 60px 12px 60px;
    }

    .impact-box1 {

        width: 100%;
    }
    .profile-img img {
        max-width: 291px;

    }

       .title-section .line {
        margin-left: 0px;
    }

    .title-section {
        padding-right: 15px;
                text-align: left !important;
    }

    .para-size {
        padding: 0px 0px 0px 16px;

    }

    .login-box {

        padding: 14px 9px 0px 13px;

    }
    .photo-section{
        min-height: auto;
    }

}

.paddingyaxis {
    padding: 8px 0px;
}

/* .carousel-item h1 {
    font-size: 21px;
    font-weight: bold;
    line-height: 30px;
}

.carousel-caption h2,
.carousel-caption-1 h2,
.carousel-caption-2 h2,
.carousel-caption h1,
.carousel-caption-1 h1,
.carousel-caption-2 h1 {
    font-size: 2em;
    letter-spacing: .025em;
    font-family: "Lexend";
    font-weight: 600;
    font-style: normal;
} */
 .carousel-item h2{
    color: #fff;
    font-family: "Lexend";
    font-weight: 600;
    font-style: normal;
 }

.panew1 {
    color: #435b9c !important;
    font-size: 1.3rem !important;
}

.ullinew1, .newwsec1 p{
    color: #20282d;
    font-size: 1.2rem;
    line-height: 32px;
    margin-bottom: 6px;
    font-family: "Heebo";
    font-weight: 400;
    letter-spacing: normal;
}

.colournew1 {
    color: #100f0f;
}

.fontcopy1 {
    font-size: 16px;
}


/* Button New Start */
.case-btn {
    /* background-color: #0d47a1;  */
    color: #fff;
    font-style: normal;
    letter-spacing: 2px;
    font-family: "Heebo";
    font-weight: 500;
    font-size: 1em;
    padding: 12px 10px;
    border: none;
    border-radius: 4px;
    text-decoration: none;
    display: inline-block;
    position: relative;
    transition: all 0.3s ease;
}

.case-btn:hover {
    color: #fff;
    text-decoration: none;
}

/* Orange underline */
.case-btn::after {
    content: "";
    position: absolute;
    left: 15px;
    bottom: 3px;
    width: 30px;
    height: 3px;
    background: #ff914d;
    /* orange */
    transition: width 0.3s ease;
}



/* Arrow styling */
.case-btn .arrow {
    margin-left: 6px;
    transition: transform 0.3s ease;
}

.case-btn:hover .arrow {
    transform: translateX(4px);
}

.custom-section {
    background: #eaf6fb;
    /* top light blue */
    position: relative;
    /* padding: 50px 0; */
}

.custom-section::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 19%;
    background: #eaf6fb;
    /* white bottom */
    z-index: 0;
}

.custom-section .container {
    position: relative;
    z-index: 1;
    /* content above background */
}

.fontnew2 {
    font-size: 16px !important;
}


.custom-section1 {
    background: #eaf6fb;
    /* top light blue */
    position: relative;
    padding: 50px 0;
}

.custom-section1::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 42%;
    background: #eaf6fb;
    z-index: 0;
}

.custom-section1 .container {
    position: relative;
    z-index: 1;
    /* content above background */
}

.container1{
    position: relative;
    z-index: 1;
}
.success-card {
    padding: 0px 30px;
}

.fsizenew1 {
    font-size: 19px !important;
    font-weight: 100 !important;
}

.newse .fsizenew2 {
    font-size: 19px !important;
}

.fntsizenew3 {
    font-size: 16px !important;
}

.bgcoln1 {
    background-color: #eaf6fb;
}

.fsizen1 {
    font-size: 21px !important;
}

.gapnew1 {
    gap: 40px;
}

.imgheight {
    height: 110px;
}

.uppermargin {
    margin-top: -30px;
    /* z-index: 9999; */
}

.logopadd {
    padding: 0px 30px;
}

.color6a {
    color: #0b397d !important;
    font-size: 16px !important;
    line-height: 1.5;
}

.color6b {
    color: #0b397d !important;
}

.boxzinex {
    margin-top: -35px;
}

.sridhar {
    background-color: #4a5752;
    color: #fff;
    padding: 10px;
}

.newmargin {
    margin-top: 10px;
}

.developing {
    background-color: #f8eded;
}

.backcolor4 {
    background-color: #e3e7e8 !important;
}

.backcolor5 {
    background-color: #e7e9f6 !important;
}

.info-boxa {
    border: 2px solid #555;
    border-radius: 20px;
    /* padding: 23px; */
    text-align: left;
    background-color: #e7e9f6 !important;
    display: flex;
    /* align-items: flex-start; */
    gap: 15px;
   padding: 20px 10px;
    height: 100%;
}

.info-boxa .icon img {
       width: 67px !important;
    /* height: 45px !important; */
}

.info-boxa p {
    margin: 0;
    font-size: 17px;
    color: #333;
    line-height: 1.5;
}

.info-boxb {
    border: 2px solid #555;
    border-radius: 20px;
    /* padding: 23px; */
    text-align: left;
    background-color: #e3e7e8 !important;
    display: flex;
    /* align-items: flex-start; */
    gap: 15px;
       height: 100%;
    /* padding: 12px 12px; */
      padding: 30px 12px;
    /* margin: 0px 38px 0px 43px; */
}

.info-boxb .icon img {
    width: 62px !important;
    /* height: 45px !important; */
}

.info-boxb p {
    margin: 0;
    font-size: 17px;
    color: #333;
    line-height: 1.5;
}

.method-boxbb {
    border: 2px solid #555;
    border-radius: 15px;
    background-color: #e7e9f6 !important;
    color: black;
    /* margin: 0px 58px 0px 58px; */
}

.backcolor6 {
    background-color: #e3e7e8 !important;
}

.backcolor7 {
    background-color: #e1e4f4 !important;
}

.backcolor8 {
    background-color: #e9e9e7 !important;
}

.lineheight {
    line-height: 1.5 !important;
}

.new5 p {
    font-size: 17px !important;
    color: #06397d !important;
    line-height: 1.5;
}

.colornew {
    color: #06397d !important;
}

.imgwidth {
    width: 100% !important;
}

.imgwidth1 {
    width: 100% !important;
}
.background{
     background-color: #e4e7f6 !important;
}


/* our team start  */
.profile-section {
      background-color: #0b3a75; /* Blue background */
      color: #fff;
   padding: 25px 25px 0px 24px;

    }
    .profile-card {
         background-color: #435b9c;
      border-radius: 8px;
      padding: 25px;
      color: #fff;
      
   
    }
    .profile-card h5 {
      font-weight: bold;
      color: white;
      font-size: 18px;
    }
    .profile-image {
      text-align: center;
    }
    .profile-image img {
        max-width: 79%;
    height: auto;
    border-radius: 6px;
    margin-top: -91px;

    }



    /* gradi eval page  */
    .ai-section {
      background: #0d0d1a;
      color: #fff;
      padding: 60px 0;
    }

    .ai-box {
      background: linear-gradient(135deg, #1e1f92, #3b3fda);
      padding: 40px 30px;
      border-radius: 12px;
      color: #fff;
    }

    .ai-box h4 {
      font-weight: bold;
      margin-bottom: 30px;
    }

    .ai-input {
      border-radius: 8px;
      padding: 12px;
      margin-bottom: 20px;
      border: none;
    }

    .ai-btn {
      background: #4c6ef5;
      color: #fff;
      border-radius: 8px;
      padding: 10px 20px;
      border: none;
    }

    .ai-btn:hover {
      background: #365ed9;
    }

    .ai-footer {
      display: flex;
      justify-content: space-between;
      margin-top: 15px;
      font-size: 14px;
    }

    .ai-footer a {
      color: #fff;
      text-decoration: none;
    }

    .ai-footer a:hover {
      text-decoration: underline;
    }

    .ai-check-text {
      font-size: 14px;
      margin-left: 8px;
    }

    .ai-checkbox {
      width: 18px;
      height: 18px;
      margin-top: 0.2rem;
    }

.gradieval{
    background:  linear-gradient(90deg, #000000, #3533cd);;
}

.stay{
    max-width: 80%;
}
 .heading-section {
      text-align: center;
        padding: 0px 20px 20px;
    }
    .heading-section h2 {
     font-size: 32px;
    font-weight: 500;
      color: white;
    }
    .heading-section p {
      font-size: 16px;
      margin-top: 10px;
      max-width: 700px;
      margin-left: auto;
      margin-right: auto;
      line-height: 1.6;
      color: white;
    }
    .btn-primary1{
        background-color:#5271ff ;
        color: white;
    }
    .gardinew1 .form-check-input {
    width: 2.5em;
    height: 2em;
    background-color: #004aad;
    }
    .paddwe1{
       padding: 0px 70px;
    }

    .phewnew1 .response-box {
    width: 100%;
    height: 218px;
    }

    .resourcebox  img{
       height: 290px;
    object-fit: cover;
    }
    .resourcebox p {
    background-color: #142a3d;
        border-radius: 0px 0px 15px 15px;
    }

    .perspective-content p, .perspective-content ul{
       line-height: 1.5em;
       color: black;
       text-align: center;
       font-size: 1em !important;
    }
    .perspective-content1 ul li{
       line-height: 1.5em;
       color: black;
       text-align: left;
       font-size: 1em !important;
       font-family: "Heebo"; 
       font-weight: 400;
        letter-spacing: 1px;
    }
    .perspective-content1 ul{
        margin-bottom: 0px;
    }

    .ww1size{
        width: 80%;
    }

    .custom-icon img{
        width: 100px;
    }
    .stakeholder-card1  h5{
        font-size: 1em;
            line-height: inherit;
            color: #283933;
    }
    .stakeholder-card1  p{
         font-size: 1em;
            line-height: inherit;
            color: #283933;
            margin-bottom: 12px;
}
.new3{
    background-color: #f4f9f6;
}

.step-icon img,.custom-icon-box img{
    width: 160px;
}


/*  */

 .quote-box {
     background-color: #f4a8ab;
    border-radius: 10px;
    padding: 40px 31px;
    max-width: 374px;
    margin: 50px auto;
    text-align: center;
    }
    .quote-box h5 {
      font-weight: bold;
      color: #0f2d3f; /* dark navy */
    }
    .quote-box p {
     font-size: 24px;
    font-weight: 700;
    color: #0f2d3f;
    margin-bottom: 20px;
    line-height: inherit;
    }
    .quote-box small {
      display: block;
      color: #333;
      margin-top: 15px;
          text-align: end;
    }

    .method-box img{
           width: 100px;
    }
    .method-boxbb img{
          width: 70px;
    }
    .custom-stat-icon img{
        width: 38px;
    }
    .feature-icon img{
       width: 85px;
    }
    .feature-card{
        padding: 20px 40px;
    }
    .feature-icon .imgs1{
            width: 130px;
    }
    .stats-card img{
         width: 85px;
    }
    .boxteamn1{
        display: flex;
        align-items: center;
            gap: 40px;
        padding-bottom: 40px;
    }
    .widd1{
        max-width: 96px;
    }
    .gapn1{
            gap: 40px;
    }


 


    /* New1 Start */
       .card-box {
      position: relative;
      overflow: hidden;
      /* height: 350px; */
      color: white;
      border-radius: 0px;
      cursor: pointer;
    }

    .card-box img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform 0.5s ease;
    }

    .card-box:hover img {
      transform: scale(1.05);
    }

    /* Overlay gradient */
    .overlay {
      position: absolute;
      top: -100%;
      left: 0;
      width: 100%;
      height: 100%;
      background: linear-gradient(to bottom, rgba(0,0,0,0.6), rgba(0,0,0,0.2));
      transition: top 0.6s ease;
      z-index: 1;
      opacity: 1;
    }

    .card-box:hover .overlay {
      top: 0;
    }

    /* Text always visible */
    .card-text {
        width: 100%;
    padding: 0px 20px;
      position: absolute;
      bottom: 20px;
      left: 50%;
      transform: translateX(-50%);
      text-align: center;
      font-size: 20px;
      font-weight: bold;
      z-index: 2;
      color: #fff;
    }
    .card-text .cardtext1{
        color: white;
    }


    .overlayn1 {
    position: absolute;
    top: 0%;
    left: 0;
    width: 100%;
    height: 100%;
   background: linear-gradient(to bottom, rgb(0 0 0 / 20%), rgb(0 0 0 / 60%));
    transition: top 0.6s ease;
    z-index: 1;
    opacity: 1;
}

.cardtext1{
        font-size: 24px !important;
}
    /* New1 End */

    .image-box .overlayn2 {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgb(0 0 0 / 40%);
    opacity: 1;
    transition: opacity 0.3s ease;
    z-index: 1;
}
.colmm1{
    color: #06397d;
}

.gapm1{
    gap: 45px;
}


.image-card::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
       height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    opacity: 1;
    transition: opacity 0.3s ease;
    z-index: 1;
}
.gapnew121{
    gap: 50px;
}

.talent-icon img{
    width: 18%;
}

.fsizenn4{
    font-size: 19px;
    font-weight: 100;
}
.timeline-stepn1{
    align-items: center;
}
.exe11{
    color: #283933;
    text-decoration: underline;
}
.exe11:hover{
    color: #283933;
}
.fsizen2{
    line-height: 1.5em;
    font-size: 1.2em;
    text-align: center;
    color: rgb(32, 40, 45);
    font-family: Heebo;
    font-weight: 400;
}
.feature-card h5{
    font-size: 18px;
}
.feature-card p{
    font-size: 17px;
}
.txtnor1{
    font-weight: 100;
}

.bggg1 .case-card {
    background-color: #e3e7e8;
}
.bggg2 .approach-section {
    background-color: #e3e7e8;
}

.coaching-heading {
    font-size: 22px;
    line-height: inherit;
}
.instruction-box p{
    line-height: 1.6;
    font-size: 17px;
}
.headingcol11{
    color: white;
    font-size: 25px;
        font-weight: 500;
}
/* All the vendor variations + standard */
  .response-box::-webkit-input-placeholder { color: #000; opacity: 1; } /* Chrome, Safari, Opera */
  .response-box:-moz-placeholder { color: #000; opacity: 1; }           /* Firefox 4-18 */
  .response-box::-moz-placeholder { color: #000; opacity: 1; }          /* Firefox 19+ */
  .response-box:-ms-input-placeholder { color: #000; opacity: 1; }      /* IE 10-11 */
  .response-box::-ms-input-placeholder { color: #000; opacity: 1; }     /* Edge */
  .response-box::placeholder { color: #000; opacity: 1; }               /* Standard */


    /* Tablet Responsive Start */
@media (min-width: 768px) and (max-width: 991.98px) {
  /* CSS rules for tablet devices */
     .resourcebox img {
    height: 150px;
    object-fit: cover;
}

.img-fluid-custom {
    width: 100%;
    height: 155px;
}
    .img-fluid-custom {
        margin-top: 0px;
        margin-bottom: 0px;
    }
    .success-card {
    padding: 0px 0px;
}
.offerings-image {
    padding-bottom: 38px;
}
    .image-box {
        margin: 0px;
    }
        .image-box {
        aspect-ratio: 1 / 1; /* Maintain square aspect ratio on tablet */
    }
    .gapm1 {
    gap: 0px;
}
    .gapnew121 {
        gap: 0px;
    }
    .talent-icon img {
    width: 50%;
}
    .wid1 {
        width: 100%;
        margin-bottom: 0px;
        margin-left: 0px;
    }
        .image-col img {
        max-width: 100%;
        padding-left: 0px;
    }
    .new111 {
    padding: 0px 0px;
}
.section-title3 {
    margin-top: 30px;
}
.image-section img {
    max-width: 100%;
}
.martab1{
    margin-top: 55px;
}
.card-custom {
    padding: 0.5rem;
}
.feedback-section {
    padding: 1rem 0rem;
}
.backcolor {
        padding: 2rem 1rem;
    }
    .info-boxb {
        margin: 0px;
    }
    .info-box {
    padding: 20px 10px;
    margin: 0px 0px;
}
.info-boxa {
    padding: 15px 10px;
    height: 100%;
}
.gap2 {
    column-gap: 0px;
    row-gap: 20px;
}
.highlight1 {
    font-size: 1.5rem;
}
.custom-stat-card {
    padding: 20px;
    height: 100%;
}
.feature-card
 {
    padding: 5px 5px;
}
.highlight2 {
    font-size: 40px;
}
.image-text-card img {
    width: 100%;
    height: 115px;
}
.welcome-container {
    height: auto;
}
}
    /* Tablet Responsive End */
 

       @media(max-width:767px){
        .carousel .carousel-inner .carousel-item .carousel-caption-1 {
    top: 43px;
        }
        .carousel-caption-1-content {
    margin-right: 0px;
    margin: 20px;
        }
        /* .ind {
    padding: 0px;
} */
.newsec3 img{
    margin-bottom: 30px;
}
.newsec3 {
    padding-top: 67px;
    padding-bottom: 50px;
}
.gapnew1 {
    gap: 0px;
}
.gapn1 {
    gap: 6px;
}
    .paragraph {
        width: 100%;
    }
    .resourcebox p {
    color: rgb(255, 255, 255);
    padding: 10px 15px 10px 15px;
    }
    .gapnew121{
    gap: 25px;
}
.section-dark {
    padding: 30px 0px;
}
.section-values {
    padding: 0px 0px;
}
    .box2 {
        width: 100%;
        margin-left: 0px;
    }
.imgheight {
    height: 80px;
}
.content-wrapper {
    padding: 50px 0 20px 0px;
}
.text-col1 {
        padding: 24px;
    }
    .new111 {
    padding: 0px 0px;
}
.section-title3 {
    padding-top: 28px;
}
.image-section img {
    max-width: 100%;
}
.mar2 {
    margin-top: 0px;
}
.logopadd {
    padding: 0px 15px;
}
.wid1 {
        margin-left: 0px;
    }
    .padd {
    padding: 20px 10px;
}
.talent-icon img {
    width: 23%;
}
.backcolor {
        padding: 3rem 1rem;
    }
    .step-icon {
    width: 84px;
    height: 84px;
    }
    .step-icon img, .custom-icon-box img {
    width: 90px;
}
    .connector {
        top: 28%;
        left: 155px;
    }
    .step-description {
    max-width: 54%;
}
.info-box .icon img {
    width: 44px !important;
}
    .method-box {
        margin: 0px 10px 12px 10px;
    }
    .txtmobstart{
        text-align: start !important;
    }
    .info-boxa {
    padding: 10px 10px;
    }
    .info-boxa .icon img {
    width: 50px !important;
    }
    .method-boxbb img {
    width: 60px;
}
.method-box2 {
    margin-top: 20px;
}
.info-boxb .icon img {
    width: 40px !important;}
    .info-boxb {
        margin: 0px;
    }
    .gapnewmob1{
            gap: 10px;
    }
    .method-box img {
    width: 60px;
}
.text-right-align1 {
    text-align: left !important;
    margin-left: 0px;
}
.highlight2 {
    font-size: 46px;
}
.boxteamn1 {
    display: block;
}
.widd1{
    display: flex;
    justify-content: center;
}

.approach-section {
    max-width: 97%;
}
.scrollable-buttons {
    margin: 0px 29px 0px 30px;
}


    }

/* Fix for center-aligning text in boxes */
.box-content {
    position: absolute;
    bottom: 15px;
    left: 15px;
    right: 15px;
    padding: 10px;
    color: #fff;
    z-index: 2;
    /* CHANGED: Forces center alignment */
    text-align: center !important; 
    /* CHANGED: Ensures flex items inside are centered */
    justify-content: center !important; 
}

.box-content .np1 {
    text-align: center !important;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
   
    font-weight: 400; 
}




.carousel-wrapper {
    overflow: hidden;
    width: 100%;
}

.carousel-track {
    display: flex;
    gap: 20px;
    animation: scroll 30s linear infinite;
}

.carousel-column {
    display: flex;
    flex-direction: column;
    gap: 15px;
    min-width: 220px;
}

.carousel-column img {
    width: 100%;
    height: 180px;
    object-fit: cover;
    border-radius: 10px;
}

/* Auto scrolling */
@keyframes scroll {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}

/* Pause on hover (optional) */
.carousel-wrapper:hover .carousel-track {
    animation-play-state: paused;
}
.workshop-showcase-section {
    background: #002451;
}

.workshop-showcase-shell {
    padding: 28px;
    background: #002451;
    border: 1px solid rgba(11, 58, 117, 0.08);
    
    box-shadow: 0 18px 40px rgba(11, 58, 117, 0.08);
}

.workshop-showcase-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
    margin-bottom: 24px;
}

.workshop-showcase-header .section-title {
    margin-bottom: 0;
    text-align: center !important;
    color: #f4f3f9 !important;
}

/* .workshop-actions {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    width: 100%;
} */


.workshop-nav-button {
    position: absolute !important;   
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 999 !important;
    pointer-events: auto;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 56px;
    height: 56px;
    border-radius: 50%;

    background: rgba(11, 58, 117, 0.9);
    color: #ffffff;
    font-size: 26px;

    cursor: pointer;
}

.workshop-nav-button.left {
    left: -30px;
}

.workshop-nav-button.right {
    right: -30px;
}

.workshop-nav-button:hover,
.workshop-nav-button:focus-visible {
    background: rgba(11, 58, 117, 0.92);
    color: #ffffff !important;
    transform: none;
    outline: none;
}


#workshopCarousel .carousel-control-prev,
#workshopCarousel .carousel-control-next,
#workshopCarousel .carousel-control-prev-icon,
#workshopCarousel .carousel-control-next-icon {
    display: none !important;
}


#workshopCarousel {
    position: relative;
}


#workshopCarousel .carousel-item {
    min-height: 0;
}

#workshopCarousel .row {
    margin: 0;
    align-items: stretch;
}

#workshopCarousel .workshop-column {
    display: flex;
}

#workshopCarousel .pair {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
    margin: 0;
}

#workshopCarousel .workshop-pair-card {
    width: 100%;
    padding: 10px;
    background: #002451;
    border: 1px solid rgba(11, 58, 117, 0.06);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(11, 58, 117, 0.05);
}

#workshopCarousel .carousel-item img {
    display: block;
    width: 100%;
    height: 200px !important;
    object-fit: cover !important;
    object-position: center;
    border-radius: 8px;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

@media (max-width: 575.98px) {
    #workshopCarousel .carousel-item img {
        height: 300px !important;
    }
}



@media (max-width: 991.98px) {
    .workshop-showcase-header {
        align-items: center;
    }

    .workshop-actions {
        width: 100%;
        justify-content: center;
    }
}



@media (max-width: 575.98px) {
    .workshop-showcase-shell {
        padding: 20px;
    }

    .workshop-actions {
        gap: 10px;
        width: 100%;
        justify-content: center;
    }

    .workshop-nav-button {
        width: 46px;
        height: 46px;
        min-width: 46px;
        
    }
}