/* Mobile Menu Styles */
    .hamburger {
      display: none;
      width: 30px;
      height: 22px;
      flex-direction: column;
      justify-content: space-between;
      cursor: pointer;
      z-index: 1001;
      position: relative;
      transition: all 0.3s ease;
    }
    
    /* Change hamburger color on scroll */
    .scrolled .hamburger span {
      background: #12213a;
    }

    .hamburger span {
      display: block;
      height: 3px;
      width: 100%;
      background: #fff;
      border-radius: 2px;
      transition: all 0.3s ease;
    }

    .drawer {
      position: fixed;
      top: 80px; /* Adjust based on your header height */
      right: -100%;
      height: auto;
      width: auto;
      min-width: 200px;
      background:transparent; /* Dark blue-gray background */
      box-shadow: -2px 2px 10px rgba(0,0,0,0.3);
      transition: right 0.4s ease;
      border-radius: 4px 0 0 4px;
      z-index: 999;
      padding: 10px 0;
      backdrop-filter: blur(5px);
    }

    .drawer.active {
      right: 0;
    }

    .drawer ul {
      list-style: none;
      padding: 0 20px;
      margin: 0;
      text-align: right;
      white-space: nowrap;
    }

    .drawer ul li {
      border-bottom: 1px solid rgba(255,255,255,0.05);
      margin: 5px 0;
      padding: 0 5px;
    }

    .drawer ul li a {
      display: block;
      position: relative;
      padding: 10px 15px 10px 20px;
      color: #e6f0ff;
      text-decoration: none;
      font-size: 0.95rem;
      transition: all 0.3s ease;
      text-align: right;
      border-radius: 30px 0 0 30px;
      background: linear-gradient(to right, #FF7F00, #12213a);
    }

    .drawer ul li a.active,
    .drawer ul li a:hover {
      color: #ffc107;
      background: #f8c51c;
      color: #12213d;
      transform: translateX(5px);
      box-shadow: 2px 2px 10px rgba(0,0,0,0.2);
    }

    .drawer ul li a.active::after {
      content: '';
      position: absolute;
      left: -10px;
      top: 50%;
      transform: translateY(-50%);
      width: 4px;
      height: 60%;
      background-color: #ffc107;
      border-radius: 0 2px 2px 0;
    }

    .drawer ul li a:hover {
      background: #f8c51c; /* Yellow accent color */
      color: #12213a; /* Dark blue text on hover */
      transform: translateX(5px);
      box-shadow: 2px 2px 10px rgba(0,0,0,0.2);
    }

    .hamburger.active span:nth-child(1) {
      transform: rotate(45deg) translateY(9px);
    }
    .hamburger.active span:nth-child(2) {
      opacity: 0;
    }
    .hamburger.active span:nth-child(3) {
      transform: rotate(-45deg) translateY(-9px);
    }

    @media (max-width: 992px) {
      .nav-links {
        display: none;
      }
      
      .hamburger {
        display: flex;
      }
    }

    @media (min-width: 993px) {
      .drawer {
        display: none;
      }
    }

    /* Highlight active page visually distinct */
.drawer ul li a.active {
  background: linear-gradient(to right, #ffc107, #ff8800);
  color: #12213a;
  font-weight: 600;
  box-shadow: 2px 2px 10px rgba(0,0,0,0.3);
}