/* Dropdown styling */
.dropdown-menu {
  position: absolute;
  top: 100%; /* Make sure the dropdown is directly under the parent item */
  left: 0;
  z-index: 10;
  display: none; /* Hidden by default */
  background-color: white;
  padding: 8px;
  border-radius: 4px;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
}

/* Show the dropdown when hovering over the parent */
.menu-item-has-children:hover .dropdown-menu {
  display: block;
}

/* Add hover effect for dropdown items */
.dropdown-menu a {
  color: black;
  padding: 8px 16px;
  display: block;
  text-decoration: none;
}

.dropdown-menu a:hover {
  background-color: #f1f1f1;
}
/* Mobile dropdown toggle */
#mobile-menu .dropdown-menu {
  display: none;
}

#mobile-menu .dropdown-toggle.active + .dropdown-menu {
  display: block;
}