/* Links */
/* Footer top region */
/* Footer middle region */
/* Footer bottom region */
/* Submit button */
/* Button variant 1 */
/* Button variant 1 - alternative */
/* Button variant 2 */
/* Button variant 2 - alternative*/
/* Box shadow colors */
/* Container colors */
/* Search colors */
/* Menu colors */
/** General **/
/** Mobile **/
/* Navigation colors */
/* @font-face {
  font-display: block;
  font-family: Poppins;
  src: url(../assets/fonts/Poppins/Poppins-Thin.ttf);
  font-weight: 200;
}

@font-face {
  font-display: block;
  font-family: Poppins;
  src: url(../assets/fonts/Poppins/Poppins-Light.ttf);
  font-weight: 300;
}

@font-face {
  font-display: block;
  font-family: Poppins;
  src: url(../assets/fonts/Poppins/Poppins-Regular.ttf);
  font-weight: 400;
}

@font-face {
  font-display: block;
  font-family: Poppins;
  src: url(../assets/fonts/Poppins/Poppins-Medium.ttf);
  font-weight: 500;
}

@font-face {
  font-display: block;
  font-family: Poppins;
  src: url(../assets/fonts/Poppins/Poppins-SemiBold.ttf);
  font-weight: 600;
}

@font-face {
  font-display: block;
  font-family: Poppins;
  src: url(../assets/fonts/Poppins/Poppins-Bold.ttf);
  font-weight: 700;
}

@font-face {
  font-display: block;
  font-family: Poppins;
  src: url(../assets/fonts/Poppins/Poppins-Black.ttf);
  font-weight: 900;
} */
@keyframes load {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(100%);
  }
}
header {
  position: relative;
  z-index: 501;
  /* .mobile-button {
    display: none;
    flex-direction: column;
    justify-content: center;
    margin: 0 10px;
    cursor: pointer;

    &.show-mobile-button {
      display: flex;
    }

    #nav-icon {
      width: 30px;
      height: 26px;
      position: relative;
      transform: rotate(0deg);
      transition: 300ms ease-in-out;

      span {
        display: block;
        position: absolute;
        height: 4px;
        width: 50%;
        background-color: #ffffff;
        background-color: var(--menu_link_color);
        opacity: 1;
        transform: rotate(0deg);
        transition: 250ms ease-in-out;

        &:nth-child(even) {
          left: 50%;
          border-radius: 0 9px 9px 0;
        }

        &:nth-child(even) {
          left: 50%;
          border-radius: 0 9px 9px 0;
        }

        &:nth-child(even) {
          left: 50%;
          border-radius: 0 9px 9px 0;
        }

        &:nth-child(odd) {
          left: 1px;
          border-radius: 9px 0 0 9px;
        }

        &:nth-child(1),
        &:nth-child(2) {
          top: 0px;
        }

        &:nth-child(3),
        &:nth-child(4) {
          top: 10px;
        }

        &:nth-child(5),
        &:nth-child(6) {
          top: 20px;
        }
      }
    }

    &.open {
      #nav-icon {

        span:nth-child(1),
        span:nth-child(6) {
          transform: rotate(45deg);
        }

        span:nth-child(2),
        span:nth-child(5) {
          transform: rotate(-45deg);
        }

        span:nth-child(1) {
          left: 3px;
          top: 5px;
        }

        span:nth-child(2) {
          left: calc(50% - 3px);
          top: 5px;
        }

        span:nth-child(3) {
          left: -50%;
          opacity: 0;
        }

        span:nth-child(4) {
          left: 100%;
          opacity: 0;
        }

        span:nth-child(5) {
          left: 3px;
          top: 14px;
        }

        span:nth-child(6) {
          left: calc(50% - 3px);
          top: 14px;
        }
      }
    }
  } */
}
header .region-header {
  min-height: 120px;
}
@media (max-width: 1024px) {
  header .region-header {
    min-height: 90px;
  }
}
header .region-header .branding-block {
  margin-right: 0;
  margin-right: initial;
}
header .region-header .branding-block a {
  line-height: 0;
}
header .region-header .branding-block a img {
  width: 130px;
}
@media (max-width: 1024px) {
  header .region-header .branding-block a img {
    width: 90px;
  }
}
header .region-header .main-navigation {
  margin-right: auto;
}
header .region-header .toggle-box__container--toggle .toggle-btn {
  cursor: pointer;
  display: inline-block;
  width: 10px;
  height: 10px;
  padding: 3px;
  margin-bottom: 5px;
  border: solid;
  border-color: #213B73;
  border-color: var(--menu_link_color);
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  transition: transform 0.2s;
}
header .region-header #block-flexi-contact {
  margin: auto 0;
  /* @include media("<=desktop") {
    width: 15%;
  } */
}
@media (max-width: 1024px) {
  header .region-header #block-flexi-contact {
    display: none;
  }
}
header .region-header #block-flexi-contact .header-contact-container {
  position: relative;
}
@media (max-width: 1024px) {
  header .region-header #block-flexi-contact .header-contact-container {
    display: none;
  }
}
header .region-header #block-flexi-contact .header-contact-container__title {
  font-size: 17px;
  line-height: 26px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  gap: 15px;
}
header .region-header #block-flexi-contact .header-contact-container__title .contact-text {
  color: #213B73;
  color: var(--menu_link_color);
}
header .region-header #block-flexi-contact .header-contact-container__title .contact-icon,
header .region-header #block-flexi-contact .header-contact-container__title .toggle-box__container--toggle {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
header .region-header #block-flexi-contact .header-contact-container__text {
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  position: absolute;
  background-color: white;
  border-radius: 15px;
  width: 300px;
  height: 300px;
  padding: 20px;
  left: -15%;
  top: 55px;
  z-index: 55;
  box-shadow: 0px 0px 50px rgba(85, 85, 85, 0.08);
}
header .region-header #block-flexi-contact .header-contact-container__text::before {
  position: absolute;
  width: 10px;
  content: " ";
  display: block;
  background-color: white;
  height: 10px;
  transform: rotate(45deg) translateX(-50%);
  top: 0;
  left: 18%;
  right: auto;
  border: 1px solid #e5e5e5;
  border-bottom: 0;
  border-right: 0;
  z-index: 2;
  transition: opacity 0.2s ease-in-out;
}
header .region-header #block-flexi-contact .header-contact-container__text .highlighted {
  color: var(--text_main_color);
  font-size: 20px;
  font-weight: 800;
}
header .region-header #block-flexi-contact .header-contact-container__text .btn {
  cursor: pointer;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  color: #213B73;
  background-color: #FFF200;
  text-decoration: none;
  padding: 15px 50px;
  border: 0;
  padding: 5px 15px;
  /* display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 15px;
  color: #213B73;
  color: var(--text_main_color);
  background-color: #fff200;
  background-color: var(--cta_button_primary_color);
  border-radius: 96px;
  border: 1px solid transparent;
  cursor: pointer;
  text-decoration: none;
  padding: 5px 15px; */
}
header .region-header #block-flexi-contact .header-contact-container__text .btn:disabled {
  color: #000000;
  background-color: #EEEEEE;
}
header .region-header #block-flexi-contact .header-contact-container__text .btn:focus {
  outline: 3px solid #005ecc;
}
header .region-header #block-flexi-contact .header-contact-container__text .btn:hover {
  color: rgba(33, 59, 115, 0.7803921569);
  background-color: rgba(255, 242, 0, 0.7803921569);
}
header .region-header #block-flexi-contact .header-contact-container__text .btn:empty {
  -webkit-mask-image: radial-gradient(white, black);
          mask-image: radial-gradient(white, black);
  position: relative;
  overflow: hidden;
  width: 168px;
  height: 48px;
}
header .region-header #block-flexi-contact .header-contact-container__text .btn:empty:before {
  content: "";
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  background: linear-gradient(to right, transparent 0%, #fff 50%, transparent 100%);
  animation: load 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}
header .region-header #block-flexi-contact .header-contact-container.header-contact-opened .header-contact-container__text {
  display: flex;
}
header .region-header #block-flexi-contact .header-contact-container.header-contact-opened .toggle-box__container--toggle .toggle-btn {
  margin-top: 10px;
  transform: rotate(-135deg);
}
header .region-header #block-flexi-headerusermenu {
  position: relative;
  margin: auto 0;
  margin-left: 15px;
}
header .region-header #block-flexi-headerusermenu #react-user-menu .user-menu--login a {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  color: #9146af;
  color: var(--cta_button_secondary_color);
  font-weight: 600;
  font-size: 18px;
  line-height: 27px;
  text-decoration: none;
  padding: 8px 16px;
  border: 1px solid;
  border-color: #9146af;
  border-color: var(--cta_button_secondary_color);
}
@media (max-width: 1024px) {
  header .region-header #block-flexi-headerusermenu #react-user-menu .user-menu--login a {
    padding: 8px;
  }
}
header .region-header #block-flexi-headerusermenu #react-user-menu .user-menu-navigation .toggle-box__container--toggle {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
header .region-header #block-flexi-headerusermenu #react-user-menu .user-menu-navigation .toggle-box__container--toggle .toggle-btn {
  border: solid black;
  border-width: 0 2px 2px 0;
  display: inline-block;
  height: 10px;
  width: 10px;
  padding: 3px;
  transform: rotate(45deg);
  transition: transform 0.2s;
  margin-bottom: 5px;
  cursor: pointer;
}
header .region-header #block-flexi-headerusermenu #react-user-menu .user-menu-navigation .toggle-box__container--toggle.active .toggle-btn {
  margin-top: 10px;
  transform: rotate(-135deg);
}
header .region-header #block-flexi-headerusermenu #react-user-menu .user-menu-navigation .user-menu-info {
  display: flex;
  position: relative;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
  cursor: pointer;
}
header .region-header #block-flexi-headerusermenu #react-user-menu .user-menu-navigation .user-menu-info .icon {
  display: flex;
}
header .region-header #block-flexi-headerusermenu #react-user-menu .user-menu-navigation .user-menu-info .user {
  font-style: normal;
  font-weight: 400;
  font-size: 17px;
  line-height: 26px;
}
header .region-header #block-flexi-headerusermenu #react-user-menu .user-menu-navigation .user-menu {
  display: none;
  list-style: none;
  position: absolute;
  top: 40px;
  right: 0;
  width: 275px;
  max-width: 100vw;
  padding: 15px;
  background-color: white;
  box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.08);
  z-index: 1;
}
header .region-header #block-flexi-headerusermenu #react-user-menu .user-menu-navigation .user-menu.menu-opened {
  display: flex;
  flex-wrap: wrap;
}
header .region-header #block-flexi-headerusermenu #react-user-menu .user-menu-navigation .user-menu li {
  display: flex;
  align-items: center;
  padding: 5px;
  width: 100%;
  border-radius: 8px;
  overflow: hidden;
  cursor: pointer;
}
header .region-header #block-flexi-headerusermenu #react-user-menu .user-menu-navigation .user-menu li:hover {
  background-color: rgba(60, 100, 245, 0.2);
}
header .region-header #block-flexi-headerusermenu #react-user-menu .user-menu-navigation .user-menu li .icon {
  width: 30px;
  margin-right: 10px;
  display: flex;
  align-items: center;
}
header .region-header #block-flexi-headerusermenu #react-user-menu .user-menu-navigation .user-menu li .icon svg {
  margin: auto;
}
header .region-header #block-flexi-headerusermenu #react-user-menu .user-menu-navigation .user-menu li a,
header .region-header #block-flexi-headerusermenu #react-user-menu .user-menu-navigation .user-menu li .user-menu--link {
  color: #213B73;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-size: 17px;
  line-height: 26px;
  text-decoration: none;
}
header .region-header #block-flexi-headerusermenu #react-user-menu .user-menu-navigation .user-menu li a:hover,
header .region-header #block-flexi-headerusermenu #react-user-menu .user-menu-navigation .user-menu li .user-menu--link:hover {
  color: black;
}
header .region-header .language-switcher-language-url {
  position: relative;
  width: 7%;
  margin: auto 0;
  margin-left: 15px;
  visibility: hidden;
}
@media (max-width: 1024px) {
  header .region-header .language-switcher-language-url {
    display: none;
  }
}
header .region-header .language-switcher-language-url.header-lng-switcher-opened .links {
  display: flex;
}
header .region-header .language-switcher-language-url.header-lng-switcher-opened .toggle-box__container--toggle .toggle-btn {
  margin-top: 10px;
  transform: rotate(-135deg);
}
header .region-header .language-switcher-language-url > .contextual {
  top: -20px;
  right: -20px;
}
header .region-header .language-switcher-language-url .active-lng {
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  width: 100%;
  font-size: 17px;
  line-height: 26px;
}
header .region-header .language-switcher-language-url .active-lng .lng-globe,
header .region-header .language-switcher-language-url .active-lng .toggle-box__container--toggle {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
header .region-header .language-switcher-language-url .active-lng .active-lng-text {
  color: #213B73;
  color: var(--menu_link_color);
  text-transform: uppercase;
}
header .region-header .language-switcher-language-url .links {
  display: none;
  position: absolute;
  top: 40px;
  right: calc(100% - 50px);
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  row-gap: 10px;
  width: 200px;
  background-color: white;
  padding: 20px;
  border-radius: 15px;
  box-shadow: 0px 0px 50px rgba(85, 85, 85, 0.08);
  z-index: 55;
}
header .region-header .language-switcher-language-url .links::before {
  position: absolute;
  width: 10px;
  content: " ";
  display: block;
  background: #fff;
  height: 10px;
  transform: rotate(45deg) translateX(-50%);
  top: 0;
  right: 15%;
  border: 1px solid #e5e5e5;
  border-bottom: 0;
  border-right: 0;
  z-index: 2;
  transition: opacity 0.2s ease-in-out;
}
header .region-header .language-switcher-language-url .links .lang-desc {
  width: 100%;
  text-align: center;
  padding: 10px 0;
  font-weight: 600;
  font-size: 18px;
}
header .region-header .language-switcher-language-url .links li {
  padding: 0 10px;
}
header .region-header .language-switcher-language-url .links li:not(:first-child) {
  border-left: 0;
}
header .region-header .language-switcher-language-url .links li a {
  width: 50px;
  height: 50px;
  border-radius: 30px;
  overflow: hidden;
  text-align: center;
  background-size: cover;
  text-decoration: none;
  color: transparent;
  position: relative;
  background-color: transparent;
  transition: all 0.5s;
  display: flex;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
}
header .region-header .language-switcher-language-url .links li a:hover, header .region-header .language-switcher-language-url .links li a:focus {
  text-decoration: none;
}
header .region-header .language-switcher-language-url .links li a.is-active::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(83, 113, 234, 0.6);
}
header .region-header .language-switcher-language-url .links li a.is-active::after {
  content: "";
  width: 5px;
  height: 13px;
  display: inline-block;
  transform: rotate(45deg);
  border-bottom: 5px solid #fff200;
  border-right: 5px solid #fff200;
  margin-right: 19px;
  margin-top: -5px;
  z-index: 6;
}
header .region-header .language-switcher-language-url .links li a:not(.is-active):hover, header .region-header .language-switcher-language-url .links li a:not(.is-active):focus {
  color: #fff200;
  z-index: 6;
}
header .region-header .language-switcher-language-url .links li a:not(.is-active):hover:before, header .region-header .language-switcher-language-url .links li a:not(.is-active):focus:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(83, 113, 234, 0.6);
}
header .region-header .language-switcher-language-url .links li a[hreflang|=en] {
  background-image: url(../assets/svgs/en.svg);
}
header .region-header .language-switcher-language-url .links li a[hreflang|=nl] {
  background-image: url(../assets/svgs/nl.svg);
}
header .region-header .language-switcher-language-url .links li a[hreflang|=fr] {
  background-image: url(../assets/svgs/fr.svg);
}
header .region-header .language-switcher-language-url .links li a[hreflang|=de] {
  background-image: url(../assets/svgs/de.svg);
}
header .region-header .language-switcher-language-url .links li a[hreflang|=es] {
  background-image: url(../assets/svgs/es.svg);
}
header .region-header .mobile-button {
  display: none;
}
header .region-header #block-flexi-mobile-menu-mini {
  display: none;
}
@media (max-width: 1024px) {
  header .region-header #block-flexi-mobile-menu-mini {
    display: block;
  }
}
header .mobile-menus {
  display: none;
}
@media (max-width: 1024px) {
  header .mobile-menus {
    display: block;
  }
}

/* header {
  &.header {
    position: fixed;
  }

  .header__top-section--container {
    height: 90px;

    @include media("<=tablet") {
      //height: 128px;
      align-items: flex-end;
      padding-bottom: 20px;
    }
  }

  #block-sitebranding {
    @include media("<=tablet") {
      width: unset;
      height: 42px;
    }

    a {
      img {
        max-width: 230px;

        @include media("<=desktop") {
          max-width: 210px;
        }

        @include media("<=tablet") {
          max-width: 166px;
        }
      }
    }
  }

  #block-autoshuren-main-menu {
    width: 50%;
    display: flex;
  }

  #block-languageswitcher {
    position: relative;
    width: 7%;
    margin-right: 60px;

    @include media("<=desktop") {
      width: 10%;
      margin-right: 20px;
    }

    .active-lng {
      font-style: "Poppins";
      font-size: 17px;
      line-height: 26px;
      cursor: pointer;

      display: flex;
      width: 100%;
      justify-content: space-between;

      .active-lng-text {
        text-transform: uppercase;
      }

      .lng-globe,
      .toggle-box__container--toggle {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
      }
    }

    .links {
      position: absolute;
      background: white;
      border-radius: 15px;
      width: 200px;
      height: 150px;
      justify-content: center;
      padding: 20px;
      left: -15%;
      top: 70px;
      z-index: 55;
      display: none;
      flex-wrap: wrap;
      box-shadow: 0px 0px 50px rgb(85 85 85 / 8%);

      &::before {
        position: absolute;
        width: 10px;
        content: " ";
        display: block;
        background: #fff;
        height: 10px;
        transform: rotate(45deg) translateX(-50%);
        top: 0;
        left: 15%;
        right: auto;
        border: 1px solid #e5e5e5;
        border-bottom: 0;
        border-right: 0;
        z-index: 2;
        transition: opacity 0.2s ease-in-out;
      }

      li {
        list-style: none;
        position: relative;

        a {
          width: 50px;
          height: 50px;
          border-radius: 30px;
          overflow: hidden;
          text-align: center;
          background-size: cover;
          display: block;
          text-decoration: none;
          color: transparent;
          position: relative;
          background-color: transparent;
          transition: all 0.5s;
          display: flex;
          justify-content: center;
          align-items: center;
          text-transform: uppercase;

          &.is-active {
            &::before {
              content: "";
              position: absolute;
              left: 0;
              top: 0;
              width: 100%;
              height: 100%;
              background-color: rgba(234, 83, 83, 0.6);
            }
          }

          &.is-active {
            &::after {
              content: "";
              width: 5px;
              height: 13px;
              display: inline-block;
              transform: rotate(45deg);
              border-bottom: 5px solid white;
              border-right: 5px solid white;
              margin-right: 19px;
              margin-top: -5px;
              z-index: 6;
            }
          }

          &:not(.is-active) {
            &:hover {
              color: white;
              z-index: 6;

              &:before {
                content: "";
                position: absolute;
                z-index: -1;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                background-color: rgba(234, 83, 83, 0.6);
              }
            }
          }
        }
      }

      .lang-desc {
        width: 100%;
        text-align: center;
        padding: 10px 0;
        font-weight: 600;
        font-size: 18px;
      }
    }

    a[hreflang|="en"] {
      background-image: url(../assets/svgs/en.svg);
    }

    a[hreflang|="nl"] {
      background-image: url(../assets/svgs/nl.svg);
    }

    a[hreflang|="fr"] {
      background-image: url(../assets/svgs/fr.svg);
    }

    a[hreflang|="de"] {
      background-image: url(../assets/svgs/de.svg);
    }

    a[hreflang|="es"] {
      background-image: url(../assets/svgs/es.svg);
    }

    &.header-lng-switcher-opened {
      .links {
        display: flex;
      }

      .toggle-box__container--toggle .toggle-btn {
        margin-top: 10px;
        transform: rotate(-135deg);
      }
    }
  }

  #block-contact {
    margin: auto;
    width: 12%;

    @include media("<=desktop") {
      width: 15%;
    }

    .header-contact-container {
      position: relative;

      &__title {
        font-style: "Poppins";
        font-size: 17px;
        line-height: 26px;
        cursor: pointer;

        display: flex;
        width: 100%;
        justify-content: space-between;

        .contact-icon,
        .toggle-box__container--toggle {
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
        }
      }

      &__text {
        position: absolute;
        background: white;
        border-radius: 15px;
        width: 300px;
        height: 300px;
        padding: 20px;
        left: -15%;
        top: 55px;
        z-index: 55;
        display: none;
        flex-wrap: wrap;
        box-shadow: 0px 0px 50px rgb(85 85 85 / 8%);

        &::before {
          position: absolute;
          width: 10px;
          content: " ";
          display: block;
          background: #fff;
          height: 10px;
          transform: rotate(45deg) translateX(-50%);
          top: 0;
          left: 18%;
          right: auto;
          border: 1px solid #e5e5e5;
          border-bottom: 0;
          border-right: 0;
          z-index: 2;
          transition: opacity 0.2s ease-in-out;
        }

        .highlighted {
          font-size: 20px;
          font-weight: 800;
          color: $ah-red;
        }

        .btn {
          @include alamo-button-primary;
          text-decoration: none;
          padding: 5px 15px;
        }
      }

      &.header-contact-opened {
        .header-contact-container__text {
          display: flex;
        }

        .toggle-box__container--toggle .toggle-btn {
          margin-top: 10px;
          transform: rotate(-135deg);
        }
      }
    }
  }

  #block-headerusermenu {
    margin: auto;
    max-width: 210px;
    min-width: 170px;
    margin-left: 40px;
    position: relative;
    padding-right: 20px;

    @include media("<=desktop") {
      min-width: 110px;
      margin-left: 20px;
    }

    @include media("<=tablet") {
      width: unset;
      margin: 0;
      padding-right: 20px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
    }

    .header-user-menu__container--btn {
      font-size: 18px;
      font-weight: 600;
      line-height: 22px;
      padding: 9px 25px;
      border: 1px solid $ah-red;
      border-radius: 30px;
      width: fit-content;
      cursor: pointer;

      &:hover {
        background: #fdeeee;
      }
    }
  }

  .toggle-box__container--toggle {
    .toggle-btn {
      border: solid #000;
      border-width: 0 2px 2px 0;
      display: inline-block;
      height: 10px;
      width: 10px;
      padding: 3px;
      transform: rotate(45deg);
      transition: transform 0.2s;
      margin-bottom: 5px;
      cursor: pointer;
    }
  }
}

// User menu

#react-user-menu {
  .user-menu--login {
    a {
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      padding: 8px;
      border: 1px solid #ea5353;
      border-radius: 32px;
      max-width: 149px;
      height: 48px;
      font-family: "Poppins";
      font-style: normal;
      font-weight: 600;
      font-size: 18px;
      line-height: 27px;
      text-decoration: none;
      color: #000000;
    }
  }

  .user-menu-navigation {
    .toggle-box__container--toggle {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;

      .toggle-btn {
        border: solid #000;
        border-width: 0 2px 2px 0;
        display: inline-block;
        height: 10px;
        width: 10px;
        padding: 3px;
        transform: rotate(45deg);
        transition: transform 0.2s;
        margin-bottom: 5px;
        cursor: pointer;
      }

      &.active {
        .toggle-btn {
          margin-top: 10px;
          transform: rotate(-135deg);
        }
      }
    }

    .user-menu-info {
      display: flex;
      position: relative;
      justify-content: space-between;
      align-items: center;
      gap: 15px;
      cursor: pointer;

      .icon {
        display: flex;
      }

      .user {
        font-style: normal;
        font-weight: 400;
        font-size: 17px;
        line-height: 26px;
      }
    }

    .user-menu {
      display: none;
      list-style: none;
      position: absolute;
      top: 40px;
      right: 0;
      width: 275px;
      padding: 15px;
      background: #ffffff;
      box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.08);
      border-radius: 8px;

      &.menu-opened {
        display: flex;
        flex-wrap: wrap;
      }

      li {
        display: flex;
        align-items: center;
        padding: 5px;
        width: 100%;
        border-radius: 8px;
        overflow: hidden;
        cursor: pointer;

        &:hover {
          background: rgba(245, 153, 60, 0.2);
        }

        .icon {
          width: 30px;
          margin-right: 10px;
          display: flex;
          align-items: center;

          svg {
            margin: auto;
          }
        }

        a {
          font-family: "Poppins";
          font-style: normal;
          font-weight: 400;
          font-size: 17px;
          line-height: 26px;
          text-decoration: none;

          &:hover {
            color: #000;
          }
        }
      }
    }
  }
} */
/* Links */
/* Footer top region */
/* Footer middle region */
/* Footer bottom region */
/* Submit button */
/* Button variant 1 */
/* Button variant 1 - alternative */
/* Button variant 2 */
/* Button variant 2 - alternative*/
/* Box shadow colors */
/* Container colors */
/* Search colors */
/* Menu colors */
/** General **/
/** Mobile **/
/* Navigation colors */
/* @font-face {
  font-display: block;
  font-family: Poppins;
  src: url(../assets/fonts/Poppins/Poppins-Thin.ttf);
  font-weight: 200;
}

@font-face {
  font-display: block;
  font-family: Poppins;
  src: url(../assets/fonts/Poppins/Poppins-Light.ttf);
  font-weight: 300;
}

@font-face {
  font-display: block;
  font-family: Poppins;
  src: url(../assets/fonts/Poppins/Poppins-Regular.ttf);
  font-weight: 400;
}

@font-face {
  font-display: block;
  font-family: Poppins;
  src: url(../assets/fonts/Poppins/Poppins-Medium.ttf);
  font-weight: 500;
}

@font-face {
  font-display: block;
  font-family: Poppins;
  src: url(../assets/fonts/Poppins/Poppins-SemiBold.ttf);
  font-weight: 600;
}

@font-face {
  font-display: block;
  font-family: Poppins;
  src: url(../assets/fonts/Poppins/Poppins-Bold.ttf);
  font-weight: 700;
}

@font-face {
  font-display: block;
  font-family: Poppins;
  src: url(../assets/fonts/Poppins/Poppins-Black.ttf);
  font-weight: 900;
} */
@keyframes load {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(100%);
  }
}
@media (max-width: 1024px) {
  .main-navigation.desktop-menu {
    display: none;
  }
}
.main-navigation.desktop-menu > .menu > .menu-level-0 > .menu-item:last-child {
  margin-left: auto;
}
.main-navigation.desktop-menu > .menu > .menu-level-0 > .menu-item a,
.main-navigation.desktop-menu > .menu > .menu-level-0 > .menu-item span {
  font-size: 17px;
  font-weight: 400;
  line-height: 26px;
  text-transform: none;
}
@media (max-width: 1024px) {
  .main-navigation.mobile-menu {
    display: none;
  }
}
#block-flexi-mobile-menu-mini {
  position: fixed;
  bottom: -90px;
  left: 0;
  width: 100%;
  height: 90px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.08);
  background-color: #ffffff;
  transition: bottom 300ms ease;
  z-index: 998;
}
#block-flexi-mobile-menu-mini.loaded {
  bottom: 0;
}
#block-flexi-mobile-menu-mini .standard-mobile-menu {
  height: 100%;
}
[dir="ltr"] #block-flexi-mobile-menu-mini .standard-mobile-menu ul {
  padding-left: 0;
}
[dir="rtl"] #block-flexi-mobile-menu-mini .standard-mobile-menu ul {
  padding-right: 0;
}
#block-flexi-mobile-menu-mini .standard-mobile-menu ul {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-evenly;
  height: 100%;
  list-style-type: none;
}
#block-flexi-mobile-menu-mini .standard-mobile-menu ul li {
  line-height: 1;
  padding: 0;
}
#block-flexi-mobile-menu-mini .standard-mobile-menu ul li.home-button a {
  background-image: url(../assets/images/home_inactive.png);
}
#block-flexi-mobile-menu-mini .standard-mobile-menu ul li.home-button.active-button a {
  background-image: url(../assets/images/home_active.png);
}
#block-flexi-mobile-menu-mini .standard-mobile-menu ul li.information-button a {
  background-image: url(../assets/images/blog_inactive.png);
}
#block-flexi-mobile-menu-mini .standard-mobile-menu ul li.information-button.active-button a {
  background-image: url(../assets/images/blog_active.png);
}
#block-flexi-mobile-menu-mini .standard-mobile-menu ul li.contact-button a {
  background-image: url(../assets/images/contact_inactive.png);
}
#block-flexi-mobile-menu-mini .standard-mobile-menu ul li.contact-button.active-button a {
  background-image: url(../assets/images/contact_active.png);
}
#block-flexi-mobile-menu-mini .standard-mobile-menu ul li.more-button a {
  background-image: url(../assets/images/more_inactive.png);
}
#block-flexi-mobile-menu-mini .standard-mobile-menu ul li.more-button.active-button a {
  background-image: url(../assets/images/more_active.png);
}
#block-flexi-mobile-menu-mini .standard-mobile-menu ul li a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  color: #A2A2A2;
  font-size: 14px;
  text-decoration: none;
  width: 60px;
  height: 60px;
  background-repeat: no-repeat;
  background-position: 50% 10%;
  padding-bottom: 10px;
}
#block-flexi-mobile-menu-mini .standard-mobile-menu ul li a.is-active {
  color: #000000;
}

.mobile-menus {
  position: fixed;
  width: 100%;
  height: calc(100vh - 90px);
  top: 0;
  left: -100vw;
  background-color: #ffffff;
  padding: 70px 20px 20px;
  overflow-y: scroll;
  transition: left 300ms ease;
  z-index: 999;
}
.mobile-menus .menu-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 15px;
}
.mobile-menus .menu-header h4 {
  margin-bottom: 0;
}
.mobile-menus .menu-header .close-button-menu a {
  color: #000000;
  text-decoration: underline;
}
[dir="ltr"] .mobile-menus #block-flexi-mobile-menu ul {
  padding-left: 0;
}
[dir="rtl"] .mobile-menus #block-flexi-mobile-menu ul {
  padding-right: 0;
}
.mobile-menus #block-flexi-mobile-menu ul {
  list-style-type: none;
}
.mobile-menus #block-flexi-mobile-menu ul li {
  border-top: 1px solid #EBEBEB;
  padding: 0;
}
.mobile-menus #block-flexi-mobile-menu ul li:last-of-type {
  border-bottom: 1px solid #EBEBEB;
}
.mobile-menus #block-flexi-mobile-menu ul li a {
  display: block;
  color: #000000;
  font-size: 17px;
  line-height: 24px;
  text-decoration: none;
  padding: 20px 0;
}
.mobile-menus #block-flexi-mobile-languageswitcher .current-language a {
  display: block;
  color: #000000;
  font-size: 17px;
  line-height: 24px;
  text-decoration: none;
  padding: 20px 0 20px 34px;
  background-image: url(../assets/svgs/globe.svg);
  background-repeat: no-repeat;
  background-position: 0 50%;
}
.mobile-menus #block-flexi-mobile-languageswitcher .languages {
  position: fixed;
  width: 100%;
  height: calc(100vh - 90px);
  top: 0;
  left: 100vw;
  background-color: #ffffff;
  padding: 70px 20px 20px;
  overflow-y: scroll;
  transition: left 300ms ease;
}
.mobile-menus #block-flexi-mobile-languageswitcher .languages.open {
  left: 0;
}
.mobile-menus #block-flexi-mobile-languageswitcher .languages .back-button {
  display: inline-block;
  width: 40px;
  height: 20px;
  background-image: url(../assets/images/arrow.png);
  background-repeat: no-repeat;
  background-position: 0;
}
.mobile-menus #block-flexi-mobile-languageswitcher .languages .menu-header {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 15px;
  width: calc(100% - 45px);
}
.mobile-menus #block-flexi-mobile-languageswitcher .languages .menu-header h4 {
  margin-bottom: 0;
}
.mobile-menus #block-flexi-mobile-languageswitcher .languages .menu-header .close-button-languages a {
  color: #000000;
  text-decoration: underline;
}
.mobile-menus #block-flexi-mobile-languageswitcher .languages .links {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.mobile-menus #block-flexi-mobile-languageswitcher .languages .links li {
  border-top: 1px solid #EBEBEB;
  padding: 0;
}
.mobile-menus #block-flexi-mobile-languageswitcher .languages .links li:last-of-type {
  border-bottom: 1px solid #EBEBEB;
}
.mobile-menus #block-flexi-mobile-languageswitcher .languages .links li a {
  display: block;
  color: #000000;
  font-size: 17px;
  line-height: 24px;
  text-decoration: none;
  padding: 20px 0;
}

@media (max-width: 1024px) {
  body.open-menu {
    overflow-y: hidden;
  }
  body.open-menu .mobile-menus {
    left: 0;
  }
}