nav ul li {
  position: relative;
  margin: 0 10px;
}
nav ul li.nav-item::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 2px;
  background: var(--primary-color);
  content: "";
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s;
 
}
.note-ul nav ul li::after{
  bottom: -8px !important;
}
nav ul li:hover::after {
  width: 100%;
  visibility: visible;
  opacity: 1;
  transition: all 0.3s;
}
nav ul li a.nav-link {
  color: #8E8E8E;
  font-weight: 700;
}
nav ul li:hover a.nav-link{
  color: var(--primary-color) !important;
  transition: all 0.3s;
}
nav ul li a.active {
  color: var(--primary-color) !important;
  border-bottom: solid 2px var(--primary-color);
}

/* navbar start */
nav div.container-fluid{
  position: relative;
  padding: 0 5rem;
}
nav button.navbar-toggler{
  position: absolute;
  top: 0;
  left: 5px;
  border: none;
  background-image: none;
}
nav button.navbar-toggler *{
  background-image: none;
}

/* navbar end */