/* Style for dropdown */
.nav-links .dropdown {
  position: relative;
}

.nav-links .dropdown-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 50%; /* Center dropdown under parent */
  transform: translateX(-50%); /* Offset to center */
  background-color: white; /* Or your nav bg color */
  box-shadow: 0px 4px 8px rgba(0,0,0,0.1);
  list-style: none;
  padding: 0;
  margin: 0;
  z-index: 1000;
}

.nav-links .dropdown-menu li {
  width: 200px;
}

.nav-links .dropdown-menu li a {
  display: block;
  padding: 10px;
  text-decoration: none;
  color: black; /* Adjust to match your design */
  text-align: center; /* Center the link text */
}

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