/* .menu {
  list-style: none;
  display: flex;
  gap: 20px;
  position: relative;
}

.menu li {
  position: relative;
}

.menu a {
  text-decoration: none;
  padding: 10px 15px;
  display: inline-block;
} */

/* Submenu */
.submenu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: white;
  list-style: none;
  padding: 0;
  margin: 0;
  border: 1px solid #ddd;
  z-index: 999;
  min-width: 180px;
}

.submenu li a {
  display: block;
  padding: 25px;
  white-space: nowrap;
  color: #000;
}

/* Show submenu on hover */
.dropdown:hover .submenu {
  display: block;
}

/* Optional: Hover effect */
.submenu li a:hover {
  background-color: #f0f0f0;
}
/* Arrow on the right of parent menu item */
.has-submenu > a::after {
  content: '▼'; /* Downward arrow */
  font-size: 0.6em;
  margin-left: 6px;
  vertical-align: middle;
  transition: transform 0.3s ease;
}

/* Rotate arrow on hover (optional) */
.has-submenu:hover > a::after {
  transform: rotate(180deg); /* Flip the arrow up */
}

 /* CSS written by Mamata */
 .headerBorder {
   border-bottom:0.1px solid rgb(234, 234, 234);
 }
 #header{
   height:83px;
   width:100%;
   /* max-width:1440px; */
   margin:0 auto;
}
#header .headerContent{
   position:fixed;
   top:0;
   width:100%;
   /* max-width:1440px; */
   transition: transform 0.1s ease, opacity 0.1s ease;
   transform-origin: top; 
   margin:0 auto;
   display: flex;
   background:rgb(255, 255, 255);
   height:83px;
   justify-content: space-between !important;
   align-items: center;
   padding:0 4%;
}

#header .logo img {
   height: 40px;
}
#header .menu{
   list-style:none;
   display:flex;
   align-items: center;
   gap:0.2em;   
   margin-right:-35px;
}
 #header .menu li a{
    font-family: 'Work Sans', sans-serif;
    font-size: clamp(0.75rem, 0.071rem + 0.893vw, 0.875rem);
    font-weight: 500;
    line-height: 16.42px;
    color:rgba(80, 80, 80, 1);
    text-decoration: none;
    cursor:pointer;
    padding:0.4em 2em;
 }  
#header .menu a:hover{
   color:#080808;
   background:rgba(0, 0, 0, 0.046);
   border-radius:4px;  
}
#header .menu .active{
   color:#0c0c0c;
   font-weight:600;
   /* background:rgba(0, 0, 0, 0.094); */
   border-radius:4px;  
}
#header .menu .active:hover{
  
   background:none;
  
}
#header .hamburger {
   display: none;
   font-size: 30px;
   cursor: pointer;
}
#header ul.menu{
   margin-bottom: 0px;
}

@media (max-width:930px) {
   #header .headerContent {

      padding:0 8%;
   }
   
   #header .menu {
       
       flex-direction: column;
       position: absolute;
       text-align: center;
       top:-1000px;
       /* top: 83px; */
       right: 0;
       width: 100%;
       background-color:#232323;
       margin-right:0;
       padding:30px 4%;
   }
   #header .menu.active {
       top: 83px !important;
       background: #232323;
      
   }
   #header .menu.active li a{
      color: #777777;
   }
   #header .hamburger {
       display: block;
   }
  
#header #menu li a.active{
   color: white;
}
#header .menu a:hover{
   color:#ffffff !important;
   background:rgba(158, 158, 158, 0.046) !important;
  
}
}
@media (max-width:768px) {
   #header .menu {
       padding:30px 8%;
   }
}