.headerSection { transition: all 0.4s ease; }
   .headerSection.stickyHeader { position: sticky; top: 0; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); transition: all 0.4s ease; animation: headerAnimation ease-in-out forwards; animation-duration: 0.5s; }
   .dropdown-menu-wrap {
      overflow: auto;
      max-height: 420px;
   }
   .dropdown-menu-wrap::-webkit-scrollbar {
      width: 5px;
      height: 5px;
      background: transparent;
   }
   .dropdown-menu-wrap::-webkit-scrollbar-thumb {
      background: #cccccc;
      border-radius: 10px;
   }
   .dropdown-menu-wrap::-webkit-scrollbar-thumb:hover {
      background: #bbbbbb;
   }
   .dropdown-menu-wrap::-webkit-scrollbar-track {
      background: transparent;
      margin: 30px 0;
   }

   @keyframes headerAnimation {
      0% { top: -90px; }
      100% { top: 0%; }
   }

/* main menu dyamic csss Styling Start */

.headerMenu-wrapper ul li {
  position: relative;
}

.headerMenu-wrapper ul li ul {
  display: none;
}

.headerMenu-wrapper ul li:hover > ul {
  display: block;
} 

/* Dropdown Styling */
.headerMenu-wrapper ul li ul {
  display: none;
  position: absolute;
  background: #fff; /* white background for visibility */
  top: 100%;
  left: 0;
  z-index: 999;
  border-radius: 8px;
  box-shadow: 0 8px 20px rgba(0,0,0,0.08);
  padding: 10px 0;
}

.headerMenu-wrapper ul li:hover > ul {
  display: block;
}

.headerMenu-wrapper ul li ul li a {
  color: #1e1e1e !important;
  font-weight: 500;
  display: block;
  padding: 8px 16px;
  white-space: nowrap;
}

.headerMenu-wrapper ul li ul li a:hover {
  background: #f7f7f7;
  color: #d62d82 !important; /* your theme pink */
}

.headerMenu-wrapper ul li ul {
  transition: all 0.25s ease;
}
/* main menu dyamic csss Styling End*/