.navbar {
  padding-bottom: 0;
}

.nav-item:hover {
  background-color: #4065bb;  
}

.nav-link:hover{
  color: white;
}

.dropdown-menu .dropdown-item:hover {
  background-color: #4065bb;
  color: white;
}

/* ============ desktop view ============ */
@media all and (min-width: 992px) {
  .dropdown-menu {
    background: rgb(70, 130, 241);
  }
  .dropdown-menu li {
    position: relative;
  }

  .dropdown-menu a {
    color: white;
  }

  .dropdown-menu .submenu {
    display: none;
    position: absolute;
    left: 100%;
    top: -7px;
  }
  .dropdown-menu .submenu-left {
    right: 100%;
    left: auto;
  }

  /* .dropdown-menu > li:hover {
    background-color: #f1f1f1;
  } */

  .dropdown-menu > li:hover > .submenu {
    display: block;
  }
  .nav-link {
    color: white;
    font-size: 1rem;
  }
  /* Comentado el .collapse porque ponia el background de cada item del accordion en azul */
  /* .collapse {
    background: rgb(70, 130, 241);
  } */
}
/* ============ desktop view .end// ============ */

/* ============ small devices ============ */
@media (max-width: 991px) {
  .navbar {
    z-index: 1000; /* Asegúrate de que la barra de navegación esté en un nivel superior */
  }

  .nav-item {
    margin-left: 1rem;
    padding: 0.5rem;
  }

  .dropdown-menu {
    background: rgb(70, 130, 241);
  }

  .dropdown-menu a {
    color: white;
  }

  .dropdown-menu .dropdown-menu {
    margin-left: 0.7rem;
    margin-right: 0.7rem;
    margin-bottom: 0.5rem;
  }
  .nav-link {
    color: white;
    font-size: 1rem;
  }
  .collapse {
    background: rgb(70, 130, 241);
  }
}
/* ============ small devices .end// ============ */