/* css styles */
/* Change the background color of the dropdown menu */
.navbar .dropdown-menu {
  background-color: #333333; /* Dark grey background */
  border-color: #222222;     /* Border color around the dropdown */
}

/* Change the text color of the dropdown items */
.navbar .dropdown-menu a {
  color: #FFFFFF !important; /* White text color */
}

/* Change the background and text color of dropdown items on hover */
.navbar .dropdown-menu a:hover {
  background-color: #444444; /* Slightly lighter grey on hover */
  color: #FFD700 !important; /* Gold text color on hover */
}

/* Change the text color of the active dropdown item */
.navbar .dropdown-menu .active a {
  background-color: #555555; /* Even lighter grey for active item */
  color: #00FF00 !important; /* Green text color for active item */
}