body:not(.nav-ready) header.main-nav-header {
  overflow: hidden;
}
header.main-nav-header nav {
  --dd-menu-button-padding: 2em;
  --dd-text-area-padding: 2em;
}
header.main-nav-header nav > ul {
  padding: 0 1em;
}
header.main-nav-header nav > ul > li {
  position: relative;
}
header.main-nav-header nav > ul > li > a {
  position: relative;
}
header.main-nav-header nav > ul > li > a:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  height: var(--nav-item-border-height);
  background-color: var(--nav-item-border-colour);
  transition: height 0.5s ease-in-out, color 0.3s;
}
header.main-nav-header nav > ul > li > a:hover:before, header.main-nav-header nav > ul > li > a.hover:before {
  height: var(--nav-item-border-hover-height);
  background-color: var(--nav-item-border-hover-colour);
}
header.main-nav-header nav > ul > li > a.parent .arrow {
  display: flex;
  align-items: center;
  margin-left: 0.5em;
  transition: all 0.5s, color 0.3s;
}
header.main-nav-header nav > ul > li.hover a.parent .arrow {
  transform: rotate(-180deg);
}
header.main-nav-header nav > ul > li .children-container {
  --nav-child-x: 1.25em;
  --child-width: var(--dd-single-width);
  visibility: hidden;
  opacity: 0;
  transition: all 0.25s;
  position: absolute;
  left: calc((var(--nav-child-x) * -1) - var(--dd-area-padding) - var(--dd-menu-area-padding));
  top: var(--header-height, 80px);
  min-width: 300px;
  z-index: 50;
  padding: 0 var(--nav-child-x);
}
header.main-nav-header nav > ul > li .children-container .button.nav-btn-mobile {
  display: none;
}
header.main-nav-header nav > ul > li .children-container.out-right {
  left: unset;
  right: calc((var(--nav-child-x) * -1) - var(--dd-area-padding));
}
header.main-nav-header nav > ul > li.double-dropdown .children-container {
  --child-width: var(--dd-double-width);
}
header.main-nav-header nav > ul > li.full-width-dropdown {
  position: unset;
}
header.main-nav-header nav > ul > li.full-width-dropdown .children-container {
  --child-width: 100%;
  left: 0;
}
header.main-nav-header nav > ul > li.hover .children-container {
  visibility: visible;
  opacity: 1;
}
header.main-nav-header nav > ul > li .nav-dropdown {
  --dd-cols: 1;
  --dd-cols-gap: 3em;
  grid-template-columns: repeat(var(--dd-cols), 1fr);
  gap: var(--dd-cols-gap);
}
header.main-nav-header nav > ul > li .nav-dropdown .nav-dd-menu-area, header.main-nav-header nav > ul > li .nav-dropdown .nav-dd-text {
  overflow-y: auto;
}
header.main-nav-header nav > ul > li .nav-dropdown .nav-dd-menu-area::-webkit-scrollbar, header.main-nav-header nav > ul > li .nav-dropdown .nav-dd-text::-webkit-scrollbar {
  width: 10px;
}
header.main-nav-header nav > ul > li .nav-dropdown .nav-dd-menu-area::-webkit-scrollbar-track, header.main-nav-header nav > ul > li .nav-dropdown .nav-dd-text::-webkit-scrollbar-track {
  background-color: rgba(255, 255, 255, 0.05);
  -webkit-border-radius: 40px;
  border-radius: 40px;
}
header.main-nav-header nav > ul > li .nav-dropdown .nav-dd-menu-area::-webkit-scrollbar-thumb, header.main-nav-header nav > ul > li .nav-dropdown .nav-dd-text::-webkit-scrollbar-thumb {
  -webkit-border-radius: 40px;
  border-radius: 40px;
  border: 1px solid transparent;
  background-clip: content-box;
  background-color: rgba(255, 255, 255, 0.1);
}
header.main-nav-header nav > ul > li .nav-dropdown .nav-dd-menu-area {
  max-height: calc(96vh - var(--fixed-header-height) - (var(--dd-menu-area-padding) * 2));
}
header.main-nav-header nav > ul > li .nav-dropdown .nav-dd-text {
  max-height: calc(96vh - var(--fixed-header-height) - (var(--dd-text-area-padding) * 2));
  padding-left: 0;
  padding-right: 0;
}
header.main-nav-header nav > ul > li .nav-dropdown .nav-dd-text.type-text {
  padding-left: var(--bttn-outline-width);
}
header.main-nav-header nav > ul > li.double-dropdown .nav-dropdown {
  --dd-cols: 2;
}
header.main-nav-header nav > ul > li.double-dropdown .nav-dropdown.s1_c1 {
  --dd-menu-cols: 1;
}
header.main-nav-header nav > ul > li.double-dropdown .nav-dropdown.s1_s2 .nav-dd-menu-area, header.main-nav-header nav > ul > li.double-dropdown .nav-dropdown.d1 .nav-dd-menu-area {
  --dd-menu-cols: 2;
  grid-column: span var(--dd-menu-cols);
}
header.main-nav-header nav > ul > li.full-width-dropdown .children-container {
  height: 1px;
}
header.main-nav-header nav > ul > li.full-width-dropdown .nav-dropdown {
  --dd-cols: 3;
}
header.main-nav-header nav > ul > li.full-width-dropdown .nav-dropdown.s1_s2_s3_c1 .nav-dd-menu-area, header.main-nav-header nav > ul > li.full-width-dropdown .nav-dropdown.s1_d1_c1 .nav-dd-menu-area, header.main-nav-header nav > ul > li.full-width-dropdown .nav-dropdown.d1_s3_c1 .nav-dd-menu-area {
  --dd-menu-cols: 3;
  grid-column: span calc(var(--dd-menu-cols) - 1);
}
header.main-nav-header nav > ul > li.full-width-dropdown .nav-dropdown.d1_d2 .nav-dd-menu-area, header.main-nav-header nav > ul > li.full-width-dropdown .nav-dropdown.s1_s2_s3_s4 .nav-dd-menu-area, header.main-nav-header nav > ul > li.full-width-dropdown .nav-dropdown.s1_d1_s3 .nav-dd-menu-area, header.main-nav-header nav > ul > li.full-width-dropdown .nav-dropdown.d1_s3_s4 .nav-dd-menu-area, header.main-nav-header nav > ul > li.full-width-dropdown .nav-dropdown.s1_s2_d3 .nav-dd-menu-area {
  --dd-menu-cols: 4;
  grid-column: span calc(var(--dd-menu-cols) - 1);
}
header.main-nav-header nav > ul > li.full-width-dropdown .nav-dropdown.using-tabs {
  --dd-cols: 4;
  gap: 0;
}
header.main-nav-header nav > ul > li.full-width-dropdown .nav-dropdown.using-tabs .nav-dd-tab-options .nav-dd-tab-heading {
  padding: var(--dd-menu-area-padding) var(--dd-menu-area-padding) 0;
}
header.main-nav-header nav > ul > li.full-width-dropdown .nav-dropdown.using-tabs .nav-dd-tab-options .nav-dd-tab-heading + ul {
  margin-top: 1.25em;
}
header.main-nav-header nav > ul > li.full-width-dropdown .nav-dropdown.using-tabs .nav-dd-tab-options ul {
  display: flex;
  flex-direction: column;
  gap: var(--dd-border-width) 0;
  margin: calc(var(--dd-link-area-radius) + (var(--dd-link-area-radius) * 0.25)) 0;
  padding: 0;
  list-style: none;
}
header.main-nav-header nav > ul > li.full-width-dropdown .nav-dropdown.using-tabs .nav-dd-tab-options ul li a {
  display: block;
  background-color: var(--dd-tab-switch-bg);
  color: var(--dd-tab-switch);
  padding: calc(var(--dd-menu-area-padding) * 0.5);
  padding-left: var(--dd-menu-area-padding);
  border-radius: calc(var(--dd-link-area-radius) * 0.5) 0 0 calc(var(--dd-link-area-radius) * 0.5);
  font-weight: var(--nav-font-weight);
  cursor: pointer;
}
header.main-nav-header nav > ul > li.full-width-dropdown .nav-dropdown.using-tabs .nav-dd-tab-options ul li a:hover {
  text-decoration: none;
  background-color: var(--dd-tab-switch-bg-hover);
  color: var(--dd-tab-switch-hover);
}
header.main-nav-header nav > ul > li.full-width-dropdown .nav-dropdown.using-tabs .nav-dd-tab-options ul li a.active {
  background-color: var(--dd-tab-switch-bg-active);
  color: var(--dd-tab-switch-active);
}
header.main-nav-header nav > ul > li.full-width-dropdown .nav-dropdown.using-tabs .nav-dd-menu-area {
  --dd-menu-cols: 3;
  grid-column: span var(--dd-menu-cols);
  gap: 0;
}
header.main-nav-header nav > ul > li.full-width-dropdown .nav-dropdown.using-tabs .nav-dd-menu-area .nav-dd-menu-tab {
  display: grid;
  grid-column: span var(--dd-menu-cols);
  grid-template-columns: subgrid;
  gap: var(--dd-column-gap) calc(var(--dd-column-gap)* 2);
}
header.main-nav-header nav > ul > li.full-width-dropdown .nav-dropdown.using-tabs .nav-dd-menu-area .nav-dd-menu-tab:not(.active) {
  display: none;
}
header.main-nav-header nav > ul > li.full-width-dropdown .nav-dropdown.using-tabs .nav-dd-menu-area .dd-nav-tab-switch {
  display: none;
}
header.main-nav-header nav > ul > li .nav-dd-menu-area .nav-dd-menus {
  grid-column: span var(--dd-menu-cols);
}
header.main-nav-header nav > ul > li .nav-dd-menu-area .nav-dd-heading {
  grid-column: span var(--dd-menu-cols);
}
header.main-nav-header nav > ul > li .nav-dd-column {
  display: grid;
  grid-template-columns: 1fr;
  grid-auto-rows: min-content;
  color: #fff;
}
header.main-nav-header nav > ul > li .nav-dd-column.double {
  grid-column: span 2;
  grid-template-columns: 1fr 1fr;
  gap: 0 var(--dd-column-gap);
}
header.main-nav-header nav > ul > li .nav-dd-column.double .nav-dd-menu-heading {
  grid-column: span 2;
}
header.main-nav-header.nav-location-below .nav-below {
  background-color: var(--nav-below-bg);
  position: relative;
}
header.main-nav-header.nav-location-below .nav-below nav > ul {
  height: var(--nav-height);
  padding: 0;
}
header.main-nav-header.nav-location-below .nav-below nav > ul > li .children-container {
  top: var(--nav-height);
}
header.main-nav-header.nav-location-below .header-search-desktop {
  bottom: 0;
}