.nav .dropdown {
  position: relative;
}

.nav .dropbtn {
  display: flex;
  align-items: center;
  cursor: pointer;
}

/* Dropdown menu */
.nav .dropdown-content {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #47538d;
  min-width: 180px;
  border-radius: 6px;
  box-shadow: 0 8px 16px rgba(0,0,0,0.25);
  z-index: 1000;
}

/* Dropdown links */
.nav .dropdown-content a {
  display: block;
  padding: 10px 14px;
  color: #eaeef1;
  text-decoration: none;
  white-space: nowrap;
}

.nav .dropdown-content a:hover {
  background-color: rgba(255,255,255,0.12);
}

/* Hover trigger */
.nav .dropdown:hover .dropdown-content {
  display: block;
}