.header {
      position: absolute;
      width: 100%;
      z-index: 1000;
      background: transparent;
      padding: 20px 0;
    }

    .header .header-container {
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%;
      /* Glass Effect */
      background: rgba(255, 255, 255, 0.1); 
      backdrop-filter: blur(15px) saturate(150%);
      -webkit-backdrop-filter: blur(15px) saturate(150%);
      border: 1px solid rgba(255, 255, 255, 0.2);
      border-radius: 50px;
      padding: 10px 30px;
      box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3);
    }

    .navmenu {
      flex-grow: 1;
      display: flex;
      justify-content: center;
    }

    .navmenu ul {
      margin: 0; padding: 0; display: flex; list-style: none; gap: 5px;
    }

    .navmenu a { 
      white-space: nowrap; 
      color: #ffffff !important; 
      font-weight: 500;
      text-shadow: 0px 2px 4px rgba(0,0,0,0.2);
    }

    .navmenu a:hover, .navmenu .active {
      color: #e87532 !important; 
    }

    .header .logo h1 {
      font-size: 20px; margin: 0; margin-left: 10px; 
      color: #ffffff !important; font-family: 'Montserrat';
    }

    /* 2. HERO CREATIVE SECTION */
    .hero-creative {
      height: 100vh;
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #ffffff;
      background: linear-gradient(rgba(10, 25, 45, 0.4), rgba(10, 25, 45, 0.65)), 
                  url('/static/img/hero.png') center/cover no-repeat fixed;
    }

    .hero-title {
      font-family: 'Montserrat', sans-serif;
      font-size: clamp(2.5rem, 6vw, 4.5rem);
      font-weight: 900;
      text-transform: uppercase;
      letter-spacing: -1px;
    }

    .btn-cta {
      background-color: #e87532;
      color: white;
      padding: 14px 40px;
      border-radius: 50px;
      font-weight: 600;
      border: 2px solid #e87532;
      transition: 0.3s;
    }

    .btn-cta:hover {
      background-color: transparent;
      color: white;
      border-color: white;
    }

    /* 3. ELEVATED STATS RECTANGLE */
    .stats-glass {
      background: #ffffff;
      border-radius: 20px;
      padding: 40px 30px;
      margin-top: -110px; /* Pushes it up into the Hero image */
      position: relative;
      z-index: 20;
      box-shadow: 0px 15px 40px rgba(0, 0, 0, 0.2);
      border: 1px solid rgba(255, 255, 255, 0.5);
    }

    .stat-box h3 { color: #e87532; font-size: 2.8rem; font-weight: 700; margin-bottom: 5px; }
    .stat-box p { font-family: 'Noto Sans', sans-serif; text-transform: uppercase; font-size: 0.85rem; font-weight: 700; color: #555; margin-bottom: 0; }

    /* 4. SMOOTH CINEMATIC SLIDER */
    .campus-slider-section {
      padding: 100px 0 80px 0;
    }

    .featured-img {
      width: 100%;
      height: 550px;
      object-fit: cover;
      border-radius: 25px;
      transition: transform 0.8s ease;
    }

    .swiper-slide-active .featured-img {
      transform: scale(1.02);
    }

    .swiper-button-next, .swiper-button-prev { color: #e87532; }

    /* Footer styling overlap fix */
    .footer { background: #f9f9f9; padding-top: 60px; }
    /* 1.1 GLASSMORPHIISM FOR DROPDOWN */
.navmenu .dropdown ul {
  background: rgba(255, 255, 255, 0.1) !important; /* Semi-transparent white */
  backdrop-filter: blur(15px) saturate(150%);
  -webkit-backdrop-filter: blur(15px) saturate(150%);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 15px; /* Rounded corners for the dropdown box */
  box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3);
  padding: 10px 0;
}

/* Ensure dropdown links remain visible and don't have their own background */
.navmenu .dropdown ul a {
  background: transparent !important;
  color: #ffffff !important;
}

.navmenu .dropdown ul a:hover {
  color: #e87532 !important;
}