/* ********** NAVBAR START ********** */
.navbar {
  background: linear-gradient(135deg, var(--color-secondary), var(--color-primary));
}
.navbar-brand {
   color: #fff;
   font-weight: bold;
}
.navbar-nav .nav-link {
   color: #fff;
}
.navbar-nav .nav-link:hover {
   color: var(--color-emphasis);
}
.dropdown-menu {
   background-color: #343a40;
   border: none;
}
.dropdown-menu .dropdown-item {
   color: #fff;
}
.dropdown-menu .dropdown-item:hover {
   background-color: var(--color-emphasis);
   color: #fff;
}
.dropdown-submenu {
   position: relative;
}
.dropdown-submenu .dropdown-menu {
   top: 0;
   left: 100%;
   margin-top: -6px;
   border-radius: 0.375rem;
}
/* ********** NAVBAR END ********** */