.menu-active .overlay-menu {
  pointer-events: auto;
  opacity: 1;
}

.menu-active #header-menu {
  --tw-bg-opacity: 1;
  background-color: rgb(30 32 25 / var(--tw-bg-opacity));
}

.menu-active #header-menu path {
  fill: #25C5D8;
}

.header-menu.open {
  height: 100%;
  max-height: calc((var(--vh, 1vh) * 70));
}

@media only screen and (min-width: 1025px) {
  .header-menu.open {
    max-height: calc((var(--vh, 1vh) * 80));
  }
}