/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./frontend/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./frontend/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./frontend/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./web/app/themes/parent/components/navigation/src/navigation.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************/
.navigation__list .sub-menu {
  pointer-events: none;
  opacity: 0;
}

.navigation__list > li.menu-item--active:not(:has(.sub-menu--1)) > .sub-menu, .navigation__list li.menu-item--active > .sub-menu, .navigation__list:is(menu, ul) > li.menu-item-has-children.menu-item--active > .sub-menu {
  pointer-events: auto;
  opacity: 1;
}

:root {
  --nav-window-bg: var(--cyan-gradient);
  --item-fontsize: var(--theme-fs-base);
  --item-fontweight: 400;
  --sub-menu-item-padding: 2rem;
  --sub-nav-bg: var(--white);
  --sub-menu-bg: var(--blue-800);
  --nav-link-color: var(--white);
  --nav-link-color--active: var(--cyan-500);
  --panel-y-offset: 6rem;
  --navigation-topbar-bg: var(--blue-920);
  --navigation-topbar-color: #122745;
  --nav-height: 9rem;
}
@media (min-width: 1024px) {
  :root {
    --nav-link-submenu-color: var(--blue-800);
  }
}
@media (max-width: 1023px) {
  :root {
    --nav-window-bg: var(--blue-gradient);
  }
}

.navigation {
  --nav-bg: transparent;
  --nav-logo-fill: var(
    --blue-800
  );
  --row-margin-inline: 4rem;
  --sub-menu-inline-offset: 0;
  --panel-offset: 2rem;
  --item-gap: 1rem;
  position: fixed;
  z-index: 510;
  width: 100%;
  top: 0;
  background-color: var(--nav-bg);
  transition: 0.3s cubic-bezier(0.1, 0.38, 0.5, 0.84);
}
@media (min-width: 1024px) and (max-width: 1367px) {
  .navigation {
    --item-gap: 0;
    --item-fontsize: 1.6rem;
    --sub-menu-item-padding: 2rem 1.5rem;
  }
}
.navigation__top {
  --text-color: var(--navigation-topbar-color);
  --nav-link-color: var(--navigation-topbar-color);
  width: 100%;
  background: var(--navigation-topbar-bg);
  color: var(--navigation-topbar-color);
  font-weight: 500;
}
.navigation__top .navigation__wrapper {
  display: flex;
  justify-content: flex-end;
  gap: 2rem;
  background-color: var(--navigation-topbar-bg);
}
body:where(:has(.navigation-regional-switcher__better-fit.active)) .navigation__top .navigation__wrapper {
  justify-content: space-between;
}
@media (max-width: 1023px) {
  body:where(:has(.navigation-regional-switcher__better-fit.active)) .navigation__top .navigation__wrapper {
    flex-direction: column;
    gap: 0;
  }
}
@media (max-width: 1023px) {
  .navigation__top .navigation__wrapper {
    max-height: unset;
    padding: 0 calc(var(--row-margin-inline) / 2);
    flex-direction: row;
    gap: 2;
  }
}
.navigation__top svg.twz-icon {
  fill: var(--navigation-topbar-color);
}
.navigation__top .navigation__topbar-link {
  align-self: center;
  display: inline-flex;
  align-items: center;
  gap: 0.35em;
  font-size: 1.4rem;
  line-height: inherit;
  color: var(--navigation-topbar-color, var(--white));
  text-decoration: underline;
  white-space: nowrap;
  transition: color 0.2s ease;
}
.navigation__top .navigation__topbar-link:hover {
  color: var(--site-switcher-hover-color, var(--white));
}
.navigation__top .navigation__topbar-link svg,
.navigation__top .navigation__topbar-link svg.twz-icon,
.navigation__top .navigation__topbar-link path {
  fill: currentColor;
}
.navigation__top .navigation__topbar-link .navigation__topbar-link-icon {
  display: inline-flex;
  flex-shrink: 0;
  color: inherit;
  position: relative;
}
.navigation__top .navigation__topbar-link .navigation__topbar-link-icon svg {
  display: block;
  height: 0.85em;
  width: 0.8em;
}
.navigation__top .navigation-regional-switcher a.global {
  color: var(--navigation-topbar-color, var(--white));
  transition: color 0.2s ease;
}
.navigation__top .navigation-regional-switcher a.global:hover {
  color: var(--site-switcher-hover-color, var(--white));
}
.navigation__top .navigation-regional-switcher a.global::before {
  background-color: var(--navigation-topbar-color, var(--white));
  background-image: none;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg class='globe' width='14' height='14' viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg' fill='white'%3E %3Cpath d='M7 14C5.61553 14 4.26216 13.5895 3.11101 12.8203C1.95987 12.0511 1.06266 10.9579 0.532846 9.67878C0.00303299 8.3997 -0.13559 6.99224 0.134506 5.63437C0.404603 4.2765 1.07129 3.02922 2.05026 2.05025C3.02922 1.07129 4.2765 0.404602 5.63437 0.134506C6.99224 -0.135591 8.3997 0.00303268 9.67879 0.532845C10.9579 1.06266 12.0511 1.95987 12.8203 3.11101C13.5895 4.26215 14 5.61553 14 7C13.998 8.85591 13.2599 10.6353 11.9476 11.9476C10.6353 13.2599 8.85592 13.998 7 14ZM5.2251 4.30769H8.77491C8.41346 3.07327 7.80769 1.96068 7 1.08433C6.19231 1.96068 5.58654 3.07327 5.2251 4.30769ZM4.98077 5.38462C4.80218 6.45414 4.80218 7.54587 4.98077 8.61539H9.01923C9.19782 7.54587 9.19782 6.45414 9.01923 5.38462H4.98077ZM1.07693 7C1.07646 7.54624 1.15189 8.0899 1.30106 8.61539H3.88971C3.72907 7.54445 3.72907 6.45555 3.88971 5.38462H1.30106C1.15189 5.9101 1.07646 6.45376 1.07693 7ZM8.77491 9.69231H5.2251C5.58654 10.9267 6.19231 12.0393 7 12.9157C7.80769 12.0393 8.41346 10.9267 8.77491 9.69231ZM10.1103 8.61539H12.6989C12.9978 7.5592 12.9978 6.44081 12.6989 5.38462H10.1103C10.2709 6.45555 10.2709 7.54445 10.1103 8.61539ZM12.2749 9.69231H9.89019C9.6154 10.7736 9.15392 11.7986 8.52654 12.7212C9.32807 12.5058 10.0757 12.125 10.7212 11.6034C11.3668 11.0817 11.896 10.4307 12.2749 9.69231ZM5.47346 12.7212C4.84608 11.7986 4.3846 10.7736 4.10981 9.69231H1.7251C2.10399 10.4307 2.63323 11.0817 3.27879 11.6034C3.92435 12.125 4.67193 12.5058 5.47346 12.7212ZM1.7251 4.30769H4.10981C4.3846 3.2264 4.84608 2.2014 5.47346 1.27885C4.67193 1.49425 3.92435 1.87501 3.27879 2.39665C2.63323 2.91829 2.10399 3.56926 1.7251 4.30769ZM8.52654 1.27885C9.15392 2.2014 9.6154 3.2264 9.89019 4.30769H12.2749C11.896 3.56926 11.3668 2.91829 10.7212 2.39665C10.0757 1.87501 9.32807 1.49425 8.52654 1.27885Z'/%3E %3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg class='globe' width='14' height='14' viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg' fill='white'%3E %3Cpath d='M7 14C5.61553 14 4.26216 13.5895 3.11101 12.8203C1.95987 12.0511 1.06266 10.9579 0.532846 9.67878C0.00303299 8.3997 -0.13559 6.99224 0.134506 5.63437C0.404603 4.2765 1.07129 3.02922 2.05026 2.05025C3.02922 1.07129 4.2765 0.404602 5.63437 0.134506C6.99224 -0.135591 8.3997 0.00303268 9.67879 0.532845C10.9579 1.06266 12.0511 1.95987 12.8203 3.11101C13.5895 4.26215 14 5.61553 14 7C13.998 8.85591 13.2599 10.6353 11.9476 11.9476C10.6353 13.2599 8.85592 13.998 7 14ZM5.2251 4.30769H8.77491C8.41346 3.07327 7.80769 1.96068 7 1.08433C6.19231 1.96068 5.58654 3.07327 5.2251 4.30769ZM4.98077 5.38462C4.80218 6.45414 4.80218 7.54587 4.98077 8.61539H9.01923C9.19782 7.54587 9.19782 6.45414 9.01923 5.38462H4.98077ZM1.07693 7C1.07646 7.54624 1.15189 8.0899 1.30106 8.61539H3.88971C3.72907 7.54445 3.72907 6.45555 3.88971 5.38462H1.30106C1.15189 5.9101 1.07646 6.45376 1.07693 7ZM8.77491 9.69231H5.2251C5.58654 10.9267 6.19231 12.0393 7 12.9157C7.80769 12.0393 8.41346 10.9267 8.77491 9.69231ZM10.1103 8.61539H12.6989C12.9978 7.5592 12.9978 6.44081 12.6989 5.38462H10.1103C10.2709 6.45555 10.2709 7.54445 10.1103 8.61539ZM12.2749 9.69231H9.89019C9.6154 10.7736 9.15392 11.7986 8.52654 12.7212C9.32807 12.5058 10.0757 12.125 10.7212 11.6034C11.3668 11.0817 11.896 10.4307 12.2749 9.69231ZM5.47346 12.7212C4.84608 11.7986 4.3846 10.7736 4.10981 9.69231H1.7251C2.10399 10.4307 2.63323 11.0817 3.27879 11.6034C3.92435 12.125 4.67193 12.5058 5.47346 12.7212ZM1.7251 4.30769H4.10981C4.3846 3.2264 4.84608 2.2014 5.47346 1.27885C4.67193 1.49425 3.92435 1.87501 3.27879 2.39665C2.63323 2.91829 2.10399 3.56926 1.7251 4.30769ZM8.52654 1.27885C9.15392 2.2014 9.6154 3.2264 9.89019 4.30769H12.2749C11.896 3.56926 11.3668 2.91829 10.7212 2.39665C10.0757 1.87501 9.32807 1.49425 8.52654 1.27885Z'/%3E %3C/svg%3E");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
.navigation__top .navigation-regional-switcher a.global:hover::before {
  background-color: var(--site-switcher-hover-color, var(--white));
}
.navigation__top a {
  font-weight: 500;
}
.sidebar--is-expanded .navigation {
  z-index: 490;
}
@media (max-width: 1023px) {
  .navigation {
    --nav-link-submenu-color: var(--white);
    --sub-menu-item-padding: 1.5rem;
  }
}
body:has(.twz-hero--form) .navigation, body:has(.twz-hero--testimonial) .navigation {
  --topbar-height: 0;
}
.nav--is-sticky .navigation, body:has(.twz-hero--form) .navigation, body:has(.twz-hero--testimonial) .navigation {
  margin-top: calc(var(--topbar-height, 0) * -1);
}
@media (min-width: 1024px) {
  .nav--is-sticky .navigation, body:has(.twz-hero--form) .navigation, body:has(.twz-hero--testimonial) .navigation {
    --nav-link-color: var(--text-color-dark);
    --nav-link-color--active: var(
      --nav-link-color--active-dark,
      var(--cyan-700)
    );
    --nav-bg: var(--navigation-sticky-bg, var(--cyan-500));
  }
}
@media (min-width: 1024px) {
  .navigation:has(> .navigation__wrapper:hover):has(.sub-menu--1), .navigation:has(.menu-item--has-subactive) {
    --nav-link-color: var(--white);
    --nav-bg: var(--navigation-sticky-bg, var(--cyan-500));
  }
}
.navigation:has(.twz-site-switcher.active) {
  --nav-bg: var(--navigation-sticky-bg, var(--blue-800));
}
@media (max-width: 1023px) {
  .navigation:has(.twz-site-switcher.active) .navigation__wrapper {
    background-color: var(--blue-800);
  }
}
.navigation:has(.twz-site-switcher.active) .navigation__logo,
.navigation:has(.twz-site-switcher.active) .navigation__row {
  opacity: 0;
}
.navigation__wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  width: calc(100% - var(--row-margin-inline));
  margin-inline: auto 0;
  background-color: var(--nav-bg);
  align-items: stretch;
  max-height: 5.4rem;
  transition: background-color 0.2s ease;
}
@media (max-width: 1023px) {
  .navigation__wrapper {
    --nav-bg: var(--cyan-500);
    width: 100%;
    max-height: 5rem;
  }
}
@media (min-width: 1024px) {
  .navigation__wrapper:has(#menu-cta-nav) {
    margin-right: calc(var(--row-margin-inline) / 2 * -1);
  }
}
.navigation__logo {
  --space-to-screen: calc(var(--row-margin-inline) / 2);
  --after-width: 8rem;
  background-color: var(--white);
  position: relative;
  margin-right: var(--after-width);
  padding: 3rem 0;
  transition: 0.2s cubic-bezier(0.1, 0.38, 0.5, 0.84);
  width: 12rem;
  flex-shrink: 0;
  align-self: flex-start;
  z-index: 900;
  filter: drop-shadow(1px 1px 0 rgba(0, 0, 0, 0.1));
}
@media (max-width: 1023px) {
  .navigation__logo {
    margin-left: calc(var(--row-margin-inline) / 2);
    padding: 2rem 0;
    width: 8rem;
    z-index: 0;
  }
  body:not(:has(.regional-switcher .active)) .navigation__logo {
    z-index: 200;
  }
}
@media (min-width: 1024px) and (max-width: 1367px) {
  .navigation__logo {
    --after-width: 6rem;
    width: 8rem;
  }
}
.navigation__logo:before {
  content: "";
  background-color: var(--white);
  width: calc(var(--space-to-screen) * 2 + 1px);
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  translate: calc(-100% + 1px) 0;
  z-index: -1;
}
.navigation__logo:after {
  content: "";
  height: 100%;
  width: calc(var(--after-width) + 1px);
  position: absolute;
  top: 0;
  right: 0;
  translate: calc(100% - 1px) 0;
  z-index: -1;
  background: linear-gradient(var(--angle), var(--white) 0%, var(--white) 50%, transparent 50%, transparent 100%);
}
.navigation__logo :where(a, button) {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
}
.navigation__logo svg {
  flex-shrink: 0;
}
.navigation__logo svg path,
.navigation__logo svg polygon {
  transition: 0.3s ease;
  fill: var(--nav-logo-fill);
}
.navigation__logo .logo {
  transition: 0.3s ease;
}
@media (max-width: 767px) {
  .navigation__logo .logo {
    width: 8.5rem;
    height: auto;
  }
}
.navigation__logo .logo svg {
  width: 100%;
  height: auto;
}
.navigation__row {
  transition: 0.2s ease;
  display: flex;
  align-items: center;
  margin-left: auto;
}
@media (max-width: 1023px) {
  .navigation__row {
    position: fixed;
    left: 0;
    right: 0;
    top: var(--nav-height, 12.8rem);
    bottom: 0;
    z-index: 500;
    opacity: 0;
    transform: translate3d(100%, 0, 0);
    pointer-events: none;
    background: var(--nav-window-bg, var(--cyan-gradient));
    transition: 0.3s ease-in-out;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
    max-height: 100%;
    padding-bottom: 6rem;
  }
  .nav--is-sticky .navigation__row {
    top: calc(var(--nav-height, 12.8rem) - var(--topbar-height, 0));
  }
  .nav--is-expanded .navigation__row {
    transform: none;
    opacity: 1;
    pointer-events: auto;
  }
  .navigation__row:not(:has(.submenu--is-active)) {
    overflow-y: auto;
  }
}
.navigation__row :where(menu, ul) {
  list-style: none;
  margin: 0;
  padding: 0;
}
.navigation__back.back-button {
  display: none;
  align-items: center;
  flex-direction: row-reverse;
  gap: 0.5rem;
  font-size: 1.4rem;
  color: var(--nav-link-submenu-color);
  padding: 0.5rem 0;
}
@media (min-width: 1024px) {
  .navigation__back.back-button {
    display: none;
  }
}
.navigation__back.back-button svg {
  pointer-events: none;
  position: static;
  rotate: 90deg;
  translate: 0 0;
}
.navigation__back.back-button svg path {
  fill: var(--nav-link-submenu-color);
}
.navigation .navigation__toggle {
  --togglesize: 5rem;
  order: 1;
  cursor: pointer;
  border: none;
  display: none;
}
@media (max-width: 1023px) {
  .navigation .navigation__toggle {
    --hamburger-bg-color: var(--blue-800);
    width: var(--togglesize);
    height: var(--togglesize);
    display: block;
    position: absolute;
    right: 0;
    padding: 0;
    background-color: var(--hamburger-bg-color);
  }
}
.navigation .navigation__toggle:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: calc(3.5rem + 1px);
  height: 100%;
  background: linear-gradient(var(--angle), transparent 0%, transparent 50%, var(--hamburger-bg-color) 50%, var(--hamburger-bg-color) 100%);
  translate: calc(-100% + 1px) 0;
}
.navigation .navigation__toggle .hamburger {
  --toggler-bar-width: 2rem;
  --toggler-bar-height: 2px;
  --toggler-bar-spacing: 6px;
  --toggler-bar-color: var(--white);
  -webkit-appearance: none;
  transition: 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}
@media (max-width: 1023px) {
  .navigation .navigation__toggle .hamburger {
    position: absolute;
    top: 50%;
    left: 50%;
    display: inline-block;
    width: var(--toggler-bar-width);
    height: var(--toggler-bar-height);
    padding: 0;
    color: var(--toggler-bar-color);
    background: var(--toggler-bar-color);
    translate: -50% -50%;
    transition: all 0ms 100ms;
  }
  .navigation .navigation__toggle .hamburger:before, .navigation .navigation__toggle .hamburger:after {
    content: "";
    position: absolute;
    transition: bottom 200ms cubic-bezier(0.23, 1, 0.32, 1), transform 200ms 180ms cubic-bezier(0.23, 1, 0.32, 1);
    height: var(--toggler-bar-height);
    background: var(--toggler-bar-color);
  }
  .navigation .navigation__toggle .hamburger::before {
    bottom: var(--toggler-bar-spacing);
    left: 0;
    width: var(--toggler-bar-width);
    transition: transform 200ms cubic-bezier(0.23, 1, 0.32, 1), bottom 200ms 180ms cubic-bezier(0.23, 1, 0.32, 1);
  }
  .navigation .navigation__toggle .hamburger::after {
    top: var(--toggler-bar-spacing);
    right: 0;
    width: calc(var(--toggler-bar-width) * 0.6);
    transition: rotate 200ms cubic-bezier(0.23, 1, 0.32, 1), top 200ms 180ms cubic-bezier(0.23, 1, 0.32, 1);
  }
  .nav--is-expanded .navigation .navigation__toggle .hamburger {
    background: rgba(255, 255, 255, 0);
  }
  .nav--is-expanded .navigation .navigation__toggle .hamburger:before, .nav--is-expanded .navigation .navigation__toggle .hamburger:after {
    background: var(--toggler-bar-color);
    width: var(--toggler-bar-width);
    transition: bottom 200ms cubic-bezier(0.23, 1, 0.32, 1), rotate 200ms 180ms cubic-bezier(0.23, 1, 0.32, 1);
  }
  .nav--is-expanded .navigation .navigation__toggle .hamburger::after {
    top: 0;
    rotate: 45deg;
  }
  .nav--is-expanded .navigation .navigation__toggle .hamburger::before {
    bottom: 0;
    rotate: -45deg;
  }
}
@media (max-width: 1023px) {
  .navigation__list {
    display: flex;
    flex-direction: column;
    padding-inline: var(--nav-window-p-inline);
  }
}
.navigation__list:is(menu, ul) {
  display: flex;
  justify-content: flex-end;
  gap: var(--item-gap);
  margin-right: var(--item-gap);
}
.navigation__list:is(menu, ul) > li.menu-item-has-children :where(a, button):not(.back-button) {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0.7rem;
  width: 100%;
  color: var(--nav-link-submenu-color, var(--blue-800));
}
.navigation__list:is(menu, ul) > li.menu-item-has-children :where(a, button):not(.back-button):has(.item-data) {
  align-items: flex-start;
}
.navigation__list:is(menu, ul) > li.menu-item-has-children :where(a, button):not(.back-button) svg {
  height: 1em;
  width: 0.7em;
  transition: 0.2s ease;
  fill: var(--nav-link-submenu-color);
}
@media (max-width: 1023px) {
  .navigation__list:is(menu, ul) > li.menu-item-has-children :where(a, button):not(.back-button) svg {
    position: absolute;
    right: 0;
  }
}
.navigation__list:is(menu, ul) > li.menu-item-has-children :where(a, button):not(.back-button) svg path {
  fill: var(--nav-link-submenu-color);
}
@media (min-width: 1024px) {
  .navigation__list:is(menu, ul) > li.menu-item-has-children > a {
    width: var(--offset-panel-width);
  }
}
.navigation__list:is(menu, ul) > li.menu-item-has-children.menu-item--active > :where(a, button) {
  position: relative;
}
.navigation__list:is(menu, ul) > li.menu-item-has-children.menu-item--active > :where(a, button) svg {
  rotate: 180deg;
}
.navigation__list:is(menu, ul) > li.menu-item-has-children.menu-item--active > :where(a, button) svg path {
  fill: var(--nav-link-color);
}
.navigation__list:is(menu, ul) > li.menu-item-has-children.menu-item--active > .sub-menu:not(:has(.sub-menu--1)) {
  max-height: -moz-max-content;
  max-height: max-content;
}
.navigation__list:is(menu, ul) > li > :is(a, button):hover {
  color: var(--nav-link-color, #fff);
}
.navigation__list:is(menu, ul) > li > button {
  line-height: 1.5;
}
@media (max-width: 1023px) {
  .navigation__list:is(menu, ul) li.menu-item-has-children {
    --offset-chevron: 6rem;
    padding-right: var(--offset-chevron);
  }
}
@media (max-width: 1023px) {
  .navigation__list:is(menu, ul) li.menu-item-has-children > :where(a, button) {
    justify-content: space-between;
    position: relative;
    width: 100%;
  }
  .navigation__list:is(menu, ul) li.menu-item-has-children > :where(a, button) svg {
    margin-right: calc(-1 * var(--offset-chevron));
    z-index: 3;
  }
}
@media (min-width: 1024px) {
  .navigation__list:is(menu, ul) li:where(:hover, .menu-item--has-subactive) > :where(a, button) {
    --nav-link-submenu-color: var(--nav-link-color--active);
    --nav-link-color: var(--nav-link-color--active);
  }
}
@media (max-width: 1023px) {
  .navigation__list-wrap {
    --item-fontsize: 2.2rem;
    --nav-overlay-width: 95%;
    --subpanel-height: 6.5rem;
    --nav-window-p-inline: 5%;
    width: 100%;
  }
  .navigation__list-wrap:first-child {
    padding-top: var(--panel-y-offset);
  }
  .navigation__list-wrap:not(:has(.twz-site-switcher.active)) {
    overflow-x: clip;
  }
}
.navigation__list .sub-menu {
  position: absolute;
  min-width: 20ch;
  padding-top: var(--item-sub-offset, 2rem);
  background-color: var(--sub-menu-bg, var(--blue-800));
  left: var(--sub-menu-inline-offset);
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (max-width: 1023px) {
  .navigation__list .sub-menu {
    padding: 0;
    z-index: 1;
    list-style: none;
    margin: 0;
    position: static;
    max-height: 0;
    transition: max-height 0.3s ease;
    background-color: var(--sub-menu-bg);
  }
  .navigation__list .sub-menu:has(.sub-menu--1) .sub-menu, .navigation__list .sub-menu:has(.sub-menu--1) {
    position: absolute;
    z-index: 20;
    top: 0;
    bottom: 0;
    max-height: unset;
    padding-top: var(--panel-y-offset);
    background-color: var(--sub-menu-bg);
  }
}
.navigation__list .sub-menu:has(.sub-menu--1) :where(.back-button) {
  display: flex;
}
.navigation__list .sub-menu:has(.sub-menu--1).submenu--is-active {
  overflow-y: auto;
}
.navigation__list li :where(a, button):not(.back-button) {
  --sub-menu-item-padding: 1.5rem 2rem;
  display: inline-flex;
  font-size: var(--item-fontsize);
  font-weight: var(--item-fontweight);
  color: var(--nav-link-color, #fff);
  text-decoration: none;
  padding: var(--sub-menu-item-padding);
}
@media (max-width: 1023px) {
  .navigation__list li :where(a, button):not(.back-button) {
    padding: var(--sub-menu-item-padding) 0;
  }
}
@media (max-width: 1023px) {
  .navigation__list li :where(a, button):not(.back-button):last-of-type {
    padding-bottom: 1rem;
  }
}
.navigation__list li :where(a, button):not(.back-button)[target=_blank] {
  display: flex;
  align-items: center;
  gap: 0.7rem;
}
.navigation__list li :where(a, button):not(.back-button)[target=_blank] svg {
  width: 1.2rem;
}
.navigation__list li :where(a, button):not(.back-button)::before {
  content: none;
}
.navigation__list li :where(a, button):not(.back-button):where(:hover, .menu-item--has-subactive) {
  --nav-link-color: var(var(--nav-link-color--active));
  background-color: transparent;
}
.navigation__list li svg {
  pointer-events: none;
}
.navigation__list li button {
  border: none;
  font-weight: var(--item-fontweight);
}
@media (min-width: 1024px) and (min-width: 1024px) {
  body:not(.navigate-on-click) .navigation__list li.menu-item-has-children:hover > :where(a, button) svg {
    rotate: 180deg;
  }
}
@media (min-width: 1024px) {
  body:not(.navigate-on-click) .navigation__list li.menu-item-has-children:hover > .sub-menu {
    pointer-events: inherit;
    opacity: 1;
  }
}
@media (min-width: 1024px) and (min-width: 1024px) {
  body.navigate-on-click .navigation__list li.menu-item-has-children.menu-item--has-subactive > :where(a, button) svg {
    rotate: 180deg;
  }
}
@media (min-width: 1024px) {
  body.navigate-on-click .navigation__list li.menu-item-has-children.menu-item--has-subactive > .sub-menu {
    pointer-events: inherit;
    opacity: 1;
  }
}
.navigation__list li .item-data {
  display: flex;
  flex-direction: column;
  gap: 0.25em;
}
.navigation__list li .menu-subline {
  font-weight: 300;
  margin-top: 0.2em;
}
.navigation__list li .menu-title {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}
@media (max-width: 1023px) {
  .navigation__list li .menu-title {
    position: relative;
  }
  .navigation__list li .menu-title svg {
    top: 0;
  }
}
.navigation__list li .menu-title,
.navigation__list li .menu-subline {
  color: var(--nav-link-submenu-color);
}
@media (max-width: 1023px) {
  .navigation__list > li:has(.sub-menu--1) > :where(a, button) svg {
    rotate: -90deg;
  }
}
.navigation__list > li > .sub-menu {
  --sub-nav-bg: var(--blue-100);
  --nav-link-submenu-color: var(--text-color-dark);
  --nav-link-color: var(--text-color-dark);
  --offset-panel-width: calc(30rem + var(--panel-offset));
  --item-fontsize: 1.6rem;
  --item-fontweight: 300;
  width: 100vw;
  max-height: unset;
}
@media (max-width: 1023px) {
  .navigation__list > li > .sub-menu:not(:has(.sub-menu--1)) {
    max-height: 0;
  }
}
@media (max-width: 1023px) {
  .navigation__list > li > .sub-menu {
    left: 0;
    height: 100%;
    padding-inline: 2rem;
  }
}
@media (min-width: 1024px) {
  .navigation__list > li > .sub-menu {
    padding-top: 8rem;
    padding-bottom: 5rem;
    top: var(--nav-height);
  }
  .navigation__list > li > .sub-menu.sub-menu--0:after {
    content: "";
    position: absolute;
    background-color: var(--blue-300, var(--grey-200));
    z-index: 10;
    bottom: 0;
    left: var(--offset-panel-width);
    width: 1px;
    height: 100%;
  }
}
@media (min-width: 1024px) and (min-width: 1024px) {
  .navigation__list > li > .sub-menu.sub-menu--0:has(.sub-menu--1) {
    min-height: var(--sub-menu-height, 60rem);
  }
}
@media (min-width: 1024px) {
  .navigation__list > li > .sub-menu.sub-menu--0 > li {
    width: var(--offset-panel-width);
  }
}
@media (min-width: 1024px) and (min-width: 1024px) {
  .navigation__list > li > .sub-menu.sub-menu--0 > li:where(.menu-item--has-subactive), .navigation__list > li > .sub-menu.sub-menu--0 > li:hover {
    font-weight: 600;
    background-color: var(--sub-menu-item-hover-bg, var(--blue-300));
  }
  .navigation__list > li > .sub-menu.sub-menu--0 > li:where(.menu-item--has-subactive) > :where(a, button), .navigation__list > li > .sub-menu.sub-menu--0 > li:hover > :where(a, button) {
    --nav-link-submenu-color: var(--white);
    font-weight: 600;
  }
  .navigation__list > li > .sub-menu.sub-menu--0 > li:where(:not(.menu-item--has-subactive)):hover {
    --sub-menu-item-hover-bg: var(--blue-800);
  }
}
@media (min-width: 1024px) and (min-width: 1024px) {
  .navigation__list > li > .sub-menu.sub-menu--0 > li > a:not(.back-button) > svg,
  .navigation__list > li > .sub-menu.sub-menu--0 > li button:not(.back-button) > svg {
    display: none;
  }
}
.navigation__list > li > .sub-menu > li > :where(a, button) svg {
  rotate: -90deg;
}
@media (min-width: 1024px) {
  .navigation__list > li > .sub-menu > li > :where(a, button) svg {
    opacity: 0;
    translate: -4px 4px;
  }
}
@media (max-width: 1023px) {
  .navigation__list > li > .sub-menu > li > :where(a, button) svg {
    opacity: 1;
    right: 2rem;
  }
}
.navigation__list > li > .sub-menu .sub-menu {
  --sub-menu-inline-offset: 0;
  top: 0;
  right: 0;
}
.navigation__list > li > .sub-menu .sub-menu--1 {
  --item-fontweight: 400;
}
@media (min-width: 1024px) {
  .navigation__list > li > .sub-menu .sub-menu--1 {
    display: grid;
    grid-template-columns: var(--nav-sub-menu-1-columns, 1fr 1fr);
    gap: 1rem;
    width: calc(100% - var(--offset-panel-width));
    align-items: flex-start;
    left: var(--offset-panel-width);
    padding-top: 6rem;
  }
}
@media (min-width: 1600px) {
  .navigation__list > li > .sub-menu .sub-menu--1 {
    --nav-sub-menu-1-columns: 1fr 1fr 1fr;
  }
}
@media (max-width: 1023px) {
  .navigation__list > li > .sub-menu .sub-menu--1 {
    padding-inline: 2rem;
  }
}
.navigation__list > li > .sub-menu .sub-menu--1 :where(a, button):not(.back-button) {
  padding: 0;
}
.navigation__list > li > .sub-menu .sub-menu--1 > li {
  padding: var(--sub-menu-item-padding);
}
@media (min-width: 1024px) {
  .navigation__list > li > .sub-menu .sub-menu--1 > li {
    align-items: flex-start;
    padding-top: 2rem;
  }
}
@media (max-width: 1023px) {
  .navigation__list > li > .sub-menu .sub-menu--1 > li {
    padding: var(--sub-menu-item-padding) 0;
  }
}
.navigation__list > li > .sub-menu .sub-menu--1 > li:hover > a {
  --nav-link-submenu-color: var(--nav-link-submenu-color--active);
}
.navigation__list > li > .sub-menu .sub-menu--1 > li:hover .menu-title {
  text-decoration: underline;
  font-weight: 600;
}
.navigation__list > li > .sub-menu .sub-menu--1 > li:hover img {
  scale: 1.05;
}
.navigation__list > li > .sub-menu .sub-menu--1 > li:hover svg path {
  fill: var(--blue-800);
}
.navigation__list > li > .sub-menu .sub-menu--1 > li .menu-image {
  min-width: var(--nav-image-width, 12rem);
  height: var(--nav-image-height, 12rem);
  position: relative;
  margin-right: 1.5rem;
  overflow: clip;
  aspect-ratio: 1;
}
@media (max-width: 1023px) {
  .navigation__list > li > .sub-menu .sub-menu--1 > li .menu-image {
    --nav-image-width: 7rem;
    --nav-image-height: 7rem;
  }
}
.navigation__list > li > .sub-menu .sub-menu--1 > li .menu-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: 0.2s ease;
}
@media (min-width: 1368px) {
  .navigation__list > li > .sub-menu .sub-menu--1 > li .menu-image img {
    --nav-image-width: 15rem;
  }
}
.navigation__list > li > :where(a, button) {
  --nav-link-submenu-color: var(--white);
}
.navigation__list > li.menu-item--active:not(:has(.sub-menu--1)) > .sub-menu > li {
  padding-inline: var(--nav-window-p-inline);
}
.navigation svg {
  fill: var(--nav-link-color);
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./frontend/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./frontend/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./frontend/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./web/app/themes/stxgroup/components/navigation/src/navigation.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --nav-window-bg: var(--blue-gradient);
  --sub-menu-bg: var(--blue-100);
  --navigation-topbar-bg: var(--blue-200);
}

.navigation {
  --nav-bg: transparent;
  --navigation-sticky-bg: var(--blue-800);
  --nav-logo-fill: var(--blue-900);
  --nav-link-color--active-dark: var(--brown-500);
  --nav-link-color--active: var(--brown-500);
}
@media (min-width: 1024px) {
  .nav--is-sticky .navigation, body:has(.twz-hero--form) .navigation, body:has(.twz-hero--testimonial) .navigation {
    --nav-link-color: var(--white);
  }
}
@media (max-width: 1023px) {
  .navigation__wrapper {
    --nav-bg: var(--blue-900);
  }
}
.navigation .navigation__toggle {
  --hamburger-bg-color: var(--blue-900);
}
@media (max-width: 1023px) {
  .navigation__list-wrap {
    --nav-window-bg: var(--blue-gradient);
  }
}
@media (min-width: 768px) {
  .navigation .cta-nav {
    position: relative;
  }
  .navigation .cta-nav:hover {
    --text-color: var(--text-color-dark);
  }
  .navigation .cta-nav:hover::before {
    background: var(--blue-300);
  }
  .navigation .cta-nav::before {
    content: "";
    background: var(--brown-500);
    position: absolute;
    width: 150%;
    height: calc(100% - 1px);
    top: 0;
    bottom: 0;
    left: -2rem;
    clip-path: polygon(20% 0, 100% 0, 100% 100%, 0% 100%);
  }
  .navigation .cta-nav > li {
    z-index: 99;
  }
  .navigation .cta-nav > li a:hover {
    color: var(--white);
  }
}