header .nav-btn {
  cursor: pointer;
}

header .nav-btn svg {
  height: 18px;
  width: 18px;
}

header .nav-btn svg path {
  stroke: white;
  transition: all 0.2s;
  cursor: pointer;
}

header .nav-btn:hover svg path {
  stroke: #c2b59b;
}

#nav-hamburger,
#nav-close {
  cursor: pointer;
}

#nav-hamburger svg rect,
#nav-close svg rect {
  fill: #c2b59b;
  transition: all 0.2s;
}

#nav-hamburger svg path,
#nav-close svg path {
  stroke: #000000;
  transition: all 0.2s;
}

#nav-hamburger:hover rect,
#nav-close:hover rect {
  fill: #818285;
  transition: all 0.2s;
}

.header-nav-links li {
  display: flex;
  align-items: center;
  gap: 5px;

  width: 186px;
  font-size: 25px;
  line-height: 25px;
  font-weight: 100;
}

.header-nav-links li a {
  display: inline-block;
  width: auto;
  text-wrap: nowrap;
}

.header-nav-links li::before {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background-color: transparent;
  transition: all 0.2s;
  margin-top: 22px;
}

/* .header-nav-links li:nth-last-child(1) {
  color: #f26651;
}

.header-nav-links li:nth-last-child(2) {
  color: #62cbc9;
} */

.header-nav-links li:hover,
.active-menu-item {
  color: #c2b59b !important;
}

.header-nav-links li:hover::before {
  background-color: #c2b59b;
}

@media (min-width: 782px) {
  .header-nav-links li {
    width: 305px;
    font-size: 35px;
    line-height: 35px;
  }

  .header-nav-links .nav-sign-in {
    display: none;
  }

  .header-nav-links .nav-saved-jobs {
    display: none;
  }
}

.nav-bar-close {
  transform: translateX(110%);
}
.nav-bar-open {
  transform: translateX(0%);
}

.nav-overlay-close {
  z-index: -1;
}
.nav-overlay-open {
  z-index: 50;
}

.search-bar-close {
  transform: translateY(-100%);
}
.search-bar-open {
  transform: translateY(0%);
}

.header-nav-links {
  overflow: auto;
  overflow: auto;
  overflow-x: hidden;
  overflow-y: auto;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
  height: calc(100vh - 120px);
  padding-bottom: 80px;
}

.header-nav-links::-webkit-scrollbar {
  display: none;
}