.nav-header {
  /* background-color: transparent !important; */
  background-color: #fff !important;
  color: var(--navbar-text);
  height: var(--header-height);
}
.nav-link,
.nav-item,
.navbar-brand,
.navbar-toggler {
  color: var(--navbar-text);
}
.nav-link:hover,
.nav-item:hover,
.navbar-brand:hover {
  color: var(--cl-cs-primary);
  transition: 0.5s;
}
.nav-header button.navbar-toggler,
.nav-header button.navbar-toggler:focus,
.nav-header button.navbar-toggler:focus-visible {
  border: none;
  box-shadow: none;
}
/* .nav-header{
    z-index: 1;
} */
.navbar-brand:focus {
  color: var(--brand-text-hover);
}
.navbar-brand {
  color: var(--brand-text);
}
@media screen and (min-width: 576px) {
  .navbar-collapse {
    flex-grow: initial;
  }
}
@media screen and (max-width: 768px) {
  .navbar-collapse.collapse.show {
    background-color: #fff;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .nav-header {
    height: var(--header-height-sm);
  }
}