/* Navbar */
.home-navbar {
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  padding-left: 5%;
  padding-right: 5%;
}
.home-navbar a {
  display: flex;
  align-items: center;
}
.home-navbar ul {
  display: flex;
  align-items: center;
}
.home-navbar-menu-links-mobile {
  display: none;
}
.home-navbar ul li {
  list-style-type: none;
  color: white;
  transition: color 0.3s ease;
}
.home-navbar-logo {
  max-width: 16.575rem;
}
.navbar-line {
  width: 100%;
  height: 0px;
  border: 1px solid #f0f2ef;
  margin: calc(41px - 1rem) 0;
}
.hamburger {
  z-index: 900;
  cursor: pointer;
  background-color: transparent;
  height: 42px;
  width: 42px;
  border-radius: 50%;
  align-items: center;
  display: flex;
  justify-content: center;
}
.home-navbar-menu-links {
  background-color: white;
  padding: 21px;
  border-radius: 8px;
  min-width: 292px;
  position: absolute;
  top: 95.33px;
  right: 12%;
  display: none;
  box-shadow: 0px 0px 20px #999ba828;
  z-index: 899;
}
.home-navbar-menu-links ul {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  align-items: flex-start;
}
.home-navbar-menu-links ul li,
.home-navbar-menu-links ul li a {
  list-style-type: none;
  font: normal normal normal 16px/30px Barlow;
  letter-spacing: 0px;
  color: #484d42;
  text-decoration: none;
  cursor: pointer;
}
.home-navbar-menu-links ul li:hover,
.home-navbar-menu-links ul li a:hover {
  color: #507716;
  font-weight: bold;
}
.menu-close {
  display: none;
  background-color: white;
  height: 42px;
  width: 42px;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 900;
  filter: invert(100);
}
#home-navbar-menu-links-mobile {
  display: none;
}

@media(max-width: 500px){

  .home-navbar-logo {
    max-width: 157px;
    z-index: 900;
  }
}
@media (max-width: 450px) {

  .home-navbar ul li:nth-of-type(2){
    margin-left: 0px;
  }
  #home-navbar-menu-links-mobile {
    display: flex;
    width: 100%;
  }
  .home-navbar-menu-links {
    padding: 60px 21px 21px 21px;
    border-radius: 0px;
    width: 100%;
    height: 100vh;
    top: 0;
    right: 0%;
    display: none;
    box-shadow: none;
  }
  .menu-close {
    background-color: transparent;
  }
  .menu-close svg {
    filter: invert(100%) brightness(1000%);
    width: 22px;
    height: 22px;
  }
  .home-navbar-menu-links ul {
    margin-top: 3rem;
  }
  .home-navbar {
    padding-left: 3%;
    padding-right: 3%;
  }
}