#mainNav .navbar-nav li.nav-item a.nav-link:hover {
  color: var(--bs-light);
  background-color: var(--bs-border-color-translucent);
}

#mainNav .navbar-nav > li.nav-item > a.nav-link.active {
  background-color: var(--bs-success);
  color: var(--bs-light);
}

#mainNav .navbar-nav > li.nav-item > a.nav-link.active:hover {
  background-color: var(--bs-border-color-translucent);
}