.navbar .navbar-nav .nav-link:hover {
  color: #000000;
}

.navbar .navbar-nav .nav-item {
  position: relative;
}

.navbar .navbar-nav .nav-item::after {
  position: absolute;
  bottom: 6px;
  left: 0;
  right: 0;
  margin: auto;
  background-color: var(--bs-link-hover-color);
  width: 0%;
  border-radius: 8px;
  content: "";
  height: 4px;
  transition: all 0.45s;
}

.navbar .navbar-nav .nav-item:hover::after {
  width: 100%;
}

.nav-item {
  margin: 0 .5rem 0 0;
}