@layer utilities {
            .fade-in-up {
                opacity: 0;
                transform: translateY(30px);
                transition: opacity 0.8s ease-out, transform 0.8s ease-out;
            }
            .fade-in-up.visible {
                opacity: 1;
                transform: translateY(0);
            }
        }
        body { font-family: 'Inter', sans-serif; background-color: #F8FAFC; color: #1E293B; }
        /* Hero section aesthetic improvements */
        @media (max-width: 767px) {
          .hero-slide img {
            min-height: 120px !important;
            height: 32vh !important;
            object-position: center 30% !important;
            filter: brightness(1.05) contrast(1.08) saturate(1.1);
          }
          .max-w-2xl.fade-in-up {
            margin-top: 0 !important;
            padding-top: 0 !important;
          }
          .max-w-2xl.fade-in-up h1 {
            font-size: 2.2rem !important;
            margin-bottom: 0.5rem !important;
            line-height: 1.2 !important;
          }
          .max-w-2xl.fade-in-up p {
            font-size: 1.05rem !important;
            margin-bottom: 1rem !important;
            max-width: 95vw !important;
            color: white !important;
          }
          .max-w-2xl.fade-in-up .flex {
            flex-direction: column !important;
            gap: 0.5rem !important;
          }
          .hero-section-btn {
            background: rgba(255,255,255,0.85) !important;
            color: #105B96 !important;
            border: 1px solid #e2e8f0 !important;
            box-shadow: 0 2px 8px rgba(0,0,0,0.07);
            font-weight: 600 !important;
            transition: background 0.2s, color 0.2s;
          }
          .hero-section-btn:hover {
            background: #f8fafc !important;
            color: #1E293B !important;
          }
        }
        /* Reduce blue overlay for all screens */
        .hero-section-gradient {
          background: linear-gradient(90deg, rgba(16,91,150,0.55) 0%, rgba(16,91,150,0.15) 60%, rgba(255,255,255,0.0) 100%) !important;
        }
        /* Navbar scroll behavior */
       /* Navbar scroll behavior */
.navbar-top-row {
  transition: all 0.3s ease-out;
  opacity: 1;
  max-height: 100px;
}

.navbar-top-row.scrolled {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  padding: 0; /* Remove padding when hidden */
}

.navbar-bottom-row {
  transition: all 0.3s ease-out;
  padding: 12px 0;
  display: flex;
  align-items: center;
  width: 100%;
}

.navbar-bottom-row.scrolled {
  padding: 16px 0;
}

/* Logo: Hidden by default, shown on scroll */
.navbar-logo {
  transition: all 0.3s ease-out;
  opacity: 0;
  visibility: hidden;
  width: 0;
  margin-right: 0;
}

.navbar-bottom-row.scrolled .navbar-logo {
  opacity: 1;
  visibility: visible;
  width: auto;
  margin-right: 2rem;
}

/* Links Container: Pushes everything else apart */
.navbar-nav-container {
  transition: all 0.3s ease-out;
  flex: 1; /* This pushes the search/apply to the right */
  display: flex;
  text-transform: uppercase;
}

/* Search and Apply: Stays on the right */
.navbar-search-apply {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  margin-left: auto;
}

/* Apply button: Hidden by default, shown on scroll */
.navbar-apply-btn {
  transition: all 0.3s ease-out;
  opacity: 0;
  visibility: hidden;
  width: 0;
  transform: translateX(20px);
}

.navbar-bottom-row.scrolled .navbar-apply-btn {
  opacity: 1;
  visibility: visible;
  width: auto;
  transform: translateX(0);
}