header {
  padding: 25px 0;
}

.header_inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.header_menu ul {
  display: flex;
  align-items: center;
  gap: clamp(2.5rem, 2.0891rem + 1.3841vw, 3.75rem);
}

.header_menu a {
  transition: 0.4s;
  font-family: "Unbounded", sans-serif;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.5);
  font-weight: 500;
  font-size: 20px;
}
.header_menu li:hover > a {
  color: var(--color-green);
}

.header_menu ul.sub-menu {
  position: absolute;
  bottom: -50px;
  width: fit-content;
  padding: 10px;
  padding-top: 20px;
  background-color: #fff;
  flex-direction: column;
  align-items: flex-start !important;
  gap: 10px !important;
  display: none;
}

.menu-item-has-children:hover ul.sub-menu {
  display: flex;
}
li.menu-item-has-children > a {
  padding-right: 15px;
  position: relative;
}
li.menu-item-has-children > a::after {
  content: "";
  width: 10px;
  height: 10px;
  position: absolute;
  right: 0;
  top: 4px;
  transform: rotate(90deg);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000000' width='10px' height='10px' viewBox='0 0 32 32' version='1.1' style='&%2310; width: 10px;&%2310; height: 10px;&%2310;'%3E%3Cpath d='M8.489 31.975c-0.271 0-0.549-0.107-0.757-0.316-0.417-0.417-0.417-1.098 0-1.515l14.258-14.264-14.050-14.050c-0.417-0.417-0.417-1.098 0-1.515s1.098-0.417 1.515 0l14.807 14.807c0.417 0.417 0.417 1.098 0 1.515l-15.015 15.022c-0.208 0.208-0.486 0.316-0.757 0.316z'/%3E%3C/svg%3E");
}

.burger {
  width: 30px;
  height: 20px;
  cursor: pointer;
  position: relative;

  display: none;
}
.burger span {
  width: 100%;
  height: 2px;
  border-radius: 5px;
  background-color: var(--color-green);
  transition: 0.4s;
  position: absolute;
}

.burger span:first-child {
  top: 0;
}
.burger span:last-child {
  bottom: -1px;
}
.burger span:nth-child(2) {
  top: 50%;
}
.burger.active span:nth-child(2) {
  opacity: 0;
}
.burger.active span:first-child {
  top: 50%;
  transform: rotate(45deg);
}
.burger.active span:last-child {
  top: 50%;
  transform: rotate(-45deg);
}