/* For Overlay Header */
:root {
  --header-height: 11.05rem;
  --header-height-xl: 11.05rem;
  --header-height-l: 10.34rem;
  --header-height-m: 9.59rem;
  --header-height-s: 5.93rem;
  --offset: 11.05rem;
  --offset-xl: 11.05rem;
  --offset-l: 10.34rem;
  --offset-m: 9.59rem;
  --offset-s: 5.93rem;
}
/* Header Height */
@media (max-width: 1200px) {
  :root {
    --header-height: var(--header-height-xl);
  }
}
@media (max-width: 992px) {
  :root {
    --header-height: var(--header-height-l);
  }
}
@media (max-width: 768px) {
  :root {
    --header-height: var(--header-height-m);
  }
}
@media (max-width: 480px) {
  :root {
    --header-height: var(--header-height-s);
  }
}
/* Offset */
@media (max-width: 1200px) {
  :root {
    --offset: var(--offset-xl);
  }
}
@media (max-width: 992px) {
  :root {
    --offset: var(--offset-l);
  }
}
@media (max-width: 768px) {
  :root {
    --offset: var(--offset-m);
  }
}
@media (max-width: 480px) {
  :root {
    --offset: var(--offset-s);
  }
}
/* Select Header Style */
[data-header-style="Overlay"] {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: unset;
}
[data-header-style="Overlay"] .header-2__container .header-2__menu {
  color: black;
  filter: invert(1);
}