.top-level-header {
  background: var(--main-gradient);
}

.navbar-nav .nav-link.active {
  color: var(--color-red-primary) !important;
}

.dropdown-menu {
  z-index: 1000;
}

header {
  position: fixed;
  /* Normal position */
  width: 100%;
  background: white;
  /* Adjust as needed */
  transition: all 0.5s ease-in-out;
  z-index: 1000;
  top: 0;
}

.header.sticky {
  position: fixed;
  top: 0;
  left: 0;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
  /* animation: slideDown 0.5s ease-in-out; */
  /* ⛔ Remove this line */
}

.dropdown-item.active,
.dropdown-item:active {
  background-color: var(--bs-orange) !important;
  color: var(--color-dark-blue) !important;
}

header .dropdown:hover .dropdown-menu {
  display: block;
  opacity: 1;
  position: absolute;
  transform: translateY(0);
}

.top-header {
  transition: transform 0.4s ease, opacity 0.4s ease, height 0.4s ease;
  transform: translateY(0);
  opacity: 1;
  height: auto;
  overflow: hidden;
  padding: 20px 0px;
}

.main-header .navbar {
  transition: padding 0.3s ease;
}

.top-level-header {
  transition: opacity 0.4s ease, height 0.4s ease, padding 0.4s ease;
  opacity: 1;
  /* height: 39px; */
  padding: 0px 0;
  overflow: hidden;
}

.dropdown-menu li {
  line-height: 1.8;
}


.top-level-header.hide-on-scroll {
    height: 0;
    opacity: 0;
    overflow: hidden;
    padding: 0px !important;
}

.header-wrapper {
  transition: padding 0.4s ease;
}

img.header-logo {
  height: 100px;
  transition: height 0.6s ease-in-out;
}
.header-button .icon-btn {
  position: relative;
}

.sticky-top .blue-header nav {
    background: #ff8500 !important;
    padding: 5px !important;
}
.sticky-top .top-header {
    padding: 10px !important;
}
header.sticky img.header-logo {
  height: 85px;
}
.header-box-wrapper {
  background: #FF8500;
}
  .blue-header {
      background: #FF8500;
  }