i {
    font-style: normal !important;
}
.btn-close:focus-visible, :focus-visible {
        outline: 2px solid #2b9cb200;  /* highlight ka color */
        outline-offset: 3px;         /* thoda space outline aur element ke beech */
        border-radius: 4px;          /* rounded corners */
    }
    @font-face {
        font-family: SourceSansPro-SemiboldIt;
        src: url("../fonts/SourceSansPro-SemiboldIt.woff");
        font-display: swap;
    }

    @font-face {
        font-family: SourceSansPro-Bold;
        src: url("../fonts/SourceSansPro-Bold.woff");
        font-display: swap;
    }

    @font-face {
        font-family: SourceSansPro-BoldIt;
        src: url("../fonts/SourceSansPro-BoldIt.woff");
        font-display: swap;
    }

    @font-face {
        font-family: SourceSansPro-It;
        src: url("../fonts/SourceSansPro-It.woff");
        font-display: swap;
    }

    @font-face {
        font-family: SourceSansPro-Regular;
        src: url("../fonts/SourceSansPro-Regular.woff");
        font-display: swap;
    }

    @font-face {
        font-family: SourceSansPro-Semibold;
        src: url("../fonts/SourceSansPro-Semibold.woff");
        font-display: swap;
    }

    img {
        max-width: 100%;
        max-height: 100%;
    }

    /* body{background: #FFF9ED;} */

    body{overflow-x: hidden;}
    body, p{font-family: SourceSansPro-Regular; font-size: 16px; line-height: 24px;}
    b, strong{font-family: SourceSansPro-Bold;}
    .visually-hidden {
    position: absolute !important;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
    }
    ul{list-style: none; padding: 0; margin: 0;}

    .container-fluid {
        padding: 0 50px;
    }

    .de-btn:hover{
        background: #eb8f46;
        color: #fff;
    }

    .home-btn {
        color: #F4780A;
        font-size: 16px;
        font-family: 'SourceSansPro-Semibold';
        border: 1px solid #F4780A;
        padding: 5px 12px;
        border-radius: 10px;
        background: #fff;
        transition: 0.3s ease-in-out;
    }

    .main-bg-outer{
        background: url(../images/home-bg-1.jpg) center center/cover no-repeat;
        position: relative;
        /* overflow: hidden; */
    }
    .main-bg-outer::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #473776;
        background: radial-gradient(circle, rgba(71, 55, 118, 1) 0%, rgba(183, 100, 48, 1) 100%);
        opacity: 0.8;
        z-index: 1;
    }

    .main-bg-outer::after{
        content: "";
        position: absolute;
        bottom: -1px;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 100vw;
        height: 45px;
        background: url(../images/svg/home-bg-curve.svg) no-repeat center bottom/cover;
        z-index: 1;
    }

    /* .home-bg-outer::after{content: ""; position: absolute; width: 100%; height: 50px; background: #fff; bottom: 0; left: 0; z-index: 2;} */
    .main-bg-outer .container-fluid{position: relative; z-index: 100;}

    header{
        width: 100%;
        background: #fff;
        border-radius: 0 0 10px 10px;
        padding: 20px;
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.12);
    }

    header .header-logo-grid{
        display: flex;
        align-items: center;
        gap: 20px;
        flex-wrap: wrap;
        width: 100%;
        max-width: 615px;
    }

    header .header-logo-grid .header-logo-outer{
        display: flex;
        align-items: center;
        gap: 10px;
    }

    header .header-logo-grid .header-logo-outer img{height: 100%;max-height: 78px;}
    header .header-logo-grid .header-logo-outer img:last-child{max-height: 68px;}
    header .header-logo-grid .header-mowcd-text{border-left: 1px solid #D9D9D9;padding-left: 20px;font-size: 18px;color: #3E3E3E;}
    header .header-logo-grid .header-mowcd-text span{display: block;font-family: SourceSansPro-Semibold;color: #000;font-size: 20px; margin-top: 4px;}

    .header-nav-grid{display: inline-flex;align-items: center;justify-content: flex-end;width: 100%;max-width: calc(100% - 615px);}
    .home-banner-outer{
        padding: 50px 0px 85px 0;
        text-align: center;
    }

    .search-bg-outer .home-banner-outer{padding-bottom: 115px;}
    .home-banner-outer h1{font-size: 70px;color: #fff;font-family: SourceSansPro-Bold;margin-bottom: 20px;line-height: 88px;}
    .home-banner-outer p{font-size: 36px;color: #fff;line-height: 45px;}



    .social-icons {
        position: fixed;
        top: 280px;
        right: 0px;
        transform: translateY(-50%);
        display: flex;
        flex-direction: column;
        gap: 6px;
        z-index: 100;
        display: none !important;
    }

    .social-icons a {
        display: inline-flex;
        width: 40px;
        height: 40px;
        overflow: hidden;
        background: rgb(235, 143, 70);
        align-items: center;
        justify-content: center;
        color: rgb(255, 255, 255);
        border-radius: 8px 0px 0px 8px;
        transition: 0.5s ease-in-out;
    }

    .social-icons a i {
        font-size: 18px;
    }

    .social-icons img {
        max-height: 20px;
    }

    .social-icons a.social-x:hover {
        background: rgb(15, 20, 25);
    }

    .social-icons a.social-fb:hover {
        background: rgb(0, 100, 224);
    }

    .social-icons a.social-insta:hover {
        background: linear-gradient(to right, rgb(131, 58, 180), rgb(253, 29, 29), rgb(252, 176, 69));
    }

    .social-icons a.social-yt:hover {
        background: rgb(255, 0, 51);
    }

    .social-icons a.social-pa:hover {
        background: rgb(234, 26, 26);
    }

    .home-content-body-outer{
        padding: 40px 0 0 0;
    }
    .state-insights-grid .card{height: calc(100% - 30px);}
    .state-insights-map-outer{width: 100%; height: 476px; display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden;}

    .gradient-insights-data-outer{background: #FFFFFF;background: linear-gradient(90deg, rgba(255, 255, 255, 1) 43%, rgba(255, 238, 223, 1) 100%);border-radius: 15px;border: 1px solid #EAEAEA;padding: 15px 20px;margin-top: 20px; box-shadow: 0 4px 20px #FFEFE0;}
    .gradient-insights-data-outer .state-name-insights-data{
        font-family: SourceSansPro-Semibold;
        font-size: 18px;
        color: #000;
        margin-bottom: 7px;
    }

    .gradient-insights-data-outer .gradient-insights-data-grid{display: flex; align-items: center; justify-content: space-between; gap: 20px;}

    .gradient-insights-data-outer .gradient-insights-data-grid .gradient-insights-data-items{display: flex; align-items: center; gap: 10px;}

    .gradient-insights-data-outer .gradient-insights-data-grid .gradient-insights-data-items .state-insights-items-icon{width: 40px; height: 40px; background: #000; display: inline-flex; align-items: center; justify-content: center; padding: 10px; border-radius: 10px;}

    .gradient-insights-data-outer .gradient-insights-data-grid .gradient-insights-data-items .state-insights-items-content{
        color: #535969; font-family: SourceSansPro-Semibold; font-size: 16px;
    }
    .gradient-insights-data-outer .gradient-insights-data-grid .gradient-insights-data-items .state-insights-items-content span{
        color: #000; display: block;
    }

    .gradient-insights-data-outer .gradient-insights-data-grid .gradient-insights-data-items:nth-child(1) .state-insights-items-icon{background: #F1ECFF ;}
    .gradient-insights-data-outer .gradient-insights-data-grid .gradient-insights-data-items:nth-child(2) .state-insights-items-icon{background: #E0F7FF;}

    .get-involved-items-grid{}
    .get-involved-items-grid .get-involved-items{}
    .get-involved-items-grid .get-involved-items .get-involved-img{
        width: 100%;
        height: 250px;
        border-radius: 12px 12px 0 0;
        overflow: hidden;
    }
    .get-involved-items-grid .get-involved-items .get-involved-img img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .get-involved-items-grid .get-involved-items .get-involved-items-content{
        border: 1px solid #EAEAEA;
        border-radius: 0 0 12px 12px;
        padding: 18px 20px;
    }
    .get-involved-items-grid .get-involved-items .get-involved-items-content .get-involved-items-title{
        font-size: 18px;
        color: #000;
        font-family: 'SourceSansPro-Bold';
        margin-bottom: 8px;
    }
    .get-involved-items-grid .get-involved-items .get-involved-items-content p{
        color: #000;
        text-align: justify;
        margin-bottom: 30px;
        display: -webkit-box;
        -webkit-line-clamp: 4; /* number of lines */
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .get-involved-items-grid .get-involved-items .get-involved-items-content .right-blue-icon{
        color: #0174FF;
        font-size: 16px;
        font-family: 'SourceSansPro-Semibold';
        display: flex;
        align-items: center;
        gap:10px
    }
    .get-involved-items-grid .get-involved-items .get-involved-items-content .right-blue-icon img{
        margin-top: 2px;
    }
    .gradient-wcd-active-more-grid{padding: 28px 30px 29px 30px;}
    .gradient-wcd-active-more-grid .gradient-insights-data-items{color: #0174FF; font-family: 'SourceSansPro-Semibold'; text-transform: capitalize;}

    .impact-glance-items-grid{margin-bottom: 20px;}
    .impact-glance-items-grid:last-child{margin-bottom: 0px;}
    .impact-glance-items-grid .impact-glance-items{
        border: 1px solid #EAEAEA;
        box-shadow: 0 4px 20px #EBEBEB;
        border-radius: 12px;
        overflow: hidden;
        display: flex;
        flex-wrap: wrap;
        /* align-content: initial; */
    }
    .impact-glance-items-grid .impact-glance-items .impact-glance-items-heading{
        background: #694AC7;
        color: #fff;
        padding: 10px;
        height: 167px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 81px;
        position: relative;
    }

    .impact-glance-items-grid:nth-child(2) .impact-glance-items .impact-glance-items-heading{background: #4699FF;}
    .impact-glance-items-grid .impact-glance-items .impact-glance-items-heading .rotate-text-vertical{
        transform: rotate(-90deg);
        font-family: SourceSansPro-Semibold;
        font-size: 18px;
        width: 167px;
        height: 81px;
        position: absolute;
        text-align: center;
        padding: 0 21px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        margin: 0;
    }

    .impact-glance-items-grid .impact-glance-items .impact-glance-items-content{
        display: inline-flex;
        width: calc(100% - 81px);
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .impact-glance-items-grid .impact-glance-items .impact-glance-items-content .impact-glance-items-list{
        width: 16%;
        display: inline-flex;
        justify-content: center;
        font-size: 15px;
        color: #535969;
        flex-wrap: wrap;
        border-right: 1px solid #EAEAEA;
        text-align: center;
        padding: 0 10px;
    }
    .impact-glance-items-grid .impact-glance-items .impact-glance-items-content .impact-glance-items-list span{
        display: block;
        width: 100%;
        text-align: center;
        color: #694AC7;
        font-size: 32px;
        font-family: SourceSansPro-Bold;
        line-height: 44px;
    }

    .impact-glance-items-grid:nth-child(2) .impact-glance-items .impact-glance-items-content .impact-glance-items-list span{color: #4699FF;}
    .impact-glance-items-grid .impact-glance-items .impact-glance-items-content .impact-glance-items-list:last-child{border-right: none;}

    .testimonial-section-outer{background: #FFFFFF;
    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(251, 200, 154, 1) 100%); padding: 25px 0; border: 1px solid rgba(251, 200, 154, 0.5); border-right: 0; border-left: 0;}

    .main-heading{    display: flex;
        align-items: center;
        font-size: 22px;
        color: #000;
        font-family: 'SourceSansPro-Semibold';
        gap: 10px;}

    .main-heading-with-btn{display: flex; align-items: center; justify-content: space-between;}
    .main-heading-with-btn .main-heading-btn-outer{
        
    display: inline-flex;
        
    align-items: center;
        
    justify-content: center;
    }


    .testimonials-items{
        background: #fff;
        padding: 30px;
        border-radius: 15px;
        border: 1px solid #EAEAEA;
        box-shadow: 0 4px 20px #EBEBEB;
        text-align: center;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        gap: 10px;
        position: relative;
        margin-top: 28px;
        min-height: calc(100% - 30px);
    }
    .testimonials-items .testimonials-quotes-outer{
        background: #F4780A;
        width: 40px;
        height: 40px;
        border-radius: 100px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: -20px;
    }
    .testimonials-items .testimonials-quotes-outer img{}
    .testimonials-items .testimonials-rating{
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        width: 100%;
        color: #000;
        font-family: 'SourceSansPro-Bold';
        font-size: 16px;
    }

    .testimonials-items .testimonials-img-outer{
        height: 60px;
        width: 60px;
        margin: 0 auto;
        border-radius: 100px;
        overflow: hidden;
        border: 1px solid #F4780A;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .testimonials-items .testimonials-img-outer img{width: 100%;height: 100%;object-fit: cover;}
    .testimonials-items p{
        margin: 0;
        color: #535969;
        font-size: 16px;
        font-family: 'SourceSansPro-SemiboldIt';
        /* max-width: 255px; */
        margin: 0 auto;
    }
    .testimonials-items .testi-name-outer{
        color: #535969;
    }
    .testimonials-items .testi-name-outer span{
        color: #000;
        display: block;
        font-family: 'SourceSansPro-Semibold';
    }
    .home-third-section-outer{padding: 30px 0;}
    .card-header-with-btn{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
    .home-gallery-items{position: relative;width: 100%;height: 264px;border: 1px solid #F9B57A;border-radius: 15px;overflow: hidden;display: flex;align-items: center;justify-content: center;}
    .home-gallery-items::before{position: absolute;content: '';width: 100%;height: 100%;top: 0;bottom: 0;background: rgb(0 0 0 / 30%);z-index: 0;padding: 25px 20px;}

    .home-gallery-items-grid:last-child .home-gallery-items:before{background: rgb(0 0 0 / 50%);}
    .home-gallery-items img{
        object-fit: cover;
        width: 100%;
        height: 100%;
    }
    .home-gallery-items .home-gallery-items-content{
        position: absolute;
        z-index: 1;
        color: #fff;
        bottom: 0;
        left: 0;
        height: auto;
        display: block;
        width: 100%;
        padding: 0 20px 25px 20px;
        font-size: 18px;
        font-family: 'SourceSansPro-Bold';
    }

    .home-gallery-page-link{
        position: absolute;
        z-index: 1;
        color: #fff;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        padding: 25px 20px;
        text-align: center;
        display: flex;
        flex-wrap: wrap;
        /* align-items: center; */
        justify-content: center;
        align-content: center;
    }
    .home-gallery-page-link span{
        font-size: 32px;
        font-family: 'SourceSansPro-Bold';
        display: block;
        width: 100%;
    }
    .home-gallery-page-link a{
        font-size: 18px;
        font-family: 'SourceSansPro-Semibold';
        color: #fff;
        text-decoration: underline;
    }

    .what-new-items{
        border: 1px solid #F4780A;
        border-radius: 12px;
        padding: 16px 20px;
        display: flex;
        gap: 20px;
        align-items: center;
        margin-bottom: 20px;
    }
    .what-new-items:last-child{margin-bottom: 0}
    .what-new-items .what-new-items-icon{
        width: 40px;
        height: 40px;
        background: #F4780A;
        border-radius: 10px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }
    .what-new-items .what-new-items-content-outer{
        width: 100%;
        max-width: calc(100% - 60px);
    }
    .what-new-items .what-new-items-content-outer .what-new-items-content-heading{
        font-size: 18px;
        color: #000;
        font-family: 'SourceSansPro-Bold';
    }
    .what-new-items .what-new-items-content-outer p{
        margin: 0;
        color: #000;
    }

    .what-new-items-grid{height: 280px;overflow: hidden;overflow-y: scroll; padding-bottom: 30px;}
    .what-new-grid .card{position:relative;overflow: hidden;padding-bottom: 10px;}
    .what-new-grid .card:before{position:absolute;z-index: 0;content: '';width: 100%;height: 58px;left: 0;bottom: 0;background: #FFF;background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%);}

    .imp-resources-items{
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-radius: 12px;
        border: 1px solid #4699FF;
        padding: 17px 20px;
        gap: 15px;
    }
    .imp-resources-items .imp-resources-items-content{
        display: flex;
        align-items: center;
        gap: 15px;
        font-size: 16px;
        color: #000;
        font-family: 'SourceSansPro-Semibold';
        width: 100%;
        max-width: calc(100% - 30px);
    }
    .imp-resources-items .imp-resources-items-link{
        width: 18px;
        display: inline-flex;
        align-items: center;
    }

    footer{background: #3D3567;padding: 30px 0 0 0;
    /* background: linear-gradient(90deg, rgba(86, 64, 153, 1) 0%, rgba(61, 53, 103, 1) 100%);  */
}

    footer .footer-logo-outer {display: none;}
    .footer-logo-outer {
        display: flex;
        align-items: center;
        /* justify-content: center; */
        gap: 40px;
        flex-wrap: wrap;
        list-style: none;
        padding: 0;
        margin: 0 0 30px 0;
    }

    .footer-logo-outer li {
        margin: 0px;
        max-height: 70px;
    }

.footer-logo-outer li a{
    display: flex;
    align-items: center;
    justify-content: center;
    /* width: 100px; */
    /* height: 68px; */
    /* background: #ccc; */
    /* border: 1px solid rgba(0, 0, 0, 0.15); */
    border-radius: 8px;
    /* padding: 5px; */
}
    .footer-logo-outer li a img {
        max-width: 100%;
        max-height: 70px;
    }

.footer-logo-outer li:last-child a{/* width: 220px; */}
    .footer-row-2{display: flex; justify-content: space-between; flex-wrap: wrap;}
    .footer-grid{margin-bottom: 20px; max-width: 193px;}
    .footer-grid:first-child, .footer-grid:last-child{max-width: 312px;}
    footer .footer-items-heading{
        color: #fff;
        font-family: 'SourceSansPro-Bold';
        font-size: 22px;
        margin-bottom: 8px;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 10px;
        min-height: 40px;
    }
    footer .footer-items-heading .footer-heading-icon{
        display: inline-flex;
        background: #7968AE;
        width: 40px;
        height: 40px;
        border-radius: 10px;
        align-items: center;
        justify-content: center;
    }
    footer .footer-items-heading .footer-heading-icon img{max-width: 100%}
    footer .footer-items-outer{}
    footer .footer-items-outer .footer-items{
        display: flex;
        align-items: center;
        color: #fff;
        font-size: 18px;
        gap: 10px;
        margin-bottom: 8px;
    }
    footer .footer-items-outer .footer-items:last-child{margin-bottom: 0}
    footer .footer-items-outer ul.footer-items-list{
    }
    footer .footer-items-outer ul.footer-items-list li{
        margin-bottom: 10px;
    }
    footer .footer-items-outer ul.footer-items-list li:last-child{margin-bottom: 0}
    footer .footer-items-outer ul.footer-items-list li a{
        display: flex;
        align-items: center;
        color: #fff;
        font-size: 18px;
        gap: 10px;
    }
    .footer-counter-list{}
    .footer-counter-list li{
        width: 100%;
        background: #514A79;
        border: 1px solid #6F6898;
        border-radius: 10px;
        padding: 12px 15px;
        font-size: 18px;
        color: #9C88CF;
        font-family: 'SourceSansPro-Semibold';
        margin-bottom: 15px;
    }
    .footer-counter-list li:last-child{margin-bottom: 0}
    .footer-counter-list li span{
        display: block;
        color: #fff;
        font-size: 24px;
        font-family: 'SourceSansPro-Bold';
        margin-top: 6px;
    }
    .footer-copy-right-outer{
        border-top: 1px solid #7C41F2;
        padding: 18px 0;
    }
    .footer-copy-right-outer p{
        color: #fff;
        margin: 0;
        font-size: 16px;
    }
    .footer-copy-right-outer p span{
        font-family: 'SourceSansPro-Bold';
    }




    /*footer new code start*/
     .simulator-card-wrapper {
            flex-grow: 1;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            padding: 1.5rem;
        }

        .simulator-card {
            max-width: 540px;
            border-radius: 12px;
            background-color: #ffffff;
            border: none;
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
            padding: 1.5rem;
            text-align: center;
        }

        .engine-badge {
            background-color: #007bff;
            color: #ffffff;
            padding: 0.5rem 1rem;
            border-radius: 50rem;
            font-size: 0.8rem;
            font-weight: 600;
            display: inline-block;
            margin-bottom: 1rem;
        }

        .footer-about-outer{
            display: flex;
            justify-content: space-between;
            flex-direction: column;
            }

        .portal-footer {
            background-color: #3D3567;
            color: #ffffff;
            padding: 0;
        }

        /* Common border color based on design */
        .border-portal-light {
            border-color: rgba(255, 255, 255, 0.15) !important;
        }


        .contact-section {
            display: flex;
            flex-direction: column;
            justify-content: center;
           border-right: 1px solid rgba(255, 255, 255, 0.15);
        }

        .contact-container {
            margin-left: 0;
            margin-right: auto;
            /* max-width: 250px; */
            width: 100%;
        }

        .contact-title {
            font-size: 32px;
            font-family: 'SourceSansPro-Semibold';
            color: #ffffff;
            margin-bottom: 30px;
        }

        .contact-media {
            display: flex;
            align-items: center;
        }

        .contact-icon-box {
            margin-right: 20px;
            flex-shrink: 0;
        }

        .contact-svg {
            width: 42px;
            height: 42px;
        }

        .contact-details {
            flex-grow: 1;
        }

        .contact-email {
            display: block;
            color: #d1d5db;
            font-size: 20px;
            font-family: 'SourceSansPro-Regular';
            word-break: break-all;
            transition: color 0.2s ease;
        }

        .contact-phone {
            display: block;
            font-size: 24px;
            font-family: 'SourceSansPro-Regular';
            color: #ffffff;
            letter-spacing: -0.5px;
            margin-top: 2px;
            transition: color 0.2s ease;
            display: none;
        }

        .portal-nav-container {
            padding: 30px 0;
            border-bottom: 1px solid rgba(255, 255, 255, 0.15);
        }

        .portal-nav-list {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            list-style: none;
            padding: 0;
            margin: 0;
            gap: 8px 16px;
        }

        .portal-nav-item {
            /* display: inline-flex; */
            align-items: center;
        }

        .portal-nav-link {
            font-size: 18px;
            font-family: 'SourceSansPro-Regular';
            color: #ffffff;
            text-decoration: none !important;
            /* padding: 0 10px; */
            /* transition: all 0.25s ease; */
        }

        .portal-nav-link:hover {
            color: #ffd29d;
            transform: translateY(-1px);
        }

        .menu-separator {
            color: rgba(255, 255, 255, 0.5);
            font-size: 12px;
            user-select: none;
        }

        .middle-grid-container {
            display: flex;
            flex-grow: 1;
        }

        .section-headline {
            font-size: 20px;
            font-family: 'SourceSansPro-Semibold';
            color: #ffffff;
            margin-bottom: 0;
            white-space: nowrap;
        }

        /* Social Channels Grid Item */
        .social-column {
            padding: 20px 30px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .social-row-wrap {
            display: flex;
            align-items: center;
            text-align: center;
            justify-content: space-between;
            width: 100%;
        }

        .social-container {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 15px;
        }

        .social-btn {
            color: #ffffff;
            font-size: 1.3rem;
            transition: all 0.2s ease;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            text-decoration: none !important;
        }

        .social-btn:hover {
            color: #ffd29d;
            transform: scale(1.18);
        }

        .social-x-svg {
            width: 18px;
            height: 18px;
            fill: currentColor;
        }

        /* Download App Grid Item */
        .download-column {
            padding: 20px 30px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .app-badge-wrapper {
            display: flex;
            gap: 12px;
            justify-content: center;
            align-items: center;
        }

        .app-badge-btn {
            display: inline-block;
            transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
            text-decoration: none !important;
        }

        .app-badge-btn:hover {
            transform: translateY(-2px);
            filter: brightness(1.15);
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
        }

        .badge-svg {
            border-radius: 6px;
        }

        /* Stats Counters Grid Item */
        .stats-column {
            padding: 20px 30px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .stats-container {
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .stat-box {
            text-align: center;
        }

       .stat-number {
            font-size: 28px;
            font-family: 'SourceSansPro-Semibold';
            color: #ffffff;
        }

        .stat-label {
            font-size: 16px;
            font-family: 'SourceSansPro-Regular';
            margin-top: 5px;
            display: block;
        }

        .stat-divider {
            width: 1px;
            height: 40px;
            background-color: rgba(255, 255, 255, 0.15);
            margin-left: 1.5rem;
            margin-right: 1.5rem;
        }

       
        .copyright-container {
            padding: 15px 0px 15px 30px;
            border-top: 1px solid rgba(255, 255, 255, 0.15);
            align-items: center;
        }
        .copyright-content{display: flex;align-items: center;justify-content: space-between;padding: 0;}

        .copyright-text {
            font-size: 14px;
             font-family: 'SourceSansPro-Regular';
            margin-bottom: 0;
            padding: 0;
        }

        .nic-badge-wrapper {
            display: flex;
            justify-content: center;
        }

        .nic-badge {
            display: inline-flex;
            align-items: center;
            background-color: rgba(255, 255, 255, 0.07);
            padding: 6px 14px;
            border-radius: 6px;
            border: 1px solid rgba(255, 255, 255, 0.1);
            transition: background-color 0.3s ease;
            text-decoration: none !important;
        }

        .nic-badge:hover {
            background-color: rgba(255, 255, 255, 0.12);
        }

        .nic-badge-divider {
            width: 1px;
            height: 26px;
            background-color: rgba(255, 255, 255, 0.3);
            margin: 0 10px;
        }
       
        @media (max-width: 767.98px) {
           .contact-container {
                margin-left: auto;
                margin-right: auto;
            }
            .social-column {
                border-bottom: 1px solid rgba(255, 255, 255, 0.15);
            }
            .download-column {
                border-bottom: 1px solid rgba(255, 255, 255, 0.15);
            }
            .portal-nav-link {
                font-size: 0.8rem;
            }
        }

        @media (min-width: 768px) {
            
            /* .social-row-wrap {
                flex-direction: row;
                text-align: left;
            } */
            .social-headline {
                margin-bottom: 0;
                margin-right: 1.5rem;
            }
            .download-column {
                border-right: 1px solid rgba(255, 255, 255, 0.15);
            }
            .copyright-container {
                text-align: left;
            }
            .nic-badge-wrapper {
                justify-content: flex-end;
            }
        }

        @media (min-width: 992px) {
            .social-column {
                border-right: 1px solid rgba(255, 255, 255, 0.15);
            }
            /* .portal-nav-list {
                justify-content: flex-end;
            } */
        }

 /*footer new code end*/

    /* details page start here */
    .inner-page-bg-outer:after{background: url('../images/svg/bg-curve-2.svg') no-repeat center bottom/cover; bottom: -4px;}
    .overlay-content-bg-outer{padding-bottom: 300px;}
    .back-result-link-outer{display: inline-flex;align-items: center;gap: 8px;font-size: 16px;color: #fff;margin-top: 30px;}
    .back-result-link-outer img{max-width: 14px; }
    
    .back-result-link-outer:hover{text-decoration: underline; color: #fff;}

    .details-body-outer{
        padding-bottom: 30px;
        margin-top: -270px;
        position: relative;
        z-index: 10;
    }
    .details-card-outer{
        padding: 30px;
        display: flex;
        gap: 30px;
        border-radius: 12px;
        border: 1px solid #EAEAEA;
        background: #fff;
        flex-wrap: wrap;
        margin-bottom: 30px;
    }
    .details-card-outer .details-img-outer{
        height: 250px;
        width: calc(33.33% - 30px);
        overflow: hidden;
        border-radius: 15px;
    }
    .details-card-outer .details-img-outer img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .details-card-outer .details-card-content-outer{
        width: 100%;
        max-width: calc(100% - 33.33%);
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .details-card-outer .details-card-content-outer .creche-name-grid{
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
        margin-bottom: 12px;
    }
    .details-card-outer .details-card-content-outer .creche-name-grid .creche-name-outer{
        font-size: 28px;
        font-family: 'SourceSansPro-Semibold';
        color: #000;
    }
    .details-card-outer .details-card-content-outer .creche-name-grid .creche-badge-outer{
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 6px 24px;
        background: #DCFCE7;
        border: 2px solid #CAF8DA;
        border-radius: 20px;
        gap: 10px;
        color: #267B4E;
        font-size: 16px;
        font-family: 'SourceSansPro-Semibold';
    }

    .details-card-outer .details-card-content-outer .details-card-content-list{
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 40px;
        margin-bottom: 7px;
    }
    .details-card-outer .details-card-content-outer .details-card-content-list li{
        font-size: 18px;
        color: #525C6B;
        position: relative;
    }

    .details-card-outer .details-card-content-outer .details-card-content-list li:before{content:'';position:absolute;width: 1px;height: 14px;background: #7C7C7C;left: -20px;top: calc(50% - 6px);}
    .details-card-outer .details-card-content-outer .details-card-content-list li:first-child:before{display:none}
    .details-card-outer .details-card-content-outer .details-card-button-outer{
        display: flex;
        align-items: center;
        gap: 20px;
        margin-top: 16px;
    }
    .details-card-outer .details-card-content-outer .details-card-button-outer a{
        border: 2px solid #E8EAED;
        padding: 8px 16px;
        display: flex;
        align-items: center;
        gap: 15px;
        border-radius: 8px;
        font-size: 16px;
        font-family: 'SourceSansPro-Semibold';
        color: #3F495B;
    }
    .details-card-outer .details-card-content-outer .details-card-button-outer a.select-btn{
        background: #F4780A;
        color: #fff;
        border-color: #F4780A;
    }

    .detail-left-outer-bg{border-radius: 12px;background: #EBE9E6;border: 1px solid #EAEAEA;padding: 25px 0; min-height: 100%;}
    .heading-left-border{position: relative;color: #000;font-family: 'SourceSansPro-Semibold';font-size: 21px;padding-left: 15px;}
    .heading-left-border span{color: #F4780A;}
    .heading-left-border::before{content: '';position: absolute;width: 5px;height: 100%;background: #F4780A;left: 0;border-radius: 20px;}
    .left-common-outer{}
    .left-basic-detail-outer{
        padding: 0 25px 25px 25px;
        margin-bottom: 25px;
        border-bottom: 1px solid #DCD7D2;
    }
    .left-basic-detail-outer:last-child{margin-bottom: 0;border: 0;padding-bottom: 0;}
    .left-basic-detail-outer li{
        font-size: 19px;
        color: #525C6B;
        display: flex;
        justify-content: space-between;
        border-bottom: 1px solid #DCD7D2;
        padding: 10px 0;
        margin-bottom: 10px;
        font-family: 'SourceSansPro-Semibold';
    }
    .left-basic-detail-outer li:last-child{border-bottom: none;margin-bottom: 0;}
    .left-basic-detail-outer li span{
        font-family: 'SourceSansPro-Semibold';
        color: #000;
    }

    .detail-location-outer{}
    .detail-location-outer .detail-map-outer{margin-bottom: 15px;height: 301px;border-radius: 15px;border: 1px solid #DCD8D3;text-align: center;display: flex;align-items: center;justify-content: center; overflow: hidden;}
    .detail-location-outer .detail-map-outer>img{
        width: 100%;
        height: 100%;
        /* object-fit: cover; */
        overflow: hidden;
    }
    .detail-location-outer a{
        display: flex;
        width: 100%;
        align-items: center;
        justify-content: center;
        gap: 10px;
        color: #5385F5;
        font-size: 16px;
        /* font-family: 'SourceSansPro-Semibold'; */
        margin-bottom: -4px;
    }
    .detail-location-outer a img{
        width: 13px;
        margin-top: 2px;
    }

    .detail-facility-outer .row{
        gap: 20px 0;
    }
    .detail-facility-item-grid{
    
    }

    .detail-facility-item{
        width: 100%;
        overflow: hidden;
        background: #FFFFFF;
        border-radius: 20px;
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    }
    .detail-facility-item .detail-facility-item-img-link{
        position: relative;
    }
    .detail-facility-item .detail-facility-item-img-link .detail-facility-item-img-outer{
        width: 100%;
        height: 220px;
    }
    .detail-facility-item .detail-facility-item-img-link .detail-facility-item-img-outer img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .detail-facility-item .detail-facility-item-img-link .detail-facility-item-3d-link{
        background: rgba(0, 0, 0, 0.5);
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        opacity: 0;
        transition: 0.3s ease-in-out;
    }
    .detail-facility-item .detail-facility-item-img-link .detail-facility-item-3d-link a{display: flex;text-align: center;color: #fff;flex-direction: column;align-items: center;font-size: 17px;text-decoration: underline;font-family: 'SourceSansPro-Semibold';}
    .detail-facility-item:hover .detail-facility-item-img-link .detail-facility-item-3d-link{
        opacity: 1;
    }
    .detail-facility-item .detail-facility-item-img-link .detail-facility-item-3d-link a img{}
    .detail-facility-item .detail-facility-item-img-link .detail-facility-item-3d-link a .link-3d-view-outer{
        width: 50px;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: rgba(0, 0, 0, 0.5);
        padding: 5px;
        border-radius: 100px;
    }
    .detail-facility-item .detail-facility-content{
        padding: 10px;
        min-height: 65px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-family: 'SourceSansPro-Semibold';
        font-size: 18px;
        color: #525C6B;
    }


    .wh-card-2{background: #fff;border: 1px solid #EAEAEA;padding: 25px;border-radius: 12px; min-height: 100%; display: flex;
    flex-direction: column;
    justify-content: space-between;}

    .right-basic-detail-grid{
        display: flex;
        gap: 30px;
        flex-wrap: wrap;
    }
    .right-basic-detail-grid .right-basic-detail-items{
        width: calc(50% - 15px);
        color: #525C6B;
        font-size: 17px;
        text-transform: capitalize;
    }
    .right-basic-detail-grid .right-basic-detail-items .right-detail-bold-content-items{
        font-size: 18px;
        color: #000;
        font-family: 'SourceSansPro-Semibold';
        text-transform: none;
        margin-top: 4px;
    }
    .detail-admission-status{
        display: flex;
        align-items: center;
        gap: 8px;
    }
    .status-dot{
        background: #000;
        width: 14px;
        height: 14px;
        border-radius: 100px;
    }
    .status-dot.status-open{
        background: #17A34B;
    }

    .detail-doc-required-outer{
        display: flex;
        align-items: center;
        gap: 20px;
        font-size: 18px;
    }
    .detail-doc-required-outer .detail-doc-required-heading{
        font-size: 17px;
        color: #525C6B;
    }
    .detail-doc-required-outer .detail-doc-required-items{
        background: #EFF6FF;
        border: 1px solid #DEECFE;
        padding: 5px 12px;
        font-size: 15px;
        border-radius: 10px;
        color: #3D5ABB;
    }

    .right-basic-detail-grid .right-basic-detail-items .right-detail-bold-content-items.detail-public-doc-link{
        display: inline-flex;
        align-items: center;
        border: 1px solid #EAEAEA;
        border-radius: 10px;
        gap: 8px;
        padding: 10px 20px;
        color: #525C6B;
        font-size: 15px;
    }
.right-basic-detail-grid .right-basic-detail-items .right-detail-bold-content-items.detail-public-doc-link img{max-width: 15px}
    .certification-info-outer{
        background: #EFF6FF;
        border: 1px solid #DEECFE;
        padding: 5px 12px;
        font-size: 15px;
        border-radius: 10px;
        color: #3D5ABB;
        display: flex;
        align-items: center;
        gap: 8px;
        margin: 20px 0 15px 0;
    }
.certification-info-outer img{
    max-width: 15px;
}

    .quality-grade-item-content-outer{
        display: flex;
        align-items: center;
        gap: 10px;
    }
    .quality-grade-item-content-outer span{
        font-size: 28px;
        font-family: 'SourceSansPro-Bold';
        color: #15A249;
    }
    .quality-grade-item-content-outer .grade-star-outer{
        display: flex;
        align-items: center;
        gap: 5px;
        font-size: 18px;
    }


    .grade-star-outer {
    width: min-content;
    font-size: 50px;
    color: #adadad;
    position: relative;
    }

    .grade-star {
    display: flex;
    align-items: center;
    gap: 5px;
    }

    .grade-star.yellow {
    color: #FBBF24;
    }

    .grade-star-rating {
        width: var(--percent, 0%);
        height: 100%;
        overflow: hidden;
        position: relative;
        z-index: 1;
        left: 0;
    
    }

    .grade-star.grey {
    position: absolute;
    z-index: 0;
    }
    /* details page end here */

    /* Ranjan Css Start */


    /* Dropdown Start */

    .msd-dropdown .msd-btn{
        gap: 8px;
        padding: 0px;
        background: none;
        color: #7e7e7e;
        font-size: 18px;
        font-family: SourceSansPro-Semibold;
        text-align: left;
        width: 100%;
        display: flex;
        align-items: center;
        padding-left: 0;
        justify-content: space-between;
        padding-left: 0;
    }

    .msd-dropdown .msd-btn .msd-label{
        font-family: 'SourceSansPro-Regular';
        font-size: 14px;
        white-space: nowrap;
        overflow: hidden;
        line-height: normal;
    }
    .msd-dropdown .msd-btn .msd-label.msd-selected{color: #222;}

    .msd-dropdown .msd-btn i{font-size: 14px; color: #000; display:none}
    /* .msd-location-dropdown .msd-label.msd-selected {
        color: #163ECA;
        font-weight: 600;
    } */
    .msd-menu {
        border-radius: 4px;
        padding: 4px 8px;
        width: 100%;
        max-width: 100%;
    }

    .max-dropdown-width{
        width: 320px;
        max-width: initial;
        padding: 24px 8px 8px 8px;
        border-radius: 20px;
        border: 1px solid #eaeaea;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
        top: 18px !important;
        height: 350px;
        overflow: hidden;
        overflow-y: scroll;
        }

    .max-dropdown-width .location-name-list-item{
        margin-bottom: 0px;
    }

    .msd-menu .msd-search-box .msd-search{}

    .msd-item {
        cursor: pointer;
        display: flex;
        justify-content: space-between;
        padding: 8px 4px;
        border-radius: 6px;
        font-size: 16px;
        font-family: 'SourceSansPro-Regular';
    }

    .msd-item:hover {
        background: #f5f7ff;
    }

    .msd-item .msd-left{
        font-size: 16px;
        font-family: 'SourceSansPro-Bold';
        color: #4a4a4a;
        display: flex;
        align-items: center;
        gap: 8px;
        white-space: normal;
    }

    .msd-item .msd-left i{
        font-size: 13px;
        color: #163eca;
    }
    .msd-item .msd-check{
        color: #1644cc;
        font-family: 'SourceSansPro-Bold';
    }

    .msd-active {
        background: #e7f1ff;
    }

    .msd-check {
        opacity: 0;
        transition: 0.2s;
    }

    .msd-item.msd-active .msd-check {
        opacity: 1;
    }

    .msd-search-box {
        padding: 4px;
        border: 1px solid #eee;
        border-radius: 4px;
        margin-bottom: 10px;
    }

    .msd-search {
        border-radius: 6px;
        font-size: 14px;
    }

    /* Dropdown End */

    .help-facilities-grid{
        display: flex;
        align-items: center;
        padding: 20px;
        border-radius: 12px;
        margin-top: 30px;
        margin-bottom: 30px;
        border: 2px solid #0000001f;
        background: #EEF5FF;
        background: linear-gradient(90deg, rgba(238, 245, 255, 1) 0%, rgba(166, 195, 254, 1) 100%);
        border-left-color: #d1d7e0;
        border-right-color: #92abdf;
    }
    .help-facilities-grid img{
        margin-right: 26px;
    }
    .help-facilities-grid .help-facilities-content{}
    .help-facilities-grid .help-facilities-content .help-text-line-one{
        color: #000;
        font-size: 24px;
        font-family: 'SourceSansPro-Bold';
    }
    .help-facilities-grid .help-facilities-content .help-text-line-two{
        margin: 0px 0px 10px 0px;
        font-size: 18px;
        font-family: 'SourceSansPro-semiBold';
        color: #3E3E3E;
    }
    .help-facilities-grid .help-facilities-content .talk-with-people{
        font-size: 18px;
        font-family: 'SourceSansPro-semiBold';
        color: #163ECA;
    }

    .help-facilities-grid .help-facilities-content .talk-with-people i{
        margin-left: 5px;
        top: 1px;
        position: relative;
        font-size: 18px;
    }

    .profesnoal {
        border-bottom: none;
        background: #ffffff;
        gap: 10px;
        width: auto;
        padding: 10px;
        border-radius: 100px;
        z-index: 1000;
        position: relative;
        top: -80px;
        box-shadow: 0px 4px 10px rgb(0 0 0 / 13%);
        display: inline-flex;
        margin: 0 auto;
    }

    .profesnoal li {
        display: inline-flex;
    }

    .search-tab-flex-inner {
        display: flex;
    }

    /* .baby-icon-svg.active {
        background: #4565D5;
        width: 35px;
        height: 35px;
        border-radius: 100px;
    } */


    /* Nav link base style */
    .profesnoal .nav-link {
        border: none;
        background: #f1f1f1;
        color: #333;
        border-radius: 30px;
        padding: 10px 25px 10px 10px;
        font-size: 18px;
        font-family: SourceSansPro-Semibold;
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .profesnoal .nav-link.active {
        background: #163ECA;
        color: #fff;
        border: 0;
    }
    .profesnoal .nav-link.active .baby-icon-svg {
        background: #4565D5;
        width: 35px;
        height: 35px;
        border-radius: 100px;
    }

    .profesnoal .nav-link .tab-icon-svg {
        width: 35px;
        height: 35px;
        border-radius: 100px;
        color: #fff;
        filter: invert(1);
        display: inline-flex;
        justify-content: center;
        align-items: center;
        background: rgb(255 255 255 / 10%);
        padding: 7px;
        }
    .profesnoal .nav-link .tab-icon-svg img{
        max-width: 18px;
    }
    .profesnoal .nav-link:hover .tab-icon-svg{
        filter: invert(0);
    }
    .profesnoal .nav-link.active .tab-icon-svg {
        background: #4565D5;
        filter: invert(0);
    }

    .profesnoal .nav-link:hover {
        background: #2f55d4;
        color: #fff;
    }
    .profesnoal .nav-link .tab-icon-svg:hover i, .profesnoal .nav-link .tab-icon-svg:hover img {
        color: #fff;
        filter: invert(1);
    }

    .search-bar-pro {
        background: #fff;
        /* padding: 10px 15px; */
        border: 1px #EAEAEA solid;
        max-width: 1200px;
        margin: 0 auto;
        /* margin-bottom: 30px; */
        border-radius: 100px;
        display: flex;
        align-items: center;
        gap: 10px;
        flex-wrap: wrap;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    }
    .col-md-top-bar-flex-outer{
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        width: 100%;
        max-width: calc(100% - 116px);
    }
    .search-bar-pro .col-md-top-bar-flex .dropdown-name {
        font-size: 16px;
        font-family: 'SourceSansPro-Semibold';
        color: #212121;
        margin-bottom: 0;
        line-height: normal;
        display: flex;
        align-items: center;
        gap: 6px;
    }






    .search-bar-pro .search-location-heading {
        font-size: 16px;
        /* margin-bottom: 4px; */
        color: #222;
        font-family: 'SourceSansPro-Semibold';
        line-height: normal;
    }
.search-bar-pro .col-md-top-bar-flex .dropdown-name i, .search-bar-pro .search-location-heading i{color: #4282c3;/* display: none; */font-size: 18px;}
    .search-bar-pro .form-control,
    .search-bar-pro .form-select {
        border: none;
        font-size: 16px;
        color: #7C7C7C;
        box-shadow: none;
        font-family: SourceSansPro-Regular;
        padding: 0;
        background-color: inherit;
    }



    .search-bar-pro .col-md-top-bar-flex {
        position: relative;
        width: 16.66%;
        padding: 0 20px;
    }
    .search-bar-pro .col-md-top-bar-flex:first-child{padding-left: 0}
    .search-bar-pro .col-md-top-bar-flex:nth-child(5):after, .search-bar-pro .col-md-top-bar-flex:nth-child(6):after{display:none}
    .search-bar-pro .col-md-top-bar-flex:nth-child(6){
        display: inline-flex;
        justify-content: flex-end;
        padding-right: 0;
        width: 10%;
    }

    .search-bar-pro .col-md-top-bar-flex::after {
        content: "";
        position: absolute;
        right: 0px;
        top: calc(50% - 15px);
        height: 30px;
        width: 1px;
        background: rgb(0 0 0 / 15%);
    }

    /* Search button */
.filter-search-btn{
    padding-right: 10px;
}
    .search-btn {
        background: #ff7a00;
        color: #fff;
        padding: 6px;
        border: none;
        font-size: 18px;
        font-family: SourceSansPro-Semibold;
        gap: 14px;
        border-radius: 100px;
        width: 46px;
        height: 46px;
        display: inline-flex;
        align-items: center;
        justify-content: space-around;
    }

    .filter-search-btn .search-btn.reset-btn{background: #8b9dbb;}

    .search-btn:hover {
        background: #e96d00;
    }

    .card-location-grid {}




    .card-location-grid .left-location-card .card-location-heading {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 20px;
    }

    .card-location-grid .right-location-card .card-location-heading {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 20px;
    }

    .card-location-grid .left-location-card .card-location-heading .city-name {
        font-size: 24px;
        font-family: SourceSansPro-bold;
        margin-bottom: 0;
        position: relative;
        padding-left: 15px;
    }

    .card-location-grid .right-location-card .card-location-heading .city-name {
        font-size: 24px;
        font-family: SourceSansPro-bold;
        margin-bottom: 0;
        position: relative;
        padding-left: 15px;
    }

    .card-location-grid .left-location-card .card-location-heading .city-name:before {
        content: "";
        position: absolute;
        right: 0px;
        top: 4px;
        bottom: 0;
        left: 0;
        height: 50px;
        width: 5px;
        background: #F4780A;
        border-radius: 20px;
    }

    .card-location-grid .right-location-card .card-location-heading .city-name:before {
        content: "";
        position: absolute;
        right: 0px;
        top: 0px;
        bottom: 0;
        left: 0;
        height: 100%;
        width: 5px;
        background: #F4780A;
        border-radius: 20px;
    }

    .card-location-grid .left-location-card .card-location-heading .city-name .city-name-inner {
        display: block;
    }

    .card-location-grid .left-location-card .card-location-heading .right-mini-box {
        background: #F3F7FA;
        padding: 10px 24px;
        font-size: 18px;
        display: flex;
        align-items: center;
        gap: 12px;
        border-radius: 10px;
    }

    .card-location-grid .right-location-card .card-location-heading .right-mini-list {
        padding: 0px 0px;
        font-size: 18px;
        display: flex;
        align-items: center;
        gap: 12px;
        border-radius: 10px;
    }

    .card-location-grid .right-location-card .card-location-heading .right-mini-list select {
        border: 0;
        font-size: 16px;
        font-family: SourceSansPro-semibold;
        padding: 0px 22px 0 5px;
        background-position: right;
        background-color: #fff;
    }

    .card-location-grid .left-location-card .card-location-heading .right-mini-box .public-box {
        font-size: 18px;
        margin-bottom: 0;
        font-family: SourceSansPro-Semibold;
    }

    .card-location-grid .left-location-card .card-location-heading .right-mini-box .public-box {
        font-size: 18px;
        margin-bottom: 0;
        font-family: SourceSansPro-Semibold;
    }

    .card-location-grid .left-location-card .card-location-heading .right-mini-box .public-box img,
    .card-location-grid .left-location-card .card-location-heading .right-mini-box .private-box img {
        margin-right: 3px;
    }

    .card-location-grid .left-location-card .card-location-heading .right-mini-box .private-box {
        font-size: 18px;
        margin-bottom: 0;
        font-family: SourceSansPro-Semibold;
    }

    .creche-main-grid-outer {
        border: 1px #EAEAEA solid;
        border-radius: 11px;
    }

    .left-location-card .creche-grid {
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-radius: 10px 10px 0px 0px;
        overflow: hidden;
    }
    .creche-main-grid-outer .map-view{overflow: hidden; height: 570px;}
    .map-view img{width: 100%;}

    .left-location-card .creche-grid .creche-grid-team {
        display: flex;
        align-items: center;
        width: 100%;
    }

    .left-location-card .creche-grid .color-team-a {
        background: rgb(22 62 202 / 15%);
        padding: 10px 25px;
        gap: 20px;
    }

    .left-location-card .creche-grid .color-team-b {
        background: rgb(1 163 56 / 15%);
        padding: 10px 25px;
        gap: 20px;
    }

    .left-location-card .creche-grid .color-team-c {
        background: rgb(148 6 250 / 15%);
        padding: 10px 25px;
        gap: 20px;
    }

    .left-location-card .creche-grid .creche-grid-team img {}

    .left-location-card .creche-grid .creche-grid-team .creche-grid-content {
        font-size: 16px;
        font-family: SourceSansPro-Semibold;
        color: #535969;
    }

    .left-location-card .creche-grid .creche-grid-team .creche-grid-content .creche-number {
        display: block;
        font-size: 20px;
        font-family: SourceSansPro-bold;
        color: #000;
        line-height: normal;
    }

    .right-location-card .list-grid-outer-main-kids {
        border: 2px #B3C1ED solid;
        background: #F7FBFF;
        border-radius: 10px;
        padding: 12px;
        margin-bottom: 16px;
    }

    .right-location-card .button-grid-main{text-align: center;margin-top: 30px;margin-bottom: 0;}
    .right-location-card .button-grid-main .view-more-text-panel{
        font-size: 17px;
        font-family: SourceSansPro-Semibold;
        color: #163ECA;
        margin-bottom: 16px;
    }
    .compare-button.de-btn{
        background: #F4780A;
        border: 0;
        border-radius: 10px;
        padding: 9px 18px;
        font-family: SourceSansPro-Semibold;
        color: #fff;
        font-size: 17px;
        display: inline-flex;
        align-items: center;
        gap: 8px;
    }



    .list-grid-outer-main-kids {}

    .list-grid-outer-main-kids .main-list-inner-top-one {
        display: flex;
        align-items: start;
        gap: 15px;
    }

    .list-grid-outer-main-kids .main-list-inner-top-one .check-box-uncheck {
        display: flex;
        align-items: center;
        gap: 10px;
        width: 180px;
    }
    .list-grid-outer-main-kids .main-list-inner-top-one .both-div-flex{
        width: calc(100% - 200px);
    }
    .list-grid-outer-main-kids .main-list-inner-top-one .check-box-uncheck .check-input-kids {
        padding: 10px;
    }
    .non-border{border: 2px #b3c1ed00 solid !important;}
    .list-grid-outer-main-kids .main-list-inner-top-one .check-box-uncheck .check-input-kids img {}

    .list-grid-outer-main-kids .main-list-inner-top-one .list-content-section-main {
        margin-bottom: 14px;
    }

    .list-grid-outer-main-kids .main-list-inner-top-one .list-content-section-main .list-km-details {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .list-grid-outer-main-kids .main-list-inner-top-one .list-content-section-main .list-km-details .list-kid-text {
        font-size: 18px;
        font-family: SourceSansPro-Bold;
        color: #434242;
    }

    .list-grid-outer-main-kids .main-list-inner-top-one .list-content-section-main .list-km-details .list-kid-text .kids-km {
        display: block;
        font-size: 15px;
        font-family: SourceSansPro-Regular;
    }

    .list-grid-outer-main-kids .main-list-inner-top-one .list-content-section-main .list-km-details .km-box {
        font-size: 15px;
        font-family: SourceSansPro-Semibold;
        background: #ECEEF2;
        padding: 8px 15px;
        border-radius: 20px;
    }

    .list-grid-outer-main-kids .main-list-inner-top-one .list-of-kids-city-details {
        display: flex;
        align-items: center;
        gap: 12px;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .list-grid-outer-main-kids .main-list-inner-top-one .list-of-kids-city-details .kids-box-team {
        font-size: 16px;
        font-family: SourceSansPro-Semibold;
    }

    .list-grid-outer-main-kids .main-list-inner-top-one .list-of-kids-city-details .color-kid-round-a {
        color: #CF813C;
        background: #FEF3C6;
        padding: 5px 15px;
        border-radius: 20px;
    }

    .list-grid-outer-main-kids .main-list-inner-top-one .list-of-kids-city-details .color-kid-round-b {
        color: #163ECA;
        background: rgb(22 62 202 / 15%);
        padding: 5px 15px;
        border-radius: 20px;
    }

    .list-grid-outer-main-kids .main-list-inner-top-one .list-of-kids-city-details .color-kid-round-c {
        color: #8044CE;
        border-radius: 20px;
        background: rgb(148 6 250 / 14%);
        padding: 5px 15px;
    }

    .list-grid-outer-main-kids .main-list-inner-top-one .list-of-kids-city-details .color-kid-round-d {
        color: #01A338;
        background: rgb(1 163 56 / 15%);
        padding: 5px 15px;
        border-radius: 20px;
    }
    .list-grid-outer-main-kids .main-list-inner-top-one .list-of-kids-city-details .color-kid-round-d img{max-width: 15px;}
    .score-panel-box{
        display: flex;
        align-items: center;
        gap: 30px;
        /* background: #FEF6F0; */
        width: 100%;
        /* padding: 12px 12px; */
        /* border-radius: 12px; */
        /* border: 2px #FEE1C2 solid; */
        gap: 20px;
    }
    .score-panel-box .complaints-received-content-panel{
        width: calc(50% - 15px);
    }
    .score-panel-box .complaints-received-content-panel .month-text-panel{
        color: #525C6B;
        font-size: 17px;
        font-family: SourceSansPro-Regular;
        margin-bottom: 5px;
    }
    .score-panel-box .complaints-received-content-panel .resolved-text-mini-panel-outer{
        color: #F4780A;
        font-size: 18px;
        font-family: 'SourceSansPro-Bold';
        display: flex;
        align-items: center;
        gap: 8px;
        margin: 0;
    }
    .score-panel-box .complaints-received-content-panel .resolved-text-mini-panel-outer .resolved-text-mini-panel{
        font-size: 18px;
        color: #15A249;
        font-family: 'SourceSansPro-Semibold';
        display: inline-flex;
        align-items: center;
        gap: 4px;
    }
    .score-panel-box .complaints-received-content-panel .resolved-text-mini-panel-outer .resolved-text-mini-panel img{max-width: 15px;}
    .score-panel-box .complaints-received-content-panel-right{
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }
    .score-panel-box .complaints-received-content-panel-right .parent-feedback-score-text-panel{
        font-size: 17px;
        font-family: 'SourceSansPro-Semibold';
        margin-bottom: 0;
        color: #202135;
    }
    .score-panel-box .complaints-received-content-panel-right .reviews-mini-text-panel{
        font-size: 15px;
        font-family: 'SourceSansPro-Regular';
        margin: 0;
        color: #525C6B;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
.score-panel-box .complaints-received-content-panel-right .reviews-mini-text-panel .detail-rating-content-outer{width: 100%;text-align: center;}

    .score-panel-box .complaints-received-content-panel-right .reviews-mini-text-panel i{
        color: #fbbf24;
        font-size: 16px;
    }
    .score-panel-box .complaints-received-content-panel-right .reviews-mini-text-panel i:nth-child(5){margin-right: 8px;}
    .score-panel-box .complaints-received-content-panel-right .reviews-mini-text-panel span{font-family: 'SourceSansPro-Semibold';}

    .star-kids-wh-card{
        /* margin-top: 25px; */
    }
    .star-kids-wh-card .star-kids-top-panel{
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .star-kids-wh-card .star-kids-top-panel .star-kids-text-line{}
    .star-kids-wh-card .star-kids-top-panel .star-kids-text-line .star-kids-creche-span-top{
        font-size: 24px;
        color: #F4780A;
        font-family: 'SourceSansPro-Semibold';
    }
    .star-kids-wh-card .star-kids-top-panel .view-all-text-top{
        font-size: 16px;
        color: #5385F5;
        /* font-family: 'SourceSansPro-Semibold'; */
        margin: 0;
        text-decoration: underline;
        margin-right: 100px;
        margin-top: -10px;
    }
    .star-kids-wh-card .details-of-workplace-content-main {
        display: flex;
        align-items: center;
        gap: 28px;
        flex-wrap: wrap;
        position:relative;
    }

.star-kids-wh-card .details-of-workplace-content-main .owl-carousel{position:inherit}
.star-kids-wh-card .details-of-workplace-content-main .owl-carousel .owl-nav{
    top: -45px;
    bottom: auto;
}
    .star-kids-wh-card .details-of-workplace-content-main .details-of-workplace-content-main-inner{
        background: #F9FAFB;
        padding: 20px;
        border-radius: 15px;
        border: 1px #EDEEF1 solid;
        /* width: calc(33% - 15px); */
    }
    .star-kids-wh-card .details-of-workplace-content-main .details-of-workplace-content-main-inner .image-star-mark-mini-panel{
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .star-kids-wh-card .details-of-workplace-content-main .details-of-workplace-content-main-inner .image-star-mark-mini-panel img{}
    .star-kids-wh-card .details-of-workplace-content-main .details-of-workplace-content-main-inner .image-star-mark-mini-panel .star-mark-row-panel{
        font-size: 20px;
        font-family: 'SourceSansPro-Bold';
        margin: 0;
    }
    .star-kids-wh-card .details-of-workplace-content-main .details-of-workplace-content-main-inner .image-star-mark-mini-panel .star-mark-row-panel i{
        color: #FDC500;
        font-size: 18px;
        margin-right: 5px;
    }
    .star-kids-wh-card .details-of-workplace-content-main .details-of-workplace-content-main-inner .star-kids-paragraph-line{
        color: #535969;
        font-size: 16px;
        font-family: 'SourceSansPro-Regular';
        margin: 20px 0;
        text-align: justify;
        min-height: 116px;
    }
    .star-kids-wh-card .details-of-workplace-content-main .details-of-workplace-content-main-inner .horzental-row-star-kids-line{
        color: #929292;
    }
    .star-kids-wh-card .details-of-workplace-content-main .details-of-workplace-content-main-inner .name-location-deatils-star-kids{
        display: flex;
        align-items: center;
        padding-top: 20px;
        border-top: 1px solid #EAEAEA;
    }
    .star-kids-wh-card .details-of-workplace-content-main .details-of-workplace-content-main-inner .name-location-deatils-star-kids img{
        margin-right: 15px;
    }
    .star-kids-wh-card .details-of-workplace-content-main .details-of-workplace-content-main-inner .name-location-deatils-star-kids .name-location-details-text-panel{
        font-size: 16px;
        font-family: 'SourceSansPro-Bold';
    }
    .star-kids-wh-card .details-of-workplace-content-main .details-of-workplace-content-main-inner .name-location-deatils-star-kids .location-text-bottom-name{
        display: block;
        color: #535969;
        font-family: 'SourceSansPro-Regular';
    }

    /* Ranjan Css End */

    .inner-body-outer{padding: 50px 0; min-height: calc(100vh - 534px);}
    .card-outer{
        background: #fff;
        border: 1px solid #EAEAEA;
        padding: 25px;
        border-radius: 12px;
        margin-bottom: 24px;
    }
    .card-outer .card-header{}
    .card-outer .card-header h2{
        margin: 0;
    }
    .card-outer .card-body{}

    .form-error {
        font-size: 14px;
        color: #bf1a2a;
        margin-top: 3px;
        width: 100%;
        margin-bottom: 0;
    }

    .input-note,.upload-note {
        font-size: 13px;
        color: #525C6B;
        margin-top: 3px;
        width: 100%;
        margin-bottom: 0;
    }
    .input-note{font-weight: 500;}
    .upload-note {color: #777789;/* font-family: 'SourceSansPro-Semibold'; */}
    .creche-btn{
        padding: 7px 15px;
        /* font-family: 'SourceSansPro-Semibold'; */
        font-size: 15px;
        border-radius: 8px;
        color: #fff;
        border: 1px solid rgba(0, 0, 0, 0.02);
    }
    small.text-info.smaller {
        font-size: 13px;
        color: #F8802A !important;
        margin-top: 4px;
        display: block;
    }
    button.btn.btn-warning-fetch {
        background-color: #F8802A;
        font-size: 14px;
        border-radius: 0 8px 8px 0;
        padding: 12px;
        width: 45px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }
    button.btn.btn-warning-fetch i{color: #fff;}
    .upload-area {
        display: block;
        position: relative;
        cursor: pointer;
        overflow: hidden;
        width: 100%;
        max-width: 100%;
        padding: 6px;
        font-size: 14px;
        line-height: 22px;
        color: #777;
        background-color: #FFF;
        background-image: none;
        text-align: center;
        border: 2px dashed #E5E5E5;
        border-radius: 8px;
        -webkit-transition: border-color .15s linear;
        transition: border-color .15s linear;
        }

    .upload-area:hover {
        padding: 6px 10px;
        background-size: 30px 30px;
        background-image: -webkit-linear-gradient(135deg, #F6F6F6 25%, transparent 25%, transparent 50%, #F6F6F6 50%, #F6F6F6 75%, transparent 75%, transparent);
        -webkit-animation: stripes 2s linear infinite;
        animation: stripes 2s linear infinite;
        }
    .preview-grid {
        display: flex;
        flex-wrap: wrap;
        gap: 15px;
        justify-content: center;
        width: 100%;
        padding: 10px;
    }
    .preview-item {
        position: relative;
        border-radius: 8px;
        overflow: hidden;
        border: 1px solid rgba(0, 0, 0, 0.1);
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    }
    .preview-item img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    /* Facility Custom Checkbox UI - Pill Style */
    .custom-checkbox-group {
        display: flex;
        gap: 15px;
        flex-wrap: wrap;
    }

    .custom-checkbox-group .check-pill input[type="checkbox"] {
        display: none;
    }

    .custom-checkbox-group .check-pill {
        position: relative;
        cursor: pointer;
        margin: 0;
    }
    .custom-checkbox-group .check-pill span {
        display: inline-block;
        padding: 8px 18px;
        border-radius: 8px;
        background-color: rgb(0 0 0 / 4%);
        color: #4d4d4d;
        font-size: 15px;
        border: 1px solid #E2E8F0;
        transition: all 0.25s ease;
        min-height: 45.5px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-family: 'SourceSansPro-SemiBold';
    }
    /* Square Checkbox Indicator inside the pill */
    .check-pill span::before {
        content: "\f0c8"; /* Font Awesome Square Regular */
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        font-size: 16px;
        color: #adb5bd;
        margin-right: 10px;
        transition: all 0.3s ease;
    }

    .check-pill input:checked + span::before {color: #fff; content: "\f14a";}

    /* Hover Effect */
    .check-pill:hover span {
        background-color: #fff1e5;
        /* color: #fff; */
    }

    /* Checked State */
    .check-pill input:checked + span {
        background-color: #F4780A;
        color: white;
        box-shadow: 0 4px 12px rgba(242, 101, 34, 0.25);
    }

    .error-msg {
        color: var(--error-red);
        font-size: 0.8rem;
        margin-top: 5px;
        display: flex;
        align-items: center;
    }

    .error-msg i {
        margin-right: 5px;
    }

    .geo-btn {
        background-color: #F4780A;
        color: white;
        border: none;
        border-radius: 0 6px 6px 0;
        padding: 0 15px;
    }

        /* Inline OTP Styling */

        .otp-group-outer{}
    .otp-group-outer .btn-otp{
        background-color: #163ECA;
        color: white;
        text-transform: uppercase;
        padding: 4px 12px;
        border-radius: 0;
        font-family: 'SourceSansPro-SemiBold';
        font-size: 12px;
        border: 0;
        position: absolute;
        top: 7px;
        right: 4px;
        border-radius: 6px !important;
        z-index: 5;
    }
    .otp-group-outer .btn-otp:disabled{background: #01a338;opacity: 1;}

    .otp-inline-wrapper {
        margin-top: 5px;   
        border-radius: 8px;
        display: none;
    }

    .otp-container {
        display: flex;
        gap: 10px;
        margin: 15px 0 5px 0;
        position: relative;
        z-index: 100;
    }

    .otp-input {
        width: 40px;
        height: 40px;
        text-align: center;
        font-size: 20px;
        font-family: 'SourceSansPro-SemiBold';
        padding: 0;
    }

    .otp-input:focus {
        border-color: #F4780A;
        outline: none;
        box-shadow: 0 0 3px rgba(242, 101, 34, 0.3);
    }

    .resend-otp-link {
        font-size: 0.8rem;
        color: #F4780A;
        text-decoration: none;
        cursor: pointer;
        font-family: 'SourceSansPro-regular';
        font-size: 14px;
    }

    .resend-otp-link.disabled {
        color: #999;
        cursor: not-allowed;
        text-decoration: none;
    }

    .btn-confirm-otp {
        background-color: #01A338;
        color: white;
        border: none;
        padding: 6px 16px;
        border-radius: 8px;
        font-family: 'SourceSansPro-regular';
        font-size: 14px;
    }
    
    .modal-header h5{
        font-family: 'SourceSansPro-Regular';
        font-size: 20px;
        margin: 0;
    }

    .modal-footer.btn-creche-outer {
        justify-content: space-between;
    }
    .modal-footer .btn{
        font-family: 'SourceSansPro-Regular';
        font-size: 14px;
        color: #fff;
        border-radius: 8px;
        padding: 6px 12px;
    }
    .btn-back-review {
        background-color: #163ECA;
    }
    .btn-submit-final {
        background-color: #F4780A;
    }

    .form-note{
        background: #EFF6FF;
        border: 1px solid #DEECFE;
        padding: 8px 16px;
        border-radius: 10px;
        color: #3D5ABB;
        display: flex;
        align-items: center;
        gap: 8px;
        margin: 0 0 15px 0;
    }
    .form-note img{}
    .form-note p{margin: 0;/* font-family: 'SourceSansPro-Semibold'; */font-size: 16px;}
    /*Registration start*/
    .inner-banner-name-left h4 {
        font-size: 40px;
        font-family: 'SourceSansPro-Bold';
        color: #ffffff;
        margin: 0px;
        text-align: left;
    }
    .inner-banner-breadcrumb-outer {
        display: flex;
        align-items: center;
        justify-content: right;
    }
    .breadcrumb-nav .breadcrumb {
        background: rgba(0, 0, 0, 0.2); 
        border: 1px solid rgb(255 255 255 / 20%);
        margin: 0px;
        padding: 8px 15px;
        list-style: none;
        border-radius: 8px;
        display: inline-flex;
        align-items: center;
        justify-content: flex-start;
        flex-wrap: wrap;
    }
    .breadcrumb-nav .breadcrumb li {
        font-size: 15px;
        color: rgb(255, 255, 255);
        margin-right: 2px;
        position: relative;
    }
    .breadcrumb-nav .breadcrumb li a {
        color: rgb(255, 255, 255);
        font-size: 15px;
    }
    .breadcrumb-item+.breadcrumb-item::before {
        float: left;
        padding-right: .5rem;
        color: #ffffff;
        content: var(--bs-breadcrumb-divider, "/");
    }

    /* login start */
    /* Wrapper */
    .auth-wrapper {
        /* width: 100%; */
        /* max-width: 1100px; */
    }

    /* Tabs */

    .login-content-grid{max-width: 1480px;margin: 0 auto;display: flex;align-items: center;justify-content: center;gap: 60px;}

    .login-left-grid{width: 45%;}
    .login-right-grid{width: 47%;overflow: hidden;border-radius: 20px;}
    .login-right-grid .item img{border-radius: 20px;}

    .password-options{
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: 4px;
        gap: 12px;
        flex-wrap: wrap;
    }

    .password-options .form-check-label{font-size: 14px;}
    .custom-tabs {
        border: 0;
        display: flex;
    }

    .custom-tabs .nav-item {
        flex: 1;
    }

    .custom-tabs .nav-link {
        width: 100%;
        border: 0;
        border-radius: 20px 20px 0 0;
        color: #525C6B;
        font-size: 18px;
        font-weight: 700;
        padding: 16px 10px;
        transition: .3s ease;
        background: no-repeat;
        font-family: SourceSansPro-Semibold;
    }

    .custom-tabs .nav-link:hover {
        /* color: #fff; */
        background: #ffe5ce;
    }

    .custom-tabs .nav-link.active {
        background: #F4780A;
        color: #fff;
    }


    /* Card */
    .auth-card {
        background: #fff;
        border-radius: 0 0 20px 20px;
        padding: 10px 60px;
        box-shadow: 0 12px 24px rgba(0, 0, 0, .04);
        border-top: 2px solid #f4780a;
        display: flex;
        align-items: center;
        min-height: 650px;
    }

    /* Heading */
    .auth-title {
        font-size: 24px;
        margin-bottom: 5px;
        color: #000;
        font-family: 'SourceSansPro-Semibold';
    }

    .auth-subtitle {
        font-size: 16px;
        color: #525C6B;
        margin-bottom: 30px;
    }


    .toggle-password {
        position: absolute;
        top: 12px;
        right: 16px;
        border: 0;
        background: transparent;
        color: #555;
        font-size: 24px;
        z-index: 3;
        padding: 0;
    }

    /* Remember */
    .password-options {
    }

    .form-check-label {
        font-size: 16px;
        color: #525a6b;
    }

    /* Links */
    .forgot-link {
        color: #F4780A;
        font-size: 14px;
        text-decoration: none;
        font-family: 'SourceSansPro-Semibold';
    }

    .forgot-link:hover,
    .resend-link:hover,
    .register-link:hover {
        text-decoration: underline;
    }

    .login-input-outer{display: flex;align-items: center;background: rgb(0 0 0 / 4%);border: 1px solid rgb(0 0 0 / 8%);border-radius: 8px;padding: 15px 16px; position: relative;}
    .login-input-outer .input-icon-outer{
        width: 32px;
        display: flex;
        align-items: center;
        position: relative;
    }

    .login-input-outer .input-icon-outer:after{content:'';position: absolute;background: rgba(66, 66, 66, .8);width: 2px;height: 13px;right: 0;}
    .login-input-outer .form-control, .login-input-outer .form-select{background-color: rgba(0, 0, 0, 0);border: none;border-radius: 0;padding: 0 10px;margin-top: -1px;}

    .otp-group-outer{}
    .otp-group-outer .otp-group-grid{
        display: flex;
        justify-content: space-between;
        gap: 10px;
    }
    .otp-group-outer .otp-group-grid .otp-input{
            display: block;
            background-color: rgb(0 0 0 / 4%);
            background-clip: padding-box;
            border: 1px solid rgb(0 0 0 / 8%);
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
            border-radius: 8px;
            width: 60px;
            height: 60px;
            text-align: center;
            font-size: 22px;
            color: #000;
            font-family: SourceSansPro-Semibold;
    }

    .otp-extra-options{
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: 4px;
        gap: 12px;
        flex-wrap: wrap;
    }
    .otp-extra-options .resend-link{
        font-size: 14px;
        color: #525a6b;
    }
    .otp-extra-options .resend-timer{
        color: #F4780A;
        font-size: 14px;
        font-family: SourceSansPro-Semibold;
        display: flex;
        align-items: center;
        gap: 4px;
    }

    .login-btn-grid{
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        margin: 30px 0;
    }
    .forgot-btn-grid {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 20px;
    }

    .forgot-btn-grid .creche-btn{
        height: 48px;
        padding: 10px 30px;
        font-size: 16px;
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .forgot-btn-grid .creche-btn i{font-size: 15px;}
    .login-btn-grid .creche-btn{
        height: 48px;
        padding: 10px 60px;
        font-size: 16px;
        display: flex;
        align-items: center;
        gap: 16px;
    }
    .login-btn-grid .or-divider{
        position: relative;
        flex: 1;
        text-align: center;
    }
    .login-btn-grid .or-divider:before{
        content:'';
        position: absolute;
        width: 100%;
        height: 1px;
        left: 0;
        top: calc(50% + 0.5px);
        background: #D7D7D7;
    }
    .login-btn-grid .or-divider b{
        background: #fff;
        position: relative;
        padding: 0 8px;
        font-size: 13px;
    }
    .login-btn-grid .google-btn, .forgot-btn-grid .google-btn{
        padding: 10px 24px;
        border-color: #D4D4D4;
        background: #fff;
        color: #525C6B;
    }

    .have-acc-outer{
        font-size: 14px;
        text-align: center;
    }
    .have-acc-outer a{
        color: #f4780a;
        font-family: 'SourceSansPro-Semibold';
    }
    /* login end */

    .login-right-grid{}
    .login-right-grid .owl-carousel .owl-nav{
        background: #efdcb6;
        border-radius: 20px 0 0 0;
        box-shadow: -4px -4px 14px rgba(0, 0, 0, 0.3);
    }
    .login-right-grid .owl-carousel .owl-nav .owl-next,
    .login-right-grid .owl-carousel .owl-nav .owl-prev{
        background: none;
        border: 0;
    }

    #forgot-password-section { display: none; width: 100%;}
    a#back-to-login i {
        color: #f4780a;
        font-size: 14px;
    }

    .auth-card, .auth-card-outer{
        background: #fff;
        border-radius: 20px;
        padding: 10px 60px;
        box-shadow: 0 12px 24px rgba(0, 0, 0, .04);
        display: flex;
        align-items: center;
        /* min-height: 595px; */
        min-height: 687px;
    }
    .auth-card {
        border-top: 2px solid #f4780a;
        border-radius: 0 0 20px 20px;
    }
    /* .auth-card-outer{min-height: 600px;} */

    .reset-password-section {
        width: 100%;
    }
    .captcha-outer{
        display: flex;
        align-items: center;
    }
    .captcha-outer .captcha-image-style{
        width: 110px;
        margin-right: 10px;
        height: 46px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border: 1px solid rgb(0 0 0 / 8%);
        border-radius: 8px;
        overflow: hidden;
        padding: 5px;
    }
    .captcha-outer .captcha-image-style img{}
    .captcha-outer .form-control{
        width: calc(100% - 166px);
        border-radius: 8px 0 0 8px;
    }
    .captcha-outer .captcha-refresh{width: 46px;height: 46px;background: #694AC7;border: 0;color: #fff;border-radius: 0 8px 8px 0;}
    .captcha-outer .captcha-refresh i{}

    .ticket-no-content-grid{}
    .ticket-no-content-grid .ticket-number-content{
        margin: 7px 0;
        font-size: 18px;
    }
    .ticket-no-content-grid .heading-left-border{font-size: 20px;}
    .ticket-no-content-grid .ticket-number-content span, .info-value.forward{font-family: SourceSansPro-Semibold; color: #f4780a;}

    .ticket-no-content-grid .alert{padding: 8px 16px;font-size: 14px;border-radius: 8px;}

    /* Hero Section */
            .page-header {text-align: center;}

            .page-header h2 {
                font-family: 'SourceSansPro-Semibold';
                color: #000;
            }
        .tracking-outer{
            width: 100%;
            max-width: 1100px;
            margin: 0 auto;
            }
            /* Modern Search Bar */
            .search-wrapper {
                background: white;
                padding: 8px;
                border-radius: 12px;
                box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1);
                display: flex;
                max-width: 600px;
                margin: 0 auto 30px;
                flex-wrap: wrap;
            }

            .search-wrapper input {
                border: none;
                flex: 1 1 200px;
                padding: 12px 15px;
                outline: none;
                font-size: 1rem;
                min-width: 0;
                font-family: 'SourceSansPro-Regular';
            }
            
    
            .search-wrapper button.button-search {
                background: #163ECA;
                color: white;
                border: none;
                border: none;
                padding: 12px 25px;
                border-radius: 8px;
                font-family: 'SourceSansPro-Regular';
                transition: all 0.2s;
            }

            /* Main Info Card */
            .info-panel {
            border-left: 6px solid #f4780a;
            }

            .info-grid {
                display: grid;
                grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
                gap: 20px;
            }

            .info-label {
                margin-bottom: .5rem;
                color: #525C6B;
                font-size: 16px;
                font-family: SourceSansPro-Semibold;
                width: 100%;
            }

            .info-value {
                font-family: 'SourceSansPro-Semibold';
                font-size: 20px;
                color: #000;
            }

            /* Vertical Timeline */
            .timeline {
                position: relative;
                padding: 20px 0;
            }

            .timeline::before {
                content: '';
                position: absolute;
                left: 20px;
                top: 40px;
                bottom: 160px;
                width: 1px;
                border-left: 2px dotted #f7cb74;
            }

            .timeline-item {
                position: relative;
                padding-left: 60px;
            }

            .timeline-marker {
                position: absolute;
                left: 0;
                width: 42px;
                height: 42px;
                border-radius: 50%;
                background: white;
                border: 3px solid #cbd5e1;
                display: flex;
                align-items: center;
                justify-content: center;
                z-index: 10;
                    top: 15px;
            }

            .timeline-item.active .timeline-marker {
                border-color: #f4780a;
                color: #f4780a;
            }

            .timeline-item.completed .timeline-marker {
                background: #10b981;
                border-color: #10b981;
                color: white;
            }
            .timeline-item.pending .timeline-marker {
                border-color: #CF813C;
                color: #CF813C;
            }
        .timeline-marker.rejected {
                border-color: #bf1a2a;
                color: #bf1a2a;
            }


            .timeline-content {
                background: #fff;
                border: 1px solid #EAEAEA;
                padding: 15px 20px;
                border-radius: 12px;
                margin-bottom: 24px;
            }

            .timeline-header {
                display: flex;
                justify-content: space-between;
                align-items: flex-start;
                margin-bottom: 15px;
                border-bottom: 1px solid #f1f5f9;
                padding-bottom: 10px;
                flex-direction: column;
                gap: 10px;
            }

            .status-pill {
                font-size: 13px;
                padding: 4px 12px;
                border-radius: 100px;
                font-family: SourceSansPro-Semibold;
            }

            .pill-pending { background: #fef3c7; color: #92400e; }
            .pill-success { background: #d1fae5; color: #065f46; }
            .pill-info {color: #163ECA; background: rgb(22 62 202 / 15%); }
            .pill-danger {
                background: #fee2e2;
                color: #991b1b;
            }

            .action-by {
                color: #525C6B;
                font-family: SourceSansPro-Semibold;
            }

            .remark-text {
                color: #525C6B;
                margin: 0;
            }

        .timeline-content .pdf-date {
                margin-top: 10px;
                display: flex;
                justify-content: space-between;
            }
            .date-text {
                font-size: 14px;
                color: #7e7e7e;
                display: block;
                text-align: right;
            }

            .btn-download {
                padding: 3px 9px;
                display: inline-block;
                border-radius: 6px;
                color: #163ECA;
                background: rgb(22 62 202 / 15%);
                margin-top: 10px;
            }

            .btn-download:hover {
                color: #163ECA;
                text-decoration: none;
            }


    .pincode-outer{}
    .pincode-outer .select2-container--default .select2-selection--single{padding: 8px 16px;font-size: 1rem;font-weight: 400;color: #424242;background-color: rgb(0 0 0 / 4%);background-clip: padding-box;border: 1px solid rgb(0 0 0 / 8%);border-radius: 8px;height: 46px;}
    .pincode-outer .select2-container--default .select2-selection--single .select2-selection__arrow{top: 10px;}
    .pincode-outer .select2-container--default .select2-selection--single .select2-selection__rendered{padding-left: 0}

    .upload-area .doc-preview{font-size: 15px;background-color: #eff6ff !important;color: #3D5ABB;border: 1px solid #DEECFE !important;border-radius: 5px !important;padding: 12px 12px 13px 12px !important;font-family: SourceSansPro-Semibold;width: 100%;}
    .upload-area .preview-grid{
        padding: 0;
        min-height: 49px;
    }
    .upload-area .preview-grid .preview-item .preview-image-box .text-center{opacity: 0;}
    .upload-area .preview-grid .preview-item .preview-image-box{
        width: 49px;
        height: 49px;
    }
    .new-swal-popup-container{}
    .new-swal-popup{padding: 0 40px 40px 40px;}
    .new-swal-popup .swal2-title{padding: 10px 0 0 0; font-family: 'SourceSansPro-Semibold'; color: #212121;}
    .new-swal-popup .swal2-actions{margin: 0;}
    .new-swal-popup .ticket-number-content{font-family: 'SourceSansPro-Semibold';color: #212121;font-size: 18px;background: #ffffff;margin: 4px 0;padding: 12px;/* border-radius: 10px; */border-bottom: 1px dotted #F4780A;}
    .new-swal-popup .ticket-number-content:last-child{border-bottom: 0}
    .new-swal-popup .ticket-number-content span{color: #F4780A;}
    .new-swal-popup .swal2-html-container{padding: 20px 0 0 0;}

    .new-swal-popup .swal2-confirm{margin: 15px 0 0 0;background: #f4780a;padding: 10px 30px;}
    .new-swal-popup .alert{font-size: 16px;}
    .new-swal-popup .alert b{font-size: 18px; display: block; margin-bottom: 6px;}

/*top strip start */
.top-bar-nav{
    padding: 0;
    position: relative;
    z-index: 9999;
    padding: 12px;
    /* margin-bottom: 8px; */
    background: #fff;
    /* border-radius: 0 0 10px 10px; */
    /* box-shadow: 0 3px 10px rgb(0 0 0 / 20%); */
    border-radius: 10px 10px 0 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    margin-top: 30px;
}
.top-bar-nav .top-bar-left{display:inline-flex;align-items: center;width: 964px;}
.top-bar-nav .top-bar-right{width: 100%; max-width: calc(100% - 964px);}
.top-bar-nav .top-bar-list{
    display: flex;
    align-items: center;
}

.top-bar-nav .top-bar-list li{
    font-size: 16px;
    color: #434242;
    padding: 0px 8px;
    position: relative;
    display: inline-flex;
    align-items: center;
}
.top-bar-nav .top-bar-list li a{color: #434242;}
.top-bar-nav .top-bar-list li::after{
    position: absolute;
    content: "";
    right: 0px;
    top: calc(50% - 9px);
    width: 1px;
    height: 18px;
    background: #c1c1c1;
}
.top-bar-nav .top-bar-list li:first-child{padding-left:0}
.top-bar-nav .top-bar-list li:last-child{padding-right:0}

.top-bar-nav .top-bar-left .top-bar-list li:first-child::after, .top-bar-nav .top-bar-list li:last-child::after{display:none}
.top-bar-nav .top-bar-list li span{
    font-family: SourceSansPro-Semibold;
}

.top-bar-nav .top-bar-right .top-bar-list{justify-content:flex-end}
.top-bar-nav .top-bar-right .top-bar-list .login-top-nav{padding:0}
.top-bar-nav .top-bar-right .top-bar-list .login-top-nav a{
    background: #694ac7;
    color: #fff;
    padding: 7px 15px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 16px;
    font-family: 'SourceSansPro-Semibold';
    border-radius: 7px;
}
.top-bar-nav .top-bar-list .top-strip-dropdown{
    /* padding: 0; */
}
.top-bar-nav .top-bar-list .top-strip-dropdown .dropdown{margin-top: -4px;position: relative;}
/* .top-bar-nav .top-bar-list .top-strip-dropdown .dropdown .top-strip-drop-menu{display: none !important;} */
.top-bar-nav .top-bar-list .top-strip-dropdown .dropdown .top-strip-drop-menu{
    max-width: 400px;
    width: 350px;
    right: -10px !important;
    left: auto !important;
    transform: translate(0, 0) !important;
    top: 100% !important;
    overflow: hidden;
    padding: 0;
}

.top-bar-nav .top-bar-list .top-strip-dropdown .dropdown .top-strip-drop-menu .subdropdown-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 13px 15px;
    margin-bottom: 0px;
    background: #eb8f46;
    color: rgb(255, 255, 255);
    border-radius: 4px 4px 0px 0px;
}

.top-bar-nav .top-bar-list .top-strip-dropdown .dropdown .top-strip-drop-menu .subdropdown-header .subdropdown-header-title {
    font-size: 17px;
    
    color: rgb(255, 255, 255);
    margin: 0px;
}
.top-strip-dropdown .top-strip-drop-menu .dropdown-body {
    padding: 15px;
    font-size: 15px;
}

.top-strip-dropdown .top-strip-drop-menu li {
    font-size: 15px;
    padding: 0;
}
.top-strip-dropdown .top-strip-drop-menu li:after{
    display: none;
}
.top-strip-dropdown .top-strip-drop-menu .subdropdown-sub-heading-title {
    font-size: 17px;
    font-family: SourceSansPro-Semibold;
    margin-bottom: 8px;
    width: 100%;
    color: #434242;
}
.top-strip-dropdown .top-strip-drop-menu .dropdown-body>li{width: 100%}

.top-strip-dropdown .top-strip-drop-menu .dropdown-body>li>ul{width: 100%}
.top-strip-dropdown .top-strip-drop-menu .dropdown-body>li>ul>li{width: calc(33.33% - 8px)}

.top-strip-dropdown .top-strip-drop-menu .dropdown-body ul {
    padding: 0px;
    display: flex;
    align-items: center;
    width: 100%;
    gap: 12px;
    flex-wrap: wrap;
}
.top-strip-dropdown .top-strip-drop-menu .subdropdown-header .close-dropdown {
    position: absolute;
    right: 4px;
    top: 8px;
    background: none;
    padding: 8px 8px 9px 9px;
    /* border-radius: 0px 9px 0px 20px; */
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    opacity: 1;
    max-width: 34px;
    max-height: 34px;
}

.top-bar-nav .top-bar-list .top-strip-dropdown .dropdown .dropdown-toggle{
    background: none;
    border: 0;
    padding: 0;
}

.top-strip-dropdown .top-strip-drop-menu .dropdown-body ul li button {
    width: 100%;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    font-size: 15px;
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 14px 14px 12px;
    background: #fff;
}
.top-strip-dropdown .top-strip-drop-menu .dropdown-body ul li button img{max-height: 22px}

.top-bar-nav .top-bar-list .top-strip-dropdown .dropdown .dropdown-toggle:after{display:none}
.top-bar-nav .top-bar-list .top-strip-dropdown .dropdown .dropdown-toggle img{}
.top-strip-dropdown .top-strip-drop-menu .dropdown-body ul li.sra-list{width: 100%;}
.top-strip-dropdown .top-strip-drop-menu.language-dropdown .dropdown-body {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    max-height: 500px;
    overflow: hidden scroll;
}

.top-strip-dropdown .top-strip-drop-menu.language-dropdown .dropdown-body li {
    width: calc(50% - 5px);
    text-align: center;
    font-size: 15px;
    display: flex;
}

.top-strip-dropdown .top-strip-drop-menu.language-dropdown .dropdown-body li.powerd-bhasini {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

.top-strip-dropdown .top-strip-drop-menu.language-dropdown .dropdown-body li.powerd-bhasini span {
    font-size: 11px;
    color: rgb(33, 33, 33);
    font-family: SourceSansPro-Semibold;
    position: relative;
    top: 6px;
}

.top-strip-dropdown .top-strip-drop-menu.language-dropdown .dropdown-body li.powerd-bhasini img {
}

.top-strip-dropdown .top-strip-drop-menu.language-dropdown .dropdown-body li button {
    width: 100%;
    text-align: left;
    font-size: 15px;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    color: rgb(33, 33, 33);
    padding: 7px 12px;
    height: 100%;
    background: #fff;
}

.top-strip-dropdown .top-strip-drop-menu.language-dropdown .dropdown-body li button span {
    display: block;
    font-size: 14px;
    margin-top: 2px;
}

.top-strip-dropdown .top-strip-drop-menu.language-dropdown .dropdown-body li button.select-language {
    background: #4699FF;
    color: rgb(255, 255, 255);
}
.citizen-login-outer .auth-card{border: 0; border-radius: 20px; padding: 60px 60px; min-height: 1px; width: 100%; max-width: 670px;}

.top-bar-nav .top-bar-list li.bhashini-plugin-container{padding: 0;}
.top-bar-nav .top-bar-list li.bhashini-plugin-container:after{display:none}
.top-bar-nav .top-bar-list li.bhashini-plugin-container svg{width: 28px;}
.top-bar-nav .top-bar-list li.bhashini-plugin-container path{fill: #fff;}
.top-bar-nav .top-bar-list li.bhashini-plugin-container .language-option{width: 100%; color: #000}

.citizen-link-card{
    background: #fff;
    border-radius: 20px;
    padding: 10px 10px 10px 40px;
    box-shadow: 0 12px 24px rgba(0, 0, 0, .04);
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 23px;
}
.citizen-link-card .citizen-card-heading{
    font-size: 17px;
    font-family: 'SourceSansPro-Semibold';
    display: inline-flex;
    align-items: center;
    gap: 8px;
}
.citizen-link-card .citizen-card-heading img{
    max-height: 19px;
}
.citizen-link-card a{
    background: #3d5abb;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 16px;
    padding: 12px 22px;
    font-family: 'SourceSansPro-Semibold';
    border-radius: 12px;
    color: #fff;
    /* box-shadow: 0 4px 8px rgba(0, 0, 0, .08); */
    /* margin-top: 20px; */
    gap: 8px;
}

.citizen-link-card a i{font-size: 16px;}

.imp-resources-grid .row{gap: 24px 0;}

.quick-link-grid .footer-logo-outer{margin: 0;}


.login-input-outer:focus-within{
    border-color: #F4780A;
}

.login-input-outer *:focus-within{outline: none !important;}

.tab-content.auth-card{
    display: flex;
    flex-direction: column;
    gap: 60px;
    justify-content: center;
}
.tab-content.auth-card .have-acc-outer{font-size: 16px;}


/* home marquee start */


.marquee-wrapper{
    display:flex;
    flex-direction:column;
    gap:16px;
}

.marquee{
    overflow:hidden;
    width:100%;
}

.marquee-track{
    display:flex;
    width:max-content;
    gap:14px;
}


/* TOP ROW */
.marquee-right .marquee-track{
    animation: moveRight 30s linear infinite;
}

/* BOTTOM ROW */
.marquee-left .marquee-track{
    animation: moveLeft 30s linear infinite;
}

@keyframes moveLeft{
    from{
        transform:translateX(0);
    }
    to{
        transform:translateX(-50%);
    }
}

@keyframes moveRight{
    from{
        transform:translateX(-50%);
    }
    to{
        transform:translateX(0);
    }
}

/* Pause on hover */
.marquee:hover .marquee-track{
    animation-play-state:paused;
}
/* home marquee end */

/*top strip end */

.map-result-title{
        font-size: 18px;
        font-family: SourceSansPro-bold;
        margin-bottom: 0;
        position: relative;
        padding-left: 15px;
        margin-bottom: 12px;
}

.map-result-title:before {
    content: "";
    position: absolute;
    right: 0px;
    top: 0px;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 5px;
    background: #F4780A;
    border-radius: 20px;
}

.map-result-address{
    color: #535969;
    font-size: 15px;
    font-family: SourceSansPro-Regular;
    margin: 0 0 7px;
}
.map-result-distance{
    color: #535969;
    font-size: 15px;
    font-family: SourceSansPro-Regular;
    margin: 0;
}
a.map-result-btn{
    background: #F4780A;
    border: 0;
    border-radius: 4px;
    padding: 7px 12px;
    font-family: SourceSansPro-Regular;
    color: #fff !important;
    font-size: 15px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}
a.map-result-btn i{
    font-size: 14px;
}

/* Search New Design Start */
.searchNew-main-row {}

.searchNew-map-grid {}

.searchNew-map-outer {
    width: 100%;
    height: calc(100vh - 131px);
    position: -webkit-sticky;
    position: sticky;
    top: 115px;
    left: 0;
    border-radius: 16px;
    overflow: hidden;
    background: #fff;
}

.searchNew-map-outer iframe {
    width: 100%;
    height: 100%;
}

.searchNew-result-grid {
    display: flex;
    /* flex-direction: column; */
    gap: 24px 12px;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: flex-start;
    align-content: flex-start;
}

.searchNew-result-grid .searchNew-find-number-outer {
    font-size: 18px;
    color: #202135;
    font-family: SourceSansPro-Semibold;
    width: 100%;
    margin-bottom: -12px;
}


.searchNew-result-card {
    width: calc(50% - 6px);
    border-radius: 16px;
    overflow: hidden;
    background: #fff;
    position: relative;
    border: 1px solid #EAEAEA;
    padding: 4px;
}

.searchNew-result-card-body {
    border-radius: 13px;
    overflow: hidden;
}

.searchNew-result-card-body .searchNew-result-card-img-outer {
    position:relative;
    overflow:hidden;
    
}

.searchNew-result-card-body .searchNew-result-card-img-outer .carousel-item{
    height:240px; /* fixed height */
}

.searchNew-result-card-body .searchNew-result-card-img-outer .carousel-item img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

/* Arrows */
.searchNew-result-card-img-outer .slider-nav-btn{
    width:36px;
    height:36px;
    border-radius:50%;
    background:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#333;
    font-size:14px;
    box-shadow:0 3px 10px rgba(0,0,0,.15);
}

.searchNew-result-card-img-outer .carousel-control-prev,
.searchNew-result-card-img-outer .carousel-control-next{
    width:12%;
    opacity:0;
    transition:.3s ease;
}

.searchNew-result-card:hover .carousel-control-prev,
.searchNew-result-card:hover .carousel-control-next{
    opacity:1;
}

/* Dots */
.searchNew-result-card-img-outer .carousel-indicators{
    margin-bottom:10px;
}

.searchNew-result-card-img-outer .carousel-indicators button{
    width:8px !important;
    height:8px !important;
    border-radius:50%;
    border:none !important;
    margin:0 3px !important;
    background:#fff !important;
    opacity:1;
}

.searchNew-result-card-img-outer .carousel-indicators .active{
    width:22px !important;
    border-radius:20px;
    /* opacity:1; */
}

.searchNew-result-card-body .searchNew-result-distance-outer {
    position: absolute;
    top: 8px;
    right: 8px;
    background: rgb(255 255 255);
    border-radius: 9px;
    padding: 5px 12px;
    color: #525C6B;
    font-family: 'SourceSansPro-Semibold';
    font-size: 15px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.12);
    display: flex;
    align-items: center;
    gap: 4px;
}

.searchNew-result-card-body .searchNew-result-details-body {
    padding: 15px 15px 5px 15px;
    font-size: 15px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    cursor: pointer;
}

.searchNew-result-card-body .searchNew-result-details-body .searchNew-result-title-rating-outer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
    flex-wrap: wrap;
}
.searchNew-result-card-body .searchNew-result-details-body .searchNew-result-title {
    font-size: 17px;
    color: #434242;
    font-family: 'SourceSansPro-Semibold';
    width: 100%;
    max-width: calc(100% - 43px);
}
.searchNew-result-card-body .searchNew-result-details-body .searchNew-result-rating-outer{
    display: inline-flex;
    align-items: center;
    gap: 4px;
}
.searchNew-result-card-body .searchNew-result-details-body .searchNew-result-rating-outer i{    color: #f1b312;
    font-size: 12px;}
.searchNew-result-card-body .searchNew-result-details-body .searchNew-result-address {
    font-size: 15px;
}

.searchNew-result-card-body .searchNew-result-details-body .searchNew-result-card-sub-details {
    display: flex;
    align-items: center;
    gap: 10px;
}

.searchNew-result-card-body .searchNew-result-details-body .searchNew-result-card-sub-details span {
    color: #434242;
    background: #EBEBEB;
    padding: 4px 14px;
    border-radius: 20px;
    /* font-family: SourceSansPro-Semibold; */
}

.searchNew-result-card-body .searchNew-result-details-body .searchNew-result-card-fees-details {
    margin-top: 7px;
}



.searchNew-result-card-body .searchNew-result-details-body .searchNew-result-card-fees-details span {
    font-size: 18px;
    font-family: SourceSansPro-Semibold;
    color: #F4780A;
    margin-right: 1px;
}

.searchNew-result-card-body .searchNew-result-details-body .searchNew-result-card-fees-details span i {
    font-size: 14px;
}

.searchNew-result-card-body .searchNew-result-details-body .searchNew-result-badge-outer{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 3px 12px;
    background: #DCFCE7;
    border: 2px solid #CAF8DA;
    border-radius: 14px 0 0 0;
    gap: 6px;
    color: #267B4E;
    font-size: 13px;
    font-family: 'SourceSansPro-Semibold';
    position: absolute;
    bottom: -2px;
    right: -2px;
}
.searchNew-result-card-body .searchNew-result-details-body .searchNew-result-badge-outer img{
    max-height: 16px;
}
.searchNew-header-outer{padding-bottom: 100px;}
.searchNew-body-outer{padding: 00px 0 50px 0;}
.searchNew-body-outer .search-bar-pro{
    /* min-width: 1200px; */
    /* margin: 0 auto; */
    /* margin-bottom: 30px; */
}
.searchNew-body-outer .search-bar-pro .col-md-top-bar-flex{width: 25%;padding: 12px 25px;border-radius:100px;display: flex;flex-direction: column;justify-content: center;min-height: 68px;gap: 3px;}
.search-bar-pro:focus-within, .searchNew-body-outer .search-bar-pro .col-md-top-bar-flex:hover{background: #e7e7e7;}
.searchNew-body-outer .search-bar-pro .col-md-top-bar-flex:hover:after{display: none;}
.searchNew-body-outer .search-bar-pro .col-md-top-bar-flex:focus-within{background: #fff;}
.searchNew-body-outer .search-bar-pro .col-md-top-bar-flex:last-child:after{display:none}

.searchNew-filter-container{position: sticky;top:0;width: 100%;/* background: #fff; */z-index: 1;padding: 0;margin-top: -46px;padding-bottom: 30px;}

.filter-location-dropdown{
    padding: 24px 8px 8px 8px;
    border-radius: 20px;
    border: 1px solid #eaeaea;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    top: 18px !important;
    height: 350px;
    overflow: hidden;
    overflow-y: scroll;
}
.filter-location-dropdown .max-dropdown-width{width: 400px ;}
.filter-location-heading{
    font-size: 14px;
    color: #7C7C7C;
    padding: 0 0 0 10px;
}

.dropdown-search-input-outer{
    position: relative;
    padding: 10px;
}
.dropdown-search-input-outer i{
    position: absolute;
    top: calc(50% - 7px);
    font-size: 15px;
    color: #7e7e7e;
    left: 25px;
}
.dropdown-search-input-outer input{
    background: #f3f3f3;
    border: 0;
    font-size: 15px;
    padding: 10px;
    width: 100%;
    border-radius: 10px;
    padding-left: 40px;
}


.location-name-list-item{
    padding: 10px;
    border-radius: 10px;
    cursor: pointer;
}
.filter-location-dropdown .location-name-list-item:hover{background: rgba(0, 0, 0, 0.04);}
.location-name-list-item{}
.location-name-list-item .msd-left{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}
.location-name-list-item .msd-left .filter-location-dropdown-icon{
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #F0F5FA;
    border-radius: 10px;
    color: #4282c3;
}
.location-name-list-item .msd-left .filter-location-dropdown-icon img{max-width: 24px;}
.location-name-list-item .msd-left .filter-location-dropdown-title{
    color: #212121;
    font-size: 16px;
    font-family: 'SourceSansPro-Semibold';
    width: 100%;
    max-width: calc(100% - 68px);
}

.searchNew-filter-container.filter-sticky{    background: #f3f3f3;
    padding: 15px 0;
    border-bottom: 1px solid #eaeaea;}

.col-md-top-bar-flex:last-child .max-dropdown-width{height: 185px; overflow-y: hidden;}

.col-md-top-bar-flex:nth-child(2) .dropdown-name i{color: #eb8f46;}
.col-md-top-bar-flex:nth-child(2) .location-name-list-item .msd-left .filter-location-dropdown-icon{background: #FDEFE7; color: #EB8F46;}
.col-md-top-bar-flex:nth-child(3) .dropdown-name i{color: #4699FF;}
.col-md-top-bar-flex:nth-child(3) .location-name-list-item .msd-left .filter-location-dropdown-icon{background: #E7F5FF; color: #4699FF;}
.col-md-top-bar-flex:nth-child(4) .dropdown-name i{color: #694AC7;}
.col-md-top-bar-flex:nth-child(4) .location-name-list-item .msd-left .filter-location-dropdown-icon{background: #F3E8FF; color: #694AC7;}

/* 

.mobile-search-outer{background: #fff;border: 1px #EAEAEA solid;max-width: 1200px;margin: 0 auto;border-radius: 100px;display: flex;align-items: center;gap: 6px;flex-wrap: wrap;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);padding: 12px;flex-wrap: wrap;align-items: center;justify-content: center;}

.mobile-search-outer .mobile-search-heading{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: #222;
    font-family: 'SourceSansPro-Semibold';
    line-height: normal;
    gap: 6px;
}
.mobile-search-outer .mobile-search-heading i{
    color: #4282c3;
    font-size: 18px;
}

.mobile-search-outer .mobile-search-content{
    font-family: 'SourceSansPro-Regular';
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    line-height: normal;
} */

/* Search New Design End */

.filter-login-btn-outer, .filter-logo-outer{display: none;}
.filter-sticky .filter-logo-outer{
    /* width: calc(100% - 1200px); */
    display: flex;
    align-items: center;
    gap: 10px;
}
.filter-sticky .filter-logo-outer img{max-height: 50px;}
.filter-sticky .filter-mowcd-text{font-size: 15px;}
.filter-sticky .filter-mowcd-text span{display: block; font-family: SourceSansPro-Semibold; margin-top: -2px;}

.filter-sticky .container-fluid>.row>.col-12{
        display: flex;
        align-items: center;
        gap: 20px;
        justify-content: space-between;
}
.filter-sticky .search-bar-pro{margin: 0; min-width: 1200px;}
.filter-sticky .filter-login-btn-outer{display: flex;align-items: center;justify-content: flex-end;gap: 4px;}
.filter-sticky .filter-login-btn-outer a{
    background: #694ac7;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 6px 14px;
    font-size: 14px;
    border-radius: 4px;
    color: #fff;
    font-size: 15px;
}
.filter-sticky .filter-login-btn-outer a:last-child{background: #4699FF;}
.remove-image-btn{
    background: #dc3545;
    padding: 0;
    width: 16px;
    height: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 0;
}

.review-data-box .card{padding: 20px 20px 4px 20px;}
/* session expired start */
.session-expired-bg-outer{padding-bottom: 80px;}

.session-expired-inner-body{}
.session-expired-inner-body .row{
    margin: 0;
}
.session-expired-inner-body .session-expired-box-grid{
    background: #FFF9ED;
    border-radius: 20px;
    border: 1px solid rgba(0, 0, 0, 0.08);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.05);
    padding: 48px 0 0 0;
    max-width: 1162px;
    position: relative;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 40px;
    text-align: center;
    overflow: hidden;
}
.session-expired-inner-body .session-expired-box-grid .session-expired-left-grid{
    width: 100%;
    max-width: 330px;
}
.session-expired-inner-body .session-expired-box-grid .session-expired-left-grid img{
    width: 100%;
}
.session-expired-inner-body .session-expired-box-grid .session-expired-right-grid{
    display: inline-flex;
    justify-content: space-between;
    gap: 60px;
    /* padding-bottom: 26px; */
    width: 100%;
    /* max-width: calc(100% - 354px); */
    height: 100%;
}
.session-expired-inner-body .session-expired-box-grid .session-expired-right-grid .session-expired-content-grid{
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-top: 30px;
}

.session-expired-inner-body .session-expired-box-grid .session-expired-right-img-grid {
    width: 100%;
    max-width: 248px;
}


.session-expired-inner-body .session-expired-box-grid .session-expired-right-grid .session-expired-content-grid h1{
    font-size: 32px;
    color: #212121;
    font-family: SourceSansPro-Semibold;
    margin: 0px;
}
.session-expired-inner-body .session-expired-box-grid .session-expired-right-grid .session-expired-content-grid p{
    text-align: center;
    margin: 0;
    color: #454545;
    font-size: 15px;
}
.session-expired-inner-body .session-expired-box-grid .session-expired-right-grid .session-expired-content-grid a{}
.session-expired-inner-body .session-expired-box-grid .session-expired-right-grid .session-expired-content-grid a button{}


.session-expired-inner-body .session-expired-box-grid .session-expired-right-grid .session-expired-right-img-grid{}
.session-expired-inner-body .session-expired-box-grid .session-expired-right-grid .session-expired-right-img-grid img{}

/* session expired end */

/* Pagination Wrapper */
.pagination-grid{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.pagination-grid .pagination-showing-results p{
    font-size: 15px;
    margin: 0;
    color: #3E3E3E;
}
.pagination {
    margin: 0;
    gap: 6px;
}

/* Common Style */
.pagination .page-link {
    color: #ff7a00;
    border: 1px solid #ffe8d5;
    background: #fff2e7;
    font-size: 14px;
    font-weight: 500;
    transition: all .3s ease;
    box-shadow: none;
}

/* Hover */
.pagination .page-link:hover {
    background: #17a2d4;
    color: #fff;
    border-color: #17a2d4;
}

/* Active */
.pagination .page-item.active .page-link {
    background: #ff7a00;
    border-color: #ff7a00;
    color: #fff;
}

/* Disabled */
.pagination .page-item.disabled .page-link {
    color: #6c757d;
    background: #f5f5f5;
    border-color: #ebebeb;
    cursor: not-allowed;
}

/* Page Number Buttons (1,2,3...) */
.page-number {
    /* width: 40px; */
    /* height: 40px; */
    padding: 4px 12px !important;
    border-radius: 50% !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* First, Previous, Next, Last */
.pagination .page-link:not(.page-number) {
    border-radius: 25px !important;
    padding: 4px 12px;
}

.dark-img{display: none;}

.greivance-outer{}
.greivance-outer .greivance-icon-outer{
    font-size: 50px;
    color: #16944b;
    margin: 10px 0 10px 0;
}
.greivance-outer .greivance-icon-outer i{}
.greivance-outer .grievance-heading{
    font-family: SourceSansPro-Semibold;
}
.greivance-outer .grievance-sub-content{
    color: #454545;
    font-size: 16px;
}
.greivance-outer .grievance-tracking-id-outer{
    background: #e9f8ed;
    border-radius: 8px;
    padding: 18px;
    margin: 20px 0 11px 0;
    font-size: 16px;
}
.greivance-outer .grievance-tracking-id-outer span{
    font-size: 32px;
    color: #16944b;
    display: block;
    font-family: SourceSansPro-Semibold;
}

.greivance-outer .imp-note{font-size: 15px;text-align: center;color: #a3852e;}

.greivance-outer .swal2-actions{
    padding: 6px 20px;
    background: #F4780A;
    margin: 0;
}

.download-app-card-outer{
    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(251, 200, 154, 1) 100%);
    border-radius: 12px;
    padding: 20px;
    height: 100%;
    border: 1px solid rgba(251, 200, 154, 0.5);
    display: inline-flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    gap: 60px;
    position: relative;
    width: 100%;
}
.download-app-inner-outer{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 16px;
}
.download-app-card-outer .download-app-card-heading{
    font-size: 22px;
    font-family: 'SourceSansPro-Semibold';
    color: #000;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    flex-direction: column;
}
.download-app-card-outer .download-app-card-heading img{
    max-width: 40px;
}
.download-app-card-outer .download-app-card-heading span{}
.download-app-card-outer ul{
    display: flex;
    /* flex-direction: column; */
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.download-app-card-outer ul li{}
.download-app-card-outer ul li a{
    display: inline-block;
}
.download-app-card-outer ul li a img{
    width: 120px;
    /* width: 100%; */
}
.download-app-card-outer ul li a img.bsa-app-icon{
    width: 70px;
}

.download-app-icon-2{
    position: absolute;
    z-index: 1;
    bottom: 10px;
    right: 10px;
    opacity: 0.5;
}
.download-app-icon-2 img{}
/* media start */
@media (max-width: 1880px) {
    .filter-sticky .search-bar-pro {min-width: 1080px;}
    .filter-sticky .container-fluid>.row>.col-12{gap: 10px;}
}
@media (max-width: 1700px) {
    .searchNew-result-card-body .searchNew-result-details-body .searchNew-result-card-sub-details span{font-size: 14px;}
    .searchNew-result-card-body .searchNew-result-details-body{
        padding: 10px;
        
    }
    .filter-sticky .search-bar-pro {
        min-width: 920px;
    }
 }
@media (max-width: 1600px) {
    .searchNew-result-card-body .searchNew-result-details-body .searchNew-result-card-sub-details span{padding: 4px 12px;}
    .searchNew-result-card{
        padding: 4px 4px 0 4px;
    }
    .filter-sticky .filter-login-btn-outer{display: none;}
 }

@media (max-width: 1536px) {  
    .imp-resources-items{/* padding: 15px; *//* gap: 10px; */}
    .imp-resources-items .imp-resources-items-content{gap: 8px;}
    .state-insights-map-outer{height: 451px;}
}
@media (max-width: 1500px) {  
    .get-involved-items-grid .get-involved-items .get-involved-items-content .get-involved-items-title{font-size: 17px;}
    .searchNew-result-card-sub-details{
        overflow: hidden;
        overflow-x: scroll; 
    }
    .searchNew-result-card-body .searchNew-result-details-body .searchNew-result-card-sub-details span{white-space: nowrap; }
    .searchNew-result-card-body .searchNew-result-details-body .searchNew-result-card-sub-details{
        overflow-y: auto;
        scrollbar-width: none; /* Firefox */
        -ms-overflow-style: none; /* IE & Edge */
    }
    .searchNew-result-card-body .searchNew-result-details-body .searchNew-result-card-sub-details::-webkit-scrollbar{
        width: 0;
    }
    .searchNew-result-card-body .searchNew-result-details-body .searchNew-result-card-sub-details:hover{
    scrollbar-width: thin; /* Firefox */
    }

    .searchNew-result-card-body .searchNew-result-details-body .searchNew-result-card-sub-details:hover::-webkit-scrollbar{
        width: 6px;
    }

    .searchNew-result-card-body .searchNew-result-details-body .searchNew-result-card-sub-details:hover::-webkit-scrollbar-track{
        background: #f1f1f1;
        border-radius: 10px;
    }

    .searchNew-result-card-body .searchNew-result-details-body .searchNew-result-card-sub-details:hover::-webkit-scrollbar-thumb{
        background: #999;
        border-radius: 10px;
    }

    .searchNew-result-card-body .searchNew-result-details-body .searchNew-result-card-sub-details:hover::-webkit-scrollbar-thumb:hover{
        background: #666;
    }
}

@media (max-width: 1440px) {
    .filter-sticky .filter-mowcd-text{font-size: 14px;}
    .contact-email{font-size: 16px;}
    .contact-phone{font-size: 20px;}
    .portal-nav-link{font-size: 15px;}
    .section-headline{font-size: 17px;}
    .stat-number{font-size: 24px;}
    .copyright-container, .social-column, .download-column, .stats-column{padding: 15px;}
    .copyright-container{padding-right: 0;}
    
    .top-bar-nav .top-bar-list li{font-size: 14px;}
    .top-bar-nav .top-bar-right .top-bar-list .login-top-nav a{font-size: 15px;}
    .top-bar-nav .top-bar-left{width: 861px;}
    .top-bar-nav .top-bar-right{max-width: calc(100% - 861px);}
    body, p{font-size: 15px;}
    .card{padding: 20px;}
    .card-body{padding-top: 10px;}
    .impact-glance-items-grid .impact-glance-items .impact-glance-items-heading{height: 150px;}
    
    .testimonials-items{padding: 30px 20px;}
    .what-new-items{padding: 12px 16px;}
    .imp-resources-items{/* padding: 12px 16px; */}
    .imp-resources-items .imp-resources-items-content{gap: 8px;}
    .imp-resources-items .imp-resources-items-content{font-size: 16px;}
    .auth-card{padding: 40px;}
    .login-content-grid{gap: 30px;}
    .get-involved-items-grid{width: 60%;}
    .download-app-grid{width: 40%;}
}

@media (max-width: 1366px) {
    .filter-sticky .filter-logo-outer{display: none;}
    .filter-sticky .search-bar-pro{min-width: 1px; width: 100%;}
    .filter-sticky .container-fluid>.row>.col-12{justify-content: center;}
    .search-bar-pro .col-md-top-bar-flex:nth-child(6){width: 160px;}
    .search-bar-pro .col-md-top-bar-flex{padding: 0 10px; width: calc(20% - 32px);}
    .login-left-grid{width: 53%;}
    
}
@media (max-width: 1280px) {
    .impact-glance-items-grid .impact-glance-items .impact-glance-items-content .impact-glance-items-list{width: 33.33%; padding: 12px 10px;}
    .impact-glance-items-grid .impact-glance-items .impact-glance-items-content .impact-glance-items-list:nth-child(3){border-right: none;}
    .impact-glance-items-grid .impact-glance-items .impact-glance-items-heading{height: 208px;}
    .impact-glance-items-grid .impact-glance-items .impact-glance-items-heading .rotate-text-vertical{width: 208px;}
    header .header-logo-grid .header-logo-outer img{max-height: 70px;}
    header .header-logo-grid .header-mowcd-text{padding-left: 10px;}
    header .header-logo-grid .header-mowcd-text{font-size: 16px;}
    header .header-logo-grid .header-mowcd-text span {font-size: 17px;}
    header .header-logo-grid{max-width: 453px;}
    .header-nav-grid{max-width: calc(100% - 453px);}
    header .header-logo-grid .header-logo-outer img:last-child{max-height: 55px;}
    .star-kids-wh-card .details-of-workplace-content-main .details-of-workplace-content-main-inner .star-kids-paragraph-line{min-height: 1px;}
    .amenity-row>.col-lg-6{width: 50%;}
    .footer-about-outer, .contact-section{width: 100%;}
    .contact-section{border-right: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.15);}
    .contact-container{padding: 30px 0;}
    
    .contact-title {
        font-size: 26px;
        margin-bottom: 20px;
    }


    .row.searchNew-main-row{
        flex-direction: column-reverse;
        gap: 30px;
    }   
    .searchNew-result-grid .searchNew-find-number-outer{
        margin-bottom: -16px;
    }   
    .top-bar-nav .top-bar-left, .top-bar-nav .top-bar-right{width: 100%; max-width: 100%; justify-content: center;}
    .top-bar-nav .top-bar-right .top-bar-list{ justify-content: center;}
    .top-bar-nav .top-bar-list{flex-wrap: wrap; justify-content: center;}
    .top-bar-nav .top-bar-list li{padding: 4px 8px;}
    .state-insights-grid{width: 38%;}
    .get-involved-grid{width: 62%;}
    .state-insights-map-outer{height: 558px;}
    .get-involved-items-grid .get-involved-items .get-involved-items-content p{-webkit-line-clamp: 7;}
    .home-banner-outer h1{font-size: 60px; line-height: 70px;}
    .home-banner-outer p{font-size: 30px; line-height: 40px;}
    .main-heading, .card-header{font-size: 20px;}
    .home-third-section-outer{padding-bottom: 0;}

    header .header-logo-grid {
        gap: 10px;
    }
    .detail-left-grid{width: 100%;}
    .detail-right-grid{width: 100%;}
    .col-lg-6{width: 100%;}
    .right-location-card{margin-top: 30px;}
    .help-facilities-grid{margin-top: 60px;}
    .login-btn-grid .creche-btn{padding: 10px 30px;}
    .login-btn-grid .google-btn{padding: 10px 16px;}
    .searchNew-body-outer .search-bar-pro .col-md-top-bar-flex {
        padding: 12px 12px;
    }
    .searchNew-body-outer .search-bar-pro .col-md-top-bar-flex:first-child{padding-left: 24px;}
    .searchNew-body-outer .search-bar-pro .col-md-top-bar-flex:last-child{padding-right: 0px;}
    .searchNew-result-card-body .searchNew-result-details-body{gap: 4px;}
    

}
@media (max-width: 1150px) {
    .search-bar-pro .col-md-top-bar-flex:nth-child(6){width: 33.33%;}
    .search-bar-pro .col-md-top-bar-flex{padding: 0 10px; width: 33.33%;}
    .col-md-top-bar-flex-outer{gap: 20px 0;}

}
@media (max-width: 1100px) {
    .get-involved-items-grid{width: 100%;}
    .download-app-grid{width: 100%; margin-top: 20px;}
    .download-app-card-outer{gap: 30px;}

    header .header-logo-grid .header-mowcd-text{font-size: 15px;}
    header .header-logo-grid .header-mowcd-text span{font-size: 16px;}
    header .header-logo-grid{max-width: 435px;}
    .header-nav-grid{max-width: calc(100% - 435px);}
    .session-expired-inner-body .session-expired-box-grid .session-expired-right-grid .session-expired-content-grid{padding-top: 0;}
    .session-expired-left-grid{order: 2;}
    .session-expired-right-grid{order: 1;}
    .session-expired-right-img-grid{order: 3;}
    .session-expired-right-grid{height: auto; width: 100%; justify-content: center;}
    .session-expired-inner-body .session-expired-box-grid{
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        padding-top: 40px;
    }
    .session-expired-inner-body .session-expired-box-grid .session-expired-right-grid{
        height: auto;
        width: 100%;
        justify-content: center;
        padding: 0 30px;
    }
    
    .session-expired-inner-body .session-expired-box-grid .session-expired-right-grid .session-expired-content-grid h1{font-size: 28px;}
    header .header-logo-grid {gap: 10px;}
    header .header-logo-grid .header-mowcd-text{padding-left: 10px;}

}
@media (max-width: 991px) {
    .details-body-outer .qci-verified{right: 0 !important;}
    .portal-nav-container{padding: 20px 0;}
    .social-column{border-bottom: 1px solid rgba(255, 255, 255, 0.15);}
    .top-bar-nav{margin-top: 16px;}
    .creche-main-grid-outer .map-view{height: auto;}
    .main-bg-outer{z-index: auto;}
    .searchNew-header-outer{padding-bottom: 66px;}
    .details-body-outer{margin-top: -70px;}
    .overlay-content-bg-outer{padding-bottom: 94px;}
    .state-insights-grid, .get-involved-grid{width: 100%;}
    
    .state-insights-map-outer{height: 430px;}
    .get-involved-items-grid{margin-bottom: 20px;}
    .get-involved-items-grid:last-child{margin-bottom: 20px;}
    .impact-glance-items-grid .impact-glance-items .impact-glance-items-content .impact-glance-items-list span{font-size: 32px; line-height: 32px;}
    .impact-glance-items-grid .impact-glance-items .impact-glance-items-content .impact-glance-items-list{font-size: 16px;padding: 25px 5px;}
    .impact-glance-items-grid .impact-glance-items .impact-glance-items-content{width: 100%; align-items: stretch;}
    .impact-glance-items-grid .impact-glance-items .impact-glance-items-heading .rotate-text-vertical{transform: rotate(0);width: 100%;height: auto;padding: 0;display: block;position: static;}
    .impact-glance-items-grid .impact-glance-items .impact-glance-items-heading{height: auto; width: 100%;}
    .home-gallery-items-grid{margin-bottom: 20px;}
    .home-gallery-items-grid:last-child{margin-bottom: 0px;}
    .footer-grid:last-child{width: 100%; max-width: 100%;}
    .footer-counter-list{display: flex; align-items: center; justify-content: center; gap: 15px; flex-wrap: wrap;}
    .footer-counter-list li{width: calc(50% - 10px);margin: 0;}

    header{position: relative;}

    .star-kids-wh-card .details-of-workplace-content-main .details-of-workplace-content-main-inner{width: 100%;} /* New css add */
    .detail-doc-required-outer{flex-wrap: wrap;} /* New css add */
    .search-bar-pro .col-md-top-bar-flex:nth-child(6){width: 15%;}
    .col-md-top-bar-flex-outer {
    justify-content: flex-start;
    }
    .details-card-outer .details-card-content-outer .creche-name-grid .creche-name-outer{font-size: 22px;}
    .details-card-outer .details-card-content-outer .details-card-button-outer{gap: 10px;}
    .details-card-outer .details-card-content-outer .details-card-button-outer a{font-size: 14px;}
    .search-bar-pro .col-md-top-bar-flex{width: 100%;}

        .search-bar-pro .col-md-top-bar-flex{padding: 0 0px;}
    .search-bar-pro .col-md-top-bar-flex:nth-child(6){width: 100%; justify-content: center;}
    .help-facilities-grid{margin-top: 60px;}
    .login-content-grid{flex-wrap: wrap;}
    .login-left-grid{width: 100%;}
    .login-right-grid{width: 100%; max-width: 600px;}
    .inner-banner-name-left h4{text-align: center;}
    .inner-banner-breadcrumb-outer{justify-content: center; margin-top: 10px;}
    .auth-card{min-height: 1px;}
    .auth-subtitle{margin-bottom: 30px;}
    .login-btn-grid{margin: 30px 0;}
}
@media (max-width: 875px) {
    .impact-glance-items-grid .impact-glance-items .impact-glance-items-content .impact-glance-items-list{width: 50%; padding: 25px 10px; border-bottom: 1px solid #EAEAEA;}
    .impact-glance-items-grid .impact-glance-items .impact-glance-items-content .impact-glance-items-list:nth-child(3){border-right: 1px solid #EAEAEA;}
}
@media (max-width: 768px) {

    .session-expired-inner-body .session-expired-box-grid .session-expired-left-grid{width: calc(60% - 10px);}
    .session-expired-inner-body .session-expired-box-grid .session-expired-right-img-grid{width: calc(40% - 10px);}
    .session-expired-inner-body .session-expired-box-grid{gap: 40px 20px;}
    .impact-glance-items-grid .impact-glance-items .impact-glance-items-content .impact-glance-items-list span{font-size: 24px; line-height: 28px;}   
    
    .inner-banner-name-left h4{font-size: 28px;}
    .home-banner-outer h1 {font-size: 48px; line-height: 56px;}
    .home-banner-outer p br, .home-banner-outer h1 br{display: none;}
    .home-banner-outer p{font-size: 26px; line-height: inherit;}
    .footer-grid{max-width: 50%;}
    .footer-grid:first-child{width: 100%; max-width: 100%;}

    .gradient-insights-data-outer .gradient-insights-data-grid{flex-wrap: wrap;} /* New css add */
    .star-kids-wh-card .details-of-workplace-content-main .details-of-workplace-content-main-inner{width: 100%} /* New css add */
    .list-grid-outer-main-kids .main-list-inner-top-one{flex-wrap: wrap;}
    .list-grid-outer-main-kids .main-list-inner-top-one .check-box-uncheck{width: 100%; justify-content: center;}
    .list-grid-outer-main-kids .main-list-inner-top-one .both-div-flex{width: 100%;}
    /* .msd-menu{max-width: 100%;} */
    .msd-dropdown .msd-btn{margin-right: 0;}
    .details-card-outer .details-card-content-outer{max-width: 100%;}
    .details-card-outer .details-img-outer{width: 100%;}

    .container{padding: 20px !important;}
    /* .inner-body-outer {
            padding: 0 !important;
        } */
}
@media (max-width: 700px) {
    .custom-tabs .nav-item{width: 100%; flex: 1 1 100%;}
    .custom-tabs{background: #fff0e3; overflow: hidden; border-radius: 12px;}
    .custom-tabs .nav-link{border-radius: 12px;}
}
@media (max-width:640px){

    
    .score-panel-box .complaints-received-content-panel-right .reviews-mini-text-panel i{font-size: 12px;}
    .score-panel-box .complaints-received-content-panel-right .reviews-mini-text-panel i:nth-child(5){margin-right: 4px;}
    .score-panel-box .complaints-received-content-panel-right .reviews-mini-text-panel{font-size: 14px;}
    .score-panel-box .complaints-received-content-panel-right .reviews-mini-text-panel .detail-rating-content-outer{margin-top: -3px;}
    
    
    .portal-nav-list{gap: 8px;}
    .portal-nav-container{padding: 20px;}
    .form-note p{font-size: 15px;}
    .form-note img{max-width: 17px;}
    .searchNew-body-outer .search-bar-pro .col-md-top-bar-flex{width: 100%; align-items: center; padding: 12px !important; position: relative;}
    .max-dropdown-width{
        width: calc(100vw - 60px);
        left: -30px !important;
        top: 0 !important;
    }
    .search-bar-pro .col-md-top-bar-flex::after{
        width: 100%;
        height: 1px;
        bottom: 0;
        top: auto;
        background: rgba(0, 0, 0, 0.08);
    }
    .searchNew-body-outer .search-bar-pro {
        flex-direction: column;
        padding: 0 10px 10px 10px;
        border-radius: 28px;
        gap: 0;
    }
    .searchNew-filter-container{position: static !important; margin-top: 0;}
    .filter-search-btn{padding: 0;width: 100%;display: flex;align-items: center;justify-content: center;gap: 10px;}
    .filter-search-btn .search-btn{width: calc(50% - 5px);}
    .col-md-top-bar-flex-outer{max-width: 100%; gap: 0;}
    .container-fluid{padding: 0 20px;}
    header .header-logo-grid{
        flex-direction: row;
        justify-content: center;
        width: 100%;
        max-width: 100%;
    }
    .searchNew-header-outer {
        padding-bottom: 30px;
    }
    
    .searchNew-map-outer{height: calc(80vh - 131px);}
    .search-bar-pro .col-md-top-bar-flex .dropdown-name i, .search-bar-pro .search-location-heading i{font-size: 14px;}
    .custom-tabs .nav-link{font-size: 16px; padding: 14px 10px;}
    .auth-title{font-size: 20px;}
    .auth-subtitle{font-size: 14px; margin-bottom: 15px;}
    .home-content-body-outer{padding-top: 30px;}
    .main-bg-outer::after{display: none;}
    .inner-body-outer{padding: 30px 0;}
    .help-facilities-grid .help-facilities-content .help-text-line-one{font-size: 20px;}
    .help-facilities-grid .help-facilities-content .talk-with-people, .help-facilities-grid .help-facilities-content .help-text-line-two{font-size: 16px;}
    footer .footer-items-outer ul.footer-items-list li a, footer .footer-items-outer .footer-items{font-size: 16px;} 
    footer .footer-items-heading{font-size: 18px; min-height: 30px;}
    .profesnoal{top:0; margin: 20px 0;}
    .certification-info-outer{font-size: 16px;}
    .back-result-link-outer{margin-top: 20px;}
    .details-card-outer .details-card-content-outer .details-card-button-outer{flex-wrap: wrap;}
    .header-logo-grid{flex-direction: column;}
    .header-nav-grid{max-width: 100%; justify-content: start; margin-top: 14px;}
    .navbar .menu-toggle{text-align: left;}
    .navbar {width: 100%; justify-content: center;}
    .menu.active{max-width: 100%;}
    header {padding: 10px 10px;}
    .container-fluid{padding: 0 15px;}

    .social-icons {
    position: static;
    top: 50px;
    transform: translateY(0%);
    display: flex;
    flex-direction: row;
    gap: 6px;
    z-index: 100;
    margin: 0 auto;
    justify-content: center;
    margin-top: 15px;
    }
    .social-icons a{border-radius: 8px;}
        .menu.active {
            max-width: 270px;
            left: 0;
            right: 0;
            margin: 0 auto;
        }

        .home-banner-outer {
    padding: 30px 0;
    }
    .card-location-grid .right-location-card .card-location-heading {
        align-items: start;
        flex-direction: column;
        gap: 10px;
    }

    .left-location-card .creche-grid{align-items: stretch;}
    .details-card-outer{
        flex-direction: column;
    justify-content: center;
    align-items: center;
    }
}

@media (min-width: 600px) {
    
    .timeline-header {
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-start;
    }
    
}

@media screen and (max-width: 600px){
    .tab-content.auth-card{gap: 20px;}
    .auth-card{padding: 30px;}
    .login-btn-grid{flex-wrap: wrap;}
    .login-btn-grid .creche-btn{width: 100%; padding: 10px 20px; justify-content: center;}
    
}
@media screen and (max-width: 576px){
    .download-app-card-outer .download-app-card-heading{font-size: 20px;}
    .detail-doc-required-outer .detail-doc-required-heading{width: 100%;}
    .detail-doc-required-outer{gap: 10px;}
    .amenity-row>.col-lg-6{width: 100%;}
    .searchNew-result-card{width: 100%;}
    .citizen-login-outer .auth-card{padding: 30px;}
    .right-basic-detail-grid .right-basic-detail-items{width: 100%;}
    .details-card-outer .details-card-content-outer .creche-name-grid{flex-direction: column;}
    .details-card-outer .details-card-content-outer .details-card-content-list li:before{display: none;}
    .details-card-outer .details-card-content-outer .details-card-content-list{gap: 8px;}
    .main-heading-with-btn{flex-wrap: wrap; gap: 10px;}
    .right-basic-detail-grid{flex-direction: column;}
    .left-location-card .creche-grid{flex-wrap: wrap;}
    .heading-left-border, .card-location-grid .right-location-card .card-location-heading .city-name{font-size: 20px;}
    .home-banner-outer p {
        font-size: 20px;
    }
    .home-banner-outer h1 {
        font-size: 34px;
        line-height: 50px;
    }
    .score-panel-box{flex-wrap: wrap; flex-direction: column;}
    .star-kids-wh-card .star-kids-top-panel{flex-wrap: wrap;}
        .detail-facility-item-grid, .score-panel-box .complaints-received-content-panel, .score-panel-box .complaints-received-content-panel-right {
        width: 100%;
    }
    .profesnoal{
        padding: 20px;
        border-radius: 30px;
        width: 100%;
        max-width: 430px;
        justify-content: center;
    }
        .list-grid-outer-main-kids .main-list-inner-top-one .list-content-section-main .list-km-details {
            justify-content: center;
            flex-direction: column;
            gap: 10px;
        }

        .list-grid-outer-main-kids .main-list-inner-top-one .list-content-section-main .list-km-details .list-kid-text{text-align: center;}
        .list-grid-outer-main-kids .main-list-inner-top-one .list-content-section-main .list-km-details .km-box{text-align: center; width: 100%;}
        .list-grid-outer-main-kids .main-list-inner-top-one .list-of-kids-city-details{justify-content: center;}
        .left-location-card .creche-grid .color-team-a, .left-location-card .creche-grid .color-team-b, .left-location-card .creche-grid .color-team-c {
            padding: 10px 10px;
            gap: 10px;
        }
        .left-location-card .creche-grid .creche-grid-team{flex-direction: column; text-align: center;}
        .card-location-grid .left-location-card .card-location-heading {
            align-items: flex-start;
            flex-direction: column;
        }
        .help-facilities-grid{flex-direction: column;}
        .profesnoal li, .profesnoal .nav-link.active, .profesnoal .nav-link{width: 100%;}
    
        .timeline::before { left: 18px; }
        .timeline-item { padding-left: 45px; }
        .timeline-marker { width: 36px; height: 36px; font-size: 0.9rem; left: 0; }
        .timeline-content { padding: 15px; }           
        
}

@media (max-width: 599px){
    .timeline::before {bottom: 240px;}
    header .header-logo-grid .header-mowcd-text{width: 100%; padding: 0; text-align: center; border: 0;}
}
@media (max-width: 480px) {
    
    .copyright-text{text-align: center;}
    .copyright-content{flex-direction: column;}
    .tab-content.auth-card{gap: 14px; padding: 24px;}
    .tab-content.auth-card .have-acc-outer{font-size: 15px;}
    
    .otp-container{flex-wrap: wrap;}
        .container-fluid {padding: 0 15px;}

    .search-wrapper button {
        width: 100%;
        margin-top: 5px;
    }
    .timeline::before {bottom: 260px;}
}


@media (max-width: 414px){
    
    .top-title-text{width: 100%; text-align: center; font-size: 18px;}
    .score-panel-box .complaints-received-content-panel-right .reviews-mini-text-panel{justify-content: center;}
    .score-panel-box .complaints-received-content-panel-right .reviews-mini-text-panel .detail-rating-content-outer{text-align: center;}
    .top-title-text:after{
        content: '';
        position: absolute;
        width: 5px;
        height: 100%;
        background: #F4780A;
        right: 0;
        border-radius: 20px;
    }
    #forgot-password-section .forgot-btn-grid{flex-wrap: wrap; flex-direction: column-reverse;}
    #forgot-password-section .forgot-btn-grid .creche-btn{width: 100%; justify-content: center;}
    .footer-counter-list li span{font-size: 18px;}
        .home-banner-outer h1 {
        font-size: 26px !important;
        line-height: 34px !important;
    }
    .impact-glance-items-grid .impact-glance-items .impact-glance-items-content .impact-glance-items-list{width: 100%;}
    .footer-counter-list{flex-wrap: wrap;}
    .footer-counter-list li{
        width: 100%;
    }
    .captcha-outer .captcha-image-style{width: 100%; margin: 0 0 8px 0;}
    .captcha-outer{flex-wrap: wrap;}
    .captcha-outer .form-control{width: calc(100% - 46px)}
} /* New css add */




@media (max-width: 375px) {
    .timeline::before {bottom: 310px;}
}
/* media end */