.nav-top {
  background-size: cover; /* Cover the entire nav area */
  background-repeat: no-repeat; /* Prevent tiling */
  background-position: center; /* Center the image */
  background-color: black;
}

.navbar {
  display: inline-block;
  flex-wrap: nowrap;
  width: 100%;
  /* border: 1px solid red; */
}

.nav-mobile-icon {
  width: 9rem;
}

.nav-login-icon {
  width: 5rem;
}

.nav-toggler-icon {
  width: 1.5rem;
}

.nav-login-icon:hover{
  cursor: pointer;
  animation: pulse 2s infinite;
}

.nav-item::after {
  content: "";
  display: block;
  width: 0px;
  height: 4px;
  background: #e6bf43;
  transition: 0.4s;
}

.active .nav-link {
  font-size: 20px !important;
}

.nav-item:hover::after {
  width: 100%;
  color: #043863 !important;
}

.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
  color: #e6bf43;
}

.nav-link {
  padding: 25px 5px;
  transition: 0.2s;
  color: white !important;
}

@media (min-width: 772px) {
  .nav-top {
    width: 772px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    right: auto !important;
    /* border: 1px solid rgb(55, 0, 255); */
    margin: 0;
  }
}

  .nav-filler {
    height: 50px;
}