.goa-online-stats {
    margin-left: 18px !important;
    margin-right: 18px !important;
    background: white !important;
    /*        box-shadow: 5px 5px var(--theme-bg-gray);
        box-shadow: 5px 5px #efe5ff;*/
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

    .goa-online-stats:hover {
        transform: scale(1.05);
    }

.login-embelem {
    margin-left: 200px !important;
}

.login-box {
    margin-left: 94px !important;
}

.home-embelem-bg {
    background: white;
    border-radius: 13px;
    padding: 2px 5px;
    width: 96px;
}
/*section leaflet map*/

/*.leaflet-image-layer {
    height: 627px !important;
    transform: translate3d(-36px, -39px, 0px) !important;
    width: 433px !important;
}*/

/*.leaflet-pane svg {
    width: 724px !important;
    transform: translate3d(-108px, -39px, 0px) !important;
    height: 699px !important;
}*/

.leaflet-pane canvas {
    transform: translate3d(-56px, -45px, 0px) !important;
    width: 670px !important;
    height: 693px !important;
}

.leaflet-top .leaflet-control {
    /*    edge*/
    /*    margin-top: 572px !important;*/
    /*    chrome*/
    margin-top: 558px !important;
}

/*.leaflet-control {*/
/* top: 510px !important;  */
/*display: none !important;
}*/

.leaflet-container {
    background: unset !important;
}

.leaflet-pane, .leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-tile-container, .leaflet-pane > svg, .leaflet-pane > canvas, .leaflet-zoom-box, .leaflet-image-layer, .leaflet-layer {
    position: absolute;
    left: 13px !important;
    top: 15px !important;
}

.leaflet-interactive:focus {
    outline: none;
}


/*section home header*/

.home-header {
    font-family: sans-serif;
    position: relative;
    /*    height: 50vh;*/
    /*    background: url('../images/header_bg.png') no-repeat center center/cover;*/
    /*    height: 61vh;*/
    height: 50vh;
    /*    background: url('../images/combined_bg.png') no-repeat center center/cover;*/
    background: url('../images/combined_croped.png') no-repeat center center/cover;
    background-color: #f7f7f7;
    margin: 0px;
    color: white;
}

.home-navbar {
    position: absolute;
    top: 12%;
    left: 0;
    width: 100%;
    background: white;
    padding: 0px 0;
    z-index: 10;
}

.nav-link {
    font-size: small;
}

.home-navbar .navbar-light .navbar-nav .nav-link {
    color: black;
}

.goog-te-gadget-simple {
    white-space: nowrap;
    border: 1px solid purple;
    border-radius: 5px !important;
}

#searchBox {
    padding: 5px;
    font-size: small;
    border-radius: 5px;
    border: 1px solid #ccc;
    margin-top: 2px;
}

.header-container {
    position: relative;
    /*    top: 14%;*/
    top: 0%;
    text-align: justify;
}

.header-info {
    text-align: justify;
    font-family: sans-serif;
    font-size: 40px;
}

.header-image {
    display: flex;
    justify-content: end;
}

/*section home index-card */

.index-cards-container {
    display: flex;
    /*    min-height: 40vh;*/
    min-height: 29vh;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    padding: 20px;
    /*    background: #f7f7f7;*/
    background: var(--theme-bg-gray);
}

.index-card {
    /* width: 200px; */
    width: 157px;
    margin: 10px;
    text-align: center;
    /*    background: #531168;*/
    background: var(--theme-purple);
    padding: 0;
}

    .index-card img {
        /* width: 100%; */
        /* height: 120px; */
        /* width: 66%; */
        /* height: 90px; */
        width: 39%;
        height: 55px;
        object-fit: cover;
    }

    .index-card:hover {
        transform: scale(1.05);
    }

    .index-card .card-body {
        flex: 1 1 auto;
        padding: 0.5rem 0.5rem;
    }


.index-card-header {
    /* padding: 1.5rem 2rem; */
    padding: 1rem 0.5rem;
    border-color: white;
}

/*section home footer*/

/*.home-footer {
    min-height: 64px;*/ /* Adjust as needed */
/*width: 100%;*/ /* Ensure full width */
/*background: linear-gradient(90deg, rgba(78,16,97,1) 0%, rgba(230,102,110,1) 100%) !important;
}*/

/*.home-footer {
    min-height: 10vh;
    width: 100%;*/ /* Ensure full width */
/*background: linear-gradient(90deg, rgba(78,16,97,1) 0%, rgba(230,102,110,1) 100%) !important;
}*/


/*section statistics */
.stats-container {
    /*    background: #f7f7f7;*/
    background: var(--theme-bg-gray);
}

.stats-cards-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-wrap: wrap;
    padding: 20px;
    /*    background: #f7f7f7;*/
    background: var(--theme-bg-gray);
}

.stats-card-button {
    /* width: 200px; */
    margin: 10px;
    text-align: center;
    /*    background: #f7f7f7;*/
    background: var(--theme-bg-gray);
    padding: 0;
    font-size: 24px;
    border-color: rgb(78, 16, 97)
}

.stats-card {
    /* width: 200px; */
    margin: 10px;
    text-align: center;
    /*    background: #f7f7f7;*/
    background: var(--theme-bg-gray);
    padding: 0;
    font-size: 24px;
    border-color: rgb(78, 16, 97)
}

    .stats-card img {
        /* width: 100%; */
        /* height: 120px; */
        /* width: 66%; */
        /* height: 90px; */
        object-fit: cover;
    }

.stats-card-body {
    /* background: #f7f7f7; */
}

.stats-card-header {
    /* padding: 1.5rem 2rem; */
    background: unset;
    border-color: rgb(78, 16, 97);
}


.f_percent_span {
    /*    position: relative;
    left: 78px;*/
    position: absolute;
    left: 68px;
    top: 77px;
    /*    color: #e6666e;*/
    color: var(--theme-pink);
}

.m_percent_span {
    /*    position: relative;
    left: 142px;
    bottom: 105px;*/
    color: #4e1061;
    position: absolute;
    right: 74px;
    bottom: 101px;
}
/*section media queries*/

@media screen and (max-width: 387px) {
    .sr_tbl_div {
        max-width: 300px;
        overflow: hidden;
        overflow-x: scroll;
    }

    .index-card {
        /* width: 152px !important; */
        width: 121px !important;
    }

        .index-card img {
            width: 34% !important;
            height: 35px !important;
        }

    .header-info {
        font-size: 29px !important;
    }

    .gov-link {
        font-size: 11px !important;
    }

    .goagov img {
        height: 35px !important;
    }

    .header-links {
        font-size: 8px !important;
    }

    .gov-first-link {
        margin-right: 0px !important;
        width: 179px !important;
    }

    .header-top-gov span a {
        font-size: 7px !important;
    }

    .goog-te-gadget-simple {
        font-size: 8.6pt !important;
    }

    .navbar-collapse {
        width: 224px;
        padding: 18px 0px 0px 0px;
        position: absolute;
        top: 32px;
        background: white;
        /* left: 220px; */
        border: 1px solid white;
        border-radius: 5px;
    }

    .sec-nav-items .navbar-collapse {
        /* display: flex !important; */
        /*        background: white;*/
        width: 162px !important;
        padding: unset !important;
        position: absolute !important;
        top: 22px !important;
        left: 206px !important;
        z-index: 100;
    }

        .sec-nav-items .navbar-collapse ul {
            width: 160px;
            background: linear-gradient(90deg, rgba(78,16,97,1) 0%, rgba(230,102,110,1) 100%) !important;
            padding: 8px;
            border: 1px solid pink;
            border-radius: 8px;
        }

    .secondary-title {
        margin-left: 18px;
        margin-right: 10px;
    }

        .secondary-title b {
            font-size: 17px !important;
        }

        .secondary-title img {
            width: 26px !important;
        }

    .home-embelem-bg {
        padding: 2px 5px !important;
        width: 70px !important;
    }

        .home-embelem-bg img {
            width: 60px !important;
        }

    .header-container {
        margin-left: 21px !important;
    }

    .stats-card {
        width: 350px !important;
    }

    .f_percent_span {
        /* position: relative !important; */
        /* right: 181px; */
        /*position: absolute !important;*/
        /* left: -48px; */
        /*right: 1px !important;
        top: 0px !important;*/

        position: absolute !important;
        left: 49px !important;
        /* right: 74px !important; */
        top: 79px !important;
    }

    .m_percent_span {
        position: absolute !important;
        right: 40px !important;
        left: unset !important;
        top: 65px !important;
    }

    .fm_card_body {
        padding-left: 25px !important;
        padding-bottom: 25px !important;
    }


    .goa-online-stats {
        margin-left: 18px !important;
        margin-right: 18px !important;
    }

        .goa-online-stats div {
            margin-bottom: 15px;
        }

    #current_taluka {
        padding-left: 10px;
    }

    .login-box {
        margin-left: 53px !important;
        width: 245px !important;
    }

    .login-embelem {
        margin-left: 145px !important;
    }

    .refresh-captcha {
        position: absolute !important;
        left: -13px !important;
    }

    .login-row-container .row {
        margin-right: unset;
    }

    .button-container {
        position: relative;
        width: 260px !important;
        height: 53px !important;
    }

    .menu-links-container {
        padding-top: 0px !important;
    }

    .footer-main {
        justify-content: start;
        padding-left: 47px;
    }

    /*.leaflet-pane svg {*/
    /*        width: 350px !important;
        transform: translate3d(2px, -61px, 0px) !important;
        height: 636px !important;*/

    /*width: 500px !important;
        transform: translate3d(-70px, -127px, 0px) !important;
        height: 616px !important;
    }*/

    .leaflet-top .leaflet-control {
        /*        margin-top: 469px !important;*/
        margin-top: 318px !important;
    }

    #map {
        /*        edge*/
        height: 72vh !important;
        /*chrome*/
        /*        height: 54vh !important;*/
        /*        height: 62vh !important;*/
    }

    /*    col-6*/

    /*.logo_a img {
        width: 53px;
    }
    .line_logo {
        width: 142px;
        height: 2px;
    }

    .logo_a {
        text-align: center;*/
    /* height: 112px; */
    /*height: 90px;
        -webkit-text-stroke: thin;
    }

    .menu-links-container .row>*{
        padding-left : unset !important;
        padding-right : unset !important;
    }
    .menu-links-container {
        
        padding-left: 15px;
        padding-right: 15px;
    }

    #jobAdvtLogo , #tenderLogo{
            width: 58px !important;
            }
        */
}
/* Tablets (Portrait) and smaller */
@media screen and (min-width: 387px) and (max-width: 768px) {

    .sr_tbl_div {
        max-width: 300px;
        overflow: hidden;
        overflow-x: scroll;
    }

    .refresh-captcha {
        left: 244px !important;
    }

    .login-row-container .row {
        margin-right: unset !important;
    }
    /*    collapse show*/
    .navbar-collapse {
        width: 224px;
        padding: 18px 0px 0px 0px;
        position: absolute;
        top: 32px;
        background: white;
        /* left: 220px; */
        border: 1px solid white;
        border-radius: 5px;
    }

    .sec-nav-items .navbar-collapse {
        /* display: flex !important; */
        /*        background: white;*/
        width: 170px;
        /* padding: 3px; */
        position: absolute;
        top: 64px;
        left: 220px;
    }

        .sec-nav-items .navbar-collapse ul {
            width: 170px;
            background: linear-gradient(90deg, rgba(78,16,97,1) 0%, rgba(230,102,110,1) 100%) !important;
            padding: 8px;
            border: 1px solid pink;
            border-radius: 8px;
        }

    .secondary-title {
        margin-left: 18px;
        margin-right: 10px;
    }

        .secondary-title b {
            font-size: 17px !important;
        }

        .secondary-title img {
            width: 26px !important;
        }

    .gov-first-link {
        text-align: center;
        margin-right: 0px;
        text-align: left;
        width: 206px;
        display: flex;
    }

    .header-top-gov span a {
        font-size: 8px;
    }

    .home-header {
        height: 46vh !important; /* Increase height for better visibility */
    }

    .cm_image {
        width: 56%;
    }

    .header-container {
        /*        top: 7% !important;*/
        margin-left: 22px !important;
    }

    .header-info {
        font-size: 32px !important;
    }

    .gov-first-link {
        margin-right: 0px;
        width: 206px;
    }

    .home-navbar {
        top: 3% !important;
    }

    .home-embelem-bg {
        width: 66px !important;
        height: 88px !important;
    }



        .home-embelem-bg img {
            width: 56px !important;
        }


    .index-card {
        /*        width: 152px !important;*/
        width: 139px !important;
    }

        .index-card img {
            /*            width: 77% !important;
            height: 73px !important;*/
            width: 35% !important;
            height: 43px !important;
        }

    #map {
        height: 80vh !important;
    }

    /*.leaflet-image-layer {
        transform: translate3d(-81px, -5px, 0px) !important;
        width: 425px !important;*/
    /*        height: 628px !important;*/
    /*height: 617px !important;
    }*/

    /*.leaflet-pane svg {*/
    /*        width: 448px !important;
        transform: translate3d(-20px, -116px, 0px) !important;
        height: 925px !important;*/
    /*        width: 404px !important;
        transform: translate3d(3px, -142px, 0px) !important;
        height: 964px !important;*/
    /*        width: unset !important;
        transform: unset !important;
        height: unset !important;*/
    /*        width: 356px !important;*/
    /*width: 250px !important;*/
    /*        transform: translate3d(-108px, -49px, 0px) !important;*/
    /*transform: translate3d(0px, -49px, 0px) !important;
        height: 754px !important;
        left: unset !important;
    }*/

    g {
        transform: translate3d(23px, 0px, 0px) !important;
    }

    .stats-card {
        width: 322px !important;
    }

    .f_percent_span {
        position: relative !important;
        right: 87px !important;
        left: unset !important;
        top: 79px !important;
        color: #e6666e !important;
    }

    .m_percent_span {
        /*        left: 123px !important;*/
        right: 30px !important;
    }

    .fm_card_body {
        padding-left: 10px !important;
        padding-top: 10px !important;
    }

    .login-box {
        margin-left: 52px !important;
    }

    .login-embelem {
        margin-left: 160px !important;
    }

    .login-cm-image {
        margin-top: 0px !important;
    }

    .button-container {
        position: relative;
        width: 260px !important;
        height: 53px !important;
    }

    .menu-links-container {
        padding-top: 0px !important;
    }
}

/* Tablets (Portrait) and smaller */
/*@media screen and (min-width: 481px) and (max-width: 768px) {
    .home-header {
        height: 82vh;*/ /* Increase height for better visibility */
/*}

    .cm_image {
        width: 36%;
    }

    .header-container {*/
/*        top: 8% !important;*/
/*margin-left: 15px;
    }

    .home-navbar {
        top: 3% !important;
    }

    .index-card {
        width: 152px !important;
    }

        .index-card img {
            width: 77% !important;
            height: 73px !important;
        }
}*/

@media screen and (min-width: 1360px) and (max-width: 1368px) {

    .refresh-captcha {
        /*        left: 502px !important;*/
        left: 492px !important;
    }

    .login-cm-image {
        margin-top: 210px !important;
    }

    /*   .leaflet-pane svg {
        width: 724px !important;
        transform: translate3d(-106px, -18px, 0px) !important;
        height: 652px !important;
    }*/

    .leaflet-pane canvas {
        transform: translate3d(-56px, -45px, 0px) !important;
        width: 693px !important;
        height: 872px !important;
    }

    .leaflet-top .leaflet-control {
        margin-top: 565px !important;
        /*        margin-top: 660px !important;*/
    }
}

@media screen and (min-width: 1368px) and (max-width: 1580px) {

    .leaflet-image-layer {
        transform: translate3d(71px, -2px, 0px) !important;
        width: 420px !important;
        height: 612px !important;
    }

    /*  .leaflet-pane svg {
        width: 700px !important;
        transform: translate3d(3px, -142px, 0px) !important;
        height: 964px !important;
    }*/
    /*
    #map {
        height: 73vh !important;
    }

    .stats-container {
        height: 73vh !important;
    }
*/
    .index-card {
        width: 161px !important;
    }

        .index-card img {
            width: 40% !important;
            height: 59px !important;
        }

    .login-cm-image {
        margin-top: 253px !important;
    }
}

@media screen and (min-width: 1581px) and (max-width: 1918px) {

    .leaflet-image-layer {
        transform: translate3d(71px, -2px, 0px) !important;
        width: 420px !important;
        height: 612px !important;
    }

    /*.leaflet-pane svg {
        width: 700px !important;
        transform: translate3d(3px, -142px, 0px) !important;
        height: 964px !important;
    }*/

    #map {
        height: 73vh !important;
    }

    .stats-container {
        height: 73vh !important;
    }

    .index-card {
        width: 161px !important;
    }

        .index-card img {
            width: 40% !important;
            height: 59px !important;
        }
}

@media screen and (min-width: 1919px) and (max-width: 2559px) {
    /* STYLES HERE */

    .refresh-captcha {
        left: 900px !important;
    }


    body {
        font-size: 20px !important;
    }

    .logo_a {
        font-size: 18px !important;
    }

    .gov-img {
        height: 63px !important;
    }

    .gov-link {
        font-size: 20px !important;
        display: flex;
        align-items: center;
    }

    .header-links a {
        font-size: 16px !important;
    }

    .home-navbar {
        height: 54px !important;
    }

    .goog-te-gadget-simple {
        font-size: 14pt !important;
    }

    .nav-link {
        font-size: 19px !important;
    }

    #searchBox {
        font-size: 20px !important;
    }

    .header-container {
        /*        top: 15% !important;*/
    }

    .cm_image {
        width: 463px !important;
    }

    .home-embelem-bg {
        width: 144px !important;
    }

        .home-embelem-bg img {
            width: 134px !important;
        }

    .header-info-text {
        font-size: 65px !important;
    }

    .header-info img {
        width: 65px !important;
    }

    .dropbtn img, .mail-us img {
        width: 30px !important;
    }

    .index-card {
        width: 250px !important;
    }

        .index-card img {
            width: 49% !important;
            height: 113px !important;
        }

        .index-card .card-body {
            padding: 1.5rem 1.5rem !important;
        }

    .index-card-header {
        padding: 2rem 0.5rem !important;
    }


    .address-footer {
        font-size: 17px !important;
        line-height: 23.2px !important;
    }

    .footer-block {
        font-size: 17px !important;
    }

    .footer-heading {
        font-size: 23px !important;
        line-height: 26px !important;
    }

    .footer-ul {
        font-size: 18px !important;
    }

    .footer-bottom {
        font-size: 14px !important;
    }

    .copyright-text {
        font-size: 13px;
        line-height: 25.6px;
    }

    .leaflet-image-layer {
        z-index: 1;
        transform: translate3d(-36px, 44px, 0px) !important;
        width: 471px !important;
        height: 681px !important;
    }

    /*  .leaflet-pane svg {
        width: 790px !important;
        transform: translate3d(-115px, -61px, 0px) !important;
        height: 968px !important;
    }*/

    #map {
        height: 75vh !important;
    }

    .stats-container {
        min-height: 80vh !important;
    }

    /*menu*/
    .menu-cards-container {
        min-height: 36vh !important;
    }

    .button-container {
        position: relative !important;
        width: 420px !important;
        height: 200px !important;
        font-size: 20px !important;
    }

    .arrow-circle {
        width: 20px !important;
        height: 20px !important;
    }

        .arrow-circle img {
            width: 25px !important;
        }

    .btn-gradient, .btn-white {
        width: 230px !important;
        font-size: 20px !important;
        height: 49px !important;
    }

    .menu-links-container {
        min-height: 40vh !important;
    }

    /*    .btn-white {
        width: 230px !important;
        font-size: 18px !important;
        height: 49px;
    }*/



    /*login*/

    .login-cm-img {
        margin-top: 432px !important;
    }

    .login-embelem {
        width: 95px !important;
        margin-left: 204px !important;
    }

    .login-header-info {
        font-size: 60px !important;
    }

    .login-stats-img {
        width: 60px !important;
        /*        margin-left: 191px !important;*/
    }

    .login-box {
        margin-left: 105px !important;
        width: 315px !important;
    }

        .form-control, .login-box button {
            font-size: 18px !important;
        }
}


@media screen and (min-width: 2560px) and (max-width: 3839px) {

    .refresh-captcha {
        left: 585px !important;
    }

    .home-header-navbar .container, .home-header .container {
        max-width: 1900px !important;
    }

    .menu-cards .container, .menu-links .container {
        max-width: 1900px !important;
    }
    /* STYLES HERE */

    body {
        font-size: 25px !important;
    }

    .logo_a {
        font-size: 22px !important;
    }

    .gov-img {
        height: 63px !important;
    }

    .gov-link {
        font-size: 20px !important;
        display: flex;
        align-items: center;
    }

    .header-links a {
        font-size: 16px !important;
    }

    .home-navbar {
        height: 54px !important;
    }

    .goog-te-gadget-simple {
        font-size: 14pt !important;
    }

    .nav-link {
        font-size: 19px !important;
    }

    #searchBox {
        font-size: 20px !important;
    }

    .header-container {
        /*        top: 15% !important;*/
    }

    .cm_image {
        width: 463px !important;
    }

    .home-embelem-bg {
        width: 183px !important;
        height: 254px !important;
    }

        .home-embelem-bg img {
            width: 172px !important;
        }

    .header-info-text {
        font-size: 85px !important;
    }

    .header-info img {
        width: 80px !important
    }

    .dropbtn img, .mail-us img {
        width: 30px !important;
    }

    .index-card {
        width: 270px !important;
    }

        .index-card img {
            width: 54% !important;
            height: 136px !important;
        }

        .index-card .card-body {
            padding: 1.5rem 1.5rem !important;
        }

    .index-card-header {
        padding: 2rem 0.5rem !important;
    }


    .address-footer {
        font-size: 17px !important;
        line-height: 23.2px !important;
    }

    .footer-block {
        font-size: 17px !important;
    }

    .footer-heading {
        font-size: 23px !important;
        line-height: 26px !important;
    }

    .footer-ul {
        font-size: 18px !important;
    }

    .footer-bottom {
        font-size: 14px !important;
    }

    .copyright-text {
        font-size: 13px;
        line-height: 25.6px;
    }

    .leaflet-image-layer {
        /*        z-index: 1;
        transform: translate3d(-36px, 44px, 0px) !important;
        width: 471px !important;
        height: 681px !important;*/
        transform: translate3d(-41px, 38px, 0px) !important;
        width: 479px !important;
        height: 694px !important;
    }

    /*  .leaflet-pane svg {
        width: 794px !important;
        transform: translate3d(-117px, -222px, 0px) !important;
        height: 1294px !important;
    }*/

    #map {
        height: 56vh !important;
    }

    .stats-container {
        min-height: 68vh !important;
    }

    /*menu*/
    .menu-cards-container {
        min-height: 36vh !important;
    }

    .button-container {
        position: relative !important;
        width: 520px !important;
        height: 225px !important;
        font-size: 25px !important;
    }

    .arrow-circle {
        width: 20px !important;
        height: 20px !important;
    }

        .arrow-circle img {
            width: 25px !important;
        }

    .btn-gradient, .btn-white {
        width: 316px !important;
        font-size: 25px !important;
        height: 56px !important;
    }

    .menu-links-container {
        min-height: 40vh !important;
    }

    .line_logo {
        width: 270px !important;
        height: 2px;
    }

    /*    .btn-white {
        width: 230px !important;
        font-size: 18px !important;
        height: 49px;
    }*/



    /*login*/

    #login .container {
        margin-right: unset !important;
        max-width: 2543px !important;
    }

    .login-cm-img {
        margin-top: 432px !important;
    }

    .login-embelem {
        width: 95px !important;
        margin-left: 480px !important;
    }

    .login-header-info {
        font-size: 60px !important;
    }

    .login-stats-img {
        width: 60px !important;
        /*        margin-left: 191px !important;*/
    }

    .login-box {
        margin-left: 345px !important;
        width: 370px !important;
    }

        .form-control, .login-box button {
            font-size: 18px !important;
        }
}