/* compiled by scssphp 1.6.0 on Fri, 27 Mar 2026 13:08:13 +0000 (0.443s) */

.navigation {
  --navigation__logo-width: 9.40rem;
  --navigation__logo-height: 2.25rem;
  --navigation__item-padding-block: 0.75rem;
  --navigation__item-padding-inline: 0.75rem;
  --navigation__item-font-family: var(--font-family--body);
  --navigation__item-font-size: 1rem;
  --navigation__item-font-weight: var(--font-weight--regular);
  --navigation__item-line-height: 1.313;
  --navigation__item-align-items: center;
  --navigation__item-text-transform: none;
  --navigation__item-text-decoration: none;
  --navigation__item-gap: 0.375rem;
  --navigation__item-transition-duration: 0.3s ease;
  --navigation__item-background: transparent;
  --navigation__item-bordert: 0;
  --navigation__item-border-radius: 0;
  --navigation__item-color: var(--color-white);
  --navigation__item-color--overlayed--hover: var(--color-white);
  --navigation__item-color--scrolled--hover: var(--color-white);
  --navigation__item-color--parent--hover: var(--color-white);
  --navigation__submenu-background: var(--color-white);
  --navigation__item-font-size--submenu: 1rem;
  --navigation__item-font-weight--submenu: var(--font-weight--light);
  --navigation__item-padding-inline--submenu--hover: 0.75rem;
  --navigation__item-padding-block--submenu: 0.75rem;
  --navigation__item-padding-inline--submenu: 0.75rem;
  --navigation__item-line-height--submenu: 1.2;
  --navigation__item-transition-duration--submenu: 0.3s ease;
  --navigation__item-color--submenu: var(--color-grey-1);
  --navigation__item-color--submenu--hover: var(--color-grey-1);
  --navigation__flyout-width: 100%;
  --navigation__flyout-position--closed: 6rem -100% 0 auto;
  --navigation__flyout-position: 6rem 0 0 auto;
  --navigation__flyout-background: var(--color-body-background);
  transition: 0.4s ease-in-out;
  background-color: rgba(0, 1, 0, var(--scroll));
  border-block-end: solid 0.0625rem var(--color-border);
}
@media (min-width: 48rem) {
  .navigation {
    grid-template-columns: var(--navigation__grid-columns, [full-start] MINMAX(var(--container-min-space, 1rem), 1fr) [primary-start secondary-start] min(96%, var(--container-width, 83.75rem)) [primary-end secondary-end] MINMAX(var(--container-min-space, 1rem), 1fr) [full-end]);
  }
}
@media (min-width: 64rem) {
  .navigation {
    --navigation__item-font-size: 0.875rem;
    --navigation__logo-width: 10.44875rem;
    --navigation__logo-height: 2.5rem;
  }
}
@media (min-width: 71.25rem) {
  .navigation {
    --navigation__item-font-size: 1rem;
  }
}
.navigation__wrapper {
  transition: 0.4s ease-in-out;
}
.navigation__wrapper.--secondary {
  position: static;
  padding-block: 0.65625rem;
  display: none;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  height: 2.625rem;
}
@media (min-width: 64rem) {
  .navigation__wrapper.--secondary {
    display: flex;
  }
}
.navigation__wrapper.--secondary .navigation__menu {
  margin-inline-start: auto;
}
.navigation__wrapper.--secondary::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 2.625rem;
  background-color: var(--color-grey-1);
  transition: 0.4s ease-in-out;
}
.navigation__wrapper.--secondary::after {
  content: '';
  position: absolute;
  left: 0;
  top: 2.625rem;
  z-index: 1;
  width: 100%;
  height: 0.0625rem;
  background-color: var(--color-border);
  transition: 0.4s ease-in-out;
}
.navigation__wrapper.--primary {
  padding-block: 1.25rem;
  gap: 1.25rem;
}
@media (min-width: 64rem) {
  .navigation__wrapper.--primary {
    padding-block: 1rem;
  }
}
@media (min-width: 71.25rem) {
  .navigation__wrapper.--primary {
    gap: 1.5rem;
  }
}
@media (min-width: 85rem) {
  .navigation__wrapper.--primary {
    gap: 4rem;
  }
}
.navigation__wrapper.--primary .button {
  --button__padding-inline: 2rem;
  --button__padding-block: 0.875rem;
  --button__font-size: 1rem;
  width: calc(100% - 2.5rem);
}
@media (min-width: 36rem) {
  .navigation__wrapper.--primary .button {
    width: auto;
  }
}
@media (min-width: 64rem) {
  .navigation__wrapper.--primary .button {
    --button__padding-inline: 1.5rem;
    --button__padding-block: 0.75rem;
    --button__font-size: 0.875rem;
  }
}
@media (min-width: 71.25rem) {
  .navigation__wrapper.--primary .button {
    --button__padding-inline: 2rem;
    --button__padding-block: 0.875rem;
    --button__font-size: 1rem;
  }
}
.navigation__contact {
  font-size: 0.875rem;
  font-weight: var(--font-weight--light);
  display: flex;
  align-items: center;
  gap: 1.25rem;
  color: var(--color-white);
}
.navigation__email {
  text-decoration: underline;
}
.navigation__logo-wrapper {
  transition: 0.4s ease-in-out;
  margin-block-start: 0.25rem;
}
.navigation__logo-wrapper a {
  justify-content: flex-start;
}
.navigation__responsive-menu {
  flex: 1;
  gap: 0.75rem;
}
.navigation__menu {
  gap: 0.5rem;
  margin-inline-end: auto;
}
@media (min-width: 85rem) {
  .navigation__menu {
    gap: 1rem;
  }
}
.navigation__submenu .navigation__item {
  inline-size: 100%;
  margin-block-end: 0.125rem;
}
.navigation__submenu .navigation__item a {
  width: 100%;
  display: flex;
  align-items: center;
  text-align: left;
  gap: 1rem;
}
.navigation__submenu .navigation__item a .icon.--custom {
  width: 2.5rem;
  height: 2.5rem;
  border: solid 0.0625rem var(--color-grey-16);
  border-radius: 0.625rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.25rem;
  order: -1;
  transition: 0.4s ease-in-out;
}
.navigation__submenu .navigation__item a .icon.--custom i {
  font-weight: var(--font-weight--regular);
}
.navigation__submenu .navigation__item a .icon.--arrow-right {
  margin-inline-start: auto;
  transition: 0.4s ease-in-out;
  opacity: 0;
  visibility: hidden;
}
.navigation__submenu .navigation__item a:hover, .navigation__submenu .navigation__item a:focus-visible {
  gap: 1rem;
}
.navigation__submenu .navigation__item a:hover .icon.--custom, .navigation__submenu .navigation__item a:focus-visible .icon.--custom {
  border-color: var(--color-grey-1);
  background-color: var(--color-grey-1);
  color: var(--color-white);
}
.navigation__submenu .navigation__item a:hover .icon.--arrow-right, .navigation__submenu .navigation__item a:focus-visible .icon.--arrow-right {
  opacity: 1;
  visibility: visible;
}
.navigation__submenu .navigation__item.--current a .icon.--arrow-right {
  opacity: 1;
  visibility: visible;
}
.navigation:not(.--responsive) .navigation__wrapper.--primary {
  position: relative;
}
.navigation:not(.--responsive) .navigation__responsive-menu {
  position: static;
}
.navigation:not(.--responsive) .navigation__menu {
  position: static;
}
.navigation:not(.--responsive) .navigation__menu .navigation__item {
  position: static;
}
.navigation:not(.--responsive) .navigation__menu .navigation__item a, .navigation:not(.--responsive) .navigation__menu .navigation__item button {
  transition: 0.4s ease-in-out;
}
.navigation:not(.--responsive) .navigation__menu .navigation__item > a, .navigation:not(.--responsive) .navigation__menu .navigation__item > button {
  border-block-end: solid 0.0625rem transparent;
}
.navigation:not(.--responsive) .navigation__menu .navigation__item.--current > a, .navigation:not(.--responsive) .navigation__menu .navigation__item.--current > button {
  color: var(--color-white);
  border-color: var(--color-1);
}
.navigation:not(.--responsive) .navigation__menu .navigation__item.--parent > button {
  position: relative;
}
.navigation:not(.--responsive) .navigation__menu .navigation__item.--parent > button::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -30%;
  z-index: -1;
  width: 100%;
  height: 100%;
}
.navigation:not(.--responsive) .navigation__menu .navigation__item.--parent > button .icon.--submenu {
  transition: 0.4s ease-in-out;
}
.navigation:not(.--responsive) .navigation__menu .navigation__item.--parent > button[aria-expanded="true"] .icon.--submenu {
  transform: rotate(180deg);
}
.navigation:not(.--responsive) .navigation__menu .navigation__item.--parent.--current-parent > button {
  border-color: var(--color-1);
}
.navigation:not(.--responsive) .navigation__menu.--secondary {
  gap: 1.25rem;
  margin-inline-end: 0;
}
.navigation:not(.--responsive) .navigation__menu.--secondary .navigation__item a, .navigation:not(.--responsive) .navigation__menu.--secondary .navigation__item button {
  font-size: 0.875rem;
  font-weight: var(--font-weight--light);
  padding: 0;
  color: var(--color-white);
}
@media (min-width: 64rem) {
  .navigation:not(.--responsive) .navigation__menu.--secondary .navigation__item a, .navigation:not(.--responsive) .navigation__menu.--secondary .navigation__item button {
    font-size: 0.75rem;
  }
}
@media (min-width: 71.25rem) {
  .navigation:not(.--responsive) .navigation__menu.--secondary .navigation__item a, .navigation:not(.--responsive) .navigation__menu.--secondary .navigation__item button {
    font-size: 0.875rem;
  }
}
.navigation:not(.--responsive) .navigation__menu.--secondary .navigation__item a:hover, .navigation:not(.--responsive) .navigation__menu.--secondary .navigation__item a:focus-visible, .navigation:not(.--responsive) .navigation__menu.--secondary .navigation__item button:hover, .navigation:not(.--responsive) .navigation__menu.--secondary .navigation__item button:focus-visible {
  color: var(--color-white);
}
.navigation:not(.--responsive) .navigation__menu.--secondary .navigation__item.--current a, .navigation:not(.--responsive) .navigation__menu.--secondary .navigation__item.--current button {
  color: var(--color-white);
}
.navigation:not(.--responsive) .navigation__submenu {
  padding: 1.5rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 2rem;
}
@media (min-width: 85rem) {
  .navigation:not(.--responsive) .navigation__submenu {
    padding: 2rem;
  }
}
.navigation:not(.--responsive) .navigation__submenu-wrapper {
  border-radius: 2rem;
}
.navigation:not(.--responsive) .navigation__submenu .navigation__item a {
  border-radius: 0.75rem;
  padding-inline-end: 1.375rem;
  border-block-end: 0 none;
}
.navigation:not(.--responsive) .navigation__submenu .navigation__item a:hover, .navigation:not(.--responsive) .navigation__submenu .navigation__item a:focus-visible {
  background-color: var(--color-grey-17);
  color: var(--color-grey-1);
  border-radius: 0.75rem;
  padding-inline-end: 1.375rem;
}
.navigation:not(.--responsive) .navigation__submenu .navigation__item.--current a {
  background-color: var(--color-grey-17);
  color: var(--color-grey-1);
}
.navigation:not(.--responsive) .navigation__submenu-wrapper {
  inset-block-start: 90%;
  max-width: 69.5rem;
  margin-inline: auto;
  inset-inline: 0;
  width: 100%;
}
.navigation:not(.--responsive) .navigation__submenu-wrapper::before {
  content: '';
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  height: 100%;
  width: 0.0625rem;
  background-color: var(--color-grey-9);
  z-index: 1;
}
.navigation:not(.--responsive) .navigation__submenu-wrapper.--right {
  inset-inline-end: 0;
}
.navigation__toggle {
  padding: 0;
  font-size: 1.25rem;
  background-color: transparent;
  border: solid 0.125rem var(--color-border);
  color: var(--color-white);
  border-radius: 50%;
  width: 3.5rem;
  height: 3.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.25rem;
  transition: 0.4s ease-in-out;
}
.navigation__toggle .button__title {
  display: none;
}
.navigation__toggle[aria-expanded='true'] {
  background-color: var(--color-white);
  border-color: var(--color-white);
  color: var(--color-grey-1);
}
.navigation.--responsive {
  --navigation__item-padding-inline: 0;
  --navigation__item-padding-inline--submenu: 0;
  --navigation__item-padding-inline--submenu--hover: 0;
  --navigation__item-color--submenu: var(--color-white);
  --navigation__item-color--submenu--hover: var(--color-white);
  --navigation__item-padding-block: 1.3125rem;
  --navigation__item-padding-block--submenu: 0.5rem;
  --navigation__item-font-size--submenu: 0.875rem;
}
.navigation.--responsive .navigation__responsive-menu {
  padding-block-end: 1.5rem;
}
.navigation.--responsive .navigation__menu {
  margin-block-start: 0;
  padding-inline: 1.25rem;
  gap: 0;
}
.navigation.--responsive .navigation__item {
  justify-content: flex-start;
  border-block-end: solid 0.0625rem var(--color-border);
}
.navigation.--responsive .navigation__item:last-child {
  border-block-end: 0 none;
}
.navigation.--responsive .navigation__item a, .navigation.--responsive .navigation__item button {
  width: 100%;
}
.navigation.--responsive .navigation__item button .icon.--submenu {
  transform: rotate(-90deg);
  margin-inline-start: auto;
}
.navigation.--responsive .navigation__item button[aria-expanded="true"] .icon.--submenu {
  transform: rotate(-270deg);
  order: -1;
  margin-inline-start: 0;
  margin-inline-end: 0.5rem;
}
.navigation.--responsive .navigation__submenu {
  padding: 0;
}
.navigation.--responsive .navigation__submenu-wrapper {
  background: none;
}
.navigation.--responsive .navigation__submenu-wrapper[aria-hidden="false"] {
  padding-block-end: 1.25rem;
}
.navigation.--responsive .navigation__submenu .navigation__item {
  margin-block-end: 0;
  border-block-end: 0 none;
}
.navigation.--responsive .navigation__submenu .navigation__item a .icon.--custom {
  border-color: var(--color-border);
  width: 2rem;
  height: 2rem;
}
.navigation.--scrolled {
  --navigation__logo-width: 9.40rem;
  --navigation__logo-height: 2.25rem;
}
@media (min-width: 64rem) {
  .navigation.--scrolled {
    --navigation__logo-width: 8.75rem;
    --navigation__logo-height: 1.875rem;
  }
}
.navigation.--scrolled .navigation__wrapper.--secondary {
  height: 0;
  opacity: 0;
  visibility: hidden;
  padding-block: 0;
}
.navigation.--scrolled .navigation__wrapper.--secondary::before, .navigation.--scrolled .navigation__wrapper.--secondary::after {
  opacity: 0;
  visibility: hidden;
}
.navigation.--scrolled .navigation__wrapper.--primary {
  padding-block: 1.25rem;
}
@media (min-width: 64rem) {
  .navigation.--scrolled .navigation__wrapper.--primary {
    padding-block: 0.625rem;
  }
}
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22home%2Fvaibs%2Fdomains%2Fvaibs.com%2Fpublic_html%2Fwp-content%2Fthemes%2Fvaibs%2Fsass%2Fpartials%2Fnavigation.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAA0CE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAQA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAGE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAASE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAYA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAaF%3BAAAA%3BAAAA%3BAAAA%3BAAIE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAME%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAASN%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAASA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAIE%3BAAAA%3BAAAA%3BAAKF%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAIE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAAA%3BAAIE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAQI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAYE%3BAAAA%3BAAAA%3BAAKF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAQF%3BAAAA%3BAAAA%3BAAIE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAAA%3BAAQF%3BAAAA%3BAAAA%3BAAAA%3BAAUF%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAGE%3BAAAA%3BAAAA%3BAAGE%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAME%3BAAAA%3BAAAA%3BAAAA%3BAAQA%3BAAAA%3BAAAA%3BAAGE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAUA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAKF%3BAAAA%3BAAAA%3BAAMJ%3BAAAA%3BAAAA%3BAAAA%3BAAKI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAME%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAOA%3BAAAA%3BAAAA%3BAAQR%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAME%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAKE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAUA%3BAAAA%3BAAAA%3BAAAA%3BAAQN%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAYA%3BAAAA%3BAAAA%3BAAQN%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAeE%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAUE%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAAA%3BAAIE%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAKE%3BAAAA%3BAAAA%3BAAAA%3BAAME%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAUN%3BAAAA%3BAAAA%3BAAGE%3BAAAA%3BAAAA%3BAAGE%3BAAAA%3BAAAA%3BAAKF%3BAAAA%3BAAAA%3BAAAA%3BAAIE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAASN%3BAAAA%3BAAAA%3BAAAA%3BAAIE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAME%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAME%3BAAAA%3BAAAA%3BAAAA%3BAAOF%3BAAAA%3BAAAA%3BAAGE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%22%7D */