.navbar {
  background:linear-gradient(90deg,#002b5c,#004080);
  color:#fff;
  box-shadow:0 4px 14px rgba(0,0,0,0.1);
  position:relative;
  z-index:2000;
}

.nav-container {
  max-width:1200px;
  margin:0 auto;
  padding:12px 20px;
  display:flex;
  justify-content:space-between;
  align-items:center;
}

.nav-menu,
.nav-menu li {
  list-style:none;
  margin:0;
  padding:0;
}

.nav-menu {
  display:flex;
  gap:28px;
}

.nav-menu a {
  color:#fff;
  text-decoration:none;
  font-weight:500;
}

.dropdown { position:relative; }

.dropdown-menu {
  display:none;
  position:absolute;
  background:#fff;
  min-width:200px;
  border-radius:8px;
  padding:8px 0;
  top:100%;
  left:0;
  box-shadow:0 4px 14px rgba(0,0,0,0.15);
  z-index:3000;
}

.dropdown:hover .dropdown-menu {
  display:block;
}

.dropdown-menu a {
  display:block;
  padding:10px 18px;
  color:#002b5c !important;
}

.dropdown-menu a:hover {
  background:#eef5ff;
}

.nav-badge {
  background:#fff;
  color:#002b5c;
  padding:4px 10px;
  border-radius:999px;
  font-size:12px;
  font-weight:600;
}

@media (max-width: 768px) {
  .navbar {
    width: 100%;
    position: relative;
    overflow: hidden;  /* Prevents navbar overflow */
  }

  .nav-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 10px;
  }

  .nav-menu {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
    align-items: flex-start;
  }

  .nav-menu a {
    width: 100%;
    text-align: left; /* Make links stretch full width */
  }
}