.nav-bar-wrapper {
  position: sticky;
  top: 0;
  z-index: 1045;
  background-color: #fff;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.06);
}

.navbar {
  background-color: #fff !important;
}

.navbar-brand h1 {
  letter-spacing: 1px;
}

.navbar .nav-link {
  font-family: var(--heading-font);
  font-weight: 400;
  text-transform: uppercase;
  padding: 32px 15px;
  color: var(--bs-dark);
  letter-spacing: 0.05em;
}

.navbar .nav-link:hover,
.navbar .nav-link:focus,
.navbar .nav-link:active,
.navbar .nav-link.show {
  color: var(--bs-primary);
}

.navbar-toggler {
  border: none;
  padding: 0.35rem 0.55rem;
}

.navbar-toggler:focus {
  box-shadow: 0 0 0 0.15rem rgba(255, 170, 23, 0.35);
}

.navbar .dropdown-menu {
  border: none;
  box-shadow: 0 16px 38px rgba(0, 0, 0, 0.08);
  z-index: 1200;
}

.navbar .dropdown:hover .dropdown-menu,
.navbar .dropdown:focus-within .dropdown-menu {
  display: block;
}

@media (max-width: 991.98px) {
  .nav-bar-wrapper {
    position: relative;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
  }

  .navbar .nav-link {
    padding: 12px 0;
  }
}