.mobile-header .header {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 15px !important;
    
    color: #fff !important;
}

.mobile-header .logo {
    font-size: 22px !important;
    font-weight: bold !important;
}

.mobile-header .logo img {
    width: 100px !important;
}

/* Hamburger */
.mobile-header .hamburger {
    width: 16px !important;
    height: 13px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    cursor: pointer !important;
   transition: 0.6s;
}

.mobile-header-icon i  {background: #b8372f !important; padding: 5px 7px;
    font-size: 15px;
    line-height: 22px;
    border-radius: 5px;
}

.mobile-header-icon i:first-child {padding: 7px;}
.mobile-header-icon .ham-btn {background: #b8372f; padding: 8px 7px; 
    border-radius: 5px;}

.mobile-header .hamburger span {
    height: 2px !important;
    width: inherit;
    background: #fff !important;
    border-radius: 5px !important;
    transition: 0.35s ease !important;
}

.mobile-header .hamburger.active span:nth-child(1) {
    transform: translateY(4px) rotate(45deg) !important;
}

.mobile-header .hamburger.active span:nth-child(2) {
    opacity: 0 !important;
}

.mobile-header .hamburger.active span:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg) !important;
}

/* Main Navigation */
.mobile-header .nav,
.mobile-header .nav__sub {
    margin: 0 !important;
    padding: 15px !important;
    list-style-type: none !important;
}

.mobile-header .nav {
    position: fixed !important;
    top: 0 !important;
    left: -100% !important;
    width: 76% !important;
    height: 100% !important;
    background: #fff !important;
    overflow: hidden !important;
    transition: left 0.35s ease !important;
    z-index: 9999 !important;
    padding: 0 !important;
}

.nav__item,
.nav__link {
    white-space: normal;      /* text को wrap होने देता है */
    word-wrap: break-word;    /* लंबे शब्द को भी तोड़ देता है */
    word-break: break-word;   /* overflow रोकता है */
}

ul.nav__sub li a {
  white-space: normal;
  word-break: break-word;
}

.mobile-header .nav.is-open {
    left: 0 !important;
        display: unset;
        overflow: auto !important;
}

.mobile-header .nav__item + .nav__item {
    margin-top: 15px !important;
}

.mobile-header .nav__link {
    border-bottom: 1px solid rgb(165, 163, 163);
    padding-bottom: 10px !important;
    color: #1e2939 ;
    text-decoration: none !important;
    font-size: 16px !important;
    font-family: 'Lato', sans-serif !important; 
}
.nav.is-open .nav__link  {display: flex !important; justify-content: space-between !important;}
.nav.is-open .nav__link i {color: #a30000 !important;}
.mobile-header .new .nav__link {color: #fff!important; border: none !important; padding: 0 !important; font-size: 15px !important; font-weight: 700!important;}
 .mobile-header .new {width: fit-content !important; padding: 5px 15px !important; }


 .two-col-submenu {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;

    gap: 8px 20px !important; /* row gap | column gap */
}

.two-col-submenu .nav__item {
    list-style: none;
}

ul.nav__sub.submenu a.nav__link {
/* padding-bottom:0 !important ; */
padding-top:0 !important ;
}
/* Submenu */
.mobile-header .nav__sub {
    position: absolute !important;
    top: 0 !important;
    left: 100% !important;
    width: 100% !important;
    height: 100% !important;
    background: #fff !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transition: all 0.35s ease !important;
}

.mobile-header .nav__sub.is-active {
    left: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
}

/* Close Button */
.mobile-header .close-menu {
    color: white !important;
    font-size: 18px !important;
    margin-bottom: 15px !important;
    display: block !important;
    cursor: pointer !important;
}

/* Insight submenu fix */
.mobile-header .insight-submenu {
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    padding-bottom: 0 !important;
     padding-top: 0 !important;
    height: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
    box-shadow: none !important;
}
ul.nav__sub.insight-submenu.submenu a {font-size: 14px !important;}
ul.nav__sub.insight-submenu.submenu li {margin: 0!important;}
li.nav__item.has-submenu > a {font-weight: bold;}
li.nav__item.has-submenu.open > a {color: #a30000;}


  @media (max-width:1023px) {
        .header-desktop {display: none;}
        .mobile-header {display: block;}
      

    }