@charset "UTF-8";
/* ===================================== Global ========================================== */
    @font-face {
        font-family: 'Inter';
        src: url(../geda-fonts/Inter/Inter.woff2) format(woff2);
    }
    @font-face {
        font-family: 'Oswald';
        src: url(../geda-fonts/Oswald/Oswald.woff2) format(woff2);
    }

    html,
    body,
    div,
    span,
    applet,
    object,
    iframe,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p,
    blockquote,
    pre,
    a,
    abbr,
    acronym,
    address,
    big,
    cite,
    code,
    del,
    dfn,
    em,
    img,
    ins,
    kbd,
    q,
    s,
    samp,
    small,
    strike,
    strong,
    sub,
    sup,
    tt,
    var,
    b,
    u,
    i,
    center,
    dl,
    dt,
    dd,
    ol,
    ul,
    li,
    fieldset,
    form,
    label,
    legend,
    table,
    caption,
    tbody,
    tfoot,
    thead,
    tr,
    th,
    td,
    article,
    aside,
    canvas,
    details,
    embed,
    figure,
    figcaption,
    footer,
    header,
    hgroup,
    menu,
    nav,
    output,
    ruby,
    section,
    summary,
    time,
    mark,
    audio,
    video {
        margin: 0;
        padding: 0;
        border: 0;
    }

    HTML5 display-role reset for older browsers article,
    aside,
    details,
    figcaption,
    figure,
    footer,
    header,
    hgroup,
    menu,
    nav,
    section {
        display: block;
    }

    body {
        line-height: 1;
        transition: .5s ease-in-out;
    }

    ol,
    ul {
        list-style: none;
    }

    blockquote,
    q {
        quotes: none;
    }

    blockquote:before,
    blockquote:after,
    q:before,
    q:after {
        content: '';
        content: none;
    }

    table {
        border-collapse: collapse;
        border-spacing: 0;
    }

    a,
    span,
    a {
        text-decoration: none;
        display: inline-block;
    }

    a:hover {
        text-decoration: none;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6{
        font-family: var(--heading-font);
    }
    a, p, span {
        font-family: var(--text-font);
    }
    * {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    html,
    body {
        overflow-x: hidden;
    }

    body {
        font-family: var(--text-font);
    }
    .gd-heading,
    .gd-heading > h1,
    .gd-heading > h2,
    .gd-heading-dark,
    .gd-heading-dark > h1,
    .gd-heading-dark > h2,
    .gd-heading-light,
    .gd-heading-light > h1,
    .gd-heading-light > h2,
    .gd-heading-gray,
    .gd-heading-gray > h1,
    .gd-heading-gray > h2 {
        font-size: 2.2rem;
        font-weight: 700;
        line-height: 1.2;
        font-family: var(--heading-font) !important;
    }
    .gd-heading-dark,
    .gd-heading-dark > h1,
    .gd-heading-dark > h2 {
        color: var(--heading-color);
    }
    .gd-heading-light,
    .gd-heading-light > h1,
    .gd-heading-light > h2 {
        color: var(--navigation-text-color);
    }
    .gd-heading-gray,
    .gd-heading-gray > h1,
    .gd-heading-gray > h2 {
        color: var(--neutral-color);
    }

    .gd-sub-heading,
    .gd-sub-heading > h3,
    .gd-sub-heading > h4,
    .gd-sub-heading-dark,
    .gd-sub-heading-dark > h3,
    .gd-sub-heading-dark > h4,
    .gd-sub-heading-light,
    .gd-sub-heading-light > h3,
    .gd-sub-heading-light > h4,
    .gd-sub-heading-gray,
    .gd-sub-heading-gray > h3,
    .gd-sub-heading-gray > h4,
    .gd-sub-heading-blue,
    .gd-sub-heading-blue > h3,
    .gd-sub-heading-blue > h4  {
        font-size: 1.4rem;
        font-weight: 600;
        line-height: 1.2;
        font-family: var(--text-font);
    }
    .gd-sub-heading,
    .gd-sub-heading > h3,
    .gd-sub-heading > h4{
        color: var(--primary-color);
    }
    .gd-sub-heading-dark,
    .gd-sub-heading-dark > h3,
    .gd-sub-heading-dark > h4 {
        color: var(--sub-heading-color);
    }
    .gd-sub-heading-light,
    .gd-sub-heading-light > h3,
    .gd-sub-heading-light > h4 {
        color: var(--navigation-text-color);
    }
    .gd-sub-heading-gray,
    .gd-sub-heading-gray > h3,
    .gd-sub-heading-gray > h4 {
        color: var(--neutral-color);
    }
    .gd-sub-heading-blue,
    .gd-sub-heading-blue > h3,
    .gd-sub-heading-blue > h4 {
        color: var(--secondary-color);
    }
    .gd-text-dark,
    .gd-text-dark > p,
    .gd-text-light,
    .gd-text-light > p,
    .gd-text-gray,
    .gd-text-gray > p,
    .gd-text-orange,
    .gd-text-orange > p {
        font-size: 18px;
        font-weight: normal;
        line-height: 1.7;
        font-family: var(--text-font);
    }
    .gd-text,
    .gd-text > p{
        color: var(--primary-color);
    }
    .gd-text-dark,
    .gd-text-dark > p {
        color: var(--heading-color);
    }
    .gd-text-light,
    .gd-text-light > p {
        color: var(--navigation-text-color);
    }
    .gd-text-gray,
    .gd-text-gray > p {
        color: var(--paragraph-color);
    }
    .gd-text-blue,
    .gd-text-blue > p {
        color: var(--secondary-color);
    }
    .gd-text-orange,
    .gd-text-orange > p {
        color: var(--accent-color);
    }
    .gd-sub-text-gray,
    .gd-sub-text-gray p{
        font-size: 14px;
        font-weight: normal;
        line-height: 1.5;
        color: var(--mute-text-color);

    }
    .gd-number-dark,
    .gd-number-dark > p,
    .gd-number-dark > span,
    .gd-number-light,
    .gd-number-light > p,
    .gd-number-light > span,
    .gd-number-gray,
    .gd-number-gray > p,
    .gd-number-gray > span,
    .gd-number-blue,
    .gd-number-blue > p,
    .gd-number-blue > span,
    .gd-number-orange,
    .gd-number-orange > p,
    .gd-number-orange > span {
        font-size: 1.5rem;
        font-weight: 600;
        line-height: 1.2;
        font-family: var(--heading-font);
    }
    .gd-number-dark,
    .gd-number-dark > p,
    .gd-number-dark > span {
        color: var(--sub-heading-color);
    }
    .gd-number-light,
    .gd-number-light > p,
    .gd-number-light > span {
        color: var(--navigation-text-color);
    }
    .gd-number-gray,
    .gd-number-gray > p,
    .gd-number-gray > span {
        color: var(--neutral-color);
    }
    .gd-number-blue,
    .gd-number-blue > p,
    .gd-number-blue > span {
        color: var(--secondary-color);
    }
    .gd-number-orange,
    .gd-number-orange > p,
    .gd-number-orange > span {
        color: var(--accent-color);
    }

    .full-width-container,
    .banner-container{
        max-width: 1920px;
        width: 100%;
        padding: 0;
        margin: auto;
    }
    .banner-container {
        margin-top: -30px;
        margin-bottom: 20px;
    }
    .text-justify {
        text-align: justify;
    }

    /* Buttons */
        .know-more-btn{
            font-family: var(--text-font);
            font-weight: 400;
            font-size: 14px;
            line-height: 20px;
            color: var(--accent-color);
            transition: .5s ease-in-out;
            display: flex;
            align-items: center;
            width: max-content;
            padding: 2px 2px;
            border-radius: 20px;
        }
        .know-more-btn p{
            margin: 0 10px;
        }
        .know-more-btn span{
            width: 30px;
            height: 30px;
            background: var(--accent-color);
            padding: 5px 10px;
            border-radius: 50%;
            transition: .5s ease-in-out;
        }
        .know-more-btn span i{
            font-size: 13px;
            color: var(--navigation-text-color);
            transform: rotate(0deg);
            transition: .7s;
        }
        .know-more-btn:hover{
            color: var(--navigation-text-color);
            background: var(--accent-color);
            transition: .5s ease-in-out;
            animation: pulse 1.2s ease-out;
        }
        .know-more-btn:hover span{
            background: var(--navigation-text-color);
            transition: .5s ease-in-out;
        }
        .know-more-btn:hover span i{
            color: var(--accent-color);
            animation: arrowMove 0.9s ease forwards;
        }

         /* Keyframes for arrow motion */
        @keyframes arrowMove {
            0% { transform: rotate(0deg) translateX(0px); }
            20% { transform: rotate(-30deg) translateX(0px); }
            40% { transform: rotate(-30deg) translateX(-5px); }
            60% { transform: rotate(-30deg) translateX(0px); }
            80% { transform: rotate(-30deg) translateX(5px); }
            100% { transform: rotate(-30deg) translateX(0); }
        }

        /* Pulse Effect */
        @keyframes pulse {
            0% { box-shadow: 0 0 0 0 rgba(var(--accent-color-rgb), 0.4); }
            70% { box-shadow: 0 0 0 10px rgba(var(--accent-color-rgb), 0); }
            100% { box-shadow: 0 0 0 0 rgba(var(--accent-color-rgb), 0); }
        }

    /* Buttons */
    .spacer-10{
        height: 10px;
    }

/* ===================================== Global ========================================== */

/* ===================================== Navigation ====================================== */
    .header-area {
        margin-bottom: 30px;
    }
    /* Top Navigation */
        .header-absolute {
            position: absolute;
            width: 100%;
            z-index: 1000;
        }
        .support-bar-area a {
            color: var(--navigation-text-color);
            font-size: 14px;
            display: block;
            font-weight: 400;
        }
        .top-left-nav .d-flex.align-items-center{
            margin: 0 5px;
            padding: 10px 0;
        }
        .top-left-nav .d-flex.align-items-center i{
            margin-right: 10px;
            font-size: 22px;
        }
        .top-left-nav .d-flex.align-items-center span{
            font-size: 16px;
            margin-right: 5px;
        }

        .support-bar-area {
            /* padding: 13px 0; */
            font-size: 16px;
            color: var(--navigation-text-color);
        }

        .support-bar-area .support-contact-info i {
            color: var(--accent-color);
            font-size: 16px;
            margin-right: 4px;
        }

        .support-bar-area i {
            margin: 0px;
            font-size: 14px;
            font-weight: 400;
        }

        .support-bar-area ul.social-links {
            position: relative;
            display: inline-block;
        }

        .support-bar-area ul.social-links::after {
            position: absolute;
            content: "|";
            display: inline-block;
            right: 0px;
            top: 0px;
        }

        .support-bar-area ul.social-links li {
            display: inline-block;
            margin-right: 15px;
        }

        .support-bar-area ul.social-links li a {
            color: var(--navigation-text-color);
            -webkit-transition: .3s;
            transition: .3s;
        }

        .support-bar-area ul.social-links li a:hover {
            color: var(--accent-color);
        }

        .support-bar-area ul.social-links li:last-child {
            margin-right: 25px;
        }

        .support-bar-area a {
            color: var(--navigation-text-color);
            font-size: 14px;
            display: block;
            font-weight: 400;
        }
        .top-left-nav .d-flex.align-items-center{
            margin: 0 5px;
        }
        .top-left-nav .d-flex.align-items-center i{
            margin: 0 10px 0 3px;
            font-size: 22px;
        }
        .top-left-nav .d-flex.align-items-center span{
            font-size: 16px;
        }
        .language {
            display: inline-block;
            /* margin-left: 25px; */
            position: relative;
        }

        a.language-btn {
            position: relative;
            text-decoration: none;
            /* width: 85px; */
            text-align: left;
            -webkit-transition: .5s;
            transition: .5s;
        }
        .top-left-nav a.d-flex.align-items-center:hover{
            /* color: var(--accent-color); */
        }

        .language-btn::after {
            content: "\f078";
            position: absolute;
            right: -2px;
            font-family: 'Font Awesome 5 Free';
            font-weight: 700;
            top: 6px;
            font-size: 11px;
        }
        .library-btn::after{
            top: 4px;
        }

        ul.language-dropdown {
            text-align: center;
            position: absolute;
            z-index: 10;
            top: 25px;
            left: 0;
            width: 120px;
            visibility: hidden;
            opacity: 0;
            -webkit-transform: translateY(20px);
            transform: translateY(20px);
            -webkit-transition: .5s;
            transition: .5s;
        }

        ul.language-dropdown.open {
            visibility: visible;
            opacity: 1;
            -webkit-transform: translateY(0px);
            transform: translateY(0px);
        }

        ul.dropdown li {
            display: block;
        }

        ul.language-dropdown li {
            position: relative;
            background-color: var(--primary-color);
            z-index: -1;
        }

        ul.language-dropdown li a {
            display: block;
            position: relative;
            /* padding: 12px 16px; */
            padding: 10px 16px;
            color: var(--navigation-text-color);
            border-bottom: 1px solid rgba(255, 255, 255, 0.1);
            text-decoration: none;
            text-align: left;
            line-height: 1.5;
        }

        ul.language-dropdown li a::before {
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            height: 100%;
            width: 0%;
            background: var(--accent-color);
            z-index: -1;
            -webkit-transition: .5s;
            transition: .5s;
        }

        ul.language-dropdown li a:hover::before {
            width: 100%;
        }

        ul.language-dropdown li:last-child a {
            border-bottom: none;
        }

        .language a i {
            margin-right: 3px;
        }
        .top_menu{
            margin-top:3px;
        }

        .top-left-nav .main-menu{
            display:flex;
            padding: 14px 0 6px 0;
        }
        .top-left-nav .main-menu li{
            margin-right: 10px;
        }
        .top-left-nav .main-menu li.dropdown a.dropdown-btn{
            padding: 5px 15px 6px 0px;
            font-size: 16px;
            font-weight: normal;
            margin: 0;
            line-height: normal;
        }
        .top-left-nav .main-menu li.dropdown{
            margin: 0 10px;
        }
        .top-left-nav .main-menu li.dropdown .dropdown-lists{
            min-width: -webkit-fill-available;
            max-width: max-content;
            left: -5px;
            top: 30px;
        }
        .top-left-nav .main-menu li.dropdown::after{
            top: 35%;
            font-size: 10px;
            right: 2%;
        }
        .top-left-nav .main-menu li.dropdown ul.dropdown-lists li{
            background-color: var(--primary-color);
        }
        .top-left-nav .main-menu li.dropdown ul.dropdown-lists li a{
            padding: 8px 10px;
            color: var(--navigation-text-color);
            border-bottom: 1px solid rgba(255, 255, 255, 0.1);
            text-decoration: none;
            text-align: left;
            /* line-height: 1.5; */
            overflow: auto;
            text-overflow: unset;
            font-size: 14px;
            font-weight: normal;
            font-size: 14px;
            display: block;
            font-weight: 400;
        }
        .top-left-nav .main-menu li a {
            color: var(--navigation-text-color);
            font-size: 14px;
            display: block;
            font-weight: 400 !important;
            font-size: 16px;
            margin: 0 5px;
            padding: 8px 0;
            margin: 0 5px;
            padding: 8px 0;
            word-spacing: 0;
            white-space: unset;
            overflow: hidden;
            text-overflow: unset;
            text-transform: none;
        }
        .top-left-nav .main-menu {
            padding: 0;
        }
    /* Top Navigation */


    /* Middle Navigation */
        /* .logo-1 p {
            font-size: 15px;
            line-height: 1.2;
            width: 90%;
            margin: auto;
        } */
        .logo-1 img
        {
            width: 79%;
        }
        .logo-3{
            width:78%;
        }
        .logo-2{
            width: 48%;
        }
        .text-logo div{
            /* height: calc(100vh - 270px); */
            /* height: 17vh; */
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .text-logo h2,
        .text-logo2 h2{
            color: var(--primary-color);
            font-size: 40px;
            font-weight: 600;
            line-height: 1.2;
        }
        .text-logo2{
            display: none;
        }

        .logo-navigation {
            padding: 10px 0;
            position: relative;
            z-index: 1;
        }

        .centered-title {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            text-align: center;
            width: 100%;
            pointer-events: none; /* we move pointer-events to the anchor */
            z-index: 9999; /* apply high z-index here */
        }

        .centered-title a {
            color: var(--primary-color);
            font-family: var(--heading-font);
            font-size: 40px;
            font-weight: 600;
            line-height: 1.2;
            margin: 0;
            position: relative;
            pointer-events: auto; /* allow link to be clickable */
            z-index: 10000; /* higher than parent if needed */
            display: inline-block;
        }


    /* Middle Navigation */

    /* Bottom Navigation */
        .header-navbar {
            /* padding: 10px 5% 10px 5%; */
            padding: 8px 0 8px 0;
            position: relative;
        }
        ul#mainMenu {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        #mobileMenu {
            display: none;
        }

        .sticky-navbar .support-bar-area {
            display: none;
        }

        .sticky-navbar .header-navbar {
            border: none;
            padding: 10px 0px;
        }

        .sticky-navbar .main-menu {
            padding: 6px 0px;
        }

        .main-menu li {
            display: inline-block;
            margin-right: 3px;
        }

        .main-menu li:last-child {
            margin-right: 0px;
        }

        .main-menu li a {
            display: block;
            position: relative;
            /* padding: 15px 10px; */
            padding: 10px 14px;
            /* font-size: 19px; */
            /* text-transform: capitalize; */
            color: var(--navigation-text-color);
            /* font-weight: 500; */
            text-decoration: none;
            -webkit-transition: .5s;
            transition: .5s;
            line-height: normal;
            /* margin: 0 3%; */
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            word-spacing: 3px;
            font-weight: 700;
            font-size: 20px;
            letter-spacing: 1px;
        }

        /* .main-menu li a::after {
            content: "";
            width: 0px;
            height: 3px;
            background-color: var(--accent-color);
            position: absolute;
            top: 0px;
            left: 0px;
            -webkit-transition: .5s;
            transition: .5s;
        } */
        .main-menu li a::before,
        .top-left-nav .main-menu li a::before,
        .top-left-nav .d-flex.align-items-center::before {
            content: "";
            width: 0px;
            height: 3px;
            background-color: var(--accent-color);
            position: absolute;
            bottom: 0px;
            right: 0px;
            -webkit-transition: .5s;
            transition: .5s;
        }
        .top-left-nav .d-flex.align-items-center::before,
        .top-left-nav .main-menu li a:hover::before{
            height: 2px;
        }

        .main-menu li a:hover::after {
            width: 100%;
        }

        .top-left-nav a.d-flex.align-items-center:hover::before,
        .top-left-nav .main-menu li a:hover::before,
        .main-menu li a:hover::before {
            width: 100%;
        }
        /* .top-left-nav .main-menu, .top-left-nav .d-flex.align-items-center, .logo-navigation{ */
        .top-left-nav .d-flex.align-items-center, .logo-navigation{
            padding: 8px 0;
            margin-bottom: 5px;
            margin-top: 5px;
            position: relative;
        }

        /* .main-menu li a:hover {
            color: var(--accent-color);
        } */
        .top-left-nav .main-menu li a:hover {
            /* color: var(--accent-color); */
        }

        .main-menu li a.boxed-btn::after,
        .main-menu li a.boxed-btn::before {
            display: none;
        }

        .main-menu li.active a {
            color: var(--accent-color);
        }

        .main-menu li a.boxed-btn {
            font-weight: 600;
            padding: 20px;
            margin-left: 25px;
            -webkit-transition: .5s;
            transition: .5s;
            border: 1px solid var(--accent-color);
        }

        .main-menu li a.boxed-btn:hover {
            background-color: var(--navigation-text-color);
            border: 1px solid var(--accent-color);
            color: var(--accent-color);
        }

        .main-menu li.dropdown {
            position: relative;
            margin-right: 15px;
        }

        .main-menu li.dropdown::after {
            position: absolute;
            content: "\f078";
            right: -2%;
            top: 42%;
            font-family: 'Font Awesome 5 Free';
            font-weight: 700;
            color: var(--navigation-text-color);
            font-size: 11px;
            -webkit-transition: .5s;
            transition: .5s;
        }

        .main-menu li.dropdown.active::after {
            color: var(--accent-color);
        }

        .main-menu li.dropdown ul.dropdown-lists {
            position: absolute;
            top: auto;
            left: 0;
            /* width: max-content; */
            max-width: fit-content;
            min-width: -webkit-fill-available;
            text-align: left;
            z-index: 10;
            visibility: hidden;
            opacity: 0;
            -webkit-transition: .5s;
            transition: .5s;
            -webkit-transform: translateY(20px);
            transform: translateY(20px);
        }

        .main-menu li.dropdown:hover ul.dropdown-lists {
            visibility: visible;
            opacity: 1;
            -webkit-transform: translateY(0px);
            transform: translateY(0px);
        }

        .main-menu li.dropdown:hover a {
            /* color: var(--accent-color); */
        }

        .main-menu li.dropdown:hover a.dropdown-btn::after {
            width: 100%;
        }

        .main-menu li.dropdown:hover a.dropdown-btn::before {
            width: 100%;
        }
        .main-menu li.dropdown:hover::after {
            /* color: var(--accent-color); */
        }

        .main-menu li.dropdown ul.dropdown-lists li {
            display: block;
            margin: 0px;
            position: relative;
            z-index: -1;
            background-color:  var(--secondary-color);
            border-bottom: 1px solid rgba(255, 255, 255, .1);
            /* width: 280px; */
        }

        .main-menu li.dropdown ul.dropdown-lists li:last-child {
            border-bottom: none;
        }

        .main-menu li.dropdown ul.dropdown-lists li a {
            position: relative;
            color: var(--navigation-text-color);
            border-top: none;
            white-space: normal;
            line-height: 1.5;
            word-spacing: normal;
            letter-spacing: normal;
        }

        .main-menu li.dropdown ul.dropdown-lists li a::after {
            background-color: transparent;
        }

        .main-menu li.dropdown ul.dropdown-lists li a::before {
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            width: 0%;
            background-color: var(--accent-color);
            z-index: -1;
            -webkit-transition: .5s;
            transition: .5s;
        }

        .main-menu li.dropdown ul.dropdown-lists li a:hover::before {
            width: 100%;
        }
        .header-navbar.fixed {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            width: 100%;
            z-index: 99;
        }
        .header-navbar {
            padding: 0px;
        }

        .main-menu li.dropdown ul.dropdown-lists li a {
            font-size: 18px;
            font-weight: 400;
        }

        .top-left-nav .main-menu li a, .top-left-nav .d-flex.align-items-center span, 
        .top-left-nav .main-menu li a, .top-left-nav .dropdown-btn {
            padding: 6px 0px;
            font-size: .95rem !important;
        }

    /* Bottom Navigation */

    /* Mobile Navigation */
        #mobileMenu {
            display: none;
        }
        ul.slicknav_nav li.dropdown.slicknav_parent ul.dropdown-lists li a::after{
            position: absolute;
            left: 0;
            top: 10px;
            font-family: "Font Awesome 5 Free";
            content: "\f0da";
            font-weight: 700;
            font-size: 22px;
            color: var(--accent-color);
            transition: 0.5s;
        }
        ul.slicknav_nav li.dropdown.slicknav_parent ul.dropdown-lists li{
            position: relative;
        }
        ul.slicknav_nav li.dropdown.slicknav_parent ul.dropdown-lists li:hover a::after{
            color: var(--navigation-text-color);
            transition: 0.5s;
        }
    /* Mobile Navigation */



/* ===================================== Navigation ====================================== */

/* ===================================== Footer ========================================= */
    .footer-section {
        background-color: var(--primary-color);
        color: var(--navigation-text-color);
        /* margin-top: 30px; */
    }
    .footer-logo-wrapper {
        text-align: left;
        max-width: 150px;
        max-height: 60px;
    }
    .footer-logo-wrapper a {
        display: inline-block;
    }
    .footer-logo-wrapper img {
        width: 100%;
    }
    .footer-section .footer-txt a {
        font-size: 30px;
        line-height: 1.2;
        font-weight: 500;
        color: var(--navigation-text-color);
        font-family: var(--heading-font);
    }
    .footer-section .footer-txt {
        width: 85%;
    }
    ul.footer-links li {
        display: block;
        margin-bottom: 10px;
    }
    ul.footer-links li:last-child {
        margin-bottom: 0;
    }
    ul.footer-links li a {
        position: relative;
        display: inline-block;
        color: var(--navigation-text-color);
        text-decoration: none;
        font-family: var(--text-font);
        font-weight: 500;
        font-size: 18px;
        line-height: 25px;
        padding-left: 0;
        -webkit-transition: 0.5s;
        transition: 0.5s;
    }
    /* ul.footer-links li a::after {
        position: absolute;
        left: 0;
        top: 0;
        font-family: "Font Awesome 5 Free";
        content: "\f0da";
        font-weight: 700;
        color: var(--accent-color);
    } */
    ul.footer-links li a:hover {
        -webkit-transform: translateX(5px);
        transform: translateX(5px);
        color: var(--accent-color);
    }
    .top-footer-section {
        padding: 30px 0 30px 0;
        /* border-bottom: 2px solid var(--secondary-color); */
    }
    .copyright-section {
        padding: 14px 0 14px;
        background: var(--accent-color);
    }

    .copyright-section p {
        font-size: 17px;
        color: var(--sub-heading-color);
    }

    /* .copyright-section .developed-by p {
        text-align: right;
    } */

    .footer-map iframe{
        width: 100%;
    }
    .footer-section .copyright-section .copyright,
    .footer-section .copyright-section .visitor-count,
    .footer-section .copyright-section .developed-by{
        font-weight: 400;
        font-size: 22px;
        line-height: 1.2;
        color: var(--navigation-text-color);
    }
    .footer-section .copyright-section .developed-by a{
        color: var(--navigation-text-color);
        text-decoration: underline;
    }
    .copyright-section p a {
        color: var(--sub-heading-color);
        border-bottom: 1px solid var(--sub-heading-color);
        padding-bottom: 3px;
    }


    /* back-to-top */

        .back-to-top {
            bottom: 5%;
            left: 2%;
            position: fixed;
            color: var(--navigation-text-color);
            height: 40px;
            width: 40px;
            line-height: 40px;
            background-color: var(--secondary-color);
            border: 1px solid var(--secondary-color);
            text-align: center;
            border-radius: 3px;
            cursor: pointer;
            z-index: 1000;
            opacity: 0;
            -webkit-transition: 0.5s;
            transition: 0.5s;
        }
        .back-to-top:hover {
            background-color: var(--navigation-text-color);
            color: var(--secondary-color);
        }
        .back-to-top.show {
            opacity: 1;
        }
    /* back-to-top */

    /* Accessibility Button */
        button#uw-widget-custom-trigger {
            bottom: 3%;
            right: 2%;
            position: fixed;
            z-index: 1;
            opacity: 1;
            height: 60px;
            padding: 14px;
            width: auto;
        }
        .uw-widget-custom-trigger span{
            display: none;
        }
        button#uw-widget-custom-trigger:hover span {
            display: block;
        }
    /* Accessibility Button*/

/* ===================================== Footer ========================================= */

/* ===================================== Contact Form ===================================  */
    /* .form-control-smaller{
        border-radius: 5px !important;
        border: 1px solid var(--accent-color) !important ;
    } */

    input:focus, textarea:focus, select:focus {
        outline: none !important;
        box-shadow: none !important;
    }
    .contact_us_icon {
        border: 1px solid var(--secondary-color);
        height: 35px;
        width: 35px;
        text-align: center;
        border-radius: 50%;
        margin-right: 15px;
        background-color: var(--navigation-text-color);
        float: left;
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
        display: block;
        padding: 7px 0 0 7px;
    }
    .contact_us_icon.address {
        -webkit-transition: background-color .5s;
        -o-transition: background-color .5s;
        transition: background-color .5s;
    }
    .contact_us_icon.contact {
        -webkit-transition: background-color .9s;
        -o-transition: background-color .9s;
        transition: background-color .9s;
    }
    .contact_us_icon.mail {
        -webkit-transition: background-color 1.2s;
        -o-transition: background-color 1.2s;
        transition: background-color 1.2s;
    }
    .contact_us_icon i {
        font-size: 18px;
    }
    .contact-form-section .single-info:hover .contact_us_icon {
        background-color: var(--secondary-color);
        -webkit-transform: rotateY(360deg);
        transform: rotateY(360deg);
        color: var(--navigation-text-color);
    }
    .contact-form-section .single-info:hover .contact_us_icon.address {
        -webkit-transition: .5s;
        -o-transition: .5s;
        transition: .5s;
    }
    .contact-form-section .single-info:hover .contact_us_icon.contact {
        -webkit-transition: .9s;
        -o-transition: .9s;
        transition: .9s;
    }
    .contact-form-section .single-info:hover .contact_us_icon.mail {
        -webkit-transition: 1.2s;
        -o-transition: 1.2s;
        transition: 1.2s;
    }
    .contact-form-section .single-info:hover .contact_us_icon.website {
        -webkit-transition: 1.6s;
        -o-transition: 1.6s;
        transition: 1.6s;
    }
    button[type="submit"],
    input[type="submit"],
    .contact_submit {
        background-color: var(--accent-color);
        border: 1px solid var(--accent-color);
        text-align: center;
        color: var(--navigation-text-color);
        padding: 18px 45px;
        display: inline-block;
        outline: 0;
        font-weight: 600;
        font-size: 14px;
        cursor: pointer;
        text-transform: uppercase;
        -webkit-transition: 0.5s;
        transition: 0.5s;
    }
    .contact_submit:hover {
        border: 1px solid var(--accent-color);
        background-color: var(--navigation-text-color);
        text-align: center;
        color:var(--accent-color);
    }
    .contact-form-section .single-info-col:last-child{
        border: 0px;
    }
    .contact-form-section{
        padding-top: 0px;
    }
    .contact-form-section .single-info{
        margin-bottom: 10px;
    }
/* ===================================== Contact Form ===================================  */

/* ===================================== Homepage ===================================  */
    /* Hero Banner */
        .hero_quote {
            font-family:  var(--text-font);
            font-weight: 500;
            font-size: 1.9rem;
            line-height: 40px;
            vertical-align: middle;
            color: var(--primary-color);
        }
        .hero_quote_line {
            width: 100%;
            height: 0.04rem;
            background-color: var(--primary-color);
            margin: 2% 0 2% 0;
        }
        .hero_quoted_by {
            font-family:  var(--text-font);
            font-weight: 500;
            font-size: 20px;
            padding: 1.5% 0;
            font-size: 1.3rem;
            color: var(--primary-color);
        }
        .hero_quote_from {
            font-family: var(--text-font);
            font-weight: 500;
            font-size: 0.95rem;
            color: var(--primary-color);
            line-height: 1.5;
        }

        .hero-carousel {
            position: relative;
        }
        .hero-txt {
            position: absolute;
            top: 0;
            left: 0;
            width: 40%;
            padding: 2%;
            z-index: 1;
            transform: translate(65%, 43%);
        }
        .hero-txt.more-right{
            transform: translate(67%, 43%);
        }
        .owl-theme .owl-nav.disabled+.owl-dots{
            margin-top: -2%;
        }
        /* .hero-txt span {
            font-family: var(--text-font);
            display: inline-block;
            font-size: 24px;
            font-weight: 700;
            margin-bottom: 16px;
            text-transform: capitalize;
        } */
        .hero-txt h1 {
            font-size: 60px;
            font-weight: 600;
            line-height: 1.4;
        }
        /* .hero-carousel.owl-theme .owl-dots {
            position: absolute;
            right: 28px;
            width: 30px;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
        } */
        .hero-carousel.owl-theme .owl-dots .owl-dot {
            outline: 0;
            z-index: 1;
            position: relative;
        }
        .hero-carousel.owl-theme .owl-dots .owl-dot span {
            background-color: var(--mute-text-color);
            height: 13px;
            width: 13px;
            opacity: 0.6;
        }
        .hero-carousel.owl-theme .owl-dots .owl-dot.active span {
            background-color: var(--accent-color);
            opacity: 1;
        }
        .hero-bg {
            background-size: cover;
            background-repeat: no-repeat;
            height: 550px;
            min-height: 300px;
        }
        @-webkit-keyframes fadeInDown {
            from {
                opacity: 0;
                -webkit-transform: translate3d(0, -100%, 0);
                transform: translate3d(0, -100%, 0);
            }
            to {
                opacity: 1;
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
            }
        }
        @keyframes fadeInDown {
            from {
                opacity: 0;
                -webkit-transform: translate3d(0, -100%, 0);
                transform: translate3d(0, -100%, 0);
            }
            to {
                opacity: 1;
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
            }
        }
        @-webkit-keyframes fadeInUp {
            from {
                opacity: 0;
                -webkit-transform: translate3d(0, 100%, 0);
                transform: translate3d(0, 100%, 0);
            }
            to {
                opacity: 1;
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
            }
        }
        @keyframes fadeInUp {
            from {
                opacity: 0;
                -webkit-transform: translate3d(0, 100%, 0);
                transform: translate3d(0, 100%, 0);
            }
            to {
                opacity: 1;
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
            }
        }
        .hero-carousel .owl-item.active .hero-txt span {
            -webkit-animation-name: fadeInDown;
            animation-name: fadeInDown;
            -webkit-animation-duration: 1s;
            animation-duration: 1s;
            -webkit-animation-delay: 0.2s;
            animation-delay: 0.2s;
        }
        .hero-carousel .owl-item.active .hero-txt h1 {
            -webkit-animation-name: fadeInUp;
            animation-name: fadeInUp;
            -webkit-animation-duration: 1s;
            animation-duration: 1s;
            -webkit-animation-delay: 0.2s;
            animation-delay: 0.2s;
        }
    /* Hero Banner */

    /* state snapshot */
        .state_snapshot_card1 {
            background: var(--card-bg-color);
            padding: 20px;
            border-radius: 10px;
        }
        .state_snapshot_card1 .d-flex > img{
            width: auto;
        }
        .urban_rural > div.d-flex:nth-child(1) {
            background: #64748B;
            width: 42.6%;
        }

        .urban_rural > div.d-flex:nth-child(2) {
            background: #65A30D;
            width: 57.4%;
        }

        .urban_rural > div.d-flex{
            padding: 10px 25px;
        }
        .urban_rural > div.d-flex .gd-text-gray{
            font-size:11px;
            color: var(--navigation-text-color);
        }
        .state_snapshot_card2 {
            background: var(--navigation-text-color);
            padding: 20px;
            box-shadow: -7px 14px 25.7px 0px rgba(0, 0, 0, 0.04);
            border-radius: 10px;
        }


        .homepageStateSnapshot {
            height: 100%;
            min-height: 500px;
            z-index: 5;
        }
        #ss_filter_sidebar {
            box-shadow: -7px 14px 25.7px 0px var(--sub-heading-color)0000a;
            border-radius: 10px;
        }
        #ss_filter_sidebar h3 {
            background-color: var(--card-bg-color);
            font-family: var(--text-font);
            font-weight: 500;
            font-size: 18px;
            text-align: left !important;
            padding: 15px;
            box-shadow: none;
            color: var(--mute-text-color);
        }
        /* #ss_filter_sidebar .ss_list label { */
        #ss_filter_sidebar .ss_list label,
        #ss_filter_sidebar .ss_list .accordion {
            display: block;
            cursor: pointer;
            padding: 6px 0;
            font-family:  var(--text-font);
            font-weight: 700;
            font-size: 18px;
            line-height: 28px;
            border-bottom: 1px solid var(--border-color);
            margin: 5px 12px;
            color: var(--neutral-color);
        }
        #ss_filter_sidebar .ss_list label.selected {
            color: var(--secondary-color);
            border-bottom: 1px solid var(--secondary-color);
        }
        .leaflet-container{
            background: transparent !important;
            font-family: var(--text-font) !important;
        }
        .leaflet-marker-icon, .leaflet-marker-shadow,
        .leaflet-div-icon{
            font-size: 20px !important;
            background: transparent !important;
            border: none !important;
        }


        #ss_filter_sidebar .ss_list .accordion  button.accordion-button {
            padding: 0;
            width: -webkit-fill-available;
            box-shadow: none;
            font-family:  var(--text-font);
            font-weight: 700;
            font-size: 18px;
            line-height: 28px;
            border-color: var(--border-color);
            color: var(--neutral-color);
        }
        #ss_filter_sidebar .ss_list .accordion .accordion-button:not(.collapsed) {
            background: transparent;
            border-bottom: 1px solid var(--border-color);
            padding-bottom: 4px;
            /* border-bottom: 1px solid var(--secondary-color);
            color: var(--secondary-color); */
        }
        #ss_filter_sidebar .ss_list .accordion .accordion-button.selected {
            border-bottom: 1px solid var(--secondary-color);
            color: var(--secondary-color);
        }

        #ss_filter_sidebar .ss_list .accordion-item {
            border: none;
        }
        #ss_filter_sidebar .ss_list .accordion-button::after,
        #ss_filter_sidebar .ss_list .accordion-button:not(.collapsed)::after{
            background-size: 13px !important;
            width: 13px;
            height: 13px;
            margin-right: 5px;
        }
        #ss_filter_sidebar .ss_list .accordion-body {
            padding: 0;
        }
        #ss_filter_sidebar .ss_list .accordion label{
            font-size: 16px;
            font-weight: 500;
            line-height: normal;
            padding: 5px 0;
            margin-left: 35px;
        }
        .leaflet-popup-content {
            font-family: var(--text-font);
            font-weight: 500;
            font-size: 15px !important;
            margin: 10px 15px;
            color: var(--sub-heading-color);
        }
        path.leaflet-interactive {
            transition: fill 0.5s ease, fill-opacity 0.3s ease;
        }
        #agro_map {
            position: relative;
            background-size: contain;
            background-repeat: no-repeat;
            background-color: #fff;
            height: 100%;
            min-height: 500px;
        }
        #agro_map.hide {
            display: none;
        }
        .homepageStateSnapshot.hide {
            display: none;
        }

        #home-di-prev-btn, #home-di-next-btn {
            background: var(--accent-color);
            border: 1px solid var(--accent-color);
            border-radius: 50%;
            width: 30px;
            height: 30px;
            /* padding: 10px; */
            /* padding-bottom: 27px; */
        }

        #home-di-prev-btn i, #home-di-next-btn i {
            color: #fff;
            font-size: 13px;
            margin: 5px 0;
            display: block;
        }

        #home-di-prev-btn {
            margin-right: 5px;
        }
        #home-di-next-btn {
            margin-left: 5px;
        }
    /* state snapshot */

    /* District Profile */

        .home-dp-column-3 ul.list-group.list-group-horizontal{
            width: 100%;
        }
        /* .home-dp-column-3 ul.list-group.list-group-horizontal li:first-child {
            width: 68%;
            padding-top: 0.8rem;
            padding-bottom: 0.8rem;
        }
        .home-dp-column-3 ul.list-group.list-group-horizontal li:nth-child(2) {
            width: 30%;
            padding-top: 0.8rem;
            padding-bottom: 0.8rem;
        } */

        .home-dp-column-3 ul.list-group.list-group-horizontal li:first-child {
            width: 15%;
            padding-top: 0.8rem;
            padding-bottom: 0.8rem;
            text-align: right;
        }
        .home-dp-column-3 ul.list-group.list-group-horizontal li:nth-child(2){
            width: 48%;
            padding-top: 0.8rem;
            padding-bottom: 0.8rem;
        }
        .home-dp-column-3 ul.list-group.list-group-horizontal li:nth-child(3) {
            width: 30%;
            padding-top: 0.8rem;
            padding-bottom: 0.8rem;
        }

        .home-dp-column-3 ul.list-group.list-group-horizontal:last-of-type li {
            border-bottom: none;
        }
        .home-dp-column-3 ul.list-group.list-group-horizontal li{
            border: none;
            border-radius: 0 !important;
            border-bottom: 1px solid #ddd;
        }
        .home-dp-column-3 ul.list-group.list-group-horizontal > .list-group-item img{
            width: 30px;
        }
        .home-dp .card {
            box-shadow: -7px 14px 25.7px 0px rgba(0, 0, 0, 0.04);
            border: 1px solid var(--accent-color);
            /* border-image-source: linear-gradient(180deg, rgba(69, 124, 216, 0.29) 0%, rgba(36, 65, 114, 0) 88.94%); */
            border-image-slice: 1;
            border-radius: 10px;
        }
        #home-dp-map {
            height: 280px;
            width: 280px;
            margin: -80px 0 0 -65px;
        }
        #home-dp-sectoral-emission {
            height: 250px;
            width: 100%;
            /* background: #ddd; */
        }

        .home-dp-arrow-icon {
            width: 15px;
            margin-left: 15px;
        }

        #districtSelect {
            font-family: var(--text-font);
            font-weight: 500;
            font-size: 22px;
            line-height: 26px;
            color: var(--primary-color);
            border: 2px solid rgba(69, 124, 216, 0.58);
            /* background: rgba(69, 124, 216, 0.02); */
            width: 35%;
            margin: 2% auto;
            padding: 1.5%;
        }

        /* #districtSelect-measure {
            position: absolute;
            visibility: hidden;
            white-space: nowrap;
            font-size: 2.2rem;
            font-weight: 700;
            font-family: var(--heading-font);
            line-height: 1.2;
        } */

        /* .urban_rural > div.d-flex{
            padding: 10px 25px;
        } */
        .home-dp-population {
            position: absolute;
            top: 15%;
            right: 0;
            width: 50%;
        }
        /* .home-dp-urban-rural {
            width: 100%;
        }
        .home-dp-urban {
            background: #64748B;
            width: 60%;
            padding: 5px 5px;
            text-align: center;
            margin-top: 5px;
            display: flex;
            align-items: center;
        }
        .home-dp-rural {
            background: #65A30D;
            width: 85%;
            padding: 5px 5px;
            text-align: center;
            margin-top: 5px;
            display: flex;
            align-items: center;
        }
        .home-dp-urban p,
        .home-dp-rural p{
            font-size: 11px;
            color: var(--navigation-text-color);
        } */

        .home-dp-population-bar {
            width: 150px;
            display: flex;
            flex-direction: column;
            margin-bottom: 10px;
        }

        .home-dp-bar {
            height: 20px;
            margin: 3px 0;
            position: relative;
            color: #333;
            font-size: 12px;
            display: flex;
            align-items: center;
            padding-left: 5px;
        }

        .home-dp-urban {
            background-color: #5d6d87;
            width: 85%;
        }

        .home-dp-rural {
            background-color: #73a500;
            width: 15%;
        }

        .home-dp-bar .home-dp-label {
            position: absolute;
            right: -50px;
            display: flex;
            align-items: center;
            gap: 4px;
        }

        .home-dp-bar .home-dp-label img {
            height: 17px;
        }

        .home-dp-legend {
            display: flex;
            gap: 20px;
            font-size: 12px;
            align-items: center;
        }

        .home-dp-legend .home-dp-dot {
            width: 8px;
            height: 8px;
            display: inline-block;
            border-radius: 50%;
            margin-right: 4px;
        }

        .home-dp-urban-dot {
            background-color: #5d6d87;
        }

        .home-dp-rural-dot {
            background-color: #73a500;
        }

        .home-dp-legend img {
            height: 16px;
            vertical-align: middle;
        }
        .home-dp-label img[alt="Rural"],
        .home-dp-legend img[alt="Rural"] {
            height: 20px;
        }

        sub,sup {
            margin-left: -6px;
        }
        .home-dp-space-up {
            margin-top: -40px;
        }
        .home-dp-column-1 .know-more-btn,
        .home-dp-column-2 .know-more-btn,
        .home-dp-column-3 .know-more-btn {
            position: absolute;
            bottom: 0.5rem;
            right: 0.5rem;
        }

    /* District Profile */

    /* Climate Success Stories */
        .css_float_content {
            top: 50%;
            transform: translate(0, -50%);
        }
        .home-css-content {
            margin-top: 80px;
        }
        .css_float_img{
            border-radius: 10px;
        }

        /* Accordian */

            /* Base header styles */
            .custom-header {
                min-height: 162px;
                transition: all 0.3s ease;
                border: 1px solid #ddd;
                margin-bottom: 10px;
                cursor: pointer;
                box-shadow: -3px 6px 7.4px 0 var(--sub-heading-color)0001a;
                color: var(--sub-heading-color);
                width: 100%;
                background: #fff;
                padding-top: 0;
                padding-bottom: 0;
                position: relative;
                border-radius: 10px;
            }

            .accordion-title h5 {
                color: #071453;
                font-weight: 700;
                width: 323px;
                font-family: var(--text-font);
                padding-left: 6%;
                text-align: left;

            }


            /* Remove background and reduce height when expanded */
            .accordion-btn:not(.collapsed).custom-header {
                background-image: none !important;
                min-height: 80px;
                box-shadow: none;
                border-bottom: none;
                border-bottom-right-radius: 0;
                border-bottom-left-radius: 0;
            }

            .accordion-btn:not(.collapsed) .accordion-img {
                display: none;
            }

            .accordion-btn:not(.collapsed) .gd-sub-heading{
                color: var(--paragraph-color);
                width: 100%;
                display: ruby;
            }

            .accordion-item {
                border: 0;
            }

            .accordion-view {
                display: flex;
                align-items: center;
                gap: 0.4rem;
                top: 10px;
                right: 20px;
                position: absolute;
            }

            .view-text {
                font-size: 14px;
                color: var(--accent-color);
                white-space: nowrap;
                font-family: 'Inter';
                font-weight: 500;
            }

            .bi-chevron-down::before {
                content: "\f282";
                color: #ff6600;
            }

            .arrow-circle {
                width: 30px;
                height: 30px;
                background: var(--accent-color);
                border-radius: 50%;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                padding: 2px;
            }

            .arrow-circle i {
                font-size: 13px;
                line-height: 1;
                color: var(--navigation-text-color);
                font-weight: 900;
            }
            .arrow-circle i:nth-child(2) {
                margin-top: -8px;
            }

            .accordion-body-content {
                border: 1px solid #ddd;
                border-top: none;
                padding: 1.5rem;
                margin-top: -10px;
                background-color: #fff;
                position: relative;
                margin-bottom: 15px;
            }

            .highlight {
                font-size: 36px;
                font-weight: bold;
                color: #0056b3;
            }

            .tag {
                background-color: #e6f2ff;
                color: #004085;
                padding: 4px 10px;
                border-radius: 20px;
                font-size: 0.8rem;
                margin: 2px;
                display: inline-block;
            }

            .icon-bullet {
                color: var(--secondary-color);
                font-weight: bold;
            }

            .accordion-body-content h3 {
                color: #071453;
                font-size: 32px;
            }

            .rank {
                font-size: 16px;
            }

            .graph-text {
                font-size: 17px;
            }

            .graph-text .highlight-text {
                font-weight: 800;
            }

            .content-block {
                border-radius: 14px;
                background-color: #a9c1e914;
            }

            .img-container {
                width: 56px;
                background-color: #a9c1e914;
                height: 56px;
            }

            .img-container img {
                width: 37px;
                height: 37px;
            }

            p.map-text {
                font-size: 22px;
                color: var(--accent-color);
                font-weight: 700;
            }

            .recognition-sec ul li {
                font-size: 22px;
                font-weight: 600;
            }

            .recognition-sec span {
                font-size: 22px;
            }

            .supporting-policies {
                color: #071453;
                font-size: 22px;
                font-weight: 700;
            }

            .supporting-policies .img-wrapper {
                width: 56px;
                height: 56px;
                background-color: #a9c1e914;
            }


            .image-wrapper {
                position: relative;
                display: inline-block;
            }

            .image-wrapper {
                position: relative;
                display: inline-block;
            }

            .hover-box {
                /* width: 83%;
                            height: 146px; */
                z-index: 5;
                cursor: pointer;
            }

            /* Position each hover box */
            .box-1 {
                top: 586px;
                left: 55px;
                position: absolute;
                width: 436px;
                height: 69px;
                /* background: #ff00003d; */
                border-radius: 10px;
            }

            .box-2 {
                top: 585px;
                left: 509px;
                position: absolute;
                width: 435px;
                height: 69px;
                /* background: #ff00003d; */
                border-radius: 10px;
            }

            .box-3 {
                top: 668px;
                left: 55px;
                position: absolute;
                width: 436px;
                height: 68px;
                /* background: #ff00003d; */
                border-radius: 10px;
            }

            .box-4 {
                top: 667px;
                left: 508px;
                position: absolute;
                width: 436px;
                height: 69px;
                /* background: #ff00003d; */
                border-radius: 10px;
            }

            /* Overlay that displays image */
            .recognition-overlay {
                position: absolute;
                top: 598px;
                left: 47px;
                width: 83%;
                height: auto;
                display: none;
                z-index: 10;
                overflow: hidden;
                border-radius: 12px;
            }

            .home-css-map {
                position: absolute;
                top: 2%;
                width: 60%;
                height: 300px;
                /* z-index: 9; */
                right: 1%;
            }
            #home-css-installed-capacity{
                height: 300px;
                /* max-width: 650px;
                min-width: 450px; */
                width: 700px;
            }
        /* Accordian */

        .home-css-accordian-data ul {
            list-style: none; /* Remove default bullets */
            padding-left: 0;
        }

        .home-css-accordian-data ul li {
            position: relative;
            padding-left: 30px; /* Space for the icon */
            margin-bottom: 3px;
        }

        .home-css-accordian-data ul li::before {
            content: "";
            position: absolute;
            left: 0;
            top: -1px; /* Adjust to vertically center */
            width: 30px; /* Adjust icon size */
            height: 30px;
            background-image: url('/uploads/images/mdi_triangle-small-up.svg');
            background-size: contain;
            background-repeat: no-repeat;
        }

        .climate-rankings {
            display: flex;
            gap: 20px;
            /* margin: 20px 0; */
        }

        .rank-item {
            text-align: center;
            font-weight: 500;
            font-size: 14px;
            color: #333;
        }

        .rank-item img {
            /* width: 50px; */
            /* height: auto; */
            margin-bottom: 5px;
        }

        .climate-features {
            list-style: none;
            padding: 0;
            margin: 20px 0;
            z-index: 1;
        }

        .climate-features li {
        display: flex;
        align-items: center;
        margin-bottom: 15px;
        font-size: 14px;
        color: #444;
        }

        .climate-features img {
            width: 35px;
            margin-right: 15px;
        }

        .climate-features li:nth-child(1) img {
            margin-right: 15px;
        }
        .climate-features li:nth-child(2) img {
            margin-left: 21px;
        }
        .climate-features li:nth-child(3) img {
            margin-left: 21px;
        }
        .climate-features li:nth-child(4) img {
            margin-right: 15px;
        }


        .climate-features strong {
            font-weight: 600;
        }

        .recognition-grid {
            margin-top: 10px;
        }
        .recognition-grid .card-body {
            display: flex;
            align-items: center;
            width: 100%;
            cursor: pointer;
        }
        .recognition-grid .card-body img:nth-of-type(2) {
            float: right !important;
            margin-left: auto;
        }
        .recognition-grid .card-body .recognition-hiddden-text {
            display: none;
        }
        .recognition-grid .col-lg-6 .card .recognition-hiddden-text {
            display: none;
        }


        .recognition-grid .col-lg-6.hide {
            transition: opacity 1.5s ease, transform 0.7s ease;
            opacity: 0;
            transform: scale(0.95);
            visibility: hidden;
            pointer-events: none;
        }

        .recognition-grid .col-lg-6.show {
            /* opacity: 1; */
            /* transform: scale(1);  */
            visibility: visible;
            z-index: 2;
        }

        .recognition-grid .col-lg-6.show .card{
            top: 15px;
            left: 40px;
            right: 15px;
            width: 94%;
            transform: scale(1.05);
            visibility: visible;
            position: absolute;
            z-index: 2;
            transition: opacity 1.5s ease, transform 1.5s ease;
            opacity: 1;
        }
        .recognition-grid .col-lg-6.show .card .gd-text-gray,
        .recognition-grid .col-lg-6.show .card img:nth-of-type(2){
            display: none;
        }
        .recognition-grid .col-lg-6.show .card img:nth-of-type(1){
            width: 150px;
        }
        .recognition-grid .col-lg-6.show .card .recognition-hiddden-text{
            display: block;
        }

        .investment-summary {
            margin: 30px 0;
            display: flex;
            align-items: center;
            gap: 3%;
        }
        .investment-summary .gd-text-gray {
            background-color: rgba(241, 142, 55, 0.08);
            padding: 20px;
            border-radius: 10px;
            width: 100%;
        }

        .policies .col-lg-6 {
            display: flex;
            align-items: center;
            gap: 20px;
            border-radius: 8px;
            padding: 10px 14px;
            color: #1F2937;
        }
        .policies img {
            width: 70px;
            height: auto;
        }
        .climate-action-container {
            margin-top: -70px;
        }
        .home-css-first-state{
            display: flex;
            align-items: center;
            position: relative;
            overflow: hidden;
        }
        .home-css-first-state::after {
            position: absolute;
            content: "";
            left: -8%;
            top: 0;
            background: #ffffff00;
            width: 230px;
            height: 230px;
            border-radius: 50%;
            border: 1px solid var(--accent-color);
            z-index: 0;
        }
        .home-css-first-state div {
            width: 125px;
            margin-right: -3.5%;
            height: auto;
            padding: 3% 0px 3% 1%;
        }

        .rank-item p.gd-text-gray,
        .rank-item p.gd-number-blue{
            text-align: center;
        }


        .home-css-first-state h2.gd-number-blue {
            font-size: 5rem !important;
            display: inline;
            font-weight: 900;
            margin-left: 8%;
        }



        .home-css-first-state p.gd-number-blue:nth-child(1) {
            font-size: 1.5rem !important;
            margin-bottom: -21px;
            margin-left: 20%;
            margin-left: 35%;
        }

        .home-css-first-state p.gd-number-blue:nth-child(2) {
            font-size: 1.5rem;
            margin-top: 10px;
            margin-left: 10%;
        }





    /* Climate Success Stories */


/* ===================================== Homepage ===================================  */


/* ===================================== District Page ===================================  */
    .district-profile-container .section {
        margin: 60px 0;
    }
    .district-profile-container .heading-h1 {
        color: var(--primary-color);
        font-size: 36px;
        font-weight: 500;
        font-family: var(--heading-font);
    }
    .district-profile-container #hiddenSelectText {
        position: absolute;
        visibility: hidden;
        white-space: nowrap;
        font: inherit;
    }

    .district-profile-container .district-profile .text {
        font-size: 48px;
        font-weight: 700;
        font-family: var(--heading-font);
        color: #091057;
        margin-right: 20px;
    }

    .district-profile-container #districtSelect {
        color: var(--primary-color);
        font-size: 22px !important;
        font-weight: 500;
        width: 265px;
        border: 2px solid rgba(69, 124, 216, 0.58);
        height: 66px;
        font-family: var(--text-font);
        padding: 16px 24px;
        margin: 0;
    }

    .district-profile-container .form-select:focus {
        outline: 0;
        box-shadow: none;
    }

    .district-profile-container option {
        color: var(--primary-color);
        font-size: 22px;
        font-weight: 500;
    }

    /* .district-profile-container .heading-h2 {
        color: var(--primary-color);
        font-size: 32px;
        font-weight: 700;
        font-family: var(--heading-font);
    } */

    .district-profile-container.census-txt {
        color: #7f7f7f;
    }

    /* .district-profile-container .heading,
    .district-profile-container .heading-h2 {
        white-space: nowrap;
    } */

    /* .district-profile-container .demography .demo-text {
        font-size: 20px;
        font-weight: 700;
        color: #575757;
    line-height: 50px;
        font-family: var(--text-font);
    } */

    .district-profile-container .demography .percent-text {
        font-size: 20px;
        font-weight: 400;
        color: #575757;
        font-family: var(--text-font);
    }

    /* .district-profile-container .demography .value {
        font-size: 38px;
        font-weight: 700;
        font-family: var(--heading-font);
        color: var(--secondary-color);
    } */

    .district-profile-container .demography .text-muted span {
        font-weight: 400;
    }

    .district-profile-container .demography-wrapper {
        border: 1px solid var(--accent-color);
        border-radius: 17px;
    }
    .district-profile-container .agro-card {
        background-color: #fffcf9;
        border: 1px solid var(--accent-color);
        border-radius: 20px;
    }
    /* Agro-Climatic Profile */
    /* .district-profile-container h6 {
        font-family: var(--text-font);
        color: #575757;
        font-weight: 700;
        font-size: 22px;
        padding-bottom: 12px;
    } */

    /* .district-profile-container .year-text {
        font-family: var(--text-font);
        color: #575757;
        font-weight: 400;
        font-size: 22px;
    } */
    .district-profile-container .vulnerability-sec strong {
        font-family: var(--text-font);
        color: #575757;
        font-weight: 700;
        font-size: 22px;
    }

    .district-profile-container .vulnerability-sec span {
        color: #575757;
        font-family: var(--text-font);
        font-weight: 400;
        font-size: 20px;
        margin-left: 10px;
        white-space: nowrap;
    }

    .district-profile-container .temp-box .text-muted {
        color: #575757;
        font-size: 11px;
        font-weight: 300;
        font-style: italic;
        font-family: var(--text-font);
    }

    .district-profile-container .temp-box .unit {
        color: #575757;
        font-size: 20px;
        font-weight: 400;
        font-family: var(--text-font);
    }

    .district-profile-container .agro-box {
        position: relative;
    }

    .district-profile-container ul.list-unstyled li {
        /* color: #575757;
        font-size: 20px;
        font-weight: 400;
        font-family: var(--text-font); */
        line-height: 24px;
    }

    .district-profile-container .annual-average {
        position: relative;
    }

    .district-profile-container .rainfall-value {
        position: absolute;
        left: 115px;
        top: 72px;
    }

    /* .district-profile-container .rainfall-value span{
        color: var(--secondary-color);
        font-size: 32px;
        font-family: var(--heading-font);
        font-weight: 700;
    } */

    /* .district-profile-container .annual-value {
        font-size: 32px;
        font-family: var(--heading-font);
        font-weight: 700;
        color: var(--secondary-color);
        line-height: 50px;
    } */

    /* Area */
    .district-profile-container .info-card {
        position: relative;
        border-radius: 20px;
        padding: 1rem;
        overflow: hidden;
        background-color: #fffcf9;
        border: 1px solid var(--accent-color);
        background-image: url('../../../uploads/images/District Profile/forest-bg.svg');
        background-repeat: no-repeat;
        background-size: 279px 243px;
        background-position: bottom;
    }

    .district-profile-container .info-content {
        position: relative;
        z-index: 1;
    }
    .district-profile-container .info-icon {
        margin-bottom: 0.5rem;
    }

    .district-profile-container .info-title {
        font-weight: 400;
        font-size: 24px;
        color: var(--sub-heading-color);
        font-family: var(--text-font);
    line-height: 50px;
    }

    .district-profile-container .info-value {
        font-size: 35px;
        font-weight: 700;
        color: var(--secondary-color);
        font-family: var(--heading-font);
    }

    .district-profile-container .info-source {
        font-size: 11px;
        color: #575757;
        margin-bottom: 0.5rem;
        font-weight: 300;
        font-style: italic;
        font-family: var(--text-font);
    }

    .district-profile-container .info-stats {
        font-size: 23px;
        color: var(--secondary-color);
        font-weight: 700;
    line-height: 50px;
    font-family: var(--heading-font);
    }

    .district-profile-container .stat-label {
        font-size: 14px;
        color: var(--sub-heading-color);
        font-family: var(--text-font);
        font-weight: 400;
    }

    @media (max-width: 767.98px) {
        .district-profile-container .info-block {
            text-align: center;
        }
    }

    /* Power & Energy */
    .district-profile-container .cap-heading {
        font-size: 22px;
        color: #575757;
        font-family: var(--text-font);
        font-weight: 700;
    }

    .district-profile-container .installed-cap-wrapper .value span {
        font-size: 36px;
        color: var(--secondary-color);
        font-family: var(--heading-font) !important;
        font-weight: 700;
        line-height: 50px;
    }

    .district-profile-container .box-border {
        border: 1px solid var(--accent-color);
        border-radius: 20px;
    }

    /* Industrial Profile */
    .district-profile-container .industrial-profile span {
        font-size: 24px;
        font-weight: 700;
        font-family: var(--text-font);
        color: #575757;
    }

    .district-profile-container .industrial-profile .box {
        width: 58px;
        height: 58px;
        border: 1px solid var(--accent-color);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto;
        text-align: center;
    }
    /* Mobility */
    #vehicleDistribution {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        flex-wrap: wrap;
    }

    .vehicle-block {
        display: flex;
        align-items: center;

    }

    .vehicle-block span {
        font-family: var(--text-font);
        font-size: 14px;
        font-weight: 700;
        color: #575757;
    }

    .vehicle-block img {
        width: 24px;
        margin-right: 6px;
    }

    .bar-container {
        flex-grow: 1;
        height: 36px;
        background-color: #8AC9FE;
        /* border-radius: 10px; */
        overflow: hidden;
        position: relative;
        min-width: 100px;
    }

    .ev-bar {
        background-color: #FF938D;
        height: 100%;
        width: 230px;
        transition: width 0.5s ease;
    }

    .district-profile-container .mobility h6 {
        font-family: var(--text-font);
        font-size: 22px;
        font-weight: 700;
        color: #575757;
    }
    .district-profile-container .mobility h6 span {
        font-family: var(--text-font);
        font-size: 22px;
        font-weight: 400;
        color: #575757;
    }
    .district-profile-container .mobility {
        font-family: var(--text-font);
        font-size: 24px;
        font-weight: 400;
        color: #575757;
    }

    .district-profile-container .mobility .box-border {
        background-color: #fffcf9;
    }

    .district-profile-container .mobility .value {
        font-family: var(--heading-font);
        font-size: 36px;
        font-weight: 700;
        color: var(--secondary-color);
    }
    .district-profile-container h5 {
        font-family: var(--text-font);
        font-size: 24px;
        color: #071453;
        font-weight: 700;
    }

    .district-profile-container .transport-card {
        display: flex;
        align-items: center;
        gap: 1rem;
    }

    .district-profile-container .transport-card .value {
        font-family: var(--heading-font);
        color: var(--secondary-color);
        font-weight: 700;
        font-size: 20px;
    }

    .district-profile-container .icon-box {
        width: 60px;
        height: 60px;
        background-color: #fffcf9;
        border: 1px solid var(--accent-color);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto;
        text-align: center;
        margin-bottom: 6px;
    }

    .district-profile-container .icon-box img {
        max-width: 70%;
        height: auto;
    }

    .district-profile-container .transport-type {
        color: #575757;
        text-align: center;
        font-size: 16px;
        width: 106px;
        font-weight: 600;
        font-family: var(--text-font);
    }

    .district-profile-container .stats-number {
        font-size: 1.25rem;
        font-weight: bold;
        color: var(--secondary-color);
    }

    .district-profile-container .stats-label {
        font-size: 0.9rem;
        color: var(--secondary-color);
        margin-left: 4px;
    }

    /* Agriciuture & livestock */
    .district-profile-container .agriculture-livestock .text {
        font-family: var(--text-font);
        font-weight: 700;
        font-size: 22px;
        color: #575757;
    }
    .district-profile-container .stats-number {
        font-family: var(--heading-font);
        font-weight: 700;
        font-size: 36px;
        color: var(--secondary-color);
        line-height: 50px;
    }

    .district-profile-container .major-crops .text {
        font-family: var(--text-font);
        font-weight: 700;
        font-size: 22px;
        color: #575757;
    }

    .district-profile-container .agriculture-livestock .box-border {
        background-color: #fffcf9;
    }

    .district-profile-container .agriculture-livestock .section-title {
        font-family: var(--text-font);
        font-weight: 700;
        font-size: 24px;
        color: #575757;
    }


    .district-profile-container .crop-icon {
        width: 45px;
        height: auto;
        margin-right: 10px;
    }

    .district-profile-container .major-crop span {
        margin-right: 20px;
        font-size: 24px;
        color: #575757;
        font-weight: 400;
        font-family: var(--text-font);
    }

    .district-profile-container .livestock-chart {
        text-align: center;
    }

    .district-profile-container .livestock-count {
        font-size: 1.5rem;
        font-weight: bold;
        color: var(--secondary-color);
        margin-top: -70px;
        position: relative;
    }

    .district-profile-container .livestock-info {
        font-size: 0.85rem;
        color: #444;
    }

    .district-profile-container .chart-placeholder {
        width: 100%;
        max-width: 250px;
        margin: auto;
        display: block;
    }

    .district-profile-container .crop-label {
        display: inline-flex;
        align-items: center;
        font-size: 24px;
        color: #575757;
        font-weight: 400;
        font-family: var(--text-font);
    }
    /* waste & water */
    .district-profile-container .category {
        position: relative;
        text-align: center;
        padding: 1rem;
    }

    .district-profile-container .waste-water .box-border {
        background-color: #fffcf9;
    }

    .district-profile-container .icon-wrapper {
        position: relative;
        display: inline-block;
    }

    .district-profile-container .half-circle {
        position: absolute;
        top: 30px;
        left: 50%;
        transform: translateX(-50%) rotate(-180deg);
        width: 150px;
        height: 80px;
    }

    .district-profile-container .arrow {
        position: absolute;
        width: 80px;
        height: 80px;
        pointer-events: none;
    }

    .district-profile-container .waste .arrow-left {
        top: 129px;
        left: 190px;
        transform: rotate(20deg);
    }

    .district-profile-container .waste .arrow-right {
        top: 119px;
        right: 154px;
        transform: rotate(-20deg);
    }

    .district-profile-container .water .arrow-left {
        top: 123px;
        left: 188px;
        transform: rotate(20deg);
    }

    .district-profile-container .water .arrow-right {
        top: 105px;
        right: 147px;
        transform: rotate(-20deg);
    }

    .district-profile-container .water .arrow-bottom {
        top: 158px;
        left: 50%;
        transform: translateX(-50%) rotate(90deg);
    }

    .district-profile-container .value {
        font-family: var(--heading-font);
        font-size: 36px;
        font-weight: 700;
        color: var(--secondary-color);
        line-height: 50px;
    }

    .district-profile-container .unit {
        font-size: 12px;
    }

    .district-profile-container .subtext {
        font-size: 22px;
        font-weight: 700;
        font-family: var(--text-font);
        margin-top: 4px;
        color: #575757;
    }

    .district-profile-container .data-points {
        font-size: 14px;
    }
    /* Note */

    .district-profile-container .note h6, .district-profile-container .note p {
        font-family: var(--text-font);
        font-size: 14px;
        font-weight: 500;
        color: var(--sub-heading-color)000;
        font-style: italic;
    }
    #map1{
        height: 300px;
    }
    #livestock-chart,
    #catBreakupEV,
    #yoyElectricVehicleRegis,
    #reTotalCapacity,
    #nonReTotalCapacity {
        height:500px;
    }
    #mapDistrict{
        height:300px;
    }
    #livestock .highcharts-label span[data-z-index="1"] div{
        position: relative;
        left: -4.7rem !important;
        top: -1rem !important;
    }

/* ===================================== District Page ===================================  */

/* climate variabilty glossary icon */

.glossary-btn {
    position: fixed;
    top: 240px;
    right: 0;
    background-color: #457CD8;
    font-weight: 500;
    writing-mode: vertical-lr;
    text-orientation: mixed;
    transform: rotate(-90deg);
    padding: 8px 5px;
    border-radius: 9px 9px 0px 0px;
    z-index: 1055;
    width: 52px;
    height: 66px;
    border: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.btn:hover {
    background-color: #457CD8;
    border: 0;
}

.info-icon {
    transform: rotate(90deg);
    filter: brightness(0) invert(1);
}

#glossaryModal .modal-body {
        line-height: 50px;
    padding: 20px;
}

#glossaryModal .modal-body p{
     font-size: 20px;
     font-weight: 400;
     font-family: var(--text-font);
}