.header-nav-content {
  transition-property: transform, opacity, visibility;
  transition-duration: 300ms;
  transition-timing-function: ease;
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  transform: translateY(20px);
}

.header-nav-content.active {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
  transform: translateY(0px);
  overflow-y: scroll;
}

.header-menu-content {
  visibility: hidden;
  transform: translateY(20px);
  opacity: 0;
  pointer-events: none;
}
.header-menu-content.active {
  visibility: visible;
  transform: translateY(0px);
  opacity: 1;
  pointer-events: auto;
}