@charset "UTF-8";

/* node_modules/.pnpm/swiper@12.1.3/node_modules/swiper/swiper-bundle.css */

:root {
  --swiper-theme-color: #007aff;
}

:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  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: ease;
  transition-timing-function: initial;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}

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

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

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

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

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

.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-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d {
  perspective: 1200px;
}

.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow {
    transform-style: preserve-3d;
  }

.swiper-css-mode  > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
      display: none;
    }

.swiper-css-mode  > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start;
  }

.swiper-css-mode.swiper-horizontal  > .swiper-wrapper {
      scroll-snap-type: x mandatory;
    }

.swiper-css-mode.swiper-horizontal  > .swiper-wrapper > .swiper-slide:first-child {
      margin-left: var(--swiper-slides-offset-before);
      scroll-margin-inline-start: var(--swiper-slides-offset-before);
    }

.swiper-css-mode.swiper-horizontal  > .swiper-wrapper > .swiper-slide:last-child {
      margin-right: var(--swiper-slides-offset-after);
    }

.swiper-css-mode.swiper-vertical  > .swiper-wrapper {
      scroll-snap-type: y mandatory;
    }

.swiper-css-mode.swiper-vertical  > .swiper-wrapper > .swiper-slide:first-child {
      margin-top: var(--swiper-slides-offset-before);
      scroll-margin-block-start: var(--swiper-slides-offset-before);
    }

.swiper-css-mode.swiper-vertical  > .swiper-wrapper > .swiper-slide:last-child {
      margin-bottom: var(--swiper-slides-offset-after);
    }

.swiper-css-mode.swiper-free-mode  > .swiper-wrapper {
      scroll-snap-type: none;
    }

.swiper-css-mode.swiper-free-mode  > .swiper-wrapper > .swiper-slide {
      scroll-snap-align: none;
    }

.swiper-css-mode.swiper-centered  > .swiper-wrapper::before {
      content: "";
      flex-shrink: 0;
      order: 9999;
    }

.swiper-css-mode.swiper-centered  > .swiper-wrapper > .swiper-slide {
      scroll-snap-align: center center;
      scroll-snap-stop: always;
    }

.swiper-css-mode.swiper-centered.swiper-horizontal  > .swiper-wrapper > .swiper-slide:first-child {
      margin-left: var(--swiper-centered-offset-before);
    }

.swiper-css-mode.swiper-centered.swiper-horizontal  > .swiper-wrapper::before {
      height: 100%;
      min-height: 1px;
      width: var(--swiper-centered-offset-after);
    }

.swiper-css-mode.swiper-centered.swiper-vertical  > .swiper-wrapper > .swiper-slide:first-child {
      margin-top: var(--swiper-centered-offset-before);
    }

.swiper-css-mode.swiper-centered.swiper-vertical  > .swiper-wrapper::before {
      width: 100%;
      min-width: 1px;
      height: var(--swiper-centered-offset-after);
    }

.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
  }

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, 0.15);
  }

.swiper-3d .swiper-slide-shadow-left {
    background-image:
      linear-gradient(
        to left,
        rgba(0, 0, 0, 0.5),
        rgba(0, 0, 0, 0));
  }

.swiper-3d .swiper-slide-shadow-right {
    background-image:
      linear-gradient(
        to right,
        rgba(0, 0, 0, 0.5),
        rgba(0, 0, 0, 0));
  }

.swiper-3d .swiper-slide-shadow-top {
    background-image:
      linear-gradient(
        to top,
        rgba(0, 0, 0, 0.5),
        rgba(0, 0, 0, 0));
  }

.swiper-3d .swiper-slide-shadow-bottom {
    background-image:
      linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0.5),
        rgba(0, 0, 0, 0));
  }

.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 #007aff;
  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-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear;
  }

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

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

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
  }

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
    height: 1px;
    width: var(--swiper-virtual-size);
  }

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
    width: 1px;
    height: var(--swiper-virtual-size);
  }

:root {
  --swiper-navigation-size: 44px;
}

.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  width: 44px;
  width: var(--swiper-navigation-size);
  height: 44px;
  height: var(--swiper-navigation-size);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #007aff;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-disabled.swiper-button-prev,.swiper-button-disabled.swiper-button-next {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none;
  }

.swiper-button-hidden.swiper-button-prev,.swiper-button-hidden.swiper-button-next {
    opacity: 0;
    cursor: auto;
    pointer-events: none;
  }

.swiper-navigation-disabled .swiper-button-prev,.swiper-navigation-disabled .swiper-button-next {
    display: none !important;
  }

.swiper-button-prev ::slotted(svg) {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    transform-origin: center;
    fill: currentColor;
    pointer-events: none;
  }

.swiper-button-next ::slotted(svg) {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    transform-origin: center;
    fill: currentColor;
    pointer-events: none;
  }

.swiper-button-prev svg,.swiper-button-next svg {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    transform-origin: center;
    fill: currentColor;
    pointer-events: none;
  }

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

.swiper-button-prev,
.swiper-button-next {
  top: 50%;
  top: var(--swiper-navigation-top-offset, 50%);
  margin-top: calc(0px - (44px / 2));
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
}

.swiper-button-prev {
  left: 4px;
  left: var(--swiper-navigation-sides-offset, 4px);
  right: auto;
}

.swiper-button-prev ::slotted(.swiper-navigation-icon),.swiper-button-prev .swiper-navigation-icon {
    transform: rotate(180deg);
  }

.swiper-button-next {
  right: 4px;
  right: var(--swiper-navigation-sides-offset, 4px);
  left: auto;
}

.swiper-horizontal .swiper-button-prev,.swiper-horizontal .swiper-button-next,.swiper-horizontal  ~ .swiper-button-prev,.swiper-horizontal  ~ .swiper-button-next {
    top: 50%;
    top: var(--swiper-navigation-top-offset, 50%);
    margin-top: calc(0px - (44px / 2));
    margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
    margin-left: 0;
  }

.swiper-horizontal .swiper-button-prev,.swiper-horizontal ~ .swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl ~ .swiper-button-next {
    left: 4px;
    left: var(--swiper-navigation-sides-offset, 4px);
    right: auto;
  }

.swiper-horizontal .swiper-button-next,.swiper-horizontal ~ .swiper-button-next,.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl ~ .swiper-button-prev {
    right: 4px;
    right: var(--swiper-navigation-sides-offset, 4px);
    left: auto;
  }

.swiper-horizontal .swiper-button-prev:not(.does-not-exist) ::slotted(.swiper-navigation-icon) {
      transform: rotate(180deg);
    }

.swiper-horizontal ~ .swiper-button-prev:not(.does-not-exist) ::slotted(.swiper-navigation-icon) {
      transform: rotate(180deg);
    }

.swiper-horizontal.swiper-rtl .swiper-button-next ::slotted(.swiper-navigation-icon) {
      transform: rotate(180deg);
    }

.swiper-horizontal.swiper-rtl ~ .swiper-button-next ::slotted(.swiper-navigation-icon) {
      transform: rotate(180deg);
    }

.swiper-horizontal .swiper-button-prev:not(.does-not-exist) .swiper-navigation-icon,.swiper-horizontal ~ .swiper-button-prev:not(.does-not-exist) .swiper-navigation-icon,.swiper-horizontal.swiper-rtl .swiper-button-next .swiper-navigation-icon,.swiper-horizontal.swiper-rtl ~ .swiper-button-next .swiper-navigation-icon {
      transform: rotate(180deg);
    }

.swiper-horizontal.swiper-rtl .swiper-button-prev ::slotted(.swiper-navigation-icon) {
      transform: rotate(0deg);
    }

.swiper-horizontal.swiper-rtl ~ .swiper-button-prev ::slotted(.swiper-navigation-icon) {
      transform: rotate(0deg);
    }

.swiper-horizontal.swiper-rtl .swiper-button-prev .swiper-navigation-icon,.swiper-horizontal.swiper-rtl ~ .swiper-button-prev .swiper-navigation-icon {
      transform: rotate(0deg);
    }

.swiper-vertical .swiper-button-prev,.swiper-vertical .swiper-button-next,.swiper-vertical  ~ .swiper-button-prev,.swiper-vertical  ~ .swiper-button-next {
    left: 50%;
    left: var(--swiper-navigation-top-offset, 50%);
    right: auto;
    margin-left: calc(0px - (44px / 2));
    margin-left: calc(0px - (var(--swiper-navigation-size) / 2));
    margin-top: 0;
  }

.swiper-vertical .swiper-button-prev,.swiper-vertical  ~ .swiper-button-prev {
    top: 4px;
    top: var(--swiper-navigation-sides-offset, 4px);
    bottom: auto;
  }

.swiper-vertical .swiper-button-prev ::slotted(.swiper-navigation-icon) {
      transform: rotate(-90deg);
    }

.swiper-vertical ~ .swiper-button-prev ::slotted(.swiper-navigation-icon) {
      transform: rotate(-90deg);
    }

.swiper-vertical .swiper-button-prev .swiper-navigation-icon,.swiper-vertical ~ .swiper-button-prev .swiper-navigation-icon {
      transform: rotate(-90deg);
    }

.swiper-vertical .swiper-button-next,.swiper-vertical  ~ .swiper-button-next {
    bottom: 4px;
    bottom: var(--swiper-navigation-sides-offset, 4px);
    top: auto;
  }

.swiper-vertical .swiper-button-next ::slotted(.swiper-navigation-icon) {
      transform: rotate(90deg);
    }

.swiper-vertical ~ .swiper-button-next ::slotted(.swiper-navigation-icon) {
      transform: rotate(90deg);
    }

.swiper-vertical .swiper-button-next .swiper-navigation-icon,.swiper-vertical ~ .swiper-button-next .swiper-navigation-icon {
      transform: rotate(90deg);
    }

:root {
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  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;
  }

.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: 8px;
  bottom: var(--swiper-pagination-bottom, 8px);
  top: auto;
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(0.33);
    position: relative;
  }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    transform: scale(1);
  }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1);
  }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(0.66);
  }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(0.33);
  }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(0.66);
  }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(0.33);
  }

.swiper-pagination-bullet {
  width: 8px;
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: 8px;
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: 50%;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: #000;
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: 0.2;
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
  }

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
  }

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

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

.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
  right: 8px;
  right: var(--swiper-pagination-right, 8px);
  left: auto;
  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: 6px 0;
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block;
  }

.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-bullets-dynamic.swiper-pagination-vertical.swiper-pagination-bullets {
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
  }

.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-bullets-dynamic.swiper-pagination-vertical.swiper-pagination-bullets .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 4px;
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
  }

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-bullets-dynamic.swiper-pagination-horizontal.swiper-pagination-bullets {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
  }

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-bullets-dynamic.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
      transition: 200ms transform, 200ms left;
    }

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

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

.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #007aff;
    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: 4px;
    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: 4px;
    width: var(--swiper-pagination-progressbar-size, 4px);
    height: 100%;
    left: 0;
    top: 0;
  }

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

:root {
}

.swiper-scrollbar {
  border-radius: 10px;
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  position: relative;
  touch-action: none;
  background: rgba(0, 0, 0, 0.1);
  background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
}

.swiper-scrollbar-disabled > .swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled {
    display: none !important;
  }

.swiper-horizontal > .swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal {
    position: absolute;
    left: 1%;
    left: var(--swiper-scrollbar-sides-offset, 1%);
    bottom: 4px;
    bottom: var(--swiper-scrollbar-bottom, 4px);
    top: auto;
    top: var(--swiper-scrollbar-top, auto);
    z-index: 50;
    height: 4px;
    height: var(--swiper-scrollbar-size, 4px);
    width: calc(100% - 2 * 1%);
    width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
  }

.swiper-vertical > .swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-vertical {
    position: absolute;
    left: auto;
    left: var(--swiper-scrollbar-left, auto);
    right: 4px;
    right: var(--swiper-scrollbar-right, 4px);
    top: 1%;
    top: var(--swiper-scrollbar-sides-offset, 1%);
    z-index: 50;
    width: 4px;
    width: var(--swiper-scrollbar-size, 4px);
    height: calc(100% - 2 * 1%);
    height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
  }

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
  border-radius: 10px;
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

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

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.swiper-zoom-container  > img,.swiper-zoom-container  > svg,.swiper-zoom-container  > canvas {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }

.swiper-slide-zoomed {
  cursor: move;
  touch-action: none;
}

.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-thumbs .swiper-slide-thumb-active {
  }

.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}

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

.swiper-fade.swiper-free-mode .swiper-slide {
      transition-timing-function: ease-out;
    }

.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity;
  }

.swiper-fade .swiper-slide .swiper-slide {
      pointer-events: none;
    }

.swiper-fade .swiper-slide-active {
    pointer-events: auto;
  }

.swiper-fade .swiper-slide-active .swiper-slide-active {
      pointer-events: auto;
    }

.swiper.swiper-cube {
  overflow: visible;
}

.swiper-cube .swiper-slide {
    pointer-events: none;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%;
  }

.swiper-cube .swiper-slide .swiper-slide {
      pointer-events: none;
    }

.swiper-cube.swiper-rtl .swiper-slide {
    transform-origin: 100% 0;
  }

.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active {
      pointer-events: auto;
    }

.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible;
  }

.swiper-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    opacity: 0.6;
    z-index: 0;
  }

.swiper-cube .swiper-cube-shadow:before {
      content: "";
      background: #000;
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      right: 0;
      filter: blur(50px);
    }

.swiper-cube .swiper-slide-next + .swiper-slide {
    pointer-events: auto;
    visibility: visible;
  }

.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right {
    z-index: 0;
    backface-visibility: hidden;
  }

.swiper.swiper-flip {
  overflow: visible;
}

.swiper-flip .swiper-slide {
    pointer-events: none;
    backface-visibility: hidden;
    z-index: 1;
  }

.swiper-flip .swiper-slide .swiper-slide {
      pointer-events: none;
    }

.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active {
      pointer-events: auto;
    }

.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right {
    z-index: 0;
    backface-visibility: hidden;
  }

.swiper-coverflow {
}

.swiper-creative .swiper-slide {
    backface-visibility: hidden;
    overflow: hidden;
    transition-property:
      transform,
      opacity,
      height;
  }

.swiper.swiper-cards {
  overflow: visible;
}

.swiper-cards .swiper-slide {
    transform-origin: center bottom;
    backface-visibility: hidden;
    overflow: hidden;
  }

/* src/css/app.scss */

@keyframes bp-fadein {
  from {
    opacity: 0.01;
  }
  to {
    opacity: 1;
  }
}

@keyframes bp-bar {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0);
  }
}

@keyframes bp-o {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.bp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 999;
  contain: strict;
  touch-action: none;
  -webkit-tap-highlight-color: transparent;
}

.bp-wrap > div:first-child {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.75);
  animation: bp-fadein 0.48s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.bp-vid audio {
  position: absolute;
  left: 14px;
  width: calc(100% - 28px);
  bottom: 14px;
  height: 50px;
}

.bp-inner {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  display: flex;
}

.bp-html {
  display: contents;
}

.bp-html > :first-child {
  margin: auto;
}

.bp-img-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  contain: strict;
}

.bp-img-wrap .bp-canzoom {
  cursor: zoom-in;
}

.bp-img-wrap .bp-drag {
  cursor: grabbing;
}

.bp-close {
  contain: layout size;
}

.bp-img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  background-size: 100% 100%;
}

.bp-img img,
.bp-img div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.bp-img .bp-o {
  display: none;
}

.bp-zoomed .bp-img:not(.bp-drag) {
  cursor: grab;
}

.bp-zoomed .bp-cap {
  opacity: 0;
  animation: none !important;
}

.bp-zoomed.bp-small .bp-controls {
  opacity: 0;
}

.bp-zoomed.bp-small .bp-controls button {
  pointer-events: none;
}

.bp-controls {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  text-align: left;
  transition: opacity 0.3s;
  animation: bp-fadein 0.3s;
}

.bp-controls button {
  pointer-events: auto;
  cursor: pointer;
  position: absolute;
  border: 0;
  background: rgba(0, 0, 0, 0.15);
  opacity: 0.9;
  transition: all 0.1s;
  contain: content;
}

.bp-controls button:hover {
  background-color: rgba(0, 0, 0, 0.2);
  opacity: 1;
}

.bp-controls svg {
  fill: #fff;
}

.bp-count {
  position: absolute;
  color: rgba(255, 255, 255, 0.9);
  line-height: 1;
  margin: 16px;
  height: 50px;
  width: 100px;
}

.bp-prev,
.bp-next {
  top: 50%;
  right: 0;
  margin-top: -32px;
  height: 64px;
  width: 58px;
  border-radius: 3px 0 0 3px;
}

.bp-prev:hover:before,
.bp-next:hover:before {
  transform: translateX(-2px);
}

.bp-prev:before,
.bp-next:before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z'/%3E%3C/svg%3E");
  position: absolute;
  left: 7px;
  top: 9px;
  width: 46px;
  transition: all 0.2s;
}

.bp-prev {
  right: auto;
  left: 0;
  transform: scalex(-1);
}

.bp-x {
  top: 0;
  right: 0;
  height: 55px;
  width: 58px;
  border-radius: 0 0 0 3px;
}

.bp-x:before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%23fff'%3E%3Cpath d='M24 10l-2-2-6 6-6-6-2 2 6 6-6 6 2 2 6-6 6 6 2-2-6-6z'/%3E%3C/svg%3E");
  position: absolute;
  width: 37px;
  top: 8px;
  right: 10px;
}

.bp-if,
.bp-vid {
  position: relative;
  margin: auto;
  background: #000;
  background-size: 100% 100%;
}

.bp-if iframe,
.bp-if video,
.bp-if div,
.bp-vid iframe,
.bp-vid video,
.bp-vid div {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  border: 0;
}

.bp-load {
  display: flex;
  background-size: 100% 100%;
  overflow: hidden;
  z-index: 1;
}

.bp-bar {
  position: absolute;
  top: 0;
  left: 0;
  height: 3px;
  width: 100%;
  transform: translateX(-100%);
  background: rgba(255, 255, 255, 0.9);
  border-radius: 0 3px 3px 0;
  animation: bp-bar 4s both;
}

.bp-o,
.bp-o:after {
  border-radius: 50%;
  width: 90px;
  height: 90px;
}

.bp-o {
  margin: auto;
  border: 10px solid rgba(255, 255, 255, 0.2);
  border-left-color: rgba(255, 255, 255, 0.9);
  animation: bp-o 1s infinite linear;
}

.bp-cap {
  position: absolute;
  bottom: 2%;
  background: rgba(9, 9, 9, 0.8);
  color: rgba(255, 255, 255, 0.9);
  border-radius: 4px;
  max-width: 95%;
  line-height: 1.3;
  padding: 0.6em 1.2em;
  left: 50%;
  transform: translateX(-50%);
  width: fit-content;
  width: -moz-fit-content;
  display: table;
  transition: opacity 0.3s;
  animation: bp-fadein 0.2s;
}

.bp-cap a {
  color: inherit;
}

.bp-inline {
  position: absolute;
}

.bp-lock {
  overflow-y: hidden;
}

.bp-lock body {
  overflow: scroll;
}

.bp-noclose .bp-x {
  display: none;
}

.bp-noclose:not(.bp-zoomed) {
  touch-action: pan-y;
}

.bp-noclose:not(.bp-zoomed) .bp-img-wrap {
  cursor: zoom-in;
}

@media (prefers-reduced-motion) {
  .bp-wrap * {
    animation-duration: 0s !important;
  }
}

@media (max-width: 500px) {
  .bp-x {
    height: 47px;
    width: 47px;
  }
  .bp-x:before {
    width: 34px;
    top: 6px;
    right: 6px;
  }
  .bp-prev,
  .bp-next {
    margin-top: -27px;
    height: 54px;
    width: 45px;
  }
  .bp-prev:before,
  .bp-next:before {
    top: 7px;
    left: 2px;
    width: 43px;
  }
  .bp-o,
  .bp-o:after {
    border-width: 6px;
    width: 60px;
    height: 60px;
  }
  .bp-count {
    margin: 12px 10px;
  }
}

.bp-wrap .bp-controls .bp-x,
.bp-wrap .bp-controls .bp-prev,
.bp-wrap .bp-controls .bp-next {
  width: 3rem;
  height: 3rem;
  border-radius: 100%;
  background-color: #FFFBF1;
  background-color: var(--hwc-color-primary);
  transition: background-color 0.3s ease;
}

@media screen and (max-width: 768px) {
  .bp-wrap .bp-controls .bp-x,
  .bp-wrap .bp-controls .bp-prev,
  .bp-wrap .bp-controls .bp-next {
    width: 2rem;
    height: 2rem;
  }
}

.bp-wrap .bp-controls .bp-x:before,
.bp-wrap .bp-controls .bp-prev:before,
.bp-wrap .bp-controls .bp-next:before {
  display: none;
}

.bp-wrap .bp-controls .bp-x:after,
.bp-wrap .bp-controls .bp-prev:after,
.bp-wrap .bp-controls .bp-next:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
}

.bp-wrap .bp-controls .bp-x {
  top: 2rem;
  right: 2rem;
}

@media screen and (max-width: 768px) {
  .bp-wrap .bp-controls .bp-x {
    top: 1rem;
    right: 1rem;
  }
}

.bp-wrap .bp-controls .bp-x:after {
  width: 13px;
  height: 13px;
  background-color: #99B76F;
  background-color: var(--hwc-color-secondary);
  -webkit-mask-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 13 13' %3E%3Cpath d='M0.351946 12.6706C0.571912 12.8902 0.857868 13 1.12183 13C1.38579 13 1.69374 12.8902 1.89171 12.6706L6.511 8.05912L11.1303 12.6706C11.3503 12.8902 11.6362 13 11.9002 13C12.1641 13 12.4721 12.8902 12.6701 12.6706C13.11 12.2314 13.11 11.5507 12.6701 11.1115L8.05076 6.5L12.6701 1.88851C13.11 1.44932 13.11 0.768581 12.6701 0.329392C12.2301 -0.109797 11.5482 -0.109797 11.1083 0.329392L6.489 4.94088L1.89171 0.373311C1.45178 -0.0658784 0.769882 -0.0658784 0.329949 0.373311C-0.109983 0.8125 -0.109983 1.49324 0.329949 1.93243L4.94924 6.54392L0.351946 11.1334C-0.0879865 11.5507 -0.0879865 12.2534 0.351946 12.6706Z' /%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 13 13' %3E%3Cpath d='M0.351946 12.6706C0.571912 12.8902 0.857868 13 1.12183 13C1.38579 13 1.69374 12.8902 1.89171 12.6706L6.511 8.05912L11.1303 12.6706C11.3503 12.8902 11.6362 13 11.9002 13C12.1641 13 12.4721 12.8902 12.6701 12.6706C13.11 12.2314 13.11 11.5507 12.6701 11.1115L8.05076 6.5L12.6701 1.88851C13.11 1.44932 13.11 0.768581 12.6701 0.329392C12.2301 -0.109797 11.5482 -0.109797 11.1083 0.329392L6.489 4.94088L1.89171 0.373311C1.45178 -0.0658784 0.769882 -0.0658784 0.329949 0.373311C-0.109983 0.8125 -0.109983 1.49324 0.329949 1.93243L4.94924 6.54392L0.351946 11.1334C-0.0879865 11.5507 -0.0879865 12.2534 0.351946 12.6706Z' /%3E%3C/svg%3E");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}

.bp-wrap .bp-controls .bp-prev {
  left: 2rem;
}

@media screen and (max-width: 768px) {
  .bp-wrap .bp-controls .bp-prev {
    left: 0.5rem;
    margin-top: -1rem;
  }
}

.bp-wrap .bp-controls .bp-prev:after {
  width: 17px;
  height: 12px;
  background-color: #99B76F;
  background-color: var(--hwc-color-secondary);
  -webkit-mask-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='16' viewBox='0 0 18 16'%3E%3Cpath d='M12.1467 0.0113425C12.6474 -0.0676584 13.1181 0.274447 13.1975 0.775014C13.2817 1.30898 13.5301 2.15586 13.6711 2.48498C13.6983 2.54849 13.759 2.66241 13.9455 2.93517C14.1287 3.203 14.3983 3.57438 14.8108 4.14708C15.1878 4.67043 15.8947 5.36692 16.4494 5.88244C16.6845 6.08164 17.048 6.37014 17.2317 6.53087C17.274 6.56615 17.3331 6.6124 17.508 6.76232C17.7526 6.97217 17.858 7.28316 17.8186 7.58068C17.8246 7.59168 17.8314 7.60254 17.8371 7.61388C18.0638 8.06736 17.8803 8.61841 17.427 8.84533L17.3996 8.86388C17.3299 8.90817 17.1947 8.99783 16.9387 9.17248C16.487 9.48062 15.6335 10.1128 15.0559 10.5817C14.5074 11.0269 14.2739 11.286 14.051 11.5846C13.5601 12.2425 13.2858 12.8547 13.1613 13.2076C13.1112 13.4094 13.0326 13.8692 12.9192 14.5856C12.9027 14.7007 12.8938 14.7735 12.885 14.8492C12.8752 14.9331 12.8663 15.0214 12.8459 15.149C12.7656 15.6496 12.2938 15.9907 11.7932 15.9108C11.2924 15.8305 10.9503 15.3588 11.0305 14.858C11.0449 14.7679 11.0521 14.7096 11.0608 14.6354C11.0701 14.5557 11.0823 14.4596 11.1037 14.3111L11.1057 14.2985C11.2169 13.5959 11.3138 12.9975 11.3967 12.693L11.4143 12.6354C11.5883 12.1298 11.9498 11.3297 12.5803 10.485C12.9083 10.0456 13.2514 9.67978 13.8967 9.15587C14.1957 8.91316 14.56 8.6323 14.9123 8.36876C14.8168 8.36808 14.7626 8.36735 14.6994 8.36876C14.491 8.37345 14.2877 8.39676 12.2649 8.37365C10.2238 8.35031 6.55815 8.24376 4.51095 8.27306C2.10486 8.30754 1.38561 8.33847 0.85568 8.30236C0.349665 8.26786 -0.0323351 7.82986 0.0021645 7.32384C0.0367396 6.8179 0.474714 6.43583 0.98068 6.47033C1.40986 6.49956 1.97908 6.474 4.48459 6.4381C6.55904 6.40842 10.3121 6.51513 12.2854 6.53771C13.789 6.55489 14.2592 6.54429 14.4865 6.53673C14.0678 6.11802 13.6273 5.64762 13.3195 5.22033C12.9155 4.65921 12.6292 4.26266 12.4299 3.9713C12.2344 3.68546 12.0861 3.44684 11.9836 3.20763C11.7777 2.72696 11.4889 1.73321 11.383 1.06212C11.3042 0.561348 11.646 0.090543 12.1467 0.0113425Z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='16' viewBox='0 0 18 16'%3E%3Cpath d='M12.1467 0.0113425C12.6474 -0.0676584 13.1181 0.274447 13.1975 0.775014C13.2817 1.30898 13.5301 2.15586 13.6711 2.48498C13.6983 2.54849 13.759 2.66241 13.9455 2.93517C14.1287 3.203 14.3983 3.57438 14.8108 4.14708C15.1878 4.67043 15.8947 5.36692 16.4494 5.88244C16.6845 6.08164 17.048 6.37014 17.2317 6.53087C17.274 6.56615 17.3331 6.6124 17.508 6.76232C17.7526 6.97217 17.858 7.28316 17.8186 7.58068C17.8246 7.59168 17.8314 7.60254 17.8371 7.61388C18.0638 8.06736 17.8803 8.61841 17.427 8.84533L17.3996 8.86388C17.3299 8.90817 17.1947 8.99783 16.9387 9.17248C16.487 9.48062 15.6335 10.1128 15.0559 10.5817C14.5074 11.0269 14.2739 11.286 14.051 11.5846C13.5601 12.2425 13.2858 12.8547 13.1613 13.2076C13.1112 13.4094 13.0326 13.8692 12.9192 14.5856C12.9027 14.7007 12.8938 14.7735 12.885 14.8492C12.8752 14.9331 12.8663 15.0214 12.8459 15.149C12.7656 15.6496 12.2938 15.9907 11.7932 15.9108C11.2924 15.8305 10.9503 15.3588 11.0305 14.858C11.0449 14.7679 11.0521 14.7096 11.0608 14.6354C11.0701 14.5557 11.0823 14.4596 11.1037 14.3111L11.1057 14.2985C11.2169 13.5959 11.3138 12.9975 11.3967 12.693L11.4143 12.6354C11.5883 12.1298 11.9498 11.3297 12.5803 10.485C12.9083 10.0456 13.2514 9.67978 13.8967 9.15587C14.1957 8.91316 14.56 8.6323 14.9123 8.36876C14.8168 8.36808 14.7626 8.36735 14.6994 8.36876C14.491 8.37345 14.2877 8.39676 12.2649 8.37365C10.2238 8.35031 6.55815 8.24376 4.51095 8.27306C2.10486 8.30754 1.38561 8.33847 0.85568 8.30236C0.349665 8.26786 -0.0323351 7.82986 0.0021645 7.32384C0.0367396 6.8179 0.474714 6.43583 0.98068 6.47033C1.40986 6.49956 1.97908 6.474 4.48459 6.4381C6.55904 6.40842 10.3121 6.51513 12.2854 6.53771C13.789 6.55489 14.2592 6.54429 14.4865 6.53673C14.0678 6.11802 13.6273 5.64762 13.3195 5.22033C12.9155 4.65921 12.6292 4.26266 12.4299 3.9713C12.2344 3.68546 12.0861 3.44684 11.9836 3.20763C11.7777 2.72696 11.4889 1.73321 11.383 1.06212C11.3042 0.561348 11.646 0.090543 12.1467 0.0113425Z'/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}

.bp-wrap .bp-controls .bp-next {
  right: 2rem;
}

@media screen and (max-width: 768px) {
  .bp-wrap .bp-controls .bp-next {
    right: 0.5rem;
    margin-top: -1rem;
  }
}

.bp-wrap .bp-controls .bp-next:after {
  width: 17px;
  height: 12px;
  background-color: #99B76F;
  background-color: var(--hwc-color-secondary);
  -webkit-mask-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='16' viewBox='0 0 18 16'%3E%3Cpath d='M12.1467 0.0113425C12.6474 -0.0676584 13.1181 0.274447 13.1975 0.775014C13.2817 1.30898 13.5301 2.15586 13.6711 2.48498C13.6983 2.54849 13.759 2.66241 13.9455 2.93517C14.1287 3.203 14.3983 3.57438 14.8108 4.14708C15.1878 4.67043 15.8947 5.36692 16.4494 5.88244C16.6845 6.08164 17.048 6.37014 17.2317 6.53087C17.274 6.56615 17.3331 6.6124 17.508 6.76232C17.7526 6.97217 17.858 7.28316 17.8186 7.58068C17.8246 7.59168 17.8314 7.60254 17.8371 7.61388C18.0638 8.06736 17.8803 8.61841 17.427 8.84533L17.3996 8.86388C17.3299 8.90817 17.1947 8.99783 16.9387 9.17248C16.487 9.48062 15.6335 10.1128 15.0559 10.5817C14.5074 11.0269 14.2739 11.286 14.051 11.5846C13.5601 12.2425 13.2858 12.8547 13.1613 13.2076C13.1112 13.4094 13.0326 13.8692 12.9192 14.5856C12.9027 14.7007 12.8938 14.7735 12.885 14.8492C12.8752 14.9331 12.8663 15.0214 12.8459 15.149C12.7656 15.6496 12.2938 15.9907 11.7932 15.9108C11.2924 15.8305 10.9503 15.3588 11.0305 14.858C11.0449 14.7679 11.0521 14.7096 11.0608 14.6354C11.0701 14.5557 11.0823 14.4596 11.1037 14.3111L11.1057 14.2985C11.2169 13.5959 11.3138 12.9975 11.3967 12.693L11.4143 12.6354C11.5883 12.1298 11.9498 11.3297 12.5803 10.485C12.9083 10.0456 13.2514 9.67978 13.8967 9.15587C14.1957 8.91316 14.56 8.6323 14.9123 8.36876C14.8168 8.36808 14.7626 8.36735 14.6994 8.36876C14.491 8.37345 14.2877 8.39676 12.2649 8.37365C10.2238 8.35031 6.55815 8.24376 4.51095 8.27306C2.10486 8.30754 1.38561 8.33847 0.85568 8.30236C0.349665 8.26786 -0.0323351 7.82986 0.0021645 7.32384C0.0367396 6.8179 0.474714 6.43583 0.98068 6.47033C1.40986 6.49956 1.97908 6.474 4.48459 6.4381C6.55904 6.40842 10.3121 6.51513 12.2854 6.53771C13.789 6.55489 14.2592 6.54429 14.4865 6.53673C14.0678 6.11802 13.6273 5.64762 13.3195 5.22033C12.9155 4.65921 12.6292 4.26266 12.4299 3.9713C12.2344 3.68546 12.0861 3.44684 11.9836 3.20763C11.7777 2.72696 11.4889 1.73321 11.383 1.06212C11.3042 0.561348 11.646 0.090543 12.1467 0.0113425Z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='16' viewBox='0 0 18 16'%3E%3Cpath d='M12.1467 0.0113425C12.6474 -0.0676584 13.1181 0.274447 13.1975 0.775014C13.2817 1.30898 13.5301 2.15586 13.6711 2.48498C13.6983 2.54849 13.759 2.66241 13.9455 2.93517C14.1287 3.203 14.3983 3.57438 14.8108 4.14708C15.1878 4.67043 15.8947 5.36692 16.4494 5.88244C16.6845 6.08164 17.048 6.37014 17.2317 6.53087C17.274 6.56615 17.3331 6.6124 17.508 6.76232C17.7526 6.97217 17.858 7.28316 17.8186 7.58068C17.8246 7.59168 17.8314 7.60254 17.8371 7.61388C18.0638 8.06736 17.8803 8.61841 17.427 8.84533L17.3996 8.86388C17.3299 8.90817 17.1947 8.99783 16.9387 9.17248C16.487 9.48062 15.6335 10.1128 15.0559 10.5817C14.5074 11.0269 14.2739 11.286 14.051 11.5846C13.5601 12.2425 13.2858 12.8547 13.1613 13.2076C13.1112 13.4094 13.0326 13.8692 12.9192 14.5856C12.9027 14.7007 12.8938 14.7735 12.885 14.8492C12.8752 14.9331 12.8663 15.0214 12.8459 15.149C12.7656 15.6496 12.2938 15.9907 11.7932 15.9108C11.2924 15.8305 10.9503 15.3588 11.0305 14.858C11.0449 14.7679 11.0521 14.7096 11.0608 14.6354C11.0701 14.5557 11.0823 14.4596 11.1037 14.3111L11.1057 14.2985C11.2169 13.5959 11.3138 12.9975 11.3967 12.693L11.4143 12.6354C11.5883 12.1298 11.9498 11.3297 12.5803 10.485C12.9083 10.0456 13.2514 9.67978 13.8967 9.15587C14.1957 8.91316 14.56 8.6323 14.9123 8.36876C14.8168 8.36808 14.7626 8.36735 14.6994 8.36876C14.491 8.37345 14.2877 8.39676 12.2649 8.37365C10.2238 8.35031 6.55815 8.24376 4.51095 8.27306C2.10486 8.30754 1.38561 8.33847 0.85568 8.30236C0.349665 8.26786 -0.0323351 7.82986 0.0021645 7.32384C0.0367396 6.8179 0.474714 6.43583 0.98068 6.47033C1.40986 6.49956 1.97908 6.474 4.48459 6.4381C6.55904 6.40842 10.3121 6.51513 12.2854 6.53771C13.789 6.55489 14.2592 6.54429 14.4865 6.53673C14.0678 6.11802 13.6273 5.64762 13.3195 5.22033C12.9155 4.65921 12.6292 4.26266 12.4299 3.9713C12.2344 3.68546 12.0861 3.44684 11.9836 3.20763C11.7777 2.72696 11.4889 1.73321 11.383 1.06212C11.3042 0.561348 11.646 0.090543 12.1467 0.0113425Z'/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}

.hwc-Checkable,
.wpcf7 .wpcf7-checkbox .wpcf7-list-item label,
.wpcf7 .wpcf7-radio .wpcf7-list-item label,
.wpcf7 .wpcf7-acceptance .wpcf7-list-item label {
  display: block;
  position: relative;
  z-index: 0;
  font-size: 0.875rem;
  padding-left: 1.5rem;
  cursor: pointer;
}

.hwc-Checkable input + span::before,
.wpcf7 .wpcf7-checkbox .wpcf7-list-item label input + span::before,
.wpcf7 .wpcf7-radio .wpcf7-list-item label input + span::before,
.wpcf7 .wpcf7-acceptance .wpcf7-list-item label input + span::before,
.hwc-Checkable input + label::before,
.wpcf7 .wpcf7-checkbox .wpcf7-list-item label input + label::before,
.wpcf7 .wpcf7-radio .wpcf7-list-item label input + label::before,
.wpcf7 .wpcf7-acceptance .wpcf7-list-item label input + label::before {
  content: "";
  display: inline-block;
  width: 1rem;
  height: 1rem;
  box-shadow: inset 0 0 0 0.125rem currentColor;
  vertical-align: -2px;
  background-color: currentColor;
  position: absolute;
  left: 0;
  top: 0.325em;
}

.hwc-Checkable input:checked + span::before,
.wpcf7 .wpcf7-checkbox .wpcf7-list-item label input:checked + span::before,
.wpcf7 .wpcf7-radio .wpcf7-list-item label input:checked + span::before,
.wpcf7 .wpcf7-acceptance .wpcf7-list-item label input:checked + span::before,
.hwc-Checkable input:checked + label::before,
.wpcf7 .wpcf7-checkbox .wpcf7-list-item label input:checked + label::before,
.wpcf7 .wpcf7-radio .wpcf7-list-item label input:checked + label::before,
.wpcf7 .wpcf7-acceptance .wpcf7-list-item label input:checked + label::before {
  background-color: #FFFBF1;
  background-color: var(--hwc-color-primary);
}

.hwc-Checkable input,
.wpcf7 .wpcf7-checkbox .wpcf7-list-item label input,
.wpcf7 .wpcf7-radio .wpcf7-list-item label input,
.wpcf7 .wpcf7-acceptance .wpcf7-list-item label input {
  position: absolute;
  z-index: -1;
  width: 1rem;
  height: 1rem;
  top: 2px;
  opacity: 0;
  left: 0;
}

.hwc-Checkable.is-radio input + span::before,
.wpcf7 .wpcf7-checkbox .wpcf7-list-item label.is-radio input + span::before,
.wpcf7 .wpcf7-radio .wpcf7-list-item label.is-radio input + span::before,
.wpcf7 .wpcf7-acceptance .wpcf7-list-item label.is-radio input + span::before,
.hwc-Checkable.is-radio input + label::before,
.wpcf7 .wpcf7-checkbox .wpcf7-list-item label.is-radio input + label::before,
.wpcf7 .wpcf7-radio .wpcf7-list-item label.is-radio input + label::before,
.wpcf7 .wpcf7-acceptance .wpcf7-list-item label.is-radio input + label::before,
.hwc-Checkable:has(input[type=radio]) input + span::before,
.wpcf7 .wpcf7-checkbox .wpcf7-list-item label:has(input[type=radio]) input + span::before,
.wpcf7 .wpcf7-radio .wpcf7-list-item label:has(input[type=radio]) input + span::before,
.wpcf7 .wpcf7-acceptance .wpcf7-list-item label:has(input[type=radio]) input + span::before,
.hwc-Checkable:has(input[type=radio]) input + label::before,
.wpcf7 .wpcf7-checkbox .wpcf7-list-item label:has(input[type=radio]) input + label::before,
.wpcf7 .wpcf7-radio .wpcf7-list-item label:has(input[type=radio]) input + label::before,
.wpcf7 .wpcf7-acceptance .wpcf7-list-item label:has(input[type=radio]) input + label::before {
  border-radius: 100%;
}

.hwc-Loader,
.wpcf7 .wpcf7-spinner {
  position: relative;
  display: inline-block;
  width: 3rem;
  height: 3rem;
}

.hwc-Loader::after,
.wpcf7 .wpcf7-spinner::after,
.hwc-Loader::before,
.wpcf7 .wpcf7-spinner::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 0.25rem solid #FFFBF1;
  border: 0.25rem solid var(--hwc-color-primary);
  animation: animloader 2s linear infinite;
}

.hwc-Loader::after,
.wpcf7 .wpcf7-spinner::after {
  transform: translate(-50%, -50%) scale(1);
  opacity: 0;
  animation-delay: 1s;
}

@keyframes animloader {
  0% {
    transform: translate(-50%, -50%) scale(0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }
}

.wpcf7 .wpcf7-checkbox .wpcf7-list-item,
.wpcf7 .wpcf7-radio .wpcf7-list-item,
.wpcf7 .wpcf7-acceptance .wpcf7-list-item {
  text-align: left;
  margin: 0;
}

.wpcf7 .wpcf7-cf7ic {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.875rem;
  margin-bottom: 0.5rem;
}

.wpcf7 .wpcf7-cf7ic .cf7ic-sr-le {
  display: none;
}

@media screen and (min-width: 769px) {
  .wpcf7 .wpcf7-cf7ic .cf7ic_instructions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 1rem;
  }
}

.wpcf7 .wpcf7-cf7ic .cf7ic_instructions > span {
  margin-left: 0.25rem;
  font-weight: 600;
  color: #99B76F;
  color: var(--hwc-color-secondary);
}

.wpcf7 .wpcf7-cf7ic .cf7ic_instructions .cf7ic-icon-wrapper {
  display: inline-flex;
  background-color: white;
  border: 1px solid #99B76F;
  border: 1px solid var(--hwc-color-secondary);
  border-radius: 0.625rem;
  margin-left: 1rem;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

@media screen and (max-width: 768px) {
  .wpcf7 .wpcf7-cf7ic .cf7ic_instructions .cf7ic-icon-wrapper {
    display: block;
    margin-left: 0;
    margin-top: 1rem;
  }
}

.wpcf7 .wpcf7-cf7ic .cf7ic_instructions label {
  font-size: 1.25rem;
}

.wpcf7 .wpcf7-cf7ic .cf7ic_instructions label > input + * {
  padding: 0.5rem;
  border: none;
}

.wpcf7 .wpcf7-cf7ic .cf7ic_instructions label > input:checked + * {
  color: #FF5123;
  color: var(--hwc-color-contrast);
}

.wpcf7 .wpcf7-spinner {
  top: 50%;
  transform: translateY(-50%);
  position: absolute !important;
  left: calc(100% + 1rem);
}

.wpcf7 .wpcf7-form.sent .wpcf7-response-output,
.wpcf7 .wpcf7-form.spam .wpcf7-response-output,
.wpcf7 .wpcf7-form.failed .wpcf7-response-output,
.wpcf7 .wpcf7-form.invalid .wpcf7-response-output,
.wpcf7 .wpcf7-form.unaccepted .wpcf7-response-output {
  width: 100%;
  top: 100%;
  left: 0;
  margin: 0;
  border-radius: 0.625rem;
  font-size: 0.75rem;
  border: 1px solid #FF3333;
  border: 1px solid var(--hwc-color-error);
  background-color: white;
  padding: 0.5rem 1rem;
  color: #FF3333;
  color: var(--hwc-color-error);
}

.wpcf7 .wpcf7-form.sent .wpcf7-response-output {
  border-color: #00A431;
  border-color: var(--hwc-color-success);
  color: #00A431;
  color: var(--hwc-color-success);
}

.wpcf7 .wpcf7-not-valid-tip {
  display: block;
  color: #FF3333;
  color: var(--hwc-color-error);
  font-size: 0.75rem;
  bottom: -1.25rem;
  right: 0;
}

.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
  position: absolute;
  left: 0;
  top: 0;
}

.leaflet-container {
  overflow: hidden;
}

.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
}

.leaflet-tile::-moz-selection {
  background: transparent;
}

.leaflet-tile::selection {
  background: transparent;
}

.leaflet-safari .leaflet-tile {
  image-rendering: -webkit-optimize-contrast;
}

.leaflet-safari .leaflet-tile-container {
  width: 1600px;
  height: 1600px;
  -webkit-transform-origin: 0 0;
}

.leaflet-marker-icon,
.leaflet-marker-shadow {
  display: block;
}

.leaflet-container .leaflet-overlay-pane svg {
  max-width: none !important;
  max-height: none !important;
}

.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
  max-width: none !important;
  max-height: none !important;
  width: auto;
  padding: 0;
}

.leaflet-container img.leaflet-tile {
  mix-blend-mode: plus-lighter;
}

.leaflet-container.leaflet-touch-zoom {
  touch-action: pan-x pan-y;
}

.leaflet-container.leaflet-touch-drag {
  touch-action: none;
  touch-action: pinch-zoom;
}

.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
  touch-action: none;
}

.leaflet-container {
  -webkit-tap-highlight-color: transparent;
}

.leaflet-container a {
  -webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}

.leaflet-tile {
  filter: inherit;
  visibility: hidden;
}

.leaflet-tile-loaded {
  visibility: inherit;
}

.leaflet-zoom-box {
  width: 0;
  height: 0;
  box-sizing: border-box;
  z-index: 800;
}

.leaflet-overlay-pane svg {
  -moz-user-select: none;
}

.leaflet-pane {
  z-index: 400;
}

.leaflet-tile-pane {
  z-index: 200;
}

.leaflet-overlay-pane {
  z-index: 400;
}

.leaflet-shadow-pane {
  z-index: 500;
}

.leaflet-marker-pane {
  z-index: 600;
}

.leaflet-tooltip-pane {
  z-index: 650;
}

.leaflet-popup-pane {
  z-index: 700;
}

.leaflet-map-pane canvas {
  z-index: 100;
}

.leaflet-map-pane svg {
  z-index: 200;
}

.leaflet-vml-shape {
  width: 1px;
  height: 1px;
}

.lvml {
  behavior: url(#default#VML);
  display: inline-block;
  position: absolute;
}

.leaflet-control {
  position: relative;
  z-index: 800;
  pointer-events: visiblePainted;
  pointer-events: auto;
}

.leaflet-top,
.leaflet-bottom {
  position: absolute;
  z-index: 1000;
  pointer-events: none;
}

.leaflet-top {
  top: 0;
}

.leaflet-right {
  right: 0;
}

.leaflet-bottom {
  bottom: 0;
}

.leaflet-left {
  left: 0;
}

.leaflet-control {
  float: left;
  clear: both;
}

.leaflet-right .leaflet-control {
  float: right;
}

.leaflet-top .leaflet-control {
  margin-top: 10px;
}

.leaflet-bottom .leaflet-control {
  margin-bottom: 10px;
}

.leaflet-left .leaflet-control {
  margin-left: 10px;
}

.leaflet-right .leaflet-control {
  margin-right: 10px;
}

.leaflet-fade-anim .leaflet-popup {
  opacity: 0;
  transition: opacity 0.2s linear;
}

.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
  opacity: 1;
}

.leaflet-zoom-animated {
  transform-origin: 0 0;
}

svg.leaflet-zoom-animated {
  will-change: transform;
}

.leaflet-zoom-anim .leaflet-zoom-animated {
  transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1);
}

.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
  transition: none;
}

.leaflet-zoom-anim .leaflet-zoom-hide {
  visibility: hidden;
}

.leaflet-interactive {
  cursor: pointer;
}

.leaflet-grab {
  cursor: grab;
}

.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
  cursor: crosshair;
}

.leaflet-popup-pane,
.leaflet-control {
  cursor: auto;
}

.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
  cursor: move;
  cursor: grabbing;
}

.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
  pointer-events: none;
}

.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
  pointer-events: visiblePainted;
  pointer-events: auto;
}

.leaflet-container {
  background: #ddd;
  outline-offset: 1px;
}

.leaflet-container a {
  color: #0078a8;
}

.leaflet-zoom-box {
  border: 2px dotted #38f;
  background: rgba(255, 255, 255, 0.5);
}

.leaflet-container {
  font-family:
    "Helvetica Neue",
    Arial,
    Helvetica,
    sans-serif;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.5;
}

.leaflet-bar {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
  border-radius: 4px;
}

.leaflet-bar a {
  background-color: #fff;
  border-bottom: 1px solid #ccc;
  width: 26px;
  height: 26px;
  line-height: 26px;
  display: block;
  text-align: center;
  -webkit-text-decoration: none;
  text-decoration: none;
  color: black;
}

.leaflet-bar a,
.leaflet-control-layers-toggle {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  display: block;
}

.leaflet-bar a:hover,
.leaflet-bar a:focus {
  background-color: #f4f4f4;
}

.leaflet-bar a:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.leaflet-bar a:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom: none;
}

.leaflet-bar a.leaflet-disabled {
  cursor: default;
  background-color: #f4f4f4;
  color: #bbb;
}

.leaflet-touch .leaflet-bar a {
  width: 30px;
  height: 30px;
  line-height: 30px;
}

.leaflet-touch .leaflet-bar a:first-child {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}

.leaflet-touch .leaflet-bar a:last-child {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}

.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
  font:
    bold 18px "Lucida Console",
    Monaco,
    monospace;
  text-indent: 1px;
}

.leaflet-touch .leaflet-control-zoom-in,
.leaflet-touch .leaflet-control-zoom-out {
  font-size: 22px;
}

.leaflet-control-layers {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
  background: #fff;
  border-radius: 5px;
}

.leaflet-control-layers-toggle {
  background-image: url(../img/layers.png);
  width: 36px;
  height: 36px;
}

.leaflet-retina .leaflet-control-layers-toggle {
  background-image: url(../img/layers-2x.png);
  background-size: 26px 26px;
}

.leaflet-touch .leaflet-control-layers-toggle {
  width: 44px;
  height: 44px;
}

.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
  display: none;
}

.leaflet-control-layers-expanded .leaflet-control-layers-list {
  display: block;
  position: relative;
}

.leaflet-control-layers-expanded {
  padding: 6px 10px 6px 6px;
  color: #333;
  background: #fff;
}

.leaflet-control-layers-scrollbar {
  overflow-y: scroll;
  overflow-x: hidden;
  padding-right: 5px;
}

.leaflet-control-layers-selector {
  margin-top: 2px;
  position: relative;
  top: 1px;
}

.leaflet-control-layers label {
  display: block;
  font-size: 13px;
  font-size: 1.08333em;
}

.leaflet-control-layers-separator {
  height: 0;
  border-top: 1px solid #ddd;
  margin: 5px -10px 5px -6px;
}

.leaflet-default-icon-path {
  background-image: url(../img/marker-icon.png);
}

.leaflet-container .leaflet-control-attribution {
  background: #fff;
  background: rgba(255, 255, 255, 0.8);
  margin: 0;
}

.leaflet-control-attribution,
.leaflet-control-scale-line {
  padding: 0 5px;
  color: #333;
  line-height: 1.4;
}

.leaflet-control-attribution a {
  -webkit-text-decoration: none;
  text-decoration: none;
}

.leaflet-control-attribution a:hover,
.leaflet-control-attribution a:focus {
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

.leaflet-attribution-flag {
  display: inline !important;
  vertical-align: baseline !important;
  width: 1em;
  height: 0.6669em;
}

.leaflet-left .leaflet-control-scale {
  margin-left: 5px;
}

.leaflet-bottom .leaflet-control-scale {
  margin-bottom: 5px;
}

.leaflet-control-scale-line {
  border: 2px solid #777;
  border-top: none;
  line-height: 1.1;
  padding: 2px 5px 1px;
  white-space: nowrap;
  box-sizing: border-box;
  background: rgba(255, 255, 255, 0.8);
  text-shadow: 1px 1px #fff;
}

.leaflet-control-scale-line:not(:first-child) {
  border-top: 2px solid #777;
  border-bottom: none;
  margin-top: -2px;
}

.leaflet-control-scale-line:not(:first-child):not(:last-child) {
  border-bottom: 2px solid #777;
}

.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
  box-shadow: none;
}

.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
  border: 2px solid rgba(0, 0, 0, 0.2);
  background-clip: padding-box;
}

.leaflet-popup {
  position: absolute;
  text-align: center;
  margin-bottom: 20px;
}

.leaflet-popup-content-wrapper {
  padding: 1px;
  text-align: left;
  border-radius: 12px;
}

.leaflet-popup-content {
  margin: 13px 24px 13px 20px;
  line-height: 1.3;
  font-size: 13px;
  font-size: 1.08333em;
  min-height: 1px;
}

.leaflet-popup-content p {
  margin: 17px 0;
  margin: 1.3em 0;
}

.leaflet-popup-tip-container {
  width: 40px;
  height: 20px;
  position: absolute;
  left: 50%;
  margin-top: -1px;
  margin-left: -20px;
  overflow: hidden;
  pointer-events: none;
}

.leaflet-popup-tip {
  width: 17px;
  height: 17px;
  padding: 1px;
  margin: -10px auto 0;
  pointer-events: auto;
  transform: rotate(45deg);
}

.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
  background: white;
  color: #333;
  box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4);
}

.leaflet-container a.leaflet-popup-close-button {
  position: absolute;
  top: 0;
  right: 0;
  border: none;
  text-align: center;
  width: 24px;
  height: 24px;
  font:
    16px/24px Tahoma,
    Verdana,
    sans-serif;
  color: #757575;
  -webkit-text-decoration: none;
  text-decoration: none;
  background: transparent;
}

.leaflet-container a.leaflet-popup-close-button:hover,
.leaflet-container a.leaflet-popup-close-button:focus {
  color: #585858;
}

.leaflet-popup-scrolled {
  overflow: auto;
}

.leaflet-oldie .leaflet-popup-content-wrapper {
  -ms-zoom: 1;
}

.leaflet-oldie .leaflet-popup-tip {
  width: 24px;
  margin: 0 auto;
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
  filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
}

.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
  border: 1px solid #999;
}

.leaflet-div-icon {
  background: #fff;
  border: 1px solid #666;
}

.leaflet-tooltip {
  position: absolute;
  padding: 6px;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 3px;
  color: #222;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  pointer-events: none;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}

.leaflet-tooltip.leaflet-interactive {
  cursor: pointer;
  pointer-events: auto;
}

.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
  position: absolute;
  pointer-events: none;
  border: 6px solid transparent;
  background: transparent;
  content: "";
}

.leaflet-tooltip-bottom {
  margin-top: 6px;
}

.leaflet-tooltip-top {
  margin-top: -6px;
}

.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
  left: 50%;
  margin-left: -6px;
}

.leaflet-tooltip-top:before {
  bottom: 0;
  margin-bottom: -12px;
  border-top-color: #fff;
}

.leaflet-tooltip-bottom:before {
  top: 0;
  margin-top: -12px;
  margin-left: -6px;
  border-bottom-color: #fff;
}

.leaflet-tooltip-left {
  margin-left: -6px;
}

.leaflet-tooltip-right {
  margin-left: 6px;
}

.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
  top: 50%;
  margin-top: -6px;
}

.leaflet-tooltip-left:before {
  right: 0;
  margin-right: -12px;
  border-left-color: #fff;
}

.leaflet-tooltip-right:before {
  left: 0;
  margin-left: -12px;
  border-right-color: #fff;
}

@media print {
  .leaflet-control {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
}

:root {
  --hwc-color-black: #000000;
  --hwc-color-white: #FFFFFF;
  --hwc-color-gray-200: #F2F5F7;
  --hwc-color-gray-300: #D5D1D1;
  --hwc-color-gray-500: #979797;
  --hwc-color-gray-800: #242424;
  --hwc-color-primary: #FFFBF1;
  --hwc-color-primary-dark: #E7E5DB;
  --hwc-color-secondary: #99B76F;
  --hwc-color-secondary-light: #F3FFE5;
  --hwc-color-blue: #21343F;
  --hwc-color-terciary: #21343F;
  --hwc-color-contrast: #FF5123;
  --hwc-color-text: #21343F;
  --hwc-color-text-alternate: #FFFFFF;
  --hwc-color-border: #99B76F;
  --hwc-color-success: #00A431;
  --hwc-color-warning: #FF9900;
  --hwc-color-error: #FF3333;
}

.swiper:not(.swiper-initialized) .swiper-wrapper {
  display: flex;
  justify-content: center;
}

.swiper:not(.swiper-initialized) .swiper-slide:not(:first-child) {
  position: absolute;
  opacity: 0;
  visibility: hidden;
}

.swiper.is-visible {
  overflow: visible;
}

.swiper.is-visible .swiper-wrapper {
  overflow: visible;
}

.swiper-pagination {
  z-index: 1;
  position: static;
  transform: none;
}

.swiper-pagination-bullets.swiper-pagination-horizontal {
  width: -moz-fit-content;
  width: fit-content;
}

.swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background-color: transparent;
  border: 1px solid currentColor;
  border-radius: 100%;
}

.swiper-pagination-bullet:not(:first-child) {
  margin-left: 10px;
}

.swiper-pagination-bullet-active {
  background-color: currentColor;
}

.swiper-navigation {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  padding-top: 2rem;
}

.swiper-navigation .swiper-pagination {
  flex: 0 0;
  width: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  position: static;
}

.swiper-button-prev,
.swiper-button-next {
  all: unset;
  position: static;
  margin: 0;
  transform: none;
}

.swiper-button-prev .swiper-navigation-icon,
.swiper-button-next .swiper-navigation-icon {
  display: none;
}

.hwc-Anchors {
  margin-top: 2rem;
  position: sticky;
  top: var(--header-height);
  z-index: 1;
}

.hwc-Anchors-items {
  background-color: #FFFFFF;
  background-color: var(--hwc-color-white);
  padding: 0.5rem 1rem;
  border-radius: 4px;
  display: flex;
  gap: 0.5rem;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}

.hwc-Anchors-item {
  padding: 5px 10px;
  background-color: #E7E5DB;
  background-color: var(--hwc-color-primary-dark);
  border-radius: 2px;
  transition: all 0.3s ease;
}

.hwc-Anchors-item.is-active,
.hwc-Anchors-item:hover {
  color: #FFFFFF;
  color: var(--hwc-color-white);
  background-color: #21343F;
  background-color: var(--hwc-color-terciary);
}

@media screen and (max-width: 768px) {
  .hwc-Anchors {
    display: none;
  }
  .hwc-Anchors-items {
    flex-direction: column;
  }
}

.hwc-Content {
  position: relative;
  z-index: 0;
}

.hwc-ContentNotFound {
  text-align: center;
  margin-top: 16rem;
  margin-bottom: 16rem;
}

.hwc-ContentNotFound .heading {
  margin-bottom: 0.5rem;
}

.hwc-ContentNotFound .button {
  margin-top: 2rem;
}

@media screen and (max-width: 768px) {
  .hwc-ContentNotFound {
    margin-top: 8rem;
    margin-bottom: 8rem;
  }
}

.hwc-CTA {
  border-radius: var(--hwc-border-radius);
  background-color: #FFFBF1;
  background-color: var(--hwc-color-primary);
  color: #99B76F;
  color: var(--hwc-color-secondary);
  padding: 3.5rem 5rem;
  text-align: center;
}

.hwc-CTA > *:first-child {
  margin-bottom: 2.5rem;
}

.hwc-CTA > *:last-child {
  margin-top: 2.5rem;
}

@media screen and (max-width: 768px) {
  .hwc-CTA {
    padding: 2rem;
  }
  .hwc-CTA > *:first-child {
    margin-bottom: 1.5rem;
  }
  .hwc-CTA > *:last-child {
    margin-top: 1rem;
  }
}

.hwc-Footer {
  padding-top: 2.5rem;
  padding-bottom: 24px;
  position: relative;
  overflow: clip;
  background:
    linear-gradient(
      180deg,
      #F3FFE5 0%,
      #FFFBF1 100%);
  background:
    linear-gradient(
      180deg,
      var(--hwc-color-secondary-light) 0%,
      var(--hwc-color-primary) 100%);
}

.hwc-Footer-container,
.hwc-Footer-landing-container {
  position: relative;
  overflow: clip;
  background-color: #99B76F;
  background-color: var(--hwc-color-secondary);
  color: #FFFBF1;
  color: var(--hwc-color-primary);
  border-radius: var(--hwc-border-radius);
  padding: 4.5rem 2.5rem;
  margin-bottom: 24px;
  display: flex;
  gap: 2rem;
}

.hwc-Footer-container::before,
.hwc-Footer-landing-container::before {
  content: "";
  display: block;
  height: 1014px;
  width: 1060px;
  position: absolute;
  top: 60%;
  translate: 0 -50%;
  left: -271px;
  background:
    radial-gradient(
      33.42% 32.73% at 55.88% 53.43%,
      #FFFBF1 0%,
      transparent 100%);
  background:
    radial-gradient(
      33.42% 32.73% at 55.88% 53.43%,
      var(--hwc-color-primary) 0%,
      transparent 100%);
  opacity: 0.2;
  pointer-events: none;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1060' height='1014' fill='none'%3E%3Cpath fill='%23f3ffe5' d='M7.718 407.67c1.597-9.301 11.048-15.213 20.297-12.888L457.9 502.601c35.535 8.769 63.35 36.406 72.4 71.881l.067-.067 55.366 214.976c8.983 35.475-1.996 73.075-28.68 97.987L425.291 1009.55a16.69 16.69 0 0 1-14.973 4.05c-61.421-14.017-118.717-38.928-169.89-72.344-8.851-5.779-9.649-18.468-1.93-25.642l207.889-193.055c7.585-7.241 4.257-19.796-5.725-22.32L18.966 594.544c-6.389-1.594-11.314-6.775-12.379-13.219C2.13 554.287 0 526.517 0 498.283c0-30.957 2.594-61.25 7.718-90.613M740.717 297.989c26.884-28.565 68.341-38.795 105.606-25.841l181.007 62.844c4.99 1.793 8.98 5.781 10.51 10.896l-.07-.134c14.51 48.23 22.23 99.318 22.23 152.398 0 11.559-.4 23.118-1.13 34.544-.67 10.828-11.31 18.136-21.63 14.682l-268.907-89.752c-9.849-3.322-19.433 5.516-16.904 15.68l109.799 425.167c1.664 6.311-.531 13.088-5.721 17.141a528.2 528.2 0 0 1-152.788 82.841c-8.984 3.125-18.767-2.326-21.163-11.56L568.364 548.373c-8.651-33.149.399-68.358 23.955-93.27zM694.068 5.286C698.593.504 705.581-1.29 711.769.968c55.366 19.997 106.273 49.228 151.258 85.7 7.319 5.978 7.852 17.072 1.398 23.981L557.65 436.502c-25.154 26.639-62.818 37.466-98.154 28.232L235.77 406.142c-35.535-9.367-63.018-37.203-71.869-72.678v.067l-40.394-164.022c-1.264-5.182.002-10.697 3.463-14.749 40.659-47.632 89.703-88.023 144.868-118.649 9.383-5.18 21.228.267 23.757 10.63l68.742 279.483c2.529 10.164 15.304 13.485 22.358 5.846z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1060' height='1014' fill='none'%3E%3Cpath fill='%23f3ffe5' d='M7.718 407.67c1.597-9.301 11.048-15.213 20.297-12.888L457.9 502.601c35.535 8.769 63.35 36.406 72.4 71.881l.067-.067 55.366 214.976c8.983 35.475-1.996 73.075-28.68 97.987L425.291 1009.55a16.69 16.69 0 0 1-14.973 4.05c-61.421-14.017-118.717-38.928-169.89-72.344-8.851-5.779-9.649-18.468-1.93-25.642l207.889-193.055c7.585-7.241 4.257-19.796-5.725-22.32L18.966 594.544c-6.389-1.594-11.314-6.775-12.379-13.219C2.13 554.287 0 526.517 0 498.283c0-30.957 2.594-61.25 7.718-90.613M740.717 297.989c26.884-28.565 68.341-38.795 105.606-25.841l181.007 62.844c4.99 1.793 8.98 5.781 10.51 10.896l-.07-.134c14.51 48.23 22.23 99.318 22.23 152.398 0 11.559-.4 23.118-1.13 34.544-.67 10.828-11.31 18.136-21.63 14.682l-268.907-89.752c-9.849-3.322-19.433 5.516-16.904 15.68l109.799 425.167c1.664 6.311-.531 13.088-5.721 17.141a528.2 528.2 0 0 1-152.788 82.841c-8.984 3.125-18.767-2.326-21.163-11.56L568.364 548.373c-8.651-33.149.399-68.358 23.955-93.27zM694.068 5.286C698.593.504 705.581-1.29 711.769.968c55.366 19.997 106.273 49.228 151.258 85.7 7.319 5.978 7.852 17.072 1.398 23.981L557.65 436.502c-25.154 26.639-62.818 37.466-98.154 28.232L235.77 406.142c-35.535-9.367-63.018-37.203-71.869-72.678v.067l-40.394-164.022c-1.264-5.182.002-10.697 3.463-14.749 40.659-47.632 89.703-88.023 144.868-118.649 9.383-5.18 21.228.267 23.757 10.63l68.742 279.483c2.529 10.164 15.304 13.485 22.358 5.846z'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}

.hwc-Footer-baseline {
  flex: 0.25;
}

.hwc-Footer-baseline .baseline {
  margin-top: 1rem;
}

.hwc-Footer-address {
  flex: 0.25;
}

.hwc-Footer-address > * {
  display: block;
}

.hwc-Footer-address .head {
  margin-bottom: 20px;
}

.hwc-Footer-address .hwc-Button,
.hwc-Footer-address .hours {
  margin-top: 0.5rem;
}

.hwc-Footer-menu {
  flex: 0.5;
}

.hwc-Footer-menu > ul {
  display: flex;
  gap: 2rem;
}

.hwc-Footer-menu > ul > li {
  width: 50%;
}

.hwc-Footer-menu-head {
  margin-bottom: 1.25rem;
}

.hwc-Footer-menu-items li:not(:first-child) {
  margin-top: 1rem;
}

.hwc-Footer-menu-items a:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

.hwc-Footer-socials {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 1rem;
}

.hwc-Footer-social {
  border-radius: 100%;
  width: 40px;
  height: 40px;
  background-color: #FFFBF1;
  background-color: var(--hwc-color-primary);
  color: #21343F;
  color: var(--hwc-color-text);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 1rem;
  transition: all 0.3s ease;
}

.hwc-Footer-social:hover {
  color: #FF5123;
  color: var(--hwc-color-contrast);
}

.hwc-Footer-social svg {
  width: auto;
  height: auto;
  max-width: 20px;
  max-height: 20px;
}

.hwc-Footer-social path {
  fill: currentColor;
}

.hwc-Footer-landing {
  position: relative;
  overflow: clip;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.hwc-Footer-landing-container {
  flex-direction: column;
  gap: 2.5rem;
  padding: 55px 24px 40px 32px;
  margin-bottom: 0;
}

.hwc-Footer-landing-baseline {
  display: flex;
  justify-content: space-between;
}

.hwc-Footer-landing .hwc-PostFooter-container {
  max-width: none;
  max-width: initial;
  color: #21343F;
  color: var(--hwc-color-text);
}

@media screen and (max-width: 768px) {
  .hwc-Footer-container,
  .hwc-Footer-landing-container {
    flex-direction: column;
    gap: 1.5rem;
    padding: 28px 1rem;
  }
  .hwc-Footer-container::before,
  .hwc-Footer-landing-container::before {
    top: -374px;
    translate: 0;
    left: -395px;
  }
  .hwc-Footer-baseline .baseline {
    margin-top: 0.5rem;
  }
  .hwc-Footer-socials {
    margin-top: 0.5rem;
  }
  .hwc-Footer-social {
    margin-top: 0;
  }
  .hwc-Footer-address .head {
    margin-bottom: 0.5rem;
  }
  .hwc-Footer-menu > ul {
    flex-direction: column;
    gap: 0;
  }
  .hwc-Footer-menu > ul .menu-mob {
    width: 100%;
  }
  .hwc-Footer-menu > ul .menu-mob:not(:first-child) {
    padding-top: 0.5rem;
    border-top: 1px solid #FFFBF1;
    border-top: 1px solid var(--hwc-color-primary);
    margin-top: 0.5rem;
  }
  .hwc-Footer-menu > ul .menu-mob .toggler {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
  }
  .hwc-Footer-menu > ul .menu-mob .toggler-icon {
    height: 50px;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .hwc-Footer-menu > ul .menu-mob .content {
    overflow: clip;
    transition: all 0.3s ease;
  }
  .hwc-Footer-menu > ul .menu-mob .content .hwc-Footer-menu-item {
    margin-bottom: 0.5rem;
  }
  .hwc-Footer-landing-container {
    gap: 5rem;
  }
  .hwc-Footer-landing-baseline {
    flex-direction: column;
    gap: 3rem;
  }
}

.hwc-Heading1 {
  font-weight: 700;
  letter-spacing: -3px;
  font-size: 40px;
}

@media screen and (min-width: 440px) {
  .hwc-Heading1 {
    font-size: calc(40px + 24 * (100vw - 440px) / 840);
  }
}

@media screen and (min-width: 1280px) {
  .hwc-Heading1 {
    font-size: 64px;
  }
}

.hwc-Heading1 {
  line-height: 48px;
}

@media screen and (min-width: 440px) {
  .hwc-Heading1 {
    line-height: calc(48px + 22 * (100vw - 440px) / 840);
  }
}

@media screen and (min-width: 1280px) {
  .hwc-Heading1 {
    line-height: 70px;
  }
}

.hwc-Heading2 {
  font-weight: 700;
  letter-spacing: -1px;
  font-size: 40px;
}

@media screen and (min-width: 440px) {
  .hwc-Heading2 {
    font-size: calc(40px + 8 * (100vw - 440px) / 840);
  }
}

@media screen and (min-width: 1280px) {
  .hwc-Heading2 {
    font-size: 48px;
  }
}

.hwc-Heading2 {
  line-height: 48px;
}

@media screen and (min-width: 440px) {
  .hwc-Heading2 {
    line-height: calc(48px + 2 * (100vw - 440px) / 840);
  }
}

@media screen and (min-width: 1280px) {
  .hwc-Heading2 {
    line-height: 50px;
  }
}

.hwc-Heading3 {
  font-weight: 700;
  letter-spacing: -1px;
  font-size: 32px;
}

@media screen and (min-width: 440px) {
  .hwc-Heading3 {
    font-size: calc(32px + 8 * (100vw - 440px) / 840);
  }
}

@media screen and (min-width: 1280px) {
  .hwc-Heading3 {
    font-size: 40px;
  }
}

.hwc-Heading3 {
  line-height: 38px;
}

@media screen and (min-width: 440px) {
  .hwc-Heading3 {
    line-height: calc(38px + 10 * (100vw - 440px) / 840);
  }
}

@media screen and (min-width: 1280px) {
  .hwc-Heading3 {
    line-height: 48px;
  }
}

.hwc-Heading4 {
  font-weight: 700;
  letter-spacing: -1px;
  font-size: 20px;
}

@media screen and (min-width: 440px) {
  .hwc-Heading4 {
    font-size: calc(20px + 12 * (100vw - 440px) / 840);
  }
}

@media screen and (min-width: 1280px) {
  .hwc-Heading4 {
    font-size: 32px;
  }
}

.hwc-Heading4 {
  line-height: 30px;
}

@media screen and (min-width: 440px) {
  .hwc-Heading4 {
    line-height: calc(30px + 8 * (100vw - 440px) / 840);
  }
}

@media screen and (min-width: 1280px) {
  .hwc-Heading4 {
    line-height: 38px;
  }
}

.hwc-Heading5,
.hwc-Pagination-page {
  font-weight: 700;
  font-size: 20px;
}

@media screen and (min-width: 440px) {
  .hwc-Heading5,
  .hwc-Pagination-page {
    font-size: calc(20px + 4 * (100vw - 440px) / 840);
  }
}

@media screen and (min-width: 1280px) {
  .hwc-Heading5,
  .hwc-Pagination-page {
    font-size: 24px;
  }
}

.hwc-Heading5,
.hwc-Pagination-page {
  line-height: 30px;
}

@media screen and (min-width: 440px) {
  .hwc-Heading5,
  .hwc-Pagination-page {
    line-height: calc(30px + 0 * (100vw - 440px) / 840);
  }
}

@media screen and (min-width: 1280px) {
  .hwc-Heading5,
  .hwc-Pagination-page {
    line-height: 30px;
  }
}

.hwc-SupHeading,
.hwc-BlockForm-addresses .address-item .title,
.hwc-Tag {
  font-weight: 600;
  font-size: 14px;
  line-height: normal;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.hwc-Intro {
  font-size: 20px;
  font-weight: 500;
  line-height: 133%;
}

.hwc-Legend {
  font-family: var(--hwc-font-alternative);
  font-size: 12px;
  font-weight: 400;
  line-height: 140%;
}

.hwc-Link-font {
  font-family: var(--hwc-font-alternative);
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
}

.hwc-base-bold,
.hwc-BlockProducts-item.is_promo .tag,
.hwc-Button,
.hwc-LinkButton {
  font-weight: 700;
  line-height: 135%;
}

.hwc-Button {
  display: inline-flex;
  align-items: center;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  overflow: hidden;
  cursor: pointer;
  position: relative;
  z-index: 0;
  white-space: nowrap;
  padding: 12px 18px;
  border-radius: 0.5rem;
  transition: all 0.3s ease;
}

.hwc-Button::after {
  content: "";
  display: inline-block;
  width: 18px;
  height: 16px;
  -webkit-mask-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='16' viewBox='0 0 18 16'%3E%3Cpath d='M12.1467 0.0113425C12.6474 -0.0676584 13.1181 0.274447 13.1975 0.775014C13.2817 1.30898 13.5301 2.15586 13.6711 2.48498C13.6983 2.54849 13.759 2.66241 13.9455 2.93517C14.1287 3.203 14.3983 3.57438 14.8108 4.14708C15.1878 4.67043 15.8947 5.36692 16.4494 5.88244C16.6845 6.08164 17.048 6.37014 17.2317 6.53087C17.274 6.56615 17.3331 6.6124 17.508 6.76232C17.7526 6.97217 17.858 7.28316 17.8186 7.58068C17.8246 7.59168 17.8314 7.60254 17.8371 7.61388C18.0638 8.06736 17.8803 8.61841 17.427 8.84533L17.3996 8.86388C17.3299 8.90817 17.1947 8.99783 16.9387 9.17248C16.487 9.48062 15.6335 10.1128 15.0559 10.5817C14.5074 11.0269 14.2739 11.286 14.051 11.5846C13.5601 12.2425 13.2858 12.8547 13.1613 13.2076C13.1112 13.4094 13.0326 13.8692 12.9192 14.5856C12.9027 14.7007 12.8938 14.7735 12.885 14.8492C12.8752 14.9331 12.8663 15.0214 12.8459 15.149C12.7656 15.6496 12.2938 15.9907 11.7932 15.9108C11.2924 15.8305 10.9503 15.3588 11.0305 14.858C11.0449 14.7679 11.0521 14.7096 11.0608 14.6354C11.0701 14.5557 11.0823 14.4596 11.1037 14.3111L11.1057 14.2985C11.2169 13.5959 11.3138 12.9975 11.3967 12.693L11.4143 12.6354C11.5883 12.1298 11.9498 11.3297 12.5803 10.485C12.9083 10.0456 13.2514 9.67978 13.8967 9.15587C14.1957 8.91316 14.56 8.6323 14.9123 8.36876C14.8168 8.36808 14.7626 8.36735 14.6994 8.36876C14.491 8.37345 14.2877 8.39676 12.2649 8.37365C10.2238 8.35031 6.55815 8.24376 4.51095 8.27306C2.10486 8.30754 1.38561 8.33847 0.85568 8.30236C0.349665 8.26786 -0.0323351 7.82986 0.0021645 7.32384C0.0367396 6.8179 0.474714 6.43583 0.98068 6.47033C1.40986 6.49956 1.97908 6.474 4.48459 6.4381C6.55904 6.40842 10.3121 6.51513 12.2854 6.53771C13.789 6.55489 14.2592 6.54429 14.4865 6.53673C14.0678 6.11802 13.6273 5.64762 13.3195 5.22033C12.9155 4.65921 12.6292 4.26266 12.4299 3.9713C12.2344 3.68546 12.0861 3.44684 11.9836 3.20763C11.7777 2.72696 11.4889 1.73321 11.383 1.06212C11.3042 0.561348 11.646 0.090543 12.1467 0.0113425Z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='16' viewBox='0 0 18 16'%3E%3Cpath d='M12.1467 0.0113425C12.6474 -0.0676584 13.1181 0.274447 13.1975 0.775014C13.2817 1.30898 13.5301 2.15586 13.6711 2.48498C13.6983 2.54849 13.759 2.66241 13.9455 2.93517C14.1287 3.203 14.3983 3.57438 14.8108 4.14708C15.1878 4.67043 15.8947 5.36692 16.4494 5.88244C16.6845 6.08164 17.048 6.37014 17.2317 6.53087C17.274 6.56615 17.3331 6.6124 17.508 6.76232C17.7526 6.97217 17.858 7.28316 17.8186 7.58068C17.8246 7.59168 17.8314 7.60254 17.8371 7.61388C18.0638 8.06736 17.8803 8.61841 17.427 8.84533L17.3996 8.86388C17.3299 8.90817 17.1947 8.99783 16.9387 9.17248C16.487 9.48062 15.6335 10.1128 15.0559 10.5817C14.5074 11.0269 14.2739 11.286 14.051 11.5846C13.5601 12.2425 13.2858 12.8547 13.1613 13.2076C13.1112 13.4094 13.0326 13.8692 12.9192 14.5856C12.9027 14.7007 12.8938 14.7735 12.885 14.8492C12.8752 14.9331 12.8663 15.0214 12.8459 15.149C12.7656 15.6496 12.2938 15.9907 11.7932 15.9108C11.2924 15.8305 10.9503 15.3588 11.0305 14.858C11.0449 14.7679 11.0521 14.7096 11.0608 14.6354C11.0701 14.5557 11.0823 14.4596 11.1037 14.3111L11.1057 14.2985C11.2169 13.5959 11.3138 12.9975 11.3967 12.693L11.4143 12.6354C11.5883 12.1298 11.9498 11.3297 12.5803 10.485C12.9083 10.0456 13.2514 9.67978 13.8967 9.15587C14.1957 8.91316 14.56 8.6323 14.9123 8.36876C14.8168 8.36808 14.7626 8.36735 14.6994 8.36876C14.491 8.37345 14.2877 8.39676 12.2649 8.37365C10.2238 8.35031 6.55815 8.24376 4.51095 8.27306C2.10486 8.30754 1.38561 8.33847 0.85568 8.30236C0.349665 8.26786 -0.0323351 7.82986 0.0021645 7.32384C0.0367396 6.8179 0.474714 6.43583 0.98068 6.47033C1.40986 6.49956 1.97908 6.474 4.48459 6.4381C6.55904 6.40842 10.3121 6.51513 12.2854 6.53771C13.789 6.55489 14.2592 6.54429 14.4865 6.53673C14.0678 6.11802 13.6273 5.64762 13.3195 5.22033C12.9155 4.65921 12.6292 4.26266 12.4299 3.9713C12.2344 3.68546 12.0861 3.44684 11.9836 3.20763C11.7777 2.72696 11.4889 1.73321 11.383 1.06212C11.3042 0.561348 11.646 0.090543 12.1467 0.0113425Z'/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  transition: all 0.3s ease;
}

.hwc-Button {
}

.hwc-Button:disabled {
  opacity: 0.5;
  pointer-events: none;
  cursor: default;
}

.hwc-Button {
}

.hwc-Button.no-icon::after {
  display: none;
}

.hwc-Button {
  background-color: #FF5123;
  background-color: var(--hwc-color-contrast);
  color: #FFFFFF;
  color: var(--hwc-color-text-alternate);
}

.hwc-Button:focus:not(:active) {
  box-shadow: inset 0px 0px 0px 2px #99B76F;
  box-shadow: inset 0px 0px 0px 2px var(--hwc-color-secondary);
}

.hwc-Button:after {
  background-color: #FFFFFF;
  background-color: var(--hwc-color-text-alternate);
  margin-left: 0.5rem;
}

.hwc-Button:hover {
  background-color: #ED3301;
}

.hwc-Form.is-orange .hwc-Form-field .hwc-Button,
.hwc-Button.is-secondary {
  background-color: #21343F;
  background-color: var(--hwc-color-terciary);
  color: #FFFFFF;
  color: var(--hwc-color-text-alternate);
}

.hwc-Form.is-orange .hwc-Form-field .hwc-Button:focus:not(:active),
.hwc-Button.is-secondary:focus:not(:active) {
  box-shadow: inset 0px 0px 0px 2px #99B76F;
  box-shadow: inset 0px 0px 0px 2px var(--hwc-color-secondary);
}

.hwc-Form.is-orange .hwc-Form-field .hwc-Button:after,
.hwc-Button.is-secondary:after {
  background-color: #FFFFFF;
  background-color: var(--hwc-color-text-alternate);
}

.hwc-Form.is-orange .hwc-Form-field .hwc-Button:hover,
.hwc-Button.is-secondary:hover {
  background-color: #030F17;
}

.hwc-RoundButton {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  width: 50px;
  height: 50px;
  border-radius: 0.5rem;
  border: 1px solid transparent;
  background-color: #FF5123;
  background-color: var(--hwc-color-contrast);
}

.hwc-RoundButton::after {
  content: "";
  display: block;
  height: 16px;
  width: 18px;
  transition: all 0.3s ease;
  background-color: #FFFFFF;
  background-color: var(--hwc-color-text-alternate);
  -webkit-mask-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='16' viewBox='0 0 18 16'%3E%3Cpath d='M12.1467 0.0113425C12.6474 -0.0676584 13.1181 0.274447 13.1975 0.775014C13.2817 1.30898 13.5301 2.15586 13.6711 2.48498C13.6983 2.54849 13.759 2.66241 13.9455 2.93517C14.1287 3.203 14.3983 3.57438 14.8108 4.14708C15.1878 4.67043 15.8947 5.36692 16.4494 5.88244C16.6845 6.08164 17.048 6.37014 17.2317 6.53087C17.274 6.56615 17.3331 6.6124 17.508 6.76232C17.7526 6.97217 17.858 7.28316 17.8186 7.58068C17.8246 7.59168 17.8314 7.60254 17.8371 7.61388C18.0638 8.06736 17.8803 8.61841 17.427 8.84533L17.3996 8.86388C17.3299 8.90817 17.1947 8.99783 16.9387 9.17248C16.487 9.48062 15.6335 10.1128 15.0559 10.5817C14.5074 11.0269 14.2739 11.286 14.051 11.5846C13.5601 12.2425 13.2858 12.8547 13.1613 13.2076C13.1112 13.4094 13.0326 13.8692 12.9192 14.5856C12.9027 14.7007 12.8938 14.7735 12.885 14.8492C12.8752 14.9331 12.8663 15.0214 12.8459 15.149C12.7656 15.6496 12.2938 15.9907 11.7932 15.9108C11.2924 15.8305 10.9503 15.3588 11.0305 14.858C11.0449 14.7679 11.0521 14.7096 11.0608 14.6354C11.0701 14.5557 11.0823 14.4596 11.1037 14.3111L11.1057 14.2985C11.2169 13.5959 11.3138 12.9975 11.3967 12.693L11.4143 12.6354C11.5883 12.1298 11.9498 11.3297 12.5803 10.485C12.9083 10.0456 13.2514 9.67978 13.8967 9.15587C14.1957 8.91316 14.56 8.6323 14.9123 8.36876C14.8168 8.36808 14.7626 8.36735 14.6994 8.36876C14.491 8.37345 14.2877 8.39676 12.2649 8.37365C10.2238 8.35031 6.55815 8.24376 4.51095 8.27306C2.10486 8.30754 1.38561 8.33847 0.85568 8.30236C0.349665 8.26786 -0.0323351 7.82986 0.0021645 7.32384C0.0367396 6.8179 0.474714 6.43583 0.98068 6.47033C1.40986 6.49956 1.97908 6.474 4.48459 6.4381C6.55904 6.40842 10.3121 6.51513 12.2854 6.53771C13.789 6.55489 14.2592 6.54429 14.4865 6.53673C14.0678 6.11802 13.6273 5.64762 13.3195 5.22033C12.9155 4.65921 12.6292 4.26266 12.4299 3.9713C12.2344 3.68546 12.0861 3.44684 11.9836 3.20763C11.7777 2.72696 11.4889 1.73321 11.383 1.06212C11.3042 0.561348 11.646 0.090543 12.1467 0.0113425Z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='16' viewBox='0 0 18 16'%3E%3Cpath d='M12.1467 0.0113425C12.6474 -0.0676584 13.1181 0.274447 13.1975 0.775014C13.2817 1.30898 13.5301 2.15586 13.6711 2.48498C13.6983 2.54849 13.759 2.66241 13.9455 2.93517C14.1287 3.203 14.3983 3.57438 14.8108 4.14708C15.1878 4.67043 15.8947 5.36692 16.4494 5.88244C16.6845 6.08164 17.048 6.37014 17.2317 6.53087C17.274 6.56615 17.3331 6.6124 17.508 6.76232C17.7526 6.97217 17.858 7.28316 17.8186 7.58068C17.8246 7.59168 17.8314 7.60254 17.8371 7.61388C18.0638 8.06736 17.8803 8.61841 17.427 8.84533L17.3996 8.86388C17.3299 8.90817 17.1947 8.99783 16.9387 9.17248C16.487 9.48062 15.6335 10.1128 15.0559 10.5817C14.5074 11.0269 14.2739 11.286 14.051 11.5846C13.5601 12.2425 13.2858 12.8547 13.1613 13.2076C13.1112 13.4094 13.0326 13.8692 12.9192 14.5856C12.9027 14.7007 12.8938 14.7735 12.885 14.8492C12.8752 14.9331 12.8663 15.0214 12.8459 15.149C12.7656 15.6496 12.2938 15.9907 11.7932 15.9108C11.2924 15.8305 10.9503 15.3588 11.0305 14.858C11.0449 14.7679 11.0521 14.7096 11.0608 14.6354C11.0701 14.5557 11.0823 14.4596 11.1037 14.3111L11.1057 14.2985C11.2169 13.5959 11.3138 12.9975 11.3967 12.693L11.4143 12.6354C11.5883 12.1298 11.9498 11.3297 12.5803 10.485C12.9083 10.0456 13.2514 9.67978 13.8967 9.15587C14.1957 8.91316 14.56 8.6323 14.9123 8.36876C14.8168 8.36808 14.7626 8.36735 14.6994 8.36876C14.491 8.37345 14.2877 8.39676 12.2649 8.37365C10.2238 8.35031 6.55815 8.24376 4.51095 8.27306C2.10486 8.30754 1.38561 8.33847 0.85568 8.30236C0.349665 8.26786 -0.0323351 7.82986 0.0021645 7.32384C0.0367396 6.8179 0.474714 6.43583 0.98068 6.47033C1.40986 6.49956 1.97908 6.474 4.48459 6.4381C6.55904 6.40842 10.3121 6.51513 12.2854 6.53771C13.789 6.55489 14.2592 6.54429 14.4865 6.53673C14.0678 6.11802 13.6273 5.64762 13.3195 5.22033C12.9155 4.65921 12.6292 4.26266 12.4299 3.9713C12.2344 3.68546 12.0861 3.44684 11.9836 3.20763C11.7777 2.72696 11.4889 1.73321 11.383 1.06212C11.3042 0.561348 11.646 0.090543 12.1467 0.0113425Z'/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}

.hwc-RoundButton.is-secondary {
  background-color: transparent;
  border-color: #FFFFFF;
  border-color: var(--hwc-color-text-alternate);
}

.hwc-RoundButton.is-secondary::after {
  background-color: #FFFFFF;
  background-color: var(--hwc-color-text-alternate);
}

.hwc-RoundButton.is-secondary:hover {
  border-color: #99B76F;
  border-color: var(--hwc-color-secondary);
  background-color: transparent;
}

.hwc-RoundButton.is-secondary:hover::after {
  background-color: #99B76F;
  background-color: var(--hwc-color-secondary);
}

.hwc-RoundButton.is-beige {
  background-color: transparent;
  border-color: #FFFBF1;
  border-color: var(--hwc-color-primary);
}

.hwc-RoundButton.is-beige::after {
  background-color: #FFFBF1;
  background-color: var(--hwc-color-primary);
}

.hwc-RoundButton.is-beige:hover {
  border-color: #99B76F;
  border-color: var(--hwc-color-secondary);
  background-color: transparent;
}

.hwc-RoundButton.is-beige:hover::after {
  background-color: #99B76F;
  background-color: var(--hwc-color-secondary);
}

.hwc-RoundButton.is-green {
  background-color: transparent;
  border-color: #99B76F;
  border-color: var(--hwc-color-secondary);
}

.hwc-RoundButton.is-green::after {
  background-color: #99B76F;
  background-color: var(--hwc-color-secondary);
}

.hwc-RoundButton.is-green:hover {
  border-color: #99B76F;
  border-color: var(--hwc-color-secondary);
  background-color: #99B76F;
  background-color: var(--hwc-color-secondary);
}

.hwc-RoundButton.is-green:hover::after {
  background-color: #FFFBF1;
  background-color: var(--hwc-color-primary);
}

.hwc-RoundButton.prev::after {
  -webkit-mask-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='16' viewBox='0 0 18 16'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.78764 15.912C5.28677 15.9909 4.81603 15.6481 4.73685 15.1473C4.6526 14.6134 4.40418 13.7675 4.26322 13.4383C4.23602 13.3748 4.17533 13.2608 3.98881 12.9881C3.80561 12.7203 3.537 12.348 3.12455 11.7752C2.74754 11.2519 2.03959 10.5564 1.4849 10.0409C1.24973 9.84157 0.886229 9.55215 0.702675 9.39145C0.660288 9.35618 0.601227 9.30988 0.426308 9.16C0.182036 8.95023 0.0765025 8.63995 0.115761 8.34262C0.109654 8.33157 0.10291 8.32081 0.0972068 8.30942C-0.129581 7.85584 0.0538662 7.30388 0.507363 7.077L0.534707 7.05942C0.604327 7.01518 0.73939 6.92564 0.995644 6.75083C1.44733 6.44268 2.3007 5.80965 2.87846 5.34067C3.42679 4.89555 3.66049 4.63725 3.88334 4.33872C4.37437 3.68069 4.64859 3.06763 4.77299 2.71469C4.82312 2.51275 4.90181 2.05354 5.01518 1.33774C5.03168 1.22262 5.04049 1.14975 5.04936 1.07407C5.05918 0.990187 5.06799 0.901954 5.08842 0.774263C5.16856 0.273638 5.64054 -0.0682679 6.14115 0.011568C6.64189 0.0917825 6.98399 0.56451 6.90385 1.06528C6.8895 1.15505 6.88225 1.21297 6.87357 1.28696C6.86423 1.36669 6.8521 1.46345 6.83061 1.61215L6.82865 1.62485C6.71741 2.32729 6.62056 2.92586 6.53764 3.23032L6.52006 3.28696C6.34609 3.79255 5.9847 4.59339 5.35404 5.43833C5.02611 5.87756 4.68284 6.24362 4.03764 6.76743C3.73875 7.01004 3.37413 7.29014 3.02201 7.55356C3.11754 7.55424 3.17168 7.55498 3.2349 7.55356C3.44336 7.54888 3.64649 7.52556 5.66947 7.54868C7.71044 7.57202 11.3761 7.67953 13.4234 7.65024C15.8293 7.61577 16.5487 7.58387 17.0787 7.61997C17.5847 7.65447 17.9676 8.09344 17.9331 8.59946C17.8984 9.10528 17.4595 9.48747 16.9537 9.45298C16.5245 9.42375 15.9552 9.4493 13.4497 9.4852C11.3753 9.51488 7.6222 9.40719 5.64896 9.38461C4.14726 9.36746 3.67641 9.37902 3.44877 9.38657C3.86729 9.80513 4.30722 10.2759 4.61478 10.703C5.01878 11.264 5.30516 11.6597 5.50443 11.951C5.70008 12.2371 5.8482 12.4763 5.95072 12.7157C6.15654 13.1963 6.44535 14.1892 6.55131 14.8602C6.63033 15.3611 6.28847 15.8328 5.78764 15.912Z' /%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='16' viewBox='0 0 18 16'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.78764 15.912C5.28677 15.9909 4.81603 15.6481 4.73685 15.1473C4.6526 14.6134 4.40418 13.7675 4.26322 13.4383C4.23602 13.3748 4.17533 13.2608 3.98881 12.9881C3.80561 12.7203 3.537 12.348 3.12455 11.7752C2.74754 11.2519 2.03959 10.5564 1.4849 10.0409C1.24973 9.84157 0.886229 9.55215 0.702675 9.39145C0.660288 9.35618 0.601227 9.30988 0.426308 9.16C0.182036 8.95023 0.0765025 8.63995 0.115761 8.34262C0.109654 8.33157 0.10291 8.32081 0.0972068 8.30942C-0.129581 7.85584 0.0538662 7.30388 0.507363 7.077L0.534707 7.05942C0.604327 7.01518 0.73939 6.92564 0.995644 6.75083C1.44733 6.44268 2.3007 5.80965 2.87846 5.34067C3.42679 4.89555 3.66049 4.63725 3.88334 4.33872C4.37437 3.68069 4.64859 3.06763 4.77299 2.71469C4.82312 2.51275 4.90181 2.05354 5.01518 1.33774C5.03168 1.22262 5.04049 1.14975 5.04936 1.07407C5.05918 0.990187 5.06799 0.901954 5.08842 0.774263C5.16856 0.273638 5.64054 -0.0682679 6.14115 0.011568C6.64189 0.0917825 6.98399 0.56451 6.90385 1.06528C6.8895 1.15505 6.88225 1.21297 6.87357 1.28696C6.86423 1.36669 6.8521 1.46345 6.83061 1.61215L6.82865 1.62485C6.71741 2.32729 6.62056 2.92586 6.53764 3.23032L6.52006 3.28696C6.34609 3.79255 5.9847 4.59339 5.35404 5.43833C5.02611 5.87756 4.68284 6.24362 4.03764 6.76743C3.73875 7.01004 3.37413 7.29014 3.02201 7.55356C3.11754 7.55424 3.17168 7.55498 3.2349 7.55356C3.44336 7.54888 3.64649 7.52556 5.66947 7.54868C7.71044 7.57202 11.3761 7.67953 13.4234 7.65024C15.8293 7.61577 16.5487 7.58387 17.0787 7.61997C17.5847 7.65447 17.9676 8.09344 17.9331 8.59946C17.8984 9.10528 17.4595 9.48747 16.9537 9.45298C16.5245 9.42375 15.9552 9.4493 13.4497 9.4852C11.3753 9.51488 7.6222 9.40719 5.64896 9.38461C4.14726 9.36746 3.67641 9.37902 3.44877 9.38657C3.86729 9.80513 4.30722 10.2759 4.61478 10.703C5.01878 11.264 5.30516 11.6597 5.50443 11.951C5.70008 12.2371 5.8482 12.4763 5.95072 12.7157C6.15654 13.1963 6.44535 14.1892 6.55131 14.8602C6.63033 15.3611 6.28847 15.8328 5.78764 15.912Z' /%3E%3C/svg%3E");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}

.hwc-RoundButton.top-right::after {
  -webkit-mask-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11'%3E%3Cpath d='M8.19 1.75H1V.25h9.75V10h-1.5V2.81l-7.72 7.72L.47 9.47l7.72-7.72Z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11'%3E%3Cpath d='M8.19 1.75H1V.25h9.75V10h-1.5V2.81l-7.72 7.72L.47 9.47l7.72-7.72Z'/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}

.hwc-RoundButton:hover {
  background-color: #ED3301;
}

.hwc-Form {
  --border: var(--hwc-color-border);
}

.hwc-Form.is-orange {
  --border: var(--hwc-color-contrast);
}

.hwc-Form.is-orange .hwc-Form-field {
  color: #21343F;
  color: var(--hwc-color-text);
}

.hwc-Form.is-orange .hwc-Form-field .wpcf7-not-valid-tip {
  color: #FFFFFF;
  color: var(--hwc-color-text-alternate);
}

.hwc-Form.is-orange .hwc-Form-field .label {
  color: #21343F;
  color: var(--hwc-color-text);
}

.hwc-Form.is-orange .hwc-Form-field select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath fill='%23FF5123' d='M20 10c0 5.523-4.477 10-10 10S0 15.523 0 10 4.477 0 10 0s10 4.477 10 10'/%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M9.611 11.841 6.5 8.768 7.278 8 10 10.689 12.722 8l.778.768-3.111 3.073a.554.554 0 0 1-.778 0' clip-rule='evenodd'/%3E%3C/svg%3E");
}

.hwc-Form.is-orange .hwc-Form-field input[type=date] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='19' fill='none'%3E%3Cpath fill='%23FF5123' d='M16.206 1.807h-.422v-.018a1.789 1.789 0 1 0-3.577 0v.018H7.198v-.018a1.789 1.789 0 1 0-3.577 0v.018h-.422A3.203 3.203 0 0 0 0 5.006V15.15a3.203 3.203 0 0 0 3.199 3.199h13.007a3.203 3.203 0 0 0 3.2-3.199V5.006a3.203 3.203 0 0 0-3.2-3.2m-2.568-.018a.358.358 0 0 1 .715 0V3.15a.358.358 0 0 1-.715 0zm-8.586 0a.358.358 0 0 1 .715 0V3.15a.358.358 0 0 1-.715 0zm12.922 13.363a1.77 1.77 0 0 1-1.768 1.767L3.2 16.918A1.77 1.77 0 0 1 1.43 15.15V8.54H17.97v6.611zm0-8.043H1.431V5.006a1.77 1.77 0 0 1 1.768-1.768h.433a1.79 1.79 0 0 0 1.782 1.704c.958 0 1.731-.755 1.782-1.704h5.026a1.79 1.79 0 0 0 1.782 1.704c.959 0 1.732-.755 1.782-1.704h.433a1.77 1.77 0 0 1 1.768 1.768l-.003 2.103z'/%3E%3C/svg%3E");
}

.hwc-Form.is-orange .hwc-Form-field input[type=file]::file-selector-button {
  color: #21343F;
  color: var(--hwc-color-text);
}

.hwc-Form.is-orange .hwc-Form-field .wpcf7-list-item label input + span::before {
  background-color: #FFFBF1 !important;
  background-color: var(--hwc-color-primary) !important;
  border: 2px solid #FFFBF1 !important;
  border: 2px solid var(--hwc-color-primary) !important;
}

.hwc-Form.is-orange .hwc-Form-field .wpcf7-list-item label input:checked + span::before {
  background-color: #99B76F !important;
  background-color: var(--hwc-color-secondary) !important;
  border-color: #99B76F !important;
  border-color: var(--hwc-color-secondary) !important;
}

.hwc-Form-row {
  display: flex;
  gap: 2rem;
}

.hwc-Form-row.submit {
  justify-content: center;
  text-align: center;
}

.hwc-Form-field {
  position: relative;
  margin-bottom: 1rem;
  width: 100%;
}

.hwc-Form-field .label {
  display: inline-block;
  margin-bottom: 0.5rem;
}

.hwc-Form-field .label-required {
  color: #21343F;
  color: var(--hwc-color-text);
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.hwc-Form-field input[type=number],
.hwc-Form-field input[type=search],
.hwc-Form-field input[type=text],
.hwc-Form-field input[type=password],
.hwc-Form-field input[type=email],
.hwc-Form-field input[type=tel],
.hwc-Form-field input[type=date],
.hwc-Form-field input[type=file],
.hwc-Form-field input[type=url],
.hwc-Form-field textarea,
.hwc-Form-field select {
  display: block;
  width: 100%;
  border: 1px solid var(--border);
  background-color: #FFFFFF;
  background-color: var(--hwc-color-white);
}

.hwc-Form-field input[type=number] ::-moz-placeholder, .hwc-Form-field input[type=search] ::-moz-placeholder, .hwc-Form-field input[type=text] ::-moz-placeholder, .hwc-Form-field input[type=password] ::-moz-placeholder, .hwc-Form-field input[type=email] ::-moz-placeholder, .hwc-Form-field input[type=tel] ::-moz-placeholder, .hwc-Form-field input[type=date] ::-moz-placeholder, .hwc-Form-field input[type=file] ::-moz-placeholder, .hwc-Form-field input[type=url] ::-moz-placeholder, .hwc-Form-field textarea ::-moz-placeholder, .hwc-Form-field select ::-moz-placeholder {
  color: #4D4D4D;
}

.hwc-Form-field input[type=number] ::placeholder,
.hwc-Form-field input[type=search] ::placeholder,
.hwc-Form-field input[type=text] ::placeholder,
.hwc-Form-field input[type=password] ::placeholder,
.hwc-Form-field input[type=email] ::placeholder,
.hwc-Form-field input[type=tel] ::placeholder,
.hwc-Form-field input[type=date] ::placeholder,
.hwc-Form-field input[type=file] ::placeholder,
.hwc-Form-field input[type=url] ::placeholder,
.hwc-Form-field textarea ::placeholder,
.hwc-Form-field select ::placeholder {
  color: #4D4D4D;
}

.hwc-Form-field input[type=number],
.hwc-Form-field input[type=text],
.hwc-Form-field input[type=password],
.hwc-Form-field input[type=search],
.hwc-Form-field input[type=email],
.hwc-Form-field input[type=tel],
.hwc-Form-field input[type=date],
.hwc-Form-field input[type=url],
.hwc-Form-field input[type=file],
.hwc-Form-field select {
  height: 50px;
  border-radius: 8px;
  padding: 0px 1rem;
}

.hwc-Form-field textarea {
  padding: 1rem;
  height: 150px;
  border-radius: 8px;
}

.hwc-Form-field select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath fill='%2399B76F' d='M20 10c0 5.523-4.477 10-10 10S0 15.523 0 10 4.477 0 10 0s10 4.477 10 10'/%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M9.611 11.841 6.5 8.768 7.278 8 10 10.689 12.722 8l.778.768-3.111 3.073a.554.554 0 0 1-.778 0' clip-rule='evenodd'/%3E%3C/svg%3E");
  background-position: right 1rem center;
  background-repeat: no-repeat;
  background-size: 20px;
}

.hwc-Form-field input[type=date] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='19' fill='none'%3E%3Cpath fill='%2399B76F' d='M16.206 1.807h-.422v-.018a1.789 1.789 0 1 0-3.577 0v.018H7.198v-.018a1.789 1.789 0 1 0-3.577 0v.018h-.422A3.203 3.203 0 0 0 0 5.006V15.15a3.203 3.203 0 0 0 3.199 3.199h13.007a3.203 3.203 0 0 0 3.2-3.199V5.006a3.203 3.203 0 0 0-3.2-3.2m-2.568-.018a.358.358 0 0 1 .715 0V3.15a.358.358 0 0 1-.715 0zm-8.586 0a.358.358 0 0 1 .715 0V3.15a.358.358 0 0 1-.715 0zm12.922 13.363a1.77 1.77 0 0 1-1.768 1.767L3.2 16.918A1.77 1.77 0 0 1 1.43 15.15V8.54H17.97v6.611zm0-8.043H1.431V5.006a1.77 1.77 0 0 1 1.768-1.768h.433a1.79 1.79 0 0 0 1.782 1.704c.958 0 1.731-.755 1.782-1.704h5.026a1.79 1.79 0 0 0 1.782 1.704c.959 0 1.732-.755 1.782-1.704h.433a1.77 1.77 0 0 1 1.768 1.768l-.003 2.103z'/%3E%3C/svg%3E");
  background-position: right 1rem center;
  background-repeat: no-repeat;
  background-size: 20px;
}

.hwc-Form-field input[type=date]::-webkit-calendar-picker-indicator {
  background-image: none;
}

.hwc-Form-field input[type=file] {
  position: relative;
  padding-right: 0;
  line-height: 50px;
  padding-top: 0;
  padding-bottom: 0;
}

.hwc-Form-field input[type=file]::file-selector-button {
  height: 48px;
  padding: 10px 20px;
  background-color: var(--border);
  color: #FFFFFF;
  color: var(--hwc-color-text-alternate);
  border: none;
  float: right;
  translate: 6px 0px;
  border-radius: 8px;
}

.hwc-Form .hwc-Legend {
  color: #FFFBF1;
  color: var(--hwc-color-primary);
}

.hwc-Form.is-inline {
  display: flex;
  flex-wrap: wrap;
}

.hwc-Form .wpcf7-list-item label input + span::before {
  background-color: #FFFBF1 !important;
  background-color: var(--hwc-color-primary) !important;
  border: 2px solid #99B76F !important;
  border: 2px solid var(--hwc-color-border) !important;
  border-radius: 4px;
  box-shadow: none !important;
  box-shadow: initial !important;
  top: 0.6rem !important;
  translate: 0 -50%;
}

.hwc-Form .wpcf7-list-item label input:checked + span::before {
  background-color: #FF5123 !important;
  background-color: var(--hwc-color-contrast) !important;
  border-color: #FF5123 !important;
  border-color: var(--hwc-color-contrast) !important;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='8' fill='none'%3E%3Cpath fill='%23fff' d='m3 7.05-3-3L1.05 3 3 4.95 7.95 0 9 1.05z'/%3E%3C/svg%3E");
  display: flex;
  justify-content: center;
  align-items: center;
}

.wpcf7-form .wpcf7-response-output {
  padding: 0.5rem 1rem;
  position: relative;
  z-index: 10;
}

.wpcf7-form.invalid .wpcf7-response-output {
  background-color: #FF9900;
  border: none;
}

.wpcf7-form.failed .wpcf7-response-output {
  background-color: #FF3333;
  color: #FFFFFF;
  border: none;
}

.wpcf7-form.sent .wpcf7-response-output {
  background-color: #00A431;
  color: #FFFFFF;
  border: none;
}

@media screen and (max-width: 768px) {
  .hwc-Form-row {
    flex-wrap: wrap;
    gap: 1rem;
  }
  .hwc-Form-row:not(:first-child) {
    margin-top: 1rem;
  }
  .hwc-Form-field {
    margin-bottom: 0.5rem;
  }
}

.hwc-Gallery {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 1rem;
  gap: 1rem;
}

.hwc-Gallery .image-wrapper {
  aspect-ratio: 16/9;
  width: 100%;
}

.hwc-Gallery:not(:last-child) {
  margin-bottom: 2rem;
}

@media screen and (max-width: 768px) {
  .hwc-Gallery {
    display: flex;
    flex-direction: column;
  }
}

.hwc-LinkButton {
  position: relative;
  display: inline-block;
}

.hwc-LinkButton.prev::after {
  margin-right: 8px;
  left: -26px;
  rotate: 180deg;
  margin-left: 0;
}

.hwc-LinkButton.is-green::before {
  background-color: #99B76F;
  background-color: var(--hwc-color-secondary);
}

.hwc-LinkButton.is-green::after {
  background-color: #99B76F;
  background-color: var(--hwc-color-secondary);
}

.hwc-LinkButton::before {
  position: absolute;
  content: "";
  left: 0;
  bottom: 1px;
  width: 0;
  height: 1px;
  background-color: #FF5123;
  background-color: var(--hwc-color-contrast);
  transition: width 0.3s ease;
}

.hwc-LinkButton::after {
  content: "";
  -webkit-mask-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='16' viewBox='0 0 18 16'%3E%3Cpath d='M12.1467 0.0113425C12.6474 -0.0676584 13.1181 0.274447 13.1975 0.775014C13.2817 1.30898 13.5301 2.15586 13.6711 2.48498C13.6983 2.54849 13.759 2.66241 13.9455 2.93517C14.1287 3.203 14.3983 3.57438 14.8108 4.14708C15.1878 4.67043 15.8947 5.36692 16.4494 5.88244C16.6845 6.08164 17.048 6.37014 17.2317 6.53087C17.274 6.56615 17.3331 6.6124 17.508 6.76232C17.7526 6.97217 17.858 7.28316 17.8186 7.58068C17.8246 7.59168 17.8314 7.60254 17.8371 7.61388C18.0638 8.06736 17.8803 8.61841 17.427 8.84533L17.3996 8.86388C17.3299 8.90817 17.1947 8.99783 16.9387 9.17248C16.487 9.48062 15.6335 10.1128 15.0559 10.5817C14.5074 11.0269 14.2739 11.286 14.051 11.5846C13.5601 12.2425 13.2858 12.8547 13.1613 13.2076C13.1112 13.4094 13.0326 13.8692 12.9192 14.5856C12.9027 14.7007 12.8938 14.7735 12.885 14.8492C12.8752 14.9331 12.8663 15.0214 12.8459 15.149C12.7656 15.6496 12.2938 15.9907 11.7932 15.9108C11.2924 15.8305 10.9503 15.3588 11.0305 14.858C11.0449 14.7679 11.0521 14.7096 11.0608 14.6354C11.0701 14.5557 11.0823 14.4596 11.1037 14.3111L11.1057 14.2985C11.2169 13.5959 11.3138 12.9975 11.3967 12.693L11.4143 12.6354C11.5883 12.1298 11.9498 11.3297 12.5803 10.485C12.9083 10.0456 13.2514 9.67978 13.8967 9.15587C14.1957 8.91316 14.56 8.6323 14.9123 8.36876C14.8168 8.36808 14.7626 8.36735 14.6994 8.36876C14.491 8.37345 14.2877 8.39676 12.2649 8.37365C10.2238 8.35031 6.55815 8.24376 4.51095 8.27306C2.10486 8.30754 1.38561 8.33847 0.85568 8.30236C0.349665 8.26786 -0.0323351 7.82986 0.0021645 7.32384C0.0367396 6.8179 0.474714 6.43583 0.98068 6.47033C1.40986 6.49956 1.97908 6.474 4.48459 6.4381C6.55904 6.40842 10.3121 6.51513 12.2854 6.53771C13.789 6.55489 14.2592 6.54429 14.4865 6.53673C14.0678 6.11802 13.6273 5.64762 13.3195 5.22033C12.9155 4.65921 12.6292 4.26266 12.4299 3.9713C12.2344 3.68546 12.0861 3.44684 11.9836 3.20763C11.7777 2.72696 11.4889 1.73321 11.383 1.06212C11.3042 0.561348 11.646 0.090543 12.1467 0.0113425Z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='16' viewBox='0 0 18 16'%3E%3Cpath d='M12.1467 0.0113425C12.6474 -0.0676584 13.1181 0.274447 13.1975 0.775014C13.2817 1.30898 13.5301 2.15586 13.6711 2.48498C13.6983 2.54849 13.759 2.66241 13.9455 2.93517C14.1287 3.203 14.3983 3.57438 14.8108 4.14708C15.1878 4.67043 15.8947 5.36692 16.4494 5.88244C16.6845 6.08164 17.048 6.37014 17.2317 6.53087C17.274 6.56615 17.3331 6.6124 17.508 6.76232C17.7526 6.97217 17.858 7.28316 17.8186 7.58068C17.8246 7.59168 17.8314 7.60254 17.8371 7.61388C18.0638 8.06736 17.8803 8.61841 17.427 8.84533L17.3996 8.86388C17.3299 8.90817 17.1947 8.99783 16.9387 9.17248C16.487 9.48062 15.6335 10.1128 15.0559 10.5817C14.5074 11.0269 14.2739 11.286 14.051 11.5846C13.5601 12.2425 13.2858 12.8547 13.1613 13.2076C13.1112 13.4094 13.0326 13.8692 12.9192 14.5856C12.9027 14.7007 12.8938 14.7735 12.885 14.8492C12.8752 14.9331 12.8663 15.0214 12.8459 15.149C12.7656 15.6496 12.2938 15.9907 11.7932 15.9108C11.2924 15.8305 10.9503 15.3588 11.0305 14.858C11.0449 14.7679 11.0521 14.7096 11.0608 14.6354C11.0701 14.5557 11.0823 14.4596 11.1037 14.3111L11.1057 14.2985C11.2169 13.5959 11.3138 12.9975 11.3967 12.693L11.4143 12.6354C11.5883 12.1298 11.9498 11.3297 12.5803 10.485C12.9083 10.0456 13.2514 9.67978 13.8967 9.15587C14.1957 8.91316 14.56 8.6323 14.9123 8.36876C14.8168 8.36808 14.7626 8.36735 14.6994 8.36876C14.491 8.37345 14.2877 8.39676 12.2649 8.37365C10.2238 8.35031 6.55815 8.24376 4.51095 8.27306C2.10486 8.30754 1.38561 8.33847 0.85568 8.30236C0.349665 8.26786 -0.0323351 7.82986 0.0021645 7.32384C0.0367396 6.8179 0.474714 6.43583 0.98068 6.47033C1.40986 6.49956 1.97908 6.474 4.48459 6.4381C6.55904 6.40842 10.3121 6.51513 12.2854 6.53771C13.789 6.55489 14.2592 6.54429 14.4865 6.53673C14.0678 6.11802 13.6273 5.64762 13.3195 5.22033C12.9155 4.65921 12.6292 4.26266 12.4299 3.9713C12.2344 3.68546 12.0861 3.44684 11.9836 3.20763C11.7777 2.72696 11.4889 1.73321 11.383 1.06212C11.3042 0.561348 11.646 0.090543 12.1467 0.0113425Z'/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  background-color: #FF5123;
  background-color: var(--hwc-color-contrast);
  margin-left: 8px;
  display: inline-block;
  height: 16px;
  width: 18px;
  position: absolute;
  top: 50%;
  translate: 0 -50%;
}

.hwc-LinkButton:hover::before {
  width: 100%;
}

.hwc-Password {
  background-color: #FFFBF1;
  background-color: var(--hwc-color-primary);
  color: #21343F;
  color: var(--hwc-color-text);
  margin-left: 0;
  margin-right: 0;
  margin-top: calc(var(--header-height) * -1);
  height: 100svh;
  margin-bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.hwc-Password-heading {
  text-align: center;
  margin-bottom: 1.5rem;
}

.hwc-Password-heading .text {
  margin-top: 0.5rem;
}

.hwc-Password-form .hwc-Form-row {
  justify-content: center;
  text-align: center;
}

.hwc-Password-form .hwc-Form-field .fields {
  display: flex;
  justify-content: center;
}

.hwc-Panel {
  position: fixed;
  overflow: auto;
  z-index: 2;
  left: 0;
  top: 0;
  height: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
  width: 100%;
  max-width: 100vw;
  background-color: #21343F;
  background-color: var(--hwc-color-terciary);
  color: #FFFFFF;
  color: var(--hwc-color-text-alternate);
  display: flex;
  flex-direction: column;
  align-items: stretch;
  transform: translateX(-100%);
  transition: all 0.3s ease;
  opacity: 0;
}

.hwc-Panel svg {
  fill: currentColor;
}

.hwc-Panel-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: sticky;
  top: 0;
  background-color: #21343F;
  background-color: var(--hwc-color-terciary);
  z-index: 1;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  margin-bottom: 1.5rem;
}

.hwc-Panel-head .hwc-Logo {
  max-height: 36px;
}

.hwc-Panel-body {
  position: relative;
}

.hwc-Panel-menu-item {
  padding-bottom: 1.5rem;
  border-bottom: 1px solid #FFFBF1;
  border-bottom: 1px solid var(--hwc-color-primary);
  margin-bottom: 1.5rem;
}

.hwc-Panel-menu-link {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.hwc-Panel-menu-arrow {
  height: 50px;
  width: 50px;
  border-radius: 0.5rem;
  background-color: #FFFBF1;
  background-color: var(--hwc-color-primary);
  display: flex;
  align-items: center;
  justify-content: center;
}

.hwc-Panel-menu-arrow svg {
  fill: #21343F;
  fill: var(--hwc-color-terciary);
}

.hwc-Panel-menu-arrow svg path {
  fill: #21343F;
  fill: var(--hwc-color-terciary);
}

.hwc-Panel-submenu {
  background-color: #21343F;
  background-color: var(--hwc-color-terciary);
  position: absolute;
  top: 0;
  left: 0;
  max-width: 100vw;
  width: 100vw;
  min-height: calc(100vh - 88px);
  translate: calc(-100% - 1rem);
  padding-left: 1rem;
  padding-right: 1rem;
  transition: all 0.3s ease;
  z-index: 1;
}

.hwc-Panel-submenu.active {
  translate: -1rem;
}

.hwc-Panel-submenu-return {
  margin-bottom: 1.5rem;
}

.hwc-Panel-submenu-return button {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.hwc-Panel-submenu-entry.parent {
  margin-bottom: 1rem;
}

.hwc-Panel-submenu-entry.parent a {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.hwc-Panel-submenu-entry:not(.parent) {
  margin-bottom: 1rem;
  position: relative;
  background-color: #FFFBF1;
  background-color: var(--hwc-color-primary);
  box-shadow: 2px 2px 0 0 #E7E5DB;
  box-shadow: 2px 2px 0 0 var(--hwc-color-primary-dark);
  padding: 0.5rem 0.5rem 0.5rem 20px;
  border-radius: 12px;
  color: #21343F;
  color: var(--hwc-color-text);
}

.hwc-Panel-submenu-entry:not(.parent) a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}

.hwc-Panel-submenu-entry:not(.parent) a:hover .hwc-RoundButton {
  background-color: #ED3301;
}

.hwc-Panel-submenu-toggler {
  margin-bottom: 2rem;
  transition: all 0.3s ease;
}

.hwc-Panel-submenu-toggler.is-open {
  margin-bottom: 1rem;
}

.is-panel-opened .hwc-Panel {
  transform: none;
  opacity: 1;
}

.hwc-Pagination [fill] {
  fill: currentColor;
}

.hwc-Pagination :disabled {
  opacity: 0.5;
  pointer-events: none;
}

.hwc-Pagination-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}

.hwc-Pagination-page {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  border-radius: 0.5rem;
  color: #99B76F;
  color: var(--hwc-color-secondary);
  border: 1px solid #99B76F;
  border: 1px solid var(--hwc-color-secondary);
  transition: all 0.3s ease;
}

.hwc-Pagination-page svg {
  width: auto;
  height: 0.75rem;
}

.hwc-Pagination-page [fill] {
  fill: #FFFBF1;
  fill: var(--hwc-color-primary);
}

.hwc-Pagination-page:hover {
  color: #FFFBF1;
  color: var(--hwc-color-primary);
  background-color: #99B76F;
  background-color: var(--hwc-color-secondary);
}

.hwc-Pagination-page.current {
  background-color: #99B76F;
  background-color: var(--hwc-color-secondary);
  color: #FFFBF1;
  color: var(--hwc-color-primary);
}

.hwc-Pagination-page:disabled {
  display: none;
}

.hwc-Pagination-button {
  margin: 0 1rem;
}

.hwc-PostFooter {
  position: relative;
}

.hwc-PostFooter-container {
  display: flex;
  justify-content: space-between;
}

.hwc-PostFooter-main a:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

.hwc-PostFooter-side a {
  display: inline-flex;
  align-items: center;
}

.hwc-PostFooter-side a svg {
  margin-left: 0.25rem;
}

@media screen and (max-width: 768px) {
  .hwc-PostFooter-container {
    display: block;
    text-align: center;
  }
  .hwc-PostFooter-side {
    padding-top: 1rem;
  }
}

.hwc-PostTile {
  background-color: #E7E5DB;
  background-color: var(--hwc-color-primary-dark);
  border-radius: var(--hwc-border-radius);
}

.hwc-PostTile > a {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

.hwc-PostTile-picture {
  position: relative;
  overflow: hidden;
  border-radius: var(--hwc-border-radius);
  aspect-ratio: 4/3;
  margin-top: auto;
}

.hwc-PostTile-picture .button {
  position: absolute;
  bottom: 10px;
  right: 10px;
}

.hwc-PostTile-picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s ease;
}

.hwc-PostTile-content {
  padding: 20px 24px 32px;
}

.hwc-PostTile-heading {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1.5rem;
  align-items: center;
}

@media screen and (min-width: 1025px) {
  .hwc-PostTile:hover .hwc-PostTile-picture img {
    scale: 1.05;
  }
  .hwc-PostTile:hover .hwc-PostTile-picture .button {
    background-color: #ED3301;
  }
}

@media screen and (max-width: 768px) {
  .hwc-PostTile-content {
    padding: 20px 12px 16px;
  }
}

.hwc-Sharer {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  margin-left: 1rem;
}

.hwc-Sharer a {
  display: block;
}

.hwc-Sharer a:hover svg {
  fill: #FF5123;
  fill: var(--hwc-color-contrast);
}

.hwc-Sharer svg {
  max-width: 1rem;
  max-height: 1rem;
  fill: #99B76F;
  fill: var(--hwc-color-secondary);
}

.hwc-SinglePost-container {
  position: relative;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-gap: 2rem;
  gap: 2rem;
}

.hwc-SinglePost-breadcrumbs {
  text-align: center;
  margin-top: 2rem;
  grid-column: 1/13;
}

.hwc-SinglePost-head {
  margin-top: 2rem;
  margin-bottom: 2rem;
  text-align: center;
  grid-column: 3/11;
}

.hwc-SinglePost-head-tag {
  display: flex;
  gap: 1.5rem;
  align-items: center;
  justify-content: center;
}

.hwc-SinglePost-heading {
  margin-top: 1rem;
}

.hwc-SinglePost-thumb {
  margin-top: 5rem;
  border-radius: var(--hwc-border-radius);
  aspect-ratio: 9/7;
  overflow: hidden;
}

.hwc-SinglePost-thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.hwc-SinglePost-body {
  grid-column: 2/12;
}

.hwc-SinglePost-navigation {
  grid-column: 2/12;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 2.5rem;
  border-top: 1px solid #E7E5DB;
  border-top: 1px solid var(--hwc-color-primary-dark);
  padding-top: 1.5rem;
}

.hwc-SinglePost + .hwc-Block {
  margin-top: 2.5rem;
}

@media screen and (max-width: 768px) {
  .hwc-SinglePost-container {
    display: flex;
    flex-direction: column;
    gap: 2rem;
  }
  .hwc-SinglePost-breadcrumbs {
    display: none;
  }
  .hwc-SinglePost-thumb {
    margin-top: 2rem;
  }
}

.hwc-Tag {
  display: inline-block;
  width: -moz-fit-content;
  width: fit-content;
  rotate: -2deg;
  border-radius: 4px;
  color: #FFFFFF;
  color: var(--hwc-color-text-alternate);
  background-color: #99B76F;
  background-color: var(--hwc-color-secondary);
  padding: 10px;
}

.hwc-Tag.is-secondary {
  background-color: #FFFFFF;
  background-color: var(--hwc-color-white);
  color: #99B76F;
  color: var(--hwc-color-secondary);
  rotate: 0deg;
  font-weight: 500;
  line-height: 150%;
  font-size: 15px;
  text-transform: inherit;
  letter-spacing: normal;
}

.hwc-TeamTile {
  position: relative;
  padding: 2rem 1.5rem;
  background-color: #FFFBF1;
  background-color: var(--hwc-color-primary);
  color: #21343F;
  color: var(--hwc-color-text);
  text-align: center;
  border-radius: var(--hwc-border-radius);
}

.hwc-TeamTile .head {
  display: block;
  overflow: hidden;
  aspect-ratio: 1/1;
  width: 200px;
  border-radius: 100%;
  margin: 0 auto;
  margin-bottom: 1rem;
  border: 3px solid #FF5123;
  border: 3px solid var(--hwc-color-contrast);
}

.hwc-TeamTile .head img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.hwc-TeamTile .content {
  margin-top: 1rem;
  color: var(--hwc-color-grey);
}

.hwc-Testimonial {
  background-color: #FFFFFF;
  background-color: var(--hwc-color-white);
  border: 1px solid #E7E5DB;
  border: 1px solid var(--hwc-color-primary-dark);
  box-shadow: 2px 2px 0 0 #E7E5DB;
  box-shadow: 2px 2px 0 0 var(--hwc-color-primary-dark);
  border-radius: 1rem;
  padding: 3rem 1.5rem;
  text-align: center;
}

.hwc-Testimonial .text {
  margin-top: 1rem;
}

.hwc-Testimonial footer {
  margin-top: 1rem;
}

@media screen and (max-width: 768px) {
  .hwc-Testimonial {
    display: block;
    padding: 3rem 1rem;
  }
  .hwc-Testimonial-side svg {
    width: 2rem;
  }
  .hwc-Testimonial footer {
    margin-top: 1rem;
  }
}

:where(.editor-styles-wrapper) .hwc-BlockTestimonials-items .hwc-Testimonial.swiper-slide {
  opacity: 1 !important;
}

.hwc-Tile {
  position: relative;
  overflow: hidden;
  width: 100%;
  border-radius: 1rem;
  background-color: #E7E5DB;
  background-color: var(--hwc-color-primary-dark);
}

.hwc-Tile-head {
  position: relative;
  overflow: hidden;
  display: block;
  background-color: #99B76F;
  background-color: var(--hwc-color-secondary);
  aspect-ratio: 2/1;
  border-radius: 1rem;
  overflow: clip;
  width: 100%;
}

.hwc-Tile-head img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.hwc-Tile-body {
  padding: 2rem 20px 40px;
  text-align: center;
}

.hwc-Tile-body .content {
  margin-top: 0.5rem;
}

@media screen and (max-width: 768px) {
  .hwc-Tile-body {
    padding: 1rem 1rem 1.5rem;
    text-align: center;
  }
  .hwc-Tile-body .content {
    margin-top: 0.5rem;
  }
}

.hwc-TileListing {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 2rem;
  gap: 2rem;
  align-items: stretch;
  margin-top: 2.5rem;
}

@media screen and (max-width: 768px) {
  .hwc-TileListing {
    grid-template-columns: repeat(1, 1fr);
    gap: 1rem;
  }
}

.hwc-Filter {
  display: block;
  border-radius: 0.25rem;
  border: 1px solid #99B76F;
  border: 1px solid var(--hwc-color-secondary);
  color: #99B76F;
  color: var(--hwc-color-secondary);
  padding: 6px 12px;
  transition: all 0.3s ease;
}

.hwc-Filter.is-active,
a.hwc-Filter:hover,
button.hwc-Filter:hover {
  background-color: #99B76F;
  background-color: var(--hwc-color-secondary);
  color: #FFFBF1;
  color: var(--hwc-color-primary);
}

.hwc-Filters {
  margin-top: 2.5rem;
  text-align: center;
  overflow-x: auto;
}

.hwc-Filters-container {
  white-space: nowrap;
  display: flex;
  gap: 0.5rem;
  justify-content: center;
}

.hwc-Filters::-webkit-scrollbar {
  display: none;
}

@media screen and (max-width: 768px) {
  .hwc-Filters-container {
    justify-content: start;
  }
}

.hwc-fs-80 {
  font-size: 40px;
}

@media screen and (min-width: 440px) {
  .hwc-fs-80 {
    font-size: calc(40px + 40 * (100vw - 440px) / 840);
  }
}

@media screen and (min-width: 1280px) {
  .hwc-fs-80 {
    font-size: 80px;
  }
}

.hwc-fs-80 {
  line-height: 48px;
}

@media screen and (min-width: 440px) {
  .hwc-fs-80 {
    line-height: calc(48px + 36 * (100vw - 440px) / 840);
  }
}

@media screen and (min-width: 1280px) {
  .hwc-fs-80 {
    line-height: 84px;
  }
}

.hwc-fs-72 {
  font-size: 40px;
}

@media screen and (min-width: 440px) {
  .hwc-fs-72 {
    font-size: calc(40px + 32 * (100vw - 440px) / 840);
  }
}

@media screen and (min-width: 1280px) {
  .hwc-fs-72 {
    font-size: 72px;
  }
}

.hwc-fs-72 {
  line-height: 48px;
}

@media screen and (min-width: 440px) {
  .hwc-fs-72 {
    line-height: calc(48px + 28 * (100vw - 440px) / 840);
  }
}

@media screen and (min-width: 1280px) {
  .hwc-fs-72 {
    line-height: 76px;
  }
}

.hwc-fs-64 {
  font-size: 32px;
}

@media screen and (min-width: 440px) {
  .hwc-fs-64 {
    font-size: calc(32px + 32 * (100vw - 440px) / 840);
  }
}

@media screen and (min-width: 1280px) {
  .hwc-fs-64 {
    font-size: 64px;
  }
}

.hwc-fs-64 {
  line-height: 38px;
}

@media screen and (min-width: 440px) {
  .hwc-fs-64 {
    line-height: calc(38px + 34 * (100vw - 440px) / 840);
  }
}

@media screen and (min-width: 1280px) {
  .hwc-fs-64 {
    line-height: 72px;
  }
}

.hwc-fs-48 {
  font-size: 32px;
}

@media screen and (min-width: 440px) {
  .hwc-fs-48 {
    font-size: calc(32px + 16 * (100vw - 440px) / 840);
  }
}

@media screen and (min-width: 1280px) {
  .hwc-fs-48 {
    font-size: 48px;
  }
}

.hwc-fs-48 {
  line-height: 38px;
}

@media screen and (min-width: 440px) {
  .hwc-fs-48 {
    line-height: calc(38px + 12 * (100vw - 440px) / 840);
  }
}

@media screen and (min-width: 1280px) {
  .hwc-fs-48 {
    line-height: 50px;
  }
}

.hwc-fs-40 {
  font-size: 24px;
}

@media screen and (min-width: 440px) {
  .hwc-fs-40 {
    font-size: calc(24px + 16 * (100vw - 440px) / 840);
  }
}

@media screen and (min-width: 1280px) {
  .hwc-fs-40 {
    font-size: 40px;
  }
}

.hwc-fs-40 {
  line-height: 30px;
}

@media screen and (min-width: 440px) {
  .hwc-fs-40 {
    line-height: calc(30px + 14 * (100vw - 440px) / 840);
  }
}

@media screen and (min-width: 1280px) {
  .hwc-fs-40 {
    line-height: 44px;
  }
}

.hwc-fs-32,
.hwc-Wysiwyg h2 {
  font-size: 24px;
}

@media screen and (min-width: 440px) {
  .hwc-fs-32,
  .hwc-Wysiwyg h2 {
    font-size: calc(24px + 8 * (100vw - 440px) / 840);
  }
}

@media screen and (min-width: 1280px) {
  .hwc-fs-32,
  .hwc-Wysiwyg h2 {
    font-size: 32px;
  }
}

.hwc-fs-32,
.hwc-Wysiwyg h2 {
  line-height: 30px;
}

@media screen and (min-width: 440px) {
  .hwc-fs-32,
  .hwc-Wysiwyg h2 {
    line-height: calc(30px + 10 * (100vw - 440px) / 840);
  }
}

@media screen and (min-width: 1280px) {
  .hwc-fs-32,
  .hwc-Wysiwyg h2 {
    line-height: 40px;
  }
}

.hwc-fs-24,
.hwc-Wysiwyg h3 {
  font-size: 20px;
}

@media screen and (min-width: 440px) {
  .hwc-fs-24,
  .hwc-Wysiwyg h3 {
    font-size: calc(20px + 4 * (100vw - 440px) / 840);
  }
}

@media screen and (min-width: 1280px) {
  .hwc-fs-24,
  .hwc-Wysiwyg h3 {
    font-size: 24px;
  }
}

.hwc-fs-24,
.hwc-Wysiwyg h3 {
  line-height: 28px;
}

@media screen and (min-width: 440px) {
  .hwc-fs-24,
  .hwc-Wysiwyg h3 {
    line-height: calc(28px + 6 * (100vw - 440px) / 840);
  }
}

@media screen and (min-width: 1280px) {
  .hwc-fs-24,
  .hwc-Wysiwyg h3 {
    line-height: 34px;
  }
}

.hwc-fs-20,
.hwc-Wysiwyg h4 {
  font-size: 16px;
}

@media screen and (min-width: 440px) {
  .hwc-fs-20,
  .hwc-Wysiwyg h4 {
    font-size: calc(16px + 4 * (100vw - 440px) / 840);
  }
}

@media screen and (min-width: 1280px) {
  .hwc-fs-20,
  .hwc-Wysiwyg h4 {
    font-size: 20px;
  }
}

.hwc-fs-20,
.hwc-Wysiwyg h4 {
  line-height: 20px;
}

@media screen and (min-width: 440px) {
  .hwc-fs-20,
  .hwc-Wysiwyg h4 {
    line-height: calc(20px + 4 * (100vw - 440px) / 840);
  }
}

@media screen and (min-width: 1280px) {
  .hwc-fs-20,
  .hwc-Wysiwyg h4 {
    line-height: 24px;
  }
}

.hwc-Wysiwyg ul:not(:last-child),
.hwc-Wysiwyg ol:not(:last-child),
.hwc-Wysiwyg p:not(:last-child) {
  margin-bottom: 1.5rem;
}

.hwc-Wysiwyg p:first-child {
  margin-top: 0;
}

.hwc-Wysiwyg p:last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 440px) {
  .hwc-Wysiwyg p {
    margin-top: 0.125rem;
    margin-bottom: 0.25rem;
  }
  .hwc-Wysiwyg p:last-child,
  .hwc-Wysiwyg p:not(:last-child) {
    margin-bottom: 0.25rem;
  }
}

.hwc-Wysiwyg a:not(.hwc-Button) {
  font-weight: 800;
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

.hwc-Wysiwyg a:not(.hwc-Button):hover {
  -webkit-text-decoration: none;
  text-decoration: none;
}

.hwc-Wysiwyg .hwc-SupHeading + h2:not(:first-child),
.hwc-Wysiwyg .hwc-SupHeading + h2:first-child,
.hwc-Wysiwyg .hwc-SupHeading + h3:not(:first-child),
.hwc-Wysiwyg .hwc-SupHeading + h3:first-child {
  margin-top: 0;
}

.hwc-Wysiwyg p:has(.hwc-Tag) + h2,
.hwc-Wysiwyg p:has(.hwc-Tag) + h3 {
  margin-top: 0;
}

.hwc-Wysiwyg .hwc-Button {
  margin-top: 1rem;
}

@media screen and (max-width: 440px) {
  .hwc-Wysiwyg .hwc-Button {
    margin-top: 0.75rem;
  }
}

.hwc-Wysiwyg h2 {
  font-weight: bold;
  margin-bottom: 1rem;
}

.hwc-Wysiwyg h2:not(:first-child) {
  margin-top: 1rem;
}

@media screen and (max-width: 440px) {
  .hwc-Wysiwyg h2 {
    margin-bottom: 0.5rem;
  }
}

.hwc-Wysiwyg h3 {
  font-weight: bold;
  margin-bottom: 0.5rem;
}

.hwc-Wysiwyg h3:not(:first-child) {
  margin-top: 1rem;
}

.hwc-Wysiwyg h4 {
  font-weight: bold;
  margin-bottom: 0.5rem;
}

.hwc-Wysiwyg h4:not(:first-child) {
  margin-top: 1rem;
}

.hwc-Wysiwyg h5 {
  font-weight: bold;
  margin-bottom: 0.5rem;
}

.hwc-Wysiwyg h5:not(:first-child) {
  margin-top: 1rem;
}

.hwc-Wysiwyg pre {
  max-width: 100%;
  display: block;
  overflow-x: auto;
  white-space: pre-wrap;
  padding: 1rem 2rem;
}

.hwc-Wysiwyg pre p:last-child {
  margin-bottom: 0;
}

.hwc-Wysiwyg hr {
  height: 2px;
  width: 100%;
  background-color: #FFFBF1;
  background-color: var(--hwc-color-primary);
  margin-top: 2.25rem;
  margin-bottom: 2rem;
}

@media screen and (max-width: 768px) {
  .hwc-Wysiwyg hr {
    margin-top: 0.5rem;
    margin-bottom: 1rem;
  }
}

.hwc-Wysiwyg pre {
  white-space: pre-wrap;
}

.hwc-Wysiwyg strong {
  font-weight: bold;
}

.hwc-Wysiwyg blockquote {
  position: relative;
  margin: 1.5rem 0;
  padding-left: 4.5rem;
  text-align: left;
}

.hwc-Wysiwyg blockquote:before {
  position: absolute;
  content: "";
  width: 42px;
  height: 42px;
  background-image: url(../img/icon-quote.svg);
  background-repeat: no-repeat;
  background-size: contain;
  top: 0;
  left: 0;
}

@media screen and (max-width: 440px) {
  .hwc-Wysiwyg blockquote {
    margin: 1rem 0;
    padding-left: 2.5rem;
  }
  .hwc-Wysiwyg blockquote::before {
    top: 0.5rem;
    width: 1.5rem;
    height: 1.5rem;
  }
}

.hwc-Wysiwyg blockquote p {
  line-height: 2rem;
}

.hwc-Wysiwyg blockquote p:first-child:before {
  content: open-quote;
  margin-right: 0.5rem;
}

.hwc-Wysiwyg blockquote p:last-child:after {
  content: close-quote;
  margin-left: 0.5rem;
}

.hwc-Wysiwyg ul,
.hwc-Wysiwyg ol {
  padding: 0;
}

.hwc-Wysiwyg ul {
  list-style: none;
}

.hwc-Wysiwyg ul li {
  position: relative;
  padding-left: 1rem;
}

.hwc-Wysiwyg ul li:last-of-type {
  margin-bottom: 0;
}

.hwc-Wysiwyg ul li:before{
  border-radius: 9999px;
  position: absolute;
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  background-color: #21343F;
  background-color: var(--hwc-color-text);
  left: 0;
  top: 0.625rem;
}

.hwc-Wysiwyg ol {
  list-style: none;
  counter-reset: li;
}

.hwc-Wysiwyg ol li {
  position: relative;
  padding-left: 1.5rem;
  margin-bottom: 0.375rem;
  counter-increment: li;
}

.hwc-Wysiwyg ol li:before {
  position: absolute;
  content: counter(li);
  display: inline-block;
  width: 1em;
  color: #21343F;
  color: var(--hwc-color-text);
  font-weight: bold;
  left: 0;
  top: 0.625rem;
}

.hwc-Wysiwyg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 10px;
}

.hwc-Wysiwyg table {
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.2);
}

.hwc-Wysiwyg th,
.hwc-Wysiwyg td {
  border: 1px solid rgba(0, 0, 0, 0.2);
}

.hwc-Wysiwyg tfoot td {
  border: 0 none;
}

.hwc-Wysiwyg .hwc-Image.alignleft {
  float: left;
  max-width: 50%;
  margin-right: 1rem;
}

.hwc-Wysiwyg .hwc-Image.alignright {
  float: right;
  max-width: 50%;
  margin-left: 1rem;
}

.hwc-Wysiwyg .hwc-Image.aligncenter {
  display: block;
  margin: 0 auto 1rem;
}

.hwc-Content.is-configurator-page {
  position: relative;
}

.hwc-Configurator {
  position: relative;
}

.hwc-Configurator .configurator {
  padding: 80px 0 110px 0;
  position: relative;
  min-height: calc(100dvh - 86px);
  display: flex;
  width: 100%;
  justify-content: center;
  align-content: center;
  align-items: center;
}

.hwc-Configurator .configurator .item-wrapper {
  flex: 1 1 100%;
  max-width: none;
}

.hwc-Configurator .configurator input[type=text],
.hwc-Configurator .configurator input[type=email],
.hwc-Configurator .configurator input[type=number] {
  border: 1px solid #99B76F;
  border: 1px solid var(--hwc-color-border);
}

.hwc-Configurator .configurator-field--contact {
  max-width: 680px;
  margin: 0 auto;
}

.hwc-Configurator .configurator-field--contact .configurator-contact__title {
  text-align: center;
  margin: 0 auto 16px auto;
}

.hwc-Configurator .configurator-field--contact .configurator-field__rgpd {
  font-size: 12px;
  line-height: 16px;
  margin-top: 16px;
}

.hwc-Configurator .configurator-field--number-incrementable .configurator-field__control {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: nowrap;
  justify-content: center;
}

.hwc-Configurator .configurator-field--number-incrementable .configurator-field__control input[type=number] {
  max-width: 160px;
  text-align: center;
}

.hwc-Configurator .configurator-field--number-incrementable .configurator-number__button {
  cursor: pointer;
  width: 60px;
  height: 50px;
  background-color: #FF5123;
  background-color: var(--hwc-color-contrast);
  border: 0 none;
  text-align: center;
  line-height: 50px;
  color: white;
  border-radius: 8px;
  font-size: 24px;
  transition: all 0.3s linear;
}

.hwc-Configurator .configurator-field--number-incrementable .configurator-number__button:hover {
  background-color: #ED3301;
}

.hwc-Configurator .configurator-field--number-incrementable .configurator-number__button:disabled {
  cursor: not-allowed;
  opacity: 0.4;
}

.hwc-Configurator .configurator-step__solar .configurator-step__solar-text {
  max-width: 940px;
  margin: 0 auto;
  text-align: center;
}

.hwc-Configurator .configurator-step__solar .configurator-step__solar-iframe {
  position: relative;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  height: auto;
  aspect-ratio: 16/12;
}

.hwc-Configurator .configurator-step__solar .configurator-step__solar-iframe iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 5px;
}

.hwc-Configurator .configurator-step__solar .configurator-step__solar-text + .configurator-step__solar-iframe {
  margin-top: 24px;
}

.hwc-Configurator .configurator-field--postal-city,
.hwc-Configurator .configurator-field--number {
  max-width: 680px;
  margin: 0 auto;
}

.hwc-Configurator .configurator-field--postal-city .configurator-field__control input[type=number],
.hwc-Configurator .configurator-field--number .configurator-field__control input[type=number] {
  border: 1px solid #99B76F;
  border: 1px solid var(--hwc-color-border);
}

.hwc-Configurator .configurator-field--postal-city .configurator-postal-city__status,
.hwc-Configurator .configurator-field--number .configurator-postal-city__status {
  font-style: italic;
  font-size: 14px;
  margin-top: 8px;
}

.hwc-Configurator .configurator-field--postal-city .configurator-postal-city__status strong,
.hwc-Configurator .configurator-field--number .configurator-postal-city__status strong {
  font-weight: 700;
}

.hwc-Configurator .configurator-field--postal-city .configurator-postal-city__suggestions,
.hwc-Configurator .configurator-field--number .configurator-postal-city__suggestions {
  display: grid;
  grid-gap: 0;
  gap: 0;
  margin-top: 16px;
  max-height: 184px;
  overflow: auto;
}

.hwc-Configurator .configurator-field--postal-city .configurator-postal-city__suggestion,
.hwc-Configurator .configurator-field--number .configurator-postal-city__suggestion {
  text-align: left;
  cursor: pointer;
  padding: 4px 6px;
  border-radius: 5px;
}

.hwc-Configurator .configurator-field--postal-city .configurator-postal-city__suggestion:hover,
.hwc-Configurator .configurator-field--number .configurator-postal-city__suggestion:hover {
  background-color: #E7E5DB;
}

.hwc-Configurator .configurator__intro {
  max-width: 940px;
  margin: 0 auto 50px;
  text-align: center;
}

.hwc-Configurator .configurator__intro .hwc-Tag {
  margin-bottom: 16px;
}

.hwc-Configurator .configurator__step {
  width: 100%;
}

.hwc-Configurator .configurator__step .configurator-step__title {
  margin: 0 auto 38px;
  max-width: 940px;
  text-align: center;
}

.hwc-Configurator .configurator__step .configurator-step__pushTitle {
  margin: 0 auto 38px;
  max-width: 940px;
  text-align: center;
  border-radius: 16px;
  padding: 48px 32px;
  background-color: #FF5123;
  background-color: var(--hwc-color-contrast);
  position: relative;
  overflow: hidden;
}

.hwc-Configurator .configurator__step .configurator-step__pushTitle:before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  bottom: 0;
  max-width: 560px;
  aspect-ratio: 560/150;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 560 150"><g opacity=".2"><path fill="url(%23a)" d="M4.078 47.978c.843-5.293 5.836-8.657 10.723-7.334l227.108 61.353c18.773 4.99 33.468 20.716 38.249 40.902l.035-.038 29.25 122.329c4.746 20.186-1.054 41.582-15.151 55.758l-69.61 69.52c-2.109 2.116-5.098 2.985-7.91 2.305-32.449-7.977-62.719-22.152-89.754-41.166-4.675-3.289-5.097-10.51-1.019-14.592L235.827 227.16c4.007-4.12 2.249-11.264-3.024-12.701L10.02 154.316c-3.375-.908-5.977-3.856-6.54-7.522C1.125 131.408 0 115.606 0 99.54c0-17.616 1.37-34.854 4.078-51.562"/><path fill="url(%23b)" d="M391.322-14.434c14.203-16.255 36.105-22.076 55.792-14.705l95.625 35.76c2.636 1.021 4.745 3.29 5.554 6.2l-.035-.075C555.922 40.19 560 69.26 560 99.466c0 6.577-.211 13.154-.597 19.656-.352 6.161-5.977 10.32-11.426 8.354L405.912 76.405c-5.203-1.89-10.267 3.138-8.931 8.922l58.008 241.934c.878 3.591-.281 7.448-3.023 9.754-24.047 20.186-51.258 36.215-80.718 47.139-4.746 1.777-9.915-1.323-11.18-6.578l-59.8-249.533c-4.571-18.863.21-38.898 12.655-53.074z"/><path fill="url(%23c)" d="M366.678-180.992c2.39-2.721 6.082-3.742 9.351-2.457 29.25 11.378 56.144 28.012 79.91 48.766 3.867 3.402 4.148 9.714.738 13.646L294.607 64.384c-13.289 15.159-33.186 21.32-51.854 16.066L124.558 47.108c-18.774-5.33-33.293-21.17-37.969-41.356v.038L65.25-87.544c-.668-2.948.001-6.087 1.83-8.392 21.48-27.105 47.39-50.089 76.534-67.515 4.957-2.949 11.214.151 12.551 6.048L192.48 1.633c1.336 5.783 8.085 7.673 11.812 3.326z"/></g><defs><radialGradient id="a" cx="0" cy="0" r="1" gradientTransform="matrix(0 288.5 -280 0 280 104.5)" gradientUnits="userSpaceOnUse"><stop stop-color="%23fffbf1"/><stop offset="1" stop-color="%23ff5123"/></radialGradient><radialGradient id="b" cx="0" cy="0" r="1" gradientTransform="matrix(0 288.5 -280 0 280 104.5)" gradientUnits="userSpaceOnUse"><stop stop-color="%23fffbf1"/><stop offset="1" stop-color="%23ff5123"/></radialGradient><radialGradient id="c" cx="0" cy="0" r="1" gradientTransform="matrix(0 288.5 -280 0 280 104.5)" gradientUnits="userSpaceOnUse"><stop stop-color="%23fffbf1"/><stop offset="1" stop-color="%23ff5123"/></radialGradient></defs></svg>');
}

.hwc-Configurator .configurator__step .configurator-step__pushTitle .item-title {
  color: white;
  text-align: center;
  position: relative;
  z-index: 1;
}

.hwc-Configurator .configurator-step__actions {
  position: relative;
  text-align: center;
  margin: 0 auto;
  position: absolute;
  bottom: 50px;
  left: 30px;
  right: 30px;
}

.hwc-Configurator .configurator-step__actions .button-is-prev {
  position: absolute;
  left: 30px;
  top: 50%;
  transform: translate(0, -50%);
}

.hwc-Configurator .configurator-field--radio {
  display: flex;
  flex-wrap: nowrap;
  gap: 0 32px;
  align-items: center;
  justify-content: center;
}

.hwc-Configurator .configurator-field--radio .configurator-choice {
  flex: 1 1 calc(16.6666666667% - 26.6666666667px);
  max-width: calc(16.6666666667% - 26.6666666667px);
  border-radius: 8px;
  background-color: #E7E5DB;
  display: block;
  cursor: pointer;
  border: 0 none;
  transition: all 0.3s linear;
  border: 2px solid transparent;
  position: relative;
  padding: 10px;
}

.hwc-Configurator .configurator-field--radio .configurator-choice.with-image .configurator-choice__inner {
  min-height: 270px;
}

.hwc-Configurator .configurator-field--radio .configurator-choice:has(.configurator-choice__input:checked) {
  border: 2px solid #FF5123;
  border: 2px solid var(--hwc-color-contrast);
}

.hwc-Configurator .configurator-field--radio .configurator-choice:has(.configurator-choice__input:checked) .configurator-choice__icon {
  background-color: #FF5123;
  background-color: var(--hwc-color-contrast);
}

.hwc-Configurator .configurator-field--radio .configurator-choice:has(.configurator-choice__input:checked) .configurator-choice__icon:after {
  opacity: 1;
  visibility: visible;
}

.hwc-Configurator .configurator-field--radio .configurator-choice input[type=radio] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.hwc-Configurator .configurator-field--radio .configurator-choice .configurator-choice__inner {
  display: flex;
  align-items: center;
  align-content: center;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  min-height: 200px;
}

.hwc-Configurator .configurator-field--radio .configurator-choice .configurator-choice__icon {
  position: absolute;
  z-index: 4;
  border-radius: 50%;
  top: 10px;
  right: 10px;
  aspect-ratio: 1;
  width: 30px;
  border: 1px solid #FF5123;
  border: 1px solid var(--hwc-color-contrast);
  background-color: #FFFBF1;
  background-color: var(--hwc-color-primary);
  transition: all 0.3s linear;
}

.hwc-Configurator .configurator-field--radio .configurator-choice .configurator-choice__icon:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  aspect-ratio: 17/13;
  width: 17px;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 17 13"><path fill="%23fffbf1" d="M5.7 12.025 0 6.325 1.425 4.9 5.7 9.175 14.875 0 16.3 1.425z"/></svg>');
  transition: all 0.3s linear;
  opacity: 0;
  visibility: hidden;
}

.hwc-Configurator .configurator-field--radio .configurator-choice .configurator-choice__image {
  aspect-ratio: 1;
  border-radius: 50%;
  max-width: 130px;
  margin: 0 auto 20px;
  display: block;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.hwc-Configurator .configurator-field--radio .configurator-choice .configurator-choice__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.hwc-Configurator .configurator-field--radio .configurator-choice .configurator-choice__label {
  position: relative;
  z-index: 1;
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
  color: #242424;
  color: var(--hwc-color-gray-800);
  text-align: center;
  display: block;
}

.hwc-Configurator .configurator-progress-nav {
  display: flex;
  gap: 16px;
  background-color: #99B76F;
  background-color: var(--hwc-color-secondary);
  padding: 16px 0;
  text-align: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.hwc-Configurator .configurator-progress-nav__item {
  color: white;
  cursor: not-allowed;
  font-size: 15px;
  font-weight: 700;
}

.hwc-Configurator .configurator-progress-nav__item.is-active {
  color: #21343F;
  color: var(--hwc-color-blue);
}

.hwc-Configurator .configurator-progress-nav__item.is-active:after {
  background-color: #21343F;
  background-color: var(--hwc-color-blue);
  -webkit-mask-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='10' viewBox='0 0 16 10'%3E%3Cpath d='M16 5a.49.49 0 0 0-.135-.347l-4-4.445c-.188-.241-.619-.278-.886-.083a.51.51 0 0 0-.068.778l3.181 3.541H.615C.277 4.444 0 4.694 0 5c0 .305.277.555.615.555h13.48l-3.181 3.542c-.243.22-.175.605.083.81.197.16.726.11.868-.116l4-4.444A.44.44 0 0 0 16 5'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='10' viewBox='0 0 16 10'%3E%3Cpath d='M16 5a.49.49 0 0 0-.135-.347l-4-4.445c-.188-.241-.619-.278-.886-.083a.51.51 0 0 0-.068.778l3.181 3.541H.615C.277 4.444 0 4.694 0 5c0 .305.277.555.615.555h13.48l-3.181 3.542c-.243.22-.175.605.083.81.197.16.726.11.868-.116l4-4.444A.44.44 0 0 0 16 5'/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}

.hwc-Configurator .configurator-progress-nav__item:not(:disabled) {
  cursor: pointer;
}

.hwc-Configurator .configurator-progress-nav__item:after {
  content: "";
  display: inline-flex;
  margin: 0 0 0 12px;
  aspect-ratio: 16/10;
  width: 16px;
  background-color: #FFFFFF;
  background-color: var(--hwc-color-white);
  -webkit-mask-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='10' viewBox='0 0 16 10'%3E%3Cpath d='M16 5a.49.49 0 0 0-.135-.347l-4-4.445c-.188-.241-.619-.278-.886-.083a.51.51 0 0 0-.068.778l3.181 3.541H.615C.277 4.444 0 4.694 0 5c0 .305.277.555.615.555h13.48l-3.181 3.542c-.243.22-.175.605.083.81.197.16.726.11.868-.116l4-4.444A.44.44 0 0 0 16 5'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='10' viewBox='0 0 16 10'%3E%3Cpath d='M16 5a.49.49 0 0 0-.135-.347l-4-4.445c-.188-.241-.619-.278-.886-.083a.51.51 0 0 0-.068.778l3.181 3.541H.615C.277 4.444 0 4.694 0 5c0 .305.277.555.615.555h13.48l-3.181 3.542c-.243.22-.175.605.083.81.197.16.726.11.868-.116l4-4.444A.44.44 0 0 0 16 5'/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}

.hwc-Configurator .configurator-progress-nav__item:last-child:after {
  display: none;
}

.hwc-Configurator .configurator-field--hp {
  position: absolute;
  left: -9999px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.hwc-Configurator .configurator-exit {
  max-width: 940px;
  margin: 0 auto;
  text-align: center;
}

.hwc-Configurator .configurator-exit .configurator-exit__message {
  text-align: center;
}

.hwc-Configurator .configurator-exit .configurator-exit__message h3 + p {
  margin-top: 16px;
}

.hwc-Configurator .configurator-exit .configurator-exit__restart {
  text-align: center;
}

.hwc-Configurator .configurator-exit .configurator-exit__message + .configurator-exit__restart {
  margin-top: 32px;
}

.hwc-Configurator .configurator-progress-bar {
  width: 100%;
  height: 8px;
  overflow: hidden;
  background-color: #E7E5DB;
  background-color: var(--hwc-color-primary-dark);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.hwc-Configurator .configurator-progress-bar__inner {
  height: 100%;
  width: 33.333%;
  transition: width 0.3s ease;
  background-color: #FF5123;
  background-color: var(--hwc-color-contrast);
}

.hwc-Configurator .configurator__messages {
  width: 100%;
}

.hwc-Configurator .configurator__messages .configurator-error {
  background-color: #FF5123;
  background-color: var(--hwc-color-contrast);
  border-radius: 8px;
  color: white;
  margin: 0 auto 24px;
  padding: 24px 16px;
}

.hwc-Configurator .configurator-confirmation {
  max-width: 940px;
  margin: 0 auto;
  text-align: center;
}

.hwc-Configurator .configurator-confirmation .configurator-confirmation__message .hwc-Tag {
  margin-bottom: 16px;
}

.hwc-Configurator .configurator-confirmation .configurator-confirmation__message h3,
.hwc-Configurator .configurator-confirmation .configurator-confirmation__message p {
  text-align: center;
}

.hwc-Configurator .configurator-confirmation .configurator-confirmation__actions {
  margin-top: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
}

@media screen and (max-width: 1420px) {
  .hwc-Content.is-configurator-page {
    position: relative;
  }
  .hwc-Configurator {
    position: relative;
  }
  .hwc-Configurator .configurator {
    padding: 80px 0 110px 0;
    position: relative;
    min-height: calc(100dvh - 86px);
    display: flex;
    width: 100%;
    justify-content: center;
    align-content: center;
    align-items: center;
  }
  .hwc-Configurator .configurator .item-wrapper {
    flex: 1 1 100%;
    max-width: none;
  }
  .hwc-Configurator .configurator input[type=text],
  .hwc-Configurator .configurator input[type=email],
  .hwc-Configurator .configurator input[type=number] {
    border: 1px solid #99B76F;
    border: 1px solid var(--hwc-color-border);
  }
  .hwc-Configurator .configurator-field--contact {
    max-width: 680px;
    margin: 0 auto;
  }
  .hwc-Configurator .configurator-field--contact .configurator-contact__title {
    text-align: center;
    margin: 0 auto 16px auto;
  }
  .hwc-Configurator .configurator-field--contact .configurator-field__rgpd {
    font-size: 12px;
    line-height: 16px;
    margin-top: 16px;
  }
  .hwc-Configurator .configurator-field--number-incrementable .configurator-field__control {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: nowrap;
    justify-content: center;
  }
  .hwc-Configurator .configurator-field--number-incrementable .configurator-field__control input[type=number] {
    max-width: 160px;
    text-align: center;
  }
  .hwc-Configurator .configurator-field--number-incrementable .configurator-number__button {
    cursor: pointer;
    width: 60px;
    height: 50px;
    background-color: #FF5123;
    background-color: var(--hwc-color-contrast);
    border: 0 none;
    text-align: center;
    line-height: 50px;
    color: white;
    border-radius: 8px;
    font-size: 24px;
    transition: all 0.3s linear;
  }
  .hwc-Configurator .configurator-field--number-incrementable .configurator-number__button:hover {
    background-color: #ED3301;
  }
  .hwc-Configurator .configurator-field--number-incrementable .configurator-number__button:disabled {
    cursor: not-allowed;
    opacity: 0.4;
  }
  .hwc-Configurator .configurator-step__solar .configurator-step__solar-text {
    max-width: 940px;
    margin: 0 auto;
    text-align: center;
  }
  .hwc-Configurator .configurator-step__solar .configurator-step__solar-iframe {
    position: relative;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    height: auto;
    aspect-ratio: 16/12;
  }
  .hwc-Configurator .configurator-step__solar .configurator-step__solar-iframe iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 5px;
  }
  .hwc-Configurator .configurator-step__solar .configurator-step__solar-text + .configurator-step__solar-iframe {
    margin-top: 24px;
  }
  .hwc-Configurator .configurator-field--postal-city,
  .hwc-Configurator .configurator-field--number {
    max-width: 680px;
    margin: 0 auto;
  }
  .hwc-Configurator .configurator-field--postal-city .configurator-field__control input[type=number],
  .hwc-Configurator .configurator-field--number .configurator-field__control input[type=number] {
    border: 1px solid #99B76F;
    border: 1px solid var(--hwc-color-border);
  }
  .hwc-Configurator .configurator-field--postal-city .configurator-postal-city__status,
  .hwc-Configurator .configurator-field--number .configurator-postal-city__status {
    font-style: italic;
    font-size: 14px;
    margin-top: 8px;
  }
  .hwc-Configurator .configurator-field--postal-city .configurator-postal-city__status strong,
  .hwc-Configurator .configurator-field--number .configurator-postal-city__status strong {
    font-weight: 700;
  }
  .hwc-Configurator .configurator-field--postal-city .configurator-postal-city__suggestions,
  .hwc-Configurator .configurator-field--number .configurator-postal-city__suggestions {
    display: grid;
    grid-gap: 0;
    gap: 0;
    margin-top: 16px;
    max-height: 184px;
    overflow: auto;
  }
  .hwc-Configurator .configurator-field--postal-city .configurator-postal-city__suggestion,
  .hwc-Configurator .configurator-field--number .configurator-postal-city__suggestion {
    text-align: left;
    cursor: pointer;
    padding: 4px 6px;
    border-radius: 5px;
  }
  .hwc-Configurator .configurator-field--postal-city .configurator-postal-city__suggestion:hover,
  .hwc-Configurator .configurator-field--number .configurator-postal-city__suggestion:hover {
    background-color: #E7E5DB;
  }
  .hwc-Configurator .configurator__intro {
    max-width: 940px;
    margin: 0 auto 50px;
    text-align: center;
  }
  .hwc-Configurator .configurator__intro .hwc-Tag {
    margin-bottom: 16px;
  }
  .hwc-Configurator .configurator__step {
    width: 100%;
  }
  .hwc-Configurator .configurator__step .configurator-step__title {
    margin: 0 auto 38px;
    max-width: 940px;
    text-align: center;
  }
  .hwc-Configurator .configurator__step .configurator-step__pushTitle {
    margin: 0 auto 38px;
    max-width: 940px;
    text-align: center;
    border-radius: 16px;
    padding: 48px 32px;
    background-color: #FF5123;
    background-color: var(--hwc-color-contrast);
    position: relative;
    overflow: hidden;
  }
  .hwc-Configurator .configurator__step .configurator-step__pushTitle:before {
    content: "";
    position: absolute;
    z-index: 0;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
    bottom: 0;
    max-width: 560px;
    aspect-ratio: 560/150;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 560 150"><g opacity=".2"><path fill="url(%23a)" d="M4.078 47.978c.843-5.293 5.836-8.657 10.723-7.334l227.108 61.353c18.773 4.99 33.468 20.716 38.249 40.902l.035-.038 29.25 122.329c4.746 20.186-1.054 41.582-15.151 55.758l-69.61 69.52c-2.109 2.116-5.098 2.985-7.91 2.305-32.449-7.977-62.719-22.152-89.754-41.166-4.675-3.289-5.097-10.51-1.019-14.592L235.827 227.16c4.007-4.12 2.249-11.264-3.024-12.701L10.02 154.316c-3.375-.908-5.977-3.856-6.54-7.522C1.125 131.408 0 115.606 0 99.54c0-17.616 1.37-34.854 4.078-51.562"/><path fill="url(%23b)" d="M391.322-14.434c14.203-16.255 36.105-22.076 55.792-14.705l95.625 35.76c2.636 1.021 4.745 3.29 5.554 6.2l-.035-.075C555.922 40.19 560 69.26 560 99.466c0 6.577-.211 13.154-.597 19.656-.352 6.161-5.977 10.32-11.426 8.354L405.912 76.405c-5.203-1.89-10.267 3.138-8.931 8.922l58.008 241.934c.878 3.591-.281 7.448-3.023 9.754-24.047 20.186-51.258 36.215-80.718 47.139-4.746 1.777-9.915-1.323-11.18-6.578l-59.8-249.533c-4.571-18.863.21-38.898 12.655-53.074z"/><path fill="url(%23c)" d="M366.678-180.992c2.39-2.721 6.082-3.742 9.351-2.457 29.25 11.378 56.144 28.012 79.91 48.766 3.867 3.402 4.148 9.714.738 13.646L294.607 64.384c-13.289 15.159-33.186 21.32-51.854 16.066L124.558 47.108c-18.774-5.33-33.293-21.17-37.969-41.356v.038L65.25-87.544c-.668-2.948.001-6.087 1.83-8.392 21.48-27.105 47.39-50.089 76.534-67.515 4.957-2.949 11.214.151 12.551 6.048L192.48 1.633c1.336 5.783 8.085 7.673 11.812 3.326z"/></g><defs><radialGradient id="a" cx="0" cy="0" r="1" gradientTransform="matrix(0 288.5 -280 0 280 104.5)" gradientUnits="userSpaceOnUse"><stop stop-color="%23fffbf1"/><stop offset="1" stop-color="%23ff5123"/></radialGradient><radialGradient id="b" cx="0" cy="0" r="1" gradientTransform="matrix(0 288.5 -280 0 280 104.5)" gradientUnits="userSpaceOnUse"><stop stop-color="%23fffbf1"/><stop offset="1" stop-color="%23ff5123"/></radialGradient><radialGradient id="c" cx="0" cy="0" r="1" gradientTransform="matrix(0 288.5 -280 0 280 104.5)" gradientUnits="userSpaceOnUse"><stop stop-color="%23fffbf1"/><stop offset="1" stop-color="%23ff5123"/></radialGradient></defs></svg>');
  }
  .hwc-Configurator .configurator__step .configurator-step__pushTitle .item-title {
    color: white;
    text-align: center;
    position: relative;
    z-index: 1;
  }
  .hwc-Configurator .configurator-step__actions {
    position: relative;
    text-align: center;
    margin: 0 auto;
    position: absolute;
    bottom: 50px;
    left: 30px;
    right: 30px;
  }
  .hwc-Configurator .configurator-step__actions .button-is-prev {
    position: absolute;
    left: 30px;
    top: 50%;
    transform: translate(0, -50%);
  }
  .hwc-Configurator .configurator-field--radio {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    gap: 24px;
  }
  .hwc-Configurator .configurator-field--radio .configurator-choice {
    flex: 1 1 calc(16.6666666667% - 26.6666666667px);
    max-width: calc(16.6666666667% - 26.6666666667px);
    border-radius: 8px;
    background-color: #E7E5DB;
    display: block;
    cursor: pointer;
    border: 0 none;
    transition: all 0.3s linear;
    border: 2px solid transparent;
    position: relative;
    padding: 10px;
    flex: 1 1 calc(16.6666666667% - 20px);
    max-width: calc(16.6666666667% - 20px);
    padding: 10px 8px;
  }
  .hwc-Configurator .configurator-field--radio .configurator-choice.with-image .configurator-choice__inner {
    min-height: 230px;
  }
  .hwc-Configurator .configurator-field--radio .configurator-choice:has(.configurator-choice__input:checked) {
    border: 2px solid #FF5123;
    border: 2px solid var(--hwc-color-contrast);
  }
  .hwc-Configurator .configurator-field--radio .configurator-choice:has(.configurator-choice__input:checked) .configurator-choice__icon {
    background-color: #FF5123;
    background-color: var(--hwc-color-contrast);
  }
  .hwc-Configurator .configurator-field--radio .configurator-choice:has(.configurator-choice__input:checked) .configurator-choice__icon:after {
    opacity: 1;
    visibility: visible;
  }
  .hwc-Configurator .configurator-field--radio .configurator-choice input[type=radio] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
  }
  .hwc-Configurator .configurator-field--radio .configurator-choice .configurator-choice__inner {
    display: flex;
    align-items: center;
    align-content: center;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    min-height: 160px;
  }
  .hwc-Configurator .configurator-field--radio .configurator-choice .configurator-choice__icon {
    position: absolute;
    z-index: 4;
    border-radius: 50%;
    top: 10px;
    right: 10px;
    aspect-ratio: 1;
    width: 30px;
    border: 1px solid #FF5123;
    border: 1px solid var(--hwc-color-contrast);
    background-color: #FFFBF1;
    background-color: var(--hwc-color-primary);
    transition: all 0.3s linear;
  }
  .hwc-Configurator .configurator-field--radio .configurator-choice .configurator-choice__icon:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    aspect-ratio: 17/13;
    width: 17px;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 17 13"><path fill="%23fffbf1" d="M5.7 12.025 0 6.325 1.425 4.9 5.7 9.175 14.875 0 16.3 1.425z"/></svg>');
    transition: all 0.3s linear;
    opacity: 0;
    visibility: hidden;
  }
  .hwc-Configurator .configurator-field--radio .configurator-choice .configurator-choice__image {
    aspect-ratio: 1;
    border-radius: 50%;
    margin: 0 auto 20px;
    display: block;
    position: relative;
    overflow: hidden;
    z-index: 1;
    max-width: 110px;
  }
  .hwc-Configurator .configurator-field--radio .configurator-choice .configurator-choice__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
  }
  .hwc-Configurator .configurator-field--radio .configurator-choice .configurator-choice__label {
    position: relative;
    z-index: 1;
    font-weight: 700;
    color: #242424;
    color: var(--hwc-color-gray-800);
    text-align: center;
    display: block;
    font-size: 18px;
    line-height: 22px;
  }
  .hwc-Configurator .configurator-progress-nav {
    display: flex;
    gap: 16px;
    background-color: #99B76F;
    background-color: var(--hwc-color-secondary);
    padding: 16px 0;
    text-align: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
  }
  .hwc-Configurator .configurator-progress-nav__item {
    color: white;
    cursor: not-allowed;
    font-size: 15px;
    font-weight: 700;
  }
  .hwc-Configurator .configurator-progress-nav__item.is-active {
    color: #21343F;
    color: var(--hwc-color-blue);
  }
  .hwc-Configurator .configurator-progress-nav__item.is-active:after {
    background-color: #21343F;
    background-color: var(--hwc-color-blue);
    -webkit-mask-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='10' viewBox='0 0 16 10'%3E%3Cpath d='M16 5a.49.49 0 0 0-.135-.347l-4-4.445c-.188-.241-.619-.278-.886-.083a.51.51 0 0 0-.068.778l3.181 3.541H.615C.277 4.444 0 4.694 0 5c0 .305.277.555.615.555h13.48l-3.181 3.542c-.243.22-.175.605.083.81.197.16.726.11.868-.116l4-4.444A.44.44 0 0 0 16 5'/%3E%3C/svg%3E");
            mask-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='10' viewBox='0 0 16 10'%3E%3Cpath d='M16 5a.49.49 0 0 0-.135-.347l-4-4.445c-.188-.241-.619-.278-.886-.083a.51.51 0 0 0-.068.778l3.181 3.541H.615C.277 4.444 0 4.694 0 5c0 .305.277.555.615.555h13.48l-3.181 3.542c-.243.22-.175.605.083.81.197.16.726.11.868-.116l4-4.444A.44.44 0 0 0 16 5'/%3E%3C/svg%3E");
    -webkit-mask-size: contain;
            mask-size: contain;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
  }
  .hwc-Configurator .configurator-progress-nav__item:not(:disabled) {
    cursor: pointer;
  }
  .hwc-Configurator .configurator-progress-nav__item:after {
    content: "";
    display: inline-flex;
    margin: 0 0 0 12px;
    aspect-ratio: 16/10;
    width: 16px;
    background-color: #FFFFFF;
    background-color: var(--hwc-color-white);
    -webkit-mask-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='10' viewBox='0 0 16 10'%3E%3Cpath d='M16 5a.49.49 0 0 0-.135-.347l-4-4.445c-.188-.241-.619-.278-.886-.083a.51.51 0 0 0-.068.778l3.181 3.541H.615C.277 4.444 0 4.694 0 5c0 .305.277.555.615.555h13.48l-3.181 3.542c-.243.22-.175.605.083.81.197.16.726.11.868-.116l4-4.444A.44.44 0 0 0 16 5'/%3E%3C/svg%3E");
            mask-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='10' viewBox='0 0 16 10'%3E%3Cpath d='M16 5a.49.49 0 0 0-.135-.347l-4-4.445c-.188-.241-.619-.278-.886-.083a.51.51 0 0 0-.068.778l3.181 3.541H.615C.277 4.444 0 4.694 0 5c0 .305.277.555.615.555h13.48l-3.181 3.542c-.243.22-.175.605.083.81.197.16.726.11.868-.116l4-4.444A.44.44 0 0 0 16 5'/%3E%3C/svg%3E");
    -webkit-mask-size: contain;
            mask-size: contain;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
  }
  .hwc-Configurator .configurator-progress-nav__item:last-child:after {
    display: none;
  }
  .hwc-Configurator .configurator-field--hp {
    position: absolute;
    left: -9999px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
  }
  .hwc-Configurator .configurator-exit {
    max-width: 940px;
    margin: 0 auto;
    text-align: center;
  }
  .hwc-Configurator .configurator-exit .configurator-exit__message {
    text-align: center;
  }
  .hwc-Configurator .configurator-exit .configurator-exit__message h3 + p {
    margin-top: 16px;
  }
  .hwc-Configurator .configurator-exit .configurator-exit__restart {
    text-align: center;
  }
  .hwc-Configurator .configurator-exit .configurator-exit__message + .configurator-exit__restart {
    margin-top: 32px;
  }
  .hwc-Configurator .configurator-progress-bar {
    width: 100%;
    height: 8px;
    overflow: hidden;
    background-color: #E7E5DB;
    background-color: var(--hwc-color-primary-dark);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
  }
  .hwc-Configurator .configurator-progress-bar__inner {
    height: 100%;
    width: 33.333%;
    transition: width 0.3s ease;
    background-color: #FF5123;
    background-color: var(--hwc-color-contrast);
  }
  .hwc-Configurator .configurator__messages {
    width: 100%;
  }
  .hwc-Configurator .configurator__messages .configurator-error {
    background-color: #FF5123;
    background-color: var(--hwc-color-contrast);
    border-radius: 8px;
    color: white;
    margin: 0 auto 24px;
    padding: 24px 16px;
  }
  .hwc-Configurator .configurator-confirmation {
    max-width: 940px;
    margin: 0 auto;
    text-align: center;
  }
  .hwc-Configurator .configurator-confirmation .configurator-confirmation__message .hwc-Tag {
    margin-bottom: 16px;
  }
  .hwc-Configurator .configurator-confirmation .configurator-confirmation__message h3,
  .hwc-Configurator .configurator-confirmation .configurator-confirmation__message p {
    text-align: center;
  }
  .hwc-Configurator .configurator-confirmation .configurator-confirmation__actions {
    margin-top: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
  }
}

@media screen and (max-width: 1240px) {
  .hwc-Content.is-configurator-page {
    position: relative;
  }
  .hwc-Configurator {
    position: relative;
  }
  .hwc-Configurator .configurator {
    padding: 80px 0 110px 0;
    position: relative;
    min-height: calc(100dvh - 86px);
    display: flex;
    width: 100%;
    justify-content: center;
    align-content: center;
    align-items: center;
  }
  .hwc-Configurator .configurator .item-wrapper {
    flex: 1 1 100%;
    max-width: none;
  }
  .hwc-Configurator .configurator input[type=text],
  .hwc-Configurator .configurator input[type=email],
  .hwc-Configurator .configurator input[type=number] {
    border: 1px solid #99B76F;
    border: 1px solid var(--hwc-color-border);
  }
  .hwc-Configurator .configurator-field--contact {
    max-width: 680px;
    margin: 0 auto;
  }
  .hwc-Configurator .configurator-field--contact .configurator-contact__title {
    text-align: center;
    margin: 0 auto 16px auto;
  }
  .hwc-Configurator .configurator-field--contact .configurator-field__rgpd {
    font-size: 12px;
    line-height: 16px;
    margin-top: 16px;
  }
  .hwc-Configurator .configurator-field--number-incrementable .configurator-field__control {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: nowrap;
    justify-content: center;
  }
  .hwc-Configurator .configurator-field--number-incrementable .configurator-field__control input[type=number] {
    max-width: 160px;
    text-align: center;
  }
  .hwc-Configurator .configurator-field--number-incrementable .configurator-number__button {
    cursor: pointer;
    width: 60px;
    height: 50px;
    background-color: #FF5123;
    background-color: var(--hwc-color-contrast);
    border: 0 none;
    text-align: center;
    line-height: 50px;
    color: white;
    border-radius: 8px;
    font-size: 24px;
    transition: all 0.3s linear;
  }
  .hwc-Configurator .configurator-field--number-incrementable .configurator-number__button:hover {
    background-color: #ED3301;
  }
  .hwc-Configurator .configurator-field--number-incrementable .configurator-number__button:disabled {
    cursor: not-allowed;
    opacity: 0.4;
  }
  .hwc-Configurator .configurator-step__solar .configurator-step__solar-text {
    max-width: 940px;
    margin: 0 auto;
    text-align: center;
  }
  .hwc-Configurator .configurator-step__solar .configurator-step__solar-iframe {
    position: relative;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    height: auto;
    aspect-ratio: 16/12;
  }
  .hwc-Configurator .configurator-step__solar .configurator-step__solar-iframe iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 5px;
  }
  .hwc-Configurator .configurator-step__solar .configurator-step__solar-text + .configurator-step__solar-iframe {
    margin-top: 24px;
  }
  .hwc-Configurator .configurator-field--postal-city,
  .hwc-Configurator .configurator-field--number {
    max-width: 680px;
    margin: 0 auto;
  }
  .hwc-Configurator .configurator-field--postal-city .configurator-field__control input[type=number],
  .hwc-Configurator .configurator-field--number .configurator-field__control input[type=number] {
    border: 1px solid #99B76F;
    border: 1px solid var(--hwc-color-border);
  }
  .hwc-Configurator .configurator-field--postal-city .configurator-postal-city__status,
  .hwc-Configurator .configurator-field--number .configurator-postal-city__status {
    font-style: italic;
    font-size: 14px;
    margin-top: 8px;
  }
  .hwc-Configurator .configurator-field--postal-city .configurator-postal-city__status strong,
  .hwc-Configurator .configurator-field--number .configurator-postal-city__status strong {
    font-weight: 700;
  }
  .hwc-Configurator .configurator-field--postal-city .configurator-postal-city__suggestions,
  .hwc-Configurator .configurator-field--number .configurator-postal-city__suggestions {
    display: grid;
    grid-gap: 0;
    gap: 0;
    margin-top: 16px;
    max-height: 184px;
    overflow: auto;
  }
  .hwc-Configurator .configurator-field--postal-city .configurator-postal-city__suggestion,
  .hwc-Configurator .configurator-field--number .configurator-postal-city__suggestion {
    text-align: left;
    cursor: pointer;
    padding: 4px 6px;
    border-radius: 5px;
  }
  .hwc-Configurator .configurator-field--postal-city .configurator-postal-city__suggestion:hover,
  .hwc-Configurator .configurator-field--number .configurator-postal-city__suggestion:hover {
    background-color: #E7E5DB;
  }
  .hwc-Configurator .configurator__intro {
    max-width: 940px;
    margin: 0 auto 50px;
    text-align: center;
    margin: 0 auto 32px;
  }
  .hwc-Configurator .configurator__intro .hwc-Tag {
    margin-bottom: 16px;
  }
  .hwc-Configurator .configurator__step {
    width: 100%;
  }
  .hwc-Configurator .configurator__step .configurator-step__title {
    margin: 0 auto 38px;
    max-width: 940px;
    text-align: center;
  }
  .hwc-Configurator .configurator__step .configurator-step__pushTitle {
    margin: 0 auto 38px;
    max-width: 940px;
    text-align: center;
    border-radius: 16px;
    padding: 48px 32px;
    background-color: #FF5123;
    background-color: var(--hwc-color-contrast);
    position: relative;
    overflow: hidden;
  }
  .hwc-Configurator .configurator__step .configurator-step__pushTitle:before {
    content: "";
    position: absolute;
    z-index: 0;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
    bottom: 0;
    max-width: 560px;
    aspect-ratio: 560/150;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 560 150"><g opacity=".2"><path fill="url(%23a)" d="M4.078 47.978c.843-5.293 5.836-8.657 10.723-7.334l227.108 61.353c18.773 4.99 33.468 20.716 38.249 40.902l.035-.038 29.25 122.329c4.746 20.186-1.054 41.582-15.151 55.758l-69.61 69.52c-2.109 2.116-5.098 2.985-7.91 2.305-32.449-7.977-62.719-22.152-89.754-41.166-4.675-3.289-5.097-10.51-1.019-14.592L235.827 227.16c4.007-4.12 2.249-11.264-3.024-12.701L10.02 154.316c-3.375-.908-5.977-3.856-6.54-7.522C1.125 131.408 0 115.606 0 99.54c0-17.616 1.37-34.854 4.078-51.562"/><path fill="url(%23b)" d="M391.322-14.434c14.203-16.255 36.105-22.076 55.792-14.705l95.625 35.76c2.636 1.021 4.745 3.29 5.554 6.2l-.035-.075C555.922 40.19 560 69.26 560 99.466c0 6.577-.211 13.154-.597 19.656-.352 6.161-5.977 10.32-11.426 8.354L405.912 76.405c-5.203-1.89-10.267 3.138-8.931 8.922l58.008 241.934c.878 3.591-.281 7.448-3.023 9.754-24.047 20.186-51.258 36.215-80.718 47.139-4.746 1.777-9.915-1.323-11.18-6.578l-59.8-249.533c-4.571-18.863.21-38.898 12.655-53.074z"/><path fill="url(%23c)" d="M366.678-180.992c2.39-2.721 6.082-3.742 9.351-2.457 29.25 11.378 56.144 28.012 79.91 48.766 3.867 3.402 4.148 9.714.738 13.646L294.607 64.384c-13.289 15.159-33.186 21.32-51.854 16.066L124.558 47.108c-18.774-5.33-33.293-21.17-37.969-41.356v.038L65.25-87.544c-.668-2.948.001-6.087 1.83-8.392 21.48-27.105 47.39-50.089 76.534-67.515 4.957-2.949 11.214.151 12.551 6.048L192.48 1.633c1.336 5.783 8.085 7.673 11.812 3.326z"/></g><defs><radialGradient id="a" cx="0" cy="0" r="1" gradientTransform="matrix(0 288.5 -280 0 280 104.5)" gradientUnits="userSpaceOnUse"><stop stop-color="%23fffbf1"/><stop offset="1" stop-color="%23ff5123"/></radialGradient><radialGradient id="b" cx="0" cy="0" r="1" gradientTransform="matrix(0 288.5 -280 0 280 104.5)" gradientUnits="userSpaceOnUse"><stop stop-color="%23fffbf1"/><stop offset="1" stop-color="%23ff5123"/></radialGradient><radialGradient id="c" cx="0" cy="0" r="1" gradientTransform="matrix(0 288.5 -280 0 280 104.5)" gradientUnits="userSpaceOnUse"><stop stop-color="%23fffbf1"/><stop offset="1" stop-color="%23ff5123"/></radialGradient></defs></svg>');
  }
  .hwc-Configurator .configurator__step .configurator-step__pushTitle .item-title {
    color: white;
    text-align: center;
    position: relative;
    z-index: 1;
  }
  .hwc-Configurator .configurator-step__actions {
    position: relative;
    text-align: center;
    margin: 0 auto;
    position: absolute;
    bottom: 50px;
    left: 30px;
    right: 30px;
  }
  .hwc-Configurator .configurator-step__actions .button-is-prev {
    position: absolute;
    left: 30px;
    top: 50%;
    transform: translate(0, -50%);
  }
  .hwc-Configurator .configurator-field--radio {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    gap: 16px;
    background-color: transparent;
    flex-wrap: wrap;
  }
  .hwc-Configurator .configurator-field--radio .configurator-choice {
    flex: 1 1 calc(16.6666666667% - 26.6666666667px);
    max-width: calc(16.6666666667% - 26.6666666667px);
    border-radius: 8px;
    background-color: #E7E5DB;
    display: block;
    cursor: pointer;
    border: 0 none;
    transition: all 0.3s linear;
    border: 2px solid transparent;
    position: relative;
    padding: 10px;
    flex: 1 1 calc(16.6666666667% - 20px);
    max-width: calc(16.6666666667% - 20px);
    padding: 10px 8px;
    flex: 1 1 calc(33.3333333333% - 12px);
    max-width: calc(33.3333333333% - 12px);
  }
  .hwc-Configurator .configurator-field--radio .configurator-choice.with-image .configurator-choice__inner {
    min-height: 160px;
  }
  .hwc-Configurator .configurator-field--radio .configurator-choice:has(.configurator-choice__input:checked) {
    border: 2px solid #FF5123;
    border: 2px solid var(--hwc-color-contrast);
  }
  .hwc-Configurator .configurator-field--radio .configurator-choice:has(.configurator-choice__input:checked) .configurator-choice__icon {
    background-color: #FF5123;
    background-color: var(--hwc-color-contrast);
  }
  .hwc-Configurator .configurator-field--radio .configurator-choice:has(.configurator-choice__input:checked) .configurator-choice__icon:after {
    opacity: 1;
    visibility: visible;
  }
  .hwc-Configurator .configurator-field--radio .configurator-choice input[type=radio] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
  }
  .hwc-Configurator .configurator-field--radio .configurator-choice .configurator-choice__inner {
    display: flex;
    align-items: center;
    align-content: center;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    min-height: 120px;
  }
  .hwc-Configurator .configurator-field--radio .configurator-choice .configurator-choice__icon {
    position: absolute;
    z-index: 4;
    border-radius: 50%;
    aspect-ratio: 1;
    width: 30px;
    border: 1px solid #FF5123;
    border: 1px solid var(--hwc-color-contrast);
    background-color: #FFFBF1;
    background-color: var(--hwc-color-primary);
    transition: all 0.3s linear;
    top: 8px;
    right: 8px;
  }
  .hwc-Configurator .configurator-field--radio .configurator-choice .configurator-choice__icon:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    aspect-ratio: 17/13;
    width: 17px;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 17 13"><path fill="%23fffbf1" d="M5.7 12.025 0 6.325 1.425 4.9 5.7 9.175 14.875 0 16.3 1.425z"/></svg>');
    transition: all 0.3s linear;
    opacity: 0;
    visibility: hidden;
  }
  .hwc-Configurator .configurator-field--radio .configurator-choice .configurator-choice__image {
    aspect-ratio: 1;
    border-radius: 50%;
    margin: 0 auto 20px;
    display: block;
    position: relative;
    overflow: hidden;
    z-index: 1;
    max-width: 100px;
    margin: 0 auto 16px auto;
  }
  .hwc-Configurator .configurator-field--radio .configurator-choice .configurator-choice__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
  }
  .hwc-Configurator .configurator-field--radio .configurator-choice .configurator-choice__label {
    position: relative;
    z-index: 1;
    font-weight: 700;
    color: #242424;
    color: var(--hwc-color-gray-800);
    text-align: center;
    display: block;
    font-size: 18px;
    line-height: 22px;
  }
  .hwc-Configurator .configurator-progress-nav {
    display: flex;
    gap: 16px;
    background-color: #99B76F;
    background-color: var(--hwc-color-secondary);
    padding: 16px 0;
    text-align: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
  }
  .hwc-Configurator .configurator-progress-nav__item {
    color: white;
    cursor: not-allowed;
    font-size: 15px;
    font-weight: 700;
  }
  .hwc-Configurator .configurator-progress-nav__item.is-active {
    color: #21343F;
    color: var(--hwc-color-blue);
  }
  .hwc-Configurator .configurator-progress-nav__item.is-active:after {
    background-color: #21343F;
    background-color: var(--hwc-color-blue);
    -webkit-mask-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='10' viewBox='0 0 16 10'%3E%3Cpath d='M16 5a.49.49 0 0 0-.135-.347l-4-4.445c-.188-.241-.619-.278-.886-.083a.51.51 0 0 0-.068.778l3.181 3.541H.615C.277 4.444 0 4.694 0 5c0 .305.277.555.615.555h13.48l-3.181 3.542c-.243.22-.175.605.083.81.197.16.726.11.868-.116l4-4.444A.44.44 0 0 0 16 5'/%3E%3C/svg%3E");
            mask-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='10' viewBox='0 0 16 10'%3E%3Cpath d='M16 5a.49.49 0 0 0-.135-.347l-4-4.445c-.188-.241-.619-.278-.886-.083a.51.51 0 0 0-.068.778l3.181 3.541H.615C.277 4.444 0 4.694 0 5c0 .305.277.555.615.555h13.48l-3.181 3.542c-.243.22-.175.605.083.81.197.16.726.11.868-.116l4-4.444A.44.44 0 0 0 16 5'/%3E%3C/svg%3E");
    -webkit-mask-size: contain;
            mask-size: contain;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
  }
  .hwc-Configurator .configurator-progress-nav__item:not(:disabled) {
    cursor: pointer;
  }
  .hwc-Configurator .configurator-progress-nav__item:after {
    content: "";
    display: inline-flex;
    margin: 0 0 0 12px;
    aspect-ratio: 16/10;
    width: 16px;
    background-color: #FFFFFF;
    background-color: var(--hwc-color-white);
    -webkit-mask-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='10' viewBox='0 0 16 10'%3E%3Cpath d='M16 5a.49.49 0 0 0-.135-.347l-4-4.445c-.188-.241-.619-.278-.886-.083a.51.51 0 0 0-.068.778l3.181 3.541H.615C.277 4.444 0 4.694 0 5c0 .305.277.555.615.555h13.48l-3.181 3.542c-.243.22-.175.605.083.81.197.16.726.11.868-.116l4-4.444A.44.44 0 0 0 16 5'/%3E%3C/svg%3E");
            mask-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='10' viewBox='0 0 16 10'%3E%3Cpath d='M16 5a.49.49 0 0 0-.135-.347l-4-4.445c-.188-.241-.619-.278-.886-.083a.51.51 0 0 0-.068.778l3.181 3.541H.615C.277 4.444 0 4.694 0 5c0 .305.277.555.615.555h13.48l-3.181 3.542c-.243.22-.175.605.083.81.197.16.726.11.868-.116l4-4.444A.44.44 0 0 0 16 5'/%3E%3C/svg%3E");
    -webkit-mask-size: contain;
            mask-size: contain;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
  }
  .hwc-Configurator .configurator-progress-nav__item:last-child:after {
    display: none;
  }
  .hwc-Configurator .configurator-field--hp {
    position: absolute;
    left: -9999px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
  }
  .hwc-Configurator .configurator-exit {
    max-width: 940px;
    margin: 0 auto;
    text-align: center;
  }
  .hwc-Configurator .configurator-exit .configurator-exit__message {
    text-align: center;
  }
  .hwc-Configurator .configurator-exit .configurator-exit__message h3 + p {
    margin-top: 16px;
  }
  .hwc-Configurator .configurator-exit .configurator-exit__restart {
    text-align: center;
  }
  .hwc-Configurator .configurator-exit .configurator-exit__message + .configurator-exit__restart {
    margin-top: 32px;
  }
  .hwc-Configurator .configurator-progress-bar {
    width: 100%;
    height: 8px;
    overflow: hidden;
    background-color: #E7E5DB;
    background-color: var(--hwc-color-primary-dark);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
  }
  .hwc-Configurator .configurator-progress-bar__inner {
    height: 100%;
    width: 33.333%;
    transition: width 0.3s ease;
    background-color: #FF5123;
    background-color: var(--hwc-color-contrast);
  }
  .hwc-Configurator .configurator__messages {
    width: 100%;
  }
  .hwc-Configurator .configurator__messages .configurator-error {
    background-color: #FF5123;
    background-color: var(--hwc-color-contrast);
    border-radius: 8px;
    color: white;
    margin: 0 auto 24px;
    padding: 24px 16px;
    padding: 16px;
  }
  .hwc-Configurator .configurator-confirmation {
    max-width: 940px;
    margin: 0 auto;
    text-align: center;
  }
  .hwc-Configurator .configurator-confirmation .configurator-confirmation__message .hwc-Tag {
    margin-bottom: 16px;
  }
  .hwc-Configurator .configurator-confirmation .configurator-confirmation__message h3,
  .hwc-Configurator .configurator-confirmation .configurator-confirmation__message p {
    text-align: center;
  }
  .hwc-Configurator .configurator-confirmation .configurator-confirmation__actions {
    margin-top: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
  }
}

@media screen and (max-width: 1024px) {
  .hwc-Content.is-configurator-page {
    position: relative;
  }
  .hwc-Configurator {
    position: relative;
  }
  .hwc-Configurator .configurator {
    padding: 80px 0 110px 0;
    position: relative;
    min-height: calc(100dvh - 86px);
    display: flex;
    width: 100%;
    justify-content: center;
    align-content: center;
    align-items: center;
    padding: 72px 0 100px 0;
  }
  .hwc-Configurator .configurator .item-wrapper {
    flex: 1 1 100%;
    max-width: none;
  }
  .hwc-Configurator .configurator input[type=text],
  .hwc-Configurator .configurator input[type=email],
  .hwc-Configurator .configurator input[type=number] {
    border: 1px solid #99B76F;
    border: 1px solid var(--hwc-color-border);
  }
  .hwc-Configurator .configurator-field--contact {
    max-width: 680px;
    margin: 0 auto;
    max-width: 80%;
  }
  .hwc-Configurator .configurator-field--contact .configurator-contact__title {
    text-align: center;
    margin: 0 auto 16px auto;
  }
  .hwc-Configurator .configurator-field--contact .configurator-field__rgpd {
    font-size: 12px;
    line-height: 16px;
    margin-top: 16px;
  }
  .hwc-Configurator .configurator-field--number-incrementable .configurator-field__control {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: nowrap;
    justify-content: center;
  }
  .hwc-Configurator .configurator-field--number-incrementable .configurator-field__control input[type=number] {
    max-width: 160px;
    text-align: center;
  }
  .hwc-Configurator .configurator-field--number-incrementable .configurator-number__button {
    cursor: pointer;
    width: 60px;
    height: 50px;
    background-color: #FF5123;
    background-color: var(--hwc-color-contrast);
    border: 0 none;
    text-align: center;
    line-height: 50px;
    color: white;
    border-radius: 8px;
    font-size: 24px;
    transition: all 0.3s linear;
  }
  .hwc-Configurator .configurator-field--number-incrementable .configurator-number__button:hover {
    background-color: #ED3301;
  }
  .hwc-Configurator .configurator-field--number-incrementable .configurator-number__button:disabled {
    cursor: not-allowed;
    opacity: 0.4;
  }
  .hwc-Configurator .configurator-step__solar .configurator-step__solar-text {
    max-width: 940px;
    margin: 0 auto;
    text-align: center;
  }
  .hwc-Configurator .configurator-step__solar .configurator-step__solar-iframe {
    position: relative;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    height: auto;
    aspect-ratio: 16/12;
  }
  .hwc-Configurator .configurator-step__solar .configurator-step__solar-iframe iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 5px;
  }
  .hwc-Configurator .configurator-step__solar .configurator-step__solar-text + .configurator-step__solar-iframe {
    margin-top: 24px;
  }
  .hwc-Configurator .configurator-field--postal-city,
  .hwc-Configurator .configurator-field--number {
    max-width: 680px;
    margin: 0 auto;
    max-width: 60%;
  }
  .hwc-Configurator .configurator-field--postal-city .configurator-field__control input[type=number],
  .hwc-Configurator .configurator-field--number .configurator-field__control input[type=number] {
    border: 1px solid #99B76F;
    border: 1px solid var(--hwc-color-border);
  }
  .hwc-Configurator .configurator-field--postal-city .configurator-postal-city__status,
  .hwc-Configurator .configurator-field--number .configurator-postal-city__status {
    font-style: italic;
    font-size: 14px;
    margin-top: 8px;
  }
  .hwc-Configurator .configurator-field--postal-city .configurator-postal-city__status strong,
  .hwc-Configurator .configurator-field--number .configurator-postal-city__status strong {
    font-weight: 700;
  }
  .hwc-Configurator .configurator-field--postal-city .configurator-postal-city__suggestions,
  .hwc-Configurator .configurator-field--number .configurator-postal-city__suggestions {
    display: grid;
    grid-gap: 0;
    gap: 0;
    margin-top: 16px;
    max-height: 184px;
    overflow: auto;
  }
  .hwc-Configurator .configurator-field--postal-city .configurator-postal-city__suggestion,
  .hwc-Configurator .configurator-field--number .configurator-postal-city__suggestion {
    text-align: left;
    cursor: pointer;
    padding: 4px 6px;
    border-radius: 5px;
  }
  .hwc-Configurator .configurator-field--postal-city .configurator-postal-city__suggestion:hover,
  .hwc-Configurator .configurator-field--number .configurator-postal-city__suggestion:hover {
    background-color: #E7E5DB;
  }
  .hwc-Configurator .configurator__intro {
    max-width: 940px;
    margin: 0 auto 50px;
    text-align: center;
    margin: 0 auto 32px;
  }
  .hwc-Configurator .configurator__intro .hwc-Tag {
    margin-bottom: 16px;
  }
  .hwc-Configurator .configurator__step {
    width: 100%;
  }
  .hwc-Configurator .configurator__step .configurator-step__title {
    margin: 0 auto 38px;
    max-width: 940px;
    text-align: center;
    margin: 0 auto 24px;
  }
  .hwc-Configurator .configurator__step .configurator-step__pushTitle {
    margin: 0 auto 38px;
    max-width: 940px;
    text-align: center;
    padding: 48px 32px;
    background-color: #FF5123;
    background-color: var(--hwc-color-contrast);
    position: relative;
    overflow: hidden;
    padding: 32px 24px;
    margin: 0 auto 32px;
    border-radius: 10px;
  }
  .hwc-Configurator .configurator__step .configurator-step__pushTitle:before {
    content: "";
    position: absolute;
    z-index: 0;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
    bottom: 0;
    max-width: 560px;
    aspect-ratio: 560/150;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 560 150"><g opacity=".2"><path fill="url(%23a)" d="M4.078 47.978c.843-5.293 5.836-8.657 10.723-7.334l227.108 61.353c18.773 4.99 33.468 20.716 38.249 40.902l.035-.038 29.25 122.329c4.746 20.186-1.054 41.582-15.151 55.758l-69.61 69.52c-2.109 2.116-5.098 2.985-7.91 2.305-32.449-7.977-62.719-22.152-89.754-41.166-4.675-3.289-5.097-10.51-1.019-14.592L235.827 227.16c4.007-4.12 2.249-11.264-3.024-12.701L10.02 154.316c-3.375-.908-5.977-3.856-6.54-7.522C1.125 131.408 0 115.606 0 99.54c0-17.616 1.37-34.854 4.078-51.562"/><path fill="url(%23b)" d="M391.322-14.434c14.203-16.255 36.105-22.076 55.792-14.705l95.625 35.76c2.636 1.021 4.745 3.29 5.554 6.2l-.035-.075C555.922 40.19 560 69.26 560 99.466c0 6.577-.211 13.154-.597 19.656-.352 6.161-5.977 10.32-11.426 8.354L405.912 76.405c-5.203-1.89-10.267 3.138-8.931 8.922l58.008 241.934c.878 3.591-.281 7.448-3.023 9.754-24.047 20.186-51.258 36.215-80.718 47.139-4.746 1.777-9.915-1.323-11.18-6.578l-59.8-249.533c-4.571-18.863.21-38.898 12.655-53.074z"/><path fill="url(%23c)" d="M366.678-180.992c2.39-2.721 6.082-3.742 9.351-2.457 29.25 11.378 56.144 28.012 79.91 48.766 3.867 3.402 4.148 9.714.738 13.646L294.607 64.384c-13.289 15.159-33.186 21.32-51.854 16.066L124.558 47.108c-18.774-5.33-33.293-21.17-37.969-41.356v.038L65.25-87.544c-.668-2.948.001-6.087 1.83-8.392 21.48-27.105 47.39-50.089 76.534-67.515 4.957-2.949 11.214.151 12.551 6.048L192.48 1.633c1.336 5.783 8.085 7.673 11.812 3.326z"/></g><defs><radialGradient id="a" cx="0" cy="0" r="1" gradientTransform="matrix(0 288.5 -280 0 280 104.5)" gradientUnits="userSpaceOnUse"><stop stop-color="%23fffbf1"/><stop offset="1" stop-color="%23ff5123"/></radialGradient><radialGradient id="b" cx="0" cy="0" r="1" gradientTransform="matrix(0 288.5 -280 0 280 104.5)" gradientUnits="userSpaceOnUse"><stop stop-color="%23fffbf1"/><stop offset="1" stop-color="%23ff5123"/></radialGradient><radialGradient id="c" cx="0" cy="0" r="1" gradientTransform="matrix(0 288.5 -280 0 280 104.5)" gradientUnits="userSpaceOnUse"><stop stop-color="%23fffbf1"/><stop offset="1" stop-color="%23ff5123"/></radialGradient></defs></svg>');
    max-width: none;
    height: 100%;
  }
  .hwc-Configurator .configurator__step .configurator-step__pushTitle .item-title {
    color: white;
    text-align: center;
    position: relative;
    z-index: 1;
  }
  .hwc-Configurator .configurator-step__actions {
    position: relative;
    text-align: center;
    margin: 0 auto;
    position: absolute;
    left: 30px;
    right: 30px;
    bottom: 32px;
  }
  .hwc-Configurator .configurator-step__actions .button-is-prev {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    left: 24px;
  }
  .hwc-Configurator .configurator-field--radio {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    gap: 16px;
    background-color: transparent;
    flex-wrap: wrap;
  }
  .hwc-Configurator .configurator-field--radio .configurator-choice {
    flex: 1 1 calc(16.6666666667% - 26.6666666667px);
    max-width: calc(16.6666666667% - 26.6666666667px);
    border-radius: 8px;
    background-color: #E7E5DB;
    display: block;
    cursor: pointer;
    border: 0 none;
    transition: all 0.3s linear;
    border: 2px solid transparent;
    position: relative;
    padding: 10px;
    flex: 1 1 calc(16.6666666667% - 20px);
    max-width: calc(16.6666666667% - 20px);
    padding: 10px 8px;
    flex: 1 1 calc(33.3333333333% - 12px);
    max-width: calc(33.3333333333% - 12px);
  }
  .hwc-Configurator .configurator-field--radio .configurator-choice.with-image .configurator-choice__inner {
    min-height: 140px;
  }
  .hwc-Configurator .configurator-field--radio .configurator-choice:has(.configurator-choice__input:checked) {
    border: 2px solid #FF5123;
    border: 2px solid var(--hwc-color-contrast);
  }
  .hwc-Configurator .configurator-field--radio .configurator-choice:has(.configurator-choice__input:checked) .configurator-choice__icon {
    background-color: #FF5123;
    background-color: var(--hwc-color-contrast);
  }
  .hwc-Configurator .configurator-field--radio .configurator-choice:has(.configurator-choice__input:checked) .configurator-choice__icon:after {
    opacity: 1;
    visibility: visible;
  }
  .hwc-Configurator .configurator-field--radio .configurator-choice input[type=radio] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
  }
  .hwc-Configurator .configurator-field--radio .configurator-choice .configurator-choice__inner {
    display: flex;
    align-items: center;
    align-content: center;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    min-height: 100px;
  }
  .hwc-Configurator .configurator-field--radio .configurator-choice .configurator-choice__icon {
    position: absolute;
    z-index: 4;
    border-radius: 50%;
    aspect-ratio: 1;
    width: 30px;
    border: 1px solid #FF5123;
    border: 1px solid var(--hwc-color-contrast);
    background-color: #FFFBF1;
    background-color: var(--hwc-color-primary);
    transition: all 0.3s linear;
    top: 8px;
    right: 8px;
  }
  .hwc-Configurator .configurator-field--radio .configurator-choice .configurator-choice__icon:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    aspect-ratio: 17/13;
    width: 17px;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 17 13"><path fill="%23fffbf1" d="M5.7 12.025 0 6.325 1.425 4.9 5.7 9.175 14.875 0 16.3 1.425z"/></svg>');
    transition: all 0.3s linear;
    opacity: 0;
    visibility: hidden;
  }
  .hwc-Configurator .configurator-field--radio .configurator-choice .configurator-choice__image {
    aspect-ratio: 1;
    border-radius: 50%;
    margin: 0 auto 20px;
    display: block;
    position: relative;
    overflow: hidden;
    z-index: 1;
    margin: 0 auto 16px auto;
    max-width: 90px;
    margin: 0 auto 12px auto;
  }
  .hwc-Configurator .configurator-field--radio .configurator-choice .configurator-choice__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
  }
  .hwc-Configurator .configurator-field--radio .configurator-choice .configurator-choice__label {
    position: relative;
    z-index: 1;
    font-weight: 700;
    color: #242424;
    color: var(--hwc-color-gray-800);
    text-align: center;
    display: block;
    font-size: 16px;
    line-height: 20px;
  }
  .hwc-Configurator .configurator-progress-nav {
    display: flex;
    background-color: #99B76F;
    background-color: var(--hwc-color-secondary);
    padding: 16px 0;
    text-align: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 12px 0;
    gap: 0 8px;
  }
  .hwc-Configurator .configurator-progress-nav__item {
    color: white;
    cursor: not-allowed;
    font-weight: 700;
    font-size: 14px;
  }
  .hwc-Configurator .configurator-progress-nav__item.is-active {
    color: #21343F;
    color: var(--hwc-color-blue);
  }
  .hwc-Configurator .configurator-progress-nav__item.is-active:after {
    background-color: #21343F;
    background-color: var(--hwc-color-blue);
    -webkit-mask-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='10' viewBox='0 0 16 10'%3E%3Cpath d='M16 5a.49.49 0 0 0-.135-.347l-4-4.445c-.188-.241-.619-.278-.886-.083a.51.51 0 0 0-.068.778l3.181 3.541H.615C.277 4.444 0 4.694 0 5c0 .305.277.555.615.555h13.48l-3.181 3.542c-.243.22-.175.605.083.81.197.16.726.11.868-.116l4-4.444A.44.44 0 0 0 16 5'/%3E%3C/svg%3E");
            mask-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='10' viewBox='0 0 16 10'%3E%3Cpath d='M16 5a.49.49 0 0 0-.135-.347l-4-4.445c-.188-.241-.619-.278-.886-.083a.51.51 0 0 0-.068.778l3.181 3.541H.615C.277 4.444 0 4.694 0 5c0 .305.277.555.615.555h13.48l-3.181 3.542c-.243.22-.175.605.083.81.197.16.726.11.868-.116l4-4.444A.44.44 0 0 0 16 5'/%3E%3C/svg%3E");
    -webkit-mask-size: contain;
            mask-size: contain;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
  }
  .hwc-Configurator .configurator-progress-nav__item:not(:disabled) {
    cursor: pointer;
  }
  .hwc-Configurator .configurator-progress-nav__item:after {
    content: "";
    display: inline-flex;
    margin: 0 0 0 12px;
    aspect-ratio: 16/10;
    width: 16px;
    background-color: #FFFFFF;
    background-color: var(--hwc-color-white);
    -webkit-mask-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='10' viewBox='0 0 16 10'%3E%3Cpath d='M16 5a.49.49 0 0 0-.135-.347l-4-4.445c-.188-.241-.619-.278-.886-.083a.51.51 0 0 0-.068.778l3.181 3.541H.615C.277 4.444 0 4.694 0 5c0 .305.277.555.615.555h13.48l-3.181 3.542c-.243.22-.175.605.083.81.197.16.726.11.868-.116l4-4.444A.44.44 0 0 0 16 5'/%3E%3C/svg%3E");
            mask-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='10' viewBox='0 0 16 10'%3E%3Cpath d='M16 5a.49.49 0 0 0-.135-.347l-4-4.445c-.188-.241-.619-.278-.886-.083a.51.51 0 0 0-.068.778l3.181 3.541H.615C.277 4.444 0 4.694 0 5c0 .305.277.555.615.555h13.48l-3.181 3.542c-.243.22-.175.605.083.81.197.16.726.11.868-.116l4-4.444A.44.44 0 0 0 16 5'/%3E%3C/svg%3E");
    -webkit-mask-size: contain;
            mask-size: contain;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    margin: 0 0 0 8px;
  }
  .hwc-Configurator .configurator-progress-nav__item:last-child:after {
    display: none;
  }
  .hwc-Configurator .configurator-field--hp {
    position: absolute;
    left: -9999px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
  }
  .hwc-Configurator .configurator-exit {
    max-width: 940px;
    margin: 0 auto;
    text-align: center;
  }
  .hwc-Configurator .configurator-exit .configurator-exit__message {
    text-align: center;
  }
  .hwc-Configurator .configurator-exit .configurator-exit__message h3 + p {
    margin-top: 16px;
  }
  .hwc-Configurator .configurator-exit .configurator-exit__restart {
    text-align: center;
  }
  .hwc-Configurator .configurator-exit .configurator-exit__message + .configurator-exit__restart {
    margin-top: 32px;
  }
  .hwc-Configurator .configurator-progress-bar {
    width: 100%;
    height: 8px;
    overflow: hidden;
    background-color: #E7E5DB;
    background-color: var(--hwc-color-primary-dark);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    position: fixed;
    z-index: 10;
  }
  .hwc-Configurator .configurator-progress-bar__inner {
    height: 100%;
    width: 33.333%;
    transition: width 0.3s ease;
    background-color: #FF5123;
    background-color: var(--hwc-color-contrast);
  }
  .hwc-Configurator .configurator__messages {
    width: 100%;
  }
  .hwc-Configurator .configurator__messages .configurator-error {
    background-color: #FF5123;
    background-color: var(--hwc-color-contrast);
    border-radius: 8px;
    color: white;
    margin: 0 auto 24px;
    padding: 24px 16px;
    padding: 16px;
  }
  .hwc-Configurator .configurator-confirmation {
    max-width: 940px;
    margin: 0 auto;
    text-align: center;
  }
  .hwc-Configurator .configurator-confirmation .configurator-confirmation__message .hwc-Tag {
    margin-bottom: 16px;
  }
  .hwc-Configurator .configurator-confirmation .configurator-confirmation__message h3,
  .hwc-Configurator .configurator-confirmation .configurator-confirmation__message p {
    text-align: center;
  }
  .hwc-Configurator .configurator-confirmation .configurator-confirmation__actions {
    margin-top: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
  }
}

@media screen and (max-width: 768px) {
  .hwc-Content.is-configurator-page {
    position: relative;
  }
  .hwc-Configurator {
    position: relative;
  }
  .hwc-Configurator .configurator {
    padding: 80px 0 110px 0;
    position: relative;
    min-height: calc(100dvh - 86px);
    display: flex;
    width: 100%;
    justify-content: center;
    align-content: center;
    align-items: center;
    padding: 72px 0 100px 0;
  }
  .hwc-Configurator .configurator .item-wrapper {
    flex: 1 1 100%;
    max-width: none;
  }
  .hwc-Configurator .configurator input[type=text],
  .hwc-Configurator .configurator input[type=email],
  .hwc-Configurator .configurator input[type=number] {
    border: 1px solid #99B76F;
    border: 1px solid var(--hwc-color-border);
  }
  .hwc-Configurator .configurator-field--contact {
    max-width: 680px;
    margin: 0 auto;
    max-width: 80%;
  }
  .hwc-Configurator .configurator-field--contact .configurator-contact__title {
    text-align: center;
    margin: 0 auto 16px auto;
  }
  .hwc-Configurator .configurator-field--contact .configurator-field__rgpd {
    font-size: 12px;
    line-height: 16px;
    margin-top: 16px;
  }
  .hwc-Configurator .configurator-field--number-incrementable .configurator-field__control {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: nowrap;
    justify-content: center;
  }
  .hwc-Configurator .configurator-field--number-incrementable .configurator-field__control input[type=number] {
    max-width: 160px;
    text-align: center;
  }
  .hwc-Configurator .configurator-field--number-incrementable .configurator-number__button {
    cursor: pointer;
    width: 60px;
    height: 50px;
    background-color: #FF5123;
    background-color: var(--hwc-color-contrast);
    border: 0 none;
    text-align: center;
    line-height: 50px;
    color: white;
    border-radius: 8px;
    font-size: 24px;
    transition: all 0.3s linear;
  }
  .hwc-Configurator .configurator-field--number-incrementable .configurator-number__button:hover {
    background-color: #ED3301;
  }
  .hwc-Configurator .configurator-field--number-incrementable .configurator-number__button:disabled {
    cursor: not-allowed;
    opacity: 0.4;
  }
  .hwc-Configurator .configurator-step__solar .configurator-step__solar-text {
    max-width: 940px;
    margin: 0 auto;
    text-align: center;
  }
  .hwc-Configurator .configurator-step__solar .configurator-step__solar-iframe {
    position: relative;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    height: auto;
    aspect-ratio: 16/12;
  }
  .hwc-Configurator .configurator-step__solar .configurator-step__solar-iframe iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 5px;
  }
  .hwc-Configurator .configurator-step__solar .configurator-step__solar-text + .configurator-step__solar-iframe {
    margin-top: 24px;
  }
  .hwc-Configurator .configurator-field--postal-city,
  .hwc-Configurator .configurator-field--number {
    max-width: 680px;
    margin: 0 auto;
    max-width: 60%;
  }
  .hwc-Configurator .configurator-field--postal-city .configurator-field__control input[type=number],
  .hwc-Configurator .configurator-field--number .configurator-field__control input[type=number] {
    border: 1px solid #99B76F;
    border: 1px solid var(--hwc-color-border);
  }
  .hwc-Configurator .configurator-field--postal-city .configurator-postal-city__status,
  .hwc-Configurator .configurator-field--number .configurator-postal-city__status {
    font-style: italic;
    font-size: 14px;
    margin-top: 8px;
  }
  .hwc-Configurator .configurator-field--postal-city .configurator-postal-city__status strong,
  .hwc-Configurator .configurator-field--number .configurator-postal-city__status strong {
    font-weight: 700;
  }
  .hwc-Configurator .configurator-field--postal-city .configurator-postal-city__suggestions,
  .hwc-Configurator .configurator-field--number .configurator-postal-city__suggestions {
    display: grid;
    grid-gap: 0;
    gap: 0;
    margin-top: 16px;
    max-height: 184px;
    overflow: auto;
  }
  .hwc-Configurator .configurator-field--postal-city .configurator-postal-city__suggestion,
  .hwc-Configurator .configurator-field--number .configurator-postal-city__suggestion {
    text-align: left;
    cursor: pointer;
    padding: 4px 6px;
    border-radius: 5px;
  }
  .hwc-Configurator .configurator-field--postal-city .configurator-postal-city__suggestion:hover,
  .hwc-Configurator .configurator-field--number .configurator-postal-city__suggestion:hover {
    background-color: #E7E5DB;
  }
  .hwc-Configurator .configurator__intro {
    max-width: 940px;
    margin: 0 auto 50px;
    text-align: center;
    margin: 0 auto 32px;
  }
  .hwc-Configurator .configurator__intro .hwc-Tag {
    margin-bottom: 16px;
  }
  .hwc-Configurator .configurator__step {
    width: 100%;
  }
  .hwc-Configurator .configurator__step .configurator-step__title {
    margin: 0 auto 38px;
    max-width: 940px;
    text-align: center;
    margin: 0 auto 24px;
  }
  .hwc-Configurator .configurator__step .configurator-step__pushTitle {
    margin: 0 auto 38px;
    max-width: 940px;
    text-align: center;
    padding: 48px 32px;
    background-color: #FF5123;
    background-color: var(--hwc-color-contrast);
    position: relative;
    overflow: hidden;
    padding: 32px 24px;
    margin: 0 auto 32px;
    border-radius: 10px;
  }
  .hwc-Configurator .configurator__step .configurator-step__pushTitle:before {
    content: "";
    position: absolute;
    z-index: 0;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
    bottom: 0;
    max-width: 560px;
    aspect-ratio: 560/150;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 560 150"><g opacity=".2"><path fill="url(%23a)" d="M4.078 47.978c.843-5.293 5.836-8.657 10.723-7.334l227.108 61.353c18.773 4.99 33.468 20.716 38.249 40.902l.035-.038 29.25 122.329c4.746 20.186-1.054 41.582-15.151 55.758l-69.61 69.52c-2.109 2.116-5.098 2.985-7.91 2.305-32.449-7.977-62.719-22.152-89.754-41.166-4.675-3.289-5.097-10.51-1.019-14.592L235.827 227.16c4.007-4.12 2.249-11.264-3.024-12.701L10.02 154.316c-3.375-.908-5.977-3.856-6.54-7.522C1.125 131.408 0 115.606 0 99.54c0-17.616 1.37-34.854 4.078-51.562"/><path fill="url(%23b)" d="M391.322-14.434c14.203-16.255 36.105-22.076 55.792-14.705l95.625 35.76c2.636 1.021 4.745 3.29 5.554 6.2l-.035-.075C555.922 40.19 560 69.26 560 99.466c0 6.577-.211 13.154-.597 19.656-.352 6.161-5.977 10.32-11.426 8.354L405.912 76.405c-5.203-1.89-10.267 3.138-8.931 8.922l58.008 241.934c.878 3.591-.281 7.448-3.023 9.754-24.047 20.186-51.258 36.215-80.718 47.139-4.746 1.777-9.915-1.323-11.18-6.578l-59.8-249.533c-4.571-18.863.21-38.898 12.655-53.074z"/><path fill="url(%23c)" d="M366.678-180.992c2.39-2.721 6.082-3.742 9.351-2.457 29.25 11.378 56.144 28.012 79.91 48.766 3.867 3.402 4.148 9.714.738 13.646L294.607 64.384c-13.289 15.159-33.186 21.32-51.854 16.066L124.558 47.108c-18.774-5.33-33.293-21.17-37.969-41.356v.038L65.25-87.544c-.668-2.948.001-6.087 1.83-8.392 21.48-27.105 47.39-50.089 76.534-67.515 4.957-2.949 11.214.151 12.551 6.048L192.48 1.633c1.336 5.783 8.085 7.673 11.812 3.326z"/></g><defs><radialGradient id="a" cx="0" cy="0" r="1" gradientTransform="matrix(0 288.5 -280 0 280 104.5)" gradientUnits="userSpaceOnUse"><stop stop-color="%23fffbf1"/><stop offset="1" stop-color="%23ff5123"/></radialGradient><radialGradient id="b" cx="0" cy="0" r="1" gradientTransform="matrix(0 288.5 -280 0 280 104.5)" gradientUnits="userSpaceOnUse"><stop stop-color="%23fffbf1"/><stop offset="1" stop-color="%23ff5123"/></radialGradient><radialGradient id="c" cx="0" cy="0" r="1" gradientTransform="matrix(0 288.5 -280 0 280 104.5)" gradientUnits="userSpaceOnUse"><stop stop-color="%23fffbf1"/><stop offset="1" stop-color="%23ff5123"/></radialGradient></defs></svg>');
    max-width: none;
    height: 100%;
  }
  .hwc-Configurator .configurator__step .configurator-step__pushTitle .item-title {
    color: white;
    text-align: center;
    position: relative;
    z-index: 1;
  }
  .hwc-Configurator .configurator-step__actions {
    position: relative;
    text-align: center;
    margin: 0 auto;
    position: absolute;
    left: 30px;
    right: 30px;
    bottom: 32px;
  }
  .hwc-Configurator .configurator-step__actions .button-is-prev {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    left: 24px;
  }
  .hwc-Configurator .configurator-field--radio {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    gap: 16px;
    background-color: transparent;
    flex-wrap: wrap;
  }
  .hwc-Configurator .configurator-field--radio .configurator-choice {
    flex: 1 1 calc(16.6666666667% - 26.6666666667px);
    max-width: calc(16.6666666667% - 26.6666666667px);
    border-radius: 8px;
    background-color: #E7E5DB;
    display: block;
    cursor: pointer;
    border: 0 none;
    transition: all 0.3s linear;
    border: 2px solid transparent;
    position: relative;
    padding: 10px;
    flex: 1 1 calc(16.6666666667% - 20px);
    max-width: calc(16.6666666667% - 20px);
    padding: 10px 8px;
    flex: 1 1 calc(33.3333333333% - 12px);
    max-width: calc(33.3333333333% - 12px);
  }
  .hwc-Configurator .configurator-field--radio .configurator-choice.with-image .configurator-choice__inner {
    min-height: 140px;
  }
  .hwc-Configurator .configurator-field--radio .configurator-choice:has(.configurator-choice__input:checked) {
    border: 2px solid #FF5123;
    border: 2px solid var(--hwc-color-contrast);
  }
  .hwc-Configurator .configurator-field--radio .configurator-choice:has(.configurator-choice__input:checked) .configurator-choice__icon {
    background-color: #FF5123;
    background-color: var(--hwc-color-contrast);
  }
  .hwc-Configurator .configurator-field--radio .configurator-choice:has(.configurator-choice__input:checked) .configurator-choice__icon:after {
    opacity: 1;
    visibility: visible;
  }
  .hwc-Configurator .configurator-field--radio .configurator-choice input[type=radio] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
  }
  .hwc-Configurator .configurator-field--radio .configurator-choice .configurator-choice__inner {
    display: flex;
    align-items: center;
    align-content: center;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    min-height: 100px;
  }
  .hwc-Configurator .configurator-field--radio .configurator-choice .configurator-choice__icon {
    position: absolute;
    z-index: 4;
    border-radius: 50%;
    aspect-ratio: 1;
    width: 30px;
    border: 1px solid #FF5123;
    border: 1px solid var(--hwc-color-contrast);
    background-color: #FFFBF1;
    background-color: var(--hwc-color-primary);
    transition: all 0.3s linear;
    top: 8px;
    right: 8px;
  }
  .hwc-Configurator .configurator-field--radio .configurator-choice .configurator-choice__icon:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    aspect-ratio: 17/13;
    width: 17px;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 17 13"><path fill="%23fffbf1" d="M5.7 12.025 0 6.325 1.425 4.9 5.7 9.175 14.875 0 16.3 1.425z"/></svg>');
    transition: all 0.3s linear;
    opacity: 0;
    visibility: hidden;
  }
  .hwc-Configurator .configurator-field--radio .configurator-choice .configurator-choice__image {
    aspect-ratio: 1;
    border-radius: 50%;
    margin: 0 auto 20px;
    display: block;
    position: relative;
    overflow: hidden;
    z-index: 1;
    margin: 0 auto 16px auto;
    max-width: 90px;
    margin: 0 auto 12px auto;
  }
  .hwc-Configurator .configurator-field--radio .configurator-choice .configurator-choice__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
  }
  .hwc-Configurator .configurator-field--radio .configurator-choice .configurator-choice__label {
    position: relative;
    z-index: 1;
    font-weight: 700;
    color: #242424;
    color: var(--hwc-color-gray-800);
    text-align: center;
    display: block;
    font-size: 16px;
    line-height: 20px;
  }
  .hwc-Configurator .configurator-progress-nav {
    display: flex;
    background-color: #99B76F;
    background-color: var(--hwc-color-secondary);
    padding: 16px 0;
    text-align: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 12px 0;
    gap: 0 8px;
  }
  .hwc-Configurator .configurator-progress-nav__item {
    color: white;
    cursor: not-allowed;
    font-weight: 700;
    font-size: 14px;
  }
  .hwc-Configurator .configurator-progress-nav__item.is-active {
    color: #21343F;
    color: var(--hwc-color-blue);
  }
  .hwc-Configurator .configurator-progress-nav__item.is-active:after {
    background-color: #21343F;
    background-color: var(--hwc-color-blue);
    -webkit-mask-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='10' viewBox='0 0 16 10'%3E%3Cpath d='M16 5a.49.49 0 0 0-.135-.347l-4-4.445c-.188-.241-.619-.278-.886-.083a.51.51 0 0 0-.068.778l3.181 3.541H.615C.277 4.444 0 4.694 0 5c0 .305.277.555.615.555h13.48l-3.181 3.542c-.243.22-.175.605.083.81.197.16.726.11.868-.116l4-4.444A.44.44 0 0 0 16 5'/%3E%3C/svg%3E");
            mask-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='10' viewBox='0 0 16 10'%3E%3Cpath d='M16 5a.49.49 0 0 0-.135-.347l-4-4.445c-.188-.241-.619-.278-.886-.083a.51.51 0 0 0-.068.778l3.181 3.541H.615C.277 4.444 0 4.694 0 5c0 .305.277.555.615.555h13.48l-3.181 3.542c-.243.22-.175.605.083.81.197.16.726.11.868-.116l4-4.444A.44.44 0 0 0 16 5'/%3E%3C/svg%3E");
    -webkit-mask-size: contain;
            mask-size: contain;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
  }
  .hwc-Configurator .configurator-progress-nav__item:not(:disabled) {
    cursor: pointer;
  }
  .hwc-Configurator .configurator-progress-nav__item:after {
    content: "";
    display: inline-flex;
    margin: 0 0 0 12px;
    aspect-ratio: 16/10;
    width: 16px;
    background-color: #FFFFFF;
    background-color: var(--hwc-color-white);
    -webkit-mask-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='10' viewBox='0 0 16 10'%3E%3Cpath d='M16 5a.49.49 0 0 0-.135-.347l-4-4.445c-.188-.241-.619-.278-.886-.083a.51.51 0 0 0-.068.778l3.181 3.541H.615C.277 4.444 0 4.694 0 5c0 .305.277.555.615.555h13.48l-3.181 3.542c-.243.22-.175.605.083.81.197.16.726.11.868-.116l4-4.444A.44.44 0 0 0 16 5'/%3E%3C/svg%3E");
            mask-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='10' viewBox='0 0 16 10'%3E%3Cpath d='M16 5a.49.49 0 0 0-.135-.347l-4-4.445c-.188-.241-.619-.278-.886-.083a.51.51 0 0 0-.068.778l3.181 3.541H.615C.277 4.444 0 4.694 0 5c0 .305.277.555.615.555h13.48l-3.181 3.542c-.243.22-.175.605.083.81.197.16.726.11.868-.116l4-4.444A.44.44 0 0 0 16 5'/%3E%3C/svg%3E");
    -webkit-mask-size: contain;
            mask-size: contain;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    margin: 0 0 0 8px;
  }
  .hwc-Configurator .configurator-progress-nav__item:last-child:after {
    display: none;
  }
  .hwc-Configurator .configurator-field--hp {
    position: absolute;
    left: -9999px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
  }
  .hwc-Configurator .configurator-exit {
    max-width: 940px;
    margin: 0 auto;
    text-align: center;
  }
  .hwc-Configurator .configurator-exit .configurator-exit__message {
    text-align: center;
  }
  .hwc-Configurator .configurator-exit .configurator-exit__message h3 + p {
    margin-top: 16px;
  }
  .hwc-Configurator .configurator-exit .configurator-exit__restart {
    text-align: center;
  }
  .hwc-Configurator .configurator-exit .configurator-exit__message + .configurator-exit__restart {
    margin-top: 32px;
  }
  .hwc-Configurator .configurator-progress-bar {
    width: 100%;
    height: 8px;
    overflow: hidden;
    background-color: #E7E5DB;
    background-color: var(--hwc-color-primary-dark);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    position: fixed;
    z-index: 10;
  }
  .hwc-Configurator .configurator-progress-bar__inner {
    height: 100%;
    width: 33.333%;
    transition: width 0.3s ease;
    background-color: #FF5123;
    background-color: var(--hwc-color-contrast);
  }
  .hwc-Configurator .configurator__messages {
    width: 100%;
  }
  .hwc-Configurator .configurator__messages .configurator-error {
    background-color: #FF5123;
    background-color: var(--hwc-color-contrast);
    border-radius: 8px;
    color: white;
    margin: 0 auto 24px;
    padding: 24px 16px;
    padding: 16px;
  }
  .hwc-Configurator .configurator-confirmation {
    max-width: 940px;
    margin: 0 auto;
    text-align: center;
  }
  .hwc-Configurator .configurator-confirmation .configurator-confirmation__message .hwc-Tag {
    margin-bottom: 16px;
  }
  .hwc-Configurator .configurator-confirmation .configurator-confirmation__message h3,
  .hwc-Configurator .configurator-confirmation .configurator-confirmation__message p {
    text-align: center;
  }
  .hwc-Configurator .configurator-confirmation .configurator-confirmation__actions {
    margin-top: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
  }
}

@media screen and (max-width: 640px) {
  .hwc-Content.is-configurator-page {
    position: relative;
  }
  .hwc-Configurator {
    position: relative;
  }
  .hwc-Configurator .configurator {
    padding: 80px 0 110px 0;
    position: relative;
    min-height: calc(100dvh - 86px);
    display: flex;
    width: 100%;
    justify-content: center;
    align-content: center;
    align-items: center;
    padding: 72px 0 100px 0;
  }
  .hwc-Configurator .configurator .item-wrapper {
    flex: 1 1 100%;
    max-width: none;
  }
  .hwc-Configurator .configurator input[type=text],
  .hwc-Configurator .configurator input[type=email],
  .hwc-Configurator .configurator input[type=number] {
    border: 1px solid #99B76F;
    border: 1px solid var(--hwc-color-border);
  }
  .hwc-Configurator .configurator-field--contact {
    max-width: 680px;
    margin: 0 auto;
    max-width: 90%;
  }
  .hwc-Configurator .configurator-field--contact .configurator-contact__title {
    text-align: center;
    margin: 0 auto 16px auto;
  }
  .hwc-Configurator .configurator-field--contact .configurator-field__rgpd {
    font-size: 12px;
    line-height: 16px;
    margin-top: 16px;
  }
  .hwc-Configurator .configurator-field--number-incrementable .configurator-field__control {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: nowrap;
    justify-content: center;
  }
  .hwc-Configurator .configurator-field--number-incrementable .configurator-field__control input[type=number] {
    max-width: 160px;
    text-align: center;
  }
  .hwc-Configurator .configurator-field--number-incrementable .configurator-number__button {
    cursor: pointer;
    width: 60px;
    height: 50px;
    background-color: #FF5123;
    background-color: var(--hwc-color-contrast);
    border: 0 none;
    text-align: center;
    line-height: 50px;
    color: white;
    border-radius: 8px;
    font-size: 24px;
    transition: all 0.3s linear;
  }
  .hwc-Configurator .configurator-field--number-incrementable .configurator-number__button:hover {
    background-color: #ED3301;
  }
  .hwc-Configurator .configurator-field--number-incrementable .configurator-number__button:disabled {
    cursor: not-allowed;
    opacity: 0.4;
  }
  .hwc-Configurator .configurator-step__solar .configurator-step__solar-text {
    max-width: 940px;
    margin: 0 auto;
    text-align: center;
  }
  .hwc-Configurator .configurator-step__solar .configurator-step__solar-iframe {
    position: relative;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    height: auto;
    aspect-ratio: 16/12;
  }
  .hwc-Configurator .configurator-step__solar .configurator-step__solar-iframe iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 5px;
  }
  .hwc-Configurator .configurator-step__solar .configurator-step__solar-text + .configurator-step__solar-iframe {
    margin-top: 24px;
  }
  .hwc-Configurator .configurator-field--postal-city,
  .hwc-Configurator .configurator-field--number {
    max-width: 680px;
    margin: 0 auto;
    max-width: 90%;
  }
  .hwc-Configurator .configurator-field--postal-city .configurator-field__control input[type=number],
  .hwc-Configurator .configurator-field--number .configurator-field__control input[type=number] {
    border: 1px solid #99B76F;
    border: 1px solid var(--hwc-color-border);
  }
  .hwc-Configurator .configurator-field--postal-city .configurator-postal-city__status,
  .hwc-Configurator .configurator-field--number .configurator-postal-city__status {
    font-style: italic;
    font-size: 14px;
    margin-top: 8px;
  }
  .hwc-Configurator .configurator-field--postal-city .configurator-postal-city__status strong,
  .hwc-Configurator .configurator-field--number .configurator-postal-city__status strong {
    font-weight: 700;
  }
  .hwc-Configurator .configurator-field--postal-city .configurator-postal-city__suggestions,
  .hwc-Configurator .configurator-field--number .configurator-postal-city__suggestions {
    display: grid;
    grid-gap: 0;
    gap: 0;
    margin-top: 16px;
    max-height: 184px;
    overflow: auto;
  }
  .hwc-Configurator .configurator-field--postal-city .configurator-postal-city__suggestion,
  .hwc-Configurator .configurator-field--number .configurator-postal-city__suggestion {
    text-align: left;
    cursor: pointer;
    padding: 4px 6px;
    border-radius: 5px;
  }
  .hwc-Configurator .configurator-field--postal-city .configurator-postal-city__suggestion:hover,
  .hwc-Configurator .configurator-field--number .configurator-postal-city__suggestion:hover {
    background-color: #E7E5DB;
  }
  .hwc-Configurator .configurator__intro {
    max-width: 940px;
    margin: 0 auto 50px;
    text-align: center;
    margin: 0 auto 32px;
    margin: 0 auto 24px auto;
  }
  .hwc-Configurator .configurator__intro .hwc-Tag {
    margin-bottom: 12px;
  }
  .hwc-Configurator .configurator__step {
    width: 100%;
  }
  .hwc-Configurator .configurator__step .configurator-step__title {
    margin: 0 auto 38px;
    max-width: 940px;
    text-align: center;
    margin: 0 auto 24px;
    margin: 0 auto 20px;
  }
  .hwc-Configurator .configurator__step .configurator-step__pushTitle {
    margin: 0 auto 38px;
    max-width: 940px;
    text-align: center;
    padding: 48px 32px;
    background-color: #FF5123;
    background-color: var(--hwc-color-contrast);
    position: relative;
    overflow: hidden;
    padding: 32px 24px;
    margin: 0 auto 32px;
    border-radius: 10px;
    margin: 0 auto 24px;
    padding: 24px 16px;
  }
  .hwc-Configurator .configurator__step .configurator-step__pushTitle:before {
    content: "";
    position: absolute;
    z-index: 0;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
    bottom: 0;
    max-width: 560px;
    aspect-ratio: 560/150;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 560 150"><g opacity=".2"><path fill="url(%23a)" d="M4.078 47.978c.843-5.293 5.836-8.657 10.723-7.334l227.108 61.353c18.773 4.99 33.468 20.716 38.249 40.902l.035-.038 29.25 122.329c4.746 20.186-1.054 41.582-15.151 55.758l-69.61 69.52c-2.109 2.116-5.098 2.985-7.91 2.305-32.449-7.977-62.719-22.152-89.754-41.166-4.675-3.289-5.097-10.51-1.019-14.592L235.827 227.16c4.007-4.12 2.249-11.264-3.024-12.701L10.02 154.316c-3.375-.908-5.977-3.856-6.54-7.522C1.125 131.408 0 115.606 0 99.54c0-17.616 1.37-34.854 4.078-51.562"/><path fill="url(%23b)" d="M391.322-14.434c14.203-16.255 36.105-22.076 55.792-14.705l95.625 35.76c2.636 1.021 4.745 3.29 5.554 6.2l-.035-.075C555.922 40.19 560 69.26 560 99.466c0 6.577-.211 13.154-.597 19.656-.352 6.161-5.977 10.32-11.426 8.354L405.912 76.405c-5.203-1.89-10.267 3.138-8.931 8.922l58.008 241.934c.878 3.591-.281 7.448-3.023 9.754-24.047 20.186-51.258 36.215-80.718 47.139-4.746 1.777-9.915-1.323-11.18-6.578l-59.8-249.533c-4.571-18.863.21-38.898 12.655-53.074z"/><path fill="url(%23c)" d="M366.678-180.992c2.39-2.721 6.082-3.742 9.351-2.457 29.25 11.378 56.144 28.012 79.91 48.766 3.867 3.402 4.148 9.714.738 13.646L294.607 64.384c-13.289 15.159-33.186 21.32-51.854 16.066L124.558 47.108c-18.774-5.33-33.293-21.17-37.969-41.356v.038L65.25-87.544c-.668-2.948.001-6.087 1.83-8.392 21.48-27.105 47.39-50.089 76.534-67.515 4.957-2.949 11.214.151 12.551 6.048L192.48 1.633c1.336 5.783 8.085 7.673 11.812 3.326z"/></g><defs><radialGradient id="a" cx="0" cy="0" r="1" gradientTransform="matrix(0 288.5 -280 0 280 104.5)" gradientUnits="userSpaceOnUse"><stop stop-color="%23fffbf1"/><stop offset="1" stop-color="%23ff5123"/></radialGradient><radialGradient id="b" cx="0" cy="0" r="1" gradientTransform="matrix(0 288.5 -280 0 280 104.5)" gradientUnits="userSpaceOnUse"><stop stop-color="%23fffbf1"/><stop offset="1" stop-color="%23ff5123"/></radialGradient><radialGradient id="c" cx="0" cy="0" r="1" gradientTransform="matrix(0 288.5 -280 0 280 104.5)" gradientUnits="userSpaceOnUse"><stop stop-color="%23fffbf1"/><stop offset="1" stop-color="%23ff5123"/></radialGradient></defs></svg>');
    max-width: none;
    height: 100%;
  }
  .hwc-Configurator .configurator__step .configurator-step__pushTitle .item-title {
    color: white;
    text-align: center;
    position: relative;
    z-index: 1;
  }
  .hwc-Configurator .configurator-step__actions {
    position: relative;
    text-align: center;
    margin: 0 auto;
    position: absolute;
    bottom: 32px;
    display: flex;
    flex-wrap: nowrap;
    gap: 0 16px;
    align-items: center;
    left: 16px;
    right: 16px;
  }
  .hwc-Configurator .configurator-step__actions .button-is-prev {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    left: 32px;
    position: relative;
    top: auto;
    transform: none;
    margin-right: auto;
  }
  .hwc-Configurator .configurator-step__actions .button-is-center {
    margin-left: auto;
  }
  .hwc-Configurator .configurator-field--radio {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    gap: 16px;
    background-color: transparent;
    flex-wrap: wrap;
  }
  .hwc-Configurator .configurator-field--radio .configurator-choice {
    flex: 1 1 calc(16.6666666667% - 26.6666666667px);
    max-width: calc(16.6666666667% - 26.6666666667px);
    border-radius: 8px;
    background-color: #E7E5DB;
    display: block;
    cursor: pointer;
    border: 0 none;
    transition: all 0.3s linear;
    border: 2px solid transparent;
    position: relative;
    padding: 10px;
    flex: 1 1 calc(16.6666666667% - 20px);
    max-width: calc(16.6666666667% - 20px);
    padding: 10px 8px;
    flex: 1 1 calc(33.3333333333% - 12px);
    max-width: calc(33.3333333333% - 12px);
    flex: 1 1 calc(50% - 10.6666666667px);
    max-width: calc(50% - 10.6666666667px);
  }
  .hwc-Configurator .configurator-field--radio .configurator-choice.with-image .configurator-choice__inner {
    min-height: 140px;
  }
  .hwc-Configurator .configurator-field--radio .configurator-choice:has(.configurator-choice__input:checked) {
    border: 2px solid #FF5123;
    border: 2px solid var(--hwc-color-contrast);
  }
  .hwc-Configurator .configurator-field--radio .configurator-choice:has(.configurator-choice__input:checked) .configurator-choice__icon {
    background-color: #FF5123;
    background-color: var(--hwc-color-contrast);
  }
  .hwc-Configurator .configurator-field--radio .configurator-choice:has(.configurator-choice__input:checked) .configurator-choice__icon:after {
    opacity: 1;
    visibility: visible;
  }
  .hwc-Configurator .configurator-field--radio .configurator-choice input[type=radio] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
  }
  .hwc-Configurator .configurator-field--radio .configurator-choice .configurator-choice__inner {
    display: flex;
    align-items: center;
    align-content: center;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    min-height: 100px;
  }
  .hwc-Configurator .configurator-field--radio .configurator-choice .configurator-choice__icon {
    position: absolute;
    z-index: 4;
    border-radius: 50%;
    aspect-ratio: 1;
    width: 30px;
    border: 1px solid #FF5123;
    border: 1px solid var(--hwc-color-contrast);
    background-color: #FFFBF1;
    background-color: var(--hwc-color-primary);
    transition: all 0.3s linear;
    top: 8px;
    right: 8px;
  }
  .hwc-Configurator .configurator-field--radio .configurator-choice .configurator-choice__icon:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    aspect-ratio: 17/13;
    width: 17px;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 17 13"><path fill="%23fffbf1" d="M5.7 12.025 0 6.325 1.425 4.9 5.7 9.175 14.875 0 16.3 1.425z"/></svg>');
    transition: all 0.3s linear;
    opacity: 0;
    visibility: hidden;
  }
  .hwc-Configurator .configurator-field--radio .configurator-choice .configurator-choice__image {
    aspect-ratio: 1;
    border-radius: 50%;
    margin: 0 auto 20px;
    display: block;
    position: relative;
    overflow: hidden;
    z-index: 1;
    margin: 0 auto 16px auto;
    margin: 0 auto 12px auto;
    max-width: 80px;
  }
  .hwc-Configurator .configurator-field--radio .configurator-choice .configurator-choice__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
  }
  .hwc-Configurator .configurator-field--radio .configurator-choice .configurator-choice__label {
    position: relative;
    z-index: 1;
    font-weight: 700;
    color: #242424;
    color: var(--hwc-color-gray-800);
    text-align: center;
    display: block;
    font-size: 16px;
    line-height: 20px;
  }
  .hwc-Configurator .configurator-progress-nav {
    display: flex;
    background-color: #99B76F;
    background-color: var(--hwc-color-secondary);
    padding: 16px 0;
    text-align: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 12px 0;
    gap: 0 8px;
  }
  .hwc-Configurator .configurator-progress-nav__item {
    color: white;
    cursor: not-allowed;
    font-weight: 700;
    font-size: 13px;
  }
  .hwc-Configurator .configurator-progress-nav__item.is-active {
    color: #21343F;
    color: var(--hwc-color-blue);
  }
  .hwc-Configurator .configurator-progress-nav__item.is-active:after {
    background-color: #21343F;
    background-color: var(--hwc-color-blue);
    -webkit-mask-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='10' viewBox='0 0 16 10'%3E%3Cpath d='M16 5a.49.49 0 0 0-.135-.347l-4-4.445c-.188-.241-.619-.278-.886-.083a.51.51 0 0 0-.068.778l3.181 3.541H.615C.277 4.444 0 4.694 0 5c0 .305.277.555.615.555h13.48l-3.181 3.542c-.243.22-.175.605.083.81.197.16.726.11.868-.116l4-4.444A.44.44 0 0 0 16 5'/%3E%3C/svg%3E");
            mask-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='10' viewBox='0 0 16 10'%3E%3Cpath d='M16 5a.49.49 0 0 0-.135-.347l-4-4.445c-.188-.241-.619-.278-.886-.083a.51.51 0 0 0-.068.778l3.181 3.541H.615C.277 4.444 0 4.694 0 5c0 .305.277.555.615.555h13.48l-3.181 3.542c-.243.22-.175.605.083.81.197.16.726.11.868-.116l4-4.444A.44.44 0 0 0 16 5'/%3E%3C/svg%3E");
    -webkit-mask-size: contain;
            mask-size: contain;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
  }
  .hwc-Configurator .configurator-progress-nav__item:not(:disabled) {
    cursor: pointer;
  }
  .hwc-Configurator .configurator-progress-nav__item:after {
    content: "";
    display: inline-flex;
    margin: 0 0 0 12px;
    aspect-ratio: 16/10;
    background-color: #FFFFFF;
    background-color: var(--hwc-color-white);
    -webkit-mask-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='10' viewBox='0 0 16 10'%3E%3Cpath d='M16 5a.49.49 0 0 0-.135-.347l-4-4.445c-.188-.241-.619-.278-.886-.083a.51.51 0 0 0-.068.778l3.181 3.541H.615C.277 4.444 0 4.694 0 5c0 .305.277.555.615.555h13.48l-3.181 3.542c-.243.22-.175.605.083.81.197.16.726.11.868-.116l4-4.444A.44.44 0 0 0 16 5'/%3E%3C/svg%3E");
            mask-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='10' viewBox='0 0 16 10'%3E%3Cpath d='M16 5a.49.49 0 0 0-.135-.347l-4-4.445c-.188-.241-.619-.278-.886-.083a.51.51 0 0 0-.068.778l3.181 3.541H.615C.277 4.444 0 4.694 0 5c0 .305.277.555.615.555h13.48l-3.181 3.542c-.243.22-.175.605.083.81.197.16.726.11.868-.116l4-4.444A.44.44 0 0 0 16 5'/%3E%3C/svg%3E");
    -webkit-mask-size: contain;
            mask-size: contain;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    margin: 0 0 0 8px;
    width: 12px;
    margin: 0 0 0 6px;
  }
  .hwc-Configurator .configurator-progress-nav__item:last-child:after {
    display: none;
  }
  .hwc-Configurator .configurator-field--hp {
    position: absolute;
    left: -9999px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
  }
  .hwc-Configurator .configurator-exit {
    max-width: 940px;
    margin: 0 auto;
    text-align: center;
  }
  .hwc-Configurator .configurator-exit .configurator-exit__message {
    text-align: center;
  }
  .hwc-Configurator .configurator-exit .configurator-exit__message h3 + p {
    margin-top: 16px;
  }
  .hwc-Configurator .configurator-exit .configurator-exit__restart {
    text-align: center;
  }
  .hwc-Configurator .configurator-exit .configurator-exit__message + .configurator-exit__restart {
    margin-top: 32px;
  }
  .hwc-Configurator .configurator-progress-bar {
    width: 100%;
    height: 8px;
    overflow: hidden;
    background-color: #E7E5DB;
    background-color: var(--hwc-color-primary-dark);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    position: fixed;
    z-index: 10;
  }
  .hwc-Configurator .configurator-progress-bar__inner {
    height: 100%;
    width: 33.333%;
    transition: width 0.3s ease;
    background-color: #FF5123;
    background-color: var(--hwc-color-contrast);
  }
  .hwc-Configurator .configurator__messages {
    width: 100%;
  }
  .hwc-Configurator .configurator__messages .configurator-error {
    background-color: #FF5123;
    background-color: var(--hwc-color-contrast);
    border-radius: 8px;
    color: white;
    margin: 0 auto 24px;
    padding: 24px 16px;
    padding: 16px;
  }
  .hwc-Configurator .configurator-confirmation {
    max-width: 940px;
    margin: 0 auto;
    text-align: center;
  }
  .hwc-Configurator .configurator-confirmation .configurator-confirmation__message .hwc-Tag {
    margin-bottom: 16px;
  }
  .hwc-Configurator .configurator-confirmation .configurator-confirmation__message h3,
  .hwc-Configurator .configurator-confirmation .configurator-confirmation__message p {
    text-align: center;
  }
  .hwc-Configurator .configurator-confirmation .configurator-confirmation__actions {
    margin-top: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    flex-wrap: wrap;
    gap: 8px 12px;
  }
}

@media screen and (max-width: 480px) {
  .hwc-Content.is-configurator-page {
    position: relative;
  }
  .hwc-Configurator {
    position: relative;
  }
  .hwc-Configurator .configurator {
    padding: 80px 0 110px 0;
    position: relative;
    min-height: calc(100dvh - 86px);
    display: flex;
    width: 100%;
    justify-content: center;
    align-content: center;
    align-items: center;
    padding: 72px 0 100px 0;
  }
  .hwc-Configurator .configurator .item-wrapper {
    flex: 1 1 100%;
    max-width: none;
  }
  .hwc-Configurator .configurator input[type=text],
  .hwc-Configurator .configurator input[type=email],
  .hwc-Configurator .configurator input[type=number] {
    border: 1px solid #99B76F;
    border: 1px solid var(--hwc-color-border);
  }
  .hwc-Configurator .configurator-field--contact {
    max-width: 680px;
    margin: 0 auto;
    max-width: 90%;
    max-width: none;
    padding-bottom: 24px;
  }
  .hwc-Configurator .configurator-field--contact .configurator-contact__title {
    text-align: center;
    margin: 0 auto 16px auto;
  }
  .hwc-Configurator .configurator-field--contact .configurator-field__rgpd {
    font-size: 12px;
    line-height: 16px;
    margin-top: 16px;
  }
  .hwc-Configurator .configurator-field--number-incrementable .configurator-field__control {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: nowrap;
    justify-content: center;
  }
  .hwc-Configurator .configurator-field--number-incrementable .configurator-field__control input[type=number] {
    max-width: 160px;
    text-align: center;
  }
  .hwc-Configurator .configurator-field--number-incrementable .configurator-field__control {
    gap: 4px;
  }
  .hwc-Configurator .configurator-field--number-incrementable .configurator-number__button {
    cursor: pointer;
    width: 60px;
    height: 50px;
    background-color: #FF5123;
    background-color: var(--hwc-color-contrast);
    border: 0 none;
    text-align: center;
    line-height: 50px;
    color: white;
    border-radius: 8px;
    font-size: 24px;
    transition: all 0.3s linear;
  }
  .hwc-Configurator .configurator-field--number-incrementable .configurator-number__button:hover {
    background-color: #ED3301;
  }
  .hwc-Configurator .configurator-field--number-incrementable .configurator-number__button:disabled {
    cursor: not-allowed;
    opacity: 0.4;
  }
  .hwc-Configurator .configurator-step__solar .configurator-step__solar-text {
    max-width: 940px;
    margin: 0 auto;
    text-align: center;
  }
  .hwc-Configurator .configurator-step__solar .configurator-step__solar-iframe {
    position: relative;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    height: auto;
    aspect-ratio: 16/12;
  }
  .hwc-Configurator .configurator-step__solar .configurator-step__solar-iframe iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 5px;
  }
  .hwc-Configurator .configurator-step__solar .configurator-step__solar-text + .configurator-step__solar-iframe {
    margin-top: 24px;
  }
  .hwc-Configurator .configurator-field--postal-city,
  .hwc-Configurator .configurator-field--number {
    max-width: 680px;
    margin: 0 auto;
    max-width: 90%;
    max-width: none;
  }
  .hwc-Configurator .configurator-field--postal-city .configurator-field__control input[type=number],
  .hwc-Configurator .configurator-field--number .configurator-field__control input[type=number] {
    border: 1px solid #99B76F;
    border: 1px solid var(--hwc-color-border);
  }
  .hwc-Configurator .configurator-field--postal-city .configurator-postal-city__status,
  .hwc-Configurator .configurator-field--number .configurator-postal-city__status {
    font-style: italic;
    font-size: 14px;
    margin-top: 8px;
  }
  .hwc-Configurator .configurator-field--postal-city .configurator-postal-city__status strong,
  .hwc-Configurator .configurator-field--number .configurator-postal-city__status strong {
    font-weight: 700;
  }
  .hwc-Configurator .configurator-field--postal-city .configurator-postal-city__suggestions,
  .hwc-Configurator .configurator-field--number .configurator-postal-city__suggestions {
    display: grid;
    grid-gap: 0;
    gap: 0;
    margin-top: 16px;
    max-height: 184px;
    overflow: auto;
  }
  .hwc-Configurator .configurator-field--postal-city .configurator-postal-city__suggestion,
  .hwc-Configurator .configurator-field--number .configurator-postal-city__suggestion {
    text-align: left;
    cursor: pointer;
    padding: 4px 6px;
    border-radius: 5px;
  }
  .hwc-Configurator .configurator-field--postal-city .configurator-postal-city__suggestion:hover,
  .hwc-Configurator .configurator-field--number .configurator-postal-city__suggestion:hover {
    background-color: #E7E5DB;
  }
  .hwc-Configurator .configurator__intro {
    max-width: 940px;
    margin: 0 auto 50px;
    text-align: center;
    margin: 0 auto 32px;
    margin: 0 auto 24px auto;
  }
  .hwc-Configurator .configurator__intro .hwc-Tag {
    margin-bottom: 12px;
  }
  .hwc-Configurator .configurator__step {
    width: 100%;
  }
  .hwc-Configurator .configurator__step .configurator-step__title {
    margin: 0 auto 38px;
    max-width: 940px;
    text-align: center;
    margin: 0 auto 24px;
    margin: 0 auto 20px;
  }
  .hwc-Configurator .configurator__step .configurator-step__pushTitle {
    margin: 0 auto 38px;
    max-width: 940px;
    text-align: center;
    padding: 48px 32px;
    background-color: #FF5123;
    background-color: var(--hwc-color-contrast);
    position: relative;
    overflow: hidden;
    padding: 32px 24px;
    margin: 0 auto 32px;
    border-radius: 10px;
    margin: 0 auto 24px;
    padding: 24px 16px;
  }
  .hwc-Configurator .configurator__step .configurator-step__pushTitle:before {
    content: "";
    position: absolute;
    z-index: 0;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
    bottom: 0;
    max-width: 560px;
    aspect-ratio: 560/150;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 560 150"><g opacity=".2"><path fill="url(%23a)" d="M4.078 47.978c.843-5.293 5.836-8.657 10.723-7.334l227.108 61.353c18.773 4.99 33.468 20.716 38.249 40.902l.035-.038 29.25 122.329c4.746 20.186-1.054 41.582-15.151 55.758l-69.61 69.52c-2.109 2.116-5.098 2.985-7.91 2.305-32.449-7.977-62.719-22.152-89.754-41.166-4.675-3.289-5.097-10.51-1.019-14.592L235.827 227.16c4.007-4.12 2.249-11.264-3.024-12.701L10.02 154.316c-3.375-.908-5.977-3.856-6.54-7.522C1.125 131.408 0 115.606 0 99.54c0-17.616 1.37-34.854 4.078-51.562"/><path fill="url(%23b)" d="M391.322-14.434c14.203-16.255 36.105-22.076 55.792-14.705l95.625 35.76c2.636 1.021 4.745 3.29 5.554 6.2l-.035-.075C555.922 40.19 560 69.26 560 99.466c0 6.577-.211 13.154-.597 19.656-.352 6.161-5.977 10.32-11.426 8.354L405.912 76.405c-5.203-1.89-10.267 3.138-8.931 8.922l58.008 241.934c.878 3.591-.281 7.448-3.023 9.754-24.047 20.186-51.258 36.215-80.718 47.139-4.746 1.777-9.915-1.323-11.18-6.578l-59.8-249.533c-4.571-18.863.21-38.898 12.655-53.074z"/><path fill="url(%23c)" d="M366.678-180.992c2.39-2.721 6.082-3.742 9.351-2.457 29.25 11.378 56.144 28.012 79.91 48.766 3.867 3.402 4.148 9.714.738 13.646L294.607 64.384c-13.289 15.159-33.186 21.32-51.854 16.066L124.558 47.108c-18.774-5.33-33.293-21.17-37.969-41.356v.038L65.25-87.544c-.668-2.948.001-6.087 1.83-8.392 21.48-27.105 47.39-50.089 76.534-67.515 4.957-2.949 11.214.151 12.551 6.048L192.48 1.633c1.336 5.783 8.085 7.673 11.812 3.326z"/></g><defs><radialGradient id="a" cx="0" cy="0" r="1" gradientTransform="matrix(0 288.5 -280 0 280 104.5)" gradientUnits="userSpaceOnUse"><stop stop-color="%23fffbf1"/><stop offset="1" stop-color="%23ff5123"/></radialGradient><radialGradient id="b" cx="0" cy="0" r="1" gradientTransform="matrix(0 288.5 -280 0 280 104.5)" gradientUnits="userSpaceOnUse"><stop stop-color="%23fffbf1"/><stop offset="1" stop-color="%23ff5123"/></radialGradient><radialGradient id="c" cx="0" cy="0" r="1" gradientTransform="matrix(0 288.5 -280 0 280 104.5)" gradientUnits="userSpaceOnUse"><stop stop-color="%23fffbf1"/><stop offset="1" stop-color="%23ff5123"/></radialGradient></defs></svg>');
    max-width: none;
    height: 100%;
  }
  .hwc-Configurator .configurator__step .configurator-step__pushTitle .item-title {
    color: white;
    text-align: center;
    position: relative;
    z-index: 1;
  }
  .hwc-Configurator .configurator-step__actions {
    position: relative;
    text-align: center;
    margin: 0 auto;
    position: absolute;
    bottom: 32px;
    display: flex;
    flex-wrap: nowrap;
    gap: 0 16px;
    align-items: center;
    left: 16px;
    right: 16px;
  }
  .hwc-Configurator .configurator-step__actions .button-is-prev {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    left: 32px;
    position: relative;
    top: auto;
    transform: none;
    margin-right: auto;
  }
  .hwc-Configurator .configurator-step__actions .button-is-center {
    margin-left: auto;
  }
  .hwc-Configurator .configurator-step[data-step-id=q14] .configurator-step__actions {
    flex-wrap: wrap;
    gap: 8px 16px;
    justify-content: center;
    flex-direction: column;
  }
  .hwc-Configurator .configurator-step[data-step-id=q14] .configurator-step__actions .button-is-prev {
    margin-right: 0;
    order: 2;
    left: auto;
  }
  .hwc-Configurator .configurator-step[data-step-id=q14] .configurator-step__actions .button-is-center {
    margin-left: 0;
    order: 1;
  }
  .hwc-Configurator .configurator-field--radio {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    flex-wrap: wrap;
    gap: 12px;
  }
  .hwc-Configurator .configurator-field--radio .configurator-choice {
    flex: 1 1 calc(16.6666666667% - 26.6666666667px);
    max-width: calc(16.6666666667% - 26.6666666667px);
    border-radius: 8px;
    background-color: #E7E5DB;
    display: block;
    cursor: pointer;
    border: 0 none;
    transition: all 0.3s linear;
    border: 2px solid transparent;
    position: relative;
    flex: 1 1 calc(16.6666666667% - 20px);
    max-width: calc(16.6666666667% - 20px);
    padding: 10px 8px;
    flex: 1 1 calc(33.3333333333% - 12px);
    max-width: calc(33.3333333333% - 12px);
    flex: 1 1 calc(50% - 10.6666666667px);
    max-width: calc(50% - 10.6666666667px);
    flex: 1 1 calc(50% - 8px);
    max-width: calc(50% - 8px);
    padding: 8px;
  }
  .hwc-Configurator .configurator-field--radio .configurator-choice.with-image .configurator-choice__inner {
    min-height: 140px;
  }
  .hwc-Configurator .configurator-field--radio .configurator-choice:has(.configurator-choice__input:checked) {
    border: 2px solid #FF5123;
    border: 2px solid var(--hwc-color-contrast);
  }
  .hwc-Configurator .configurator-field--radio .configurator-choice:has(.configurator-choice__input:checked) .configurator-choice__icon {
    background-color: #FF5123;
    background-color: var(--hwc-color-contrast);
  }
  .hwc-Configurator .configurator-field--radio .configurator-choice:has(.configurator-choice__input:checked) .configurator-choice__icon:after {
    opacity: 1;
    visibility: visible;
  }
  .hwc-Configurator .configurator-field--radio .configurator-choice input[type=radio] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
  }
  .hwc-Configurator .configurator-field--radio .configurator-choice .configurator-choice__inner {
    display: flex;
    align-items: center;
    align-content: center;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    min-height: 100px;
  }
  .hwc-Configurator .configurator-field--radio .configurator-choice .configurator-choice__icon {
    position: absolute;
    z-index: 4;
    border-radius: 50%;
    aspect-ratio: 1;
    width: 30px;
    border: 1px solid #FF5123;
    border: 1px solid var(--hwc-color-contrast);
    background-color: #FFFBF1;
    background-color: var(--hwc-color-primary);
    transition: all 0.3s linear;
    top: 6px;
    right: 6px;
  }
  .hwc-Configurator .configurator-field--radio .configurator-choice .configurator-choice__icon:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    aspect-ratio: 17/13;
    width: 17px;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 17 13"><path fill="%23fffbf1" d="M5.7 12.025 0 6.325 1.425 4.9 5.7 9.175 14.875 0 16.3 1.425z"/></svg>');
    transition: all 0.3s linear;
    opacity: 0;
    visibility: hidden;
  }
  .hwc-Configurator .configurator-field--radio .configurator-choice .configurator-choice__image {
    aspect-ratio: 1;
    border-radius: 50%;
    margin: 0 auto 20px;
    display: block;
    position: relative;
    overflow: hidden;
    z-index: 1;
    margin: 0 auto 16px auto;
    margin: 0 auto 12px auto;
    max-width: 80px;
  }
  .hwc-Configurator .configurator-field--radio .configurator-choice .configurator-choice__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
  }
  .hwc-Configurator .configurator-field--radio .configurator-choice .configurator-choice__label {
    position: relative;
    z-index: 1;
    font-weight: 700;
    color: #242424;
    color: var(--hwc-color-gray-800);
    text-align: center;
    display: block;
    font-size: 15px;
    line-height: 18px;
  }
  .hwc-Configurator .configurator-progress-nav {
    display: flex;
    background-color: #99B76F;
    background-color: var(--hwc-color-secondary);
    padding: 16px 0;
    text-align: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 12px 0;
    gap: 0 3px;
    align-items: center;
  }
  .hwc-Configurator .configurator-progress-nav__item {
    color: white;
    cursor: not-allowed;
    font-weight: 700;
    font-size: 12px;
  }
  .hwc-Configurator .configurator-progress-nav__item.is-active {
    color: #21343F;
    color: var(--hwc-color-blue);
  }
  .hwc-Configurator .configurator-progress-nav__item.is-active:after {
    -webkit-mask-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='10' viewBox='0 0 16 10'%3E%3Cpath d='M16 5a.49.49 0 0 0-.135-.347l-4-4.445c-.188-.241-.619-.278-.886-.083a.51.51 0 0 0-.068.778l3.181 3.541H.615C.277 4.444 0 4.694 0 5c0 .305.277.555.615.555h13.48l-3.181 3.542c-.243.22-.175.605.083.81.197.16.726.11.868-.116l4-4.444A.44.44 0 0 0 16 5'/%3E%3C/svg%3E");
            mask-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='10' viewBox='0 0 16 10'%3E%3Cpath d='M16 5a.49.49 0 0 0-.135-.347l-4-4.445c-.188-.241-.619-.278-.886-.083a.51.51 0 0 0-.068.778l3.181 3.541H.615C.277 4.444 0 4.694 0 5c0 .305.277.555.615.555h13.48l-3.181 3.542c-.243.22-.175.605.083.81.197.16.726.11.868-.116l4-4.444A.44.44 0 0 0 16 5'/%3E%3C/svg%3E");
    -webkit-mask-size: contain;
            mask-size: contain;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-image: none;
            mask-image: none;
    background-color: #21343F;
    background-color: var(--hwc-color-blue);
  }
  .hwc-Configurator .configurator-progress-nav__item:not(:disabled) {
    cursor: pointer;
  }
  .hwc-Configurator .configurator-progress-nav__item:after {
    content: "";
    display: inline-flex;
    margin: 0 0 0 12px;
    -webkit-mask-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='10' viewBox='0 0 16 10'%3E%3Cpath d='M16 5a.49.49 0 0 0-.135-.347l-4-4.445c-.188-.241-.619-.278-.886-.083a.51.51 0 0 0-.068.778l3.181 3.541H.615C.277 4.444 0 4.694 0 5c0 .305.277.555.615.555h13.48l-3.181 3.542c-.243.22-.175.605.083.81.197.16.726.11.868-.116l4-4.444A.44.44 0 0 0 16 5'/%3E%3C/svg%3E");
            mask-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='10' viewBox='0 0 16 10'%3E%3Cpath d='M16 5a.49.49 0 0 0-.135-.347l-4-4.445c-.188-.241-.619-.278-.886-.083a.51.51 0 0 0-.068.778l3.181 3.541H.615C.277 4.444 0 4.694 0 5c0 .305.277.555.615.555h13.48l-3.181 3.542c-.243.22-.175.605.083.81.197.16.726.11.868-.116l4-4.444A.44.44 0 0 0 16 5'/%3E%3C/svg%3E");
    -webkit-mask-size: contain;
            mask-size: contain;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    margin: 0 0 0 8px;
    margin: 0 0 0 6px;
    width: 2px;
    aspect-ratio: 1;
    border-radius: 50%;
    background-color: #FFFFFF;
    background-color: var(--hwc-color-white);
    -webkit-mask-image: none;
            mask-image: none;
    margin: 0 0 0 2px;
  }
  .hwc-Configurator .configurator-progress-nav__item:last-child:after {
    display: none;
  }
  .hwc-Configurator .configurator-field--hp {
    position: absolute;
    left: -9999px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
  }
  .hwc-Configurator .configurator-exit {
    max-width: 940px;
    margin: 0 auto;
    text-align: center;
  }
  .hwc-Configurator .configurator-exit .configurator-exit__message {
    text-align: center;
  }
  .hwc-Configurator .configurator-exit .configurator-exit__message h3 + p {
    margin-top: 16px;
  }
  .hwc-Configurator .configurator-exit .configurator-exit__restart {
    text-align: center;
  }
  .hwc-Configurator .configurator-exit .configurator-exit__message + .configurator-exit__restart {
    margin-top: 32px;
  }
  .hwc-Configurator .configurator-progress-bar {
    width: 100%;
    height: 8px;
    overflow: hidden;
    background-color: #E7E5DB;
    background-color: var(--hwc-color-primary-dark);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    position: fixed;
    z-index: 10;
  }
  .hwc-Configurator .configurator-progress-bar__inner {
    height: 100%;
    width: 33.333%;
    transition: width 0.3s ease;
    background-color: #FF5123;
    background-color: var(--hwc-color-contrast);
  }
  .hwc-Configurator .configurator__messages {
    width: 100%;
  }
  .hwc-Configurator .configurator__messages .configurator-error {
    background-color: #FF5123;
    background-color: var(--hwc-color-contrast);
    border-radius: 8px;
    color: white;
    margin: 0 auto 24px;
    padding: 24px 16px;
    padding: 16px;
    margin: 0 auto 16px;
  }
  .hwc-Configurator .configurator-confirmation {
    max-width: 940px;
    margin: 0 auto;
    text-align: center;
  }
  .hwc-Configurator .configurator-confirmation .configurator-confirmation__message .hwc-Tag {
    margin-bottom: 16px;
  }
  .hwc-Configurator .configurator-confirmation .configurator-confirmation__message h3,
  .hwc-Configurator .configurator-confirmation .configurator-confirmation__message p {
    text-align: center;
  }
  .hwc-Configurator .configurator-confirmation .configurator-confirmation__actions {
    margin-top: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    flex-wrap: wrap;
    gap: 8px 12px;
  }
}

.hwc-BlockAdventages {
  overflow: clip;
}

.hwc-BlockAdventages-container {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-gap: 2rem;
  gap: 2rem;
  position: relative;
}

.hwc-BlockAdventages-container::before {
  content: "";
  display: block;
  width: 1274px;
  height: 1218px;
  position: absolute;
  top: 50%;
  left: calc(-451px - var(--hwc-container-gutter));
  translate: 0 -50%;
  background:
    radial-gradient(
      50% 50% at 50% 50%,
      #FFFBF1 0%,
      #99B76F 100%);
  background:
    radial-gradient(
      50% 50% at 50% 50%,
      var(--hwc-color-primary) 0%,
      var(--hwc-color-secondary) 100%);
  opacity: 0.2;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1274' height='1218' fill='none'%3E%3Cpath fill='%2399b76f' d='M9.276 489.686c1.92-11.172 13.278-18.273 24.395-15.48l516.672 129.51c42.709 10.534 76.139 43.73 87.016 86.342l.081-.08 66.544 258.226c10.797 42.611-2.4 87.776-34.471 117.696l-158.362 146.75c-4.799 4.47-11.597 6.31-17.995 4.87-73.821-16.84-142.685-46.76-204.189-86.9-10.637-6.94-11.597-22.18-2.319-30.8l249.858-231.894c9.116-8.698 5.117-23.779-6.88-26.811L22.794 714.157c-7.677-1.915-13.597-8.139-14.877-15.879C2.558 665.801 0 632.443 0 598.529c0-37.185 3.118-73.573 9.276-108.843M890.258 357.939c32.312-34.312 82.138-46.6 126.922-31.04l217.55 75.487c6 2.155 10.8 6.945 12.64 13.089l-.08-.161c17.43 57.934 26.71 119.299 26.71 183.058 0 13.884-.48 27.769-1.36 41.493-.8 13.007-13.6 21.785-25.99 17.636L923.449 549.693c-11.837-3.99-23.356 6.625-20.317 18.834L1035.1 1079.23c2 7.58-.64 15.72-6.88 20.59a635 635 0 0 1-183.631 99.51c-10.798 3.75-22.556-2.8-25.435-13.89L683.109 658.697c-10.397-39.819.479-82.111 28.792-112.035zM834.192 6.35c5.438-5.745 13.836-7.9 21.274-5.187 66.543 24.02 127.728 59.131 181.794 102.94 8.8 7.182 9.44 20.508 1.68 28.807L670.232 524.318c-30.233 31.999-75.5 45.005-117.969 33.913l-268.894-70.38c-42.709-11.252-75.741-44.688-86.378-87.3v.081l-48.549-197.021c-1.52-6.224.002-12.849 4.161-17.716 48.868-57.214 107.813-105.732 174.116-142.519 11.277-6.223 25.514.32 28.553 12.768l82.62 335.711c3.039 12.208 18.394 16.198 26.872 7.022z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1274' height='1218' fill='none'%3E%3Cpath fill='%2399b76f' d='M9.276 489.686c1.92-11.172 13.278-18.273 24.395-15.48l516.672 129.51c42.709 10.534 76.139 43.73 87.016 86.342l.081-.08 66.544 258.226c10.797 42.611-2.4 87.776-34.471 117.696l-158.362 146.75c-4.799 4.47-11.597 6.31-17.995 4.87-73.821-16.84-142.685-46.76-204.189-86.9-10.637-6.94-11.597-22.18-2.319-30.8l249.858-231.894c9.116-8.698 5.117-23.779-6.88-26.811L22.794 714.157c-7.677-1.915-13.597-8.139-14.877-15.879C2.558 665.801 0 632.443 0 598.529c0-37.185 3.118-73.573 9.276-108.843M890.258 357.939c32.312-34.312 82.138-46.6 126.922-31.04l217.55 75.487c6 2.155 10.8 6.945 12.64 13.089l-.08-.161c17.43 57.934 26.71 119.299 26.71 183.058 0 13.884-.48 27.769-1.36 41.493-.8 13.007-13.6 21.785-25.99 17.636L923.449 549.693c-11.837-3.99-23.356 6.625-20.317 18.834L1035.1 1079.23c2 7.58-.64 15.72-6.88 20.59a635 635 0 0 1-183.631 99.51c-10.798 3.75-22.556-2.8-25.435-13.89L683.109 658.697c-10.397-39.819.479-82.111 28.792-112.035zM834.192 6.35c5.438-5.745 13.836-7.9 21.274-5.187 66.543 24.02 127.728 59.131 181.794 102.94 8.8 7.182 9.44 20.508 1.68 28.807L670.232 524.318c-30.233 31.999-75.5 45.005-117.969 33.913l-268.894-70.38c-42.709-11.252-75.741-44.688-86.378-87.3v.081l-48.549-197.021c-1.52-6.224.002-12.849 4.161-17.716 48.868-57.214 107.813-105.732 174.116-142.519 11.277-6.223 25.514.32 28.553 12.768l82.62 335.711c3.039 12.208 18.394 16.198 26.872 7.022z'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}

.hwc-BlockAdventages-heading {
  grid-column: 1/5;
  position: relative;
  z-index: 1;
}

.hwc-BlockAdventages-heading .desc {
  margin-top: 1rem;
}

.hwc-BlockAdventages-items {
  grid-column: 6/13;
  position: relative;
  z-index: 1;
}

.hwc-BlockAdventages-item {
  display: flex;
  align-items: center;
  gap: 2rem;
  background-color: #FFFBF1;
  background-color: var(--hwc-color-primary);
  color: #21343F;
  color: var(--hwc-color-text);
  border-radius: 12px;
  box-shadow: 2px 2px 0 0 #E7E5DB;
  box-shadow: 2px 2px 0 0 var(--hwc-color-primary-dark);
  border: 1px solid #E7E5DB;
  border: 1px solid var(--hwc-color-primary-dark);
  padding: 0.75rem 1rem 0.75rem 2rem;
  transition: all 0.3s ease;
}

.hwc-BlockAdventages-item:not(:first-child) {
  margin-top: 20px;
}

a.hwc-BlockAdventages-item:hover {
  box-shadow: 2px 2px 0 0 #FF5123;
  box-shadow: 2px 2px 0 0 var(--hwc-color-contrast);
  border-color: #FF5123;
  border-color: var(--hwc-color-contrast);
}

a.hwc-BlockAdventages-item:hover .hwc-RoundButton {
  background-color: #ED3301;
}

.hwc-BlockAdventages-item .hwc-RoundButton {
  flex-shrink: 0;
}

.hwc-BlockAdventages-item .picto {
  height: 44px;
  width: 44px;
  flex-shrink: 0;
}

.hwc-BlockAdventages-item .picto img {
  -o-object-fit: contain;
     object-fit: contain;
}

.hwc-BlockAdventages-item .heading {
  flex: 1;
}

@media screen and (max-width: 768px) {
  .hwc-BlockAdventages-container {
    display: flex;
    flex-direction: column;
  }
}

@media screen and (max-width: 440px) {
  .hwc-BlockAdventages-item {
    display: grid;
    grid-gap: 1rem;
    gap: 1rem;
    padding-top: 1rem;
  }
  .hwc-BlockAdventages-item .picto {
    grid-column: 1/2;
    grid-row: 1/2;
  }
  .hwc-BlockAdventages-item .heading {
    grid-column: 1/2;
    grid-row: 2/3;
  }
  .hwc-BlockAdventages-item .hwc-RoundButton {
    grid-column: 2/3;
    grid-row: 2/3;
    justify-self: flex-end;
  }
}

.hwc-BlockCTA-container {
  text-align: center;
}

.hwc-BlockCTA-container .arrow {
  height: 50px;
  width: 56px;
  fill: #99B76F;
  fill: var(--hwc-color-secondary);
  margin-bottom: 20px;
}

.hwc-BlockCTA-container .arrow path {
  fill: #99B76F;
  fill: var(--hwc-color-secondary);
}

.hwc-BlockCTA-container .text {
  margin-top: 0.5rem;
}

.hwc-BlockCTA-container .button {
  margin-top: 20px;
}

.hwc-BlockDoublePush-container {
  display: flex;
  align-items: stretch;
  gap: 2rem;
}

.hwc-BlockDoublePush-item {
  color: #FFFBF1;
  color: var(--hwc-color-primary);
  min-height: 350px;
  padding: 2rem 4rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  position: relative;
  text-align: center;
}

.hwc-BlockDoublePush-item:nth-child(1) {
  background-color: #99B76F;
  background-color: var(--hwc-color-secondary);
}

.hwc-BlockDoublePush-item:nth-child(2) {
  background-color: #21343F;
  background-color: var(--hwc-color-terciary);
}

.hwc-BlockDoublePush-item::before {
  content: "";
  display: block;
  width: 876px;
  height: 838px;
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  background:
    radial-gradient(
      33.42% 32.73% at 55.88% 53.43%,
      #FFFBF1 0%,
      transparent 100%);
  background:
    radial-gradient(
      33.42% 32.73% at 55.88% 53.43%,
      var(--hwc-color-primary) 0%,
      transparent 100%);
  opacity: 0.2;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='876' height='838' fill='none'%3E%3Cpath fill='%23fff' d='M6.378 336.91c1.32-7.686 9.13-12.572 16.774-10.65l355.263 89.105c29.366 7.247 52.353 30.087 59.832 59.404l.055-.055 45.756 177.663c7.424 29.317-1.65 60.391-23.702 80.979L351.467 834.322a13.8 13.8 0 0 1-12.374 3.348c-50.759-11.585-98.11-32.172-140.4-59.787-7.314-4.777-7.974-15.263-1.595-21.193l171.803-159.546c6.268-5.984 3.518-16.36-4.731-18.446L15.673 491.349c-5.279-1.317-9.349-5.599-10.23-10.924C1.76 458.08 0 435.129 0 411.796c0-25.584 2.144-50.619 6.378-74.886M612.14 246.267c22.217-23.607 56.478-32.062 87.274-21.356l149.584 51.936c4.125 1.482 7.424 4.778 8.689 9.005l-.056-.11C869.62 325.601 876 367.821 876 411.688c0 9.552-.33 19.105-.935 28.548-.55 8.949-9.348 14.988-17.872 12.134l-222.231-74.174c-8.139-2.745-16.06 4.558-13.97 12.958l90.74 351.371c1.375 5.215-.439 10.816-4.728 14.165a436.5 436.5 0 0 1-126.266 68.463c-7.425 2.581-15.51-1.922-17.49-9.553l-93.544-362.408c-7.149-27.396.33-56.493 19.798-77.081zM573.589 4.369C577.328.416 583.103-1.066 588.217.8c45.755 16.526 87.825 40.683 125.001 70.824 6.049 4.941 6.49 14.11 1.156 19.82L460.85 360.737c-20.788 22.015-51.914 30.964-81.115 23.332l-184.891-48.422c-29.367-7.741-52.079-30.746-59.394-60.063v.055l-33.382-135.553c-1.044-4.282.002-8.84 2.862-12.189 33.601-39.364 74.132-72.745 119.721-98.054 7.754-4.282 17.543.22 19.633 8.784L301.093 269.6c2.091 8.4 12.648 11.145 18.478 4.832z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='876' height='838' fill='none'%3E%3Cpath fill='%23fff' d='M6.378 336.91c1.32-7.686 9.13-12.572 16.774-10.65l355.263 89.105c29.366 7.247 52.353 30.087 59.832 59.404l.055-.055 45.756 177.663c7.424 29.317-1.65 60.391-23.702 80.979L351.467 834.322a13.8 13.8 0 0 1-12.374 3.348c-50.759-11.585-98.11-32.172-140.4-59.787-7.314-4.777-7.974-15.263-1.595-21.193l171.803-159.546c6.268-5.984 3.518-16.36-4.731-18.446L15.673 491.349c-5.279-1.317-9.349-5.599-10.23-10.924C1.76 458.08 0 435.129 0 411.796c0-25.584 2.144-50.619 6.378-74.886M612.14 246.267c22.217-23.607 56.478-32.062 87.274-21.356l149.584 51.936c4.125 1.482 7.424 4.778 8.689 9.005l-.056-.11C869.62 325.601 876 367.821 876 411.688c0 9.552-.33 19.105-.935 28.548-.55 8.949-9.348 14.988-17.872 12.134l-222.231-74.174c-8.139-2.745-16.06 4.558-13.97 12.958l90.74 351.371c1.375 5.215-.439 10.816-4.728 14.165a436.5 436.5 0 0 1-126.266 68.463c-7.425 2.581-15.51-1.922-17.49-9.553l-93.544-362.408c-7.149-27.396.33-56.493 19.798-77.081zM573.589 4.369C577.328.416 583.103-1.066 588.217.8c45.755 16.526 87.825 40.683 125.001 70.824 6.049 4.941 6.49 14.11 1.156 19.82L460.85 360.737c-20.788 22.015-51.914 30.964-81.115 23.332l-184.891-48.422c-29.367-7.741-52.079-30.746-59.394-60.063v.055l-33.382-135.553c-1.044-4.282.002-8.84 2.862-12.189 33.601-39.364 74.132-72.745 119.721-98.054 7.754-4.282 17.543.22 19.633 8.784L301.093 269.6c2.091 8.4 12.648 11.145 18.478 4.832z'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
}

.hwc-BlockDoublePush-item::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='22' fill='none'%3E%3Cpath fill='%23fff' d='M.175 8.845c.036-.202.25-.33.46-.28l9.733 2.34c.804.19 1.434.79 1.639 1.56l.001-.002 1.254 4.664a2.12 2.12 0 0 1-.65 2.126l-2.983 2.65a.39.39 0 0 1-.339.088 12.1 12.1 0 0 1-3.846-1.57.346.346 0 0 1-.044-.556l4.707-4.188a.28.28 0 0 0-.13-.484L.43 12.899a.37.37 0 0 1-.28-.286Q0 11.73 0 10.81 0 9.8.175 8.845M16.771 6.465a2.34 2.34 0 0 1 2.391-.56l4.098 1.363a.37.37 0 0 1 .238.236l-.001-.002a11 11 0 0 1 .477 4.055.37.37 0 0 1-.49.319l-6.088-1.947c-.223-.072-.44.12-.383.34l2.486 9.225a.35.35 0 0 1-.129.371c-1.03.77-2.197 1.381-3.46 1.798a.375.375 0 0 1-.479-.251l-2.562-9.514a2.09 2.09 0 0 1 .542-2.024zM15.715.115a.39.39 0 0 1 .4-.094 12 12 0 0 1 3.425 1.86c.166.13.178.37.032.52l-6.946 7.07a2.34 2.34 0 0 1-2.222.612L5.338 8.812c-.804-.203-1.427-.807-1.627-1.577v.001l-.915-3.558a.35.35 0 0 1 .079-.32A11.9 11.9 0 0 1 6.155.783a.377.377 0 0 1 .538.231l1.556 6.064c.057.22.347.292.506.127z'/%3E%3C/svg%3E");
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
}

.hwc-BlockDoublePush-item > * {
  position: relative;
  z-index: 1;
}

.hwc-BlockDoublePush-item .text {
  margin-top: 1rem;
}

.hwc-BlockDoublePush-item .button {
  margin-top: 1.5rem;
}

@media screen and (max-width: 768px) {
  .hwc-BlockDoublePush-container {
    flex-direction: column;
  }
  .hwc-BlockDoublePush-item {
    padding: 2rem 1rem;
  }
}

.hwc-BlockFaq.has-background.dark-beige .hwc-BlockFaq-item {
  background-color: #FFFBF1;
  background-color: var(--hwc-color-primary);
}

.hwc-BlockFaq-container {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-gap: 2rem;
  gap: 2rem;
}

.hwc-BlockFaq-heading {
  grid-column: 1/5;
}

.hwc-BlockFaq-heading .heading {
  margin-bottom: 1rem;
}

.hwc-BlockFaq-heading .button {
  margin-top: 1rem;
}

.hwc-BlockFaq-items {
  grid-column: 5/13;
}

.hwc-BlockFaq-item {
  background-color: #E7E5DB;
  background-color: var(--hwc-color-primary-dark);
  border-radius: 12px;
}

.hwc-BlockFaq-item:not(:first-child) {
  margin-top: 1rem;
}

.hwc-BlockFaq-item .content {
  height: 0;
  overflow: hidden;
  transition: all 0.3s ease;
}

.hwc-BlockFaq-item .content > div {
  padding: 0.5rem 20px 1.5rem;
}

.hwc-BlockFaq-item .toggler {
  position: relative;
  width: 100%;
  padding: 8px 8px 8px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}

.hwc-BlockFaq-item .toggler-text {
  margin: 0;
}

.hwc-BlockFaq-item .toggler-icon {
  background-color: #99B76F;
  background-color: var(--hwc-color-secondary);
  padding: 12px 18px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.hwc-BlockFaq-item .toggler-icon svg {
  transition: all 0.3s ease;
}

.hwc-BlockFaq-item .toggler-icon.active svg {
  rotate: -180deg;
}

@media screen and (max-width: 768px) {
  .hwc-BlockFaq-container {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
  }
  .hwc-BlockFaq-item .toggler {
    padding: 12px 8px 12px 20px;
  }
  .hwc-BlockFaq-item .toggler-text {
    margin: 0;
    text-align: left;
  }
}

.hwc-Banner + .hwc-BlockForm,
.hwc-Banner + .hwc-ElementsTag + .hwc-BlockForm:has(.hwc-BlockForm-container.has-background) {
  background:
    linear-gradient(
      180deg,
      #FFFFFF 0%,
      #FFFBF1 100%);
  background:
    linear-gradient(
      180deg,
      var(--hwc-color-white) 0%,
      var(--hwc-color-primary) 100%);
  margin-top: 0;
}

.hwc-BlockForm-container {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-column-gap: 2rem;
  -moz-column-gap: 2rem;
       column-gap: 2rem;
}

.hwc-BlockForm-container:not(.has-background) .hwc-BlockForm-heading {
  grid-column: 1/13;
  margin-bottom: 3rem;
}

.hwc-BlockForm-container:not(.has-background) .hwc-BlockForm-form {
  grid-column: 1/9;
}

.hwc-BlockForm-container:not(.has-background) .hwc-BlockForm-addresses {
  grid-column: 9/13;
}

.hwc-BlockForm-container.has-background {
  padding-top: 44px;
  padding-bottom: 54px;
  border-radius: var(--hwc-border-radius);
  background-color: #FF5123;
  background-color: var(--hwc-color-contrast);
  color: #FFFFFF;
  color: var(--hwc-color-text-alternate);
  position: relative;
  overflow: clip;
}

.hwc-BlockForm-container.has-background::before {
  content: "";
  display: block;
  width: 906px;
  height: 927px;
  background:
    radial-gradient(
      50% 50% at 50% 50%,
      #FFFBF1 0%,
      #FF5123 100%);
  background:
    radial-gradient(
      50% 50% at 50% 50%,
      var(--hwc-color-primary) 0%,
      var(--hwc-color-contrast) 100%);
  opacity: 0.2;
  position: absolute;
  top: 50%;
  translate: 0 -50%;
  left: -255px;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='906' height='927' fill='none'%3E%3Cpath fill='%23ff4f4f' d='M6.597 372.424c1.365-8.496 9.442-13.897 17.348-11.773l367.429 98.498c30.372 8.011 54.146 33.258 61.881 65.666l.058-.061 47.322 196.39c7.678 32.408-1.706 66.757-24.513 89.516L363.503 922.269c-3.412 3.398-8.247 4.793-12.797 3.701-52.498-12.806-101.47-35.563-145.208-66.09-7.565-5.28-8.247-16.871-1.65-23.426L381.534 660.09c6.483-6.615 3.639-18.084-4.892-20.391L16.21 543.143c-5.46-1.457-9.67-6.19-10.58-12.076C1.82 506.366 0 480.997 0 455.204c0-28.281 2.217-55.955 6.597-82.78M633.103 272.226c22.979-26.095 58.412-35.441 90.264-23.607l154.707 57.411c4.266 1.638 7.677 5.281 8.986 9.954l-.058-.122C899.402 359.923 906 406.593 906 455.084c0 10.56-.341 21.119-.967 31.558-.568 9.892-9.668 16.568-18.484 13.412l-229.842-81.992c-8.418-3.034-16.609 5.039-14.448 14.324l93.848 388.409c1.421 5.766-.454 11.957-4.891 15.659-38.904 32.408-82.927 58.141-130.59 75.68-7.679 2.852-16.041-2.125-18.088-10.561L485.79 500.964c-7.394-30.284.341-62.448 20.475-85.207zM593.232 4.83c3.868-4.37 9.84-6.008 15.129-3.945 47.322 18.267 90.833 44.971 129.282 78.29 6.257 5.461 6.712 15.596 1.196 21.908L476.633 398.764c-21.5 24.336-53.692 34.227-83.894 25.792l-191.222-53.527c-30.373-8.557-53.863-33.987-61.428-66.395v.061l-34.525-149.841c-1.081-4.734.002-9.772 2.959-13.474 34.752-43.514 76.671-80.413 123.822-108.39 8.019-4.734 18.144.243 20.305 9.71l58.755 255.321c2.162 9.284 13.081 12.319 19.11 5.34z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='906' height='927' fill='none'%3E%3Cpath fill='%23ff4f4f' d='M6.597 372.424c1.365-8.496 9.442-13.897 17.348-11.773l367.429 98.498c30.372 8.011 54.146 33.258 61.881 65.666l.058-.061 47.322 196.39c7.678 32.408-1.706 66.757-24.513 89.516L363.503 922.269c-3.412 3.398-8.247 4.793-12.797 3.701-52.498-12.806-101.47-35.563-145.208-66.09-7.565-5.28-8.247-16.871-1.65-23.426L381.534 660.09c6.483-6.615 3.639-18.084-4.892-20.391L16.21 543.143c-5.46-1.457-9.67-6.19-10.58-12.076C1.82 506.366 0 480.997 0 455.204c0-28.281 2.217-55.955 6.597-82.78M633.103 272.226c22.979-26.095 58.412-35.441 90.264-23.607l154.707 57.411c4.266 1.638 7.677 5.281 8.986 9.954l-.058-.122C899.402 359.923 906 406.593 906 455.084c0 10.56-.341 21.119-.967 31.558-.568 9.892-9.668 16.568-18.484 13.412l-229.842-81.992c-8.418-3.034-16.609 5.039-14.448 14.324l93.848 388.409c1.421 5.766-.454 11.957-4.891 15.659-38.904 32.408-82.927 58.141-130.59 75.68-7.679 2.852-16.041-2.125-18.088-10.561L485.79 500.964c-7.394-30.284.341-62.448 20.475-85.207zM593.232 4.83c3.868-4.37 9.84-6.008 15.129-3.945 47.322 18.267 90.833 44.971 129.282 78.29 6.257 5.461 6.712 15.596 1.196 21.908L476.633 398.764c-21.5 24.336-53.692 34.227-83.894 25.792l-191.222-53.527c-30.373-8.557-53.863-33.987-61.428-66.395v.061l-34.525-149.841c-1.081-4.734.002-9.772 2.959-13.474 34.752-43.514 76.671-80.413 123.822-108.39 8.019-4.734 18.144.243 20.305 9.71l58.755 255.321c2.162 9.284 13.081 12.319 19.11 5.34z'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}

.hwc-BlockForm-container.has-background .hwc-BlockForm-heading {
  grid-column: 1/5;
  translate: 54px;
}

.hwc-BlockForm-container.has-background .hwc-BlockForm-form {
  grid-column: 6/12;
}

.hwc-BlockForm-container.has-background .hwc-BlockForm-addresses {
  display: none;
}

.hwc-BlockForm-container .hwc-Legend {
  color: #21343F;
  color: var(--hwc-color-text);
}

.hwc-BlockForm-container .center {
  text-align: center;
}

.hwc-BlockForm-heading .subheading {
  margin-top: 20px;
}

.hwc-BlockForm-addresses {
  background-color: #99B76F;
  background-color: var(--hwc-color-secondary);
  color: #FFFFFF;
  color: var(--hwc-color-text-alternate);
  border-radius: 1rem;
  border: 1px solid #E7E5DB;
  border: 1px solid var(--hwc-color-primary-dark);
  height: -moz-fit-content;
  height: fit-content;
  padding: 1.5rem;
}

.hwc-BlockForm-addresses .address-item:not(:last-child) {
  margin-bottom: 2rem;
}

.hwc-BlockForm-addresses a {
  transition: all 0.3s ease;
}

.hwc-BlockForm-addresses a:hover {
  color: #FF5123;
  color: var(--hwc-color-contrast);
}

.hwc-BlockForm-socials {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0;
}

.hwc-BlockForm-social {
  border-radius: 100%;
  width: 40px;
  height: 40px;
  background-color: #FFFBF1;
  background-color: var(--hwc-color-primary);
  color: #21343F;
  color: var(--hwc-color-text);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}

.hwc-BlockForm-social:hover svg {
  fill: #FFFBF1;
  fill: var(--hwc-color-primary);
}

.hwc-BlockForm-social svg {
  width: auto;
  height: auto;
  max-width: 20px;
  max-height: 20px;
}

.hwc-BlockForm-social path {
  fill: currentColor;
}

@media screen and (max-width: 768px) {
  .hwc-BlockForm-container {
    display: flex;
    flex-direction: column;
  }
  .hwc-BlockForm-container:not(.has-background) .hwc-BlockForm-heading {
    margin-bottom: 0.5rem;
  }
  .hwc-BlockForm-container.has-background {
    padding: 2rem 1rem;
  }
  .hwc-BlockForm-container.has-background::before {
    content: "";
    display: block;
    width: 906px;
    height: 927px;
    background:
      radial-gradient(
        50% 50% at 50% 50%,
        #FFFBF1 0%,
        #FF5123 100%);
    background:
      radial-gradient(
        50% 50% at 50% 50%,
        var(--hwc-color-primary) 0%,
        var(--hwc-color-contrast) 100%);
    opacity: 0.2;
    position: absolute;
    top: 50%;
    translate: 0 -50%;
    left: -255px;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='906' height='927' fill='none'%3E%3Cpath fill='%23ff4f4f' d='M6.597 372.424c1.365-8.496 9.442-13.897 17.348-11.773l367.429 98.498c30.372 8.011 54.146 33.258 61.881 65.666l.058-.061 47.322 196.39c7.678 32.408-1.706 66.757-24.513 89.516L363.503 922.269c-3.412 3.398-8.247 4.793-12.797 3.701-52.498-12.806-101.47-35.563-145.208-66.09-7.565-5.28-8.247-16.871-1.65-23.426L381.534 660.09c6.483-6.615 3.639-18.084-4.892-20.391L16.21 543.143c-5.46-1.457-9.67-6.19-10.58-12.076C1.82 506.366 0 480.997 0 455.204c0-28.281 2.217-55.955 6.597-82.78M633.103 272.226c22.979-26.095 58.412-35.441 90.264-23.607l154.707 57.411c4.266 1.638 7.677 5.281 8.986 9.954l-.058-.122C899.402 359.923 906 406.593 906 455.084c0 10.56-.341 21.119-.967 31.558-.568 9.892-9.668 16.568-18.484 13.412l-229.842-81.992c-8.418-3.034-16.609 5.039-14.448 14.324l93.848 388.409c1.421 5.766-.454 11.957-4.891 15.659-38.904 32.408-82.927 58.141-130.59 75.68-7.679 2.852-16.041-2.125-18.088-10.561L485.79 500.964c-7.394-30.284.341-62.448 20.475-85.207zM593.232 4.83c3.868-4.37 9.84-6.008 15.129-3.945 47.322 18.267 90.833 44.971 129.282 78.29 6.257 5.461 6.712 15.596 1.196 21.908L476.633 398.764c-21.5 24.336-53.692 34.227-83.894 25.792l-191.222-53.527c-30.373-8.557-53.863-33.987-61.428-66.395v.061l-34.525-149.841c-1.081-4.734.002-9.772 2.959-13.474 34.752-43.514 76.671-80.413 123.822-108.39 8.019-4.734 18.144.243 20.305 9.71l58.755 255.321c2.162 9.284 13.081 12.319 19.11 5.34z'/%3E%3C/svg%3E");
            mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='906' height='927' fill='none'%3E%3Cpath fill='%23ff4f4f' d='M6.597 372.424c1.365-8.496 9.442-13.897 17.348-11.773l367.429 98.498c30.372 8.011 54.146 33.258 61.881 65.666l.058-.061 47.322 196.39c7.678 32.408-1.706 66.757-24.513 89.516L363.503 922.269c-3.412 3.398-8.247 4.793-12.797 3.701-52.498-12.806-101.47-35.563-145.208-66.09-7.565-5.28-8.247-16.871-1.65-23.426L381.534 660.09c6.483-6.615 3.639-18.084-4.892-20.391L16.21 543.143c-5.46-1.457-9.67-6.19-10.58-12.076C1.82 506.366 0 480.997 0 455.204c0-28.281 2.217-55.955 6.597-82.78M633.103 272.226c22.979-26.095 58.412-35.441 90.264-23.607l154.707 57.411c4.266 1.638 7.677 5.281 8.986 9.954l-.058-.122C899.402 359.923 906 406.593 906 455.084c0 10.56-.341 21.119-.967 31.558-.568 9.892-9.668 16.568-18.484 13.412l-229.842-81.992c-8.418-3.034-16.609 5.039-14.448 14.324l93.848 388.409c1.421 5.766-.454 11.957-4.891 15.659-38.904 32.408-82.927 58.141-130.59 75.68-7.679 2.852-16.041-2.125-18.088-10.561L485.79 500.964c-7.394-30.284.341-62.448 20.475-85.207zM593.232 4.83c3.868-4.37 9.84-6.008 15.129-3.945 47.322 18.267 90.833 44.971 129.282 78.29 6.257 5.461 6.712 15.596 1.196 21.908L476.633 398.764c-21.5 24.336-53.692 34.227-83.894 25.792l-191.222-53.527c-30.373-8.557-53.863-33.987-61.428-66.395v.061l-34.525-149.841c-1.081-4.734.002-9.772 2.959-13.474 34.752-43.514 76.671-80.413 123.822-108.39 8.019-4.734 18.144.243 20.305 9.71l58.755 255.321c2.162 9.284 13.081 12.319 19.11 5.34z'/%3E%3C/svg%3E");
    -webkit-mask-position: center;
            mask-position: center;
    -webkit-mask-size: contain;
            mask-size: contain;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
  }
  .hwc-BlockForm-container.has-background .hwc-BlockForm-heading {
    translate: 0;
  }
}

.hwc-BlockGallery {
  padding-left: 0;
  padding-right: 0;
}

.hwc-BlockGallery-heading {
  text-align: center;
  margin-bottom: 2rem;
}

.hwc-BlockGallery-item {
  position: relative;
  width: 44%;
  aspect-ratio: 4/3;
}

.hwc-BlockGallery-item .picture {
  position: relative;
  overflow: hidden;
  border-radius: var(--hwc-border-radius);
  display: block;
  width: 100%;
  height: 100%;
}

.hwc-BlockGallery-item .picture img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}

.hwc-BlockGallery-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
  margin-top: 2rem;
}

@media screen and (max-width: 768px) {
  .hwc-BlockGallery-item {
    width: 75%;
  }
}

.hwc-Banner + .hwc-BlockIntro,
.hwc-Banner + .hwc-ElementsTag + .hwc-BlockIntro {
  background:
    linear-gradient(
      180deg,
      #FFF 0%,
      #FFFBF1 100%);
  background:
    linear-gradient(
      180deg,
      #FFF 0%,
      var(--hwc-color-primary) 100%);
  margin-top: calc((4rem - 12px) * -1) !important;
}

.hwc-BlockHero + .hwc-BlockIntro,
.hwc-BlockHero + .hwc-ElementsTag + .hwc-BlockIntro {
  background:
    linear-gradient(
      180deg,
      #FFF 0%,
      #FFFBF1 100%);
  background:
    linear-gradient(
      180deg,
      #FFF 0%,
      var(--hwc-color-primary) 100%);
  margin-top: 0;
  padding-top: var(--block-margin);
}

.hwc-BlockIntro-container {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-gap: 2rem;
  gap: 2rem;
  align-items: center;
}

.hwc-BlockIntro-cards {
  grid-column: 1/7;
  display: grid;
  align-items: center;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 2rem;
  -moz-column-gap: 2rem;
       column-gap: 2rem;
  grid-row-gap: 26px;
  row-gap: 26px;
  position: relative;
}

.hwc-BlockIntro-cards-item {
  padding: 36px 24px;
  height: 230px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: #FFFFFF;
  background-color: var(--hwc-color-white);
  border: 1px solid #E7E5DB;
  border: 1px solid var(--hwc-color-primary-dark);
  box-shadow: 2px 2px 0 0 #E7E5DB;
  box-shadow: 2px 2px 0 0 var(--hwc-color-primary-dark);
  border-radius: 1rem;
}

.hwc-BlockIntro-cards-item:nth-child(2) {
  position: relative;
  top: 50%;
}

.hwc-BlockIntro-cards-item-picto {
  width: 80px;
  height: auto;
}

.hwc-BlockIntro-cards-item-picto img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.hwc-BlockIntro-cards-item-desc {
  margin-top: 1.5rem;
}

.hwc-BlockIntro-text {
  grid-column: 7/13;
}

.hwc-BlockIntro-text h2,
.hwc-BlockIntro-text h3 {
  margin: 0;
  margin-bottom: 0.5rem;
}

.hwc-BlockIntro-text p {
  padding: 0;
}

.hwc-BlockIntro-text .hwc-SupHeading,
.hwc-BlockIntro-text .hwc-Tag {
  margin-bottom: 0;
}

.hwc-BlockIntro-text .hwc-Button {
  margin-top: 22px;
}

@media screen and (max-width: 768px) {
  .hwc-BlockIntro-container {
    display: flex;
    flex-direction: column;
    gap: 2rem;
  }
  .hwc-BlockIntro-cards {
    display: flex;
    flex-direction: column;
    gap: 28px;
  }
  .hwc-BlockIntro-cards-item {
    height: auto;
    height: initial;
    width: 100%;
    padding: 18px 24px 24px;
  }
}

.hwc-BlockKeypoints-heading {
  margin-bottom: 2.5rem;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-gap: 2rem;
  gap: 2rem;
  align-items: center;
}

.hwc-BlockKeypoints-heading .heading {
  grid-column: 1/8;
}

.hwc-BlockKeypoints-nav {
  grid-column: 11/13;
  display: flex;
  justify-content: end;
  gap: 1.5rem;
}

.hwc-BlockKeypoints-items {
  overflow: visible;
  width: 100%;
}

.hwc-BlockKeypoints-item {
  text-align: center;
  min-height: 420px;
  background-color: #FFFFFF;
  background-color: var(--hwc-color-white);
  color: #21343F;
  color: var(--hwc-color-text);
  padding: 20px;
  border-radius: 1rem;
}

.hwc-BlockKeypoints-item .icon {
  width: 200px;
  height: 200px;
  border-radius: 100px;
  margin: 0 auto;
  background-color: #FFFBF1;
  background-color: var(--hwc-color-primary);
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.hwc-BlockKeypoints-item .icon img {
  width: 100%;
  height: 100%;
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
}

.hwc-BlockKeypoints-item .icon svg {
  max-width: 50%;
  max-height: 50%;
  aspect-ratio: 1/1;
  height: auto;
}

.hwc-BlockKeypoints-item .icon {
}

.hwc-BlockKeypoints-item .icon:has(svg) {
  padding: 1rem;
}

.hwc-BlockKeypoints-item .description {
  margin-top: 1.5rem;
}

.hwc-BlockKeypoints-link {
  text-align: center;
  margin-top: 2rem;
}

@media screen and (max-width: 768px) {
  .hwc-BlockKeypoints-heading {
    margin-bottom: 2rem;
    display: flex;
    flex-direction: column;
  }
  .hwc-BlockKeypoints-nav {
    display: none;
  }
  .hwc-BlockKeypoints-items {
    overflow: visible;
    width: 80%;
    margin-left: 0;
  }
  .hwc-BlockKeypoints-item {
    text-align: center;
    aspect-ratio: unset;
    min-height: 0;
    min-height: initial;
    height: auto;
    padding: 20px;
  }
  .hwc-BlockKeypoints-item .icon {
    width: 180px;
    height: 180px;
    border-radius: 90px;
  }
  .hwc-BlockKeypoints-item .description {
    margin-top: 1rem;
  }
  .hwc-BlockKeypoints-link {
    text-align: center;
    margin-top: 2rem;
  }
}

.acf-block-preview .hwc-BlockKeypoints-items.swiper {
  width: 300px;
  margin-left: 0;
}

.hwc-BlockList-item {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-gap: 2rem;
  gap: 2rem;
  align-items: center;
}

.hwc-BlockList-item.no-head:not(:last-child) {
  margin-bottom: 2rem;
}

.hwc-BlockList-item.no-head .body {
  grid-column: 2/12;
}

.hwc-BlockList-item.no-head:has(+ .hwc-BlockList-item.no-head) {
  margin-bottom: 1.5rem;
}

.hwc-BlockList-item .head {
  grid-column: 2/6;
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  aspect-ratio: 16/10;
  background-color: #FFFFFF;
  background-color: var(--hwc-color-white);
  display: flex;
  align-items: center;
  justify-content: center;
}

.hwc-BlockList-item .head img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.hwc-BlockList-item .head svg {
  height: 100%;
  width: auto;
  margin: 1rem;
}

.hwc-BlockList-item .body {
  grid-column: 6/12;
}

.hwc-BlockList-item:not(:last-child) {
  margin-bottom: 1rem;
}

@media screen and (max-width: 768px) {
  .hwc-BlockList-item {
    display: block;
  }
  .hwc-BlockList-item .hwc-Intro {
    font-size: 18px;
    line-height: 150%;
    font-weight: 500;
  }
  .hwc-BlockList-item .head {
    margin-bottom: 1rem;
    margin-left: 2rem;
    margin-right: 2rem;
  }
  .hwc-BlockList-item .body {
    text-align: center;
  }
  .hwc-BlockList-item:not(:last-child) {
    margin-bottom: 2rem;
  }
}

.hwc-BlockLogos-container {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-gap: 2rem;
  gap: 2rem;
}

.hwc-BlockLogos-heading {
  grid-column: 1/4;
}

.hwc-BlockLogos-items {
  grid-column: 4/12;
  width: 100%;
  clip-path: polygon(0 0, 100vw 0, 100vw calc(100% + 2px), 0% calc(100% + 2px));
}

.hwc-BlockLogos-item {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1rem;
  border: 1px solid #E7E5DB;
  border: 1px solid var(--hwc-color-primary-dark);
  box-shadow: 2px 2px 0 0 #E7E5DB;
  box-shadow: 2px 2px 0 0 var(--hwc-color-primary-dark);
  background-color: #FFFFFF;
  background-color: var(--hwc-color-white);
  border-radius: var(--hwc-border-radius);
  aspect-ratio: 4/3;
  transition: all 0.3s ease;
}

a.hwc-BlockLogos-item:hover {
  border: 1px solid #FF5123;
  border: 1px solid var(--hwc-color-contrast);
  box-shadow: 2px 2px 0 0 #FF5123;
  box-shadow: 2px 2px 0 0 var(--hwc-color-contrast);
}

.hwc-BlockLogos-item img,
.hwc-BlockLogos-item svg {
  height: 100%;
  width: 100%;
  transition: all 0.3s ease;
  -o-object-fit: contain;
     object-fit: contain;
}

.hwc-BlockLogos a.hwc-BlockLogos-item:hover img,
.hwc-BlockLogos a.hwc-BlockLogos-item:hover svg {
  scale: 1.05;
}

@media screen and (max-width: 768px) {
  .hwc-BlockLogos-container {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }
  .hwc-BlockLogos .swiper-wrapper {
    width: auto;
  }
  .hwc-BlockLogos-item {
    width: auto;
  }
}

.acf-block-preview .hwc-BlockLogos-items.swiper {
  grid-column: 4/7;
}

.hwc-Banner + .hwc-BlockMap,
.hwc-Banner + .hwc-ElementsTag + .hwc-BlockMap {
  background:
    linear-gradient(
      180deg,
      #FFF 0%,
      #FFFBF1 100%);
  background:
    linear-gradient(
      180deg,
      #FFF 0%,
      var(--hwc-color-primary) 100%);
  margin-top: 0;
  margin-bottom: 0;
  padding-top: var(--block-margin);
  padding-bottom: var(--block-margin);
}

.hwc-BlockMap-container {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-gap: 2rem;
  gap: 2rem;
}

.hwc-BlockMap-map {
  grid-column: 3/10;
  position: relative;
}

.hwc-BlockMap-pin {
  position: absolute;
  translate: -50% -100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.hwc-BlockMap-pin:hover {
  cursor: pointer;
  z-index: 9999;
}

.hwc-BlockMap-pin:hover svg path {
  fill: var(--hwc-border-terciary);
}

.hwc-BlockMap-pin:hover .hwc-BlockMap-pin-head {
  opacity: 1;
  translate: 0 -90%;
}

.hwc-BlockMap-pin-head {
  position: absolute;
  padding: 12px 1rem;
  background-color: #FFFFFF;
  background-color: var(--hwc-color-white);
  border: 2px solid #E7E5DB;
  border: 2px solid var(--hwc-color-primary-dark);
  box-shadow: 3px 4px 0 0 #E7E5DB;
  box-shadow: 3px 4px 0 0 var(--hwc-color-primary-dark);
  border-radius: var(--hwc-border-radius);
  white-space: nowrap;
  text-align: center;
  opacity: 0;
  pointer-events: none;
  transition: all 0.3s ease;
  z-index: -1;
  translate: 0 -50%;
}

.hwc-BlockMap-pin > svg {
  transition: all 0.3s ease;
}

@media screen and (max-width: 768px) {
  .hwc-BlockMap-container {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .hwc-BlockMap-map {
    margin-top: 2rem;
    margin-bottom: 2rem;
    width: 90%;
  }
  .hwc-BlockMap-pin {
    scale: 0.5;
  }
}

.hwc-Button {
  display: inline-flex;
  align-items: center;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  overflow: hidden;
  cursor: pointer;
  position: relative;
  z-index: 0;
  white-space: nowrap;
  padding: 12px 18px;
  border-radius: 0.5rem;
  transition: all 0.3s ease;
}

.hwc-Button::after {
  content: "";
  display: inline-block;
  width: 18px;
  height: 16px;
  -webkit-mask-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='16' viewBox='0 0 18 16'%3E%3Cpath d='M12.1467 0.0113425C12.6474 -0.0676584 13.1181 0.274447 13.1975 0.775014C13.2817 1.30898 13.5301 2.15586 13.6711 2.48498C13.6983 2.54849 13.759 2.66241 13.9455 2.93517C14.1287 3.203 14.3983 3.57438 14.8108 4.14708C15.1878 4.67043 15.8947 5.36692 16.4494 5.88244C16.6845 6.08164 17.048 6.37014 17.2317 6.53087C17.274 6.56615 17.3331 6.6124 17.508 6.76232C17.7526 6.97217 17.858 7.28316 17.8186 7.58068C17.8246 7.59168 17.8314 7.60254 17.8371 7.61388C18.0638 8.06736 17.8803 8.61841 17.427 8.84533L17.3996 8.86388C17.3299 8.90817 17.1947 8.99783 16.9387 9.17248C16.487 9.48062 15.6335 10.1128 15.0559 10.5817C14.5074 11.0269 14.2739 11.286 14.051 11.5846C13.5601 12.2425 13.2858 12.8547 13.1613 13.2076C13.1112 13.4094 13.0326 13.8692 12.9192 14.5856C12.9027 14.7007 12.8938 14.7735 12.885 14.8492C12.8752 14.9331 12.8663 15.0214 12.8459 15.149C12.7656 15.6496 12.2938 15.9907 11.7932 15.9108C11.2924 15.8305 10.9503 15.3588 11.0305 14.858C11.0449 14.7679 11.0521 14.7096 11.0608 14.6354C11.0701 14.5557 11.0823 14.4596 11.1037 14.3111L11.1057 14.2985C11.2169 13.5959 11.3138 12.9975 11.3967 12.693L11.4143 12.6354C11.5883 12.1298 11.9498 11.3297 12.5803 10.485C12.9083 10.0456 13.2514 9.67978 13.8967 9.15587C14.1957 8.91316 14.56 8.6323 14.9123 8.36876C14.8168 8.36808 14.7626 8.36735 14.6994 8.36876C14.491 8.37345 14.2877 8.39676 12.2649 8.37365C10.2238 8.35031 6.55815 8.24376 4.51095 8.27306C2.10486 8.30754 1.38561 8.33847 0.85568 8.30236C0.349665 8.26786 -0.0323351 7.82986 0.0021645 7.32384C0.0367396 6.8179 0.474714 6.43583 0.98068 6.47033C1.40986 6.49956 1.97908 6.474 4.48459 6.4381C6.55904 6.40842 10.3121 6.51513 12.2854 6.53771C13.789 6.55489 14.2592 6.54429 14.4865 6.53673C14.0678 6.11802 13.6273 5.64762 13.3195 5.22033C12.9155 4.65921 12.6292 4.26266 12.4299 3.9713C12.2344 3.68546 12.0861 3.44684 11.9836 3.20763C11.7777 2.72696 11.4889 1.73321 11.383 1.06212C11.3042 0.561348 11.646 0.090543 12.1467 0.0113425Z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='16' viewBox='0 0 18 16'%3E%3Cpath d='M12.1467 0.0113425C12.6474 -0.0676584 13.1181 0.274447 13.1975 0.775014C13.2817 1.30898 13.5301 2.15586 13.6711 2.48498C13.6983 2.54849 13.759 2.66241 13.9455 2.93517C14.1287 3.203 14.3983 3.57438 14.8108 4.14708C15.1878 4.67043 15.8947 5.36692 16.4494 5.88244C16.6845 6.08164 17.048 6.37014 17.2317 6.53087C17.274 6.56615 17.3331 6.6124 17.508 6.76232C17.7526 6.97217 17.858 7.28316 17.8186 7.58068C17.8246 7.59168 17.8314 7.60254 17.8371 7.61388C18.0638 8.06736 17.8803 8.61841 17.427 8.84533L17.3996 8.86388C17.3299 8.90817 17.1947 8.99783 16.9387 9.17248C16.487 9.48062 15.6335 10.1128 15.0559 10.5817C14.5074 11.0269 14.2739 11.286 14.051 11.5846C13.5601 12.2425 13.2858 12.8547 13.1613 13.2076C13.1112 13.4094 13.0326 13.8692 12.9192 14.5856C12.9027 14.7007 12.8938 14.7735 12.885 14.8492C12.8752 14.9331 12.8663 15.0214 12.8459 15.149C12.7656 15.6496 12.2938 15.9907 11.7932 15.9108C11.2924 15.8305 10.9503 15.3588 11.0305 14.858C11.0449 14.7679 11.0521 14.7096 11.0608 14.6354C11.0701 14.5557 11.0823 14.4596 11.1037 14.3111L11.1057 14.2985C11.2169 13.5959 11.3138 12.9975 11.3967 12.693L11.4143 12.6354C11.5883 12.1298 11.9498 11.3297 12.5803 10.485C12.9083 10.0456 13.2514 9.67978 13.8967 9.15587C14.1957 8.91316 14.56 8.6323 14.9123 8.36876C14.8168 8.36808 14.7626 8.36735 14.6994 8.36876C14.491 8.37345 14.2877 8.39676 12.2649 8.37365C10.2238 8.35031 6.55815 8.24376 4.51095 8.27306C2.10486 8.30754 1.38561 8.33847 0.85568 8.30236C0.349665 8.26786 -0.0323351 7.82986 0.0021645 7.32384C0.0367396 6.8179 0.474714 6.43583 0.98068 6.47033C1.40986 6.49956 1.97908 6.474 4.48459 6.4381C6.55904 6.40842 10.3121 6.51513 12.2854 6.53771C13.789 6.55489 14.2592 6.54429 14.4865 6.53673C14.0678 6.11802 13.6273 5.64762 13.3195 5.22033C12.9155 4.65921 12.6292 4.26266 12.4299 3.9713C12.2344 3.68546 12.0861 3.44684 11.9836 3.20763C11.7777 2.72696 11.4889 1.73321 11.383 1.06212C11.3042 0.561348 11.646 0.090543 12.1467 0.0113425Z'/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  transition: all 0.3s ease;
}

.hwc-Button {
}

.hwc-Button:disabled {
  opacity: 0.5;
  pointer-events: none;
  cursor: default;
}

.hwc-Button {
}

.hwc-Button.no-icon::after {
  display: none;
}

.hwc-BlockNewsletter-content .hwc-Form.is-dark .hwc-Button,
.hwc-Button {
  background-color: #FF5123;
  background-color: var(--hwc-color-contrast);
  color: #FFFFFF;
  color: var(--hwc-color-text-alternate);
}

.hwc-BlockNewsletter-content .hwc-Form.is-dark .hwc-Button:focus:not(:active),
.hwc-Button:focus:not(:active) {
  box-shadow: inset 0px 0px 0px 2px #99B76F;
  box-shadow: inset 0px 0px 0px 2px var(--hwc-color-secondary);
}

.hwc-BlockNewsletter-content .hwc-Form.is-dark .hwc-Button:after,
.hwc-Button:after {
  background-color: #FFFFFF;
  background-color: var(--hwc-color-text-alternate);
  margin-left: 0.5rem;
}

.hwc-BlockNewsletter-content .hwc-Form.is-dark .hwc-Button:hover,
.hwc-Button:hover {
  background-color: #ED3301;
}

.hwc-Button.is-secondary {
  background-color: #21343F;
  background-color: var(--hwc-color-terciary);
  color: #FFFFFF;
  color: var(--hwc-color-text-alternate);
}

.hwc-Button.is-secondary:focus:not(:active) {
  box-shadow: inset 0px 0px 0px 2px #99B76F;
  box-shadow: inset 0px 0px 0px 2px var(--hwc-color-secondary);
}

.hwc-Button.is-secondary:after {
  background-color: #FFFFFF;
  background-color: var(--hwc-color-text-alternate);
}

.hwc-Button.is-secondary:hover {
  background-color: #030F17;
}

.hwc-RoundButton {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  width: 50px;
  height: 50px;
  border-radius: 0.5rem;
  border: 1px solid transparent;
  background-color: #FF5123;
  background-color: var(--hwc-color-contrast);
}

.hwc-RoundButton::after {
  content: "";
  display: block;
  height: 16px;
  width: 18px;
  transition: all 0.3s ease;
  background-color: #FFFFFF;
  background-color: var(--hwc-color-text-alternate);
  -webkit-mask-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='16' viewBox='0 0 18 16'%3E%3Cpath d='M12.1467 0.0113425C12.6474 -0.0676584 13.1181 0.274447 13.1975 0.775014C13.2817 1.30898 13.5301 2.15586 13.6711 2.48498C13.6983 2.54849 13.759 2.66241 13.9455 2.93517C14.1287 3.203 14.3983 3.57438 14.8108 4.14708C15.1878 4.67043 15.8947 5.36692 16.4494 5.88244C16.6845 6.08164 17.048 6.37014 17.2317 6.53087C17.274 6.56615 17.3331 6.6124 17.508 6.76232C17.7526 6.97217 17.858 7.28316 17.8186 7.58068C17.8246 7.59168 17.8314 7.60254 17.8371 7.61388C18.0638 8.06736 17.8803 8.61841 17.427 8.84533L17.3996 8.86388C17.3299 8.90817 17.1947 8.99783 16.9387 9.17248C16.487 9.48062 15.6335 10.1128 15.0559 10.5817C14.5074 11.0269 14.2739 11.286 14.051 11.5846C13.5601 12.2425 13.2858 12.8547 13.1613 13.2076C13.1112 13.4094 13.0326 13.8692 12.9192 14.5856C12.9027 14.7007 12.8938 14.7735 12.885 14.8492C12.8752 14.9331 12.8663 15.0214 12.8459 15.149C12.7656 15.6496 12.2938 15.9907 11.7932 15.9108C11.2924 15.8305 10.9503 15.3588 11.0305 14.858C11.0449 14.7679 11.0521 14.7096 11.0608 14.6354C11.0701 14.5557 11.0823 14.4596 11.1037 14.3111L11.1057 14.2985C11.2169 13.5959 11.3138 12.9975 11.3967 12.693L11.4143 12.6354C11.5883 12.1298 11.9498 11.3297 12.5803 10.485C12.9083 10.0456 13.2514 9.67978 13.8967 9.15587C14.1957 8.91316 14.56 8.6323 14.9123 8.36876C14.8168 8.36808 14.7626 8.36735 14.6994 8.36876C14.491 8.37345 14.2877 8.39676 12.2649 8.37365C10.2238 8.35031 6.55815 8.24376 4.51095 8.27306C2.10486 8.30754 1.38561 8.33847 0.85568 8.30236C0.349665 8.26786 -0.0323351 7.82986 0.0021645 7.32384C0.0367396 6.8179 0.474714 6.43583 0.98068 6.47033C1.40986 6.49956 1.97908 6.474 4.48459 6.4381C6.55904 6.40842 10.3121 6.51513 12.2854 6.53771C13.789 6.55489 14.2592 6.54429 14.4865 6.53673C14.0678 6.11802 13.6273 5.64762 13.3195 5.22033C12.9155 4.65921 12.6292 4.26266 12.4299 3.9713C12.2344 3.68546 12.0861 3.44684 11.9836 3.20763C11.7777 2.72696 11.4889 1.73321 11.383 1.06212C11.3042 0.561348 11.646 0.090543 12.1467 0.0113425Z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='16' viewBox='0 0 18 16'%3E%3Cpath d='M12.1467 0.0113425C12.6474 -0.0676584 13.1181 0.274447 13.1975 0.775014C13.2817 1.30898 13.5301 2.15586 13.6711 2.48498C13.6983 2.54849 13.759 2.66241 13.9455 2.93517C14.1287 3.203 14.3983 3.57438 14.8108 4.14708C15.1878 4.67043 15.8947 5.36692 16.4494 5.88244C16.6845 6.08164 17.048 6.37014 17.2317 6.53087C17.274 6.56615 17.3331 6.6124 17.508 6.76232C17.7526 6.97217 17.858 7.28316 17.8186 7.58068C17.8246 7.59168 17.8314 7.60254 17.8371 7.61388C18.0638 8.06736 17.8803 8.61841 17.427 8.84533L17.3996 8.86388C17.3299 8.90817 17.1947 8.99783 16.9387 9.17248C16.487 9.48062 15.6335 10.1128 15.0559 10.5817C14.5074 11.0269 14.2739 11.286 14.051 11.5846C13.5601 12.2425 13.2858 12.8547 13.1613 13.2076C13.1112 13.4094 13.0326 13.8692 12.9192 14.5856C12.9027 14.7007 12.8938 14.7735 12.885 14.8492C12.8752 14.9331 12.8663 15.0214 12.8459 15.149C12.7656 15.6496 12.2938 15.9907 11.7932 15.9108C11.2924 15.8305 10.9503 15.3588 11.0305 14.858C11.0449 14.7679 11.0521 14.7096 11.0608 14.6354C11.0701 14.5557 11.0823 14.4596 11.1037 14.3111L11.1057 14.2985C11.2169 13.5959 11.3138 12.9975 11.3967 12.693L11.4143 12.6354C11.5883 12.1298 11.9498 11.3297 12.5803 10.485C12.9083 10.0456 13.2514 9.67978 13.8967 9.15587C14.1957 8.91316 14.56 8.6323 14.9123 8.36876C14.8168 8.36808 14.7626 8.36735 14.6994 8.36876C14.491 8.37345 14.2877 8.39676 12.2649 8.37365C10.2238 8.35031 6.55815 8.24376 4.51095 8.27306C2.10486 8.30754 1.38561 8.33847 0.85568 8.30236C0.349665 8.26786 -0.0323351 7.82986 0.0021645 7.32384C0.0367396 6.8179 0.474714 6.43583 0.98068 6.47033C1.40986 6.49956 1.97908 6.474 4.48459 6.4381C6.55904 6.40842 10.3121 6.51513 12.2854 6.53771C13.789 6.55489 14.2592 6.54429 14.4865 6.53673C14.0678 6.11802 13.6273 5.64762 13.3195 5.22033C12.9155 4.65921 12.6292 4.26266 12.4299 3.9713C12.2344 3.68546 12.0861 3.44684 11.9836 3.20763C11.7777 2.72696 11.4889 1.73321 11.383 1.06212C11.3042 0.561348 11.646 0.090543 12.1467 0.0113425Z'/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}

.hwc-RoundButton.is-secondary {
  background-color: transparent;
  border-color: #FFFFFF;
  border-color: var(--hwc-color-text-alternate);
}

.hwc-RoundButton.is-secondary::after {
  background-color: #FFFFFF;
  background-color: var(--hwc-color-text-alternate);
}

.hwc-RoundButton.is-secondary:hover {
  border-color: #99B76F;
  border-color: var(--hwc-color-secondary);
  background-color: transparent;
}

.hwc-RoundButton.is-secondary:hover::after {
  background-color: #99B76F;
  background-color: var(--hwc-color-secondary);
}

.hwc-RoundButton.is-beige {
  background-color: transparent;
  border-color: #FFFBF1;
  border-color: var(--hwc-color-primary);
}

.hwc-RoundButton.is-beige::after {
  background-color: #FFFBF1;
  background-color: var(--hwc-color-primary);
}

.hwc-RoundButton.is-beige:hover {
  border-color: #99B76F;
  border-color: var(--hwc-color-secondary);
  background-color: transparent;
}

.hwc-RoundButton.is-beige:hover::after {
  background-color: #99B76F;
  background-color: var(--hwc-color-secondary);
}

.hwc-RoundButton.is-green {
  background-color: transparent;
  border-color: #99B76F;
  border-color: var(--hwc-color-secondary);
}

.hwc-RoundButton.is-green::after {
  background-color: #99B76F;
  background-color: var(--hwc-color-secondary);
}

.hwc-RoundButton.is-green:hover {
  border-color: #99B76F;
  border-color: var(--hwc-color-secondary);
  background-color: #99B76F;
  background-color: var(--hwc-color-secondary);
}

.hwc-RoundButton.is-green:hover::after {
  background-color: #FFFBF1;
  background-color: var(--hwc-color-primary);
}

.hwc-RoundButton.prev::after {
  -webkit-mask-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='16' viewBox='0 0 18 16'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.78764 15.912C5.28677 15.9909 4.81603 15.6481 4.73685 15.1473C4.6526 14.6134 4.40418 13.7675 4.26322 13.4383C4.23602 13.3748 4.17533 13.2608 3.98881 12.9881C3.80561 12.7203 3.537 12.348 3.12455 11.7752C2.74754 11.2519 2.03959 10.5564 1.4849 10.0409C1.24973 9.84157 0.886229 9.55215 0.702675 9.39145C0.660288 9.35618 0.601227 9.30988 0.426308 9.16C0.182036 8.95023 0.0765025 8.63995 0.115761 8.34262C0.109654 8.33157 0.10291 8.32081 0.0972068 8.30942C-0.129581 7.85584 0.0538662 7.30388 0.507363 7.077L0.534707 7.05942C0.604327 7.01518 0.73939 6.92564 0.995644 6.75083C1.44733 6.44268 2.3007 5.80965 2.87846 5.34067C3.42679 4.89555 3.66049 4.63725 3.88334 4.33872C4.37437 3.68069 4.64859 3.06763 4.77299 2.71469C4.82312 2.51275 4.90181 2.05354 5.01518 1.33774C5.03168 1.22262 5.04049 1.14975 5.04936 1.07407C5.05918 0.990187 5.06799 0.901954 5.08842 0.774263C5.16856 0.273638 5.64054 -0.0682679 6.14115 0.011568C6.64189 0.0917825 6.98399 0.56451 6.90385 1.06528C6.8895 1.15505 6.88225 1.21297 6.87357 1.28696C6.86423 1.36669 6.8521 1.46345 6.83061 1.61215L6.82865 1.62485C6.71741 2.32729 6.62056 2.92586 6.53764 3.23032L6.52006 3.28696C6.34609 3.79255 5.9847 4.59339 5.35404 5.43833C5.02611 5.87756 4.68284 6.24362 4.03764 6.76743C3.73875 7.01004 3.37413 7.29014 3.02201 7.55356C3.11754 7.55424 3.17168 7.55498 3.2349 7.55356C3.44336 7.54888 3.64649 7.52556 5.66947 7.54868C7.71044 7.57202 11.3761 7.67953 13.4234 7.65024C15.8293 7.61577 16.5487 7.58387 17.0787 7.61997C17.5847 7.65447 17.9676 8.09344 17.9331 8.59946C17.8984 9.10528 17.4595 9.48747 16.9537 9.45298C16.5245 9.42375 15.9552 9.4493 13.4497 9.4852C11.3753 9.51488 7.6222 9.40719 5.64896 9.38461C4.14726 9.36746 3.67641 9.37902 3.44877 9.38657C3.86729 9.80513 4.30722 10.2759 4.61478 10.703C5.01878 11.264 5.30516 11.6597 5.50443 11.951C5.70008 12.2371 5.8482 12.4763 5.95072 12.7157C6.15654 13.1963 6.44535 14.1892 6.55131 14.8602C6.63033 15.3611 6.28847 15.8328 5.78764 15.912Z' /%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='16' viewBox='0 0 18 16'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.78764 15.912C5.28677 15.9909 4.81603 15.6481 4.73685 15.1473C4.6526 14.6134 4.40418 13.7675 4.26322 13.4383C4.23602 13.3748 4.17533 13.2608 3.98881 12.9881C3.80561 12.7203 3.537 12.348 3.12455 11.7752C2.74754 11.2519 2.03959 10.5564 1.4849 10.0409C1.24973 9.84157 0.886229 9.55215 0.702675 9.39145C0.660288 9.35618 0.601227 9.30988 0.426308 9.16C0.182036 8.95023 0.0765025 8.63995 0.115761 8.34262C0.109654 8.33157 0.10291 8.32081 0.0972068 8.30942C-0.129581 7.85584 0.0538662 7.30388 0.507363 7.077L0.534707 7.05942C0.604327 7.01518 0.73939 6.92564 0.995644 6.75083C1.44733 6.44268 2.3007 5.80965 2.87846 5.34067C3.42679 4.89555 3.66049 4.63725 3.88334 4.33872C4.37437 3.68069 4.64859 3.06763 4.77299 2.71469C4.82312 2.51275 4.90181 2.05354 5.01518 1.33774C5.03168 1.22262 5.04049 1.14975 5.04936 1.07407C5.05918 0.990187 5.06799 0.901954 5.08842 0.774263C5.16856 0.273638 5.64054 -0.0682679 6.14115 0.011568C6.64189 0.0917825 6.98399 0.56451 6.90385 1.06528C6.8895 1.15505 6.88225 1.21297 6.87357 1.28696C6.86423 1.36669 6.8521 1.46345 6.83061 1.61215L6.82865 1.62485C6.71741 2.32729 6.62056 2.92586 6.53764 3.23032L6.52006 3.28696C6.34609 3.79255 5.9847 4.59339 5.35404 5.43833C5.02611 5.87756 4.68284 6.24362 4.03764 6.76743C3.73875 7.01004 3.37413 7.29014 3.02201 7.55356C3.11754 7.55424 3.17168 7.55498 3.2349 7.55356C3.44336 7.54888 3.64649 7.52556 5.66947 7.54868C7.71044 7.57202 11.3761 7.67953 13.4234 7.65024C15.8293 7.61577 16.5487 7.58387 17.0787 7.61997C17.5847 7.65447 17.9676 8.09344 17.9331 8.59946C17.8984 9.10528 17.4595 9.48747 16.9537 9.45298C16.5245 9.42375 15.9552 9.4493 13.4497 9.4852C11.3753 9.51488 7.6222 9.40719 5.64896 9.38461C4.14726 9.36746 3.67641 9.37902 3.44877 9.38657C3.86729 9.80513 4.30722 10.2759 4.61478 10.703C5.01878 11.264 5.30516 11.6597 5.50443 11.951C5.70008 12.2371 5.8482 12.4763 5.95072 12.7157C6.15654 13.1963 6.44535 14.1892 6.55131 14.8602C6.63033 15.3611 6.28847 15.8328 5.78764 15.912Z' /%3E%3C/svg%3E");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}

.hwc-RoundButton.top-right::after {
  -webkit-mask-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11'%3E%3Cpath d='M8.19 1.75H1V.25h9.75V10h-1.5V2.81l-7.72 7.72L.47 9.47l7.72-7.72Z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11'%3E%3Cpath d='M8.19 1.75H1V.25h9.75V10h-1.5V2.81l-7.72 7.72L.47 9.47l7.72-7.72Z'/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}

.hwc-RoundButton:hover {
  background-color: #ED3301;
}

.hwc-BlockNewsletter-container {
  position: relative;
  overflow: hidden;
  border-radius: var(--hwc-border-radius);
  background-color: #FFFBF1;
  background-color: var(--hwc-color-primary);
  color: #99B76F;
  color: var(--hwc-color-secondary);
  padding: 4rem 6.5rem;
  display: flex;
  gap: 2rem;
}

.hwc-BlockNewsletter-heading {
  flex: 0 0 17rem;
}

.hwc-BlockNewsletter-content {
  flex: 1 0 calc(100% - 17rem);
}

.hwc-BlockNewsletter-content .hwc-Form {
  --input-height: 3.25rem;
}

.hwc-BlockNewsletter-content .hwc-Form-field {
  flex: 0 1 auto;
}

.hwc-BlockNewsletter-content .hwc-Form-field:first-child {
  flex: 1 0 auto;
  margin-right: -2rem;
}

.hwc-BlockNewsletter-content .hwc-Form-field:first-child input {
  width: 100%;
  height: var(--input-height);
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  padding-right: 4rem;
}

.hwc-BlockNewsletter-content .hwc-Form-field:last-child {
  margin-top: 1rem;
  width: 100%;
  flex: 0 0 100%;
}

.hwc-BlockNewsletter-content .hwc-Form.is-dark .hwc-Button {
  height: var(--input-height);
  border-color: #FFFFFF;
  border-color: var(--hwc-color-white);
}

@media screen and (max-width: 768px) {
  .hwc-BlockNewsletter-container {
    display: block;
    padding: 2rem;
  }
  .hwc-BlockNewsletter-heading {
    margin-bottom: 1rem;
  }
  .hwc-BlockNewsletter-content .hwc-Form-field:first-child {
    flex: auto;
    margin-right: 0;
  }
}

@media screen and (max-width: 440px) {
  .hwc-BlockNewsletter-container {
    padding: 2rem 1rem;
  }
}

.hwc-BlockNumbers-numbers {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 2rem;
  gap: 2rem;
}

.hwc-BlockNumbers-item {
  min-height: 258px;
  height: 100%;
  padding: 1rem 1.5rem;
  border: 1px solid #E7E5DB;
  border: 1px solid var(--hwc-color-primary-dark);
  box-shadow: 2px 2px 0 0 #E7E5DB;
  box-shadow: 2px 2px 0 0 var(--hwc-color-primary-dark);
  background-color: #FFFFFF;
  background-color: var(--hwc-color-white);
  border-radius: var(--hwc-border-radius);
}

.hwc-BlockNumbers-item .description {
  margin-top: 7rem;
}

@media screen and (max-width: 768px) {
  .hwc-BlockNumbers-numbers {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 1rem;
    gap: 1rem;
  }
  .hwc-BlockNumbers-item {
    min-height: 0;
    min-height: initial;
    height: auto;
    padding: 1rem 1.5rem;
  }
  .hwc-BlockNumbers-item .description {
    margin-top: 2rem;
  }
}

.hwc-BlockPush {
  overflow: clip;
}

.hwc-BlockPush:not(.has_picture) {
  padding-top: 2.5rem !important;
  padding-bottom: 2.5rem !important;
}

.hwc-BlockPush-container {
  position: relative;
}

.hwc-BlockPush-container::before {
  content: "";
  display: block;
  background:
    radial-gradient(
      50% 50% at 50% 50%,
      #FFFBF1 0%,
      #FF5123 100%);
  background:
    radial-gradient(
      50% 50% at 50% 50%,
      var(--hwc-color-primary) 0%,
      var(--hwc-color-contrast) 100%);
  opacity: 0.2;
  position: absolute;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
}

.hwc-BlockPush-container:not(.has_picture)::before {
  height: 1311px;
  width: 1274px;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1274' height='1312' fill='none'%3E%3Cpath fill='%23ff5123' d='M9.276 527.228c1.92-12.028 13.278-19.673 24.395-16.666l516.672 139.439c42.709 11.341 76.139 47.083 87.016 92.962l.081-.087 66.544 278.024c10.797 45.88-2.4 94.5-34.471 126.72l-158.362 158c-4.799 4.82-11.597 6.79-17.995 5.24-73.821-18.13-142.685-50.34-204.189-93.56-10.637-7.47-11.597-23.88-2.319-33.16l249.858-249.673c9.116-9.365 5.117-25.602-6.88-28.867L22.794 768.909c-7.677-2.062-13.597-8.763-14.877-17.096C2.558 716.845 0 680.931 0 644.417c0-40.037 3.118-79.214 9.276-117.189M890.258 385.381c32.312-36.942 82.138-50.173 126.922-33.419l217.55 81.274c6 2.32 10.8 7.477 12.64 14.092l-.08-.173C1264.72 509.53 1274 575.6 1274 644.247c0 14.949-.48 29.898-1.36 44.675-.8 14.004-13.6 23.455-25.99 18.988L923.449 591.836c-11.837-4.296-23.356 7.133-20.317 20.278L1035.1 1161.97c2 8.16-.64 16.93-6.88 22.17-54.704 45.88-116.608 82.31-183.631 107.14-10.797 4.03-22.556-3.01-25.435-14.95L683.109 709.197c-10.397-42.871.479-88.406 28.792-120.624zM834.192 6.837c5.438-6.185 13.836-8.505 21.274-5.585 66.543 25.86 127.728 63.665 181.794 110.832 8.8 7.732 9.44 22.08 1.68 31.015L670.232 564.516c-30.233 34.452-75.5 48.455-117.969 36.513l-268.894-75.776c-42.709-12.114-75.741-48.114-86.378-93.993v.087l-48.549-212.126c-1.52-6.701.002-13.833 4.161-19.074 48.868-61.601 107.813-113.838 174.116-153.445 11.277-6.7 25.514.344 28.553 13.746l82.62 361.449c3.039 13.144 18.394 17.44 26.872 7.56z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1274' height='1312' fill='none'%3E%3Cpath fill='%23ff5123' d='M9.276 527.228c1.92-12.028 13.278-19.673 24.395-16.666l516.672 139.439c42.709 11.341 76.139 47.083 87.016 92.962l.081-.087 66.544 278.024c10.797 45.88-2.4 94.5-34.471 126.72l-158.362 158c-4.799 4.82-11.597 6.79-17.995 5.24-73.821-18.13-142.685-50.34-204.189-93.56-10.637-7.47-11.597-23.88-2.319-33.16l249.858-249.673c9.116-9.365 5.117-25.602-6.88-28.867L22.794 768.909c-7.677-2.062-13.597-8.763-14.877-17.096C2.558 716.845 0 680.931 0 644.417c0-40.037 3.118-79.214 9.276-117.189M890.258 385.381c32.312-36.942 82.138-50.173 126.922-33.419l217.55 81.274c6 2.32 10.8 7.477 12.64 14.092l-.08-.173C1264.72 509.53 1274 575.6 1274 644.247c0 14.949-.48 29.898-1.36 44.675-.8 14.004-13.6 23.455-25.99 18.988L923.449 591.836c-11.837-4.296-23.356 7.133-20.317 20.278L1035.1 1161.97c2 8.16-.64 16.93-6.88 22.17-54.704 45.88-116.608 82.31-183.631 107.14-10.797 4.03-22.556-3.01-25.435-14.95L683.109 709.197c-10.397-42.871.479-88.406 28.792-120.624zM834.192 6.837c5.438-6.185 13.836-8.505 21.274-5.585 66.543 25.86 127.728 63.665 181.794 110.832 8.8 7.732 9.44 22.08 1.68 31.015L670.232 564.516c-30.233 34.452-75.5 48.455-117.969 36.513l-268.894-75.776c-42.709-12.114-75.741-48.114-86.378-93.993v.087l-48.549-212.126c-1.52-6.701.002-13.833 4.161-19.074 48.868-61.601 107.813-113.838 174.116-153.445 11.277-6.7 25.514.344 28.553 13.746l82.62 361.449c3.039 13.144 18.394 17.44 26.872 7.56z'/%3E%3C/svg%3E");
}

.hwc-BlockPush-container.has_picture {
  background-color: #FF5123;
  background-color: var(--hwc-color-contrast);
  color: #FFFBF1;
  color: var(--hwc-color-primary);
  border-radius: 1rem;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-gap: 2rem;
  gap: 2rem;
  align-items: center;
}

.hwc-BlockPush-container.has_picture::before {
  height: 1156px;
  width: 802px;
  bottom: -791px;
  right: -2rem;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='802' height='1156' fill='none'%3E%3Cpath fill='red' d='M5.84 464.428c1.208-10.595 8.358-17.33 15.357-14.681l325.251 122.83c26.886 9.99 47.931 41.475 54.778 81.889l.051-.076 41.89 244.906c6.797 40.414-1.51 83.249-21.699 111.634l-99.691 139.18c-3.021 4.23-7.301 5.97-11.329 4.61-46.471-15.97-89.822-44.35-128.54-82.41-6.696-6.59-7.3-21.04-1.459-29.22l157.289-219.931c5.739-8.249 3.221-22.552-4.331-25.428L14.349 677.321c-4.833-1.816-8.56-7.719-9.365-15.059C1.61 631.459 0 599.823 0 567.658c0-35.268 1.963-69.778 5.84-103.23M560.429 339.477c20.341-32.542 51.707-44.196 79.902-29.439l136.948 71.594c3.777 2.043 6.797 6.586 7.955 12.413l-.051-.152C796.159 448.838 802 507.039 802 567.508c0 13.169-.302 26.337-.856 39.354-.503 12.336-8.559 20.661-16.362 16.726L581.324 521.34c-7.452-3.784-14.703 6.284-12.79 17.863l83.075 484.367c1.258 7.18-.402 14.91-4.329 19.52-34.439 40.42-73.408 72.51-115.6 94.38-6.797 3.55-14.199-2.65-16.012-13.17l-85.642-499.578c-6.545-37.765.302-77.875 18.125-106.256zM525.135 6.022c3.423-5.448 8.71-7.492 13.392-4.919 41.89 22.78 80.407 56.081 114.442 97.63 5.538 6.812 5.942 19.45 1.058 27.321L421.92 497.275c-19.032 30.348-47.528 42.683-74.263 32.163l-169.273-66.75c-26.886-10.671-47.679-42.383-54.376-82.797v.076L93.446 193.109c-.956-5.903.002-12.186 2.62-16.802 30.762-54.264 67.869-100.279 109.608-135.168 7.099-5.902 16.061.303 17.975 12.11l52.01 318.395c1.913 11.578 11.579 15.362 16.916 6.659z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='802' height='1156' fill='none'%3E%3Cpath fill='red' d='M5.84 464.428c1.208-10.595 8.358-17.33 15.357-14.681l325.251 122.83c26.886 9.99 47.931 41.475 54.778 81.889l.051-.076 41.89 244.906c6.797 40.414-1.51 83.249-21.699 111.634l-99.691 139.18c-3.021 4.23-7.301 5.97-11.329 4.61-46.471-15.97-89.822-44.35-128.54-82.41-6.696-6.59-7.3-21.04-1.459-29.22l157.289-219.931c5.739-8.249 3.221-22.552-4.331-25.428L14.349 677.321c-4.833-1.816-8.56-7.719-9.365-15.059C1.61 631.459 0 599.823 0 567.658c0-35.268 1.963-69.778 5.84-103.23M560.429 339.477c20.341-32.542 51.707-44.196 79.902-29.439l136.948 71.594c3.777 2.043 6.797 6.586 7.955 12.413l-.051-.152C796.159 448.838 802 507.039 802 567.508c0 13.169-.302 26.337-.856 39.354-.503 12.336-8.559 20.661-16.362 16.726L581.324 521.34c-7.452-3.784-14.703 6.284-12.79 17.863l83.075 484.367c1.258 7.18-.402 14.91-4.329 19.52-34.439 40.42-73.408 72.51-115.6 94.38-6.797 3.55-14.199-2.65-16.012-13.17l-85.642-499.578c-6.545-37.765.302-77.875 18.125-106.256zM525.135 6.022c3.423-5.448 8.71-7.492 13.392-4.919 41.89 22.78 80.407 56.081 114.442 97.63 5.538 6.812 5.942 19.45 1.058 27.321L421.92 497.275c-19.032 30.348-47.528 42.683-74.263 32.163l-169.273-66.75c-26.886-10.671-47.679-42.383-54.376-82.797v.076L93.446 193.109c-.956-5.903.002-12.186 2.62-16.802 30.762-54.264 67.869-100.279 109.608-135.168 7.099-5.902 16.061.303 17.975 12.11l52.01 318.395c1.913 11.578 11.579 15.362 16.916 6.659z'/%3E%3C/svg%3E");
}

.hwc-BlockPush-container.has_picture .hwc-BlockPush-content {
  grid-column: 8/12;
  margin-left: -2rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.hwc-BlockPush-picture {
  grid-column: 1/7;
  border-radius: 1rem;
  overflow: clip;
  min-height: 450px;
  height: 100%;
}

.hwc-BlockPush-content {
  text-align: center;
  position: relative;
  z-index: 1;
}

.hwc-BlockPush-content .supheading {
  margin-bottom: 12px;
}

.hwc-BlockPush-content .text {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.hwc-BlockPush-content .button {
  margin-top: 1.5rem;
}

@media screen and (max-width: 768px) {
  .hwc-BlockPush-container.has_picture {
    display: flex;
    flex-direction: column;
  }
  .hwc-BlockPush-container.has_picture .hwc-BlockPush-content {
    width: 100%;
    margin: 0;
    padding-top: 0;
  }
  .hwc-BlockPush-picture {
    min-height: 0;
    min-height: initial;
    height: auto;
  }
}

.hwc-BlockProducts-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: center;
  margin-bottom: 40px;
}

.hwc-BlockProducts-heading.is_slider {
  margin-bottom: 6rem;
}

.hwc-BlockProducts-heading .heading {
  flex: 1;
  color: #FFFBF1;
  color: var(--hwc-color-primary);
}

.hwc-BlockProducts-link {
  margin-top: 2rem;
  text-align: center;
}

.hwc-BlockProducts-link.is_slider {
  margin-top: 6rem;
}

.hwc-BlockProducts-slider {
  overflow: visible;
  position: relative;
  width: 100%;
  transform-origin: center calc(100% + 2000px);
}

.hwc-BlockProducts-slider .swiper-slide {
  display: flex;
  justify-content: center;
  gap: 4rem;
  overflow: visible;
  width: calc(760px + 12rem);
  opacity: 0 !important;
}

.hwc-BlockProducts-slider .swiper-slide.swiper-slide-active,
.hwc-BlockProducts-slider .swiper-slide.swiper-slide-prev,
.hwc-BlockProducts-slider .swiper-slide.swiper-slide-next {
  opacity: 1 !important;
}

.hwc-BlockProducts-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 2rem;
  gap: 2rem;
}

.hwc-BlockProducts-item {
  background-color: #FFFFFF;
  background-color: var(--hwc-color-white);
  border-radius: 1rem;
  color: #21343F;
  color: var(--hwc-color-text);
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  position: relative;
}

.hwc-BlockProducts-item .image {
  border-radius: 100%;
  overflow: hidden;
}

.hwc-BlockProducts-item .image img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.hwc-BlockProducts-item.is_slider {
  box-sizing: border-box;
  min-height: 480px;
  width: 380px;
}

.hwc-BlockProducts-item:not(.is_promo) {
  padding: 2rem;
}

a.hwc-BlockProducts-item:not(.is_promo):hover {
  box-shadow: inset 0px 0px 0px 4px #FF5123;
  box-shadow: inset 0px 0px 0px 4px var(--hwc-color-contrast);
  scale: 1.01;
}

.hwc-BlockProducts-item:not(.is_promo) .tag {
  color: #99B76F;
  color: var(--hwc-color-secondary);
  padding: 6px 12px;
  border: 1px solid #99B76F;
  border: 1px solid var(--hwc-color-secondary);
  border-radius: 4px;
  position: absolute;
  top: 12px;
  left: 12px;
}

.hwc-BlockProducts-item:not(.is_promo) .image {
  width: 248px;
  height: 248px;
}

.hwc-BlockProducts-item:not(.is_promo) .title {
  margin-top: 40px;
}

.hwc-BlockProducts-item:not(.is_promo) .desc {
  margin-top: 20px;
}

.hwc-BlockProducts-item.is_promo {
  padding: 12px 32px;
}

a.hwc-BlockProducts-item.is_promo:hover {
  box-shadow: inset 0px 0px 0px 4px #FF5123;
  box-shadow: inset 0px 0px 0px 4px var(--hwc-color-contrast);
  scale: 1.02;
}

.hwc-BlockProducts-item.is_promo:first-child {
  transform: rotate(-5.5deg);
}

.hwc-BlockProducts-item.is_promo:last-child {
  transform: rotate(5.5deg);
}

.hwc-BlockProducts-item.is_promo .tag {
  padding: 6px 8px;
  border-radius: 8px;
  background-color: #FF5123;
  background-color: var(--hwc-color-contrast);
  color: #FFFBF1;
  color: var(--hwc-color-primary);
  margin-bottom: 12px;
}

.hwc-BlockProducts-item.is_promo .image {
  margin-top: 12px;
  margin-bottom: 4px;
  width: 230px;
  height: 230px;
}

.hwc-BlockProducts-item.is_promo .title {
  margin-top: 4px;
}

.hwc-BlockProducts-item.is_promo .desc {
  margin-top: 12px;
}

@media screen and (max-width: 768px) {
  .hwc-BlockProducts-heading {
    margin-bottom: 20px;
  }
  .hwc-BlockProducts-heading.is_slider {
    margin-bottom: 20px;
  }
  .hwc-BlockProducts-nav {
    margin-top: 2rem;
    display: flex;
    gap: 1rem;
    justify-content: center;
  }
  .hwc-BlockProducts-link {
    margin-top: 2rem;
  }
  .hwc-BlockProducts-link.is_slider {
    margin-top: 2rem;
  }
  .hwc-BlockProducts-slider .swiper-slide {
    width: 315px;
    height: auto;
  }
  .hwc-BlockProducts-grid {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 1rem;
    gap: 1rem;
  }
  .hwc-BlockProducts-item.is_slider {
    min-height: 450px;
    width: 315px;
    height: auto;
  }
  .hwc-BlockProducts-item:not(.is_promo) {
    padding: 2rem;
  }
  a.hwc-BlockProducts-item:not(.is_promo):hover {
    box-shadow: inset 0px 0px 0px 4px #FF5123;
    box-shadow: inset 0px 0px 0px 4px var(--hwc-color-contrast);
    scale: 1.01;
  }
  .hwc-BlockProducts-item:not(.is_promo) .tag {
    color: #99B76F;
    color: var(--hwc-color-secondary);
    padding: 6px 12px;
    border: 1px solid #99B76F;
    border: 1px solid var(--hwc-color-secondary);
    border-radius: 4px;
    position: absolute;
    top: 12px;
    left: 12px;
  }
  .hwc-BlockProducts-item:not(.is_promo) .image {
    width: calc(100% - 4rem);
    height: auto;
    aspect-ratio: 1;
  }
  .hwc-BlockProducts-item:not(.is_promo) .title {
    margin-top: 1rem;
  }
  .hwc-BlockProducts-item:not(.is_promo) .desc {
    margin-top: 0.5rem;
  }
  .hwc-BlockProducts-item.is_promo:first-child {
    transform: rotate(0);
  }
  .hwc-BlockProducts-item.is_promo:last-child {
    transform: rotate(0);
  }
}

:where(.editor-styles-wrapper) .hwc-BlockProducts-slider .hwc-BlockProducts-slider-wrapper .swiper-slide {
  opacity: 1 !important;
  color: #21343F;
  color: var(--hwc-color-text);
}

.hwc-BlockPicture .picture {
  position: relative;
  overflow: hidden;
  border-radius: var(--hwc-border-radius);
  display: block;
  width: 100%;
  aspect-ratio: 16/9;
}

.hwc-BlockPicture .picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.hwc-BlockPosts-heading {
  text-align: center;
  margin-bottom: 2rem;
}

.hwc-BlockPosts-footer {
  margin-top: 2rem;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .hwc-BlockPosts-heading {
    text-align: center;
    display: block;
  }
  .hwc-BlockPosts-heading-side {
    margin-top: 1rem;
  }
}

.hwc-Footer .hwc-BlockReinsurences.hwc-Block {
  --block-margin: 2.5rem;
  margin-top: 0;
}

.hwc-BlockReinsurences-items {
  display: flex;
  justify-content: center;
  gap: 2rem;
  flex-wrap: wrap;
}

.hwc-BlockReinsurences-item {
  width: calc(25% - 24px);
}

.hwc-BlockReinsurences-item .picto {
  margin-bottom: 12px;
  width: 3rem;
  height: 3rem;
  overflow: clip;
}

.hwc-BlockReinsurences-item .picto img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.hwc-BlockReinsurences-item .desc {
  margin-top: 6px;
}

@media screen and (max-width: 768px) {
  .hwc-BlockReinsurences-items {
    flex-direction: column;
    gap: 1rem;
  }
  .hwc-BlockReinsurences-item {
    width: 100%;
  }
}

.hwc-BlockSteps {
  overflow: clip;
}

.hwc-BlockSteps-container {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-gap: 2rem;
  gap: 2rem;
}

.hwc-BlockSteps-container::before {
  content: "";
  display: block;
  width: 1274px;
  height: 1218px;
  background:
    radial-gradient(
      50% 50% at 50% 50%,
      #FFFBF1 0%,
      #99B76F 100%);
  background:
    radial-gradient(
      50% 50% at 50% 50%,
      var(--hwc-color-primary) 0%,
      var(--hwc-color-secondary) 100%);
  opacity: 0.2;
  position: absolute;
  right: calc(-349px - var(--hwc-container-gutter));
  top: 50%;
  translate: 0 -50%;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1274' height='1218' fill='none'%3E%3Cpath fill='%2399b76f' d='M9.276 489.686c1.92-11.172 13.278-18.273 24.395-15.48l516.672 129.51c42.709 10.534 76.139 43.73 87.016 86.342l.081-.08 66.544 258.226c10.797 42.611-2.4 87.776-34.471 117.696l-158.362 146.75c-4.799 4.47-11.597 6.31-17.995 4.87-73.821-16.84-142.685-46.76-204.189-86.9-10.637-6.94-11.597-22.18-2.319-30.8l249.858-231.894c9.116-8.698 5.117-23.779-6.88-26.811L22.794 714.157c-7.677-1.915-13.597-8.139-14.877-15.879C2.558 665.801 0 632.443 0 598.529c0-37.185 3.118-73.573 9.276-108.843M890.258 357.939c32.312-34.312 82.138-46.6 126.922-31.04l217.55 75.487c6 2.155 10.8 6.945 12.64 13.089l-.08-.161c17.43 57.934 26.71 119.299 26.71 183.058 0 13.884-.48 27.769-1.36 41.493-.8 13.007-13.6 21.785-25.99 17.636L923.449 549.693c-11.837-3.99-23.356 6.625-20.317 18.834L1035.1 1079.23c2 7.58-.64 15.72-6.88 20.59a635 635 0 0 1-183.631 99.51c-10.798 3.75-22.556-2.8-25.435-13.89L683.109 658.697c-10.397-39.819.479-82.111 28.792-112.035zM834.192 6.35c5.438-5.745 13.836-7.9 21.274-5.187 66.543 24.02 127.728 59.131 181.794 102.94 8.8 7.182 9.44 20.508 1.68 28.807L670.232 524.318c-30.233 31.999-75.5 45.005-117.969 33.913l-268.894-70.38c-42.709-11.252-75.741-44.688-86.378-87.3v.081l-48.549-197.021c-1.52-6.224.002-12.849 4.161-17.716 48.868-57.214 107.813-105.732 174.116-142.519 11.277-6.223 25.514.32 28.553 12.768l82.62 335.711c3.039 12.208 18.394 16.198 26.872 7.022z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1274' height='1218' fill='none'%3E%3Cpath fill='%2399b76f' d='M9.276 489.686c1.92-11.172 13.278-18.273 24.395-15.48l516.672 129.51c42.709 10.534 76.139 43.73 87.016 86.342l.081-.08 66.544 258.226c10.797 42.611-2.4 87.776-34.471 117.696l-158.362 146.75c-4.799 4.47-11.597 6.31-17.995 4.87-73.821-16.84-142.685-46.76-204.189-86.9-10.637-6.94-11.597-22.18-2.319-30.8l249.858-231.894c9.116-8.698 5.117-23.779-6.88-26.811L22.794 714.157c-7.677-1.915-13.597-8.139-14.877-15.879C2.558 665.801 0 632.443 0 598.529c0-37.185 3.118-73.573 9.276-108.843M890.258 357.939c32.312-34.312 82.138-46.6 126.922-31.04l217.55 75.487c6 2.155 10.8 6.945 12.64 13.089l-.08-.161c17.43 57.934 26.71 119.299 26.71 183.058 0 13.884-.48 27.769-1.36 41.493-.8 13.007-13.6 21.785-25.99 17.636L923.449 549.693c-11.837-3.99-23.356 6.625-20.317 18.834L1035.1 1079.23c2 7.58-.64 15.72-6.88 20.59a635 635 0 0 1-183.631 99.51c-10.798 3.75-22.556-2.8-25.435-13.89L683.109 658.697c-10.397-39.819.479-82.111 28.792-112.035zM834.192 6.35c5.438-5.745 13.836-7.9 21.274-5.187 66.543 24.02 127.728 59.131 181.794 102.94 8.8 7.182 9.44 20.508 1.68 28.807L670.232 524.318c-30.233 31.999-75.5 45.005-117.969 33.913l-268.894-70.38c-42.709-11.252-75.741-44.688-86.378-87.3v.081l-48.549-197.021c-1.52-6.224.002-12.849 4.161-17.716 48.868-57.214 107.813-105.732 174.116-142.519 11.277-6.223 25.514.32 28.553 12.768l82.62 335.711c3.039 12.208 18.394 16.198 26.872 7.022z'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
}

.hwc-BlockSteps-content {
  grid-column: 2/8;
  position: relative;
  z-index: 1;
}

.hwc-BlockSteps-image {
  grid-column: 9/13;
  position: relative;
  z-index: 1;
  overflow: clip;
  border-radius: 1rem;
}

.hwc-BlockSteps-image img {
  -o-object-fit: cover;
     object-fit: cover;
}

.hwc-BlockSteps-heading {
  margin-bottom: 2rem;
}

.hwc-BlockSteps-item:not(:first-child) {
  margin-top: 40px;
}

.hwc-BlockSteps-item .head {
  padding: 4px 10px;
  border-radius: 4px;
  background-color: #FFFBF1;
  background-color: var(--hwc-color-primary);
  color: #21343F;
  color: var(--hwc-color-text);
  margin-bottom: 0.5rem;
  width: -moz-fit-content;
  width: fit-content;
}

.hwc-BlockSteps .button {
  margin-top: 40px;
}

@media screen and (max-width: 768px) {
  .hwc-BlockSteps-container {
    display: flex;
    flex-direction: column;
    gap: 0;
  }
  .hwc-BlockSteps-container::before {
    width: 768px;
    height: 681px;
    right: auto;
    right: initial;
    left: calc(-117px - var(--hwc-container-gutter));
    top: auto;
    top: initial;
    bottom: -196px;
    translate: 0;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='768' height='681' fill='none'%3E%3Cpath fill='%23f3ffe5' d='M5.592 273.79c1.157-6.246 8.004-10.217 14.706-8.655l311.463 72.411c25.746 5.889 45.898 24.45 52.456 48.275l.048-.045 40.114 144.377c6.509 23.825-1.446 49.077-20.779 65.808l-95.465 82.05c-2.893 2.498-6.991 3.524-10.848 2.721-44.501-9.414-86.014-26.145-123.09-48.586-6.413-3.882-6.991-12.404-1.398-17.222L323.42 485.269c5.495-4.863 3.084-13.295-4.148-14.99L13.741 399.294c-4.628-1.07-8.197-4.55-8.968-8.877C1.543 372.258 0 353.608 0 334.646c0-20.791 1.88-41.136 5.592-60.856M536.67 200.129c19.479-19.185 49.515-26.055 76.515-17.355l131.142 42.206c3.616 1.204 6.509 3.882 7.618 7.318l-.049-.09C762.407 264.599 768 298.909 768 334.558c0 7.763-.289 15.525-.819 23.199-.483 7.272-8.196 12.181-15.67 9.861l-194.832-60.277c-7.136-2.231-14.08 3.704-12.248 10.53l79.553 285.541c1.206 4.239-.384 8.79-4.145 11.512-32.978 23.825-70.296 42.742-110.699 55.636-6.509 2.097-13.597-1.562-15.333-7.764l-82.011-294.51c-6.268-22.263.289-45.909 17.356-62.64zM502.872 3.55c3.279-3.212 8.341-4.416 12.825-2.9a386.7 386.7 0 0 1 109.59 57.555c5.303 4.016 5.69 11.466 1.014 16.106L404.033 293.154c-18.225 17.891-45.513 25.163-71.115 18.962l-162.096-39.351c-25.746-6.291-45.659-24.986-52.071-48.81v.044L89.485 113.842c-.916-3.48.001-7.184 2.508-9.906 29.459-31.989 64.992-59.116 104.962-79.684 6.797-3.48 15.38.18 17.212 7.139l49.805 187.7c1.833 6.826 11.089 9.057 16.199 3.926z'/%3E%3C/svg%3E");
            mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='768' height='681' fill='none'%3E%3Cpath fill='%23f3ffe5' d='M5.592 273.79c1.157-6.246 8.004-10.217 14.706-8.655l311.463 72.411c25.746 5.889 45.898 24.45 52.456 48.275l.048-.045 40.114 144.377c6.509 23.825-1.446 49.077-20.779 65.808l-95.465 82.05c-2.893 2.498-6.991 3.524-10.848 2.721-44.501-9.414-86.014-26.145-123.09-48.586-6.413-3.882-6.991-12.404-1.398-17.222L323.42 485.269c5.495-4.863 3.084-13.295-4.148-14.99L13.741 399.294c-4.628-1.07-8.197-4.55-8.968-8.877C1.543 372.258 0 353.608 0 334.646c0-20.791 1.88-41.136 5.592-60.856M536.67 200.129c19.479-19.185 49.515-26.055 76.515-17.355l131.142 42.206c3.616 1.204 6.509 3.882 7.618 7.318l-.049-.09C762.407 264.599 768 298.909 768 334.558c0 7.763-.289 15.525-.819 23.199-.483 7.272-8.196 12.181-15.67 9.861l-194.832-60.277c-7.136-2.231-14.08 3.704-12.248 10.53l79.553 285.541c1.206 4.239-.384 8.79-4.145 11.512-32.978 23.825-70.296 42.742-110.699 55.636-6.509 2.097-13.597-1.562-15.333-7.764l-82.011-294.51c-6.268-22.263.289-45.909 17.356-62.64zM502.872 3.55c3.279-3.212 8.341-4.416 12.825-2.9a386.7 386.7 0 0 1 109.59 57.555c5.303 4.016 5.69 11.466 1.014 16.106L404.033 293.154c-18.225 17.891-45.513 25.163-71.115 18.962l-162.096-39.351c-25.746-6.291-45.659-24.986-52.071-48.81v.044L89.485 113.842c-.916-3.48.001-7.184 2.508-9.906 29.459-31.989 64.992-59.116 104.962-79.684 6.797-3.48 15.38.18 17.212 7.139l49.805 187.7c1.833 6.826 11.089 9.057 16.199 3.926z'/%3E%3C/svg%3E");
  }
  .hwc-BlockSteps-heading {
    margin-bottom: 1.5rem;
  }
  .hwc-BlockSteps-item:not(:first-child) {
    margin-top: 24px;
  }
  .hwc-BlockSteps-image {
    display: none;
  }
  .hwc-BlockSteps .button {
    margin-top: 24px;
  }
}

.hwc-BlockTeam-heading {
  text-align: center;
  margin-bottom: 2rem;
}

.hwc-BlockTeam-heading .supheading {
  margin-bottom: 1rem;
}

.hwc-BlockTeam-heading .subheading {
  margin-top: 1rem;
}

.hwc-BlockTeam-items {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 2rem;
  gap: 2rem;
}

@media screen and (max-width: 768px) {
  .hwc-BlockTeam-heading {
    display: block;
  }
  .hwc-BlockTeam-heading-side {
    margin-top: 1rem;
  }
  .hwc-BlockTeam-items {
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
  }
}

@media screen and (max-width: 440px) {
  .hwc-BlockTeam-heading .supheading {
    margin-bottom: 12px;
  }
  .hwc-BlockTeam-heading .subheading {
    margin-top: 12px;
  }
  .hwc-BlockTeam-items {
    grid-template-columns: repeat(1, 1fr);
  }
}

.hwc-BlockTestimonials-container {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-column-gap: 2rem;
  -moz-column-gap: 2rem;
       column-gap: 2rem;
}

.hwc-BlockTestimonials-heading {
  margin-bottom: 2rem;
  text-align: center;
  grid-column: 1/13;
}

.hwc-BlockTestimonials-items {
  overflow: visible;
  grid-column: 5/9;
  margin-left: -56px;
  margin-right: -56px;
}

.hwc-BlockTestimonials-items .swiper-slide {
  opacity: 0 !important;
  transition: all 0.3s ease;
}

.hwc-BlockTestimonials-items .swiper-slide.swiper-slide-active,
.hwc-BlockTestimonials-items .swiper-slide.swiper-slide-prev,
.hwc-BlockTestimonials-items .swiper-slide.swiper-slide-next {
  opacity: 1 !important;
}

.hwc-BlockTestimonials-items .swiper-slide.swiper-slide-prev,
.hwc-BlockTestimonials-items .swiper-slide.swiper-slide-next {
  scale: 0.9;
}

.hwc-BlockTestimonials-navigation {
  grid-column: 1/13;
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-top: 2rem;
}

@media screen and (max-width: 768px) {
  .hwc-BlockTestimonials-container {
    display: flex;
    flex-direction: column;
  }
  .hwc-BlockTestimonials-items {
    margin-left: 0;
    margin-right: 0;
  }
}

.hwc-BlockText-container {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-gap: 2rem;
  gap: 2rem;
}

.hwc-BlockText-container .text {
  grid-column: 2/12;
}

@media screen and (max-width: 768px) {
  .hwc-BlockText-container {
    display: flex;
    flex-direction: column;
  }
  .hwc-BlockText-container .hwc-Intro {
    font-size: 18px;
    line-height: 150%;
    font-weight: 500;
  }
}

.hwc-BlockTextCTA-container {
  display: flex;
  gap: 4rem;
}

.hwc-BlockTextCTA-side {
  flex: 0 0 33.3333333333%;
}

.hwc-BlockTextCTA-side .hwc-CTA {
  position: sticky;
  top: var(--header-height);
}

@media screen and (max-width: 768px) {
  .hwc-BlockTextCTA-container {
    display: block;
    gap: 1.5rem;
  }
  .hwc-BlockTextCTA-side {
    margin-top: 1rem;
  }
}

.hwc-BlockTextImage-container {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-gap: 2rem;
  gap: 2rem;
  align-items: center;
}

.hwc-BlockTextImage-content {
  grid-column: 1/6;
  grid-row: 1;
  translate: 54px;
}

.hwc-BlockTextImage-picture {
  position: relative;
  overflow: hidden;
  border-radius: 1rem;
  aspect-ratio: 4/3;
  grid-column: 7/13;
  grid-row: 1;
}

.hwc-BlockTextImage-picture::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='49' height='47' fill='none'%3E%3Cpath fill='%23fff' d='M.357 18.896a.76.76 0 0 1 .938-.597l19.872 4.997a4.6 4.6 0 0 1 3.347 3.332l.003-.003 2.56 9.964a4.66 4.66 0 0 1-1.327 4.542l-6.09 5.663a.77.77 0 0 1-.692.188 24.2 24.2 0 0 1-7.854-3.354c-.409-.268-.446-.856-.09-1.188l9.61-8.949a.61.61 0 0 0-.264-1.034l-19.493-4.9a.77.77 0 0 1-.572-.612A24 24 0 0 1 0 23.096c0-1.435.12-2.84.357-4.2M34.24 13.812a4.62 4.62 0 0 1 4.883-1.198l8.367 2.913a.78.78 0 0 1 .486.505l-.004-.006A24.5 24.5 0 0 1 49 23.09q0 .805-.052 1.601a.76.76 0 0 1-1 .68l-12.43-4.16a.607.607 0 0 0-.782.727l5.076 19.707a.76.76 0 0 1-.265.795 24.4 24.4 0 0 1-7.063 3.84.76.76 0 0 1-.978-.536l-5.233-20.326a4.61 4.61 0 0 1 1.108-4.323zM32.084.245a.77.77 0 0 1 .819-.2 24.1 24.1 0 0 1 6.992 3.972.767.767 0 0 1 .064 1.112L25.78 20.232a4.63 4.63 0 0 1-4.538 1.309l-10.342-2.716a4.64 4.64 0 0 1-3.322-3.369v.004L5.709 7.857a.77.77 0 0 1 .16-.684 24.4 24.4 0 0 1 6.697-5.5c.434-.24.981.013 1.098.493l3.178 12.955a.607.607 0 0 0 1.034.27z'/%3E%3C/svg%3E");
  position: absolute;
  bottom: 20px;
  right: 20px;
}

.hwc-BlockTextImage-picture img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.hwc-BlockTextImage.is-alternate .hwc-BlockTextImage-content {
  grid-row: 1;
  grid-column: 8/13;
  translate: -54px;
}

.hwc-BlockTextImage.is-alternate .hwc-BlockTextImage-picture {
  grid-row: 1;
  grid-column: 1/7;
}

.hwc-BlockTextImage[data-preview] .hwc-BlockTextImage-picture {
  position: static;
}

@media screen and (max-width: 768px) {
  .hwc-BlockTextImage-container {
    display: flex;
    flex-direction: column;
    gap: 2rem;
  }
  .hwc-BlockTextImage-content {
    translate: 0 !important;
    width: 100%;
  }
}

.hwc-BlockTiles-heading {
  text-align: center;
  margin-bottom: 2rem;
}

.hwc-BlockTiles-heading .subheading {
  margin-top: 2rem;
}

@media screen and (max-width: 768px) {
  .hwc-BlockTiles-heading {
    margin-bottom: 1.5rem;
    max-width: none !important;
    max-width: initial !important;
  }
  .hwc-BlockTiles-heading .heading {
    font-weight: 700;
    letter-spacing: -1px;
    font-size: 32px;
    line-height: 38px;
  }
  .hwc-BlockTiles-heading .subheading {
    margin-top: 1rem;
    font-size: 18px;
    line-height: 150%;
    font-weight: 500;
  }
}

.hwc-BlockVideo-heading {
  margin-bottom: 1.25rem;
  text-align: center;
}

.hwc-BlockVideo-video {
  position: relative;
  overflow: hidden;
  border-radius: var(--hwc-border-radius);
  aspect-ratio: 800/490;
  display: block;
}

.hwc-BlockVideo-video .toggler {
  z-index: 2;
  display: block;
  width: 5.625rem;
  height: 5.625rem;
  background-color: #99B76F;
  background-color: var(--hwc-color-secondary);
  transition: all 0.3s ease;
  border-radius: 100%;
}

.hwc-BlockVideo-video img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.hwc-BlockVideo-video:hover .toggler {
  background-color: #FFFBF1;
  background-color: var(--hwc-color-primary);
  color: #99B76F;
  color: var(--hwc-color-secondary);
}

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