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: #3731ac;
  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: #3731ac !important;
  transition: all 0.3s;
}
nav ul li a.active {
  color: #3731ac !important;
  border-bottom: solid 2px #3731ac;
}

/* 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 */