/* -----------------------------------------------------
   Config
   ----------------------------------------------------- */
/* Colors
  ========================================================================== */
:root {
  --rich-black: #1a2638;
  --yellow: #facc20;
  --light-blue: #e8edf5;
  --regent-grey: #818996;
  --grey: #bec5cf;
  --color-body: var(--rich-black);
  --header-color: var(--rich-black);
  --font-body: "Inter", Arial, sans-serif;
  --font-alternative: "Space Grotesk", Helvetica, Arial, sans-serif;
  --bs-gutter-x: 36px;
}

@media (min-width: 576px) {
  :root {
    --container-size: 540px;
  }
}
@media (min-width: 768px) {
  :root {
    --container-size: 720px;
  }
}
@media (min-width: 992px) {
  :root {
    --container-size: 960px;
  }
}
@media (min-width: 1200px) {
  :root {
    --container-size: 1140px;
  }
}
@media (min-width: 1400px) {
  :root {
    --container-size: 1280px;
  }
}
body {
  color: var(--rich-black);
  font-family: var(--font-body);
  overflow-x: hidden;
  position: relative;
}
@media (max-width: 1199px) {
  body {
    overflow-x: hidden;
    position: relative;
  }
}

*:focus {
  outline: none;
}

.small-title {
  color: var(--regent-grey);
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: 0.09em;
  margin-bottom: 25px;
  display: block;
}

h1 {
  font-size: 1.7rem;
  font-family: var(--font-alternative);
}

h2 {
  font-size: 50px;
  line-height: 1;
  font-weight: 400;
  font-family: var(--font-alternative);
}
@media (max-width: 1199px) {
  h2 span {
    display: block;
  }
}
@media (min-width: 1200px) {
  h2 {
    font-size: 75px;
    line-height: 70px;
  }
}

h3 {
  font-size: 30px;
  line-height: 35px;
  font-weight: 400;
  margin-bottom: 20px;
  font-family: var(--font-alternative);
}
@media (min-width: 1200px) {
  h3 {
    font-size: 50px;
  }
}
h3 sup {
  font-size: 14px;
  top: -1em;
  right: -0.5em;
  line-height: 22px;
}

h4 {
  font-size: 20px;
  line-height: 26px;
  margin-bottom: 10px;
  font-family: var(--font-alternative);
}

.wp-block-image .is-style-rounded img,
.wp-block-image.is-style-circle-mask img,
.wp-block-image.is-style-rounded img {
  border-radius: 40px;
}

.highlight-block {
  position: relative;
  right: 50%;
  left: 50%;
  width: 100vw;
  margin-right: -50vw;
  margin-left: -50vw;
  border-top: 1px solid var(--rich-black);
  border-bottom: 1px solid var(--rich-black);
  background: white;
  background-image: radial-gradient(var(--grey) 1px, transparent 0);
  background-size: 20px 20px;
  background-position: 5px 30px;
  text-align: center;
  margin-top: 50px;
  margin-bottom: 50px;
}
.highlight-block::after, .highlight-block::before {
  position: absolute;
  content: "";
  width: 1px;
  height: 100%;
  top: 0;
  bottom: 0;
  background: white;
  z-index: 2;
}
.highlight-block::before {
  border-right: 1px solid var(--rich-black);
  left: 0;
}
.highlight-block::after {
  border-left: 1px solid var(--rich-black);
  right: 0;
}
.highlight-block h3 {
  margin-top: 60px;
  margin-bottom: 60px;
  font-size: 35px !important;
  line-height: 40px !important;
  display: block;
  margin-bottom: 120px;
  font-family: var(--font-alternative);
}
@media (min-width: 1200px) {
  .highlight-block {
    margin-top: 100px;
    margin-bottom: 100px;
  }
  .highlight-block h3 {
    margin-top: 87px !important;
    margin-bottom: 87px !important;
    max-width: 28ch;
    margin-left: auto;
    margin-right: auto;
    font-size: 50px !important;
    line-height: 50px !important;
  }
  .highlight-block::after, .highlight-block::before {
    width: 30px;
  }
}

/* -----------------------------------------------------
   Libs
   ----------------------------------------------------- */
:root {
  --swiper-theme-color: #1a2638;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}

.swiper,
swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-horizontal {
  touch-action: pan-y;
}

.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide,
swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}

.swiper-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}
.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}

.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
:root {
  --swiper-pagination-bullet-size: 4px;
  --swiper-pagination-bullet-width: 4px;
  --swiper-pagination-bullet-height: 4px;
  --swiper-pagination-bullet-inactive-color: #bec5cf;
  --swiper-pagination-bullet-horizontal-gap: 6px;
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  --swiper-pagination-left: auto;
  --swiper-pagination-right: 8px;
  --swiper-pagination-bottom: 8px;
  --swiper-pagination-top: auto;
  --swiper-pagination-fraction-color: inherit;
  --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
  --swiper-pagination-progressbar-size: 4px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
  */
}

.swiper-pagination {
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
.swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  width: 100%;
}

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  background: var(--swiper-pagination-bullet-inactive-color, #000);
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet:only-child {
  display: none !important;
}

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform, 200ms top;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms left;
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
:host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms right;
}

/* Fraction */
.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}

/* Progress */
.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute;
  /*ADD_HOST*/
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}
.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: var(--swiper-pagination-progressbar-size, 4px);
  left: 0;
  top: 0;
}
.swiper-vertical > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
  width: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-lock {
  display: none;
}

/* -----------------------------------------------------
   Layout
   ----------------------------------------------------- */
html {
  position: relative;
  overflow-x: hidden;
}

img {
  max-width: 100%;
  height: auto;
}

.sr-only {
  position: absolute;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  white-space: nowrap;
  border: 0;
}

.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  --bs-gutter-x: 34px;
}

@media (min-width: 1400px) {
  .container-xxl,
  .container-xl,
  .container-lg,
  .container-md,
  .container-sm,
  .container {
    max-width: 1280px;
  }
}

@media (min-width: 1024px) {
  .no-padding {
    padding: 0;
  }
}
.d-flex {
  display: flex;
}

.d-inline-block {
  display: inline-block;
}

.mb-5 {
  margin-bottom: 1.875em;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

.flex-column {
  flex-direction: column;
}

.justify-content-end {
  justify-content: flex-end;
}

.justify-content-center {
  justify-content: center;
}

.align-items-center {
  align-items: center;
}

@media (min-width: 992px) {
  .flex-lg-row-reverse {
    flex-direction: row-reverse;
  }
}
.hide-all {
  display: none !important;
}

.hide-sm {
  display: none;
}
@media (min-width: 1200px) {
  .hide-sm {
    display: inline;
  }
}

@media (min-width: 1200px) {
  .hide-lg {
    display: none;
  }
}

.banner {
  padding: 10px 0;
  background-color: var(--yellow);
  border-radius: 0 0 20px 20px;
  margin: 0px -20px 30px;
}
.is-nav-active .banner {
  display: none;
}
.banner p {
  color: var(--rich-black);
  text-align: center;
  /* copy 18 */
  font-family: var(--font-body);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  padding: 0;
  margin: 0;
}
@media (max-width: 990px) {
  .banner p {
    font-size: 14px;
    line-height: 18px;
    padding: 0 35px;
  }
}
.banner p a {
  color: var(--rich-black);
}

header.site-header {
  position: absolute;
  z-index: 6;
  top: 0;
  height: 68px;
  padding: 20px;
  width: 100%;
}
@media (max-width: 1199px) {
  header.site-header {
    position: fixed;
    top: 0;
    transition: top 0.2s ease-in-out;
    background: white;
  }
  .home header.site-header, .page-template-template-visit header.site-header {
    background: transparent;
  }
  header.site-header.nav-down {
    background: white;
    box-shadow: 0px 0px 20px rgba(26, 38, 56, 0.08);
  }
  header.site-header.nav-down .logo path {
    fill: var(--rich-black);
  }
  header.site-header.nav-down .navbar-toggler .icon-bar {
    background-color: var(--rich-black);
  }
  header.site-header.nav-top {
    box-shadow: none;
    background: transparent;
  }
  header.site-header.nav-top .logo path {
    fill: var(--header-color);
  }
  header.site-header.nav-top .navbar-toggler .icon-bar {
    background-color: var(--header-color);
  }
  header.site-header.nav-up {
    top: -70px;
  }
  .banner--on header.site-header.nav-up {
    top: -145px;
  }
}
header.site-header .site-header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
header.site-header .site-header-inner .btn-pro {
  display: none;
}
@media (min-width: 1200px) {
  header.site-header .site-header-inner {
    flex-direction: row-reverse;
  }
  header.site-header .site-header-inner .nav-right {
    margin-left: 0;
  }
  header.site-header .site-header-inner .nav-right .btn-personalize {
    position: absolute;
    right: 0;
    transition: all 0.3s;
  }
  .is-nav-active header.site-header .site-header-inner .nav-right .btn-personalize {
    opacity: 0;
  }
  header.site-header .site-header-inner .nav-right .btn-pro {
    display: inline-block;
    position: absolute;
    margin-left: 125px;
    margin-top: 5px;
    color: var(--header-color);
    text-decoration: none;
  }
  header.site-header .site-header-inner .nav-right .btn-pro:hover {
    text-decoration: underline;
  }
}

body:not(.is-nav-active).banner--on header.site-header {
  height: 125px;
  padding: 0 20px;
}

@media (min-width: 1200px) {
  .is-nav-active .site-header-inner {
    padding-left: 0;
  }
  body:not(.is-nav-active) .site-header-inner .btn-main.btn-personalize, body:not(.is-nav-active) .site-header-inner .page-template-template-b2b .cta_button .wp-block-button a.btn-personalize, .page-template-template-b2b .cta_button .wp-block-button body:not(.is-nav-active) .site-header-inner a.btn-personalize {
    margin-right: 90px;
  }
  .site-header-inner .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle {
    color: var(--rich-black);
  }
  .home .site-header-inner .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle {
    color: white;
  }
  .home .site-header-inner .wpml-ls-legacy-dropdown:hover a.wpml-ls-item-toggle, .home .site-header-inner .wpml-ls-legacy-dropdown:active a.wpml-ls-item-toggle, .home .site-header-inner .wpml-ls-legacy-dropdown:visited a.wpml-ls-item-toggle {
    color: var(--rich-black) !important;
  }
}
@media (max-width: 1199px) {
  .site-header-inner > .wpml-ls-legacy-dropdown {
    display: none;
  }
  .is-nav-active .site-header-inner > a {
    width: 28px;
    overflow: hidden;
  }
}

.logo path {
  fill: var(--header-color);
  transition: 350ms 150ms fill;
}
@media (min-width: 1200px) {
  .logo {
    width: 178px;
  }
  .is-nav-active .logo {
    opacity: 0;
  }
}
@media (max-width: 1199px) {
  .is-nav-active .logo path {
    fill: var(--rich-black);
  }
}

.is-nav-active {
  position: fixed;
  height: 100vh;
  width: 100%;
  top: 0;
}
.is-nav-active .nav-right .wpml-ls-legacy-dropdown {
  display: block;
}
@media (min-width: 1200px) {
  .is-nav-active .nav-right .wpml-ls-legacy-dropdown {
    position: absolute;
    left: 25%;
  }
  .is-nav-active .nav-right .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover > a {
    color: var(--rich-black) !important;
  }
  .is-nav-active .nav-right .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover > a span:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 9 5'%3E%3Cpath stroke='%231A2638' stroke-linejoin='round' d='M8.071.536 4.536 4.07 1 .536'/%3E%3C/svg%3E%0A");
  }
  .is-nav-active .nav-right .wpml-ls-legacy-dropdown .wpml-ls-current-language > a {
    color: white;
  }
  .is-nav-active .nav-right .wpml-ls-legacy-dropdown .wpml-ls-current-language > a span:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 9 5'%3E%3Cpath stroke='%23ffffff' stroke-linejoin='round' d='M8.071.536 4.536 4.07 1 .536'/%3E%3C/svg%3E%0A");
  }
}
.is-nav-active header.site-header {
  --header-color: var(--rich-black);
}
@media (min-width: 1200px) {
  .is-nav-active header.site-header {
    --header-color: var(--light-blue);
  }
}

.nav-right {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 20px;
}

.wpml-ls-legacy-dropdown {
  width: auto;
}
.wpml-ls-legacy-dropdown ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.lang-switcher-desktop {
  display: none;
}
@media (min-width: 1200px) {
  .lang-switcher-desktop {
    display: block;
  }
}

.nav-right .wpml-ls-legacy-dropdown {
  display: none;
}

.wpml-ls-legacy-dropdown a {
  display: inline;
}

.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle {
  background: white;
  border-radius: 60px;
  padding: 12px 14px;
  text-decoration: none;
  display: inline-block;
  color: var(--menu-color);
  border: 0;
  position: relative;
  font-size: 11px;
  letter-spacing: 0.09em;
  font-weight: 500;
  z-index: 8;
}
.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:focus {
  color: var(--menu-color) !important;
}
@media (min-width: 1200px) {
  .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle {
    background: transparent;
    border: 1px solid white;
    color: white;
  }
}
.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle .wpml-ls-native {
  display: flex;
  align-items: center;
  gap: 11px;
  text-transform: uppercase;
}
.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle .wpml-ls-native::after {
  content: "";
  width: 9px;
  height: 5px;
  display: inline-block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 9 5'%3E%3Cpath stroke='%231A2638' stroke-linejoin='round' d='M8.071.536 4.536 4.07 1 .536'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  transition: transform 250ms;
}
@media (min-width: 1200px) {
  .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle .wpml-ls-native::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 9 5'%3E%3Cpath stroke='%231A2638' stroke-linejoin='round' d='M8.071.536 4.536 4.07 1 .536'/%3E%3C/svg%3E%0A");
  }
  .home .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle .wpml-ls-native::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 9 5'%3E%3Cpath stroke='%23ffffff' stroke-linejoin='round' d='M8.071.536 4.536 4.07 1 .536'/%3E%3C/svg%3E%0A");
  }
}

.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:hover {
  text-decoration: none;
  background: white;
}
.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:hover .wpml-ls-native::after {
  transform: rotate(180deg);
}

.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle::after {
  position: absolute;
  border: 0;
  top: unset;
  right: unset;
  left: 0;
  right: 0;
  margin: auto;
  bottom: -10px;
  height: 7.45px;
  width: 13.04px;
  background-repeat: no-repeat;
  transition: transform 0.3s;
  background-image: var(--chevron-dropdown);
}

.wpml-ls-legacy-dropdown .wpml-ls-current-language:hover > a,
.wpml-ls-legacy-dropdown a:focus,
.wpml-ls-legacy-dropdown a:hover {
  color: var(--header-color);
}
@media (min-width: 1200px) {
  .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover > a,
  .wpml-ls-legacy-dropdown a:focus,
  .wpml-ls-legacy-dropdown a:hover {
    color: var(--rich-black);
  }
  .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover > a .wpml-ls-native::after,
  .wpml-ls-legacy-dropdown a:focus .wpml-ls-native::after,
  .wpml-ls-legacy-dropdown a:hover .wpml-ls-native::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 9 5'%3E%3Cpath stroke='%231A2638' stroke-linejoin='round' d='M8.071.536 4.536 4.07 1 .536'/%3E%3C/svg%3E%0A");
  }
}

.wpml-ls-legacy-dropdown .wpml-ls-current-language:hover > a::after,
.wpml-ls-legacy-dropdown a:focus::after,
.wpml-ls-legacy-dropdown a:hover::after {
  text-decoration: none;
  transform: translate3d(0, 2px, 0);
}

.wpml-ls-legacy-dropdown .wpml-ls-sub-menu {
  border: 0;
  top: 22px;
  padding: 20px 0 8px;
  border: 1px white solid;
  padding-left: 14px;
  background: var(--rich-black);
  z-index: 6;
  border-radius: 0 0 15px 15px;
  border-top: 0;
}

.wpml-ls-legacy-dropdown .wpml-ls-sub-menu a {
  border: 0;
  color: white;
  background: transparent;
  font-size: 11px;
  letter-spacing: 0.09em;
  padding: 0;
  font-weight: 500;
  text-transform: uppercase;
}

.navbar-toggler {
  height: 16.5px;
  width: 20px;
  padding: 0;
  background: transparent;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  z-index: 3;
  cursor: pointer;
  position: relative;
}
.navbar-toggler:focus {
  box-shadow: none;
}
.navbar-toggler .icon-bar {
  background-color: var(--header-color);
  transform-origin: center center;
  transition: ease all 0.2s;
  display: block;
  width: 20px;
  height: 1px;
  position: absolute;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
@media (max-width: 1199px) {
  .is-nav-active .navbar-toggler .icon-bar {
    background-color: var(--rich-black);
  }
}
.navbar-toggler .icon-bar:nth-child(1) {
  top: 0.5px;
}
.navbar-toggler .icon-bar:nth-child(2) {
  top: calc(50% - 1px);
}
.navbar-toggler .icon-bar:nth-child(3) {
  bottom: 0.5px;
}
.navbar-toggler[aria-expanded=true] .icon-bar:nth-child(1) {
  transform: rotate(45deg);
  top: 50%;
}
.navbar-toggler[aria-expanded=true] .icon-bar:nth-child(2) {
  opacity: 0;
}
.navbar-toggler[aria-expanded=true] .icon-bar:nth-child(3) {
  top: 50%;
  transform: rotate(-45deg);
}
.navbar-toggler::after {
  content: attr(data-text);
  display: none;
}
@media (min-width: 1200px) {
  .navbar-toggler::after {
    font-size: 20px;
    line-height: 1;
    display: inline-block;
    margin-left: 45px;
    color: var(--header-color);
  }
}

footer.site-footer {
  background: var(--rich-black);
  color: var(--light-blue);
  padding: 50px 28px;
  border-radius: 40px 40px 0px 0px;
}
@media (min-width: 1200px) {
  footer.site-footer {
    padding-top: 70px;
    border-radius: 60px 60px 0px 0px;
  }
}
@media (min-width: 1200px) {
  footer.site-footer .container {
    display: grid;
    grid-auto-columns: 1fr;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: repeat(3, auto);
    gap: 50px 40px;
    grid-template-areas: "top-left top-left top-left . . . . . top-right top-right top-right top-right" "middle-left middle-left middle-left middle-left middle-center middle-center middle-center middle-right middle-right middle-right middle-right middle-right" "bottom-left bottom-left bottom-left bottom-left bottom-left bottom-left bottom-left bottom-left bottom-right bottom-right bottom-right bottom-right";
  }
  footer.site-footer .container .footer-section--logo {
    grid-area: top-left;
    margin-bottom: 50px;
  }
  footer.site-footer .container .footer-section--ctas {
    grid-area: top-right;
  }
  footer.site-footer .container .footer-section--ctas a {
    margin: 0 10px;
  }
  footer.site-footer .container .footer-section--cabins {
    grid-area: middle-left;
  }
  footer.site-footer .container .footer-section--nav {
    grid-area: middle-center;
  }
  footer.site-footer .container .footer-section--newsletter {
    grid-area: middle-right;
  }
  footer.site-footer .container .footer-section--credits {
    grid-area: bottom-left;
  }
  footer.site-footer .container .footer-section--credits p {
    margin-bottom: 8px;
  }
  footer.site-footer .container .footer-section--madeby {
    grid-area: bottom-right;
    text-align: right;
    margin-top: auto;
  }
  footer.site-footer .container .footer-section--madeby p {
    margin-bottom: 0;
  }
}
@media (max-width: 1199px) {
  footer.site-footer .footer-section {
    border-bottom: 1px solid white;
    padding-bottom: 40px;
    margin-bottom: 40px;
  }
}
footer.site-footer .footer-section--ctas {
  font-family: var(--font-alternative);
  text-align: right;
}
@media (max-width: 1199px) {
  footer.site-footer .footer-section--ctas {
    display: none;
  }
}
footer.site-footer .footer-section--ctas span {
  font-size: 22px;
  color: var(--regent-grey);
  line-height: 30px;
}
footer.site-footer .footer-section--ctas span a {
  color: var(--regent-grey);
  text-decoration: none;
}
footer.site-footer .footer-section--ctas span a:hover {
  color: var(--light-blue);
}
footer.site-footer .footer-section--cabins {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media (max-width: 1199px) {
  footer.site-footer .footer-section--cabins {
    display: none;
  }
}
footer.site-footer .footer-section--cabins .cabin {
  line-height: 40px;
  font-size: 35px;
  display: block;
  text-decoration: none;
  font-family: var(--font-alternative);
  color: var(--light-blue);
}
footer.site-footer .footer-section--cabins .cabin-size {
  color: var(--regent-grey);
}
footer.site-footer .footer-section--cabins .cabin:hover {
  text-decoration: underline;
}
@media (max-width: 1199px) {
  footer.site-footer .footer-section--nav {
    display: none;
  }
}
footer.site-footer .footer-section--nav nav {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
footer.site-footer .footer-section--nav nav a {
  text-decoration: none;
  font-size: 18px;
  color: var(--light-blue);
  line-height: 26px;
}
footer.site-footer .footer-section--nav nav a:hover {
  text-decoration: underline;
}
footer.site-footer .footer-section--credits, footer.site-footer .footer-section--madeby {
  font-size: 10px;
  color: var(--regent-grey);
}
@media (max-width: 1199px) {
  footer.site-footer .footer-section--credits .credits-legend {
    color: var(--light-blue);
  }
}
footer.site-footer .footer-section--credits a {
  color: var(--regent-grey);
}
footer.site-footer .footer-section--credits a:hover {
  color: var(--light-blue);
}
footer.site-footer .footer-section--madeby {
  margin: 0;
  border: 0;
  padding: 0;
  font-size: 11px;
  text-align: center;
}
footer.site-footer .footer-section--madeby p {
  margin-bottom: 0;
}
footer.site-footer .footer-section--madeby a {
  color: var(--light-blue);
  text-decoration: none;
}
footer.site-footer .footer-section--madeby a:hover {
  text-decoration: underline;
}
footer.site-footer .logo {
  width: 295px;
}
footer.site-footer .logo path {
  fill: white;
}
footer.site-footer .socials {
  font-size: 35px;
  line-height: 40px;
  font-family: var(--font-alternative);
}
@media (min-width: 1200px) {
  footer.site-footer .socials {
    font-size: 22px;
    line-height: 30px;
  }
}
footer.site-footer .socials a {
  text-decoration: none;
  color: var(--light-blue);
}
footer.site-footer .socials a:hover {
  text-decoration: underline;
}
@media (max-width: 1199px) {
  footer.site-footer .socials a {
    display: block;
  }
}
footer.site-footer .socials span {
  display: none;
}
@media (min-width: 1200px) {
  footer.site-footer .socials span {
    display: inline;
  }
}

.newsletter-form {
  padding-bottom: 20px;
}
.newsletter-form .formHolder {
  display: flex;
  margin-bottom: 20px;
}
.newsletter-form input {
  background: #ffffff;
  border-radius: 30px;
  border: 0;
  width: 100%;
  font-family: var(--font-alternative);
  padding: 12px 15px;
}
.newsletter-form input::placeholder {
  color: var(--rich-black);
}
.newsletter-form .btn-main, .newsletter-form .page-template-template-b2b .cta_button .wp-block-button a, .page-template-template-b2b .cta_button .wp-block-button .newsletter-form a {
  flex-shrink: 0;
}

@media (min-width: 1200px) {
  .credits {
    display: flex;
    gap: 10px;
  }
}

/* -----------------------------------------------------
   Components
   ----------------------------------------------------- */
.navigation {
  background: var(--light-blue);
  height: 100vh;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 5;
  transform: translateX(100%);
  transition: transform 500ms;
}
@media (min-width: 1200px) {
  .navigation {
    background: var(--rich-black);
  }
}
@media (max-width: 1199px) {
  .navigation .container {
    padding: 0;
  }
}
.navigation.navigation--active {
  transform: translateX(0);
}
.navigation-inner {
  margin-top: 68px;
  position: relative;
  display: grid;
  grid-template-rows: 30vh 1fr 1fr;
  height: calc(100vh - 68px);
}
@media (min-width: 1200px) {
  .navigation-inner {
    width: 30%;
    border-top: 1px solid var(--regent-grey);
  }
}
.navigation-section {
  padding: 35px 0 35px 20px;
  border-top: 1px solid #1a2638;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.navigation-section--cabin {
  grid-area: 1/1/2/2;
}
.navigation-section--links {
  grid-area: 2/1/3/2;
  justify-content: flex-start;
}
.navigation-section--personalization {
  width: 100%;
  padding-top: 25px;
  padding-left: 0;
  padding-bottom: 0;
  justify-content: flex-start;
}
@media (max-width: 1199px) {
  .navigation-section--personalization {
    display: none;
  }
}
.navigation .cabin-sizes-links {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.navigation .cabin-sizes-links a {
  font-family: var(--font-alternative);
  font-size: 30px;
  line-height: 1.167em;
  display: block;
  color: var(--color-body);
  text-decoration: none;
  transition: transform 250ms;
}
@media (min-width: 1200px) {
  .navigation .cabin-sizes-links a {
    font-size: 35px;
    line-height: 40px;
    color: var(--light-blue);
  }
}
.navigation .cabin-sizes-links a:hover {
  transform: translateX(5px);
}
.navigation .cabin-sizes-links a span {
  margin-left: 5px;
  color: var(--grey);
}
.navigation-links {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 35px;
}
.navigation-links a {
  color: var(--color-body);
  text-decoration: none;
  font-size: 20px;
  transition: transform 250ms;
}
@media (min-width: 1200px) {
  .navigation-links a {
    font-size: 18px;
    line-height: 26px;
    font-weight: 400;
    color: var(--light-blue);
  }
}
.navigation-links a:hover {
  text-decoration: underline;
  transform: translateX(5px);
}
.navigation-ctas {
  position: absolute;
  right: 0;
  width: 90px;
  display: grid;
  grid-template-rows: 30vh 1fr 1fr;
  height: calc(100vh - 68px);
  transform: translateX(100%);
  transition: transform 500ms;
  transition-delay: 0ms;
  z-index: 6;
  top: 68px;
}
@media (max-width: 540px) {
  .navigation-ctas {
    height: -webkit-fill-available;
    max-height: calc(100vh - 120px);
  }
  @supports (-webkit-touch-callout: none) {
    .navigation-ctas {
      max-height: calc(100vh - 140px);
    }
  }
}
@media (min-width: 1200px) {
  .navigation-ctas {
    top: 0;
    height: 100vh;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr;
    width: 58%;
    right: 0;
    position: absolute;
  }
}
.navigation-cta {
  width: 100%;
  text-decoration: none;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #1a2638;
  color: var(--light-blue);
  border-top: 1px solid transparent;
}
.navigation-cta span {
  font-size: 35px;
  writing-mode: tb-rl;
  transform: rotate(-180deg);
  color: white;
}
.navigation-cta .navigation-cta__inner {
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}
@media (min-width: 1200px) {
  .navigation-cta {
    transform: translateX(100%);
    transition: transform 500ms;
    transition-delay: 0ms;
    position: absolute;
    width: 43%;
    height: 100%;
    border-radius: 60px 10px 10px 60px;
  }
  .navigation-cta .navigation-cta__inner {
    border: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 60px 10px 10px 60px;
    overflow: hidden;
    transition: transform 350ms;
    text-align: center;
  }
  .navigation-cta span {
    font-size: 75px;
    line-height: 70px;
  }
}
@media (min-width: 1200px) {
  .navigation-cta--create {
    left: 30%;
  }
  .navigation-cta--create .navigation-cta__inner {
    background-image: url("../img/bg-create.jpg");
  }
  .navigation-cta--create span {
    margin-right: 25%;
  }
}
.navigation-cta--work {
  border-bottom: 1px solid var(--grey);
}
@media (min-width: 1200px) {
  .navigation-cta--work {
    border: 0;
  }
  .navigation-cta--work .navigation-cta__inner {
    background-image: url("../img/bg-work.jpg");
    background-position: right center;
  }
  .navigation-cta--work span {
    margin-right: 20%;
  }
}
.navigation-cta--relax {
  border-top: 1px solid var(--grey);
}
@media (min-width: 1200px) {
  .navigation-cta--relax {
    right: -5%;
    border: 0;
  }
  .navigation-cta--relax .navigation-cta__inner {
    background-image: url("../img/bg-relax.jpg");
  }
}

.is-nav-active .navigation-ctas {
  transform: translateX(0);
  transition-delay: 500ms;
  position: fixed;
}
.is-nav-active .navigation-cta span {
  transition: all 250ms;
}
.is-nav-active .navigation-cta:hover span {
  color: var(--yellow);
}
@media (min-width: 1200px) {
  .is-nav-active .navigation-cta {
    transform: translateX(0);
  }
  .is-nav-active .navigation-cta:hover .navigation-cta__inner {
    transform: translateX(-10px);
  }
  .is-nav-active .navigation-cta:hover span {
    transform: rotate(-180deg) translateX(10px);
  }
  .is-nav-active .navigation-cta--work {
    transition-delay: 300ms;
  }
  .is-nav-active .navigation-cta--create {
    transition-delay: 400ms;
  }
  .is-nav-active .navigation-cta--relax {
    transition-delay: 500ms;
  }
}

.wp-block-pb-accordion-item ~ h1 {
  margin: 60px 0 45px 0;
}
.wp-block-pb-accordion-item:first-of-type {
  margin-top: 45px;
}
.wp-block-pb-accordion-item h2 {
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
  padding: 30px 30px 30px 0px;
  border-top: 1px solid var(--grey);
  margin: 0;
}
.wp-block-pb-accordion-item h2:after {
  font-size: 32px;
}
.wp-block-pb-accordion-item > div {
  padding: 0px 30px 15px 0px;
}
.wp-block-pb-accordion-item > div p:last-child {
  margin-bottom: 10px;
}

button, [type=button], [type=reset], [type=submit] {
  -webkit-appearance: initial !important;
}

.btn-main, .page-template-template-b2b .cta_button .wp-block-button a {
  background: var(--yellow);
  border-radius: 60px;
  padding: 12px 21px;
  text-decoration: none;
  color: var(--color-body);
  display: inline-block;
  -webkit-appearance: none;
  border: 0;
  transition: color 250ms;
}
.btn-main:hover, .page-template-template-b2b .cta_button .wp-block-button a:hover {
  color: white;
}

.btn-main.btn-personalize, .page-template-template-b2b .cta_button .wp-block-button a.btn-personalize,
.btn-main.btn-pro,
.page-template-template-b2b .cta_button .wp-block-button a.btn-pro {
  padding: 8px 12px;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 10px;
  letter-spacing: 0.09em;
}
.btn-main.btn-personalize span span, .page-template-template-b2b .cta_button .wp-block-button a.btn-personalize span span,
.btn-main.btn-pro span span,
.page-template-template-b2b .cta_button .wp-block-button a.btn-pro span span {
  display: none;
}
@media (min-width: 1200px) {
  .btn-main.btn-personalize span span, .page-template-template-b2b .cta_button .wp-block-button a.btn-personalize span span,
  .btn-main.btn-pro span span,
  .page-template-template-b2b .cta_button .wp-block-button a.btn-pro span span {
    display: inline;
  }
}
@media (min-width: 1200px) {
  .btn-main.btn-personalize, .page-template-template-b2b .cta_button .wp-block-button a.btn-personalize,
  .btn-main.btn-pro,
  .page-template-template-b2b .cta_button .wp-block-button a.btn-pro {
    padding: 12px 20px;
  }
}

.btn-main.btn-pro, .page-template-template-b2b .cta_button .wp-block-button a.btn-pro {
  border: 1px solid var(--header-color);
  color: var(--header-color);
  background-color: transparent !important;
}

.btn-newsletter {
  width: 44px;
  height: 44px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.btn-arrow, .page-template-template-b2b .cta_button .wp-block-button a {
  display: inline-flex;
  align-items: center;
  font-family: var(--font-alternative);
  gap: 24px;
}
.btn-arrow::after, .page-template-template-b2b .cta_button .wp-block-button a::after {
  position: relative;
  content: "";
  width: 15px;
  height: 16px;
  display: inline-block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 15 16'%3E%3Cpath stroke='%231A2638' stroke-linejoin='round' stroke-width='1.5' d='M12.803 13.303V2.697H2.197'/%3E%3Cpath stroke='%231A2638' stroke-linecap='round' stroke-width='1.5' d='m3.07 12.472 9.31-9.31'/%3E%3C/svg%3E%0A");
  transition: background-image 250ms;
}
.btn-arrow:hover::after, .page-template-template-b2b .cta_button .wp-block-button a:hover::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 15 16'%3E%3Cpath stroke='%23ffffff' stroke-linejoin='round' stroke-width='1.5' d='M12.803 13.303V2.697H2.197'/%3E%3Cpath stroke='%23ffffff' stroke-linecap='round' stroke-width='1.5' d='m3.07 12.472 9.31-9.31'/%3E%3C/svg%3E%0A");
}

@media (max-width: 1199px) {
  .btn-block, .page-template-template-b2b .cta_button .wp-block-button a {
    display: block;
  }
  .btn-block.btn-arrow, .page-template-template-b2b .cta_button .wp-block-button a {
    position: relative;
  }
  .btn-block.btn-arrow::after, .page-template-template-b2b .cta_button .wp-block-button a::after {
    position: absolute;
    right: 21px;
    top: 16px;
  }
}

.btn:focus-visible,
.btn-main:focus-visible,
.page-template-template-b2b .cta_button .wp-block-button a:focus-visible {
  outline: none !important;
}

.btn-news {
  border: 2px solid white;
  border-radius: 60px;
  padding: 8px 22px 8px 10px;
  text-decoration: none;
  color: white;
  display: inline-flex;
  align-items: center;
  gap: 12px;
}
.btn-news-label {
  display: inline-block;
  border-radius: 60px;
  padding: 8px 10px;
  color: var(--rich-black);
  background: #fff;
  text-transform: uppercase;
  font-size: 11px;
  line-height: 13px;
  letter-spacing: 0.09em;
}
.btn-news-content {
  font-size: 16px;
}

a.btn-secondary,
p.btn-secondary a {
  border-radius: 60px;
  color: var(--color-body);
  font-family: var(--font-alternative);
  display: inline-block;
  text-decoration: none;
  -webkit-appearance: none;
  margin-bottom: 20px;
  display: block;
  width: fit-content;
  position: relative;
  border: 0;
}
a.btn-secondary::before,
p.btn-secondary a::before {
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: -4px;
  content: "";
  background: currentColor;
  z-index: -1;
  transition: height 250ms, background-color 250ms;
}
a.btn-secondary::after,
p.btn-secondary a::after {
  position: relative;
  content: "";
  width: 9px;
  margin-left: 5px;
  height: 9px;
  display: inline-block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 15 16'%3E%3Cpath stroke='%231A2638' stroke-linejoin='round' stroke-width='1.5' d='M12.803 13.303V2.697H2.197'/%3E%3Cpath stroke='%231A2638' stroke-linecap='round' stroke-width='1.5' d='m3.07 12.472 9.31-9.31'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  transition: transform 250ms;
}
a.btn-secondary:hover,
p.btn-secondary a:hover {
  color: var(--rich-black);
}
a.btn-secondary:hover::before,
p.btn-secondary a:hover::before {
  height: 2px;
}
a.btn-secondary:hover::after,
p.btn-secondary a:hover::after {
  transform: translateX(2.5px);
}
@media (min-width: 1200px) {
  a.btn-secondary,
  p.btn-secondary a {
    font-size: 20px;
  }
  a.btn-secondary::after,
  p.btn-secondary a::after {
    width: 11px;
    height: 11px;
  }
}

.btn-toggle {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  font-size: 24px;
  color: #333;
  text-align: center;
  position: relative;
  width: 15px;
  height: 15px;
}
.btn-toggle::before, .btn-toggle::after {
  content: "";
  width: 15px;
  height: 2px;
  background: var(--rich-black);
  position: absolute;
  left: 0;
  transition: transform 250ms;
}
.btn-toggle::after {
  transform: rotate(90deg);
}
.btn-toggle[aria-expanded=true]::after {
  transform: rotate(0);
}

.btn-discover {
  position: absolute;
  right: calc(var(--bs-gutter-x) * 0.5);
  bottom: 30px;
  color: var(--light-blue);
  font-size: 20px;
  text-decoration: none;
  display: inline-flex;
  gap: 10px;
  align-items: center;
  line-height: 1;
  font-family: var(--font-alternative);
}
.btn-discover svg,
.btn-discover span {
  transition: transform 250ms;
}
.btn-discover:hover {
  color: var(--light-blue);
}
.btn-discover:hover span {
  transform: translateX(5px);
}
.btn-discover:hover svg {
  transform: translateY(2.5px);
}
@media (max-width: 1199px) {
  .btn-discover {
    bottom: -60px;
  }
  .btn-discover span {
    display: none;
  }
}
@media (min-width: 1200px) {
  .btn-discover {
    left: calc(var(--bs-gutter-x) * 0.5 + 0px);
    right: auto;
  }
  .btn-discover svg {
    width: 16px;
  }
}

.btn-config {
  appearance: none;
  color: white;
  border: 0;
  background: transparent;
  font-family: var(--font-alternative);
  font-size: 20px;
  line-height: 26px;
}
.btn-config::after {
  position: relative;
  content: "";
  width: 13px;
  margin-left: 5px;
  height: 13px;
  display: inline-block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 15 16'%3E%3Cpath stroke='%23ffffff' stroke-linejoin='round' stroke-width='1.5' d='M12.803 13.303V2.697H2.197'/%3E%3Cpath stroke='%23ffffff' stroke-linecap='round' stroke-width='1.5' d='m3.07 12.472 9.31-9.31'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  transition: transform 250ms;
}

.page-template-page-configurator .btn-close {
  width: 12px;
  height: 12px;
  background-size: 12px 12px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 12 12'%3E%3Cpath fill='%23818996' d='M.045 10.607 10.652 0l.795.796L.841 11.402z'/%3E%3Cpath fill='%23818996' d='M.795.107 11.4 10.714l-.795.795L-.001.902z'/%3E%3C/svg%3E%0A");
  transition: transform 250ms;
  position: absolute;
  left: 21px;
  top: 21px;
  z-index: 3;
  cursor: pointer;
}
.page-template-page-configurator .btn-close:hover {
  transform: scale(1.25);
}

.slct {
  position: relative;
  min-width: 200px;
}
.slct::after {
  content: "";
  position: absolute;
  display: block;
  width: 15px;
  height: 15px;
  right: 28px;
  top: 18px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 12 7'%3E%3Cpath stroke='%231A2638' stroke-linejoin='round' d='m1 1 4.95 4.95L10.9 1'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  opacity: 1;
  transition: all 250ms;
  pointer-events: none;
}
.slct select {
  display: inline-block;
  -webkit-appearance: none;
  padding: 9px 70px 11px 24px;
  width: 100%;
  background: #fff;
  border: 1px solid var(--grey);
  border-radius: 60px;
  cursor: pointer;
  font-family: var(--font-alternative);
  transition: all 150ms ease;
}
.slct select option[value=""][disabled] {
  display: none;
}
.slct select:focus {
  outline: none;
  border-color: var(--yellow);
  box-shadow: 0 0 0 2px rgba(250, 204, 32, 0.2);
}

.nav-tabs-cabins {
  --radius: 32px;
  border-color: var(--rich-black);
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
@media (min-width: 1200px) {
  .nav-tabs-cabins {
    display: flex;
    flex-direction: column;
    border-bottom: 0;
  }
}
@media (max-width: 1199px) {
  .nav-tabs-cabins {
    border-bottom: 0;
  }
}
@media (min-width: 1200px) {
  .nav-tabs-cabins[data-current="0"] .nav-item:nth-of-type(1) .nav-link::after {
    border-color: var(--rich-black);
  }
}
@media (max-width: 1199px) {
  .nav-tabs-cabins[data-current="0"] .nav-item:nth-of-type(1) .nav-link {
    border-right-color: transparent;
    border-left-color: transparent;
  }
}
@media (min-width: 1200px) {
  .nav-tabs-cabins[data-current="0"] .nav-item:nth-of-type(2) .nav-link {
    border-top-color: var(--rich-black);
    border-top-right-radius: var(--radius);
  }
}
@media (max-width: 1199px) {
  .nav-tabs-cabins[data-current="0"] .nav-item:nth-of-type(2) .nav-link {
    border-bottom-left-radius: var(--radius);
    border-bottom-color: var(--rich-black);
    border-left-color: var(--rich-black);
    border-top-right-radius: 0;
    border-top-color: var(--grey);
  }
}
@media (min-width: 1200px) {
  .nav-tabs-cabins[data-current="0"] .nav-item:nth-of-type(2) .nav-link, .nav-tabs-cabins[data-current="0"] .nav-item:nth-of-type(3) .nav-link {
    border-right-color: var(--rich-black);
  }
}
@media (min-width: 1200px) {
  .nav-tabs-cabins[data-current="0"] .nav-item:nth-of-type(3) .nav-link {
    border-bottom-color: var(--grey);
  }
  .nav-tabs-cabins[data-current="0"] .nav-item:nth-of-type(3) .nav-link::after {
    bottom: -1px;
  }
}
@media (max-width: 1199px) {
  .nav-tabs-cabins[data-current="0"] .nav-item:nth-of-type(3) .nav-link {
    border-bottom-color: var(--rich-black);
  }
}
@media (min-width: 1200px) {
  .nav-tabs-cabins[data-current="1"] .nav-item:nth-of-type(1) .nav-link {
    border-top-color: transparent;
    border-bottom-color: var(--rich-black);
    border-right-color: var(--rich-black);
    border-bottom-right-radius: var(--radius);
  }
  .nav-tabs-cabins[data-current="1"] .nav-item:nth-of-type(1) .nav-link::after {
    border-color: var(--rich-black);
    bottom: -1px;
  }
}
@media (max-width: 1199px) {
  .nav-tabs-cabins[data-current="1"] .nav-item:nth-of-type(1) .nav-link {
    border-bottom-right-radius: var(--radius);
    border-bottom-color: var(--rich-black);
    border-right-color: var(--rich-black);
    border-top-left-radius: 0;
    border-top-color: var(--grey);
  }
}
@media (max-width: 1199px) {
  .nav-tabs-cabins[data-current="1"] .nav-item:nth-of-type(2) .nav-link {
    border-left-color: transparent;
    border-right-color: transparent;
  }
}
@media (min-width: 1200px) {
  .nav-tabs-cabins[data-current="1"] .nav-item:nth-of-type(2) .nav-link::after {
    bottom: -2px;
  }
}
@media (max-width: 1199px) {
  .nav-tabs-cabins[data-current="1"] .nav-item:nth-of-type(3) .nav-link {
    border-bottom-left-radius: var(--radius);
    border-bottom-color: var(--rich-black);
    border-left-color: var(--rich-black);
    border-top-left-radius: 0;
    border-top-color: var(--grey);
  }
}
@media (min-width: 1200px) {
  .nav-tabs-cabins[data-current="1"] .nav-item:nth-of-type(3) .nav-link {
    border-top-color: var(--rich-black);
    border-bottom-color: var(--grey);
    border-right-color: var(--rich-black);
    border-top-right-radius: var(--radius);
  }
  .nav-tabs-cabins[data-current="1"] .nav-item:nth-of-type(3) .nav-link::before {
    content: "";
    width: calc((100vw - (var(--container-size))) / 2 + var(--bs-gutter-x) * 2);
    display: block;
    position: absolute;
    z-index: 2;
    border-bottom: 1px solid var(--rich-black);
    left: 0;
    top: -0.5px;
    transform: translateX(-100%);
  }
}
@media (min-width: 1200px) {
  .nav-tabs-cabins[data-current="1"] .nav-item:nth-of-type(3) .nav-link::after {
    bottom: -1px;
  }
}
@media (min-width: 1200px) {
  .nav-tabs-cabins[data-current="2"] .nav-item:nth-of-type(1) .nav-link {
    border-top-color: transparent;
    border-right-color: var(--rich-black);
  }
}
@media (max-width: 1199px) {
  .nav-tabs-cabins[data-current="2"] .nav-item:nth-of-type(1) .nav-link {
    border-bottom-color: var(--rich-black);
  }
}
@media (min-width: 1200px) {
  .nav-tabs-cabins[data-current="2"] .nav-item:nth-of-type(2) .nav-link {
    border-right-color: var(--rich-black);
    border-bottom-right-radius: var(--radius);
    border-bottom-color: var(--rich-black);
  }
  .nav-tabs-cabins[data-current="2"] .nav-item:nth-of-type(2) .nav-link::after {
    bottom: -1px;
    border-color: var(--rich-black);
  }
}
@media (max-width: 1199px) {
  .nav-tabs-cabins[data-current="2"] .nav-item:nth-of-type(2) .nav-link {
    border-bottom-right-radius: var(--radius);
    border-bottom-color: var(--rich-black);
    border-right-color: var(--rich-black);
    border-top-left-radius: 0;
    border-top-color: var(--grey);
  }
}
@media (max-width: 1199px) {
  .nav-tabs-cabins[data-current="2"] .nav-item:nth-of-type(3) .nav-link {
    border-left-color: transparent;
  }
}
@media (min-width: 1200px) {
  .nav-tabs-cabins[data-current="2"] .nav-item:nth-of-type(3) .nav-link {
    border-bottom-color: var(--rich-black);
  }
}
@media (min-width: 1200px) {
  .nav-tabs-cabins[data-current="2"] .nav-item:nth-of-type(3) .nav-link::after {
    bottom: -1px;
    border-color: var(--rich-black);
  }
}
@media (min-width: 1200px) {
  .nav-tabs-cabins[data-current="0"] .nav-item:nth-of-type(1), .nav-tabs-cabins[data-current="1"] .nav-item:nth-of-type(2), .nav-tabs-cabins[data-current="2"] .nav-item:nth-of-type(3) {
    position: relative;
  }
  .nav-tabs-cabins[data-current="0"] .nav-item:nth-of-type(1)::before, .nav-tabs-cabins[data-current="1"] .nav-item:nth-of-type(2)::before, .nav-tabs-cabins[data-current="2"] .nav-item:nth-of-type(3)::before {
    content: "";
    background: linear-gradient(to left, white, rgba(255, 255, 255, 0));
    height: 100%;
    width: 60px;
    position: absolute;
    z-index: 2;
    right: 0;
    top: 0;
  }
}
.nav-tabs-cabins .nav-item:focus {
  outline: none;
}
.nav-tabs-cabins .nav-link:hover,
.nav-tabs-cabins .nav-link:focus {
  isolation: initial;
  border-color: var(--grey);
  border-bottom-color: var(--rich-black);
}
@media (min-width: 1200px) {
  .nav-tabs-cabins .nav-link:hover,
  .nav-tabs-cabins .nav-link:focus {
    border-bottom-color: transparent;
  }
}
.nav-tabs-cabins .nav-link {
  border: 1px solid var(--grey);
  border-bottom-color: transparent;
  border-radius: 0;
  width: 100%;
  font-size: 30px;
  padding: 26px 0 22px 0;
  color: var(--grey);
  position: relative;
  text-align: center;
  display: block;
  transition: color 250ms;
}
.nav-tabs-cabins .nav-link.disabled {
  pointer-events: all;
}
.nav-tabs-cabins .nav-link .select {
  margin-right: 80px;
}
@media (min-width: 1200px) {
  .nav-tabs-cabins .nav-link {
    padding: 43px 0 40px 0;
  }
  .nav-tabs-cabins .nav-link::after {
    content: "";
    width: calc((100vw - var(--container-size)) / 2 + var(--bs-gutter-x) * 2);
    display: block;
    position: absolute;
    z-index: 2;
    border-bottom: 1px solid var(--grey);
    left: 0;
    bottom: -2px;
    transform: translateX(-100%);
  }
}
.nav-tabs-cabins .nav-link-content {
  position: relative;
  display: block;
  font-family: var(--font-alternative);
}
.nav-tabs-cabins .nav-link-content span {
  font-family: var(--font-body);
  font-size: 12px;
  margin-top: 10px;
  pointer-events: none;
}
@media (max-width: 1199px) {
  .nav-tabs-cabins .nav-link-content span {
    display: block;
  }
}
@media (min-width: 1200px) {
  .nav-tabs-cabins .nav-link-content span {
    font-size: 18px;
  }
}
@media (min-width: 1200px) {
  .nav-tabs-cabins .nav-link {
    width: 457px;
    text-align: left;
    border-left: 0;
    font-size: 50px;
    margin: 0;
  }
}
.nav-tabs-cabins .nav-link.active {
  position: relative;
  border-color: var(--rich-black);
  border-bottom-color: transparent;
  color: var(--rich-black);
}
@media (min-width: 1200px) {
  .nav-tabs-cabins .nav-link.active {
    border-top-color: transparent;
    border-right-color: transparent;
    height: 400px;
  }
  .nav-tabs-cabins .nav-link.active::before {
    position: absolute;
    content: "";
    left: 0;
    top: 1px;
    z-index: 2;
    pointer-events: none;
    height: calc(100% - 2px);
    border-left: 1px dashed var(--grey);
  }
  .nav-tabs-cabins .nav-link.active .nav-link-content {
    isolation: isolate;
  }
  .nav-tabs-cabins .nav-link.active .nav-link-content::after {
    position: absolute;
    content: "";
    left: 0;
    z-index: -1;
    pointer-events: none;
    bottom: 20px;
    border-bottom: 1px dashed var(--grey);
    width: calc(100% + (100vw - var(--container-size)) / 2 + var(--bs-gutter-x) * 2);
    transform: translateX(calc(((100vw - var(--container-size)) / 2 + var(--bs-gutter-x) * 2) * -1));
  }
}

@media (min-width: 1200px) {
  .tab-content {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

.tab-pane {
  padding: 50px 30px 30px 30px;
}
.tab-pane img {
  display: block;
  margin: 0 auto;
  margin-bottom: 50px;
  max-width: calc(100% - 45px);
}
@media (min-width: 1200px) {
  .tab-pane img {
    margin: 0 auto;
  }
}
.tab-pane:nth-of-type(1) .tab-content-inner {
  top: 150px;
  left: calc(var(--bs-gutter-x) * 0.5);
}
.tab-pane:nth-of-type(2) .tab-content-inner {
  top: 300px;
  left: calc(var(--bs-gutter-x) * 0.5);
}
.tab-pane:nth-of-type(3) .tab-content-inner {
  top: 450px;
  left: calc(var(--bs-gutter-x) * 0.5);
}
@media (min-width: 1200px) {
  .tab-pane .btn-main, .tab-pane .page-template-template-b2b .cta_button .wp-block-button a, .page-template-template-b2b .cta_button .wp-block-button .tab-pane a {
    width: 302px;
  }
  .tab-pane .btn-main.btn-arrow, .tab-pane .page-template-template-b2b .cta_button .wp-block-button a, .page-template-template-b2b .cta_button .wp-block-button .tab-pane a {
    position: relative;
  }
  .tab-pane .btn-main.btn-arrow::after, .tab-pane .page-template-template-b2b .cta_button .wp-block-button a::after, .page-template-template-b2b .cta_button .wp-block-button .tab-pane a::after {
    position: absolute;
    right: 21px;
    top: 16px;
  }
}

@media (max-width: 1199px) {
  .tab-content-inner {
    max-width: 80%;
    padding-bottom: 40px;
  }
}
.tab-content-inner p {
  font-size: 18px;
  margin-bottom: 30px;
}
.tab-content-inner .small-title {
  margin-bottom: 15px;
}
@media (min-width: 1200px) {
  .tab-content-inner {
    position: absolute;
    max-width: 300px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .tab-content-inner p {
    order: 0;
    margin-bottom: 10px;
  }
  .tab-content-inner .small-title {
    order: 1;
  }
  .tab-content-inner .btn-main, .tab-content-inner .page-template-template-b2b .cta_button .wp-block-button a, .page-template-template-b2b .cta_button .wp-block-button .tab-content-inner a {
    order: 2;
    margin-top: 40px;
  }
}

/* -----------------------------------------------------
    Two tabs
   ----------------------------------------------------- */
.nav-tabs-sizes {
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 1199px) {
  .nav-tabs-sizes {
    border-bottom-color: transparent;
  }
}
@media (max-width: 1199px) {
  .nav-tabs-sizes[data-current="0"] .nav-item:nth-of-type(1) .nav-link {
    border-right-color: transparent;
  }
}
@media (max-width: 1199px) {
  .nav-tabs-sizes[data-current="0"] .nav-item:nth-of-type(2) .nav-link {
    border-bottom-left-radius: var(--radius);
    border-bottom-color: var(--rich-black);
    border-left-color: var(--rich-black);
    border-top-right-radius: 0;
    border-top-color: var(--grey);
  }
}
@media (max-width: 1199px) {
  .nav-tabs-sizes[data-current="1"] .nav-item:nth-of-type(1) .nav-link {
    border-bottom-right-radius: var(--radius);
    border-bottom-color: var(--rich-black);
    border-right-color: var(--rich-black);
    border-top-left-radius: 0;
    border-top-color: var(--grey);
  }
}
@media (max-width: 1199px) {
  .nav-tabs-sizes[data-current="1"] .nav-item:nth-of-type(2) .nav-link {
    border-left-color: transparent;
  }
}
@media (max-width: 1199px) {
  .nav-tabs-sizes .nav-link:not(.disabled) span {
    font-size: 12px;
  }
  .nav-tabs-sizes .nav-link:not(.disabled) span span {
    font-size: 30px;
  }
}
@media (min-width: 1200px) {
  .nav-tabs-sizes .nav-link {
    width: 408px;
  }
}
@media (max-width: 1199px) {
  .nav-tabs-sizes .nav-item.disabled {
    display: none;
  }
}

.tab-content-sizes .tab-pane:nth-of-type(2) .tab-content-inner {
  top: 480px;
}

@media (max-width: 1199px) {
  .product-sizes .tab-content-inner {
    display: none;
  }
}
@media (max-width: 1199px) {
  .product-sizes .tab-content img {
    padding: 30px;
    margin-top: 17px;
    margin-bottom: 0;
  }
}

.select-btn {
  display: block;
  padding: 5px;
  cursor: pointer;
  border: 1px solid var(--light-blue);
  border-radius: 60px;
  font-size: 16px;
  line-height: 20px;
  color: var(--rich-black);
  position: relative;
  padding: 11px 24px;
  transition: border-color 250ms;
  -webkit-appearance: none;
  background: white;
  width: 100%;
  text-align: left;
}
.select-btn::after {
  content: "";
  z-index: 1;
  position: absolute;
  right: 20px;
  top: 18px;
  width: 10px;
  height: 10px;
  display: block;
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 12 7'%3E%3Cpath stroke='%231A2638' stroke-linejoin='round' d='m1 1 4.95 4.95L10.9 1'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  transition: all 250ms;
  transform-origin: center center;
}
.select-btn:hover, .select-btn.open {
  border-color: var(--rich-black);
}
.select-btn.open::after {
  top: 14px;
  transform: rotate(180deg);
}

.select {
  box-sizing: border-box;
  margin: 30px 0;
}

.select-options {
  list-style-type: none;
  background: #e8edf5;
  border-radius: 20px;
  margin-top: 12px;
  display: none;
  font-size: 16px;
}
.select-options.show {
  display: block;
}
.select-options a {
  padding: 12px 28px;
  display: block;
  text-decoration: none;
  transition: color 250ms;
  color: var(--rich-black);
  line-height: 20px;
  position: relative;
}
.select-options a:first-child {
  padding-top: 23px;
}
.select-options a:first-child::after {
  top: 28px;
}
.select-options a:last-child {
  margin-bottom: 0;
  padding-bottom: 23px;
}
.select-options a span {
  transition: color 250ms;
  margin-left: 5px;
  color: var(--regent-grey);
}
.select-options a::after {
  content: "";
  position: absolute;
  display: block;
  width: 9px;
  height: 9px;
  right: 28px;
  top: 18px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 10 11'%3E%3Cpath stroke='%231A2638' stroke-linejoin='round' d='M4.5 10 9 5.5 4.5 1'/%3E%3Cpath stroke='%231A2638' stroke-linecap='round' d='M.723 5.518h7.9'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  transform: translateX(-10px);
  opacity: 0;
  transition: all 250ms;
}
.select-options:hover a,
.select-options:hover a span {
  color: var(--grey);
}
.select-options:hover a:hover {
  color: var(--rich-black);
}
.select-options:hover a:hover span {
  color: var(--regent-grey);
}
.select-options:hover a:hover::after {
  transform: translateX(0);
  opacity: 1;
}

.page-intro {
  margin-top: 100px;
  margin-bottom: 50px;
}
.banner--on .page-intro {
  margin-top: 175px;
}
.page-intro .container {
  position: relative;
}
.page-intro__title {
  position: absolute;
  left: 17px;
  padding: 0 30px;
  top: 74px;
  color: white;
  font-size: 75px;
  line-height: 70px;
  font-family: var(--font-body);
  z-index: 1;
}
@media (min-width: 1200px) {
  .page-intro__title {
    top: initial;
    bottom: 206px;
    left: 43px;
  }
}
.page-intro__content {
  position: absolute;
  bottom: 0;
  color: white;
  padding: 30px;
  width: calc(100% - var(--bs-gutter-x));
}
.page-intro__content .small-title {
  color: white;
  margin-bottom: 9px;
}
.page-intro__content p {
  font-size: 18px;
  max-width: 30ch;
  line-height: 26px;
  margin-bottom: 24px;
}
@media (min-width: 1200px) {
  .page-intro__content p {
    margin-bottom: 0;
    font-size: 20px;
  }
}
@media (min-width: 1200px) {
  .page-intro__content {
    bottom: 30px;
    left: 43px;
  }
}
@media (max-width: 1199px) {
  .page-intro video.desktop {
    display: none;
  }
}
@media (min-width: 1200px) {
  .page-intro video.mobile {
    display: none;
  }
}
.page-intro video, .page-intro__image {
  width: 100%;
  object-fit: cover;
  border-radius: 40px;
}
@media (max-width: 1199px) {
  .page-intro video, .page-intro__image {
    height: 80vh;
  }
}

.article-block {
  margin-bottom: 50px;
  position: relative;
}
.article-block img {
  width: 100%;
  margin-bottom: 30px;
}
@media (min-width: 1200px) {
  .article-block img {
    margin-bottom: 0;
  }
}
.article-block h2 {
  font-size: 35px;
  line-height: 40px;
  max-width: 12ch;
  margin-bottom: 30px;
  margin-top: 40px;
}
.article-block h3 {
  font-size: 20px;
}
.article-block h4 {
  margin-top: 16px;
}
@media (min-width: 1200px) {
  .article-block h4 {
    margin-top: 11px;
  }
}
.article-block p {
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 24px;
}
.article-block .btn-secondary {
  margin-bottom: 0;
}

@media (min-width: 1200px) {
  .woodcab-features .article-block,
  .ambiance-content .article-block {
    margin-bottom: 0;
  }
  .woodcab-features .article-block::before, .woodcab-features .article-block::after,
  .ambiance-content .article-block::before,
  .ambiance-content .article-block::after {
    display: block;
    content: "";
    position: absolute;
    height: 1px;
    background-color: var(--rich-black);
    right: 50%;
    left: 50%;
    width: 100vw;
    margin-right: -50vw;
    margin-left: -50vw;
  }
  .woodcab-features .article-block::after,
  .ambiance-content .article-block::after {
    bottom: -1px;
  }
  .woodcab-features .article-block h2,
  .ambiance-content .article-block h2 {
    max-width: initial;
  }
  .woodcab-features .article-block > .wp-block-group__inner-container,
  .ambiance-content .article-block > .wp-block-group__inner-container {
    display: flex;
  }
  .woodcab-features .article-block > .wp-block-group__inner-container figure,
  .ambiance-content .article-block > .wp-block-group__inner-container figure {
    border-right: 1px solid var(--rich-black);
    padding: 30px;
    padding-left: 0;
    margin-bottom: 0;
    width: 58.33333333%;
  }
  .woodcab-features .article-block > .wp-block-group__inner-container > div,
  .ambiance-content .article-block > .wp-block-group__inner-container > div {
    width: 41.66666667%;
    padding: 30px;
    padding-left: 70px;
  }
  .woodcab-features .article-block > .wp-block-group__inner-container .wp-block-group__inner-container,
  .ambiance-content .article-block > .wp-block-group__inner-container .wp-block-group__inner-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    height: 100%;
  }
  .woodcab-features .article-block p.btn-secondary,
  .ambiance-content .article-block p.btn-secondary {
    margin-top: auto;
    margin-bottom: 20px;
  }
  .woodcab-features .article-block p.btn-secondary + p.btn-secondary,
  .ambiance-content .article-block p.btn-secondary + p.btn-secondary {
    margin-top: 0;
  }
}
.woodcab-features .article-block:nth-of-type(1) img,
.ambiance-content .article-block:nth-of-type(1) img {
  padding-left: 0;
}
@media (min-width: 1200px) {
  .woodcab-features .article-block:nth-of-type(even) > .wp-block-group__inner-container,
  .ambiance-content .article-block:nth-of-type(even) > .wp-block-group__inner-container {
    flex-direction: row-reverse;
  }
  .woodcab-features .article-block:nth-of-type(even) > .wp-block-group__inner-container figure,
  .ambiance-content .article-block:nth-of-type(even) > .wp-block-group__inner-container figure {
    border-right: 0;
    border-left: 1px solid var(--rich-black);
    padding-right: 0;
    padding-left: 30px;
  }
  .woodcab-features .article-block:nth-of-type(even) > .wp-block-group__inner-container div,
  .ambiance-content .article-block:nth-of-type(even) > .wp-block-group__inner-container div {
    padding-left: 30px;
  }
}
@media (min-width: 1200px) {
  .woodcab-features .article-block:nth-of-type(even).ambiance-quote > .wp-block-group__inner-container figure,
  .ambiance-content .article-block:nth-of-type(even).ambiance-quote > .wp-block-group__inner-container figure {
    border-left: 0;
  }
}

@media (min-width: 1200px) {
  .woodcab-features:nth-of-type(2) > .wp-block-group__inner-container {
    margin-bottom: 28px;
  }
}

@media (min-width: 1200px) {
  .ambiance-spaces .article-block:nth-of-type(1) {
    margin-bottom: 28px;
    flex-direction: row-reverse;
  }
  .ambiance-spaces .article-block:nth-of-type(1) img {
    border-right: 0;
    border-left: 1px solid var(--rich-black);
    padding-left: 30px;
    padding-right: 0;
  }
  .ambiance-spaces .article-block:nth-of-type(1) div {
    padding-left: 30px;
  }
}

@media (min-width: 1200px) {
  .ambiance-video .article-block {
    margin-bottom: 0;
    display: flex;
  }
  .ambiance-video .article-block::after {
    display: block;
    content: "";
    position: absolute;
    height: 1px;
    background-color: var(--rich-black);
    right: 50%;
    left: 50%;
    width: 100vw;
    margin-right: -50vw;
    margin-left: -50vw;
  }
  .ambiance-video .article-block::after {
    bottom: -1px;
  }
  .ambiance-video .article-block h2 {
    max-width: initial;
  }
  .ambiance-video .article-block > div:not(.video-wrapper) {
    width: 41.66666667%;
    padding: 30px;
    padding-left: 70px;
    display: flex;
    flex-direction: column;
    border-left: 1px solid var(--rich-black);
    align-items: flex-start;
  }
  .ambiance-video .article-block > .video-wrapper {
    margin-bottom: 0;
    width: 58.33333333%;
    max-width: 680px;
    padding: 30px 30px 30px;
  }
  .ambiance-video .article-block > .video-wrapper video {
    max-width: 680px;
    min-height: 650px;
    aspect-ratio: 1/1;
  }
  .ambiance-video .article-block p.btn-secondary {
    margin-top: auto;
    margin-bottom: 30px;
  }
  .ambiance-video .article-block p.btn-secondary + p.btn-secondary {
    margin-top: 0;
  }
}
.ambiance-video .article-block:nth-of-type(1) img {
  padding-left: 0;
}
@media (min-width: 1200px) {
  .ambiance-video .article-block:nth-of-type(2) {
    margin-bottom: 28px;
    flex-direction: row-reverse;
  }
  .ambiance-video .article-block:nth-of-type(2) img {
    border-right: 0;
    border-left: 1px solid var(--rich-black);
    padding-right: 0;
  }
  .ambiance-video .article-block:nth-of-type(2) div {
    padding-left: 30px;
  }
}

.company-timeline {
  position: relative;
  margin-bottom: 80px;
}
@media (min-width: 1200px) {
  .company-timeline {
    margin-bottom: 130px;
  }
}

.timeline-wrapper {
  position: relative;
  display: flex;
  margin-right: auto;
  margin-left: auto;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.timeline-progress {
  position: absolute;
  z-index: 0;
  overflow: visible;
  width: 1px;
  height: calc(100% - 50px);
  background-color: var(--rich-black);
  pointer-events: none;
  left: 6px;
}
@media (min-width: 768px) {
  .timeline-progress {
    left: initial;
    height: calc(100% - 80px);
  }
}

.timeline-centre {
  display: flex;
  justify-content: flex-start;
}
@media (max-width: 767px) {
  .timeline-centre {
    grid-column-end: 2;
    grid-column-start: 1;
    grid-row-end: 3;
    grid-row-start: 1;
  }
}
@media (min-width: 768px) {
  .timeline-centre {
    justify-content: center;
  }
}

.timeline-circle {
  position: sticky;
  top: 50vh;
  width: 5px;
  height: 5px;
  background: var(--rich-black);
  content: "";
  border-radius: 50%;
}
@media (max-width: 767px) {
  .timeline-circle {
    left: 21px;
  }
}

.timeline-item {
  width: 100%;
  grid-template-columns: 64px 1fr;
  position: relative;
  display: grid;
  margin-top: 25px;
  margin-bottom: 25px;
  grid-auto-columns: 1fr;
  grid-template-rows: auto;
  will-change: opacity;
  opacity: 0;
  transition: opacity 2s;
}
@media (min-width: 768px) {
  .timeline-item {
    grid-template-columns: 1fr 180px 1fr;
    margin-top: 40px;
    margin-bottom: 40px;
  }
}

.timeline-item__date {
  font-size: 35px;
  line-height: 40px;
  display: block;
  margin-bottom: 0.25em;
}
@media (min-width: 768px) {
  .timeline-item__date {
    padding-left: 15px;
    position: sticky;
    top: 50vh;
  }
}

.timeline-right {
  position: relative;
  font-size: 14px;
  line-height: 22px;
}
.timeline-right p {
  color: var(--rich-black);
  margin-bottom: 0;
}
.timeline-right p a {
  color: var(--rich-black);
}
.timeline-right img {
  clip-path: polygon(0 30px, 30px 0%, 100% 0%, 100% 100%, 100% 100%, 0 100%);
}
@media (min-width: 768px) {
  .timeline-right {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
  .timeline-right .timeline-item__date,
  .timeline-right div {
    flex: 1;
  }
  .timeline-right img {
    margin-top: 40px;
    margin-bottom: 10px;
  }
}
.timeline-right figure {
  display: none;
}
@media (min-width: 1200px) {
  .timeline-right figure {
    display: block;
  }
}
.timeline-right figcaption {
  color: var(--regent-grey);
  font-size: 10px;
  line-height: 15px;
}

.modal-dialog {
  margin-top: 80px;
}

#videoModal .modal-body {
  padding: 0;
  border-radius: 0;
}

#picModal .modal-dialog {
  height: auto;
}
#picModal .modal-dialog img {
  height: auto !important;
}
@media (min-width: 1200px) {
  #picModal .modal-dialog {
    max-width: 60vw;
  }
}

.brochure-cta {
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 10;
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.5s ease, transform 0.5s ease;
  pointer-events: none;
}
.brochure-cta.visible {
  opacity: 1;
  transform: translateY(0);
  pointer-events: all;
}
.page-template-page-configurator .brochure-cta {
  display: none;
}
.brochure-cta__btn {
  background: white;
  border: none;
  border-radius: 20px;
  width: 250px;
  height: 100px;
  padding: 20px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.12);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.brochure-cta__btn:hover {
  transform: scale(1.06);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.18);
}
.brochure-cta__btn span {
  font-family: var(--font-alternative);
  font-size: 20px;
  line-height: 1;
  color: var(--rich-black);
  font-weight: 700;
}
@media (max-width: 767px) {
  .brochure-cta {
    bottom: 20px;
    right: 20px;
  }
  .brochure-cta__btn {
    width: 125px;
    height: 125px;
  }
  .brochure-cta__btn span {
    font-size: 13px;
  }
}

.brochure-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  display: none;
  align-items: center;
  justify-content: center;
}
.brochure-modal.active {
  display: flex;
}
.brochure-modal__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(26, 38, 56, 0.6);
  cursor: pointer;
}
.brochure-modal__content {
  position: relative;
  background: white;
  border-radius: 30px;
  padding: 50px 40px;
  max-width: 450px;
  width: 90%;
  z-index: 1;
}
.brochure-modal__content h3 {
  font-family: var(--font-alternative);
  font-size: 24px;
  margin-bottom: 10px;
  color: var(--rich-black);
}
.brochure-modal__content > p {
  color: var(--regent-grey);
  font-size: 14px;
  margin-bottom: 25px;
}
.brochure-modal__close {
  position: absolute;
  top: 20px;
  right: 20px;
  background: none;
  border: none;
  font-size: 28px;
  cursor: pointer;
  color: var(--rich-black);
  line-height: 1;
  padding: 0;
}
.brochure-modal__close:hover {
  opacity: 0.7;
}
.brochure-modal__form {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.brochure-modal__form input[type=text],
.brochure-modal__form input[type=email] {
  background: var(--light-blue);
  border: 0;
  border-radius: 30px;
  padding: 14px 20px;
  font-family: var(--font-body);
  font-size: 16px;
  color: var(--rich-black);
  width: 100%;
}
.brochure-modal__form input[type=text]::placeholder,
.brochure-modal__form input[type=email]::placeholder {
  color: var(--regent-grey);
}
.brochure-modal__form input[type=text]:focus,
.brochure-modal__form input[type=email]:focus {
  outline: 2px solid var(--yellow);
}
.brochure-modal__form .btn-main, .brochure-modal__form .page-template-template-b2b .cta_button .wp-block-button a, .page-template-template-b2b .cta_button .wp-block-button .brochure-modal__form a {
  margin-top: 5px;
  text-align: center;
  font-family: var(--font-alternative);
  width: 100%;
}
.brochure-modal__success {
  text-align: center;
}
.brochure-modal__success p {
  font-size: 18px;
  margin-bottom: 20px;
  color: var(--rich-black);
}
.brochure-modal__success .btn-main, .brochure-modal__success .page-template-template-b2b .cta_button .wp-block-button a, .page-template-template-b2b .cta_button .wp-block-button .brochure-modal__success a {
  font-family: var(--font-alternative);
}
.brochure-modal__error p {
  color: #c0392b;
  font-size: 14px;
  margin-top: 10px;
}

/* -----------------------------------------------------
   Pages
   ----------------------------------------------------- */
.page-template-default:not(.home) main,
.page-template-page-configurator main,
.single-post main {
  padding-top: 140px;
}
@media (min-width: 1200px) {
  .page-template-default:not(.home) main,
  .page-template-page-configurator main,
  .single-post main {
    padding-top: 120px;
  }
  .page-template-default:not(.home) main .content-page,
  .page-template-page-configurator main .content-page,
  .single-post main .content-page {
    margin-bottom: 80px;
  }
}
.page-template-default:not(.home) main header,
.page-template-page-configurator main header,
.single-post main header {
  margin-bottom: 60px;
  position: relative;
}
@media (min-width: 1200px) {
  .page-template-default:not(.home) main header,
  .page-template-page-configurator main header,
  .single-post main header {
    max-width: 55%;
    padding-bottom: 60px;
    background-size: 0;
  }
  .page-template-default:not(.home) main header::after,
  .page-template-page-configurator main header::after,
  .single-post main header::after {
    content: "";
    background-color: var(--light-blue);
    background-image: inherit;
    background-size: cover;
    background-position: center center;
    display: block;
    position: absolute;
    width: calc(100vw - 15px);
    height: calc(100% + 120px);
    left: calc((100vw - (var(--container-size) + var(--bs-gutter-x) * 2 - 51%)) / 2 * -1);
    top: -120px;
    z-index: -1;
    border-bottom-left-radius: 50px;
    border-bottom-right-radius: 50px;
  }
  .page-template-default:not(.home) main header::before,
  .page-template-page-configurator main header::before,
  .single-post main header::before {
    position: absolute;
    content: "";
    left: 0;
    top: 1px;
    z-index: 2;
    pointer-events: none;
    height: calc(100% - 100px);
    border-left: 1px dashed var(--grey);
  }
}
.page-template-default:not(.home) main header h1,
.page-template-page-configurator main header h1,
.single-post main header h1 {
  width: 100%;
  display: block;
  font-family: var(--font-alternative);
  font-style: normal;
  font-weight: 400;
  font-size: 72px;
  line-height: 70px;
  position: relative;
  margin-bottom: 45px;
  position: relative;
  /* identical to box height */
}
@media (max-width: 1199px) {
  .page-template-default:not(.home) main header h1.page-26,
  .page-template-page-configurator main header h1.page-26,
  .single-post main header h1.page-26 {
    font-size: 52px;
  }
}
.page-template-default:not(.home) main header h1::after,
.page-template-page-configurator main header h1::after,
.single-post main header h1::after {
  content: "";
  width: calc((100vw - (var(--container-size) + var(--bs-gutter-x) * 2 - 51%)) / 2 + 100%);
  display: block;
  position: absolute;
  z-index: 2;
  border-bottom: 1px dashed var(--grey);
  left: calc((100vw - (var(--container-size) + var(--bs-gutter-x) * 2 - 51%)) / 2 * -1);
  bottom: 8px;
}
.page-template-default:not(.home) main header p,
.page-template-page-configurator main header p,
.single-post main header p {
  font-family: var(--font-alternative);
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 26px;
}
.page-template-default:not(.home) main h3,
.page-template-page-configurator main h3,
.single-post main h3 {
  font-style: normal;
  font-weight: 400;
  font-size: 35px;
  line-height: 40px;
  display: flex;
  align-items: center;
  margin-bottom: 45px;
}
.page-template-default:not(.home) main h3::after,
.page-template-page-configurator main h3::after,
.single-post main h3::after {
  position: relative;
  content: "";
  width: 23px;
  height: 23px;
  transform: rotate(90deg);
  margin: 5px 0 0 15px;
  display: inline-block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 15 16'%3E%3Cpath stroke='%231A2638' stroke-linejoin='round' stroke-width='1.5' d='M12.803 13.303V2.697H2.197'/%3E%3Cpath stroke='%231A2638' stroke-linecap='round' stroke-width='1.5' d='m3.07 12.472 9.31-9.31'/%3E%3C/svg%3E%0A");
}
.page-template-default:not(.home) main p,
.page-template-page-configurator main p,
.single-post main p {
  font-size: 15px;
}
.page-template-default:not(.home) main p a,
.page-template-page-configurator main p a,
.single-post main p a {
  color: var(--rich-black);
}
@media (min-width: 1200px) {
  .page-template-default:not(.home).page-id-24 header h1,
  .page-template-page-configurator.page-id-24 header h1,
  .single-post.page-id-24 header h1 {
    font-size: 140px;
    line-height: 140px;
  }
}
.page-template-default:not(.home).page-id-24 header h1::after,
.page-template-page-configurator.page-id-24 header h1::after,
.single-post.page-id-24 header h1::after {
  bottom: 20px;
}

.error404 main {
  margin: 80px;
}

.page-template-default .content-page h3::after {
  content: none !important;
}

.home header.site-header {
  --header-color: white;
}

.section-intro {
  background: var(--rich-black);
  padding-top: 100px;
  color: white;
  border-bottom-left-radius: 40px;
  border-bottom-right-radius: 40px;
  margin-bottom: 50px;
}
.banner--on .section-intro {
  padding-top: 175px;
}
@media (max-width: 1199px) {
  .section-intro {
    padding-bottom: 120px;
  }
}
@media (min-width: 1200px) {
  .section-intro {
    height: 740px;
  }
  .banner--on .section-intro {
    height: 815px;
  }
}
.section-intro .container {
  height: 100%;
  position: relative;
}
.section-intro .container img, .section-intro .container video {
  flex-shrink: 0;
  aspect-ratio: 1/1;
  width: 100%;
}
@media (min-width: 1200px) {
  .section-intro .container {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
  }
  .section-intro .container img, .section-intro .container video {
    flex-shrink: 0;
    aspect-ratio: 1/1;
    width: 590px;
  }
}
.section-intro h2 {
  position: relative;
}
.section-intro h2 span {
  display: block;
}
@media (max-width: 1199px) {
  .section-intro h2 {
    margin-top: -42px;
  }
}
@media (min-width: 1200px) {
  .section-intro h2 {
    max-width: 12ch;
    color: var(--light-blue);
  }
}
.section-intro .btn-news {
  position: absolute;
  display: flex;
  left: calc(var(--bs-gutter-x) * 0.5);
  justify-content: space-between;
  align-items: center;
  bottom: -90px;
  font-family: var(--font-alternative);
  transition: all 250ms;
}
@media (max-width: 768px) {
  .section-intro .btn-news {
    width: 75%;
  }
  .section-intro .btn-news .btn-news-content {
    line-height: 20px;
  }
}
@media (min-width: 1200px) {
  .section-intro .btn-news {
    left: calc(50% + 22px);
    bottom: 75px;
  }
}
@media (min-width: 1400px) {
  .section-intro .btn-news {
    left: calc(50% + 52px);
  }
}
.section-intro .btn-news:hover {
  background: white;
  color: var(--rich-black);
}
.section-intro .btn-news:hover .btn-news-label {
  transition: all 250ms;
  background: var(--rich-black);
  color: white;
}
.section-intro .intro-clip {
  position: absolute;
  width: 0;
  height: 0;
}
.section-intro .home-intro__img {
  max-width: 100%;
  max-height: 350px;
  clip-path: url("#intro-clip-path");
  height: fit-content;
  overflow: hidden;
  justify-content: center;
}
@media (min-width: 1200px) {
  .section-intro .home-intro__img {
    display: flex;
    max-width: 50%;
    max-height: calc(100% - 40px);
  }
}

.section-cabins {
  padding-bottom: 40px;
  margin-bottom: 50px;
  position: relative;
}
@media (min-width: 1200px) {
  .section-cabins {
    border-top: 1px solid var(--rich-black);
    padding-bottom: 0;
  }
}
.section-cabins .container {
  padding: 0;
  position: relative;
}
@media (min-width: 1200px) {
  .section-cabins .container {
    display: flex;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
  }
}
.section-cabins::after {
  content: "";
  border-bottom: 1px solid var(--rich-black);
  position: absolute;
  bottom: 0px;
  z-index: -2;
  width: 100%;
}

.section-ctas {
  margin-bottom: 50px;
}
@media (min-width: 1200px) {
  .section-ctas .container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 37px;
  }
}

.cta {
  background-color: var(--light-blue);
  color: var(--rich-black);
  padding: 20px;
  margin-bottom: 20px;
  clip-path: polygon(35px 0%, 100% 0, 100% 100%, 0 100%, 0 35px);
  position: relative;
}
@media (min-width: 1200px) {
  .cta {
    margin-bottom: 0;
    height: 650px;
  }
}
.cta-link {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
@media (min-width: 1200px) and (min-width: 1200px) {
  .cta-link:hover ~ svg {
    opacity: 1;
  }
}
@media (min-width: 1200px) {
  .cta-link:hover ~ .cta-img {
    height: 512px;
    transition: height 650ms;
  }
}
@media (min-width: 1200px) {
  .cta-link:hover ~ p {
    opacity: 0;
  }
}
.cta-name {
  font-size: 72px;
  margin-top: 30px;
  line-height: 70px;
  margin-bottom: 20px;
  display: block;
  font-family: var(--font-alternative);
}
@media (min-width: 1200px) {
  .cta-name {
    margin-top: 10px;
    font-size: 75px;
  }
}
.cta svg {
  position: absolute;
  right: 15px;
  top: 15px;
  width: 30px;
  transition: opacity 250ms;
}
@media (min-width: 1200px) {
  .cta svg {
    width: 40px;
    opacity: 0;
  }
}
.cta p {
  position: static;
  margin-bottom: 55px;
}
@media (min-width: 1200px) {
  .cta p {
    max-width: 29ch;
    font-size: 14px;
    transition: opacity 350ms;
  }
}
.cta-img {
  border-radius: 30px;
  overflow: hidden;
  bottom: 20px;
  transition: height 390ms;
  transform-origin: bottom center;
  aspect-ratio: 1/1.169590643;
}
.cta-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (min-width: 1200px) {
  .cta-img {
    aspect-ratio: initial;
    position: absolute;
    height: 400px;
    width: 342px;
  }
}

.section-difference {
  margin-bottom: 60px;
}
@media (min-width: 1200px) {
  .section-difference {
    margin-bottom: 0;
  }
}

.large-cta {
  position: relative;
  border: 1px solid var(--rich-black);
  border-top: 0;
  padding: 30px 23px;
  background: white;
  background-image: radial-gradient(var(--grey) 1px, transparent 0);
  background-size: 20px 20px;
  background-position: 5px 5px;
}
.large-cta::before, .large-cta::after {
  display: block;
  content: "";
  position: relative;
  height: 0.5px;
  background-color: var(--rich-black);
  right: 50%;
  left: 50%;
  width: 100vw;
  margin-right: -50vw;
  margin-left: -50vw;
}
.large-cta::before {
  top: -31px;
}
.large-cta::after {
  bottom: -31px;
}
.large-cta span {
  font-size: 35px;
  line-height: 40px;
  display: block;
  margin-bottom: 120px;
  font-family: var(--font-alternative);
}
@media (min-width: 1200px) {
  .large-cta {
    text-align: center;
    border-bottom: none;
  }
  .large-cta span {
    margin-top: 60px;
    margin-bottom: 60px;
    max-width: 28ch;
    margin-left: auto;
    margin-right: auto;
    font-size: 50px;
    line-height: 50px;
  }
  .large-cta a {
    margin-bottom: 90px;
  }
  .large-cta::after {
    display: none;
  }
}

.section-highlights {
  margin-bottom: 60px;
}
@media (min-width: 1200px) {
  .section-highlights {
    margin-bottom: 0;
  }
}
@media (min-width: 1200px) {
  .section-highlights .container {
    position: relative;
    display: grid;
    grid-auto-columns: 1fr;
    grid-template-columns: 58% 42%;
    grid-template-rows: repeat(2, auto);
    gap: 0px 0px;
    grid-template-areas: "left top-right" "left bottom-right";
  }
  .section-highlights .container::before, .section-highlights .container::after {
    display: block;
    content: "";
    position: absolute;
    height: 0.5px;
    background-color: var(--rich-black);
    right: 50%;
    left: 50%;
    width: 100vw;
    margin-right: -50vw;
    margin-left: -50vw;
  }
  .section-highlights .container::before {
    top: 0;
  }
  .section-highlights .container::after {
    bottom: 0;
  }
}
@media (min-width: 1200px) and (min-width: 1200px) {
  .section-highlights .container::after {
    display: none;
  }
}

.highlight {
  text-decoration: none;
  font-size: 14px;
  margin-bottom: 17px;
}
.highlight-inner {
  padding: 65px 20px 20px 20px;
  height: 100%;
}
.highlight-inner h3 {
  max-width: 80%;
}
.highlight-inner svg {
  transition: all 0.3s;
}
@media (min-width: 1200px) {
  .highlight-inner {
    padding: 30px 30px 30px 30px;
  }
}
@media (min-width: 1200px) {
  .highlight:hover .highlight-bg, .highlight:hover svg.highlight-icon {
    position: absolute;
    transform: scale(1.1);
  }
  .highlight:hover h3 svg {
    transform: rotate(45deg);
  }
}
.highlight--sustainable .highlight-bg {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  transition: all 0.3s;
}
.highlight--sustainable .highlight-bg:after {
  content: "";
  position: absolute;
  height: 200px;
  width: 100%;
  bottom: 0;
  opacity: 0.7;
  background: linear-gradient(0deg, var(--rich-black) 0%, rgba(255, 255, 255, 0) 100%);
}
.highlight--sustainable .highlight-inner {
  overflow: hidden;
  position: relative;
}
@media (max-width: 1199px) {
  .highlight--sustainable .highlight-inner:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -2;
    background-color: var(--rich-black);
  }
}
.highlight--sustainable .highlight-inner,
.highlight--sustainable .highlight-bg {
  padding-top: 88px;
  background-repeat: no-repeat;
  background-size: cover;
  background-origin: 50% 50%;
  color: white;
}
.highlight--sustainable .highlight-inner p,
.highlight--sustainable .highlight-bg p {
  max-width: initial;
}
.highlight--sustainable .highlight-inner h3 svg,
.highlight--sustainable .highlight-bg h3 svg {
  transition: all 0.25s;
}
@media (max-width: 1199px) {
  .highlight--sustainable .highlight-inner,
  .highlight--sustainable .highlight-bg {
    margin-left: calc(var(--bs-gutter-x) * -0.5);
    margin-right: calc(var(--bs-gutter-x) * -0.5);
  }
}
@media (min-width: 1200px) {
  .highlight--sustainable .highlight-inner,
  .highlight--sustainable .highlight-bg {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
  }
  .highlight--sustainable .highlight-inner .highlight-icon,
  .highlight--sustainable .highlight-bg .highlight-icon {
    width: 200px;
    margin-top: 60px;
    margin-bottom: auto;
  }
  .highlight--sustainable .highlight-inner p,
  .highlight--sustainable .highlight-bg p {
    max-width: 50ch;
    margin-bottom: 0;
  }
}
@media (max-width: 1199px) {
  .highlight--sustainable .highlight-bg {
    margin-left: calc(var(--bs-gutter-x) * -0.5);
    margin-right: calc(var(--bs-gutter-x) * -0.5);
    width: calc(100% + 2 * var(--bs-gutter-x));
    opacity: 0.8;
  }
}
@media (min-width: 1200px) {
  .highlight--sustainable {
    grid-area: left;
    padding: 30px;
    padding-left: 0;
    border-right: 1px solid var(--rich-black);
  }
}
.highlight--customizable .highlight-inner {
  background-color: var(--light-blue);
  color: var(--rich-black);
  position: relative;
}
@media (min-width: 1200px) {
  .highlight--customizable .highlight-inner p {
    max-width: 28ch;
    margin-bottom: 60px;
  }
  .highlight--customizable .highlight-inner .highlight-icon {
    position: absolute;
    right: 40px;
    bottom: 44px;
    margin: 0;
  }
}
@media (min-width: 1200px) {
  .highlight--customizable {
    grid-area: top-right;
    padding: 30px;
    padding-right: 0;
  }
}
.highlight--leasing .highlight-inner {
  color: var(--light-blue);
  background-color: var(--rich-black);
  position: relative;
}
@media (min-width: 1200px) {
  .highlight--leasing .highlight-inner {
    padding: 30px;
  }
  .highlight--leasing .highlight-inner p {
    max-width: 26ch;
    margin-bottom: 60px;
  }
  .highlight--leasing .highlight-inner .highlight-icon {
    position: absolute;
    right: 40px;
    bottom: 20px;
  }
}
@media (min-width: 1200px) {
  .highlight--leasing {
    position: relative;
    padding: 30px;
    padding-right: 0;
    grid-area: bottom-right;
  }
  .highlight--leasing::before {
    display: block;
    content: "";
    position: absolute;
    height: 0.5px;
    background-color: var(--rich-black);
    left: 0;
    width: 50vw;
    top: 0;
  }
}
@media (min-width: 1200px) {
  .highlight h3 {
    font-size: 30px;
  }
}
@media (max-width: 1199px) {
  .highlight h3 svg {
    display: none;
  }
}
.highlight p {
  max-width: 29ch;
}
.highlight .highlight-icon {
  display: block;
  margin: 0 auto;
  margin-bottom: 40px;
}
.highlight span {
  color: var(--regent-grey);
  font-size: 10px;
}
@media (min-width: 1200px) {
  .highlight {
    margin-bottom: 0;
  }
}

@media (min-width: 1200px) {
  .section-steps h2 {
    padding-top: 48px;
    padding-left: 40px;
    font-size: 50px;
    line-height: 50px;
    margin-bottom: 78px;
    max-width: 16ch;
  }
  .section-steps h2 svg {
    display: none;
  }
}
@media (min-width: 1200px) {
  .section-steps .steps-wrapper {
    border-left: 1px solid var(--rich-black);
    border-right: 1px solid var(--rich-black);
  }
  .section-steps .steps-wrapper::before, .section-steps .steps-wrapper::after {
    display: block;
    content: "";
    position: relative;
    border-bottom: 1px solid var(--rich-black);
    right: 50%;
    left: 50%;
    width: 100vw;
    margin-right: -50vw;
    margin-left: -50vw;
  }
}

.steps {
  display: flex;
  flex-direction: column;
}
@media (min-width: 1200px) {
  .steps {
    flex-direction: row;
  }
}

.step {
  margin-bottom: 25px;
  flex: 1;
  position: relative;
  display: flex;
  flex-direction: column;
}
@media (min-width: 1200px) {
  .step {
    margin: 0;
  }
}
.step-number {
  display: block;
  font-family: "Space Grotesk";
  font-style: normal;
  font-weight: 400;
  font-size: 75px;
  line-height: 70px;
  margin-bottom: 5px;
}
@media (min-width: 1200px) {
  .step-number {
    margin-bottom: 10px;
    padding-left: 35px;
  }
}
.step-content {
  border-left: 1px solid var(--rich-black);
  border-right: 1px solid var(--rich-black);
  padding: 30px 40px;
  height: 100%;
}
.step-content::before, .step-content::after {
  display: block;
  content: "";
  position: relative;
  border-bottom: 1px solid var(--rich-black);
  right: 50%;
  left: 50%;
  width: 100vw;
  margin-right: -50vw;
  margin-left: -50vw;
  z-index: 2;
}
.step-content::before {
  top: -31px;
}
.step-content::after {
  bottom: -31px;
}
.step-content p {
  margin-bottom: 0;
}
@media (min-width: 1200px) {
  .step-content h3 {
    font-size: 30px;
  }
  .step-content::after {
    display: none;
  }
}
@media (min-width: 1200px) {
  .step:nth-of-type(1) .step-content {
    border-left: 0;
  }
  .step:nth-of-type(1) .step-content h3 {
    max-width: 15ch;
  }
}
@media (min-width: 1200px) {
  .step:nth-of-type(2) .step-content {
    border-left: 0;
    border-right: 0;
  }
}
@media (min-width: 1200px) {
  .step:nth-of-type(3) .step-content {
    border-right: 0;
  }
}
@media (max-width: 1199px) {
  .step:nth-of-type(odd) .step-number {
    text-align: right;
  }
}
.step:nth-of-type(3) {
  margin-bottom: 0;
}
.step-cta {
  margin-bottom: 0;
}
@media (max-width: 1199px) {
  .step-cta .step-content::before {
    display: none;
  }
}
@media (min-width: 1200px) {
  .step-cta .step-content {
    border-bottom: 0;
  }
}
@media (min-width: 1200px) {
  .step-cta {
    border-bottom: 0;
    text-align: center;
  }
}

.section-testimonials {
  position: relative;
  margin-top: 150px;
}
@media (min-width: 1200px) {
  .section-testimonials {
    margin-top: 552px;
  }
}
.section-testimonials__title {
  margin-bottom: 23px;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
@media (max-width: 990px) {
  .section-testimonials__title h2 {
    font-size: 36px;
  }
}
@media (min-width: 1200px) {
  .section-testimonials__title {
    margin-bottom: 35px;
    padding-left: 47px;
  }
}
.section-testimonials__title h2 {
  margin-bottom: 0;
}
.section-testimonials__title .swiper-pagination {
  font-size: 20px;
}
@media (min-width: 1200px) {
  .section-testimonials__title .swiper-pagination {
    margin-right: 47px;
    font-size: 22px;
    line-height: 30px;
  }
}
.section-testimonials::before {
  content: "";
  left: 0;
  top: 0;
  position: absolute;
  z-index: -1;
  pointer-events: none;
  height: calc(100% + 150px);
  width: 100%;
  background: var(--light-blue);
}
.section-testimonials .video {
  position: relative;
  top: -100px;
  margin-bottom: -40px;
}
@media (max-width: 991px) {
  .section-testimonials .video {
    margin-left: calc(var(--bs-gutter-x) * -0.5);
    margin-right: calc(var(--bs-gutter-x) * -0.5);
  }
}
@media (min-width: 1200px) {
  .section-testimonials .video {
    top: -502px;
    margin-bottom: -452px;
  }
}

.video {
  position: relative;
  overflow: hidden;
  height: fit-content;
}
.video video {
  border-radius: 40px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  min-height: 359px;
}
.video .btn-play {
  position: absolute;
  -webkit-appearance: none;
  border: 0;
  width: 123px;
  height: 123px;
  border: 1px solid white;
  background: transparent;
  left: 0;
  inset: 0;
  margin: auto;
  border-radius: 50%;
  color: white;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 10px;
  line-height: 12px;
  letter-spacing: 0.09em;
  cursor: pointer;
  z-index: 2;
  transition: background-color 250ms;
}
.video .btn-play:hover {
  background-color: rgba(255, 255, 255, 0.3);
}
@media (min-width: 1200px) {
  .video .btn-play {
    width: 160px;
    height: 160px;
  }
}

.swiper-testimonials {
  margin-bottom: 50px;
}
@media (max-width: 1199px) {
  .swiper-testimonials {
    width: calc(100vw - 29px);
  }
}
@media (min-width: 1200px) {
  .swiper-testimonials {
    overflow: initial;
    padding: 0 47px;
    margin-bottom: 70px;
  }
  .swiper-testimonials .swiper-pagination {
    display: none;
  }
}
.swiper-testimonials .swiper-wrapper {
  margin-bottom: 10px;
}
.swiper-testimonials .swiper-slide {
  width: calc(100% - 17px);
  height: auto;
}
.swiper-testimonials .swiper-slide .testimony {
  height: 100%;
  background: #eff2f8;
  transform: translateY(-30px);
}
.swiper-testimonials .swiper-slide-next {
  clip-path: polygon(0 0, calc(100% - 30px) 0%, 100% 30px, 100% 100%, 0 100%);
}
.swiper-testimonials .swiper-slide-next .testimony {
  background: #f6f8fb;
  transform: translateY(0px);
}
@media (min-width: 1200px) {
  .swiper-testimonials .swiper-slide-next .testimony {
    background: white;
  }
}
.swiper-testimonials .swiper-slide-active {
  clip-path: polygon(0 0, calc(100% - 35px) 0%, 100% 35px, 100% 100%, 0 100%);
}
.swiper-testimonials .swiper-slide-active .testimony {
  background: white;
  transform: translateY(0px);
}

.testimony {
  transition: background-color 250ms;
  padding: 40px 30px 40px 40px;
}
@media (min-width: 1200px) {
  .testimony {
    padding: 50px 64px 50px 50px;
  }
}
.testimony-content {
  font-size: 22px;
  line-height: 30px;
  margin-bottom: 50px;
  font-family: var(--font-alternative);
}
.testimony-author {
  font-size: 14px;
}
.testimony-product {
  font-size: 14px;
  display: block;
  color: var(--grey);
}

/* -----------------------------------------------------
    woodcab
   ----------------------------------------------------- */
.woodcab-intro {
  border-radius: 40px;
}
.woodcab-intro .page-intro__title {
  font-family: var(--font-alternative);
}
.woodcab-intro .page-intro__nav {
  position: absolute;
  left: 17px;
  top: 30px;
  padding: 0 30px;
  display: flex;
  gap: 20px;
  z-index: 4;
}
.woodcab-intro .page-intro__nav-item {
  text-decoration: none;
  color: white;
  font-size: 18px;
  line-height: 26px;
  opacity: 0.7;
  transition: opacity 250ms;
}
.woodcab-intro .page-intro__nav-item:hover, .woodcab-intro .page-intro__nav-item.active {
  opacity: 1;
  color: white;
}
@media (min-width: 1200px) {
  .woodcab-intro .page-intro__nav {
    top: 50px;
    left: 60px;
  }
}
@media (min-width: 1200px) {
  .woodcab-intro .btn-main, .woodcab-intro .page-template-template-b2b .cta_button .wp-block-button a, .page-template-template-b2b .cta_button .wp-block-button .woodcab-intro a {
    position: absolute;
    right: 75px;
    left: initial;
    bottom: 20px;
  }
}

.single-woodcab .swiper-gallery {
  margin-top: 30px;
}

.gallery .swiper-bottom {
  display: flex;
  width: 100%;
  justify-content: space-between;
  padding: 20px 0;
}
.gallery .swiper-pagination-fraction {
  text-align: right;
  font-family: var(--font-alternative);
}
@media (min-width: 1200px) {
  .gallery .swiper-pagination-fraction {
    font-size: 22px;
  }
}

.swiper-gallery .swiper-slide {
  border-radius: 40px;
  overflow: hidden;
}
.swiper-gallery img {
  width: 100%;
}

.woodcab-sizes {
  position: relative;
}
.woodcab-sizes .container {
  padding: 0;
  position: relative;
}
@media (min-width: 1200px) {
  .woodcab-sizes .container {
    display: flex;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
  }
}
@media (min-width: 1200px) {
  .woodcab-sizes {
    border-top: 1px solid var(--rich-black);
  }
}
.woodcab-sizes::after {
  content: "";
  border-bottom: 1px solid var(--rich-black);
  position: absolute;
  bottom: 0px;
  z-index: -2;
  width: 100%;
}

.woodcab-more-sizes {
  padding: 2px 0;
  border-bottom: 1px solid var(--rich-black);
  margin-bottom: 40px;
}
@media (min-width: 1200px) {
  .woodcab-more-sizes {
    display: none;
  }
}

.woodcab-details {
  margin-bottom: 50px;
}

.woodcab-infos {
  border-bottom: 1px solid var(--rich-black);
  margin-top: 40px;
  margin-bottom: 50px;
}
.woodcab-infos__title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 50px;
}
.woodcab-infos__title h3 {
  margin-bottom: 0;
}
.woodcab-info {
  border-top: 1px solid var(--light-blue);
  padding-top: 20px;
  padding-bottom: 20px;
  position: relative;
}
.woodcab-info .small-title {
  margin-bottom: 12px;
  display: block;
  position: relative;
}
.woodcab-info ul,
.woodcab-info p {
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 0;
}
.woodcab-info p + ul {
  margin-top: 10px;
}
.woodcab-info a {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 22 13'%3E%3Cpath stroke='%23818996' d='M1.778 6.986c-.223-.255-.4-.47-.525-.629.125-.158.302-.374.525-.629.492-.56 1.21-1.307 2.114-2.054C5.71 2.174 8.223.721 11.125.721c2.902 0 5.416 1.453 7.233 2.953a18.646 18.646 0 0 1 2.639 2.683 18.644 18.644 0 0 1-2.639 2.683c-1.817 1.5-4.331 2.953-7.233 2.953-2.902 0-5.416-1.453-7.233-2.953a18.644 18.644 0 0 1-2.114-2.054Z'/%3E%3Cpath stroke='%23818996' d='M7.942 6.357a3.455 3.455 0 1 0 6.91 0 3.455 3.455 0 1 0-6.91 0'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: right center;
  width: 26px;
  height: 15.19px;
  position: absolute;
  right: 0;
  top: 20px;
  transition: transform 350ms;
}
@media (min-width: 1200px) {
  .woodcab-info a {
    top: 30px;
  }
}
.woodcab-info a:hover {
  transform: scale(1.25);
}
@media (min-width: 1200px) {
  .woodcab-info {
    display: grid;
    grid-template-columns: 37% 1fr 86px;
    align-items: baseline;
    margin-left: 33.3333%;
    padding-top: 30px;
    padding-bottom: 30px;
  }
}

@media (min-width: 1200px) {
  .ressources .container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 60px;
  }
}
@media (min-width: 1200px) {
  .ressources .article-block {
    min-height: 490px;
    display: flex;
    flex-direction: column;
  }
  .ressources .article-block img {
    margin-bottom: 20px;
  }
}
@media (min-width: 1200px) and (min-width: 1200px) {
  .ressources .article-block h3 {
    font-size: 30px;
  }
}
@media (min-width: 1200px) {
  .ressources .article-block .btn-secondary {
    margin-top: auto;
  }
}

.woodcab-cta {
  margin-bottom: 70px;
}
.woodcab-cta img {
  width: 100%;
  display: none;
}
@media (min-width: 1200px) {
  .woodcab-cta img {
    display: block;
  }
}
.woodcab-cta h3 {
  margin-bottom: 32px;
  display: none;
}
@media (min-width: 1200px) {
  .woodcab-cta h3 {
    display: block;
  }
}
.woodcab-cta .container {
  position: relative;
}
@media (min-width: 1200px) {
  .woodcab-cta__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    inset: 0;
    margin: auto;
    width: fit-content;
    color: var(--regent-grey);
    text-align: center;
    position: absolute;
  }
  .woodcab-cta__content h3 {
    font-size: 35px;
  }
}
@media (min-width: 1200px) {
  .woodcab-cta .btn-main, .woodcab-cta .page-template-template-b2b .cta_button .wp-block-button a, .page-template-template-b2b .cta_button .wp-block-button .woodcab-cta a {
    background: white;
  }
  .woodcab-cta .btn-main:hover, .woodcab-cta .page-template-template-b2b .cta_button .wp-block-button a:hover, .page-template-template-b2b .cta_button .wp-block-button .woodcab-cta a:hover {
    background: var(--yellow);
  }
}
@media (min-width: 1200px) {
  .woodcab-cta {
    display: block;
    padding-bottom: 37px;
    margin-bottom: 37px;
    border-bottom: 1px solid var(--rich-black);
  }
}

.ambiance-intro {
  overflow: hidden;
  margin-top: 100px;
  margin-bottom: 50px;
}
.ambiance-intro .page-intro__title {
  top: 30px;
  font-family: var(--font-alternative);
}
.ambiance-intro .page-intro__content {
  top: 100px;
}
.ambiance-intro video {
  max-height: 75vh;
  /*clip-path: polygon(
    0 30px,
    30px 0%,
    100% 0%,
    100% calc(100% - 30px),
    calc(100% - 30px) 100%,
    0 100%
  );*/
}
.ambiance-intro .btn-discover {
  left: initial;
}

.ambiance-quote {
  margin-bottom: 50px;
}
@media (min-width: 1200px) {
  .ambiance-quote > .wp-block-group__inner-container {
    position: relative;
  }
  .ambiance-quote > .wp-block-group__inner-container::before {
    position: absolute;
    content: "";
    height: 100%;
    z-index: -1;
    width: 100vw;
    background: white;
    background-image: radial-gradient(var(--grey) 1px, transparent 0);
    background-size: 20px 20px;
    background-position: 5px 5px;
    right: 50%;
    left: 50%;
    width: 100vw;
    margin-right: -50vw;
    margin-left: -50vw;
  }
}
@media (min-width: 1200px) {
  .ambiance-quote figure {
    border-left: 0;
  }
}
@media (min-width: 1200px) {
  .ambiance-quote {
    margin-bottom: 0;
  }
}

.quote {
  position: relative;
  border-left: 1px solid var(--rich-black);
  border-right: 1px solid var(--rich-black);
  padding: 30px 23px;
}
@media (max-width: 1199px) {
  .quote {
    background: white;
    background-image: radial-gradient(var(--grey) 1px, transparent 0);
    background-size: 20px 20px;
    background-position: 5px 5px;
  }
  .quote img {
    display: none;
  }
}
@media (min-width: 1200px) {
  .quote {
    border: 0;
    display: flex;
    gap: 90px;
    padding-left: 0;
    padding-right: 0;
  }
  .quote img {
    flex-shrink: 0;
    width: 58%;
  }
}
.quote::before, .quote::after {
  display: block;
  content: "";
  position: absolute;
  height: 1px;
  background-color: var(--rich-black);
  right: 50%;
  left: 50%;
  width: 100vw;
  margin-right: -50vw;
  margin-left: -50vw;
}
.quote::before {
  top: 0;
}
.quote::after {
  bottom: 0px;
}
@media (min-width: 1200px) {
  .quote::after {
    display: none;
  }
}
.quote figure {
  margin-bottom: 0;
}
@media (min-width: 1200px) {
  .quote figure {
    padding-left: 30px;
  }
}
.quote blockquote {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.quote blockquote p {
  font-family: var(--font-alternative);
  font-size: 22px;
  line-height: 30px;
  display: block;
  margin-bottom: 48px;
}
@media (min-width: 1200px) {
  .quote blockquote {
    margin-top: 60px;
    margin-bottom: 60px;
    max-width: 60ch;
    margin-left: auto;
    margin-right: auto;
  }
  .quote blockquote up {
    font-size: 30px;
    line-height: 35px;
  }
}
.quote cite {
  color: var(--regent-grey);
  font-size: 14px;
  line-height: 22px;
  margin-top: auto;
}

.ambiance-video .video {
  position: relative;
}
@media (max-width: 991px) {
  .ambiance-video .video {
    margin-left: calc(var(--bs-gutter-x) * -0.5);
    margin-right: calc(var(--bs-gutter-x) * -0.5);
  }
}
.page-template-template-mood .swiper-gallery {
  margin-top: 30px;
}

.page-template-template-b2b .page-intro__title,
.page-template-template-b2b .page-intro__content p {
  max-width: 50%;
}
@media (max-width: 990px) {
  .page-template-template-b2b .page-intro__title,
  .page-template-template-b2b .page-intro__content p {
    max-width: 85%;
  }
}
.page-template-template-b2b .woodcab-intro img {
  width: 100%;
  object-fit: cover;
  border-radius: 40px;
}
@media (max-width: 990px) {
  .page-template-template-b2b .woodcab-intro .page-intro__title {
    font-size: 42px;
    line-height: 36px;
  }
  .page-template-template-b2b .woodcab-intro img {
    height: 80vh;
    width: auto;
  }
}
.page-template-template-b2b .cta_button {
  background-color: var(--rich-black) !important;
  border-radius: 40px;
  padding: 55px;
  margin: 30px 0 60px;
}
.page-template-template-b2b .cta_button h4 {
  text-align: center;
  /* Quote 35 */
  font-family: "Space Grotesk";
  font-size: 35px;
  font-style: normal;
  font-weight: 400;
  line-height: 40px; /* 114.286% */
  color: var(--light-blue);
  margin-bottom: 35px;
}
@media (max-width: 990px) {
  .page-template-template-b2b .cta_button .wp-block-buttons {
    display: block !important;
  }
}
.page-template-template-b2b .cta_button .wp-block-button {
  text-align: center;
}
.page-template-template-b2b .cta_button .wp-block-button a {
  font-size: var(--bs-body-font-size);
  width: auto !important;
  min-width: 240px;
  justify-content: space-between;
}
.page-template-template-b2b .section-testimonials {
  margin-top: 0;
  margin-bottom: 40px;
  padding-top: 70px;
  padding-bottom: 10px;
}
.page-template-template-b2b .section-testimonials::before {
  height: 100%;
}
.page-template-template-b2b .woodcab-features > div:last-of-type {
  margin-bottom: 0;
}
.page-template-template-b2b .section-steps img {
  margin-bottom: 35px;
}
@media (min-width: 1200px) {
  .page-template-template-b2b .section-steps h2 {
    margin-bottom: 52px;
  }
}

.company-intro {
  background: var(--light-blue);
  padding-top: 156px;
  color: var(--rich-black);
  margin-bottom: 50px;
}
@media (max-width: 991px) {
  .company-intro {
    min-height: 100vh;
    margin-bottom: 434px;
  }
}
@media (min-width: 1200px) {
  .company-intro {
    min-height: 750px;
    border-bottom-left-radius: 40px;
    border-bottom-right-radius: 40px;
  }
}
.company-intro .container {
  position: relative;
}
@media (min-width: 992px) {
  .company-intro .container {
    display: flex;
    justify-content: space-between;
  }
  .company-intro .container > div {
    display: flex;
    flex-direction: column;
  }
  .company-intro .container > div p {
    width: 437px;
    font-size: 20px;
    margin-bottom: 0;
  }
  .company-intro .container img {
    flex-shrink: 0;
    object-fit: cover;
    width: 426px;
    clip-path: polygon(0 30px, 30px 0%, 100% 0%, 100% calc(100% - 30px), calc(100% - 30px) 100%, 0% 100%);
  }
}
.company-intro p {
  margin-bottom: 60px;
  line-height: 26px;
}
.company-intro p a {
  color: var(--rich-black);
}
.company-intro h1 {
  color: var(--rich-black);
  font-size: 75px;
  line-height: 70px;
  margin-bottom: 40px;
  font-weight: 400;
}
@media (min-width: 1200px) {
  .company-intro h1 {
    margin-bottom: 40px;
  }
}
.company-intro h1 > span {
  display: inline-block;
  position: relative;
  isolation: isolate;
}
.company-intro h1 > span::after {
  content: "";
  width: calc((100vw - (var(--container-size) + var(--bs-gutter-x) * 2 - 51%)) / 2 + 100% + 60px);
  display: block;
  position: absolute;
  z-index: 2;
  border-bottom: 1px dashed var(--grey);
  left: calc((100vw - (var(--container-size) + var(--bs-gutter-x) * 2 - 51%)) / 2 * -1);
  bottom: 8px;
}
.company-intro h1 > span::before {
  position: absolute;
  content: "";
  left: 0;
  top: 1px;
  z-index: 2;
  pointer-events: none;
  height: 100%;
  border-left: 1px dashed var(--grey);
}
.company-intro h1 span span:first-of-type {
  display: block;
}
.company-intro h1 span span {
  display: inline-block;
}
@media (min-width: 1200px) {
  .company-intro h1::after {
    content: "";
    vertical-align: bottom;
    display: inline-block;
    width: 47px;
    height: 47px;
    margin-bottom: 5px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 47 47'%3E%3Cpath stroke='%231A2638' stroke-linejoin='round' stroke-width='5' d='M40.117 6.883v33.234H6.883'/%3E%3Cpath stroke='%231A2638' stroke-linecap='round' stroke-width='5' d='M9.616 9.487 38.79 38.659'/%3E%3C/svg%3E%0A");
  }
}
@media (max-width: 991px) {
  .company-intro img {
    margin: 0 auto;
    display: block;
    position: absolute;
    width: 100%;
  }
}
@media (max-width: 480px) {
  .company-intro img {
    display: block;
    left: 0;
    position: absolute;
    width: 100%;
  }
}

.section-partners {
  background: var(--light-blue);
  text-align: center;
  padding-top: 76px;
  padding-bottom: 130px;
  margin-bottom: -40px;
  border-top-right-radius: 40px;
  border-top-left-radius: 40px;
}
.section-partners h3 {
  margin-bottom: 0;
}
.section-partners .small-title {
  margin-top: 40px;
  margin-bottom: 0;
}
.section-partners .partners-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 33px;
}
@media (min-width: 1200px) {
  .section-partners .partners-wrapper {
    margin-top: 110px;
    gap: 150px;
    flex-direction: row;
  }
  .section-partners .partners-wrapper:first-of-type::after {
    border: 1px solid #bec5cf;
    content: "";
    position: relative;
    width: 1px;
    height: 194px;
    order: 0;
  }
}
.section-partners .partners-col {
  display: flex;
  flex-direction: column;
  gap: 47px;
}
@media (min-width: 1200px) {
  .section-partners .partners-col:first-of-type {
    order: -1;
  }
  .section-partners .partners-col:nth-of-type(2) {
    order: 1;
  }
  .section-partners .partners-col .small-title {
    order: 9999;
    margin-top: 10px;
  }
}

.company-numbers {
  border-bottom: 1px solid var(--rich-black);
  margin-bottom: 60px;
}
@media (min-width: 1200px) {
  .company-numbers .svg-bubble {
    width: 89px;
  }
}

.row-number {
  display: flex;
  position: relative;
}
.row-number::before, .row-number::after {
  display: block;
  content: "";
  position: absolute;
  height: 1px;
  background-color: var(--rich-black);
  right: 50%;
  left: 50%;
  width: 100vw;
  margin-right: -50vw;
  margin-left: -50vw;
}
.row-number::before {
  top: 0;
}
.row-number .col-number {
  padding: 30px;
  min-height: 190px;
}
@media (min-width: 1200px) {
  .row-number .col-number {
    height: 300px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
.row-number .col-number-spacer {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 190px;
}
@media (min-width: 1200px) {
  .row-number .col-number-spacer {
    height: 300px;
  }
}
.row-number:nth-of-type(1) .col-number {
  width: 56%;
  border-left: 1px solid var(--rich-black);
  border-right: 1px solid var(--rich-black);
}
@media (min-width: 1200px) {
  .row-number:nth-of-type(1) .col-number {
    width: calc(42% + 1px);
    flex-shrink: 0;
  }
}
.row-number:nth-of-type(1) .col-number-spacer {
  width: 44%;
}
@media (min-width: 1200px) {
  .row-number:nth-of-type(1) .col-number-spacer {
    width: 54%;
    display: flex;
    justify-content: center;
    gap: 70px;
  }
}
.row-number:nth-of-type(2) .col-number {
  width: 70%;
  border-left: 1px solid var(--rich-black);
}
.row-number:nth-of-type(2) .col-number-spacer {
  width: 42%;
  flex-shrink: 0;
}
@media (min-width: 1200px) {
  .row-number:nth-of-type(2) .col-number-spacer {
    border-left: 1px solid var(--rich-black);
  }
}
.row-number:nth-of-type(3) .col-number {
  padding-left: 17px;
  width: 73%;
  border-right: 1px solid var(--rich-black);
}
@media (min-width: 1200px) {
  .row-number:nth-of-type(3) .col-number {
    width: 687px;
    flex-shrink: 0;
    border-left: 1px solid var(--rich-black);
  }
}
.row-number:nth-of-type(3) .col-number-spacer {
  width: 27%;
}
@media (min-width: 1200px) {
  .row-number:nth-of-type(3) .col-number-spacer {
    width: 42%;
  }
}
.row-number:nth-of-type(4) .col-number {
  width: 66%;
  border-left: 1px solid var(--rich-black);
}
.row-number:nth-of-type(4) .col-number-spacer {
  width: 44%;
}
@media (min-width: 1200px) {
  .row-number:nth-of-type(4) .col-number-spacer {
    border-left: 1px solid var(--rich-black);
    width: 686px;
    flex-shrink: 0;
  }
}
.row-number:nth-of-type(4) .col-number-spacer svg {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.row-number:nth-of-type(4) .col-number-spacer:last-child {
  display: none;
}
.row-number .number {
  font-size: 90px;
  line-height: 70px;
  display: block;
  font-family: var(--font-alternative);
}
.row-number .number-suffix {
  font-size: 50px;
  line-height: 60px;
}
@media (min-width: 1200px) {
  .row-number .number-suffix {
    font-size: 90px;
    line-height: 70px;
  }
}
.row-number p {
  font-size: 14px;
  margin-top: 15px;
}
@media (min-width: 1200px) {
  .row-number p {
    font-size: 20px;
  }
}

.section-team {
  background: var(--rich-black);
  color: white;
  padding-top: 66px;
  padding-bottom: 42px;
  border-radius: 40px;
  margin-bottom: 60px;
}
@media (min-width: 1200px) {
  .section-team {
    padding-top: 85px;
    padding-bottom: 120px;
  }
}
.section-team h2 {
  text-align: center;
  margin-bottom: 30px;
}
@media (min-width: 1200px) {
  .section-team h2 {
    text-align: left;
    margin-bottom: 80px;
  }
}

.team {
  display: grid;
  gap: 60px;
}
@media (min-width: 1200px) {
  .team {
    grid-template-columns: repeat(3, 1fr);
  }
}

.team-member img {
  width: 100%;
  margin-bottom: 30px;
  clip-path: polygon(0 30px, 30px 0%, 100% 0%, 100% 100%, 100% 100%, 0 100%);
}
.team-member h3 {
  font-size: 35px;
  line-height: 40px;
  margin-bottom: 10px;
}
.team-member .small-title {
  color: white;
}
.team-member p {
  margin-bottom: 0;
}

@media (min-width: 1200px) {
  .section-philosophy {
    margin-bottom: 54px;
  }
  .section-philosophy h2 {
    margin-bottom: 55px;
  }
}
.section-philosophy .small-title {
  text-align: center;
}
@media (min-width: 1200px) {
  .section-philosophy .grid {
    display: grid;
    grid-auto-columns: 1fr;
    grid-template-columns: 40% repeat(2, 30%);
    grid-template-rows: repeat(3, auto);
    gap: 0px 0px;
    grid-template-areas: "first-col one four" "first-col two five" "first-col three five";
    position: relative;
  }
  .section-philosophy .grid::before, .section-philosophy .grid::after {
    display: block;
    content: "";
    position: absolute;
    height: 1px;
    background-color: var(--rich-black);
    right: 50%;
    left: 50%;
    width: 100vw;
    margin-right: -50vw;
    margin-left: -50vw;
  }
  .section-philosophy .grid::before {
    top: 0;
  }
  .section-philosophy .grid::after {
    bottom: 0;
  }
  .section-philosophy .grid .durability_intro {
    grid-area: first-col;
    border-top: 1px solid var(--rich-black);
    border-bottom: 1px solid var(--rich-black);
    padding-top: 65px;
  }
  .section-philosophy .grid .philosophy-item__number--one {
    grid-area: one;
    border-right: none;
    border-bottom: none;
  }
  .section-philosophy .grid .philosophy-item__number--two {
    grid-area: two;
    border-right: none;
    border-bottom: none;
  }
  .section-philosophy .grid .philosophy-item__number--three {
    grid-area: three;
    border-right: none;
  }
  .section-philosophy .grid .philosophy-item__number--four {
    grid-area: four;
    border-bottom: none;
    border-right: none;
  }
  .section-philosophy .grid .philosophy-item__number--five {
    grid-area: five;
    border-right: none;
    padding: 30px;
    position: relative;
  }
  .section-philosophy .grid .philosophy-item__number--five img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin-top: 0;
  }
  .section-philosophy .grid .philosophy-item__number--five::after {
    content: "";
    width: calc((100vw - var(--container-size)) / 2 + var(--bs-gutter-x) * 2);
    display: block;
    position: absolute;
    z-index: 2;
    border-bottom: 1px solid var(--rich-black);
    right: 0;
    top: -1px;
    transform: translateX(100%);
  }
}

@media (max-width: 1199px) {
  .philosophy-item {
    padding-top: 55px;
    margin-bottom: 80px;
  }
}
.philosophy-item__icon {
  text-align: center;
  margin: 0 auto;
  display: block;
  margin-bottom: 40px;
}
@media (min-width: 1200px) {
  .philosophy-item__icon {
    margin-left: 0;
  }
}
.philosophy-item__name {
  text-align: center;
  position: relative;
  margin-bottom: 90px;
}
.philosophy-item__name::after {
  content: "";
  width: 80%;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: -50px;
  border-bottom: 1px solid var(--light-blue);
}
@media (min-width: 1200px) {
  .philosophy-item__name {
    text-align: left;
    margin-bottom: 40px;
  }
  .philosophy-item__name::after {
    display: none;
  }
}
.philosophy-item__content {
  position: relative;
}
@media (max-width: 1199px) {
  .philosophy-item__content > p,
  .philosophy-item__content .collapse,
  .philosophy-item__content .collapsing {
    padding: 0 20px;
  }
}
.philosophy-item__content p {
  font-size: 14px;
  line-height: 22px;
}
.philosophy-item__content .philosophy-item__intro {
  font-size: 18px;
  line-height: 26px;
}
.philosophy-item__content .btn-text-collapse {
  display: none;
}
@media (max-width: 767px) {
  .philosophy-item__content.has-collapse {
    padding-bottom: 45px;
  }
  .philosophy-item__content.has-collapse:not(.visible)::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 45px;
    height: 100px;
    width: 100%;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff);
  }
  .philosophy-item__content.has-collapse .btn-text-collapse {
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: block;
    width: 45px;
    height: 45px;
    border: 1px solid var(--rich-black);
    background: white;
    border-radius: 50%;
    transition: background-color 250ms;
  }
  .philosophy-item__content.has-collapse .btn-text-collapse:hover {
    background: var(--light-blue);
  }
  .philosophy-item__content.has-collapse .btn-text-collapse::before {
    content: "";
    z-index: 1;
    background-size: 11px 11px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 11 11'%3E%3Cpath fill='%231A2638' d='M0 6.05v-1.1h11v1.1H0Z'/%3E%3Cpath fill='%231A2638' d='M4.95 0h1.1v11h-1.1V0Z'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    width: 11px;
    height: 11px;
    inset: 0;
    margin: auto;
    transition: transform 250ms;
  }
  .philosophy-item__content.has-collapse .btn-text-collapse::after {
    content: "";
    position: absolute;
    top: 50%;
    width: 80vw;
    height: 1px;
    right: 50%;
    left: 50%;
    margin-right: -40vw;
    margin-left: -40vw;
    background: var(--grey);
    z-index: -1;
  }
  .philosophy-item__content.has-collapse .btn-text-collapse[aria-expanded=true] {
    background: var(--light-blue);
  }
  .philosophy-item__content.has-collapse .btn-text-collapse[aria-expanded=true]::before {
    transform: rotate(45deg);
  }
}
@media (min-width: 1200px) {
  .philosophy-item__content.has-collapse .collapse {
    display: block;
  }
}
.philosophy-item__numbers {
  margin-bottom: 40px;
}
.philosophy-item__number {
  position: relative;
  padding: 25px 50px 35px 33px;
  border-left: 1px solid var(--rich-black);
  border-right: 1px solid var(--rich-black);
}
@media (max-width: 1199px) {
  .philosophy-item__number::before, .philosophy-item__number::after {
    display: block;
    content: "";
    position: absolute;
    height: 1px;
    background-color: var(--rich-black);
    right: 50%;
    left: 50%;
    width: 100vw;
    margin-right: -50vw;
    margin-left: -50vw;
  }
  .philosophy-item__number::before {
    top: 0;
  }
  .philosophy-item__number::after {
    bottom: -0.5px;
  }
}
@media (min-width: 1200px) {
  .philosophy-item__number {
    padding: 50px;
    border: 1px solid var(--rich-black);
  }
}
.philosophy-item__number span {
  font-size: 30px;
  line-height: 35px;
  margin-bottom: 10px;
  display: block;
  font-family: var(--font-alternative);
}
.philosophy-item__number p {
  margin-bottom: 0;
  font-size: 14px;
}
.philosophy-item .philosophy-item__number--five img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.philosophy-item .philosophy-item__number--five::before, .philosophy-item .philosophy-item__number--five::after {
  display: none;
}
@media (max-width: 1199px) {
  .philosophy-item .philosophy-item__number--five {
    margin-top: 1px;
    width: calc(100% + var(--bs-gutter-x));
    max-width: initial;
    margin-left: calc(var(--bs-gutter-x) * -0.5);
    margin-right: calc(var(--bs-gutter-x) * -0.5);
    padding: 0;
    margin-bottom: 80px;
  }
}

@media (max-width: 1199px) {
  .philosophy-item--columns > img {
    margin-top: 14px;
    width: calc(100% + var(--bs-gutter-x));
    max-width: initial;
    margin-left: calc(var(--bs-gutter-x) * -0.5);
    margin-right: calc(var(--bs-gutter-x) * -0.5);
    padding: 0;
    margin-bottom: 80px;
  }
}
@media (min-width: 1200px) {
  .philosophy-item--columns {
    display: flex;
    flex-direction: row-reverse;
    position: relative;
  }
  .philosophy-item--columns::after {
    display: block;
    content: "";
    position: absolute;
    height: 1px;
    background-color: var(--rich-black);
    right: 50%;
    left: 50%;
    width: 100vw;
    margin-right: -50vw;
    margin-left: -50vw;
    bottom: 0;
  }
  .philosophy-item--columns > img {
    border-right: 1px solid var(--rich-black);
    padding: 30px;
    margin-bottom: 0;
    width: 58.33333333%;
  }
  .philosophy-item--columns > div {
    width: 41.66666667%;
    padding: 30px;
    padding-left: 70px;
    padding-top: 76px;
  }
}
@media (min-width: 1200px) {
  .philosophy-item--columns:nth-of-type(odd) {
    flex-direction: row;
  }
}
.philosophy-item--columns:nth-of-type(odd) > img {
  border-right: 0;
  border-left: 1px solid var(--rich-black);
}

.blog main {
  padding-top: 140px;
}
@media (min-width: 1200px) {
  .blog main {
    padding-top: 166px;
  }
}
.blog h1 {
  font-size: 75px;
  line-height: 70px;
  margin-bottom: 0;
}

.news-intro {
  position: relative;
}
.news-intro .facetwp-facet {
  margin-bottom: 0;
}
.news-intro::after {
  position: absolute;
  content: "";
  left: 0;
  z-index: 2;
  pointer-events: none;
  border-bottom: 1px dashed var(--grey);
  width: 100%;
}
@media (max-width: 1199px) {
  .news-intro::after {
    top: 130px;
  }
}
@media (min-width: 1200px) {
  .news-intro::after {
    bottom: 8px;
  }
}
.news-intro h1 {
  position: relative;
}
.news-intro h1::before {
  position: absolute;
  content: "";
  left: 0;
  z-index: 2;
  pointer-events: none;
  border-left: 1px dashed var(--grey);
  top: 10px;
  height: 150%;
}
.news-intro p {
  font-size: 20px;
  line-height: 26px;
  margin-bottom: 3px;
  font-family: var(--font-alternative);
}
@media (max-width: 1199px) {
  .news-intro .slct {
    margin-top: 40px;
  }
}
@media (min-width: 1200px) {
  .news-intro .slct {
    margin-bottom: 8px;
  }
}
.news-intro .container {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (min-width: 1200px) {
  .news-intro .container {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
  }
}

.news-listing {
  display: grid;
  gap: 34px 60px;
  margin-top: 30px;
  margin-bottom: 54px;
}
@media (min-width: 768px) {
  .news-listing {
    gap: 48px 60px;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1200px) {
  .news-listing {
    margin-top: 67px;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, auto);
  }
}

.post-item__image {
  position: relative;
  border-radius: 30px;
  overflow: hidden;
  margin-bottom: 20px;
}
.post-item__image img {
  width: 100%;
  object-fit: cover;
  transition: 350ms ease-in-out;
}
.post-item__image:hover img {
  transform: scale(1.1);
}
.post-item .small-title {
  margin-bottom: 10px;
}
.post-item__content a {
  text-decoration: none;
}
.post-item__content a p {
  font-family: var(--font-alternative);
  font-size: 20px;
  line-height: 26px;
  color: var(--rich-black);
  margin-bottom: 0;
}
.post-item__content a:hover {
  color: var(--rich-black);
  text-decoration: underline;
}
.post-item__categories {
  position: absolute;
  top: 22px;
  left: 20px;
  display: flex;
  gap: 20px;
}
.post-item__category {
  background-color: white;
  border-radius: 20px;
  color: var(--rich-black);
  display: block;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 500;
  line-height: 12px;
  letter-spacing: 0.09em;
  padding: 6px 10px;
  transition: all 250ms;
  z-index: 2;
}
.post-item__category:hover {
  background: var(--rich-black);
  color: white;
}

@media (min-width: 1200px) {
  .blog .post-item.featured, .blog .post-item:first-of-type {
    grid-area: 1/1/2/4;
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 60px;
  }
  .blog .post-item.featured img, .blog .post-item:first-of-type img {
    width: 100%;
    object-fit: cover;
    aspect-ratio: 1/0.54;
  }
  .blog .post-item.featured .post-item__content a p, .blog .post-item:first-of-type .post-item__content a p {
    font-size: 50px;
    line-height: 50px;
    font-weight: 400;
    letter-spacing: 0;
  }
}

.single-post .post__image {
  position: relative;
}
.single-post main .size-news-details {
  border-radius: 30px;
  margin-bottom: 40px;
}
.single-post main .blog_date {
  display: block;
  font-weight: 500;
  font-size: 11px;
  line-height: 18px;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  color: var(--regent-grey);
  margin-bottom: 20px;
}
.single-post main h1 {
  font-size: 50px;
  margin-bottom: 60px;
}
.single-post main h3 {
  font-size: 30px;
}
.single-post main h3::after {
  display: none;
}
.single-post aside {
  margin-top: 46px;
}
.single-post aside h1 {
  font-size: 50px;
}
.single-post aside .news-listing {
  margin-top: 50px;
}

.page-template-template-visit {
  --header-color: white;
}

.visit-intro {
  display: flex;
  align-items: center;
  margin-top: 0;
  margin-bottom: 76px;
}
@media (max-width: 1199px) {
  .visit-intro {
    height: 80vh;
  }
}
.visit-intro img {
  min-width: calc(100% + 36px);
  margin-left: -18px;
  border-radius: 0 0 60px 60px;
}
@media (min-width: 1200px) {
  .visit-intro img {
    min-width: calc(100% + 120px);
    margin-left: -60px;
  }
}
@media (max-width: 1199px) {
  .visit-intro img {
    height: 80vh;
    object-fit: cover;
  }
}
.visit-intro .container {
  position: relative;
}
@media (min-width: 1200px) {
  .visit-intro .page-intro__content {
    bottom: 44px;
    width: 50%;
  }
}
.visit-intro .page-intro__content h1 {
  font-size: 75px;
  line-height: 1;
}
@media (min-width: 1200px) {
  .visit-intro .page-intro__content h1 {
    margin-bottom: 78px;
  }
}
@media (max-width: 1199px) {
  .visit-intro .page-intro__content h1 {
    font-size: 35px;
    line-height: 40px;
  }
}
@media (min-width: 1200px) {
  .visit-intro .btn-main, .visit-intro .page-template-template-b2b .cta_button .wp-block-button a, .page-template-template-b2b .cta_button .wp-block-button .visit-intro a {
    position: relative;
    inset: initial;
  }
}

.page-template-template-visit .visit-desc {
  flex-direction: column;
  gap: 30px;
  margin-bottom: 50px;
}
@media (min-width: 1200px) {
  .page-template-template-visit .visit-desc {
    flex-direction: row;
    width: 75%;
    margin: 0 auto;
    gap: 60px;
    margin-bottom: 100px;
  }
  .page-template-template-visit .visit-desc p:nth-of-type(1) {
    width: 67%;
    font-size: 22px;
    font-family: var(--font-alternative);
    line-height: 30px;
  }
  .page-template-template-visit .visit-desc p:nth-of-type(2) {
    width: 24%;
    font-size: 14px;
    line-height: 22px;
  }
}

#wpsl-wrap {
  margin-bottom: 87px;
}
@media (max-width: 480px) {
  #wpsl-wrap {
    width: 100vw;
    margin-right: calc(var(--bs-gutter-x) * -0.5);
    margin-left: calc(var(--bs-gutter-x) * -0.5);
  }
}

#wpsl-gmap {
  border-radius: 60px 60px 0 0;
}
@media (max-width: 675px) {
  #wpsl-gmap {
    margin-bottom: 0;
  }
}
@media (min-width: 1200px) {
  #wpsl-gmap {
    border-radius: 60px;
  }
}

#wpsl-result-list #wpsl-stores {
  overflow: hidden;
  margin-bottom: 60px;
  height: auto !important;
}

#wpsl-direction-details,
#wpsl-gmap {
  height: 350px !important;
}
@media (min-width: 1200px) {
  #wpsl-direction-details,
  #wpsl-gmap {
    height: 750px !important;
  }
}

#wpsl-result-list {
  height: 350px !important;
}
@media (min-width: 1200px) {
  #wpsl-result-list {
    height: 650px !important;
  }
}

.wpsl-store-below #wpsl-result-list {
  margin: 0;
  background: var(--rich-black);
  color: white;
  padding-top: 43px;
}
@media (min-width: 1200px) {
  .wpsl-store-below #wpsl-result-list h3 {
    font-size: 35px;
    line-height: 40px;
    text-align: center;
    margin: 0 auto;
    padding-bottom: 38px;
    border-bottom: 1px solid #818996;
  }
}
@media (min-width: 1200px) {
  .wpsl-store-below #wpsl-result-list {
    clip-path: polygon(0% 30px, 30px 0%, 100% 0%, 100% 100%, 0% 100%);
    width: 30%;
    position: absolute;
    right: 30px;
    z-index: 2;
    height: calc(100% - 120px);
    top: 60px;
    overflow: auto;
  }
}

#wpsl-wrap #wpsl-result-list li {
  border-color: transparent;
  position: relative;
}
#wpsl-wrap #wpsl-result-list li::after {
  z-index: 2;
  content: "";
  height: 1px;
  width: calc(100% - 36px);
  margin: auto;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 1px;
  background: #bec5cf;
  opacity: 0.5;
}

.wpsl-direction-wrap,
.wpsl-directions {
  display: none !important;
}

#wpsl-wrap.wpsl-store-below #wpsl-result-list li {
  display: flex;
  justify-content: space-between;
  padding: 20px 18px;
  align-items: center;
}
#wpsl-wrap.wpsl-store-below #wpsl-result-list li h3 {
  display: none;
}
#wpsl-wrap.wpsl-store-below #wpsl-result-list li h6 {
  font-family: var(--font-alternative);
  font-weight: 400;
  font-size: 14px;
}

.wpsl-size {
  text-transform: uppercase;
  color: var(--regent-grey);
  font-weight: 500;
  font-size: 11px;
  line-height: 18px;
  letter-spacing: 0.09em;
}

img.wpsl-store-thumb {
  width: 300px !important;
}

.gm-style .gm-style-iw-c {
  padding: 30px !important;
  border-radius: 0;
}

#wpsl-gmap .gm-style-iw-c:focus-visible {
  outline: none;
}

#wpsl-gmap .gm-style-iw-d {
  overflow: hidden !important;
}
#wpsl-gmap .gm-style-iw-d > div {
  margin: 0;
  padding: 0;
  width: 100%;
}
#wpsl-gmap .gm-style-iw-d .wpsl-info-window {
  max-width: none !important;
  display: flex;
  align-items: center;
  flex-direction: column;
}
#wpsl-gmap .gm-style-iw-d .wpsl-info-window h6 {
  /* CTA 11 */
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-size: 11px;
  line-height: 18px;
  /* identical to box height, or 166% */
  text-align: right;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  /* Gris entre trois */
  color: #BEC5CF;
}
#wpsl-gmap .gm-style-iw-d .wpsl-info-window h3 {
  /* Titre 30 */
  font-family: "Space Grotesk";
  font-style: normal;
  font-weight: 400;
  font-size: 30px;
  line-height: 35px;
  /* identical to box height, or 117% */
  text-align: center;
  /* Rich black */
  color: #1A2638;
}
#wpsl-gmap .gm-style-iw-d .wpsl-info-window img {
  margin-bottom: 30px;
  border-radius: 30px;
}
@media (max-width: 1199px) {
  #wpsl-gmap .gm-style-iw-d .wpsl-info-window .btn-block, #wpsl-gmap .gm-style-iw-d .wpsl-info-window .page-template-template-b2b .cta_button .wp-block-button a, .page-template-template-b2b .cta_button .wp-block-button #wpsl-gmap .gm-style-iw-d .wpsl-info-window a {
    padding-right: 50px;
  }
  #wpsl-gmap .gm-style-iw-d .wpsl-info-window .btn-block.btn-arrow::after, #wpsl-gmap .gm-style-iw-d .wpsl-info-window .page-template-template-b2b .cta_button .wp-block-button a::after, .page-template-template-b2b .cta_button .wp-block-button #wpsl-gmap .gm-style-iw-d .wpsl-info-window a::after {
    top: 13px;
  }
}

.page-template-page-configurator {
  /*@include up(1200) {
    article.post-397{
      .gform-body.gform_body{
        .gform_page_fields {
          background: #ffffff;
          position: relative;
          z-index: 2;
        }
      }
    }
  }*/
}
.page-template-page-configurator .entry-header {
  display: none;
}
@media (max-width: 1199px) {
  .page-template-page-configurator.summary-open article.page .gform-body.gform_body {
    overflow-y: visible !important;
  }
  .page-template-page-configurator main {
    padding-top: 70px !important;
  }
  .page-template-page-configurator article.page {
    max-height: calc(100vh - 100px);
    margin-bottom: 60px;
  }
  .page-template-page-configurator article.page .gform-body.gform_body {
    overflow-y: scroll;
    max-height: 26vh;
  }
  .page-template-page-configurator article.page .gform-body.gform_body .gform_page_fields .ginput_container,
  .page-template-page-configurator article.page .gform-body.gform_body .gform_page_fields .gfield_description {
    background: #ffffff;
    position: relative;
    z-index: 2;
  }
  .page-template-page-configurator article.page .gform-body.gform_body #gform_page_1_6 .gform_page_fields .ginput_container,
  .page-template-page-configurator article.page .gform-body.gform_body #gform_page_1_6 .gform_page_fields .gfield_description {
    background: transparent;
  }
  .page-template-page-configurator .site-footer {
    display: none;
  }
}
.page-template-page-configurator.summary-open:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: rgb(0, 0, 0);
  opacity: 0.6;
  position: absolute;
  z-index: 7;
}

@media (max-width: 1199px) {
  .hentry[data-active-page="6"] {
    margin-top: 15px;
    max-height: none !important;
  }
}

.configurator {
  display: flex;
  margin-bottom: 50px;
  flex-direction: column;
}
@media (max-width: 1199px) {
  .configurator[data-active-page="6"] .configurator__preview {
    display: none;
  }
  .configurator[data-active-page="6"] .gform-body.gform_body {
    overflow-y: auto !important;
    max-height: none !important;
  }
}
.configurator[data-active-page="6"] .preview-area {
  background: transparent url("https://woodcab.eu/wp-content/uploads/2023/04/finalconfig.png") center center no-repeat;
  background-size: cover;
}
@media (min-width: 1200px) {
  .configurator {
    flex-direction: row;
  }
}
.configurator__preview {
  flex-grow: 1;
  position: relative;
  background: var(--light-blue);
  height: 320px;
}
@media (min-width: 1200px) {
  .configurator__preview {
    height: auto;
  }
}
.configurator .btn-previous-step {
  position: absolute;
  top: 34px;
  left: 30px;
  appearance: none;
  background: none;
  border: 0;
  font-weight: 500;
  font-size: 10px;
  line-height: 12px;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  color: var(--rich-black);
  z-index: 2;
  padding: 0;
  display: inline-block;
  vertical-align: baseline;
}
.configurator .btn-previous-step svg {
  transition: transform 250ms;
}
.configurator .btn-previous-step svg path {
  stroke: var(--rich-black);
}
.configurator .btn-previous-step:hover svg {
  transform: translateX(-5px);
}
.configurator[data-active-page="4"] .btn-previous-step, .configurator[data-active-page="5"] .btn-previous-step {
  background: #ffffff;
  border-radius: 60px;
  padding: 8px 12px;
  top: 29px;
}
.configurator .btn-summary {
  position: absolute;
  top: 30px;
  right: 30px;
  z-index: 2;
  background: #ffffff;
  border-radius: 60px;
  font-weight: 500;
  font-size: 10px;
  line-height: 12px;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  border: 0;
  color: var(--rich-black);
  padding: 8px 12px;
  transition: all 250ms;
  box-shadow: 0px 0px 5px -1px rgba(0, 0, 0, 0.1);
}
.configurator .btn-summary:hover {
  background: var(--rich-black);
  color: #ffffff;
}
.configurator .preview-area {
  background-repeat: no-repeat;
  height: 100%;
  position: relative;
  width: 100%;
  overflow: hidden;
}
.configurator .preview-area img {
  width: 102%;
  object-fit: cover;
}
.configurator .preview-layer {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.configurator .preview-layer.visible {
  opacity: 1;
}
.configurator .preview-layer-2 img {
  width: 100%;
  height: 100%;
}
.configurator .preview-layer-3 {
  align-items: flex-start;
}
.configurator .preview-layer-4 {
  align-items: flex-end;
}
.configurator .preview-layer-3 img,
.configurator .preview-layer-4 img {
  width: 100%;
  height: 50%;
}
.configurator .preview-layer-5,
.configurator .preview-layer-6 {
  align-items: flex-start;
}
.configurator .preview-layer-5 img,
.configurator .preview-layer-6 img {
  width: calc(33.333% - 36px);
  height: calc(50% - 36px);
  position: absolute;
  margin: 18px;
}
@media (max-width: 1199px) {
  .configurator .preview-layer-5 img,
  .configurator .preview-layer-6 img {
    width: calc(33.333% - 20px);
    height: calc(50% - 20px);
    margin: 10px;
  }
}
.configurator .preview-layer-5 {
  background-image: url("../img/bg_4_conf.png");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.configurator .preview-layer-5 .choice_1_15_1 {
  left: 0%;
}
.configurator .preview-layer-5 .choice_1_15_2 {
  left: 33.333%;
}
.configurator .preview-layer-5 .choice_1_15_3 {
  left: 66.666%;
}
.configurator .preview-layer-5 .choice_1_15_4 {
  top: 50%;
  left: 0%;
}
.configurator .preview-layer-5 .choice_1_15_5 {
  top: 50%;
  left: 33.333%;
}
.configurator .preview-layer-5 .choice_1_15_6 {
  top: 50%;
  left: 66.666%;
}
.configurator .preview-layer-6 {
  background-image: url("../img/bg_5_conf.png");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.configurator .preview-layer-6 .choice_1_16_1 {
  left: 0%;
}
.configurator .preview-layer-6 .choice_1_16_2 {
  left: 33.333%;
}
.configurator .preview-layer-6 .choice_1_16_3 {
  left: 66.666%;
}
.configurator .preview-layer-6 .choice_1_16_4 {
  top: 50%;
  left: 0%;
}
.configurator .preview-layer-6 .choice_1_16_5 {
  top: 50%;
  left: 33.333%;
}
.configurator .preview-layer-6 .choice_1_16_6 {
  top: 50%;
  left: 66.666%;
}
.configurator__settings {
  flex-basis: 37.5%;
  overflow-y: auto;
  overflow-x: hidden;
  position: relative;
  display: flex;
  flex-direction: column;
  height: 750px;
}
@media (min-width: 1200px) {
  .configurator__settings {
    height: calc(100vh - 120px);
    max-height: 750px;
  }
}
@media (max-width: 1199px) {
  .summary-open .configurator__settings {
    overflow-y: visible;
    overflow-x: visible;
  }
}
.configurator__settings.hide {
  overflow-y: hidden;
}
@media (max-width: 1199px) {
  .configurator__settings.hide {
    overflow-x: visible;
    overflow-y: visible;
  }
}
.configurator .gotrgf_form_container {
  margin-top: 0;
  display: block;
}
.configurator .gotrgf_form_wrapper {
  width: 100%;
  border: 0;
  border-radius: 0;
  padding: 0;
  height: 100%;
}
.configurator .gform_confirmation_wrapper {
  height: 100%;
  background: var(--rich-black);
  color: white;
  padding: 30px;
}
.configurator .gform_page {
  padding: 5px 15px;
  padding-top: 10px;
  padding-bottom: 0;
  min-height: 100%;
}
@media (min-width: 1200px) {
  .configurator .gform_page {
    padding: 30px;
    padding-top: 30px;
    padding-bottom: 0;
  }
}
.configurator .gform_heading {
  display: none;
}
.configurator .gform_wrapper.gravity-theme .gfield_description {
  font-size: 13px;
  color: var(--grey);
  font-style: italic;
}
.configurator .gform_wrapper.gravity-theme #input_1_15 {
  padding-bottom: 30px;
}
@media (min-width: 1200px) {
  .configurator .gform_wrapper.gravity-theme #field_1_15 .gfield_description {
    margin-top: -35px;
    background-color: #ffffff;
    padding-top: 10px;
    position: relative;
  }
}
@media (min-width: 1200px) {
  .configurator .gform_wrapper.gravity-theme #field_1_16 .gfield_description {
    margin-top: -15px;
  }
}
.configurator .gform_wrapper.gravity-theme .gfield_label {
  font-size: 30px;
  font-weight: 400;
  margin-bottom: 25px;
}
@media (max-width: 1199px) {
  .configurator .gform_wrapper.gravity-theme .gfield_label {
    margin-bottom: 15px;
  }
}
.configurator .gform_wrapper.gravity-theme .gfield_label {
  font-family: var(--font-alternative);
  line-height: 35px;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  z-index: 10;
}
.configurator .gform_wrapper.gravity-theme .gfield_label .info_fieldset {
  top: 0;
  background: white;
  position: absolute;
  border: 0;
  top: 0;
  height: 100%;
  left: 0;
  width: 100%;
  padding: 75px 55px;
  overflow-y: auto;
  transition: transform 250ms;
  transform: translateX(110%);
  border-radius: 30px 0px 0px 30px;
  border: none;
  z-index: 10;
}
@media (max-width: 1199px) {
  .configurator .gform_wrapper.gravity-theme .gfield_label .info_fieldset {
    position: fixed;
  }
}
.configurator .gform_wrapper.gravity-theme .gfield_label .info_fieldset.show {
  transform: translateX(0);
}
.configurator .gform_wrapper.gravity-theme .gfield_label .info_fieldset h6 {
  font-style: normal;
  font-weight: 500;
  font-size: 11px;
  line-height: 18px;
  /* identical to box height, or 166% */
  letter-spacing: 0.09em;
  text-transform: uppercase;
}
.configurator .gform_wrapper.gravity-theme .gfield_label .info_fieldset h3 {
  font-style: normal;
  font-weight: 400;
  font-size: 30px;
  line-height: 35px;
  margin-bottom: 30px;
}
.configurator .gform_wrapper.gravity-theme .gfield_label .info_fieldset h3::after {
  content: none;
}
.configurator .gform_wrapper.gravity-theme .gfield_label .info_fieldset p, .configurator .gform_wrapper.gravity-theme .gfield_label .info_fieldset li {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
}
.configurator .gform_wrapper.gravity-theme .gfield_label .info_fieldset .wp-block-image {
  margin: 20px -55px;
}
.configurator .gform_wrapper.gravity-theme .gfield_label .gfield_required {
  display: none;
}
.configurator .gform_wrapper.gravity-theme .gfield_label a {
  flex: 0 1 100%;
  font-family: var(--font-body);
  font-style: normal;
  font-weight: 500;
  font-size: 11px;
  line-height: 18px;
  /* identical to box height, or 166% */
  text-align: right;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  margin: 0 0 5px;
  height: 18px;
}
.configurator .gform_wrapper.gravity-theme .gfield_label a::before {
  content: none;
}
.configurator .gf_progressbar_wrapper,
.configurator .gform_wrapper.gravity-theme .gfield_required .gfield_required,
.configurator .gform_previous_button {
  display: none;
}
.configurator .image-choices-field .image-choices-choice-image-wrap {
  display: none !important;
}
.configurator .image-choices-field .image-choices-choice {
  border-radius: 30px;
  display: block;
  text-align: left;
  border: 0;
  padding: 12px 22px 14px 22px !important;
  margin: 0 !important;
}
.configurator .image-choices-field .image-choices-choice label {
  text-align: left;
  padding: 0 !important;
  border: 0;
}
.configurator .image-choices-field .image-choices-choice-focus label {
  border: 0;
}
.configurator .image-choices-field .image-choices-choice-selected {
  border: 0;
  background: var(--light-blue);
}
.configurator .image-choices-field .image-choices-choice-text,
.configurator .image-choices-field .image-choices-choice-price {
  font-size: 14px;
  font-family: var(--font-alternative);
  padding-top: 0;
}
.configurator .image-choices-field .image-choices-choice-text {
  display: flex !important;
  justify-content: space-between;
  align-items: center;
}
.configurator .image-choices-field .ginput_container_checkbox .image-choices-choice {
  display: flex;
  align-items: center;
  gap: 22px;
  border: 0;
  margin-bottom: 12px !important;
  padding-left: 10px !important;
}
.configurator .image-choices-field .image-choices-choice input[type=checkbox] {
  position: relative;
  left: initial;
  visibility: visible;
  border: 1px solid var(--rich-black);
  border-radius: 3px;
  appearance: none;
  width: 19px;
  height: 18px;
  flex-shrink: none;
}
.configurator .image-choices-field .image-choices-choice input[type=checkbox]:checked {
  background-color: var(--rich-black);
  border-color: var(--rich-black);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.configurator .image-choices-lightbox-btn {
  display: none;
}
.configurator .choice-price {
  font-family: var(--font-alternative);
  color: var(--regent-grey);
  font-weight: 500;
  font-size: 11px;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  white-space: nowrap;
}
.configurator .gform_page_footer {
  background: var(--rich-black);
  width: 100%;
  color: white;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0px !important;
}
.configurator .gform_page_footer .btn-config {
  width: 100%;
  text-align: right;
  height: 100%;
  padding: 24px 30px !important;
  z-index: 3;
  margin: 0 !important;
}
.configurator .gform_page_footer .btn-config:hover {
  background: var(--yellow);
  color: var(--rich-black);
}
.configurator .gform_page_footer .btn-config:hover:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 15 16'%3E%3Cpath stroke='%231a2638' stroke-linejoin='round' stroke-width='1.5' d='M12.803 13.303V2.697H2.197'/%3E%3Cpath stroke='%231a2638' stroke-linecap='round' stroke-width='1.5' d='m3.07 12.472 9.31-9.31'/%3E%3C/svg%3E%0A");
}
@media (min-width: 1200px) {
  .configurator .gform_page_footer {
    position: absolute;
    bottom: 0px;
    left: 0;
  }
}
@media (max-width: 1199px) {
  .configurator .gform_page_footer {
    position: fixed;
    bottom: 0;
    z-index: 2;
    left: 0;
  }
}
.configurator .price_total {
  display: flex;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: var(--regent-grey);
  position: absolute;
  bottom: 0;
  z-index: 9;
  bottom: 25px;
  left: 30px;
  pointer-events: none;
}
@media (max-width: 1199px) {
  .configurator .price_total {
    position: fixed;
    z-index: 2;
  }
}
.configurator .gotrgf_summary_wrapper {
  position: absolute;
  background: var(--rich-black);
  border: 0;
  top: 0;
  height: 100%;
  left: 0;
  width: 100%;
  overflow-y: auto;
  transition: transform 250ms;
  transform: translateX(110%);
  border-radius: 30px 0px 0px 30px;
  border: none;
  z-index: 12;
}
@media (max-width: 1199px) {
  .configurator .gotrgf_summary_wrapper {
    position: fixed;
    transform: translateX(110%) translateY(0px);
    z-index: 9999;
  }
}
.configurator .gotrgf_summary_wrapper.show {
  transform: translateX(0);
}
@media (max-width: 1199px) {
  .configurator .gotrgf_summary_wrapper.show {
    height: 100%;
  }
}
.configurator .gotrgf_form_overview_container {
  border: 0;
  height: 100%;
  border-radius: 0;
  background: var(--rich-black);
  color: white;
  padding: 37px;
  padding-top: 78px;
}
.configurator .gotrgf_form_overview_container > .gotrgf_summary_title,
.configurator .gotrgf_summary_title {
  border-bottom: none;
  font-family: var(--font-alternative);
  font-weight: 400;
  font-size: 30px;
  line-height: 35px;
  margin-bottom: 35px;
}
.configurator .gotrgf_form_overview_container > .gotrgf_summary_title > h5,
.configurator .gotrgf_summary_title > h5 {
  font-size: 30px;
  font-weight: 400;
  line-height: 35px;
  padding: 0;
}
.configurator .gotrgf_form_overview_container > .gotrgf_summary_lines {
  padding: 0;
  color: white;
}
.configurator .gotrgf_form_overview_container > .gotrgf_summary_lines > .gotrgf_summary_line {
  flex-direction: column;
  margin-bottom: 20px;
}
.configurator .gotrgf_form_overview_container > .gotrgf_summary_lines > .gotrgf_summary_line.check-line {
  flex-direction: row;
  margin-bottom: 6px;
}
.configurator .gotrgf_form_overview_container > .gotrgf_summary_lines > .gotrgf_summary_line.check-line .gotrgf_line_part_left {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: white;
  text-transform: none;
  letter-spacing: 0;
}
.configurator #gsline_1_15,
.configurator #gsline_1_16 {
  margin-bottom: 10px;
}
.configurator #gsline_1_16 {
  margin-top: 20px;
}
.configurator .gotrgf_form_overview_container > .gotrgf_summary_lines > .gotrgf_summary_line > .gotrgf_line_part_left {
  color: var(--regent-grey);
  font-weight: 500;
  font-size: 11px;
  line-height: 18px;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  margin-bottom: 0;
}
.configurator .gotrgf_form_overview_container > .gotrgf_summary_lines > .gotrgf_summary_line > .gotrgf_line_part_right {
  text-align: left;
  font-weight: 400;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0;
}
.configurator .gotrgf_unit_label {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
}
.configurator .gotrgf_unit_price {
  font-weight: 500;
  font-size: 11px;
  line-height: 18px;
  text-align: right;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}
.configurator .gotrgf_form_overview_container > .gotrgf_summary_total {
  border-color: var(--regent-grey);
  padding-top: 22px;
  padding-bottom: 40px;
  margin-top: 20px;
  align-items: center;
  font-size: 22px;
  line-height: 27px;
}
.configurator .gotrgf_form_overview_container > .gotrgf_summary_total > .gotrgf_label {
  font-weight: 400;
  font-size: 22px;
  line-height: 30px;
  padding: 0 !important;
}
.configurator .gotrgf_form_overview_container > .gotrgf_summary_total > .gotrgf_total_right {
  padding: 0;
  margin-right: 5px;
  font-family: var(--font-alternative);
  font-weight: 400;
  font-size: 22px;
  line-height: 30px;
}
.configurator .gform_wrapper.gravity-theme #gform_page_1_6 {
  background: var(--rich-black);
  color: white;
}
@media (min-width: 1200px) {
  .configurator .gform_wrapper.gravity-theme #gform_page_1_6 {
    transform: translateX(100%);
    position: absolute;
  }
}
.configurator .gform_wrapper.gravity-theme #gform_page_1_6 .gfield_label {
  font-weight: 500;
  font-size: 11px;
  line-height: 18px;
  color: var(--regent-grey);
  letter-spacing: 0.09em;
  text-transform: uppercase;
  margin-bottom: 5px;
}
.configurator .gform_wrapper.gravity-theme #gform_page_1_6 .gform-field-label--type-sub {
  display: none;
}
.configurator .gform_wrapper.gravity-theme #gform_page_1_6 .gfield input,
.configurator .gform_wrapper.gravity-theme #gform_page_1_6 .gfield textarea {
  border-radius: 60px;
  border: 0;
}
.configurator .gform_wrapper.gravity-theme #gform_page_1_6 .gfield textarea {
  border-radius: 30px;
}
.configurator .gform_wrapper.gravity-theme #gform_page_1_6 .gform_page_footer {
  background: var(--yellow);
  justify-content: center;
  position: sticky;
  margin: 30px 0 0 !important;
  margin-left: -30px !important;
  margin-right: -30px !important;
  width: calc(100% + 45px);
}
@media (min-width: 1200px) {
  .configurator .gform_wrapper.gravity-theme #gform_page_1_6 .gform_page_footer {
    width: calc(100% + 60px);
  }
}
@media (max-width: 1199px) {
  .configurator .gform_wrapper.gravity-theme #gform_page_1_6 .gform_page_footer {
    position: fixed;
    z-index: 9;
  }
}
.configurator .gform_wrapper.gravity-theme #gform_page_1_6 .btn-config {
  color: var(--rich-black);
  margin-left: 0 !important;
}
.configurator .gform_wrapper.gravity-theme #gform_page_1_6 .btn-config::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 15 16'%3E%3Cpath stroke='%231A2638' stroke-linejoin='round' stroke-width='1.5' d='M12.803 13.303V2.697H2.197'/%3E%3Cpath stroke='%231A2638' stroke-linecap='round' stroke-width='1.5' d='m3.07 12.472 9.31-9.31'/%3E%3C/svg%3E%0A");
}

.configurator[data-active-page="6"] .price_total {
  display: none;
}
.configurator[data-active-page="6"] .configurator-steps {
  display: none;
}

.configurator-steps {
  display: flex;
}
.configurator-steps .step-button {
  flex-grow: 1;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--grey);
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  background: white;
  border: 1px solid var(--grey);
  border-right-color: transparent;
  border-bottom-color: var(--rich-black);
}
@media (max-width: 1199px) {
  .configurator-steps .step-button {
    height: 40px;
  }
}
.configurator-steps .step-button:first-of-type {
  border-left-color: transparent;
}
.configurator-steps .step-button:last-of-type {
  border-right-color: transparent;
}
.configurator-steps .step-button.active {
  color: var(--rich-black);
  border-top-color: var(--rich-black);
  border-bottom-color: transparent;
}

.configurator[data-active-page="1"] .btn-previous-step {
  display: none;
}
.configurator[data-active-page="1"] .configurator-steps .step-button:nth-of-type(2) {
  border-bottom-left-radius: 30px;
  border-left-color: var(--rich-black);
}

.configurator[data-active-page="2"] .btn-previous-step {
  color: white;
}
.configurator[data-active-page="2"] .btn-previous-step svg path {
  stroke: white;
}
.configurator[data-active-page="2"] .configurator-steps .step-button:nth-of-type(1) {
  border-bottom-right-radius: 30px;
  border-right-color: var(--rich-black);
}
.configurator[data-active-page="2"] .configurator-steps .step-button:nth-of-type(2) {
  border-left-color: transparent;
}
.configurator[data-active-page="2"] .configurator-steps .step-button:nth-of-type(3) {
  border-bottom-left-radius: 30px;
  border-left-color: var(--rich-black);
}

.configurator[data-active-page="3"] .btn-previous-step {
  color: white;
}
.configurator[data-active-page="3"] .btn-previous-step svg path {
  stroke: white;
}
.configurator[data-active-page="3"] .configurator-steps .step-button:nth-of-type(2) {
  border-bottom-right-radius: 30px;
  border-right-color: var(--rich-black);
}
.configurator[data-active-page="3"] .configurator-steps .step-button:nth-of-type(3) {
  border-left-color: transparent;
}
.configurator[data-active-page="3"] .configurator-steps .step-button:nth-of-type(4) {
  border-bottom-left-radius: 30px;
  border-left-color: var(--rich-black);
}

.configurator[data-active-page="4"] .configurator-steps .step-button:nth-of-type(3) {
  border-bottom-right-radius: 30px;
  border-right-color: var(--rich-black);
}
.configurator[data-active-page="4"] .configurator-steps .step-button:nth-of-type(4) {
  border-left-color: transparent;
}
.configurator[data-active-page="4"] .configurator-steps .step-button:nth-of-type(5) {
  border-bottom-left-radius: 30px;
  border-left-color: var(--rich-black);
}

.configurator[data-active-page="5"] .configurator-steps .step-button:nth-of-type(4) {
  border-bottom-right-radius: 30px;
  border-right-color: var(--rich-black);
}
.configurator[data-active-page="5"] .configurator-steps .step-button:nth-of-type(5) {
  border-left-color: transparent;
}

@media (min-width: 1200px) {
  .configurator[data-active-page="6"] .gform_wrapper.gravity-theme #gform_page_1_6 {
    transform: translateX(0);
  }
}
@media (max-width: 1199px) {
  .configurator[data-active-page="6"] .gform_wrapper.gravity-theme #gform_page_1_6 {
    margin-bottom: 30px;
  }
}

@media (min-width: 1200px) {
  #field_1_23, #field_1_15 {
    padding-bottom: 72px;
  }
  #input_1_23, #gform_fields_1_3, #input_1_15 {
    height: calc(100vh - 420px);
    max-height: 420px;
    padding-right: 10px !important;
    overflow-x: hidden;
    overflow-y: auto;
  }
  #gform_fields_1_3 {
    height: auto;
    padding-bottom: 72px;
  }
  #input_1_23::-webkit-scrollbar-track,
  #gform_fields_1_3::-webkit-scrollbar-track,
  #input_1_15::-webkit-scrollbar-track,
  .configurator__settings::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3);
    border-radius: 4px;
    background-color: #F5F5F5;
  }
  #input_1_23::-webkit-scrollbar,
  #gform_fields_1_3::-webkit-scrollbar,
  #input_1_15::-webkit-scrollbar,
  .configurator__settings::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
  }
  #input_1_23::-webkit-scrollbar-thumb,
  #gform_fields_1_3::-webkit-scrollbar-thumb,
  #input_1_15::-webkit-scrollbar-thumb,
  .configurator__settings::-webkit-scrollbar-thumb {
    border-radius: 4px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #facc20;
  }
}
.configurator .gfield.thumb.image-choices-field .image-choices-choice {
  padding: 18px 28px 22px 28px !important;
}
.configurator .gfield.thumb .gfield_radio .gform-field-label {
  padding-left: 50px !important;
  position: relative;
}
.configurator .gfield.thumb .gfield_radio .gform-field-label::before {
  position: absolute;
  left: -13px;
  top: -10px;
  width: 43px;
  height: 43px;
  border-radius: 50%;
  content: "";
  background: var(--thumb-url, var(--rich-black));
  z-index: 2;
}

.gform_ajax_spinner {
  margin-left: -31px;
  margin-right: 10px;
}

/*# sourceMappingURL=main.css.map */