.header-web{
        padding: 14px 60px 14px 60px;
        background-color: #242425;
        box-shadow: 0px 4px 16px 0px #00000029;
        display: inline-flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        position: fixed;
        z-index: 2;
    }

    .header-footer-font-size
    {
        font-size: 12px;
        font-weight: 550;
    }
    .header-footer-icon-size
    {
        width: 15px;
        height: 15px;
    }
    .side-menu-icon-size{
        width: 28px;
        height: 28px;
    }
    .header-footer-logo-size
    {
        width: 160px;
        max-width: 160px;
        height: auto;
    }

    .header-footer-box{
        margin-left: 15px;
        margin-right: 15px;
        
    }

    .location-item{
        display: inline-flex;
        align-items: center;
        justify-content: space-between;
        gap: 5px;
    }

    .news-icon{
        vertical-align: middle;
    }

    .nav-active {
        color: #64D97B;
        border: none;
    }
    .header-footer-icon-dropdown{
        position: absolute;
        width: 10px;
        margin: 5px;
        height: auto;
    }

    .nav-item {
        border-bottom: 1px solid #817E7E;
        display: inline-block; 
        padding-bottom: 10px;
    }
    
    .dropdown-content {
        display: none;
        position: absolute;
        background-color: #242425;
        box-shadow: 0px 1px 0px 0px rgb(63 63 63 / 20%);
        z-index: 2;
        margin-top: 1px;
        border-radius: 6px;
        border: 0.5px solid #64D97B; 
        padding: 10px;
        cursor: pointer;
    }
    .dropdown-content li{
        margin-top: 0;
        list-style: none;

    }
    .dropdown:hover > .dropdown-content {
        display: block;
    }
    .dropdown-content li a {
        text-decoration: none;
        display: block; /* Ensure width fits to the content */
        border-bottom: 1px solid transparent; /* Default transparent border */
        white-space: nowrap;
    }
    .dropdown-content li a p:hover {
        color: #64D97B;
        border-bottom: 1px solid #535252;
    }

    .more-sub-menu {
        position: relative;
    }
    .more-sub-menu:hover > .dropdown-content {
        position: absolute;
        left: 100%;
        top: 0;
    }

    .ev-logo{
        margin-left: 6px;
    }
    .search-box {
        display: flex;
        background: transparent;
        border-bottom: 0.4px solid #A1A1A1;
        width: 100%;
        height: 23px;
    }
    .search-box:hover{
        border-bottom: 1px solid #64D97B;
    }
    .search-input {
        width: 100%;
        padding-left: 5px;
        height: auto;
        border: none;
        outline: none;
        font-size: 12px;
        background: none;
        color: #ffff;
    }
    .search-input:hover {
        cursor: pointer;
        caret-color: #64D97B;
    }
    /* Default placeholder styling */
    .search-input::placeholder {
        color: #C1C1C1;
        transition: color 0.3s ease;
    }
    .search-drop-down {
        width: 230px;
        height: 35px;
        margin: -2px;
        border: 2px solid #ddd;
        font-size: 12px;
        outline: none;
        font-family: "Mulish", sans-serif;
        background: #ffffff;
        color: #757171;
    }

    .search-button {
        margin: 2px 10px;
        border: none;
        text-align: center;
        cursor: pointer;
        border-radius: 6px;
        background: none;
    }
   
    .menu-inner{
        padding: 10px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 60px;

    }

    .menu-inner .dropdown {
        list-style: none;
    }
    
    .sign-in{
        display: inline-flex;
        align-items: center;
        justify-content: space-between;
        gap: 5px;
    }
    .sign-in-icon{
        vertical-align: middle;
    }
    .header-second{
        background-color: #2439B4;
        width: 100%;
        height: 42px;
        padding: 10px 0px;
    }
    .vertical-saprater {
        margin-left: 5px;
        margin-right: 5px;
    }
    .loc{
        display: inline-flex;
        align-content: center;
        justify-content: space-between;
        margin: -4px 0px;
        flex-wrap: wrap;
    }
    .header-logo{
        margin-top: -8px;
    }
    .nav-btns-bottom{
        display: inline-flex;
        margin-top: 0;
    }
    .nav-btns-bottom > li {
        padding: 0 16px;
    }
    .header-mob {
        overflow: hidden;
        background-color: #242425;
        display: none;
    }
    .nav-mob{
        background-color: #242425;
        padding-left: 15px;
        padding-right: 15px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    
    .aside-btn{
        width: 36px;
        height: 36px;
    }
    .logo-mob-box{
        width: 100px;
        height: auto;
    }

    /*location-popup*/
    .location-icon{
        vertical-align: middle;
    }
    .location-popup-list{
        overflow-y: auto;
        overflow-x: hidden;
        max-height: 450px;
    }
    .location-popup-image{
        width: 60px;
        height: 60px;
    }

    .search-city-modal-dropdown-container {
        position: relative;
        width: 100%;
        max-width: 600px;
        margin: auto;
    }
    .search-city-modal-dropdown {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background: #333232;
        border: 1px solid #333232;
        border-top: 0;
        max-height: 200px;
        overflow-y: auto;
        z-index: 1000;
        padding: 5px;
        display: none;
    }
    .search-city-modal-dropdown-item {
        padding: 5px 10px;
        cursor: pointer;
        color: #ffffff;
    }
    .search-city-modal-dropdown-item:hover {
        background-color: #909090;
    }
    
    /*search popup*/
    .open-search#searchmodal {
        max-width: 100vw;
        height: 100vh;
        opacity: 1;
        visibility: visible;
        position: fixed;
        left: 0;
        background: #181818;
    }
    .search-box {
        position: relative;
        margin: 2px auto;
        max-width: 600px;
    }
    .search-close-box{
        text-align: right;
    }
    
    /*    FOOTER*/

    footer{
        background: linear-gradient(98.03deg, #5045F3 0%, #2E288D 100%);

    }
    
    .footer-top-feature{
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 1rem;
    }

    .footer-top-feature-icon-size{
        width: 45px;
        height: 45px;
    }

    .feature-divider-line{
        width: 100%;
        height: 1px;
        background-color: #E7E7E7;
    }
    .footer-widget li{
        display: inline-flex;;
        margin-right: 14px;
    }
    .footer-address-li{
      display: inline-flex;  
    }
    .footer-address{
        vertical-align: top;
        width: 295px;
        display: inline-block;
         padding-left: 0;
    }
    .footer-address li {
        list-style: none;
    }
    .footer-email{
        vertical-align: middle;
    }
    .footer-offical-icon{
        width: 24px;
        height: 24px;
        margin-right: 9px;
        vertical-align: middle;
    }
    .footer-bottom-2{
        text-align: right;
    }
    .footer-link{
        padding-bottom: 20px;
        padding-left: 0;
    }
    .footer-link li {
        list-style: none;
    }
    .resource-row{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap: 1rem;
    }
    .footer-search-box{
        position: relative;
        margin-bottom: 7px;
        margin-top: 7px;
    }
    .footer-search-input{
        width: 100%;
        height: 28px;
        border: 1px solid #ECECEC;
        border-radius: 2px;
        outline: none;
        color: #302f2f;
        font-family: "Mulish", sans-serif;
        padding-left: 3px;
    }
    .footer-search-button{
        position: absolute;
        right: 0;
        border: 1px solid #FFFFFF;
        background: linear-gradient(90deg, #64D97B 0%, #5045F3 100%);
        padding: 6px;
        top: 0;
        width: 78px;
        height: 28px;
        border-radius: 2px;
        font-family: 'Mulish', sans-serif;
    }
    .footer-social-icon{
        width: 30px;
        height: 30px;
    }

    .recent-news-box{
        display: flex;
        align-items: center;
        gap: 10px;
    }
    .orange-bullet-image{
        position: relative;
        margin-right: 5px;
    }
    .footer-social {
        display: flex;
        gap: 15px;
        align-items: center;
    }
    .footer-mob-logo{
        width: 100px;
        height: auto;
    }
    .footer-right-side-nav-mob{
        display: flex;
        gap: 10px;
    }
    .content-area {
            margin-top: 64px;
            min-height: 650px;
        }
    @media (min-width: 992px) and (max-width: 1600px) {
        .content-area {
            margin-top: 64px;
            min-height: 650px;
        }
    }
    @media (min-width: 480px) and (max-width: 991px) {
        .content-area {
            margin-top: 0px;
            min-height: 650px;
        }
        .header-web{
            display: none;
        }
        
        .header-mob {
            display: block;
        }
        .header-second {
            display: none;
        }

        .footer-top-feature-icon-size{
            width: 45px;
            height: 45px;
        }
        .footer-bottom-1,
        .footer-bottom-2{
            text-align: center;
        }
        
        .search-box {
            display: flex;
            background: transparent;
            border-radius: 4px;
            border-bottom: 0.4px solid #A1A1A1;
            height: 37px;
            padding: 8px;
            width: 100%;
            max-width: 100%;
        }
        .search-box:hover{
            border-bottom: 1px solid #64D97B;

        }
        .search-input {
            width: 100%;
            padding-left: 5px;
            height: 100%;
            border: none;
            outline: none;
            font-size: 12px;
            background: none;
            color: #ffffff;
        }
        .search-input:hover {
            cursor: pointer;
            content: url('../image/icons/Search_hover-green.png');
            caret-color: #64D97B;
        }

        /* Hover effect on input: hides placeholder and changes cursor color */
        .search-input:hover::placeholder {
            color: transparent;
            
        }
        .location-popup-image{
            width: 50px;
            height: 50px;
        }
    }
    @media (min-width: 320px) and (max-width: 479px) {
        .content-area {
            margin-top: 0px;
            min-height: 650px;
        }
        .header-web{
            display: none;
        }
        .header-second {
            display: none;
        }
        .header-mob {
            display: block;
        }
        .footer-top-feature-icon-size{
            width: 30px;
            height: 30px;
        }
        .footer-bottom-1,
        .footer-bottom-2{
            text-align: center;
        }
        .search-box {
            display: flex;
            background: transparent;
            border-radius: 4px;
            border-bottom: 0.4px solid #A1A1A1;
            height: 37px;
            padding: 8px;
            width: 100%;
        }
        .search-box:hover{
            border-bottom: 1px solid #64D97B;

        }
        .search-input {
            width: 100%;
            padding-left: 5px;
            height: 100%;
            border: none;
            outline: none;
            font-size: 12px;
            background: none;
            color: #ffff;
        }
        .search-input:hover {
            cursor: pointer;
            content: url('../image/icons/Search_hover-green.png');
            caret-color: #64D97B;
        }
        /* Hover effect on input: hides placeholder and changes cursor color */
        .search-input:hover::placeholder {
            color: transparent;
            
        }
         .location-popup-image{
            width: 45px;
            height: 45px;
        }
}