/* nav menu css */
    
    /* Hide hamburger on desktop */
    .navbar-toggler {
        display: none;
    }
    
    /* Desktop navigation visible by default */
    .navbar-nav, .right-widget {
        display: block;
    }
    
    /* Three-line hamburger menu button */
    .navbar-toggler {
        width: 44px;
        height: 38px;
        background: white;
        border: 2px solid var(--prime-one, #345a89);
        border-radius: 6px;
        cursor: pointer;
        position: relative;
        z-index: 99;
        padding: 0;
        box-shadow: 0 2px 4px rgba(0,0,0,0.1);
        transition: all 0.3s ease;
    }
    
    .navbar-toggler:hover {
        background: #f8f9fa;
        box-shadow: 0 4px 8px rgba(0,0,0,0.15);
    }
    
    .navbar-toggler:focus {
        outline: none;
        box-shadow: 0 0 0 2px rgba(52, 90, 137, 0.2);
    }
    
    .navbar-toggler::before,
    .navbar-toggler::after,
    .navbar-toggler span {
        content: '';
        position: absolute;
        width: 22px;
        height: 1.5px;
        background: rgba(52, 90, 137, 0.7);
        left: 50%;
        transform: translateX(-50%);
        transition: all 0.3s ease;
        transform-origin: center center;
    }
    
    .navbar-toggler::before {
        top: 11px;
    }
    
    .navbar-toggler span {
        top: 18px;
        text-indent: -9999px;
        overflow: hidden;
        display: block;
    }
    
    .navbar-toggler::after {
        top: 25px;
    }
    
    /* Hamburger animation to X */
    .navbar-toggler.active {
        background: white;
        border-color: rgba(52, 90, 137, 0.8);
    }
    
    .navbar-toggler.active span {
        opacity: 0;
        transform: translateX(-50%) scale(0);
    }
    
    .navbar-toggler.active::before {
        top: 18px;
        transform: translateX(-50%) rotate(45deg);
        background: rgba(52, 90, 137, 0.8);
    }
    
    .navbar-toggler.active::after {
        top: 18px;
        transform: translateX(-50%) rotate(-45deg);
        background: rgba(52, 90, 137, 0.8);
    }
  .navbar .navbar-nav .nav-link {
      @apply font-medium text-[18px] leading-[initial] text-black relative transition-all duration-[0.3s] ease-[ease-in-out] mx-[26px] my-0 px-0 py-[13px];
  }
  .navbar .navbar-nav .nav-item.active .nav-link,
  .navbar .navbar-nav .nav-item:hover .nav-link {
      @apply text-[color:var(--prime-one)];
  }
  /*Menu Two*/
  .theme-menu-two .navbar .navbar-nav .nav-item.active .nav-link,
  .theme-menu-two .navbar .navbar-nav .nav-item:hover .nav-link,
  .theme-menu-two .navbar .dropdown-menu .dropdown:hover>.dropdown-item,
  .theme-menu-two .navbar .dropdown-menu .dropdown-item.active,
  .theme-menu-two .navbar .dropdown-menu .dropdown-item:hover {
      @apply text-[color:var(--prime-two)];
  }
  .theme-menu-two .navbar-toggler {
      @apply  bg-[var(--prime-two)]
  }
  /*Menu Three*/
  .theme-menu-three .navbar .dropdown-menu .dropdown:hover>.dropdown-item,
  .theme-menu-three .navbar .dropdown-menu .dropdown-item.active,
  .theme-menu-three .navbar .dropdown-menu .dropdown-item:hover {
      @apply text-[color:var(--prime-three)];
  }
  /*Menu Four*/
  .theme-menu-four .navbar-toggler {
  @apply  bg-[#815AFF]
  }
  /*Menu Five*/
  .theme-menu-five .navbar-toggler {
  @apply bg-[var(--prime-four)]
  }
  /*Menu Six*/
  .theme-menu-six .navbar .navbar-nav .nav-item.active .nav-link,
  .theme-menu-six .navbar .navbar-nav .nav-item:hover .nav-link,
  .theme-menu-six .navbar .dropdown-menu .dropdown:hover>.dropdown-item,
  .theme-menu-six .navbar .dropdown-menu .dropdown-item.active,
  .theme-menu-six .navbar .dropdown-menu .dropdown-item:hover {
      @apply text-[color:var(--prime-six)];
  }
  .theme-menu-six .navbar-toggler {
      @apply bg-[var(--prime-six)]
  }
  /*Menu Seven*/
  .theme-menu-seven .navbar .navbar-nav .nav-item.active .nav-link,
  .theme-menu-seven .navbar .navbar-nav .nav-item:hover .nav-link,
  .theme-menu-seven .navbar .dropdown-menu .dropdown:hover>.dropdown-item,
  .theme-menu-seven .navbar .dropdown-menu .dropdown-item.active,
  .theme-menu-seven .navbar .dropdown-menu .dropdown-item:hover {
      @apply text-[color:var(--prime-nine)];
  }
  .theme-menu-seven .navbar-toggler {
      @apply bg-[var(--prime-nine)]
  }
  /*Menu Eight*/
  .theme-menu-eight .navbar .navbar-nav .nav-item.active .nav-link,
  .theme-menu-eight .navbar .navbar-nav .nav-item:hover .nav-link,
  .theme-menu-eight .navbar .dropdown-menu .dropdown:hover>.dropdown-item,
  .theme-menu-eight .navbar .dropdown-menu .dropdown-item.active,
  .theme-menu-eight .navbar .dropdown-menu .dropdown-item:hover {
      @apply text-[color:var(--prime-ten)];
  }
  .theme-menu-eight .navbar-toggler {
      @apply bg-[var(--prime-ten)]
  }
  /*Menu Nine*/
  .theme-menu-nine .navbar .navbar-nav .nav-item.active .nav-link,
  .theme-menu-nine .navbar .navbar-nav .nav-item:hover .nav-link,
  .theme-menu-nine .navbar .dropdown-menu .dropdown:hover>.dropdown-item,
  .theme-menu-nine .navbar .dropdown-menu .dropdown-item.active,
  .theme-menu-nine .navbar .dropdown-menu .dropdown-item:hover {
      @apply text-[color:var(--prime-two)];
  }
  .theme-menu-nine .navbar-toggler {
  @apply bg-[var(--prime-two)]
  }
  /*Menu Ten*/
  .theme-menu-ten .navbar-toggler {
  @apply bg-[var(--prime-twelve)]
  }
  /*Menu Eleven*/
  .theme-menu-eleven .navbar .navbar-nav .nav-item.active .nav-link,
  .theme-menu-eleven .navbar .navbar-nav .nav-item:hover .nav-link,
  .theme-menu-eleven .navbar .dropdown-menu .dropdown:hover>.dropdown-item,
  .theme-menu-eleven .navbar .dropdown-menu .dropdown-item.active,
  .theme-menu-eleven .navbar .dropdown-menu .dropdown-item:hover {
      @apply text-[#FF5EA3];
  }
  .theme-menu-eleven .navbar-toggler {
      @apply bg-[linear-gradient(270.78deg,#FFA7A9_4.19%,#FF5EA3_96.11%)]
  }
  .navbar .dropdown-menu .dropdown-item {
      @apply text-[16px] tracking-[0px] capitalize leading-[44px] text-black inline-block relative transition-all duration-[0.3s] ease-[ease-in-out] px-[15px] py-0
      bg-transparent;
      white-space: inherit;
  }
  .navbar .dropdown-menu .dropdown-item .tag {
      @apply absolute leading-[15px] text-white text-[10px] tracking-[1px] uppercase not-italic px-1 py-0 right-0 top-0;
      @apply bg-[var(--red-one)]
  }
  .navbar .dropdown-menu .dropdown:hover>.dropdown-item,
  .navbar .dropdown-menu .dropdown-item.active,
  .navbar .dropdown-menu .dropdown-item:hover {
      @apply text-[color:var(--prime-one)];
  }
  .navbar .dropdown-toggle::after {
      @apply content-["\f282"] text-[12px] font-bold absolute leading-[56px] text-center border-[none] right-auto top-0 font-Bootstrap;
      /*  transition: all 0.3s ease;*/
  }
  .navbar .show.dropdown-toggle::after {
      @apply rotate-180;
  }
  .navbar .dropdown-submenu .dropdown-toggle::after {
      @apply content-["\f285"] block text-inherit w-auto h-auto leading-[44px] font-bold text-[11px] transition-transform duration-[0.3s] ease-[ease-in-out] right-[15px] top-0 font-Bootstrap !bg-transparent
  }
  .navbar .dropdown-submenu:hover>.dropdown-toggle::after {
      @apply rotate-90;
  }

  /*---------------- Mega Dropdown ------------------*/
  /* .theme-main-menu .mega-dropdown,.theme-main-menu .navbar {
      @apply static;
  } */
  .theme-main-menu .mega-dropdown-md .dropdown-menu {
      @apply min-w-[750px] left-[-250px];
  }
  .navbar [class*="mega-dropdown"] .dropdown-menu {
      @apply m-0 pt-0 pb-[15px] px-[25px];
  }
  .navbar [class*="mega-dropdown"] .menu-column {
      @apply px-0 py-[15px];
  }
  .navbar [class*="mega-dropdown"] .mega-menu-title {
      @apply font-medium text-[16px] text-black inline-block relative m-[15px_0_18px] before:content-[''] before:absolute before:w-full before:h-0.5 before:bottom-[-5px] before:left-0 before:bg-black
  }
  /* .navbar [class*="mega-dropdown"] .dropdown-item {
      @apply leading-10 p-0;
  } */
  .theme-main-menu .mega-dropdown .img-meta {
      @apply overflow-hidden block relative border shadow-[0px_7px_20px_rgba(0,0,0,0.03)] mb-[3px] rounded-[10px] border-solid border-[rgba(0,0,0,0.04)]
  }
  .navbar [class*="mega-dropdown"].mega-dropdown .dropdown-item span {
      @apply text-[15px];
  }
  /*----- For Desktop -------*/
  @media screen and (min-width: 992px) {
      .navbar .dropdown-menu {
      @apply z-[5] bg-white block invisible translate-y-[5px] opacity-0 min-w-[250px] shadow-[0px_50px_100px_rgba(0,0,0,0.12)] origin-[0_0] transition-all duration-[0.3s] ease-[ease-out] m-0 px-[5px] py-2.5 rounded-[5px] border-[none] top-full inset-x-0;
      }
      .navbar .dropdown-menu .dropdown-menu {
      @apply min-w-[240px] shadow-[0_20px_30px_-10px_rgb(0,0,0,0.15)] translate-y-0 left-[calc(100%_+_5px)] right-auto top-0;
      }
      .navbar .dropdown:hover>.dropdown-menu {
      @apply opacity-100 visible translate-y-0;
      }
  }
  /*(min-width: 992px)*/

  /*----- For Desktop ----*/
  @media screen and (min-width: 992px) {
      /* Ensure hamburger is hidden on desktop */
      .navbar-toggler {
          display: none !important;
      }
      
      /* Ensure desktop nav is visible */
      .navbar-nav, .right-widget {
          display: block !important;
      }
      
      /* Hide mobile menu and overlay on desktop */
      .navbar-collapse, .mobile-menu-overlay {
          display: none !important;
      }
  }

  /* Mobile Menu Overlay */
  .mobile-menu-overlay {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100vh;
      background: rgba(0, 0, 0, 0.5);
      backdrop-filter: blur(4px);
      -webkit-backdrop-filter: blur(4px);
      z-index: 9998;
      opacity: 0;
      visibility: hidden;
      transition: all 0.3s ease;
  }
  
  .mobile-menu-overlay.show {
      opacity: 1;
      visibility: visible;
  }

  /*----- For Mobile ----*/
  @media screen and (max-width: 991px) {
      /* Hide desktop nav and contact button on mobile */
      .navbar-nav, .right-widget {
          display: none !important;
      }
      
      /* Show hamburger on mobile */
      .navbar-toggler {
          display: block !important;
      }
      
      .navbar {
          padding: 0;
      }
      
      /* Mobile menu styles - HIDDEN by default */
      .navbar-collapse {
          position: fixed;
          background: white;
          height: 100vh;
          max-height: 100vh;
          overflow-y: auto;
          width: 320px;
          max-width: calc(100vw - 60px);
          z-index: 9999;
          transform: translateX(-100%);
          transition: transform 0.3s ease-in-out;
          padding: 32px 15px 20px 15px;
          left: 0;
          top: 0;
          box-shadow: none;
      }
      
      /* Show mobile menu */
      .navbar-collapse.show {
          transform: translateX(0);
          box-shadow: 15px 0 25px rgba(35,35,35,0.09);
      }
      
      .white-vr .navbar-collapse {
          background: #151937;
      }
      
      .mobile-menu-content {
          height: 100%;
          display: flex;
          flex-direction: column;
          padding: 20px 0;
          position: relative;
      }
      
      .mobile-nav {
          flex: 1;
          padding-bottom: 100px; /* Reserve space for contact button */
      }
      
      .mobile-nav ul {
          list-style: none;
          padding: 0;
          margin: 0;
      }
      
      .mobile-nav li {
          border-bottom: 1px solid #f3f4f6;
      }
      
      .mobile-nav a {
          display: block;
          font-size: 16px;
          font-weight: 500;
          color: black;
          transition: color 0.3s ease-in-out, padding-left 0.3s ease-in-out;
          padding: 15px 0;
          text-decoration: none;
      }
      
      .mobile-nav a:hover {
          color: var(--prime-one, #345a89);
          padding-left: 8px;
      }
      
      .mobile-contact {
          position: absolute;
          bottom: 20px;
          left: 0;
          right: 0;
          padding: 20px 0 0 0;
          border-top: 1px solid #f3f4f6;
          background: white;
      }
      
      .mobile-contact-btn {
          display: block;
          width: calc(100% - 0px);
          text-align: center;
          background: var(--prime-one, #345a89);
          color: white;
          font-weight: 500;
          padding: 12px 24px;
          border-radius: 8px;
          text-decoration: none;
          transition: opacity 0.3s ease-in-out;
          box-sizing: border-box;
          min-height: 48px;
          line-height: 24px;
      }
      
      .mobile-contact-btn:hover {
          opacity: 0.9;
          color: white;
          background: var(--prime-one, #345a89);
      }
      
      /* Prevent body scroll when menu is open */
      body.navbar-open {
          overflow: hidden;
      }
      
      /* Legacy dropdown styles for compatibility */
      .navbar .dropdown-toggle::after {
          @apply leading-[50px] text-[15px] right-0;
      }
      
      .theme-main-menu .navbar .mega-dropdown {
          @apply relative;
      }
      
      .navbar .dropdown-menu .dropdown-item {
          @apply text-[15px] leading-[42px] px-2.5 py-0;
      }
      
      .navbar .dropdown-menu .dropdown-item.dropdown-toggle {
          @apply font-medium;
      }
      
      .navbar .dropdown-submenu .dropdown-toggle::after {
          @apply text-[13px] right-[15px];
      }
      
      .navbar .dropdown-submenu:hover>.dropdown-toggle::after {
          @apply rotate-0;
      }
      
      .navbar .dropdown-submenu .dropdown-toggle.show::after {
          @apply rotate-90;
      }
      
      .navbar .dropdown-menu {
          @apply m-0 p-0 rounded-none border-[none] bg-[#eefbfa];
      }
      
      .theme-menu-nine .navbar .dropdown-menu {
          @apply bg-[#fbf4ee];
      }
      
      .navbar .dropdown-submenu .dropdown-menu {
          @apply m-0 pl-2.5 pr-0 py-0;
      }
      
      .navbar [class*="mega-dropdown"] .dropdown-menu {
          @apply px-[15px] py-0;
      }
      
      .theme-main-menu .mega-dropdown-md .dropdown-menu {
          @apply min-w-full;
      }
      
      .navbar [class*="mega-dropdown"] .mega-menu-title {
          @apply mt-0 mb-3 mx-0;
      }
      
      .navbar [class*="mega-dropdown"] .menu-column {
          @apply pb-0;
      }
  }