/* Hide level-2 and level-3 submenus by default */
.level-2,
.level-3 {
  display: none;
}

/* Style for first-level menu items */
.item-level-1 > a {
  display: block;
  padding: 10px;
  color: black !important;
  text-decoration: none;
}

/* Show level-2 submenu when hovering over the parent item */
.item-level-1:hover .level-2 {
  display: block;
}

/* Style for second-level menu items */
.item-level-2 {
  position: relative;
}

.item-level-2 > a {
  display: block;
  padding: 10px;
  color: #000;
  text-decoration: none;
}

/* Show level-3 submenu when hovering over the parent item */
.item-level-2:hover .level-3 {
  display: block;
  position: absolute;
  top: 0;
  left: 100%;
  margin-top: -10px;
  margin-left: 0px;
  width: 200px; /* Add a fixed width to the third-level submenu to prevent overlap */
}

/* Style for third-level menu items */
.item-level-3 > a {
  display: block;
  padding: 10px;
  color: #fff;
  text-decoration: none;
  background-color: #1C1A30;
  border-radius: 8px;
}

/* Optional: Style for the main navigation bar */
.nav-bar {
  background-color: #f2f2f2;
  padding: 10px;
  color: black;
}
.nav-bar a{
  
  color: black;
}

/* Optional: Style for the top-level menu items */
.nav-bar .item-level-1 {
  display: inline-block;
  margin-right: 20px;
}

/* Optional: Style for the link with active state */
.link-level-1.color-active {
  color: red; /* Customize this color as needed */
}

/* Optional: Style for images with class "img-fluid" and "two" */
img.img-fluid.two {
  width: 350px;
}

/* Optional: Style for list items within an element with ID "ser" */
ul#ser li {
  padding: 10px;
}
.nav-bar .logo .logo-nav img {
    width: 300px !important;
}
li.item-level-3 {
    width: 400px !important;
    background-color: black;
}
.nav-bar {
    background-color: white;
   
}

.vedi{
  color: white !important;
}