header {

       font-family: AzeretMono, monospace;
       box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
       position: sticky;
       top: 0;
       z-index: 99999 !important;
       background-color: #fff;
   }

   header ul {
       list-style-type: none;
   }

   .navbar {
       display: flex;
       justify-content: space-between;
       align-items: center;
       padding: 1rem 0rem;
       position: relative;
   }

   .menu-toggle {
       display: none;
       font-size: 30px;
       cursor: pointer;
       background: none;
       border: none;
   }
   .menu-toggle svg{
width: 40px;
height: 35px;
   }

   .navbar-nav {
       display: flex;
       list-style: none;
       gap: 1rem;
    }
    
    @media only screen and (min-width:1025px) and (max-width:1280px) {
    .navbar-nav {
     gap: 0.4rem !important;
     
} 

.container { 
    padding: 0px 40px 0px 40px ;
}
}
   .nav-item {
       position: relative;
   }

   .nav-link {
       color: #000;
       font-weight: 600 !important;
       background: none;
       border: none;
       cursor: pointer;
       display: flex;
       gap: 10px;
       align-items: center;
       padding: 0.5rem ;
       font-size: 16px;
       text-decoration: none;
   }

   /* .dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  background: #3f0c75;
  border-radius: 7px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.285);
  padding: 0.3rem 0rem;
  min-width: 280px;
  
  Yahi important hai for animation
  transform-origin: top;
  transform: scaleY(0);
  opacity: 0;
  pointer-events: none;
  transition: transform 0.3s ease, opacity 0.3s ease;
  z-index: 1001;
}

.dropdown.show {
  transform: scaleY(1);
  opacity: 1;
  pointer-events: auto;
} */

header  .nav-link i{
    color: #000 !important; 

}

   .dropdown button{ 
cursor: pointer;   }
   .dropdown {
       position: absolute;
       top: 100%;
       left: 0;
       background: var(--primary-color);
       border-radius: 7px;
       box-shadow: 0 4px 12px rgba(0, 0, 0, 0.285);
       padding: 0.3rem 0rem;
       min-width: 320px;

       transform-origin: top left;
       transform: scale(0, 0);
       opacity: 0;
       pointer-events: none;
       transition: transform 0.3s ease, opacity 0.3s ease;
       z-index: 1001;
   }

   .dropdown.show {
       transform: scale(1, 1);
       opacity: 1;
       pointer-events: auto;
   }

   .dropdown.sub-menu-second {
       width: fit-content !important;
   }

   .dropdown.show .arrow1 {
       transform: rotate(45deg) !important;
   }

   /* .dropdown.show {
        display: block;
        opacity: 1;
        transform: scale(1);
      } */

   .dropdown.sub-menu-second li+li {
       border-top: 1px solid #ffffff79;
   }

   .dropdown.sub-menu-second a { 
       display: block;
       padding: 0.5rem 1rem;
       color: #fff;
       text-decoration: none;
       font-weight: 500;
       transition: 0.4s !important;
   
   }
   .dropdown a {
       display: block;
       font-weight: 500;
       transition: 0.4s !important;
   }

   .nav-item.sub-menu.menu-second {
       transition: 0.4s !important;
    }
    
    .nav-item.sub-menu.menu-second:hover {
        padding-left: 24px;
    }
    
    .dropdown.sub-menu-second li{
       transition: 0.4s !important;
   }
   .dropdown.sub-menu-second li:hover {
       padding-left: 10px;
   }

   .dropdown-item {
       position: relative;
   }

   .dropdown .dropdown {
       top: 0;
       left: 100%;
   }

   .nav-item.sub-menu.menu-second a {
       font-weight: 500;
   }

   .nav-item.sub-menu.menu-second {
       padding: 0px 1rem;
   }

   .nav-item.sub-menu.menu-second:nth-child(2) {
       border-left: 0px !important;
       border-right: 0px !important;
       border: 1px solid #ffffff79;
   }

   .sub-nav-item.u-none{
       display: flex;
       align-items: center;
       gap: 15px;
       padding: 6px 0px !important;
       font-size: 16px;
       font-weight: 600;
       background: transparent;
       border: none;
       color: #fff;
   }

   .navbar .dropdown img {
       filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(249deg) brightness(105%) contrast(101%);
   }

   .sub-nav-item img {
       width: 20px;
   }

   .close-menu  { 
    display: none;
   }


   #mobileClose{ 
    font-size: 3.5rem;
    cursor: pointer;
   }


   @media (max-width:1025px)
{ 
 .mobile-head{ 
        overflow: hidden !important;
        /* box-shadow: 5px 5px 10px #00000022; */
        background-color: #fff;
        z-index: 10;
        top: 0px;
        position: sticky;
        width:100%;
padding-top:1rem ;
padding-bottom:1rem ;
min-height: 80px;


    }
    .dropdown {
   width:100%  !important; 
min-width:100% !important;
}
    
   .close-menu  { 
    display: block;
   }   
    .d-none {
           display: none;
       }

       .menu-toggle {
           display: block;
       }

       header{ 
         overflow-x: hidden !important;
       }
       .navbar-nav {
overflow-x: hidden !important;
        z-index:999 !important;
           flex-direction: column;
           position: fixed;
           top: 0px;
           left: -100%;
           gap: 10px;
           width: 100%;
           height: 100%;
          
           background: #fff;
           padding: 0rem; 
           transition: left 0.4s ease;
           overflow-y: auto;
       }

.nav-item.sub-menu.menu-second:hover{ 
    padding-left:2rem  !important;
}
       .navbar-nav.open {
           left: 0;
       }

       .dropdown {
           position: static;
           opacity: 1 !important;
           transform: scale(1) !important;
           display: none;
           box-shadow: none;
           transition: 0.4s;
           transform-origin: top left;
           /* keep origin consistent */
       }

       .dropdown.show {
           display: block;
       }

         .nav-item{ 
        padding-left:  2rem !important;
        padding-right:  2rem !important;
        

    }


}   @media (max-width: 768px) {


    

   .h_tabs-box  { flex-direction: column;
    
    gap: 0px !important;
}
   .h_tabs-box .row {
    flex-wrap: none !important;
    width: 100% !important;
}

.h_tabs-box h3 { 
    width: 100% !important;
}



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

   

       .dropdown .dropdown {
           padding-left: 1rem;
       }
   }

   .nav-item.sub-menu.menu-second .arrow2 {
       transform: rotate(90deg);
   }

   .nav-item.sub-menu.menu-second:hover .arrow2 {
       transform: rotate(0deg);
   }

   .arrow1,
   .arrow2 {
       transition: transform 0.3s ease;
   }

   .nav-item.show .arrow1 {
       transform: rotate(180deg);
   }

   @media (max-width: 1024px) {
       
    .nav-link a {
        font-size:16px !important;
       }

       .nav-link {
           padding-left: 0px;
           padding-right: 0px;
       }

       .navbar {
           gap: 20px;
           padding-left: 15px;
           padding-right: 15px;
       }
   }
 


   .h_tabs-box  { 
   align-items: center;
    display: flex;
    gap: 20px;
}
   .h_tabs-box .row {
    width: 70%;
}

.h_tabs-box h3 { 
    width: 30%;
}


.h_tabs a:nth-child(1) {
    background-color: #29303d  ;
}

/* .h_tabs a:nth-child(1):hover {
    background-color: #60a5f8 ;
} */

.h_tabs a:nth-child(2) {
    background-color: #0d475d ;
}
/* 
.h_tabs a:nth-child(2):hover {
    background-color: #687b9a ;
} */

.h_tabs a:nth-child(3) {
    background-color: #1b2d69 ;
}
/* 
.h_tabs a:nth-child(3):hover {
    background-color: #74a4f6 !important;
} */



.msg-box .red-msg {

    border: 1px solid red;
  
    padding: 10px 15px;
  
    width: fit-content;
  
  }
  
  .msg-box .orange-msg {
  
    border: 1px solid orange;
  
    padding: 10px 15px;
  
    width: fit-content;
  
  }
  
  .msg-box .green-msg {
  
    border: 1px solid green;
  
    padding: 10px 15px;
  
    width: fit-content;
  
  }
  
  .msg-box {
    margin: 10px;
    clear: both;
    display: none;
  
  }