/* Existing primary menu styles */
.primary-menu {
  background-color: #2e3c6d; /* Background color */
  position: relative;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  margin-right: 20px;
}

.primary-menu .menu {
  list-style: none;
  color: white;
  margin: 0;
  padding: 0;
  display: flex;
}

.primary-menu .menu li {
  position: relative; /* For submenu positioning */
  margin-left: 10px;
}

/* Menu link styles */
.primary-menu .menu li a {
  color: white;
  text-decoration: none;
  display: block;
  transition: color 0.3s ease, font-weight 0.3s ease;
}

/* Hover and active styles for menu items */
.primary-menu .menu li a:hover,
.primary-menu .menu li a.active {
  color: #d6a27d; /* Highlight color for hover and active */
  font-weight: bold;
  text-decoration: underline;
}

Style for active menu items 
.primary-menu .menu li a.active {
  color: #d6a27d;
  font-weight: bold;
  text-decoration: underline;
}

/* Hide submenus by default */
.submenu {
  display: none; /* Hide submenus initially */
  position: absolute;
  top: 100%; /* Position below the main menu item */
  left: 0;
  background-color: #2e3c6d; /* Match main menu background */
  list-style: none;
  padding: 0;
  margin: 0;
  border: 0px solid #fff; /* Border for clarity */
  display: flex; /* Arrange submenu items horizontally */
  flex-direction: row; /* Horizontal layout */
}

/* Ensure submenu items are displayed horizontally */
.submenu li {
  margin: 0; /* Remove default margin */
}

.submenu li a {
  padding: 10px;
  color: white;
  text-decoration: none;
  transition: color 0.3s ease, font-weight 0.3s ease;
  display: block;
}

/* Highlight hovered submenu items */
.submenu li a:hover,
.submenu li a.active {
  color: gold; /* Highlight color */
  font-weight: bold;
  text-decoration: underline;
}

/* Show submenu on hover */
.primary-menu .menu li:hover .submenu,
.primary-menu .menu li.active .submenu {
  display: flex; /* Show submenu on hover or when parent is active */
}



/* Language menu styles */
.language-menu {
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  margin-left: 10px;
}

.language-menu .menu {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
}

.language-menu .menu li {
  margin-left: 10px;
}

.language-menu .menu li a {
  color: white;
  text-decoration: none;
  transition: color 0.3s ease, font-weight 0.3s ease;
}

/* New styles for language menu items on hover */
.language-menu .menu li a:hover,
.language-menu .menu li a.active {
  color: #d6a27d; /* Highlight color */
  font-weight: bold;
  text-decoration: underline;
}

/* Responsive styles for menus */
@media (max-width: 768px) {
  .primary-menu, .language-menu {
    flex-direction: column;
    margin: 10px 0;
  }

  .primary-menu .menu li, .language-menu .menu li {
    margin: 5px 0;
  }
}