@charset "UTF-8";
/*!
Theme Name: Generation Green
Theme URI: 
Version: 0.7.2.8
Author: Angelo Vaudo
Author URI: https://www.beamthe.me
Description: Generation Green Wordpress Theme
License: 
License URI: 
Text Domain: let.it.beam  
Tags: 
*/
/* v2.0 | 20110126
  http://meyerweb.com/eric/tools/css/reset/ 
  License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/*
    Dots plugin
*/
/*
    Navigation plugin
*/
.carousel {
  position: relative;
  box-sizing: border-box;
}

.carousel *, .carousel *:before, .carousel *:after {
  box-sizing: inherit;
}

.carousel.is-draggable {
  cursor: move;
  cursor: grab;
}

.carousel.is-dragging {
  cursor: move;
  cursor: grabbing;
}

.carousel__viewport {
  position: relative;
  overflow: hidden;
  max-width: 100%;
  max-height: 100%;
}

.carousel__track {
  display: flex;
}

.carousel__slide {
  flex: 0 0 auto;
  width: var(--carousel-slide-width, 60%);
  max-width: 100%;
  padding: 1rem;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
}

.has-dots {
  margin-bottom: calc(0.5rem + 22px);
}

.carousel__dots {
  margin: 0 auto;
  padding: 0;
  position: absolute;
  top: calc(100% + 0.5rem);
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  list-style: none;
  user-select: none;
}

.carousel__dots .carousel__dot {
  margin: 0;
  padding: 0;
  display: block;
  position: relative;
  width: 22px;
  height: 22px;
  cursor: pointer;
}

.carousel__dots .carousel__dot:after {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: currentColor;
  opacity: 0.25;
  transition: opacity 0.15s ease-in-out;
}

.carousel__dots .carousel__dot.is-selected:after {
  opacity: 1;
}

.carousel__button {
  width: var(--carousel-button-width, 48px);
  height: var(--carousel-button-height, 48px);
  padding: 0;
  border: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: all;
  cursor: pointer;
  color: var(--carousel-button-color, currentColor);
  background: var(--carousel-button-bg, transparent);
  border-radius: var(--carousel-button-border-radius, 50%);
  box-shadow: var(--carousel-button-shadow, none);
  transition: opacity 0.15s ease;
}

.carousel__button.is-prev, .carousel__button.is-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.carousel__button.is-prev {
  left: 10px;
}

.carousel__button.is-next {
  right: 10px;
}

.carousel__button[disabled] {
  cursor: default;
  opacity: 0.3;
}

.carousel__button svg {
  width: var(--carousel-button-svg-width, 50%);
  height: var(--carousel-button-svg-height, 50%);
  fill: none;
  stroke: currentColor;
  stroke-width: var(--carousel-button-svg-stroke-width, 1.5);
  stroke-linejoin: bevel;
  stroke-linecap: round;
  filter: var(--carousel-button-svg-filter, none);
  pointer-events: none;
}

/*
  Thumbs plugin
*/
/* 3/2 */
/*
  HTML plugin
*/
/*
  Toolbar plugin
*/
html.with-fancybox {
  scroll-behavior: auto;
}

body.compensate-for-scrollbar {
  overflow: hidden !important;
  touch-action: none;
}

.fancybox__container {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  direction: ltr;
  margin: 0;
  padding: env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  color: var(--fancybox-color, #fff);
  -webkit-tap-highlight-color: transparent;
  overflow: hidden;
  z-index: 1050;
  outline: none;
  transform-origin: top left;
  --carousel-button-width: 48px;
  --carousel-button-height: 48px;
  --carousel-button-svg-width: 24px;
  --carousel-button-svg-height: 24px;
  --carousel-button-svg-stroke-width: 2.5;
  --carousel-button-svg-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.4));
}

.fancybox__container *, .fancybox__container *::before, .fancybox__container *::after {
  box-sizing: inherit;
}

.fancybox__container :focus {
  outline: none;
}

body:not(.is-using-mouse) .fancybox__container :focus {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px var(--fancybox-accent-color, rgba(1, 210, 232, 0.94));
}

@media all and (min-width: 1024px) {
  .fancybox__container {
    --carousel-button-width: 48px;
    --carousel-button-height: 48px;
    --carousel-button-svg-width: 27px;
    --carousel-button-svg-height: 27px;
  }
}

.fancybox__backdrop {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  background: var(--fancybox-bg, rgba(24, 24, 27, 0.92));
}

.fancybox__carousel {
  position: relative;
  flex: 1 1 auto;
  min-height: 0;
  /* For Safari */
  height: 100%;
  z-index: 10;
}

.fancybox__carousel.has-dots {
  margin-bottom: calc(0.5rem + 22px);
}

.fancybox__viewport {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: visible;
  cursor: default;
}

.fancybox__track {
  display: flex;
  height: 100%;
}

.fancybox__slide {
  flex: 0 0 auto;
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 48px 8px 8px 8px;
  position: relative;
  overscroll-behavior: contain;
  display: flex;
  flex-direction: column;
  outline: 0;
  overflow: auto;
  --carousel-button-width: 36px;
  --carousel-button-height: 36px;
  --carousel-button-svg-width: 22px;
  --carousel-button-svg-height: 22px;
}

.fancybox__slide::before, .fancybox__slide::after {
  content: "";
  flex: 0 0 0;
  margin: auto;
}

@media all and (min-width: 1024px) {
  .fancybox__slide {
    padding: 64px 100px;
  }
}

.fancybox__content {
  margin: 0 env(safe-area-inset-right, 0px) 0 env(safe-area-inset-left, 0px);
  padding: 36px;
  color: var(--fancybox-content-color, #374151);
  background: var(--fancybox-content-bg, #fff);
  position: relative;
  align-self: center;
  display: flex;
  flex-direction: column;
  z-index: 20;
}

.fancybox__content :focus:not(.carousel__button.is-close) {
  outline: thin dotted;
  box-shadow: none;
}

.fancybox__caption {
  align-self: center;
  max-width: 100%;
  margin: 0;
  padding: 1rem 0 0 0;
  line-height: 1.375;
  color: var(--fancybox-color, currentColor);
  visibility: visible;
  cursor: auto;
  flex-shrink: 0;
  overflow-wrap: anywhere;
}

.is-loading .fancybox__caption {
  visibility: hidden;
}

.fancybox__container > .carousel__dots {
  top: 100%;
  color: var(--fancybox-color, #fff);
}

.fancybox__nav .carousel__button {
  z-index: 40;
}

.fancybox__nav .carousel__button.is-next {
  right: 8px;
}

@media all and (min-width: 1024px) {
  .fancybox__nav .carousel__button.is-next {
    right: 40px;
  }
}

.fancybox__nav .carousel__button.is-prev {
  left: 8px;
}

@media all and (min-width: 1024px) {
  .fancybox__nav .carousel__button.is-prev {
    left: 40px;
  }
}

.carousel__button.is-close {
  position: absolute;
  top: 8px;
  right: 8px;
  top: calc(env(safe-area-inset-top, 0px) + 8px);
  right: calc(env(safe-area-inset-right, 0px) + 8px);
  z-index: 40;
}

@media all and (min-width: 1024px) {
  .carousel__button.is-close {
    right: 40px;
  }
}

/* Close button located inside content area */
.fancybox__content > .carousel__button.is-close {
  position: absolute;
  top: -40px;
  right: 0;
  color: var(--fancybox-color, #fff);
}

.fancybox__no-click,
.fancybox__no-click button {
  pointer-events: none;
}

.fancybox__spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50px;
  height: 50px;
  color: var(--fancybox-color, currentColor);
}

.fancybox__slide .fancybox__spinner {
  cursor: pointer;
  z-index: 1053;
}

.fancybox__spinner svg {
  animation: fancybox-rotate 2s linear infinite;
  transform-origin: center center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 100%;
  height: 100%;
}

.fancybox__spinner svg circle {
  fill: none;
  stroke-width: 2.75;
  stroke-miterlimit: 10;
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  animation: fancybox-dash 1.5s ease-in-out infinite;
  stroke-linecap: round;
  stroke: currentColor;
}

@keyframes fancybox-rotate {
  100% {
    transform: rotate(360deg);
  }
}

@keyframes fancybox-dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px;
  }
}

.fancybox__backdrop,
.fancybox__caption,
.fancybox__nav,
.carousel__dots,
.carousel__button.is-close {
  opacity: var(--fancybox-opacity, 1);
}

/* Opening */
.fancybox__container.is-animated[aria-hidden="false"] .fancybox__backdrop, .fancybox__container.is-animated[aria-hidden="false"] .fancybox__caption, .fancybox__container.is-animated[aria-hidden="false"] .fancybox__nav, .fancybox__container.is-animated[aria-hidden="false"] .carousel__dots, .fancybox__container.is-animated[aria-hidden="false"] .carousel__button.is-close {
  animation: 0.15s ease backwards fancybox-fadeIn;
}

/* Closing */
.fancybox__container.is-animated.is-closing .fancybox__backdrop, .fancybox__container.is-animated.is-closing .fancybox__caption, .fancybox__container.is-animated.is-closing .fancybox__nav, .fancybox__container.is-animated.is-closing .carousel__dots, .fancybox__container.is-animated.is-closing .carousel__button.is-close {
  animation: 0.15s ease both fancybox-fadeOut;
}

.fancybox-fadeIn {
  animation: 0.15s ease both fancybox-fadeIn;
}

.fancybox-fadeOut {
  animation: 0.1s ease both fancybox-fadeOut;
}

.fancybox-zoomInUp {
  animation: 0.2s ease both fancybox-zoomInUp;
}

.fancybox-zoomOutDown {
  animation: 0.15s ease both fancybox-zoomOutDown;
}

/* Both `throwOut` classes are for closing animation after dragging up/down */
.fancybox-throwOutUp {
  animation: 0.15s ease both fancybox-throwOutUp;
}

.fancybox-throwOutDown {
  animation: 0.15s ease both fancybox-throwOutDown;
}

@keyframes fancybox-fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fancybox-fadeOut {
  to {
    opacity: 0;
  }
}

@keyframes fancybox-zoomInUp {
  from {
    transform: scale(0.97) translate3d(0, 16px, 0);
    opacity: 0;
  }
  to {
    transform: scale(1) translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes fancybox-zoomOutDown {
  to {
    transform: scale(0.97) translate3d(0, 16px, 0);
    opacity: 0;
  }
}

@keyframes fancybox-throwOutUp {
  to {
    transform: translate3d(0, -30%, 0);
    opacity: 0;
  }
}

@keyframes fancybox-throwOutDown {
  to {
    transform: translate3d(0, 30%, 0);
    opacity: 0;
  }
}

.fancybox__carousel .carousel__slide {
  scrollbar-width: thin;
  scrollbar-color: #ccc rgba(255, 255, 255, 0.1);
}

.fancybox__carousel .carousel__slide::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.fancybox__carousel .carousel__slide::-webkit-scrollbar-track {
  background-color: rgba(255, 255, 255, 0.1);
}

.fancybox__carousel .carousel__slide::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 2px;
  box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
}

.fancybox__carousel.is-draggable .fancybox__slide, .fancybox__carousel.is-draggable .fancybox__slide .fancybox__content {
  cursor: move;
  cursor: grab;
}

.fancybox__carousel.is-dragging .fancybox__slide, .fancybox__carousel.is-dragging .fancybox__slide .fancybox__content {
  cursor: move;
  cursor: grabbing;
}

.fancybox__carousel .fancybox__slide .fancybox__content {
  cursor: auto;
}

.fancybox__carousel .fancybox__slide.can-zoom_in .fancybox__content {
  cursor: zoom-in;
}

.fancybox__carousel .fancybox__slide.can-zoom_out .fancybox__content {
  cursor: zoom-out;
}

.fancybox__carousel .fancybox__slide.is-draggable .fancybox__content {
  cursor: move;
  cursor: grab;
}

.fancybox__carousel .fancybox__slide.is-dragging .fancybox__content {
  cursor: move;
  cursor: grabbing;
}

.fancybox__image {
  transform-origin: 0 0;
  user-select: none;
  transition: none;
}

.has-image .fancybox__content {
  padding: 0;
  background: transparent;
  min-height: 1px;
}

.is-closing .has-image .fancybox__content {
  overflow: visible;
}

.has-image[data-image-fit="contain"] {
  overflow: visible;
  touch-action: none;
  /* Fix Mac OS Safari 11 - 13 */
}

.has-image[data-image-fit="contain"] .fancybox__content {
  flex-direction: row;
  flex-wrap: wrap;
}

.has-image[data-image-fit="contain"] .fancybox__image {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.has-image[data-image-fit="contain-w"] {
  overflow-x: hidden;
  overflow-y: auto;
}

.has-image[data-image-fit="contain-w"] .fancybox__content {
  min-height: auto;
}

.has-image[data-image-fit="contain-w"] .fancybox__image {
  max-width: 100%;
  height: auto;
}

.has-image[data-image-fit="cover"] {
  overflow: visible;
  touch-action: none;
}

.has-image[data-image-fit="cover"] .fancybox__content {
  width: 100%;
  height: 100%;
}

.has-image[data-image-fit="cover"] .fancybox__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content, .fancybox__carousel .fancybox__slide.has-map .fancybox__content, .fancybox__carousel .fancybox__slide.has-pdf .fancybox__content, .fancybox__carousel .fancybox__slide.has-video .fancybox__content, .fancybox__carousel .fancybox__slide.has-html5video .fancybox__content {
  max-width: 100%;
  flex-shrink: 1;
  min-height: 1px;
  overflow: visible;
}

.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content, .fancybox__carousel .fancybox__slide.has-map .fancybox__content, .fancybox__carousel .fancybox__slide.has-pdf .fancybox__content {
  width: 100%;
  height: 80%;
}

.fancybox__carousel .fancybox__slide.has-video .fancybox__content, .fancybox__carousel .fancybox__slide.has-html5video .fancybox__content {
  width: 960px;
  height: 540px;
  max-width: 100%;
  max-height: 100%;
}

.fancybox__carousel .fancybox__slide.has-map .fancybox__content, .fancybox__carousel .fancybox__slide.has-pdf .fancybox__content, .fancybox__carousel .fancybox__slide.has-video .fancybox__content, .fancybox__carousel .fancybox__slide.has-html5video .fancybox__content {
  padding: 0;
  background: rgba(24, 24, 27, 0.9);
  color: #fff;
}

.fancybox__carousel .fancybox__slide.has-map .fancybox__content {
  background: #e5e3df;
}

.fancybox__html5video,
.fancybox__iframe {
  border: 0;
  display: block;
  height: 100%;
  width: 100%;
  background: transparent;
}

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

.fancybox__thumbs {
  flex: 0 0 auto;
  position: relative;
  padding: 0px 3px;
  opacity: var(--fancybox-opacity, 1);
}

.fancybox__container.is-animated[aria-hidden="false"] .fancybox__thumbs {
  animation: 0.15s ease-in backwards fancybox-fadeIn;
}

.fancybox__container.is-animated.is-closing .fancybox__thumbs {
  opacity: 0;
}

.fancybox__thumbs .carousel__slide {
  flex: 0 0 auto;
  width: var(--fancybox-thumbs-width, 96px);
  margin: 0;
  padding: 8px 3px;
  box-sizing: content-box;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: visible;
  cursor: pointer;
}

.fancybox__thumbs .carousel__slide .fancybox__thumb::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-width: 5px;
  border-style: solid;
  border-color: var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));
  opacity: 0;
  transition: opacity 0.15s ease;
  border-radius: var(--fancybox-thumbs-border-radius, 4px);
}

.fancybox__thumbs .carousel__slide.is-nav-selected .fancybox__thumb::after {
  opacity: 0.92;
}

.fancybox__thumbs .carousel__slide > * {
  pointer-events: none;
  user-select: none;
}

.fancybox__thumb {
  position: relative;
  width: 100%;
  /* Keep aspect ratio */
  padding-top: calc(100% / (var(--fancybox-thumbs-ratio, 1.5)));
  background-size: cover;
  background-position: center center;
  background-color: rgba(255, 255, 255, 0.1);
  background-repeat: no-repeat;
  border-radius: var(--fancybox-thumbs-border-radius, 4px);
}

.fancybox__toolbar {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 20;
  background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.006) 8.1%, rgba(0, 0, 0, 0.021) 15.5%, rgba(0, 0, 0, 0.046) 22.5%, rgba(0, 0, 0, 0.077) 29%, rgba(0, 0, 0, 0.114) 35.3%, rgba(0, 0, 0, 0.155) 41.2%, rgba(0, 0, 0, 0.198) 47.1%, rgba(0, 0, 0, 0.242) 52.9%, rgba(0, 0, 0, 0.285) 58.8%, rgba(0, 0, 0, 0.326) 64.7%, rgba(0, 0, 0, 0.363) 71%, rgba(0, 0, 0, 0.394) 77.5%, rgba(0, 0, 0, 0.419) 84.5%, rgba(0, 0, 0, 0.434) 91.9%, rgba(0, 0, 0, 0.44) 100%);
  padding: 0;
  touch-action: none;
  display: flex;
  justify-content: space-between;
  --carousel-button-svg-width: 20px;
  --carousel-button-svg-height: 20px;
  opacity: var(--fancybox-opacity, 1);
  text-shadow: var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.4));
}

@media all and (min-width: 1024px) {
  .fancybox__toolbar {
    padding: 8px;
  }
}

.fancybox__container.is-animated[aria-hidden="false"] .fancybox__toolbar {
  animation: 0.15s ease-in backwards fancybox-fadeIn;
}

.fancybox__container.is-animated.is-closing .fancybox__toolbar {
  opacity: 0;
}

.fancybox__toolbar__items {
  display: flex;
}

.fancybox__toolbar__items--left {
  margin-right: auto;
}

.fancybox__toolbar__items--center {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.fancybox__toolbar__items--right {
  margin-left: auto;
}

@media (max-width: 640px) {
  .fancybox__toolbar__items--center:not(:last-child) {
    display: none;
  }
}

.fancybox__counter {
  min-width: 72px;
  padding: 0 10px;
  line-height: var(--carousel-button-height, 48px);
  text-align: center;
  font-size: 17px;
  font-variant-numeric: tabular-nums;
  -webkit-font-smoothing: subpixel-antialiased;
}

.fancybox__progress {
  background: var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));
  height: 3px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transform: scaleX(0);
  transform-origin: 0;
  transition-property: transform;
  transition-timing-function: linear;
  z-index: 30;
  user-select: none;
}

.fancybox__container:fullscreen::backdrop {
  opacity: 0;
}

.fancybox__button--fullscreen g:nth-child(2) {
  display: none;
}

.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(1) {
  display: none;
}

.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(2) {
  display: block;
}

.fancybox__button--slideshow g:nth-child(2) {
  display: none;
}

.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(1) {
  display: none;
}

.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(2) {
  display: block;
}

/**
 * Swiper 8.4.4
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2022 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: October 12, 2022
 */
@font-face {
  font-family: 'swiper-icons';
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal;
}

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

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

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

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}

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

.swiper-pointer-events {
  touch-action: pan-y;
}

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

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

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

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

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

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

/* 3D Effects */
.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-wrapper,
.swiper-3d .swiper-slide,
.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-cube-shadow {
  transform-style: preserve-3d;
}

.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));
}

/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}

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

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

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

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

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

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

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

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

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

.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
}

.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-navigation-color: var(--swiper-theme-color);
  */
}

.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

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

.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
  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:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: 'prev';
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: 'next';
}

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

:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
  */
}

.swiper-pagination {
  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;
}

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

/* Bullets */
.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: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: 50%;
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  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;
  appearance: none;
}

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

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

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

.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}

.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}

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

.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform, 200ms top;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

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

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

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

/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}

.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 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;
  height: 100%;
  left: 0;
  top: 0;
}

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

/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: 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%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

.swiper-vertical > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-vertical {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  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%;
  object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
}

/* Preloader */
:root {
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  */
}

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

.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-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);
  }
}

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

.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,
.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube {
  overflow: visible;
}

.swiper-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  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,
.swiper-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}

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

.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-flip {
  overflow: visible;
}

.swiper-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  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-top,
.swiper-flip .swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

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

.swiper-cards {
  overflow: visible;
}

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

@media only screen and (min-width: 768px) {
  .hide-sm-min {
    display: none !important;
  }
}

@media only screen and (min-width: 1280px) {
  .hide-lg-min {
    display: none !important;
  }
}

:root {
  --body-font-weight-bold: 500;
  --ratio-landscape: 71.68%;
  --ratio-square: 100%;
  --ratio-portrait: 118%;
  --list-margin: 1rem 0;
  --list-padding: 0 0 0 1rem;
  --list-item-spacer: 1.6125rem;
  --li-font-family: var(--p-font-family);
  --li-font-size: var(--p-font-size);
  --li-font-weight: var(--p-font-weight);
  --li-font-style: var(--p-font-style);
  --li-line-height: var(--p-line-height);
  --li-letter-spacing: var(--p-letter-spacing);
  --li-text-transform: var(--p-text-transform);
  --li-text-decoration: var(--p-text-decoration);
  --li-margin: 0.875rem 0;
  --color-error: #ff5656;
  --color-approve: #28a745;
  --btn-font-family:            var(--font-primary);
  --btn-font-style:             normal;
  --btn-font-weight:            500;
  --btn-font-size:              0.875rem;
  --btn-height:                 3rem;
  --btn-min-width:              10.5rem;
  --btn-padding:                0 1.25rem;
  --btn-background-color:       var(--color-text-dark);
  --btn-background-color-hover: var(--color-text-dark-secondary);
  --btn-text-color:             var(--color-text-light);
  --btn-border-radius:          2rem;
  --btn-letter-spacing:         0;
  --btn-border:                 0;
  --btn-text-transform:         uppercase;
  --link-font-family:            var(--p-font-family);
  --link-font-style:             var(--p-font-style);
  --link-font-weight:            500;
  --link-font-size:              0.875rem;
  --link-text-color:             var(--color-text-primary);
  --link-text-color-hover:       var(--color-text-primary);
  --link-text-color:             var(--color-text-primary);
  --link-height:                 auto;
  --link-border-radius:          0;
  --link-text-transform:         uppercase;
  --link-padding:                0;
  --link-letter-spacing:         0;
  --link-border:                 0;
  /* Link */
  --link-font-family: var(--font-primary);
  --border-radius: 10px;
  --border-radius-small: 0;
  --site-width: 1680px;
  --content-width-xl: 640px;
  --content-width-large: 580px;
  --content-width: 450px;
  --content-width-small: 330px;
  --color-background: var(--body-background-color);
  --color-error: #b00020;
  --fancybox-accent-color: var(--color-cta);
}

@media screen and (min-width: 768px) {
  :root {
    --btn-font-size:              1rem;
    --btn-height:                 3.25rem;
    --btn-min-width:              14rem;
    --btn-padding:                0 1.625rem;
  }
}

@media screen and (min-width: 768px) {
  :root {
    --link-font-size:          1rem;
  }
}

@media screen and (max-width: 767px) {
  :root {
    --noheader-padding: calc(var(--section-padding) + var(--nav-height));
    --column-padding: 0.5rem;
    --container-padding: 1rem;
    --container-padding-small: 1rem;
    --section-padding: 3rem;
  }
}

@media screen and (min-width: 768px) {
  :root {
    --noheader-padding: calc(var(--section-padding) + var(--nav-height));
    --column-padding: 0.5rem;
    --container-padding: 3.125rem;
    --container-padding-small: 3.125rem;
    --section-padding: 4rem;
  }
}

@media screen and (min-width: 1280px) {
  :root {
    --section-padding: 6.25rem;
  }
}

.icon-arrow {
  width: 1.15rem;
  margin-left: 0.75rem;
}

.icon-arrow svg {
  width: 100%;
  transition: 0.24s ease-out transform;
  height: auto;
}

:root {
  --grid-1-column: 8.3333333333%;
  --grid-2-column: 16.6666666667%;
  --grid-3-column: 25%;
  --grid-4-column: 33.3333333333%;
  --grid-5-column: 41.6666666667%;
  --grid-6-column: 50%;
  --grid-7-column: 58.3333333333%;
  --grid-8-column: 66.6666666667%;
  --grid-9-column: 75%;
  --grid-10-column: 83.3333333333%;
  --grid-11-column: 91.6666666667%;
  --grid-12-column: 100%;
}

.has-js .content-animate .content {
  opacity: 0;
  transform: translateY(2rem);
  transition: opacity 0.32s ease-in-out, transform 0.24s ease-in-out;
}

.has-js .content-animate.show .content {
  opacity: 1;
  transform: translateY(0);
}

.edit-page {
  position: fixed;
  right: 1.5rem;
  bottom: 1.5rem;
  height: 4rem;
  width: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: var(--color-text-dark);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
  z-index: 10000000;
  border-radius: 50%;
  background: var(--color-text-light);
  transition: 0.24s ease-out transform;
  background-image: url("assets/images/beam/icons/edit.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 1.5rem;
  text-indent: -9999px;
  overflow: hidden;
}

.edit-page:hover {
  transform: scale(1.1);
}

.edit-page:active {
  transform: scale(0.95);
}

.list-menu {
  display: inline-block;
  list-style: none;
  padding: 0;
  margin: 1.5rem 0 0 0;
}

.list-menu li {
  position: relative;
  line-height: 1;
  padding-left: 1.25rem;
}

.list-menu li + li {
  margin-top: 1rem;
}

.list-menu li:before {
  content: "-";
  line-height: 1;
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  transition: 0.24s ease-out opacity;
}

.list-menu a {
  transition: 0.24s ease-out opacity;
  line-height: 1;
}

.list-menu:hover a {
  opacity: 0.4;
}

.list-menu:hover a:hover {
  opacity: 1;
}

.list-menu:hover li:before {
  opacity: 0.4;
}

.list-menu:hover li:hover:before {
  opacity: 1;
}

ul.page-numbers {
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 0;
  list-style: none;
}

ul.page-numbers li {
  margin: 0 0.25rem;
  line-height: 1;
}

ul.page-numbers a, ul.page-numbers span {
  line-height: 1;
  font-size: 1rem;
  font-weight: 400;
  display: block;
  padding: 0 0.75rem;
  height: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

ul.page-numbers a {
  transition: 0.24s ease-out opacity;
}

ul.page-numbers a:hover {
  opacity: 0.4;
}

ul.page-numbers span.current {
  background: var(--color-text-dark);
  color: var(--color-text-light);
  pointer-events: none;
}

#body #cookie-notice {
  --color-text-primary: var(--color-text-dark);
  position: fixed;
  border-radius: 0.25rem !important;
  background-color: transparent;
  z-index: 10001;
  min-width: auto;
  right: var(--container-padding-small);
  bottom: var(--container-padding-small);
  width: auto;
  min-width: auto;
  padding: 1.375rem;
  border-radius: 0;
  background: var(--color-text-light) !important;
  box-shadow: 0 0 30px rgba(var(--color-text-dark-rgb), 0.06);
}

#body #cookie-notice.cookie-notice-hidden {
  display: none !important;
}

#body #cookie-notice .cookie-notice-container {
  position: relative;
  border-radius: 0;
  box-shadow: none;
  background-color: transparent;
  text-align: left;
  padding: 0;
}

#body #cookie-notice .cookie-notice-container .cn-text-container {
  display: block;
  margin: 0;
  min-width: auto;
  max-width: 510px;
  width: 100%;
}

#body #cookie-notice .cookie-notice-container .cn-text-container .cookie-title {
  display: block;
  font-family: var(--h6-font-family);
  font-size: var(--h6-font-size);
  font-weight: var(--h6-font-weight);
  font-style: var(--h6-font-style);
  line-height: var(--h6-line-height);
  letter-spacing: var(--h6-letter-spacing);
  text-transform: var(--h6-text-transform);
  text-decoration: var(--h6-text-decoration);
  margin: var(--h6-margin);
  margin-top: 0;
}

#body #cookie-notice .cookie-notice-container .cn-text-container p, #body #cookie-notice .cookie-notice-container .cn-text-container span {
  font-size: 0.875rem;
  line-height: 1.5;
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  font-weight: 400;
}

#body #cookie-notice .cookie-notice-container .cn-text-container p a, #body #cookie-notice .cookie-notice-container .cn-text-container span a {
  line-height: 1.5;
  font-size: 0.75rem;
  color: var(--color-text-primary);
  font-weight: 600;
}

#body #cookie-notice .cookie-notice-container .cn-text-container p a:hover, #body #cookie-notice .cookie-notice-container .cn-text-container span a:hover {
  border: 0;
}

#body #cookie-notice .cookie-notice-container .cn-buttons-container {
  display: flex;
  padding: 0;
}

#body #cookie-notice .cookie-notice-container .cn-buttons-container .cn-button {
  margin: 0;
  display: flex;
  background: var(--color-cta);
  color: var(--color-text-light);
}

#body #cookie-notice .cookie-notice-container .cn-buttons-container .cn-button:hover {
  background: var(--color-cta-darker);
}

#body #cookie-notice .cookie-notice-container .cn-buttons-container .cn-button.cn-more-info {
  display: none !important;
}

#body #cookie-notice .cookie-notice-container .cn-buttons-container .cn-button + .btn, #body #cookie-notice .cookie-notice-container .cn-buttons-container .list-nav > li.list-btn .cn-button + a, .list-nav > li.list-btn #body #cookie-notice .cookie-notice-container .cn-buttons-container .cn-button + a, #body #cookie-notice .cookie-notice-container .cn-buttons-container .list-overlay li.list-btn .cn-button + a, .list-overlay li.list-btn #body #cookie-notice .cookie-notice-container .cn-buttons-container .cn-button + a {
  margin-left: 0.5rem;
  background: transparent;
  color: var(--color-text-dark);
  transform: none;
  transition: 0.24s ease-out opacity;
}

#body #cookie-notice .cookie-notice-container .cn-buttons-container .cn-button + .btn:hover, #body #cookie-notice .cookie-notice-container .cn-buttons-container .list-nav > li.list-btn .cn-button + a:hover, .list-nav > li.list-btn #body #cookie-notice .cookie-notice-container .cn-buttons-container .cn-button + a:hover, #body #cookie-notice .cookie-notice-container .cn-buttons-container .list-overlay li.list-btn .cn-button + a:hover, .list-overlay li.list-btn #body #cookie-notice .cookie-notice-container .cn-buttons-container .cn-button + a:hover {
  opacity: 0.6;
}

#body #cookie-notice .cn-close-icon {
  display: none;
  border: 2px solid #fff;
  border-radius: 50%;
  margin: 0;
  right: 0;
  top: 1.25rem;
  padding: 11px 11px 9px 9px;
  transition: 0.24s ease-out opacity;
}

#body #cookie-notice .cn-close-icon:before, #body #cookie-notice .cn-close-icon:after {
  top: 4px;
  height: 12px;
  background-color: var(--color-text-dark);
}

@media only screen and (max-width: 767px) {
  #body #cookie-notice {
    left: var(--container-padding-small);
  }
  #body #cookie-notice .cn-buttons-container {
    margin-top: 1.5rem;
  }
}

@media only screen and (min-width: 768px) {
  #body #cookie-notice {
    left: auto;
    margin-left: 1.5rem;
  }
  #body #cookie-notice .cn-buttons-container {
    margin-top: 1.5rem;
  }
}

.to-top-container {
  display: none !important;
}

body, h1, h2, h3, h4, h5, h6, p, a, span, th, td, li {
  color: var(--color-text-primary);
}

body {
  font-family: var(--body-font-family);
  font-size: var(--body-font-size);
  font-weight: var(--body-font-weight);
  font-style: var(--body-font-style);
  line-height: var(--body-line-height);
  letter-spacing: var(--body-letter-spacing);
  text-transform: var(--body-text-transform);
  text-decoration: var(--body-text-decoration);
  word-break: break-word;
  hyphens: none;
}

h1 em, h2 em, h3 em, h4 em, h5 em, h6 em, .style-h1 em, .style-h2 em, .style-h3 em, .style-h4 em, .style-h5 em, .style-h6 em {
  font-style: normal;
  font-family: var(--font-third);
  text-transform: none;
}

h1, .style-h1 {
  font-family: var(--h1-font-family);
  font-size: var(--h1-font-size);
  font-weight: var(--h1-font-weight);
  font-style: var(--h1-font-style);
  line-height: var(--h1-line-height);
  letter-spacing: var(--h1-letter-spacing);
  text-transform: var(--h1-text-transform);
  text-decoration: var(--h1-text-decoration);
  margin: var(--h1-margin);
}

h2, .style-h2 {
  font-family: var(--h2-font-family);
  font-size: var(--h2-font-size);
  font-weight: var(--h2-font-weight);
  font-style: var(--h2-font-style);
  line-height: var(--h2-line-height);
  letter-spacing: var(--h2-letter-spacing);
  text-transform: var(--h2-text-transform);
  text-decoration: var(--h2-text-decoration);
  margin: var(--h2-margin);
}

h2 + h3, h2 + .style-h3, .style-h2 + h3, .style-h2 + .style-h3 {
  margin: 0;
}

h3, .style-h3 {
  font-family: var(--h3-font-family);
  font-size: var(--h3-font-size);
  font-weight: var(--h3-font-weight);
  font-style: var(--h3-font-style);
  line-height: var(--h3-line-height);
  letter-spacing: var(--h3-letter-spacing);
  text-transform: var(--h3-text-transform);
  text-decoration: var(--h3-text-decoration);
  margin: var(--h3-margin);
}

h3 + h3, h3 + .style-h3, .style-h3 + h3, .style-h3 + .style-h3 {
  margin: 0;
}

h4, .style-h4 {
  font-family: var(--h4-font-family);
  font-size: var(--h4-font-size);
  font-weight: var(--h4-font-weight);
  font-style: var(--h4-font-style);
  line-height: var(--h4-line-height);
  letter-spacing: var(--h4-letter-spacing);
  text-transform: var(--h4-text-transform);
  text-decoration: var(--h4-text-decoration);
  margin: var(--h4-margin);
}

h4 + h1, h4 + h2, h4 + .style-h1, h4 + .style-h2, .style-h4 + h1, .style-h4 + h2, .style-h4 + .style-h1, .style-h4 + .style-h2 {
  margin-top: 1rem;
}

h4 + h3, h4 + h4, h4 + h5, h4 + .style-h3, h4 + .style-h4, h4 + .style-h5, .style-h4 + h3, .style-h4 + h4, .style-h4 + h5, .style-h4 + .style-h3, .style-h4 + .style-h4, .style-h4 + .style-h5 {
  margin-top: 0.25rem;
}

h5, .style-h5 {
  font-family: var(--h5-font-family);
  font-size: var(--h5-font-size);
  font-weight: var(--h5-font-weight);
  font-style: var(--h5-font-style);
  line-height: var(--h5-line-height);
  letter-spacing: var(--h5-letter-spacing);
  text-transform: var(--h5-text-transform);
  text-decoration: var(--h5-text-decoration);
  margin: var(--h5-margin);
}

h5 + h4, h5 + .style-h4, .style-h5 + h4, .style-h5 + .style-h4 {
  margin-top: 2.5rem;
}

h6, .style-h6 {
  font-family: var(--h6-font-family);
  font-size: var(--h6-font-size);
  font-weight: var(--h6-font-weight);
  font-style: var(--h6-font-style);
  line-height: var(--h6-line-height);
  letter-spacing: var(--h6-letter-spacing);
  text-transform: var(--h6-text-transform);
  text-decoration: var(--h6-text-decoration);
  margin: var(--h6-margin);
}

.style-h1,
.style-h2,
.style-h3,
.style-h4,
.style-h5,
.style-h6 {
  display: block;
}

p, .style-p {
  font-family: var(--p-font-family);
  font-size: var(--p-font-size);
  font-weight: var(--p-font-weight);
  font-style: var(--p-font-style);
  line-height: var(--p-line-height);
  letter-spacing: var(--p-letter-spacing);
  text-transform: var(--p-text-transform);
  text-decoration: var(--p-text-decoration);
  margin: var(--p-margin);
}

p a, .style-p a {
  text-decoration: underline;
  display: inline;
}

p a:hover, .style-p a:hover {
  text-decoration: none;
}

a {
  text-decoration: none;
}

th {
  font-family: var(--th-font-family);
  font-size: var(--th-font-size);
  font-weight: var(--th-font-weight);
  font-style: var(--th-font-style);
  line-height: var(--th-line-height);
  letter-spacing: var(--th-letter-spacing);
  text-transform: var(--th-text-transform);
  text-decoration: var(--th-text-decoration);
  margin: var(--th-margin);
}

th strong {
  --body-font-weight-bold: 600;
}

td {
  font-family: var(--td-font-family);
  font-size: var(--td-font-size);
  font-weight: var(--td-font-weight);
  font-style: var(--td-font-style);
  line-height: var(--td-line-height);
  letter-spacing: var(--td-letter-spacing);
  text-transform: var(--td-text-transform);
  text-decoration: var(--td-text-decoration);
  margin: var(--td-margin);
}

td strong {
  --body-font-weight-bold: 600;
}

.lead {
  font-family: var(--lead-font-family);
  font-size: var(--lead-font-size);
  font-weight: var(--lead-font-weight);
  font-style: var(--lead-font-style);
  line-height: var(--lead-line-height);
  letter-spacing: var(--lead-letter-spacing);
  text-transform: var(--lead-text-transform);
  text-decoration: var(--lead-text-decoration);
  margin: var(--lead-margin);
}

.small {
  font-family: var(--small-font-family);
  font-size: var(--small-font-size);
  font-weight: var(--small-font-weight);
  font-style: var(--small-font-style);
  line-height: var(--small-line-height);
  letter-spacing: var(--small-letter-spacing);
  text-transform: var(--small-text-transform);
  text-decoration: var(--small-text-decoration);
  margin: var(--small-margin);
}

ol, ul {
  margin: var(--list-margin);
  padding: var(--list-padding);
  list-style-position: inside;
}

ol li, ul li {
  font-family: var(--li-font-family);
  font-size: var(--li-font-size);
  font-weight: var(--li-font-weight);
  font-style: var(--li-font-style);
  line-height: var(--li-line-height);
  letter-spacing: var(--li-letter-spacing);
  text-transform: var(--li-text-transform);
  text-decoration: var(--li-text-decoration);
  margin: var(--li-margin);
}

ol li a, ul li a {
  font-family: var(--li-font-family);
  font-size: var(--li-font-size);
  font-weight: var(--li-font-weight);
  font-style: var(--li-font-style);
  line-height: var(--li-line-height);
  letter-spacing: var(--li-letter-spacing);
  text-transform: var(--li-text-transform);
  text-decoration: var(--li-text-decoration);
  margin: var(--li-margin);
}

.content-text li {
  --li-margin: 0.25rem 0;
}

ul {
  list-style-type: disc;
}

ol {
  list-style-type: decimal;
}

table {
  width: 100%;
  margin: 1rem 0;
}

table:has(tr th:nth-child(2):last-child) th {
  width: 50%;
}

table tr:nth-child(odd) td {
  background: rgba(var(--color-text-primary-rgb), 0.04);
}

table th {
  font-weight: var(--body-font-weight-bold);
  border-bottom: 2px solid rgba(var(--color-text-primary-rgb), 0.16);
  padding: 0 0.5rem 0.5rem 0.5rem;
}

table td {
  padding: 0.75rem 0.5rem;
}

@media only screen and (max-width: 767px) {
  table {
    --td-font-size: 0.875rem;
  }
}

@media only screen and (min-width: 768px) {
  table {
    --td-font-size: 1rem;
  }
}

th {
  font-family: var(--th-font-family);
  font-size: var(--th-font-size);
  font-weight: var(--th-font-weight);
  font-style: var(--th-font-style);
  line-height: var(--th-line-height);
  letter-spacing: var(--th-letter-spacing);
  text-transform: var(--th-text-transform);
  text-decoration: var(--th-text-decoration);
  margin: var(--th-margin);
}

td {
  font-family: var(--td-font-family);
  font-size: var(--td-font-size);
  font-weight: var(--td-font-weight);
  font-style: var(--td-font-style);
  line-height: var(--td-line-height);
  letter-spacing: var(--td-letter-spacing);
  text-transform: var(--td-text-transform);
  text-decoration: var(--td-text-decoration);
  margin: var(--td-margin);
}

strong, b {
  font-weight: var(--body-font-weight-bold);
}

i, em {
  font-style: italic;
}

button, .btn, .list-nav > li.list-btn a, .list-overlay li.list-btn a {
  font-family: var(--btn-font-family);
  font-style: var(--btn-font-style);
  font-weight: var(--btn-font-weight);
  font-size: var(--btn-font-size);
  background-color: var(--btn-background-color);
  color: var(--btn-text-color);
  height: var(--btn-height);
  min-width: var(--btn-min-width);
  border-radius: var(--btn-border-radius);
  padding: var(--btn-padding);
  letter-spacing: var(--btn-letter-spacing);
  border: var(--btn-border);
  text-transform: var(--btn-text-transform);
  line-height: 1;
  outline: none;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  float: none;
  overflow: hidden;
  opacity: 1;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  transition: 0.24s ease-out background-color, 0.24s ease-out color, 0.24s ease-out transform;
}

button .icon-arrow .stroke, .btn .icon-arrow .stroke, .list-nav > li.list-btn a .icon-arrow .stroke, .list-overlay li.list-btn a .icon-arrow .stroke {
  stroke: var(--btn-text-color);
}

button:hover, button:active, button:focus, .btn:hover, .list-nav > li.list-btn a:hover, .list-overlay li.list-btn a:hover, .btn:active, .list-nav > li.list-btn a:active, .list-overlay li.list-btn a:active, .btn:focus, .list-nav > li.list-btn a:focus, .list-overlay li.list-btn a:focus {
  text-decoration: none;
  border: 0;
  color: var(--btn-text-color);
}

button:hover .icon-arrow .stroke, button:active .icon-arrow .stroke, button:focus .icon-arrow .stroke, .btn:hover .icon-arrow .stroke, .list-nav > li.list-btn a:hover .icon-arrow .stroke, .list-overlay li.list-btn a:hover .icon-arrow .stroke, .btn:active .icon-arrow .stroke, .list-nav > li.list-btn a:active .icon-arrow .stroke, .list-overlay li.list-btn a:active .icon-arrow .stroke, .btn:focus .icon-arrow .stroke, .list-nav > li.list-btn a:focus .icon-arrow .stroke, .list-overlay li.list-btn a:focus .icon-arrow .stroke {
  stroke: var(--btn-text-color);
}

button:hover, button:active, .btn:hover, .list-nav > li.list-btn a:hover, .list-overlay li.list-btn a:hover, .btn:active, .list-nav > li.list-btn a:active, .list-overlay li.list-btn a:active {
  background-color: var(--btn-background-color-hover);
  color: var(--btn-text-color);
}

button:hover .icon-arrow .stroke, button:active .icon-arrow .stroke, .btn:hover .icon-arrow .stroke, .list-nav > li.list-btn a:hover .icon-arrow .stroke, .list-overlay li.list-btn a:hover .icon-arrow .stroke, .btn:active .icon-arrow .stroke, .list-nav > li.list-btn a:active .icon-arrow .stroke, .list-overlay li.list-btn a:active .icon-arrow .stroke {
  stroke: var(--btn-text-color);
}

button:active, .btn:active, .list-nav > li.list-btn a:active, .list-overlay li.list-btn a:active {
  transform: scale3d(0.98, 0.98, 1);
}

.link {
  font-family: var(--link-font-family);
  font-style: var(--link-font-style);
  font-weight: var(--link-font-weight);
  font-size: var(--link-font-size);
  height: var(--link-height);
  border-radius: var(--link-border-radius);
  text-transform: var(--link-text-transform);
  padding: var(--link-padding);
  letter-spacing: var(--link-letter-spacing);
  border: var(--link-border);
  line-height: 1;
  outline: none;
  cursor: pointer;
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  float: none;
  opacity: 1;
  position: relative;
  display: flex;
  align-items: center;
  transition: 0.24s ease-out opacity;
}

.link:hover, .link:active, .link:focus {
  color: var(--color-text-primary);
  opacity: 0.4;
  text-decoration: none;
  transition: 0.24s ease-out opacity;
}

.fancybox__container {
  z-index: 99999999;
}

.fancybox__container .carousel__button {
  color: var(--color-text-light);
  background: transparent;
  min-width: auto;
  transition: 0.24s ease-out background-color;
}

.fancybox__container .carousel__button svg {
  transition: 0.24s ease-out transform;
}

.fancybox__container .carousel__button:hover {
  background: rgba(var(--color-text-light-rgb), 0.2);
}

.fancybox__container .carousel__button.is-next:hover svg {
  transform: translateX(0.15rem);
}

.fancybox__container .carousel__button.is-prev:hover svg {
  transform: translateX(-0.15rem);
}

.fancybox__container .carousel__button.is-close {
  top: -3rem;
  right: 50%;
  transform: translateX(50%);
}

.fancybox__container .carousel__button.is-close:hover svg {
  transform: rotate(90deg);
}

.fancybox__container .fancybox__backdrop {
  background: rgba(0, 0, 0, 0.7);
}

.fancybox__container .fancybox__iframe {
  border-radius: 0.75rem;
  overflow: hidden;
  transform-style: preserve-3d;
}

.cards-nav-container {
  display: none;
}

@media only screen and (min-width: 768px) {
  .cards-nav-container {
    display: flex;
    position: absolute;
    right: 0;
    top: calc(-0.5 * var(--section-padding));
    transform: translateY(-100%);
    z-index: 1000;
  }
}

.cards-nav {
  position: relative;
  width: 2.625rem;
  height: 2.625rem;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
  transition: 0.24s ease-out opacity;
}

.cards-nav:hover {
  opacity: 0.6;
}

.cards-nav.swiper-button-disabled {
  opacity: 0.4;
  cursor: default;
}

.cards-nav svg {
  display: block;
}

.cards-nav + .cards-nav {
  margin-left: 0.5rem;
}

#footer {
  position: relative;
  overflow: hidden;
  background-color: var(--footer-background-color, var(--body-background-color));
}

.company-note {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  font-size: 0.875rem;
  margin-top: 1.25rem;
}

.company-note em {
  display: block;
}

.footer-top {
  position: relative;
  z-index: 10;
}

.footer-top .logo-icon {
  position: relative;
  width: 8rem;
}

.footer-top .logo-icon .fill {
  fill: var(--color-conscious-green);
}

.footer-top .logo-icon svg {
  transition: 0.24s ease-out transform;
}

.footer-top .logo-icon:hover svg, .footer-top .logo-icon:active svg, .footer-top .logo-icon:focus svg {
  transform: rotate(-15deg);
}

.footer-top .logo-icon:active svg {
  transform: rotate(-15deg) scale3d(0.98, 0.98, 1);
}

.footer-top a {
  text-decoration: none;
  transition: 0.24s ease-out opacity;
}

.footer-top a:hover {
  text-decoration: none;
  opacity: 0.4;
}

.footer-top .link-icon {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
  cursor: pointer;
}

.footer-top .column-logo .content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.footer-top .column-logo .list-flags {
  margin: 2rem auto 0;
}

@media only screen and (max-width: 767px) {
  .footer-top {
    padding: calc(0.6 * var(--section-padding)) 0;
  }
  .footer-top .column-logo .logo-icon {
    margin: 0 auto;
  }
}

@media only screen and (min-width: 768px) {
  .footer-top {
    padding: calc(0.6 * var(--section-padding)) 0;
  }
  .footer-top .column-logo {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .footer-top .column-logo .content {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .footer-top .column-logo .list-flags {
    margin-left: auto;
    margin-right: auto;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .footer-top .column-description {
    flex-basis: var(--grid-5-column);
    min-width: var(--grid-5-column);
    max-width: var(--grid-5-column);
    margin-left: 0;
    margin-right: 0;
  }
  .footer-top .column-nav {
    flex-basis: var(--grid-7-column);
    min-width: var(--grid-7-column);
    max-width: var(--grid-7-column);
    margin-left: 0;
    margin-right: 0;
  }
  .footer-top .column-logo {
    flex-basis: var(--grid-12-column);
    min-width: var(--grid-12-column);
    max-width: var(--grid-12-column);
    margin-left: 0;
    margin-right: 0;
    margin-bottom: var(--section-padding);
  }
  .footer-top .column-logo .logo-icon {
    margin: 0 auto;
  }
  .footer-top .column-socials {
    margin-top: calc(0.5 * var(--section-padding));
    flex-basis: var(--grid-12-column);
    min-width: var(--grid-12-column);
    max-width: var(--grid-12-column);
    margin-left: 0;
    margin-right: 0;
  }
}

@media only screen and (min-width: 1280px) {
  .footer-top .column {
    flex-basis: var(--grid-2-column);
    min-width: var(--grid-2-column);
    max-width: var(--grid-2-column);
    margin-left: 0;
    margin-right: 0;
  }
  .footer-top .column-logo {
    flex-basis: var(--grid-3-column);
    min-width: var(--grid-3-column);
    max-width: var(--grid-3-column);
    margin-left: 0;
    margin-right: 0;
  }
  .footer-top .column-description {
    flex-basis: var(--grid-3-column);
    min-width: var(--grid-3-column);
    max-width: var(--grid-3-column);
    margin-left: 0;
    margin-right: 0;
  }
  .footer-top .column-nav {
    flex-basis: var(--grid-4-column);
    min-width: var(--grid-4-column);
    max-width: var(--grid-4-column);
    margin-left: 0;
    margin-right: 0;
  }
}

.footer-bottom {
  position: relative;
  z-index: 10;
  padding: 1.25rem 0 1.75rem 0;
}

.footer-bottom:before {
  content: "";
  position: absolute;
  left: var(--container-padding);
  right: var(--container-padding);
  top: 0;
  height: 1px;
  z-index: 10;
  background: var(--color-text-primary);
}

.footer-bottom .columns + .columns {
  margin-top: var(--container-padding);
}

.footer-bottom p, .footer-bottom a {
  font-size: 0.75rem;
  margin: 0;
}

.footer-bottom .copy span {
  text-transform: uppercase;
  font-weight: var(--body-font-weight-bold);
}

@media only screen and (max-width: 767px) {
  .footer-bottom {
    text-align: center;
  }
  .footer-bottom .column + .column {
    margin-top: 0.5rem;
  }
  .footer-bottom .list-meta {
    margin-top: 0.5rem;
  }
}

@media only screen and (min-width: 768px) {
  .footer-bottom .columns + .columns {
    margin-top: 1rem;
  }
  .footer-bottom .column-copyright,
.footer-bottom .column-nav {
    flex-basis: 0;
    min-width: auto;
    max-width: 100%;
    flex-grow: 1;
    flex-shrink: 1;
  }
  .footer-bottom .column-copyright .content,
.footer-bottom .column-nav .content {
    display: flex;
  }
  .footer-bottom .column-nav .content {
    justify-content: flex-end;
  }
}

.list-footer {
  margin: 0;
  padding: 0;
  list-style: none;
}

.list-footer a {
  white-space: nowrap;
  transition: 0.24s ease-out opacity;
}

.list-footer:hover a {
  opacity: 0.4;
}

.list-footer:hover a:hover {
  opacity: 1;
}

@media only screen and (min-width: 768px) {
  .list-footer {
    max-width: 350px;
  }
  .list-footer:has(li:nth-child(n + 5)) {
    columns: 2;
  }
}

.list-meta {
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
}

.list-meta li {
  margin: 0;
  line-height: 1;
}

.list-meta li + li {
  margin-left: 1rem;
}

.list-meta a {
  font-size: 0.75rem;
  line-height: 1;
  display: block;
}

.list-meta a:hover {
  text-decoration: underline;
}

@media only screen and (max-width: 767px) {
  .list-meta {
    justify-content: center;
  }
}

@media only screen and (min-width: 768px) {
  .list-meta {
    margin-left: 1.75rem;
  }
  .list-meta li + li {
    margin-left: 1.75rem;
  }
}

.section.section-contact {
  --color-text-primary: var(--color-text-light);
  border-radius: 50px 50px 0 0;
  margin-top: -50px;
  padding-top: calc(1.5 * var(--section-padding));
  padding-bottom: calc(0.5 * var(--section-padding));
  background-color: var(--footer-background-color, var(--body-background-color));
  text-align: center;
  z-index: 3;
  margin-bottom: -1px;
}

.section.section-contact h2 {
  font-family: var(--h1-font-family);
  font-size: var(--h1-font-size);
  font-weight: var(--h1-font-weight);
  font-style: var(--h1-font-style);
  line-height: var(--h1-line-height);
  letter-spacing: var(--h1-letter-spacing);
  text-transform: var(--h1-text-transform);
  text-decoration: var(--h1-text-decoration);
  margin: var(--h1-margin);
  display: inline;
}

.section.section-contact + #footer {
  padding-top: var(--section-padding);
}

.section.section-contact + #footer:before {
  content: "";
  position: absolute;
  left: var(--container-padding);
  right: var(--container-padding);
  height: 1px;
  top: var(--section-padding);
  z-index: 10;
  background: var(--color-text-primary);
}

@media only screen and (min-width: 768px) {
  .section.section-contact .columns {
    justify-content: center;
  }
  .section.section-contact .column {
    flex-basis: var(--grid-12-column);
    min-width: var(--grid-12-column);
    max-width: var(--grid-12-column);
    margin-left: 0;
    margin-right: 0;
  }
}

@media only screen and (min-width: 992px) {
  .section.section-contact .column {
    flex-basis: var(--grid-8-column);
    min-width: var(--grid-8-column);
    max-width: var(--grid-8-column);
    margin-left: 0;
    margin-right: 0;
    max-width: 800px;
    min-width: auto;
  }
  .section.section-contact .content-action {
    display: inline-block;
    margin: 0 0 0 0.5rem;
  }
  .section.section-contact .btn, .section.section-contact .list-nav > li.list-btn a, .list-nav > li.list-btn .section.section-contact a, .section.section-contact .list-overlay li.list-btn a, .list-overlay li.list-btn .section.section-contact a {
    min-width: auto;
    position: relative;
    top: -0.25rem;
  }
}

@media only screen and (min-width: 1280px) {
  .section.section-contact .btn, .section.section-contact .list-nav > li.list-btn a, .list-nav > li.list-btn .section.section-contact a, .section.section-contact .list-overlay li.list-btn a, .list-overlay li.list-btn .section.section-contact a {
    top: -0.75rem;
  }
}

.footer-gradient {
  position: absolute;
  left: 0;
  right: 0;
  top: calc(-1 * var(--section-padding));
  bottom: 0;
}

.footer-gradient:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: calc(2 * var(--section-padding));
  bottom: 0;
  background: linear-gradient(0deg, rgba(var(--color-text-dark-rgb), 1) 0%, rgba(var(--color-text-dark-rgb), 0) 100%);
  z-index: 5;
}

.footer-gradient:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: calc(2 * var(--section-padding));
  top: var(--section-padding);
  z-index: 5;
  background: linear-gradient(180deg, rgba(var(--color-sky-blue-rgb), 1) 0%, rgba(var(--color-sky-blue-rgb), 1) 0%, rgba(var(--color-sky-blue-rgb), 0) 100%);
}

.circle-gradient-left {
  position: absolute;
  left: 0;
  width: 400vw;
  height: 200%;
  bottom: 0;
  z-index: 2;
  transform: translateX(-250vw) translateY(50%);
  background: radial-gradient(circle, rgba(var(--color-forest-green-rgb), 1) 20%, rgba(var(--color-forest-green-rgb), 0) 50%);
}

.circle-gradient-right {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 400vw;
  height: 200%;
  z-index: 1;
  transform: translateX(200vw) translateY(50%);
  background: radial-gradient(circle, rgba(var(--color-conscious-green-rgb), 1) 20%, rgba(var(--color-conscious-green-rgb), 0) 50%);
}

::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: rgba(var(--color-text-primary-rgb), 0.7);
}

::-moz-placeholder {
  /* Firefox 19+ */
  color: rgba(var(--color-text-primary-rgb), 0.7);
}

:-ms-input-placeholder {
  /* IE 10+ */
  color: rgba(var(--color-text-primary-rgb), 0.7);
}

:-moz-placeholder {
  /* Firefox 18- */
  color: rgba(var(--color-text-primary-rgb), 0.7);
}

/* Change the white to any color */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px var(--color-text-light) inset !important;
}

/*Change text in autofill textbox*/
input:-webkit-autofill {
  -webkit-text-fill-color: var(--color-text-dark) !important;
}

::selection {
  background-color: var(--color-cta);
  color: var(--color-text-light);
}

img::selection {
  background-color: rgba(var(--color-cta-rgb), 0.4);
  color: var(--color-text-light);
}

.grecaptcha-badge {
  visibility: hidden !important;
}

.content .wpforms-container {
  --form-max-width: 420px;
  --column-padding: 10px;
  --field-spacer: 1.125rem;
  --input-height: 3.25rem;
  --input-border-radius: 10px;
  --input-border: 0;
  --input-outline-color: rgba(var(--color-text-light-rgb), 0);
  --input-outline-color-focus: rgba(var(--color-text-light-rgb), 0.5);
  --input-outline-color-error: rgba(255,0,0, 0.5);
  --input-padding: 1.25rem;
  --input-text-color: var(--color-text-primary);
  --input-background: rgba(var(--color-text-light-rgb), 0.2);
  --input-font-family: var(--p-font-family);
  --input-font-size: var(--p-font-size);
  --input-font-weight: var(--p-font-weight);
  --input-font-style: var(--p-font-style);
  --input-letter-spacing: var(--p-letter-spacing);
  --input-text-transform: var(--p-text-transform);
  --input-text-decoration: var(--p-text-decoration);
  --btn-background-color: var(--color-text-light);
  --btn-background-color-hover: var(--color-text-light);
  --btn-text-color: var(--color-text-dark);
  --btn-min-width: 11.5rem;
  margin: 0;
}

@media only screen and (min-width: 768px) {
  .content .wpforms-container {
    --field-spacer: 1.75rem;
  }
}

.content .wpforms-container .wpforms-confirmation-container {
  background: #fff;
  padding: 1.5rem;
  border-radius: 0.5rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
}

.content .wpforms-container .wpforms-confirmation-container a {
  text-decoration: underline;
}

.content .wpforms-container .wpforms-confirmation-container a:hover {
  text-decoration: none;
}

.content .wpforms-container .wpforms-form {
  max-width: var(--form-max-width);
  margin-left: auto;
  margin-right: auto;
}

.content .wpforms-container .wpforms-form * {
  word-break: break-word;
  hyphens: none;
}

.content .wpforms-container .wpforms-form .wpforms-field-layout {
  position: relative;
}

.content .wpforms-container .wpforms-form .wpforms-field-layout .wpforms-field-layout-columns {
  position: relative;
  margin: 0;
}

.content .wpforms-container .wpforms-form .wpforms-field-layout .wpforms-field-layout-columns .wpforms-layout-column {
  position: relative;
}

@media only screen and (max-width: 767px) {
  .content .wpforms-container .wpforms-form .wpforms-field-layout .wpforms-field-layout-columns {
    display: block;
    margin: 0;
  }
  .content .wpforms-container .wpforms-form .wpforms-field-layout .wpforms-field-layout-columns .wpforms-layout-column {
    width: 100%;
    padding: 0;
  }
  .content .wpforms-container .wpforms-form .wpforms-field-layout .wpforms-field-layout-columns .wpforms-layout-column + .wpforms-layout-column {
    margin-top: var(--field-spacer);
  }
}

@media only screen and (min-width: 768px) {
  .content .wpforms-container .wpforms-form .wpforms-field-layout .wpforms-field-layout-columns {
    display: flex;
    margin: 0 calc(-1 * var(--column-padding));
  }
  .content .wpforms-container .wpforms-form .wpforms-field-layout .wpforms-field-layout-columns .wpforms-layout-column {
    padding: 0 var(--column-padding);
  }
}

.content .wpforms-container .wpforms-form .wpforms-field {
  padding: 0;
  overflow: visible !important;
}

.content .wpforms-container .wpforms-form .wpforms-field + .wpforms-field {
  margin-top: var(--field-spacer);
}

.content .wpforms-container .wpforms-form .wpforms-field-label {
  font-family: var(--h6-font-family);
  font-size: var(--h6-font-size);
  font-weight: var(--h6-font-weight);
  font-style: var(--h6-font-style);
  line-height: var(--h6-line-height);
  letter-spacing: var(--h6-letter-spacing);
  text-transform: var(--h6-text-transform);
  text-decoration: var(--h6-text-decoration);
  margin: var(--h6-margin);
  color: var(--color-text-primary);
  margin: 0 0 0.5rem;
}

.content .wpforms-container .wpforms-form .wpforms-required-label {
  display: none;
}

.content .wpforms-container .wpforms-form .wpforms-field {
  /* Chrome, Safari, Edge, Opera */
  /* Firefox */
}

.content .wpforms-container .wpforms-form .wpforms-field input::-webkit-outer-spin-button,
.content .wpforms-container .wpforms-form .wpforms-field input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.content .wpforms-container .wpforms-form .wpforms-field input[type=number] {
  -moz-appearance: textfield;
}

.content .wpforms-container .wpforms-form .wpforms-field input[type=date],
.content .wpforms-container .wpforms-form .wpforms-field input[type=datetime],
.content .wpforms-container .wpforms-form .wpforms-field input[type=datetime-local],
.content .wpforms-container .wpforms-form .wpforms-field input[type=email],
.content .wpforms-container .wpforms-form .wpforms-field input[type=month],
.content .wpforms-container .wpforms-form .wpforms-field input[type=number],
.content .wpforms-container .wpforms-form .wpforms-field input[type=password],
.content .wpforms-container .wpforms-form .wpforms-field input[type=range],
.content .wpforms-container .wpforms-form .wpforms-field input[type=search],
.content .wpforms-container .wpforms-form .wpforms-field input[type=tel],
.content .wpforms-container .wpforms-form .wpforms-field input[type=text],
.content .wpforms-container .wpforms-form .wpforms-field input[type=time],
.content .wpforms-container .wpforms-form .wpforms-field input[type=url],
.content .wpforms-container .wpforms-form .wpforms-field input[type=week] {
  height: var(--input-height);
  padding-left: var(--input-padding);
  padding-right: var(--input-padding);
}

.content .wpforms-container .wpforms-form .wpforms-field textarea {
  padding-left: var(--input-padding);
  padding-right: var(--input-padding);
  padding-top: 1.125rem;
  resize: none;
}

.content .wpforms-container .wpforms-form .wpforms-field input[type=date],
.content .wpforms-container .wpforms-form .wpforms-field input[type=datetime],
.content .wpforms-container .wpforms-form .wpforms-field input[type=datetime-local],
.content .wpforms-container .wpforms-form .wpforms-field input[type=email],
.content .wpforms-container .wpforms-form .wpforms-field input[type=month],
.content .wpforms-container .wpforms-form .wpforms-field input[type=number],
.content .wpforms-container .wpforms-form .wpforms-field input[type=password],
.content .wpforms-container .wpforms-form .wpforms-field input[type=range],
.content .wpforms-container .wpforms-form .wpforms-field input[type=search],
.content .wpforms-container .wpforms-form .wpforms-field input[type=tel],
.content .wpforms-container .wpforms-form .wpforms-field input[type=text],
.content .wpforms-container .wpforms-form .wpforms-field input[type=time],
.content .wpforms-container .wpforms-form .wpforms-field input[type=url],
.content .wpforms-container .wpforms-form .wpforms-field input[type=week],
.content .wpforms-container .wpforms-form .wpforms-field select,
.content .wpforms-container .wpforms-form .wpforms-field textarea {
  border-radius: var(--input-border-radius);
  border: var(--input-border);
  background: var(--input-background);
  outline: 2px solid var(--input-outline-color);
  color: var(--input-text-color);
  line-height: 1;
  margin: 0;
  font-family: var(--input-font-family);
  font-size: var(--input-font-size);
  font-weight: var(--input-font-weight);
  font-style: var(--input-font-style);
  letter-spacing: var(--input-letter-spacing);
  text-transform: var(--input-text-transform);
  text-decoration: var(--input-text-decoration);
  max-width: 100%;
}

.content .wpforms-container .wpforms-form .wpforms-field input[type=date].wpforms-error,
.content .wpforms-container .wpforms-form .wpforms-field input[type=datetime].wpforms-error,
.content .wpforms-container .wpforms-form .wpforms-field input[type=datetime-local].wpforms-error,
.content .wpforms-container .wpforms-form .wpforms-field input[type=email].wpforms-error,
.content .wpforms-container .wpforms-form .wpforms-field input[type=month].wpforms-error,
.content .wpforms-container .wpforms-form .wpforms-field input[type=number].wpforms-error,
.content .wpforms-container .wpforms-form .wpforms-field input[type=password].wpforms-error,
.content .wpforms-container .wpforms-form .wpforms-field input[type=range].wpforms-error,
.content .wpforms-container .wpforms-form .wpforms-field input[type=search].wpforms-error,
.content .wpforms-container .wpforms-form .wpforms-field input[type=tel].wpforms-error,
.content .wpforms-container .wpforms-form .wpforms-field input[type=text].wpforms-error,
.content .wpforms-container .wpforms-form .wpforms-field input[type=time].wpforms-error,
.content .wpforms-container .wpforms-form .wpforms-field input[type=url].wpforms-error,
.content .wpforms-container .wpforms-form .wpforms-field input[type=week].wpforms-error,
.content .wpforms-container .wpforms-form .wpforms-field select.wpforms-error,
.content .wpforms-container .wpforms-form .wpforms-field textarea.wpforms-error {
  border: var(--input-border);
  outline: 2px solid var(--input-outline-color-error);
}

.content .wpforms-container .wpforms-form .wpforms-field input[type=date]:focus,
.content .wpforms-container .wpforms-form .wpforms-field input[type=datetime]:focus,
.content .wpforms-container .wpforms-form .wpforms-field input[type=datetime-local]:focus,
.content .wpforms-container .wpforms-form .wpforms-field input[type=email]:focus,
.content .wpforms-container .wpforms-form .wpforms-field input[type=month]:focus,
.content .wpforms-container .wpforms-form .wpforms-field input[type=number]:focus,
.content .wpforms-container .wpforms-form .wpforms-field input[type=password]:focus,
.content .wpforms-container .wpforms-form .wpforms-field input[type=range]:focus,
.content .wpforms-container .wpforms-form .wpforms-field input[type=search]:focus,
.content .wpforms-container .wpforms-form .wpforms-field input[type=tel]:focus,
.content .wpforms-container .wpforms-form .wpforms-field input[type=text]:focus,
.content .wpforms-container .wpforms-form .wpforms-field input[type=time]:focus,
.content .wpforms-container .wpforms-form .wpforms-field input[type=url]:focus,
.content .wpforms-container .wpforms-form .wpforms-field input[type=week]:focus,
.content .wpforms-container .wpforms-form .wpforms-field select:focus,
.content .wpforms-container .wpforms-form .wpforms-field textarea:focus {
  outline: 2px solid var(--input-outline-color-focus);
}

.content .wpforms-container .wpforms-form .wpforms-field .choices:has(+ .wpforms-field-description .indicator) + .wpforms-field-description .indicator {
  right: 2.25rem;
}

.content .wpforms-container .wpforms-form .wpforms-field .choices .choices__inner {
  height: var(--input-height);
  border-radius: var(--input-border-radius);
  border: var(--input-border);
  background: var(--input-background);
  outline: 2px solid var(--input-outline-color);
  color: var(--input-text-color);
  line-height: 1;
  margin: 0;
  font-family: var(--input-font-family);
  font-size: var(--input-font-size);
  font-weight: var(--input-font-weight);
  font-style: var(--input-font-style);
  letter-spacing: var(--input-letter-spacing);
  text-transform: var(--input-text-transform);
  text-decoration: var(--input-text-decoration);
  max-width: 100%;
  padding: 0;
}

.content .wpforms-container .wpforms-form .wpforms-field .choices .choices__inner .choices__list {
  height: 100%;
  display: flex;
  align-items: center;
  padding: 0 var(--input-padding);
}

.content .wpforms-container .wpforms-form .wpforms-field .choices .choices__inner .choices__item {
  color: var(--color-text-dark);
  font-family: var(--input-font-family);
  font-size: var(--input-font-size);
  font-weight: var(--input-font-weight);
  font-style: var(--input-font-style);
  letter-spacing: var(--input-letter-spacing);
  text-transform: var(--input-text-transform);
  text-decoration: var(--input-text-decoration);
  height: 100%;
  display: flex;
  align-items: center;
}

.content .wpforms-container .wpforms-form .wpforms-field .choices .choices__inner .choices__item button {
  display: none !important;
}

.content .wpforms-container .wpforms-form .wpforms-field .choices.is-open .choices__inner {
  border-radius: var(--input-border-radius);
  outline: 2px solid var(--input-outline-color-focus);
}

.content .wpforms-container .wpforms-form .wpforms-field .choices__list--dropdown {
  top: calc(100% + 1rem);
  border: 0;
  border-radius: var(--input-border-radius) !important;
  min-width: auto;
  overflow: hidden;
  transform-style: preserve-3d;
}

.content .wpforms-container .wpforms-form .wpforms-field .choices__list--dropdown .choices__item {
  padding: 0.75rem var(--input-padding);
}

.content .wpforms-container .wpforms-form .wpforms-field em.wpforms-error {
  display: none !important;
}

.content .wpforms-container .wpforms-form .iti__selected-country {
  min-width: auto;
}

.content .wpforms-container .wpforms-form .wpforms-submit-container {
  padding: 0;
  margin-top: var(--field-spacer);
  position: relative;
  display: flex;
  justify-content: center;
}

@media only screen and (min-width: 768px) {
  .content .wpforms-container .wpforms-form .wpforms-submit-container {
    justify-content: flex-end;
  }
}

@media only screen and (min-width: 1280px) {
  .content .wpforms-container .wpforms-form .wpforms-submit-container {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 0;
  }
}

.content .wpforms-container .wpforms-form .wpforms-submit-spinner {
  position: absolute;
  margin: 0;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
}

.content .wpforms-container .wpforms-form .wpforms-field.terms {
  margin-top: 1rem;
}

.content .wpforms-container .wpforms-form .wpforms-field.terms p {
  font-size: 0.75rem;
  max-width: 300px;
}

@media only screen and (min-width: 1280px) {
  .content .wpforms-container .wpforms-form .wpforms-field.terms {
    height: var(--btn-height);
    display: flex;
    align-items: center;
    max-width: 100%;
    padding-right: calc(var(--btn-min-width) + 1.5rem);
  }
}

.content .wpforms-container.contact-2-columns .wpforms-layout-column {
  display: flex;
  flex-direction: column;
}

.content .wpforms-container.contact-2-columns .wpforms-field-textarea {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

.content .wpforms-container.contact-2-columns textarea {
  flex-grow: 1;
}

@media only screen and (min-width: 1280px) {
  .content .wpforms-container.contact-2-columns .wpforms-submit-container {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 0;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1279px) {
  .content .wpforms-container {
    --column-padding: 5px;
  }
}

.content .wpforms-container .wpforms-form .wpforms-field.wpforms-field-calculator-data {
  --description-offset: 0.5rem;
  --label-height: 0.875rem;
}

.content .wpforms-container .wpforms-form .wpforms-field.wpforms-field-calculator-data .wpforms-field-label {
  font-size: 0.75rem;
  height: var(--label-height);
}

@media only screen and (min-width: 992px) and (max-width: 1279px) {
  .content .wpforms-container .wpforms-form .wpforms-field.wpforms-field-calculator-data .wpforms-field-label {
    font-size: 10px;
  }
}

.content .wpforms-container .wpforms-form .wpforms-field.wpforms-field-calculator-data .wpforms-field-description {
  margin-top: var(--description-offset);
}

.content .wpforms-container .wpforms-form .wpforms-field.wpforms-field-calculator-data input {
  padding-right: 3rem;
}

.content .wpforms-container .wpforms-form .wpforms-field.wpforms-field-calculator-data .wpforms-field-description {
  margin: 0;
}

.content .wpforms-container .wpforms-form .wpforms-field.wpforms-field-calculator-data .indicator {
  position: absolute;
  right: 1rem;
  top: calc( (var(--input-height) / 2) + var(--label-height));
  font-weight: var(--body-font-weight-bold);
  pointer-events: none;
}

.content .wpforms-container .wpforms-form .wpforms-field.wpforms-field-calculator-data .pre-fill {
  position: absolute;
  left: 1rem;
  top: calc( (var(--input-height) / 2) + var(--label-height));
  font-weight: var(--body-font-weight-bold);
}

.content .wpforms-container .wpforms-form .wpforms-field.wpforms-field-calculator-data.data-ampere input {
  padding-left: 2.5rem;
}

.content .wpforms-container .wpforms-form .wpforms-field.field-truefalse {
  --border-radius: 0.75rem;
}

.content .wpforms-container .wpforms-form .wpforms-field.field-truefalse.rows fieldset {
  padding: 0;
  flex-direction: column;
  align-items: flex-start;
}

.content .wpforms-container .wpforms-form .wpforms-field.field-truefalse.rows legend {
  margin-bottom: 1rem;
}

.content .wpforms-container .wpforms-form .wpforms-field.field-truefalse.rows .wpforms-field-label {
  position: relative;
  top: 0;
  transform: none;
}

.content .wpforms-container .wpforms-form .wpforms-field.field-truefalse fieldset {
  position: relative;
  padding-left: 200px;
  display: flex;
}

.content .wpforms-container .wpforms-form .wpforms-field.field-truefalse .wpforms-field-label {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  text-transform: none;
  font-weight: var(--body-font-weight-bold);
  font-family: var(--font-primary);
}

.content .wpforms-container .wpforms-form .wpforms-field.field-truefalse ul {
  display: flex;
  align-items: center;
  list-style: none;
  padding: 0;
  border: 1px solid var(--color-text-primary);
  border-radius: var(--border-radius);
  overflow: hidden;
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
}

.content .wpforms-container .wpforms-form .wpforms-field.field-truefalse ul li {
  line-height: 1;
  background: var(--input-background);
}

.content .wpforms-container .wpforms-form .wpforms-field.field-truefalse ul li label {
  padding: 0.75rem;
  display: block;
  position: relative;
  cursor: pointer;
  font-size: 0.875rem;
}

.content .wpforms-container .wpforms-form .wpforms-field.field-truefalse ul li input {
  display: none;
}

.content .wpforms-container .wpforms-form .wpforms-field.field-truefalse ul li.wpforms-selected {
  background: var(--color-text-primary);
  color: var(--color-text-light);
}

.content .wpforms-container .wpforms-form .wpforms-field.form-divider {
  margin-top: 3rem;
}

#header {
  --border-radius: 0;
  --min-header-height: 480px;
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-top: var(--nav-height);
  background: var(--color-background);
  z-index: 1;
  max-height: 800px;
}

#header .header-content {
  max-height: 800px;
}

#header[data-height="fullscreen"] {
  min-height: calc(85vh - var(--nav-height));
}

#header[data-height="fullscreen"] .header-content {
  min-height: calc(85vh - var(--nav-height));
}

#header[data-height="fullscreen"] .header-content[data-layout="1"] {
  padding-bottom: calc(2 * var(--section-padding));
}

@media only screen and (min-width: 768px) {
  #header[data-type="image"] {
    min-height: var(--min-header-height);
  }
  #header[data-type="image"] .header-content {
    min-height: calc(var(--min-header-height) - var(--nav-height));
  }
  #header[data-height="fullscreen"] {
    min-height: calc(85vh - var(--nav-height));
  }
  #header[data-height="fullscreen"] .header-content {
    min-height: calc(85vh - var(--nav-height));
  }
  .page-contact #header[data-height="fullscreen"] .header-content {
    min-height: 600px;
  }
  #header[data-height="fullscreen"] .header-content[data-layout="1"] {
    padding-bottom: calc(2 * var(--section-padding));
  }
}

.header-content {
  position: relative;
  display: flex;
  padding-top: var(--section-padding);
  padding-bottom: calc(1.5 * var(--section-padding));
}

.header-content .logo-tagline {
  margin: 0 calc(-1 * var(--container-padding) + var(--container-padding-small));
}

.header-content .logo-tagline + .columns {
  margin-top: 1.75rem;
}

[data-top="0"] .header-content {
  padding-top: 0;
}

[data-bottom="0"] .header-content {
  padding-bottom: 0;
}

.header-content[data-align-x="center"] {
  text-align: center;
}

.header-content[data-align-x="center"] p {
  margin-left: auto;
  margin-right: auto;
}

.header-content p {
  max-width: var(--content-width);
}

@media only screen and (max-width: 767px) {
  .header-content .logo-primary {
    display: none;
  }
  .header-content[data-layout="2"] .columns {
    justify-content: flex-end;
  }
  .header-content .columns {
    display: flex;
    flex-direction: column;
    height: 100%;
  }
  .header-content .column {
    width: 100%;
  }
}

@media only screen and (min-width: 768px) {
  .header-content[data-layout="1"] {
    display: flex;
  }
  .header-content[data-layout="1"] .columns {
    flex-direction: column;
  }
  .header-content[data-layout="1"][data-align-x="center"] .columns {
    align-items: center;
  }
  .header-content[data-layout="1"][data-align-x="right"] .columns {
    align-items: flex-end;
  }
  .header-content[data-layout="1"][data-align-y="middle"] {
    align-items: center;
  }
  .header-content[data-layout="1"][data-align-y="bottom"] {
    align-items: flex-end;
  }
  .header-content[data-layout="2"] .columns {
    height: 100%;
    align-items: flex-end;
  }
  .header-content[data-layout="2"] .column-text {
    flex-basis: var(--grid-10-column);
    min-width: var(--grid-10-column);
    max-width: var(--grid-10-column);
    margin-left: 0;
    margin-right: 0;
  }
  .header-content[data-layout="2"] .column-text .content {
    margin-left: calc(-0.5 * var(--container-padding));
  }
  .header-content[data-layout="2"] .column-action {
    flex-basis: var(--grid-4-column);
    min-width: var(--grid-4-column);
    max-width: var(--grid-4-column);
    margin-left: 0;
    margin-right: 0;
    display: flex;
    justify-content: flex-end;
  }
  .header-content[data-layout="2"] .content-action {
    margin: 0;
  }
  .header-content[data-layout="2"] h4 {
    margin-bottom: 2rem;
  }
  .header-content .column {
    flex-basis: var(--grid-10-column);
    min-width: var(--grid-10-column);
    max-width: var(--grid-10-column);
    margin-left: 0;
    margin-right: 0;
  }
  .header-content .logo-primary {
    position: absolute;
    left: var(--container-padding-small);
    bottom: var(--container-padding-small);
  }
}

@media only screen and (min-width: 992px) {
  .header-content .column {
    flex-basis: var(--grid-10-column);
    min-width: var(--grid-10-column);
    max-width: var(--grid-10-column);
    margin-left: 0;
    margin-right: 0;
  }
}

@media only screen and (min-width: 1280px) {
  .header-content[data-layout="2"] .column-text {
    flex-basis: var(--grid-5-column);
    min-width: var(--grid-5-column);
    max-width: var(--grid-5-column);
    margin-left: 0;
    margin-right: 0;
  }
  .header-content[data-layout="2"] .column-action {
    flex-basis: var(--grid-7-column);
    min-width: var(--grid-7-column);
    max-width: var(--grid-7-column);
    margin-left: 0;
    margin-right: 0;
  }
}

.header-image {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  overflow: hidden;
  transform-style: preserve-3d;
  border-radius: var(--border-radius);
  transition: 0.24s ease-out top;
}

.hide-nav-top .header-image {
  top: var(--nav-height-bottom);
}

@media only screen and (max-width: 767px) {
  .header-image .img-background.has-mobile-image + .img-background {
    display: none;
  }
}

@media only screen and (min-width: 768px) {
  .header-image .img-background.has-mobile-image {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .img-background.img-background-mobile + .img-background {
    display: none;
  }
}

@media only screen and (min-width: 768px) {
  .img-background.img-background-mobile {
    display: none;
  }
}

.header-video {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
}

.header-video > div {
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
}

.header-video iframe {
  width: 100vw !important;
  height: 56.25vw !important;
  min-height: 110vh !important;
  min-width: 177.77vh !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}

.scroll-indicator {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: calc(0.5 * var(--section-padding));
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.scroll-indicator-mouse {
  position: relative;
  display: block;
  width: 1.375rem;
  height: 2rem;
  border: 2px solid var(--color-text-secondary);
  border-radius: 2rem;
}

.scroll-indicator-mouse:before {
  content: "";
  position: absolute;
  left: 50%;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  transform: translateX(-50%);
  top: 6px;
  background: var(--color-text-secondary);
  animation-name: arrow;
  animation-duration: 3s;
  animation-timing-function: ease-out;
  animation-delay: 0s;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-play-state: running;
}

.scroll-indicator-text {
  font-size: 0.75rem;
  text-transform: uppercase;
  display: block;
  margin-bottom: calc(0.5 * var(--section-padding));
}

@keyframes arrow {
  0% {
    top: 6px;
  }
  75% {
    top: 20px;
  }
  100% {
    top: 6px;
  }
}

html,
body {
  position: relative;
  height: 100%;
}

html {
  font-size: 16px;
}

body {
  width: 100%;
  background-color: var(--body-background-color);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding: 0;
  margin: 0;
  position: relative;
}

body.preload {
  overflow: hidden;
}

body.preload #main, body.preload #footer {
  display: none;
}

* {
  box-sizing: border-box;
}

*:first-child {
  margin-top: 0;
}

*:last-child {
  margin-bottom: 0;
}

#main {
  position: relative;
  z-index: 2;
}

.show-contact #main > .section:last-child:not(.section-1-column[data-image-background="1"]):not(.section-image):not(.section-2-columns) {
  padding-bottom: calc(var(--section-padding) + 50px);
}

.show-contact #main > .section.section-2-columns:last-child .column-text {
  padding-bottom: 50px;
}

.container {
  width: 100%;
  margin: 0 auto;
  position: relative;
  z-index: 1;
  padding-left: var(--container-padding);
  padding-right: var(--container-padding);
  max-width: var(--site-width);
}

.section {
  background-color: var(--color-background, var(--body-background-color));
  position: relative;
  z-index: 1;
  padding-top: var(--section-padding);
  padding-bottom: var(--section-padding);
}

.section[data-top="0"] {
  padding-top: 0;
}

.section[data-bottom="0"] {
  padding-bottom: 0;
}

.section[data-rounded-top="1"] {
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  position: relative;
  overflow: hidden;
  transform-style: preserve-3d;
  margin-top: -30px;
}

.section:has(+ .section[data-rounded-top="1"]) {
  padding-bottom: calc(var(--section-padding) + 30px);
}

.section.section-1-column[data-bottom="0"]:has(.content-image) {
  padding-bottom: 0;
}

.section[data-rounded-bottom="1"] {
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
  position: relative;
  overflow: hidden;
  transform-style: preserve-3d;
}

.no-header.page .section:first-child:not(.section-2-columns):not(.section-carousel), .no-header.blog .section:first-child:not(.section-2-columns):not(.section-carousel), .no-header.archive .section:first-child:not(.section-2-columns):not(.section-carousel), .no-header.error404 .section:first-child:not(.section-2-columns):not(.section-carousel) {
  padding-top: var(--noheader-padding);
}

.section,
.nav-top,
.image-overlay {
  position: relative;
}

.section[data-color="gradient"],
.nav-top[data-color="gradient"],
.image-overlay[data-color="gradient"] {
  --color-background: var(--color-text-dark);
  --color-background-rgb: var(--color-text-dark-rgb);
  overflow: hidden;
  background: linear-gradient(90deg, rgba(var(--color-sky-blue-rgb), 1) 0%, rgba(var(--color-conscious-green-rgb), 1) 60%);
}

.section[data-color="gradient"]:before,
.nav-top[data-color="gradient"]:before,
.image-overlay[data-color="gradient"]:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  transform: translate(-45%, -60%);
  width: 250vw;
  height: 200vw;
  background: radial-gradient(circle, rgba(var(--color-forest-green-rgb), 1) 20%, rgba(var(--color-forest-green-rgb), 0) 50%);
}

.section[data-color="gradient"]:after,
.nav-top[data-color="gradient"]:after,
.image-overlay[data-color="gradient"]:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  transform: translate(-45%, 75%);
  width: 250vw;
  height: 200vw;
  background: radial-gradient(circle, rgba(var(--color-sky-blue-rgb), 1) 20%, rgba(var(--color-sky-blue-rgb), 0) 50%);
}

.section[data-color="gradient"].section-team,
.nav-top[data-color="gradient"].section-team,
.image-overlay[data-color="gradient"].section-team {
  background: linear-gradient(90deg, rgba(var(--color-conscious-green-rgb), 1) 0%, rgba(var(--color-sky-blue-rgb), 1) 60%);
}

.section[data-color="gradient"].section-team:before,
.nav-top[data-color="gradient"].section-team:before,
.image-overlay[data-color="gradient"].section-team:before {
  right: 0;
  left: auto;
  transform: translate(45%, -60%);
}

.section[data-color="gradient"].section-team:after,
.nav-top[data-color="gradient"].section-team:after,
.image-overlay[data-color="gradient"].section-team:after {
  display: none;
}

[data-color-text="light"] {
  --color-text-primary: var(--color-text-light);
  --color-text-primary-rgb: var(--color-text-light-rgb);
  --color-text-secondary: var(--color-text-light-secondary);
  --color-text-secondary-rgb: var(--color-text-light-secondary-rgb);
}

[data-color-text="dark"] {
  --color-text-primary: var(--color-text-dark);
  --color-text-primary-rgb: var(--color-text-dark-rgb);
  --color-text-secondary: var(--color-text-dark-secondary);
  --color-text-secondary-rgb: var(--color-text-dark-secondary-rgb);
}

.columns {
  position: relative;
}

.columns[data-align="left-top"] {
  justify-content: flex-start;
  align-items: flex-start;
}

.columns[data-align="left-top"].columns-image-text .column:nth-child(2) {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}

.columns[data-align="left-middle"] {
  justify-content: flex-start;
  align-items: center;
}

.columns[data-align="left-middle"].columns-image-text .column:nth-child(2) {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.columns[data-align="left-bottom"] {
  justify-content: flex-start;
  align-items: flex-end;
}

.columns[data-align="left-bottom"].columns-image-text .column:nth-child(2) {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
}

.columns[data-align="left-top"] .content-inner, .columns[data-align="left-middle"] .content-inner, .columns[data-align="left-bottom"] .content-inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
}

.columns[data-align="middle-top"] {
  justify-content: center;
  align-items: flex-start;
}

.columns[data-align="middle-top"] .content-text {
  text-align: center;
}

.columns[data-align="middle-top"] .content-action {
  justify-content: center;
}

.columns[data-align="middle-top"] .content {
  margin-left: auto;
  margin-right: auto;
}

.columns[data-align="middle-top"] h2, .columns[data-align="middle-top"] h3, .columns[data-align="middle-top"] h4, .columns[data-align="middle-top"] h5, .columns[data-align="middle-top"] h6, .columns[data-align="middle-top"] p, .columns[data-align="middle-top"] .wpforms-container {
  margin-left: auto;
  margin-right: auto;
}

.columns[data-align="middle-top"].columns-image-text .column:nth-child(2) {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

.columns[data-align="middle"] {
  justify-content: center;
  align-items: center;
}

.columns[data-align="middle"] .content-text {
  text-align: center;
}

.columns[data-align="middle"] .content-action {
  justify-content: center;
}

.columns[data-align="middle"] h2, .columns[data-align="middle"] h3, .columns[data-align="middle"] h4, .columns[data-align="middle"] h5, .columns[data-align="middle"] h6, .columns[data-align="middle"] p, .columns[data-align="middle"] .wpforms-container {
  margin-left: auto;
  margin-right: auto;
}

.columns[data-align="middle"].columns-image-text .column:nth-child(2) {
  display: flex;
  justify-content: center;
  align-items: center;
}

.columns[data-align="center"] {
  justify-content: center;
}

.columns[data-align="center"] .content {
  text-align: center;
}

.columns[data-align="center"] h1, .columns[data-align="center"] h2, .columns[data-align="center"] h3, .columns[data-align="center"] h4, .columns[data-align="center"] h5, .columns[data-align="center"] h6, .columns[data-align="center"] p, .columns[data-align="center"] .wpforms-container {
  margin-left: auto;
  margin-right: auto;
}

.columns[data-align="middle-bottom"] {
  justify-content: center;
  align-items: flex-end;
}

.columns[data-align="middle-bottom"] .content-text {
  text-align: center;
}

.columns[data-align="middle-bottom"] .content-action {
  justify-content: center;
}

.columns[data-align="middle-bottom"] h2, .columns[data-align="middle-bottom"] h3, .columns[data-align="middle-bottom"] h4, .columns[data-align="middle-bottom"] h5, .columns[data-align="middle-bottom"] h6, .columns[data-align="middle-bottom"] p, .columns[data-align="middle-bottom"] .wpforms-container {
  margin-left: auto;
  margin-right: auto;
}

.columns[data-align="middle-bottom"].columns-image-text .column:nth-child(2) {
  display: flex;
  justify-content: center;
  align-items: flex-end;
}

.columns[data-align="right-top"] {
  justify-content: flex-end;
  align-items: flex-start;
}

.columns[data-align="right-top"] .content-text {
  text-align: right;
}

.columns[data-align="right-top"] .content-action {
  justify-content: flex-end;
}

.columns[data-align="right-top"] p {
  margin-left: auto;
}

.columns[data-align="right-top"].columns-image-text .column:nth-child(2) {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
}

.columns[data-align="right-middle"] {
  justify-content: flex-end;
  align-items: center;
}

.columns[data-align="right-middle"] .content-text {
  text-align: right;
}

.columns[data-align="right-middle"] .content-action {
  justify-content: flex-end;
}

.columns[data-align="right-middle"] p {
  margin-left: auto;
}

.columns[data-align="right-middle"].columns-image-text .column:nth-child(2) {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.columns[data-align="right-bottom"] {
  justify-content: flex-end;
  align-items: flex-end;
}

.columns[data-align="right-bottom"].columns-image-text .column:nth-child(2) {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}

.columns[data-align="right-top"] .content-inner, .columns[data-align="right-middle"] .content-inner, .columns[data-align="right-bottom"] .content-inner {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  text-align: right;
}

@media only screen and (max-width: 767px) {
  .columns + .columns {
    margin-top: var(--section-padding);
  }
}

@media only screen and (min-width: 768px) {
  .columns {
    display: flex;
    flex-wrap: wrap;
    margin-left: calc(-1 * var(--column-padding));
    margin-right: calc(-1 * var(--column-padding));
  }
  .columns + .columns {
    margin-top: calc(0.6 * var(--section-padding));
  }
}

.column {
  position: relative;
}

.column[data-height="landscape"] .content-image {
  padding-bottom: var(--ratio-landscape);
}

.column[data-height="square"] .content-image {
  padding-bottom: var(--ratio-square);
}

.column[data-height="portrait"] .content-image {
  padding-bottom: var(--ratio-portrait);
}

@media only screen and (max-width: 767px) {
  .column + .column {
    margin-top: 10vw;
  }
}

@media only screen and (min-width: 768px) {
  .column {
    padding: 0 var(--column-padding);
    flex-basis: var(--grid-5-column);
    min-width: var(--grid-5-column);
    max-width: var(--grid-5-column);
    margin-left: 0;
    margin-right: 0;
  }
}

.table-container {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  /* soepel scrollen op iOS */
}

.table-container table {
  width: 100%;
  min-width: 600px;
  /* voorkomt dat kolommen te smal worden */
  border-collapse: collapse;
}

.content {
  position: relative;
}

.content[data-color="light"] {
  --color-text-primary: var(--color-text-light);
}

.content[data-color="dark"] {
  --color-text-primary: var(--color-text-dark);
}

.content + .content {
  margin-top: 3rem;
}

@media only screen and (max-width: 767px) {
  .content table {
    margin-top: 2rem;
  }
}

@media only screen and (min-width: 768px) {
  .content table {
    margin-top: 3rem;
  }
}

.img-background {
  transition: 0.24s ease-out transform;
}

.section-image-link {
  display: block;
}

.section-image-link .img-background {
  transition: 0.24s ease-out transform;
}

.section-image-link:hover .img-background {
  transform: scale3d(1.1, 1.1, 1);
}

.content-image {
  position: relative;
  overflow: hidden;
  transform-style: preserve-3d;
  border-radius: var(--border-radius);
}

.image-overlay {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: var(--color-background);
  z-index: 0;
  opacity: var(--overlay-opacity);
}

.section-image__caption {
  margin-top: 1em;
  display: block;
  text-align: right;
}

.section-image-full {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.list-arrows {
  --list-padding: 0;
  --arrow-size: 0.875rem;
  --arrow-offset: 0.25rem;
  --item-space: 1.875rem;
  list-style: none;
}

.list-arrows li {
  padding-left: var(--item-space);
  position: relative;
}

.list-arrows li:before {
  content: "";
  position: absolute;
  left: 0;
  top: var(--arrow-offset);
  width: var(--arrow-size);
  height: var(--arrow-size);
  background-image: url("assets/images/arrow-right-green.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

@media only screen and (min-width: 768px) {
  .list-arrows {
    --arrow-size: 1.125rem;
    --arrow-offset: 0.125rem;
    --item-space: 2.75rem;
  }
}

.link-arrow-back {
  display: flex;
  padding-left: 0.25rem;
}

.link-arrow-back svg {
  width: 1.125rem;
  margin-right: 1rem;
  transition: 0.24s ease-out transform;
}

.link-arrow-back:hover svg {
  transform: translateX(-0.25rem);
}

.list-contact-info {
  list-style: none;
}

.list-contact-info li {
  position: relative;
  padding-left: 200px;
}

.list-contact-info li + li {
  margin-top: 2rem;
}

.list-contact-info li h6 {
  margin: 0;
  padding: 0;
  position: absolute;
  left: 0;
}

.list-contact-info li h6 + p {
  margin: 0;
}

@media only screen and (min-width: 768px) {
  .list-contact-info li {
    padding-left: 240px;
  }
  .list-contact-info li + li {
    margin-top: 3rem;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1279px) {
  .section-2-columns .list-contact-info li {
    padding: 0;
  }
  .section-2-columns .list-contact-info h6 {
    position: relative;
    margin-bottom: 0.25rem;
  }
}

.popup-overlay {
  --popup-border-radius: var(--border-radius, 3rem);
  --popup-background-color: var(--color-background, var(--color-text-light));
  --popup-close-background-color: transparent;
  --popup-close-background-color-hover: transparent;
  --popup-close-stroke-color: var(--color-text-primary);
  --popup-close-stroke-color-hover: var(--color-text-primary);
  --popup-overlay-color: rgba(0,0,0,0.5);
  --border-radius: 0.75rem;
  opacity: 0;
  visibility: hidden;
  position: fixed;
  pointer-events: none;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  background-color: var(--popup-overlay-color);
  z-index: 11111;
  transition: 0.36s ease-out opacity 0s, 0s visibility 0.36s;
}

@media only screen and (max-width: 991px) {
  .popup-overlay {
    --popup-close-stroke-color: var(--color-text-light);
    --popup-close-stroke-color-hover: var(--color-text-light);
  }
}

.popup-overlay.active {
  visibility: visible;
  opacity: 1;
  pointer-events: all;
  transition: 0.36s ease-out opacity 0s, 0s visibility 0s;
}

.popup-overlay.active .popup {
  opacity: 1;
  transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
}

.popup-overlay.active form {
  display: block !important;
}

.popup-overlay form {
  display: none !important;
}

.popup-overlay .popup-inner {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  display: flex;
  flex-direction: column;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  transition: 0.24s ease-out opacity 0s, 0.48s ease-out transform 0s;
}

.popup-overlay .btn-close-inner {
  position: sticky;
  top: 3rem;
}

.popup-overlay .btn-close {
  position: absolute;
  right: 1.125rem;
  top: 1.125rem;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  overflow: hidden;
  background-color: var(--popup-close-background-color);
  border: 1px solid var(--popup-close-stroke-color);
  display: block;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.24s ease-out background-color, 0.24s ease-out opacity;
}

.popup-overlay .btn-close .icon-close {
  display: block;
  width: 0.75rem;
  height: 0.75rem;
  position: relative;
  transform: rotate(45deg);
  transition: 0.24s ease-out transform;
}

.popup-overlay .btn-close .icon-close:before, .popup-overlay .btn-close .icon-close:after {
  transition: 0.24s ease-out background-color;
}

.popup-overlay .btn-close .icon-close:before {
  content: "";
  position: absolute;
  height: 1px;
  left: 0;
  right: 0;
  background-color: var(--popup-close-stroke-color);
  top: 50%;
  transform: translateY(-50%);
}

.popup-overlay .btn-close .icon-close:after {
  content: "";
  position: absolute;
  width: 1px;
  left: 50%;
  top: 0;
  bottom: 0;
  background-color: var(--popup-close-stroke-color);
  transform: translateX(-50%);
}

.popup-overlay .btn-close:hover {
  background-color: var(--popup-close-background-color-hover);
  border-color: var(--popup-close-stroke-color-hover);
  opacity: 0.4;
}

.popup-overlay .btn-close:hover .icon-close {
  transform: rotate(135deg);
}

.popup-overlay .btn-close:hover .icon-close:before, .popup-overlay .btn-close:hover .icon-close:after {
  background-color: var(--popup-close-stroke-color-hover);
}

@media only screen and (max-width: 767px) {
  .popup-overlay .popup-inner {
    padding: 1rem;
  }
}

@media only screen and (min-width: 768px) {
  .popup-overlay .popup-inner {
    padding: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

@media only screen and (min-height: 696px) {
  .popup-overlay .popup-inner {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
  }
}

.popup {
  background: var(--color-background);
  border-radius: var(--border-radius);
  overflow: hidden;
  max-width: 460px;
  width: 100%;
  transform: scale3d(0.9, 0.9, 1) translate3d(1.5rem, 1.5rem, 0px);
  transform-origin: right bottom;
  transition: 0.24s ease-out transform;
}

.popup:has(.popup-image) {
  max-width: 800px;
}

.popup .popup-image {
  position: relative;
  --border-radius: 0;
}

.popup .content-image {
  height: 100%;
}

@media only screen and (max-width: 991px) {
  .popup .popup-image {
    height: 350px;
  }
  .popup .content-image {
    max-width: 100%;
  }
  .popup .popup-content {
    padding: 4rem;
  }
}

@media only screen and (max-width: 767px) {
  .popup .popup-content {
    padding: 2rem;
  }
  .popup .popup-image {
    height: 250px;
  }
}

@media only screen and (min-width: 992px) {
  .popup {
    display: flex;
  }
  .popup .popup-image {
    min-height: 350px;
    min-width: 37.5%;
    max-width: 37.5%;
  }
  .popup .popup-content {
    padding: 4rem;
  }
}

.popup-overlay .popup-inner {
  height: 100%;
  align-items: flex-end;
  justify-content: flex-end;
}

@media only screen and (min-height: 696px) {
  .popup-overlay .popup-inner {
    align-items: flex-end;
    justify-content: flex-end;
  }
}

.popup-overlay.active {
  background-color: transparent;
  pointer-events: none;
}

@media only screen and (min-width: 768px) {
  .popup-overlay .popup-inner {
    padding: 1.5rem;
  }
}

.popup {
  width: 600px;
  pointer-events: all;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 0px 5px;
}

.popup .popup-image {
  min-height: 300px;
  width: 50%;
  min-width: 50%;
  max-width: 50%;
}

.popup .popup-content {
  width: 50%;
}

.popup .content-action {
  margin-top: 1.5rem;
}

.popup .btn-close {
  top: 0.75rem;
  right: 0.75rem;
}

.popup .btn, .popup .list-nav > li.list-btn a, .list-nav > li.list-btn .popup a, .popup .list-overlay li.list-btn a, .list-overlay li.list-btn .popup a, .popup button {
  font-size: 0.75rem;
  padding: 0 1rem;
  height: 2.75rem;
}

.popup p {
  font-size: 0.875rem;
  max-width: 300px;
}

@media only screen and (max-width: 991px) {
  .popup {
    width: 300px;
  }
  .popup .popup-content,
.popup .popup-image {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
  }
  .popup .popup-image {
    height: 200px;
    min-height: 200px;
  }
  .popup .popup-content {
    padding: 2rem;
  }
}

@media only screen and (max-width: 767px) {
  .popup .popup-content {
    padding: 2rem 1.5rem;
  }
}

@media only screen and (min-width: 992px) {
  .popup .popup-content {
    padding: 3rem 2rem 2rem 2rem;
  }
}

.bg-gradient {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: var(--section-padding);
  background: linear-gradient(0deg, rgba(var(--color-background-rgb), 1) 0%, rgba(var(--color-background-rgb), 0) 85%);
}

.bg-gradient[data-size="large"] {
  height: calc(3 * var(--section-padding));
}

.bg-gradient[data-size="xl"] {
  height: calc(5 * var(--section-padding));
}

.bg-gradient[data-position="top"] {
  top: 0;
  bottom: auto;
  background: linear-gradient(180deg, rgba(var(--color-background-rgb), 1) 0%, rgba(var(--color-background-rgb), 0) 85%);
}

.content-action {
  --color-text-primary: var(--btn-text-color);
  position: relative;
  display: flex;
}

.content-action .link {
  margin: 0;
}

@media only screen and (max-width: 767px) {
  .content-action {
    margin-top: 2rem;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
  }
  .content-action[data-align="left"] {
    align-items: flex-start;
  }
  .content-action[data-align="center"] {
    align-items: center;
  }
  .content-action[data-align="right"] {
    align-items: flex-end;
  }
  .content-action .btn + .btn, .content-action .list-nav > li.list-btn a + .btn, .list-nav > li.list-btn .content-action a + .btn, .content-action .list-nav > li.list-btn .btn + a, .list-nav > li.list-btn .content-action .btn + a, .content-action .list-nav > li.list-btn a + a, .list-nav > li.list-btn .content-action a + a, .content-action .list-overlay li.list-btn a + .btn, .list-overlay li.list-btn .content-action a + .btn, .content-action .list-overlay li.list-btn .btn + a, .list-overlay li.list-btn .content-action .btn + a, .content-action .list-overlay li.list-btn a + a, .list-overlay li.list-btn .content-action a + a,
.content-action .btn + .link,
.content-action .list-nav > li.list-btn a + .link,
.list-nav > li.list-btn .content-action a + .link,
.content-action .list-overlay li.list-btn a + .link,
.list-overlay li.list-btn .content-action a + .link {
    margin-top: 1rem;
  }
}

@media only screen and (min-width: 768px) {
  .content-action {
    align-items: center;
    justify-content: flex-start;
    margin-top: 2rem;
  }
  .content-action .btn + .btn, .content-action .list-nav > li.list-btn a + .btn, .list-nav > li.list-btn .content-action a + .btn, .content-action .list-nav > li.list-btn .btn + a, .list-nav > li.list-btn .content-action .btn + a, .content-action .list-nav > li.list-btn a + a, .list-nav > li.list-btn .content-action a + a, .content-action .list-overlay li.list-btn a + .btn, .list-overlay li.list-btn .content-action a + .btn, .content-action .list-overlay li.list-btn .btn + a, .list-overlay li.list-btn .content-action .btn + a, .content-action .list-overlay li.list-btn a + a, .list-overlay li.list-btn .content-action a + a,
.content-action .btn + .link,
.content-action .list-nav > li.list-btn a + .link,
.list-nav > li.list-btn .content-action a + .link,
.content-action .list-overlay li.list-btn a + .link,
.list-overlay li.list-btn .content-action a + .link {
    margin-left: 1.5rem;
  }
}

.content-action[data-align="left"] {
  justify-content: flex-start;
}

.content-action[data-align="center"] {
  justify-content: center;
}

.content-action[data-align="right"] {
  justify-content: flex-end;
}

.content-action .btn, .content-action .list-nav > li.list-btn a, .list-nav > li.list-btn .content-action a, .content-action .list-overlay li.list-btn a, .list-overlay li.list-btn .content-action a {
  /* Theme colors */
}

.content-action .btn[data-btn-color="light"], .content-action .list-nav > li.list-btn a[data-btn-color="light"], .list-nav > li.list-btn .content-action a[data-btn-color="light"], .content-action .list-overlay li.list-btn a[data-btn-color="light"], .list-overlay li.list-btn .content-action a[data-btn-color="light"] {
  --btn-background-color: var(--color-text-light);
  --btn-background-color-hover: var(--color-text-light-secondary);
  --btn-text-color: var(--color-text-dark);
}

.content-action .btn[data-btn-color="dark"], .content-action .list-nav > li.list-btn a[data-btn-color="dark"], .list-nav > li.list-btn .content-action a[data-btn-color="dark"], .content-action .list-overlay li.list-btn a[data-btn-color="dark"], .list-overlay li.list-btn .content-action a[data-btn-color="dark"] {
  --btn-background-color: var(--color-forest-green);
  --btn-background-color-hover: var(--color-forest-green-darker);
  --btn-text-color: var(--color-text-light);
}

.content-action .btn[data-btn-color="sky-blue"], .content-action .list-nav > li.list-btn a[data-btn-color="sky-blue"], .list-nav > li.list-btn .content-action a[data-btn-color="sky-blue"], .content-action .list-overlay li.list-btn a[data-btn-color="sky-blue"], .list-overlay li.list-btn .content-action a[data-btn-color="sky-blue"] {
  --btn-text-color: var(--color-text-light);
}

.content-action .btn[data-btn-color="conscious-green"], .content-action .list-nav > li.list-btn a[data-btn-color="conscious-green"], .list-nav > li.list-btn .content-action a[data-btn-color="conscious-green"], .content-action .list-overlay li.list-btn a[data-btn-color="conscious-green"], .list-overlay li.list-btn .content-action a[data-btn-color="conscious-green"] {
  --btn-text-color: var(--color-text-dark);
}

.popup-overlay {
  /* Theme colors */
}

.popup-overlay input {
  --input-border: 1px solid var(--color-text-dark);
}

.popup-overlay .popup-content:has(.wpforms-confirmation-container) > p {
  display: none;
}

.popup-overlay .popup-content:has(.wpforms-confirmation-container) .wpforms-container {
  height: 100%;
}

.popup-overlay .popup-content:has(.wpforms-confirmation-container) .wpforms-confirmation-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.popup-overlay .popup-content:has(.wpforms-confirmation-container) .wpforms-confirmation-container p {
  text-align: center;
  font-size: 1.25rem;
}

.popup-overlay .wpforms-submit-container {
  position: relative !important;
  justify-content: flex-end !important;
  margin-top: 1rem !important;
}

.popup-overlay .wpforms-confirmation-container {
  padding: 0 !important;
  box-shadow: none !important;
  font-size: 1rem !important;
}

.popup-overlay[data-btn-color="light"] button {
  --btn-background-color: var(--color-text-light);
  --btn-background-color-hover: var(--color-text-light-secondary);
  --btn-text-color: var(--color-text-dark);
}

.popup-overlay[data-btn-color="dark"] button {
  --btn-background-color: var(--color-forest-green);
  --btn-background-color-hover: var(--color-forest-green-darker);
  --btn-text-color: var(--color-text-light);
}

.popup-overlay[data-btn-color="sky-blue"] button {
  --btn-text-color: var(--color-text-light);
}

.popup-overlay[data-btn-color="conscious-green"] button {
  --btn-text-color: var(--color-text-dark);
}

.link-chev {
  position: relative;
  display: block;
  padding-right: 1.5rem;
}

.link-chev svg {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.24s ease-out opacity, 0.24s ease-out transform;
}

.link-chev:hover svg {
  transform: translateX(0.25rem) translateY(-50%);
}

.embed-container {
  --border-radius: 0.75rem;
  position: relative;
  padding-bottom: 56.25%;
  overflow: hidden;
  max-width: 100%;
  height: auto;
  position: relative;
  overflow: hidden;
  transform-style: preserve-3d;
  border-radius: var(--border-radius);
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

img {
  display: block;
  max-width: 100%;
  transform-style: preserve-3d;
}

picture,
.lazy-placeholder {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

picture img,
.lazy-placeholder img {
  object-fit: cover;
  max-width: none;
  width: 100%;
  height: 100%;
}

.has-js .picture-lazy,
.has-js .video-lazy {
  --translate-transform-from: translate3d(0,0,0) scale3d(1.025, 1.025, 1);
  -webkit-backface-visibility: hidden;
  transform-style: preserve-3d;
  display: block;
  height: 100%;
  width: 100%;
  transform: var(--translate-transform-from);
  opacity: 0;
  transition: 1s cubic-bezier(0.23, 1, 0.32, 1) transform, 0.5s cubic-bezier(0.23, 1, 0.32, 1) opacity;
  position: absolute;
  z-index: 2;
}

.has-js .picture-lazy:has(.loaded),
.has-js .video-lazy:has(.loaded) {
  transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
  opacity: 1;
}

.has-js .picture-lazy:has(.loaded) + .lazy-placeholder,
.has-js .video-lazy:has(.loaded) + .lazy-placeholder {
  opacity: 0;
  visibility: hidden;
  transition: 0s visibility 0.5s, 0.5s opacity 0s;
}

.has-js .lazy-placeholder {
  pointer-events: none;
  z-index: 0;
}

.has-js .lazy-placeholder img {
  filter: blur(20px);
  -webkit-backface-visibility: hidden;
  transform-style: preserve-3d;
  transform: translate3d(0, 0, 0) scale3d(1.5, 1.5, 1);
}

.no-js .lazy-placeholder {
  display: none;
}

svg {
  display: block;
}

svg .fill {
  fill: var(--color-text-primary);
  transition: 0.24s ease-out fill;
}

svg .stroke {
  stroke: var(--color-text-primary);
  transition: 0.24s ease-out stroke;
}

.parralax-holder,
.step-parralax-holder,
.image-holder,
.video-holder {
  display: block;
  width: 100%;
  height: 100%;
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
}

.parralax-holder:before,
.step-parralax-holder:before,
.image-holder:before,
.video-holder:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: var(--color-text-light);
  z-index: 10;
  opacity: 0;
  transition: 0.24s ease-out opacity;
  pointer-events: none;
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
}

.parralax-holder[data-ratio="portrait"],
.step-parralax-holder[data-ratio="portrait"],
.image-holder[data-ratio="portrait"],
.video-holder[data-ratio="portrait"] {
  padding-bottom: var(--ratio-portrait);
}

.parralax-holder[data-ratio="square"],
.step-parralax-holder[data-ratio="square"],
.image-holder[data-ratio="square"],
.video-holder[data-ratio="square"] {
  padding-bottom: var(--ratio-square);
}

.parralax-holder[data-ratio="landscape"],
.step-parralax-holder[data-ratio="landscape"],
.image-holder[data-ratio="landscape"],
.video-holder[data-ratio="landscape"] {
  padding-bottom: var(--ratio-landscape);
}

@media only screen and (max-width: 767px) {
  .image-holder.image-mobile + .image-holder {
    display: none;
  }
}

@media only screen and (min-width: 768px) {
  .image-holder.image-mobile {
    display: none;
  }
}

.parralax-holder .img-background {
  bottom: -12.5%;
}

#header .content-image, .section-bg .content-image {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.img-background {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
}

.img-background[data-crop="left-top"] {
  background-position: left top;
}

.img-background[data-crop="right-top"] {
  background-position: right top;
}

.img-background[data-crop="center-top"] {
  background-position: center top;
}

.img-background[data-crop="left-center"] {
  background-position: left center;
}

.img-background[data-crop="right-center"] {
  background-position: right center;
}

.img-background[data-crop="center"] {
  background-position: center;
}

.img-background[data-crop="left-bottom"] {
  background-position: left bottom;
}

.img-background[data-crop="center-bottom"] {
  background-position: center bottom;
}

.img-background[data-crop="right-bottom"] {
  background-position: right bottom;
}

picture img {
  object-position: center;
}

picture[data-crop="left-top"] img {
  object-position: left top;
}

picture[data-crop="right-top"] img {
  object-position: right top;
}

picture[data-crop="center-top"] img {
  object-position: center top;
}

picture[data-crop="left-center"] img {
  object-position: left center;
}

picture[data-crop="right-center"] img {
  object-position: right center;
}

picture[data-crop="center"] img {
  object-position: center;
}

picture[data-crop="left-bottom"] img {
  object-position: left bottom;
}

picture[data-crop="center-bottom"] img {
  object-position: center bottom;
}

picture[data-crop="right-bottom"] img {
  object-position: right bottom;
}

.bar-progress {
  position: fixed;
  left: 0;
  top: 0;
  width: 0%;
  height: 0.5rem;
  background-color: var(--color-cta);
  margin: 0;
  padding: 0;
  z-index: 999;
  transform: translateY(-100%);
  transition: 0.24s ease-out transform;
}

.bar-progress.bar-show {
  transform: translateY(0%);
}

.list-socials {
  --social-links-size: 50px;
  --social-icon-size: 50px;
  --gap: 5px;
  margin: calc(-1 * var(--gap)) 0 0 calc(-1 * var(--gap));
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
}

.section-linktree .list-socials {
  justify-content: center;
}

.list-socials li {
  display: grid;
  margin: var(--gap);
  padding: 0;
}

.list-socials a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: var(--social-links-size);
  height: var(--social-links-size);
  transition: 0.32s ease-out opacity;
}

.list-socials svg {
  width: var(--social-icon-size);
}

@media only screen and (max-width: 767px) {
  .list-socials {
    margin-top: 1.5rem;
  }
}

@media only screen and (min-width: 768px) {
  .list-socials {
    margin-top: 1rem;
  }
  .list-socials:hover a {
    opacity: 0.4;
  }
  .list-socials:hover a:hover {
    opacity: 1;
  }
}

.has-js .swiper-container {
  opacity: 0;
}

.has-js .swiper-container.swiper-initialized {
  opacity: 1;
}

.has-js .swiper-container .swiper-slide {
  height: auto;
}

.no-js .swiper-wrapper {
  display: block;
  /* niet flex of grid */
}

.no-js .swiper-slide {
  display: block;
  width: 100% !important;
  /* override eventuele swiper-instellingen */
  height: auto;
  margin-bottom: 1rem;
}

.no-js .swiper-button-prev,
.no-js .swiper-button-next,
.no-js .swiper-pagination,
.no-js .cards-nav-container {
  display: none;
}

@media only screen and (min-width: 768px) {
  .no-js .carousel-cards .swiper-wrapper {
    display: flex;
    flex-wrap: wrap;
  }
}

.no-js .section-projects-featured .columns-nav {
  display: none;
}

.no-js .section-projects-featured .swiper-slide {
  opacity: 1;
}

.no-js .section-logos .swiper-container {
  opacity: 1;
}

.no-js .section-logos .swiper-wrapper {
  display: flex;
  flex-wrap: wrap;
}

.no-js .section-logos .swiper-wrapper .swiper-slide {
  width: auto !important;
  margin: 0.5rem;
}

.no-js .section-faq .icon-chevron {
  display: none;
}

.no-js .section-faq .accordion .accordion__row .accordion__panel {
  height: auto;
  opacity: 1;
}

@media only screen and (min-width: 768px) {
  .no-js .section-team .swiper-wrapper {
    display: flex;
    flex-wrap: wrap;
  }
  .no-js .section-team .swiper-wrapper .swiper-slide {
    flex-basis: 33.33%;
    min-width: 33.33%;
    max-width: 33.33%;
    margin-bottom: 1rem;
  }
  .no-js .section-team .card-content {
    opacity: 1;
    transform: none;
  }
}

.no-js .section-kennisloket-articles .columns-filters,
.no-js .section-kennisloket-articles .columns-text {
  display: none;
}

.no-js .section-testimonial-carousel .list-filters {
  display: none;
}

.no-js .section-testimonial-carousel .swiper-slide .content {
  opacity: 1;
  transform: none;
}

.no-js .section-infographic .infographic-holder {
  height: auto;
}

.no-js .section-infographic .infographic-buttons {
  display: none;
}

.no-js .section-infographic .carousel-infographic {
  position: relative;
  top: 0;
  left: 0;
  bottom: 0;
  width: auto;
}

@media only screen and (min-width: 768px) {
  .no-js .section-infographic .carousel-infographic {
    margin-top: 8rem;
  }
  .no-js .section-infographic .carousel-infographic .swiper-wrapper {
    display: flex;
    flex-wrap: wrap;
  }
  .no-js .section-infographic .carousel-infographic .swiper-wrapper .swiper-slide {
    flex-basis: 33.33%;
    min-width: 33.33%;
    max-width: 33.33%;
    margin-bottom: 1rem;
  }
}

.tidycal-embed {
  width: 100% !important;
  max-width: 100% !important;
}

.fancybox__content :focus:not(.carousel__button.is-close) {
  outline: none;
  box-shadow: 0 0 100px rgba(0, 0, 0, 0.32);
}

.video-link-container {
  position: relative;
}

.video-link {
  --video-link-size: 5rem;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 10;
  /* smartphones, touchscreens */
  /* mouse, touch pad */
}

.video-link:after {
  content: "Play";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
  width: var(--video-link-size);
  height: var(--video-link-size);
  border-radius: 50%;
  background: var(--color-cta);
  color: var(--color-redapple-dark);
  font-size: 0.875rem;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
  z-index: 10;
  text-align: center;
}

@media only screen and (min-width: 768px) {
  .video-link {
    --video-link-size: 100px;
  }
}

@media (hover: none) and (pointer: coarse) {
  .video-link {
    /* ... */
  }
}

@media (hover: hover) and (pointer: fine) {
  .video-link {
    transition: 0.24s ease-out background-color;
  }
  .video-link:after {
    opacity: 0;
    transform: translate3d(-50%, -50%, 0) scale3d(0, 0, 1);
    transition: 0.24s ease-out opacity, 0.24s ease-out transform;
  }
  .video-link:hover {
    background-color: rgba(0, 0, 0, 0.32);
  }
  .video-link:hover:after {
    opacity: 1;
    transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1);
  }
  .video-link:active {
    background-color: rgba(0, 0, 0, 0.32);
  }
  .video-link:active:after {
    opacity: 1;
    transform: translate3d(-50%, -50%, 0) scale3d(0.9, 0.9, 1);
  }
}

.section-1-column[data-top="0"] {
  --noheader-padding: 0;
}

.section-1-column[data-color="conscious-green"] .logo-icon {
  --color-text-primary: var(--color-text-dark);
}

.section-1-column:first-child .columns[data-height="content"] .content {
  padding-top: calc(1.5 * var(--section-padding));
}

.section-1-column .logo-icon {
  --color-text-primary: var(--color-cta);
  width: 100%;
}

.section-1-column .content-image {
  --border-radius: 0;
}

.section-1-column[data-image-background="1"] .column,
.section-1-column .columns[data-blurred="1"] .column {
  padding-top: var(--section-padding);
  padding-bottom: var(--section-padding);
}

.section-1-column .columns[data-align="center"] {
  justify-content: center;
}

.section-1-column .columns[data-align="content"] {
  justify-content: center;
}

.section-1-column .columns[data-width="wide"] .content {
  text-align: left;
}

.section-1-column .columns[data-width="wide"] p, .section-1-column .columns[data-width="wide"] h2 {
  max-width: 100%;
}

.section-1-column .columns[data-height="large"] {
  min-height: 50vw;
}

.section-1-column .columns[data-height="fullscreen"] {
  min-height: 100vh;
}

.section-1-column .columns[data-v-align="middle"] {
  align-items: center;
}

.section-1-column .columns[data-v-align="middle"] .column {
  padding-top: var(--section-padding);
  padding-bottom: var(--section-padding);
}

.section-1-column .columns[data-v-align="bottom"] {
  align-items: flex-end;
}

.section-1-column .columns[data-blurred="1"] .content {
  padding: 3.25rem;
  background-color: rgba(255, 255, 255, 0.3);
  backdrop-filter: blur(10px);
  border-radius: 10px;
}

.section-1-column h2 {
  max-width: 700px;
}

.section-1-column p {
  max-width: var(--content-width-large);
}

.section-1-column .content-image {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
}

.section-1-column .content-image .image-holder {
  padding: 0;
}

@media only screen and (max-width: 767px) {
  .section-1-column .columns[data-blurred="1"] .content {
    padding: 1.5rem;
  }
  .section-1-column .column-logo {
    display: none;
  }
}

@media only screen and (min-width: 768px) {
  .section-1-column .columns:has(> .column-logo) {
    justify-content: space-between;
  }
  .section-1-column .column {
    flex-basis: var(--grid-8-column);
    min-width: var(--grid-8-column);
    max-width: var(--grid-8-column);
    margin-left: 0;
    margin-right: 0;
  }
  .section-1-column .column-logo {
    flex-basis: var(--grid-1-column);
    min-width: var(--grid-1-column);
    max-width: var(--grid-1-column);
    margin-left: 0;
    margin-right: var(--grid-1-column);
  }
  .section-1-column .columns[data-align="right"] {
    justify-content: flex-end;
  }
  .section-1-column .columns[data-width="wide"] .column-text {
    flex-basis: var(--grid-10-column);
    min-width: var(--grid-10-column);
    max-width: var(--grid-10-column);
    margin-left: var(--grid-1-column);
    margin-right: 0;
  }
  .section-1-column .columns[data-width="wide"][data-align="center"] .content {
    text-align: center;
  }
  .section-1-column .columns[data-width="wide"][data-align="center"] .column-text {
    margin-left: 0;
  }
}

@media only screen and (min-width: 992px) {
  .section-1-column .column {
    flex-basis: var(--grid-7-column);
    min-width: var(--grid-7-column);
    max-width: var(--grid-7-column);
    margin-left: var(--grid-1-column);
    margin-right: 0;
  }
  .section-1-column .column-logo {
    flex-basis: var(--grid-1-column);
    min-width: var(--grid-1-column);
    max-width: var(--grid-1-column);
    margin-left: 0;
    margin-right: var(--grid-1-column);
  }
  .section-1-column .columns[data-align="center"] .column-text {
    margin-left: 0;
  }
  .section-1-column .columns[data-width="small"] .column-text {
    flex-basis: var(--grid-5-column);
    min-width: var(--grid-5-column);
    max-width: var(--grid-5-column);
    margin-left: 0;
    margin-right: 0;
  }
  .section-1-column .columns[data-width="wide"] .column-text {
    flex-basis: var(--grid-10-column);
    min-width: var(--grid-10-column);
    max-width: var(--grid-10-column);
    margin-left: var(--grid-1-column);
    margin-right: 0;
  }
}

@media only screen and (min-width: 1680px) {
  .section-1-column .columns[data-height="large"], .section-1-column .columns[data-height="fullscreen"] {
    min-height: 75vh;
  }
  .section-1-column .content-image {
    width: 100vw;
    right: auto;
    left: calc(-1 * ( (100vw - var(--site-width)) / 2 ));
  }
}

.section-2-columns-list .columns + .columns {
  margin-top: 1.15rem;
}

.section-2-columns-list .subtitle {
  color: var(--color-text-secondary);
}

.section-2-columns-list ul {
  --list-item-spacer: 2rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.section-2-columns-list h3 {
  margin: 0;
}

.section-2-columns-list p {
  max-width: var(--content-width-large);
  color: var(--color-text-secondary);
  display: block;
}

@media only screen and (min-width: 768px) {
  .section-2-columns-list .columns-header .column {
    flex-basis: var(--grid-12-column);
    min-width: var(--grid-12-column);
    max-width: var(--grid-12-column);
    margin-left: 0;
    margin-right: 0;
  }
  .section-2-columns-list .column-title {
    flex-basis: var(--grid-4-column);
    min-width: var(--grid-4-column);
    max-width: var(--grid-4-column);
    margin-left: 0;
    margin-right: 0;
  }
  .section-2-columns-list .column-text {
    flex-basis: var(--grid-7-column);
    min-width: var(--grid-7-column);
    max-width: var(--grid-7-column);
    margin-left: var(--grid-1-column);
    margin-right: 0;
  }
  .section-2-columns-list .content {
    max-width: var(--content-width-large);
  }
}

@media only screen and (min-width: 992px) {
  .section-2-columns-list .column-title {
    flex-basis: var(--grid-4-column);
    min-width: var(--grid-4-column);
    max-width: var(--grid-4-column);
    margin-left: 0;
    margin-right: 0;
  }
  .section-2-columns-list .column-text {
    flex-basis: var(--grid-8-column);
    min-width: var(--grid-8-column);
    max-width: var(--grid-8-column);
    margin-left: 0;
    margin-right: 0;
  }
}

@media only screen and (min-width: 1440px) {
  .section-2-columns-list .column-title {
    flex-basis: var(--grid-3-column);
    min-width: var(--grid-3-column);
    max-width: var(--grid-3-column);
    margin-left: 0;
    margin-right: 0;
  }
  .section-2-columns-list .column-text {
    flex-basis: var(--grid-7-column);
    min-width: var(--grid-7-column);
    max-width: var(--grid-7-column);
    margin-left: 0;
    margin-right: 0;
  }
}

@media only screen and (min-width: 768px) {
  .section-2-columns-text .column-text {
    flex-basis: var(--grid-6-column);
    min-width: var(--grid-6-column);
    max-width: var(--grid-6-column);
    margin-left: 0;
    margin-right: 0;
  }
  .section-2-columns-text .content {
    max-width: var(--content-width-large);
  }
}

@media only screen and (min-width: 992px) {
  .section-2-columns-text .column-text {
    flex-basis: var(--grid-5-column);
    min-width: var(--grid-5-column);
    max-width: var(--grid-5-column);
    margin-left: 0;
    margin-right: var(--grid-1-column);
  }
}

.section-2-columns {
  --border-radius: 10px;
}

.section-2-columns .content-text {
  max-width: var(--content-width-large);
}

.section-2-columns .wpforms-container {
  margin: 3rem 0 0;
}

.section-2-columns .wpforms-container .wpforms-form {
  margin: 0;
  max-width: 100%;
}

.section-2-columns .btn-slide-prev,
.section-2-columns .btn-slide-next {
  --color-text-primary: var(--color-text-light);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1000;
  height: 2rem;
  width: 2rem;
  cursor: pointer;
  transition: 0.24s ease-out opacity;
}

.section-2-columns .btn-slide-prev:hover,
.section-2-columns .btn-slide-next:hover {
  opacity: 0.6;
}

.section-2-columns .btn-slide-prev {
  left: 1.5rem;
}

.section-2-columns .btn-slide-next {
  right: 1.5rem;
}

.section-2-columns .carousel-2columns {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  --swiper-pagination-color: var(--color-text-dark);
  --swiper-pagination-bullet-inactive-color: var(--color-text-dark);
  --swiper-pagination-bullet-inactive-opacity: 0.4;
}

.section-2-columns .carousel-2columns img {
  max-width: none;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.section-2-columns img {
  --translate-transform-from: translate3d(0,0,0) scale3d(1.05, 1.05, 1);
}

.section-2-columns .image-holder,
.section-2-columns .video-holder {
  position: absolute;
}

@media only screen and (max-width: 991px) {
  .section-2-columns[data-bottom="0"] .content-text {
    padding-bottom: var(--section-padding);
  }
  .section-2-columns .content-image {
    border-radius: var(--border-radius);
  }
  .section-2-columns .column-image[data-height="square"] .content-image {
    border-radius: 0 0 var(--border-radius) var(--border-radius);
  }
  .section-2-columns .column-image[data-height="fullscreen"] .image-holder,
.section-2-columns .column-image[data-height="fullscreen"] .video-holder,
.section-2-columns .column-image[data-height="fullscreen"] .content-image, .section-2-columns .column-image[data-height="content"] .image-holder,
.section-2-columns .column-image[data-height="content"] .video-holder,
.section-2-columns .column-image[data-height="content"] .content-image {
    padding-bottom: 118%;
  }
  .section-2-columns .content-text {
    padding: var(--section-padding) 0 0;
  }
}

@media only screen and (max-width: 767px) {
  .section-2-columns .column + .column {
    margin-top: 0;
  }
  .section-2-columns .column-image[data-height="square"] {
    margin-left: calc(-1 * var(--container-padding));
    margin-right: calc(-1 * var(--container-padding));
  }
  .section-2-columns .column-image[data-height="fullscreen"] .image-holder {
    padding-bottom: 118%;
  }
}

@media only screen and (min-width: 768px) {
  .section-2-columns .column-image .content {
    position: sticky;
    top: calc(var(--section-padding) + 1.5rem);
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-2-columns .columns .column {
    flex-basis: var(--grid-12-column);
    min-width: var(--grid-12-column);
    max-width: var(--grid-12-column);
    margin-left: 0;
    margin-right: 0;
  }
  .section-2-columns .columns .column + .column {
    margin-top: 0;
  }
  .section-2-columns .column[data-height="square"] .content {
    max-width: 100%;
  }
  .section-2-columns .column[data-height="square"] .content-image {
    margin-left: calc(-1 * var(--container-padding));
    margin-right: calc(-1 * var(--container-padding));
  }
  .section-2-columns .column[data-height="square"] .image-holder {
    padding-bottom: 80%;
  }
  .section-2-columns .column[data-height="square"] + .column-text {
    margin-top: 0;
  }
  .section-2-columns .content {
    max-width: var(--content-width-large);
    margin-left: auto;
    margin-right: auto;
  }
}

@media only screen and (min-width: 992px) {
  .section-2-columns[data-top="1"] .content-text {
    padding-top: 0;
  }
  .section-2-columns[data-bottom="1"] .content-text {
    padding-bottom: 0;
  }
  .section-2-columns .columns:not([data-container]) .content-image {
    border-radius: 0 var(--border-radius) var(--border-radius) 0;
  }
  .section-2-columns .columns:not([data-container])[data-reverse="1"] .content-image {
    border-radius: var(--border-radius) 0 0 var(--border-radius);
  }
  .section-2-columns .columns {
    align-items: stretch;
    /* Normal state */
    /* Reversed columns */
    /* Within container */
  }
  .section-2-columns .columns .column-image {
    flex-basis: var(--grid-5-column);
    min-width: var(--grid-5-column);
    max-width: var(--grid-5-column);
    margin-left: 0;
    margin-right: 0;
  }
  .section-2-columns .columns .column-image .content {
    margin-left: calc(-1 * var(--container-padding));
  }
  .section-2-columns .columns .column-image[data-height="square"] {
    position: relative;
    flex-basis: var(--grid-6-column);
    min-width: var(--grid-6-column);
    max-width: var(--grid-6-column);
    margin-left: 0;
    margin-right: 0;
  }
  .section-2-columns .columns .column-image[data-height="square"] + .column-text {
    flex-basis: var(--grid-5-column);
    min-width: var(--grid-5-column);
    max-width: var(--grid-5-column);
    margin-left: var(--grid-1-column);
    margin-right: 0;
  }
  .section-2-columns .columns .column-image[data-height="square"] .content {
    height: 100%;
  }
  .section-2-columns .columns .column-image[data-height="square"] .content-image {
    height: 100%;
    margin-right: calc(-1 * var(--column-padding));
  }
  .section-2-columns .columns .column-image[data-height="square"] .image-holder {
    min-height: 50vw;
  }
  .section-2-columns .columns .column-image[data-height="square"] + .column-text .content-text {
    padding: var(--section-padding) 0;
  }
  .section-2-columns .columns .column-text {
    flex-basis: var(--grid-5-column);
    min-width: var(--grid-5-column);
    max-width: var(--grid-5-column);
    margin-left: var(--grid-1-column);
    margin-right: 0;
    display: flex;
    align-items: center;
  }
  .section-2-columns .columns .column-image[data-height="fullscreen"] .image-holder {
    height: 100vh;
    padding: 0;
  }
  .section-2-columns .columns[data-reverse="1"] .column:nth-child(2) {
    order: -1;
  }
  .section-2-columns .columns[data-reverse="1"] .column-image .content {
    margin-left: 0;
    margin-right: calc(-1 * var(--container-padding));
  }
  .section-2-columns .columns[data-reverse="1"] .column-image[data-height="square"] {
    flex-basis: var(--grid-6-column);
    min-width: var(--grid-6-column);
    max-width: var(--grid-6-column);
    margin-left: 0;
    margin-right: 0;
  }
  .section-2-columns .columns[data-reverse="1"] .column-image[data-height="square"] + .column-text {
    flex-basis: var(--grid-5-column);
    min-width: var(--grid-5-column);
    max-width: var(--grid-5-column);
    margin-left: 0;
    margin-right: var(--grid-1-column);
  }
  .section-2-columns .columns[data-reverse="1"] .column-image[data-height="square"] .content-image {
    margin-right: 0;
    margin-left: calc(-1 * var(--column-padding));
  }
  .section-2-columns .columns[data-reverse="1"] .column-text {
    flex-basis: var(--grid-6-column);
    min-width: var(--grid-6-column);
    max-width: var(--grid-6-column);
    margin-left: 0;
    margin-right: var(--grid-1-column);
  }
  .section-2-columns .columns[data-image-width="small"] .column-text {
    flex-basis: var(--grid-7-column);
    min-width: var(--grid-7-column);
    max-width: var(--grid-7-column);
    margin-left: var(--grid-1-column);
    margin-right: var(--grid-1-column);
  }
  .section-2-columns .columns[data-image-width="small"] .content-text {
    max-width: var(--content-width-large);
  }
  .section-2-columns .columns[data-image-width="small"] .column-image {
    flex-basis: var(--grid-3-column);
    min-width: var(--grid-3-column);
    max-width: var(--grid-3-column);
    margin-left: 0;
    margin-right: 0;
  }
  .section-2-columns .columns[data-container="1"] .column-image {
    flex-basis: var(--grid-6-column);
    min-width: var(--grid-6-column);
    max-width: var(--grid-6-column);
    margin-left: 0;
    margin-right: 0;
  }
  .section-2-columns .columns[data-container="1"] .column-image .content {
    margin: 0;
  }
  .section-2-columns .columns[data-container="1"] .column-text {
    flex-basis: var(--grid-5-column);
    min-width: var(--grid-5-column);
    max-width: var(--grid-5-column);
    margin-left: var(--grid-1-column);
    margin-right: 0;
  }
  .section-2-columns .columns[data-container="1"][data-reverse="1"] .column-text {
    flex-basis: var(--grid-5-column);
    min-width: var(--grid-5-column);
    max-width: var(--grid-5-column);
    margin-left: 0;
    margin-right: var(--grid-1-column);
  }
  .section-2-columns .columns[data-container="1"][data-image-width="small"] .column-text {
    flex-basis: var(--grid-6-column);
    min-width: var(--grid-6-column);
    max-width: var(--grid-6-column);
    margin-left: var(--grid-1-column);
    margin-right: 0;
  }
  .section-2-columns .columns[data-container="1"][data-image-width="small"] .column-image {
    flex-basis: var(--grid-5-column);
    min-width: var(--grid-5-column);
    max-width: var(--grid-5-column);
    margin-left: 0;
    margin-right: 0;
  }
  .section-2-columns .columns[data-container="1"][data-image-width="small"][data-reverse="1"] .column-text {
    flex-basis: var(--grid-6-column);
    min-width: var(--grid-6-column);
    max-width: var(--grid-6-column);
    margin-left: 0;
    margin-right: var(--grid-1-column);
  }
}

@media only screen and (min-width: 1280px) {
  .section-2-columns .columns .column-image[data-height="square"] .image-holder {
    min-height: 66.67vh;
    padding-bottom: 0;
  }
}

@media only screen and (min-width: 1680px) {
  .section-2-columns .columns[data-container="0"] .column-image .content-image {
    margin-left: calc(-1 * ( (100vw - var(--site-width)) / 2 ));
    margin-right: 0;
  }
  .section-2-columns .columns[data-container="0"][data-reverse="1"] .column-image .content-image {
    margin-right: calc(-1 * ( (100vw - var(--site-width)) / 2 ));
    margin-left: 0;
  }
}

.section-3-columns {
  overflow: hidden;
}

.section-3-columns .columns-cards {
  margin-top: calc(0.5 * var(--section-padding));
}

.section-3-columns[data-color="forest-green"] .text-title {
  --color-text-primary: var(--color-cta);
}

.section-3-columns .text-title {
  font-family: var(--h5-font-family);
  font-size: var(--h5-font-size);
  font-weight: var(--h5-font-weight);
  font-style: var(--h5-font-style);
  line-height: var(--h5-line-height);
  letter-spacing: var(--h5-letter-spacing);
  text-transform: var(--h5-text-transform);
  text-decoration: var(--h5-text-decoration);
  margin: var(--h5-margin);
  margin: 0 0 0.5rem;
  z-index: 1;
}

.section-3-columns .card-text-holder {
  z-index: 1;
}

.section-3-columns .link-chev {
  margin-top: 1rem;
}

.section-3-columns .content-image {
  position: absolute;
  width: 100%;
  height: 100%;
}

.section-3-columns .columns[data-blurred="1"] .content {
  position: relative;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.15);
  border-radius: 10px;
  box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.1);
}

.section-3-columns .columns[data-blurred="1"] .card {
  padding: 2rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
}

.section-3-columns .columns[data-blurred="0"] .column {
  height: auto;
}

.section-3-columns .columns[data-blurred="0"] .column:last-child .content:after {
  content: none;
}

.section-3-columns .columns[data-blurred="0"] .content {
  height: 100%;
  padding: var(--section-padding) var(--column-padding) 0 0;
  display: flex;
  align-items: flex-end;
}

.section-3-columns .columns[data-blurred="0"] .content:after {
  content: "";
  position: absolute;
  right: var(--column-padding);
  top: 0;
  bottom: 0;
  width: 1px;
  background: var(--color-text-primary);
}

.section-3-columns .columns[data-blurred="0"] .card {
  padding-right: 1.5rem;
}

@media only screen and (max-width: 767px) {
  .section-3-columns .columns .card:has(.content-image) {
    min-height: 65vh;
  }
}

@media only screen and (min-width: 768px) {
  .section-3-columns .columns-text .column {
    flex-basis: var(--grid-8-column);
    min-width: var(--grid-8-column);
    max-width: var(--grid-8-column);
    margin-left: 0;
    margin-right: 0;
  }
  .section-3-columns .columns-cards[data-blurred="1"] .content {
    padding-top: 4rem;
  }
  .section-3-columns .columns-cards[data-blurred="1"] .content.content-has-image {
    padding-top: 0;
  }
  .section-3-columns .columns-cards[data-blurred="1"] .content.content-has-image:before {
    content: "";
    display: block;
    padding-bottom: 130%;
  }
  .section-3-columns .columns-cards[data-blurred="1"] .content.content-has-image .card {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
  }
  .section-3-columns .swiper-wrapper .swiper-slide .content {
    transition-delay: 0s;
  }
  .section-3-columns .show .swiper-wrapper .swiper-slide:nth-child(1) .content {
    transition-delay: 0.12s;
  }
  .section-3-columns .show .swiper-wrapper .swiper-slide:nth-child(2) .content {
    transition-delay: 0.24s;
  }
  .section-3-columns .show .swiper-wrapper .swiper-slide:nth-child(3) .content {
    transition-delay: 0.36s;
  }
  .section-3-columns .show .swiper-wrapper .swiper-slide:nth-child(4) .content {
    transition-delay: 0.48s;
  }
  .section-3-columns .show .swiper-wrapper .swiper-slide:nth-child(5) .content {
    transition-delay: 0.6s;
  }
  .section-3-columns .show .swiper-wrapper .swiper-slide .content {
    transform: translateY(0);
  }
}

.section-3-columns .card-image-holder {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 0;
  overflow: hidden;
  transform-style: preserve-3d;
  border-radius: var(--border-radius);
}

.section-3-columns .card-image-holder:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  bottom: 0;
  background: linear-gradient(0deg, black 0%, rgba(0, 0, 0, 0) 100%);
  z-index: 1;
  opacity: 0.4;
  transition: 0.24s ease-out opacity;
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
}

.section-3-columns .card-image-holder + .text-title {
  --color-text-primary: var(--color-text-light);
}

.section-3-columns .card-image {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: 1;
  transition: 0.24s ease-out transform;
}

.section-3-columns .link-overlay {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 2;
}

.section-3-columns .link-overlay:hover + .card-image-holder:before {
  opacity: 0.6;
}

.section-3-columns .link-overlay:hover + .card-image-holder .card-image {
  transform: scale3d(1.05, 1.05, 1);
}

.section-3-columns .link-overlay:hover ~ .link-chev svg {
  transform: translateX(0.25rem) translateY(-50%);
}

@media only screen and (max-width: 767px) {
  .section-3-columns .columns-cards {
    margin-left: calc(-1 * var(--column-padding));
    margin-right: calc(-1 * var(--column-padding));
  }
  .section-3-columns .columns-cards .column {
    padding: 0 var(--column-padding);
    min-width: 95%;
    max-width: 95%;
    flex-basis: 95%;
    margin: 0;
    height: auto;
  }
  .section-3-columns .columns-cards .content {
    height: 100%;
  }
  .section-3-columns .columns-cards .card {
    justify-content: flex-start;
  }
}

@media only screen and (min-width: 768px) {
  .section-3-columns .column-title {
    flex-basis: var(--grid-6-column);
    min-width: var(--grid-6-column);
    max-width: var(--grid-6-column);
    margin-left: 0;
    margin-right: 0;
  }
  .section-3-columns .column-text {
    flex-basis: var(--grid-5-column);
    min-width: var(--grid-5-column);
    max-width: var(--grid-5-column);
    margin-left: var(--grid-1-column);
    margin-right: 0;
  }
  .section-3-columns .columns-cards .column {
    flex-basis: var(--grid-6-column);
    min-width: var(--grid-6-column);
    max-width: var(--grid-6-column);
    margin-left: 0;
    margin-right: 0;
  }
}

@media only screen and (min-width: 992px) {
  .section-3-columns .columns-cards .column {
    flex-basis: var(--grid-4-column);
    min-width: var(--grid-4-column);
    max-width: var(--grid-4-column);
    margin-left: 0;
    margin-right: 0;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1439px) {
  .section-3-columns {
    --p-font-size: 1rem;
    --h5-font-size: 1.125rem;
  }
  .section-3-columns .columns[data-blurred="1"] .card {
    padding: 1.5rem;
  }
}

.section-battery {
  --y-spacer: 1rem;
  overflow: hidden;
}

@media only screen and (min-width: 768px) {
  .section-battery {
    --y-spacer: 1.5rem;
  }
}

.section-battery .column-text p {
  font-family: var(--lead-font-family);
  font-size: var(--lead-font-size);
  font-weight: var(--lead-font-weight);
  font-style: var(--lead-font-style);
  line-height: var(--lead-line-height);
  letter-spacing: var(--lead-letter-spacing);
  text-transform: var(--lead-text-transform);
  text-decoration: var(--lead-text-decoration);
  margin: var(--lead-margin);
}

.section-battery .column-text .content {
  text-align: center;
}

.section-battery h3 {
  position: relative;
  display: flex;
  align-items: center;
  font-family: var(--h6-font-family);
  font-size: var(--h6-font-size);
  font-weight: var(--h6-font-weight);
  font-style: var(--h6-font-style);
  line-height: var(--h6-line-height);
  letter-spacing: var(--h6-letter-spacing);
  text-transform: var(--h6-text-transform);
  text-decoration: var(--h6-text-decoration);
  margin: var(--h6-margin);
  margin-top: 0;
}

.section-battery .card-image {
  width: 50%;
  max-width: 640px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.section-battery .card-image .image-holder {
  position: absolute;
}

.section-battery .icon {
  width: 2.1875rem;
  min-width: 2.1875rem;
  margin-right: 1.25rem;
}

@media only screen and (max-width: 767px) {
  .section-battery .card-image {
    display: none;
  }
  .section-battery .columns-battery .column + .column {
    margin-top: var(--y-spacer);
  }
}

@media only screen and (min-width: 768px) {
  .section-battery .columns-text {
    justify-content: center;
  }
  .section-battery .columns-text .column {
    flex-basis: var(--grid-12-column);
    min-width: var(--grid-12-column);
    max-width: var(--grid-12-column);
    margin-left: 0;
    margin-right: 0;
  }
  .section-battery .columns-battery {
    position: relative;
    justify-content: space-between;
    flex-wrap: nowrap;
  }
  .section-battery .columns-battery .column {
    flex-basis: auto;
    min-width: auto;
    flex-grow: 1;
    max-width: calc(400px + (2 * var(--column-padding)));
  }
}

.card-battery {
  padding: 1.875rem 2rem;
  background-color: rgba(255, 255, 255, 0.2);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border-radius: 10px;
  transition: 0.24s ease-out background-color, 0.24s ease-out transform;
}

.card-battery .link-chev {
  margin-top: 2rem;
}

.card-battery + .card-battery {
  margin-top: var(--y-spacer);
}

.card-battery:has(.link-chev):hover {
  background: #fff;
  --color-text-primary: var(--color-text-dark);
}

.card-battery:has(.link-chev):active {
  transform: scale(0.98);
}

@media only screen and (min-width: 768px) {
  .card-battery:has(.link-chev) p {
    margin-bottom: 0;
    transition: 0.24s ease-out color;
  }
  .card-battery:has(.link-chev) h3 {
    padding-right: 1.25rem;
    transition: 0.24s ease-out color;
  }
  .card-battery:has(.link-chev) .link-chev {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
  }
  .card-battery:has(.link-chev) .link-chev span {
    display: none;
  }
  .card-battery:has(.link-chev) .link-chev svg {
    right: 2rem;
    transform: none;
    top: 0.5rem;
  }
  .card-battery:has(.link-chev) .link-chev:hover svg {
    transform: translateX(0.25rem);
  }
}

.section-carousel-images .image-holder {
  position: absolute;
}

.section-carousel-images .swiper-wrapper {
  align-items: flex-end;
}

@media only screen and (max-width: 767px) {
  .section-carousel-images .columns-images {
    margin-left: calc(-1 * var(--column-padding));
    margin-right: calc(-1 * var(--column-padding));
  }
  .section-carousel-images .columns-images .column {
    padding: 0 var(--column-padding);
    min-width: 95%;
    max-width: 95%;
    flex-basis: 95%;
    margin: 0;
  }
  .section-carousel-images .columns-text {
    text-align: center;
  }
  .section-carousel-images .columns-text .column {
    display: flex;
    justify-content: center;
  }
  .section-carousel-images .columns-text .column-cta {
    margin: 0;
  }
}

@media only screen and (min-width: 768px) {
  .section-carousel-images .columns-text {
    justify-content: space-between;
    align-items: center;
  }
  .section-carousel-images .columns-text .column {
    flex-basis: auto;
    flex-grow: 0;
    min-width: auto;
    max-width: 100%;
  }
  .section-carousel-images .columns-text .content-action {
    margin: 0;
  }
}

.section-carousel {
  overflow: hidden;
  --carousel-slide-width: 100%;
  --swiper-pagination-bullet-size: 10px;
  --swiper-pagination-bullet-horizontal-gap: 10px;
  --swiper-pagination-bullet-inactive-color: var(--color-coconut);
  --swiper-pagination-color: var(--color-cta);
  --swiper-offset-navigation: 3rem;
  padding-top: 0;
  padding-bottom: 0;
}

@media only screen and (max-width: 767px) {
  .section-carousel {
    --swiper-offset-pagination: 2rem;
    --carousel-slide-height: 56.25vw;
  }
}

@media only screen and (min-width: 768px) {
  .section-carousel {
    --swiper-offset-pagination: 3.5rem;
    --carousel-slide-height: 42.5vw;
  }
}

.section-carousel .container {
  padding: 0;
  max-width: 100%;
}

.section-carousel .carousel__slide {
  padding: 0;
}

.section-carousel .slide-background {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.section-carousel .slide-content {
  position: relative;
  padding-left: var(--container-padding);
  padding-right: var(--container-padding);
  padding-top: var(--section-padding);
  padding-bottom: var(--section-padding);
  max-width: var(--site-width);
  height: var(--carousel-slide-height);
  display: flex;
  align-items: flex-end;
}

.section-carousel .slide-content .content {
  max-width: var(--content-width);
}

.no-header .section-carousel:first-child {
  padding-top: 0;
}

.no-header .section-carousel:first-child .slide-content {
  padding-top: var(--noheader-padding);
}

@media only screen and (min-width: 768px) {
  .section-carousel .slide-content-inner {
    flex-basis: var(--grid-10-column);
    min-width: var(--grid-10-column);
    max-width: var(--grid-10-column);
    margin-left: 0;
    margin-right: 0;
  }
}

.section-carousel .carousel-navigation-container {
  position: absolute;
  z-index: 10;
}

@media only screen and (max-width: 767px) {
  .section-carousel .carousel-navigation-container {
    right: 1rem;
    bottom: 1rem;
  }
}

@media only screen and (min-width: 768px) {
  .section-carousel .carousel-navigation-container {
    right: 1.625rem;
    bottom: 1.625rem;
  }
}

.section-carousel .carousel-navigation {
  --carousel-nav-arrow-color: var(--color-text-light);
}

.carousel-navigation-container {
  margin-top: 1rem;
  display: flex;
  justify-content: flex-start;
}

.carousel-navigation {
  --carousel-nav-arrow-color: var(--color-text-dark);
  display: flex;
  height: 2.125rem;
  align-items: center;
  border-radius: 2rem;
  padding: 0;
  width: auto;
  justify-content: flex-start;
}

.carousel-info {
  color: var(--color-text-primary);
  display: flex;
  justify-content: center;
  align-items: center;
}

.carousel-info span {
  display: block;
  line-height: 1;
  font-size: 0.75rem;
}

.carousel-info span:first-child:after {
  content: " /";
  margin-right: 0.125rem;
}

.btn-slide {
  cursor: pointer;
  z-index: 10;
  outline: none;
  border: 0;
  width: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  height: auto;
  padding: 0 0.375rem;
  margin: 0;
  transition: 0.24s ease-out opacity;
}

.btn-slide.swiper-button-disabled {
  opacity: 0.4;
  pointer-events: none;
}

.btn-slide svg {
  width: 1rem;
  height: auto;
  fill: none;
}

.btn-slide svg line {
  stroke: var(--carousel-nav-arrow-color);
  stroke-width: 1;
  stroke-linecap: round;
}

.section-columns-multiple {
  text-align: center;
}

.section-columns-multiple p {
  max-width: var(--content-width);
}

@media only screen and (min-width: 768px) {
  .section-columns-multiple .columns-text .column {
    flex-basis: var(--grid-12-column);
    min-width: var(--grid-12-column);
    max-width: var(--grid-12-column);
    margin-left: 0;
    margin-right: 0;
  }
  .section-columns-multiple .columns-items {
    justify-content: center;
    --column-padding: 1.5rem;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-columns-multiple .columns-items .column-item {
    flex-basis: var(--grid-6-column);
    min-width: var(--grid-6-column);
    max-width: var(--grid-6-column);
    margin-left: 0;
    margin-right: 0;
  }
  .section-columns-multiple .columns-items .column-item:nth-child(n+3) {
    margin-top: calc(0.5 * var(--section-padding));
  }
}

@media only screen and (min-width: 992px) {
  .section-columns-multiple .columns-items {
    justify-content: center;
  }
  .section-columns-multiple .columns-items[data-columns="3"] .column-item {
    flex-basis: var(--grid-4-column);
    min-width: var(--grid-4-column);
    max-width: var(--grid-4-column);
    margin-left: 0;
    margin-right: 0;
  }
  .section-columns-multiple .columns-items[data-columns="3"] .column-item:nth-child(n+4) {
    margin-top: calc(0.5 * var(--section-padding));
  }
  .section-columns-multiple .columns-items[data-columns="4"] .column-item {
    flex-basis: var(--grid-3-column);
    min-width: var(--grid-3-column);
    max-width: var(--grid-3-column);
    margin-left: 0;
    margin-right: 0;
  }
  .section-columns-multiple .columns-items[data-columns="4"] .column-item:nth-child(n+5) {
    margin-top: calc(0.5 * var(--section-padding));
  }
}

.card-icon img {
  max-width: 125px;
  margin: 0 auto;
}

.section-content-carousel {
  overflow: hidden;
}

.section-content-carousel[data-color-text="dark"] .card-content-carousel h3 {
  --color-text-primary: var(--color-conscious-green);
}

.section-content-carousel .columns-text + .columns-nav {
  margin-top: calc(0.5 * var(--section-padding));
}

.section-content-carousel .columns-nav {
  margin-bottom: calc(0.75 * var(--section-padding));
}

.section-content-carousel .content-image {
  position: absolute;
  width: 100%;
  height: 100%;
}

.section-content-carousel .columns-cards .column {
  height: auto;
}

.section-content-carousel .columns-cards .content {
  height: 100%;
}

.section-content-carousel .columns-cards .card-content-carousel {
  display: flex;
  height: 100%;
}

.section-content-carousel .columns-cards .project-info {
  flex-grow: 1;
}

@media only screen and (min-width: 992px) {
  .section-content-carousel .columns-cards .project-info {
    order: -1;
  }
}

.section-content-carousel .project-image {
  position: relative;
}

.section-content-carousel .card-image-holder:before {
  content: none;
}

@media only screen and (max-width: 991px) {
  .section-content-carousel .columns-cards {
    margin-left: calc(-1 * var(--column-padding));
    margin-right: calc(-1 * var(--column-padding));
  }
  .section-content-carousel .columns-cards .column {
    padding: 0 var(--column-padding);
    min-width: 95%;
    max-width: 95%;
    flex-basis: 95%;
    margin: 0;
  }
  .section-content-carousel .columns-cards .card-content-carousel {
    flex-direction: column;
  }
  .section-content-carousel .columns-nav {
    display: none;
  }
  .section-content-carousel .columns-nav[data-mobile="1"] {
    display: block;
  }
}

@media only screen and (min-width: 992px) {
  .section-content-carousel .columns-text .column {
    flex-basis: var(--grid-10-column);
    min-width: var(--grid-10-column);
    max-width: var(--grid-10-column);
    margin-left: 0;
    margin-right: 0;
  }
  .section-content-carousel .columns-cards .column-card {
    flex-basis: var(--grid-12-column);
    min-width: var(--grid-12-column);
    max-width: var(--grid-12-column);
    margin-left: 0;
    margin-right: 0;
  }
  .section-content-carousel .columns-nav .column {
    flex-basis: var(--grid-12-column);
    min-width: var(--grid-12-column);
    max-width: var(--grid-12-column);
    margin-left: 0;
    margin-right: 0;
  }
  .section-content-carousel .swiper-slide {
    opacity: 0;
    pointer-events: none;
  }
  .section-content-carousel .swiper-slide.swiper-slide-active {
    opacity: 1;
    pointer-events: auto;
  }
  .section-content-carousel .card-title {
    display: none;
  }
}

.carousel-projects-featured-nav .swiper-slide {
  width: auto;
  margin: 0 0.5rem;
}

.card-content-carousel {
  --border-radius: 10px;
}

.card-content-carousel .card-image {
  position: relative;
  padding-bottom: 60%;
  overflow: hidden;
}

.card-content-carousel p {
  max-width: var(--content-width-xl);
}

.card-content-carousel .content-image {
  border-radius: 0;
}

.card-content-carousel .content-action {
  justify-content: center;
}

.card-content-carousel .link {
  position: absolute;
  left: 50%;
  bottom: 1.5rem;
  transform: translateX(-50%);
}

@media only screen and (min-width: 768px) {
  .card-content-carousel .link {
    bottom: 2.5rem;
  }
}

.card-content-carousel .content {
  border-radius: var(--border-radius) var(--border-radius) 0 0;
  overflow: hidden;
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
}

.card-content-carousel .list-facts {
  --color-text-primary: var(--color-text-light);
  position: absolute;
  display: flex;
  flex-wrap: wrap;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}

.card-content-carousel .list-facts li {
  display: flex;
  width: 50%;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  font-size: 10px;
  font-weight: 400;
  margin: 0.375rem 0;
}

.card-content-carousel .list-facts .fact-label {
  text-transform: uppercase;
  font-weight: 800;
  font-family: var(--font-secondary);
  display: block;
  white-space: nowrap;
}

@media only screen and (max-width: 991px) {
  .card-content-carousel .list-facts {
    left: 1.25rem;
    right: 1.25rem;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .card-content-carousel .list-facts {
    left: 2.5rem;
    right: 2.5rem;
  }
  .card-content-carousel .list-facts li {
    font-size: 1rem;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1439px) {
  .card-content-carousel .list-facts li {
    font-size: 0.75rem;
  }
}

@media only screen and (min-width: 1440px) {
  .card-content-carousel .list-facts li {
    font-size: 1rem;
  }
}

.card-content-carousel h3 {
  font-family: var(--h4-font-family);
  font-size: var(--h4-font-size);
  font-weight: var(--h4-font-weight);
  font-style: var(--h4-font-style);
  line-height: var(--h4-line-height);
  letter-spacing: var(--h4-letter-spacing);
  text-transform: var(--h4-text-transform);
  text-decoration: var(--h4-text-decoration);
  margin: var(--h4-margin);
  margin-top: 0;
}

.card-content-carousel .project-info .content {
  border-radius: var(--border-radius);
  background: rgba(255, 255, 255, 0.2);
  overflow: hidden;
  transform-style: preserve-3d;
  box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.1);
  padding: 1.5rem 1.5rem 5rem 1.5rem;
  height: 100%;
}

.card-content-carousel .project-info .content > * {
  max-width: var(--content-width-xl);
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .card-content-carousel .project-info .content {
    padding: 2.5rem 2.5rem 5rem 2.5rem;
  }
}

@media only screen and (min-width: 992px) {
  .card-content-carousel {
    display: flex;
    margin: 0 calc(-1 * var(--column-padding));
  }
  .card-content-carousel .project-image,
.card-content-carousel .project-info {
    flex-basis: var(--grid-6-column);
    min-width: var(--grid-6-column);
    max-width: var(--grid-6-column);
    margin-left: 0;
    margin-right: 0;
    padding: 0 var(--column-padding);
  }
  .card-content-carousel .project-info .content {
    padding: 2.5rem 2.5rem 5rem 2.5rem;
  }
  .card-content-carousel .content {
    height: 100%;
    border-radius: var(--border-radius);
  }
  .card-content-carousel .card-image-holder,
.card-content-carousel .card-image {
    height: 100%;
  }
  .card-content-carousel .card-image {
    padding-bottom: 65%;
  }
}

@media only screen and (min-width: 992px) {
  .card-content-carousel .list-facts {
    left: 0;
    right: 0;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
  .card-content-carousel .list-facts li {
    padding-right: 1.5rem;
  }
}

.list-facts {
  list-style: none;
  padding: 0;
  margin: 0 0 1rem 0;
  --icon-size: 2rem;
}

@media only screen and (min-width: 768px) {
  .list-facts {
    --icon-size: 2.875rem;
    margin: 0 0 1.75rem 0;
  }
}

.list-facts li {
  position: relative;
  height: var(--icon-size);
  display: flex;
  align-items: center;
  padding-left: calc(var(--icon-size) + 0.75rem);
}

.list-facts li .icon-facts {
  position: absolute;
  width: var(--icon-size);
  height: var(--icon-size);
  left: 0;
  top: 0;
}

.list-facts li .icon-facts svg {
  display: block;
  width: 100%;
  height: auto;
}

.card-project-featured .content-fact-testimonial {
  text-align: center;
}

.card-project-featured p {
  margin-top: 0;
}

.card-project-featured .fact-company {
  margin-top: 2rem;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}

@media only screen and (max-width: 767px) {
  .card-project-featured .project-info .content {
    border-radius: 0 0 var(--border-radius) var(--border-radius);
  }
}

@media only screen and (min-width: 768px) {
  .card-project-featured .project-info .content {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .card-project-featured .fact-company {
    margin-top: 3rem;
    margin-bottom: 0.5rem;
    font-size: 1.125rem;
  }
  .card-project-featured .fact-author {
    font-size: 1.125rem;
  }
}

.section-cta {
  --cta-border-radius: 30px;
  --cta-background: rgba(255, 255, 255, 0.20);
  --cta-header-offset: calc(-4 * var(--section-padding));
}

@media only screen and (min-width: 768px) {
  .section-cta {
    --cta-header-offset: calc(-2 * var(--section-padding));
  }
}

.section-cta:has(.columns[data-width="container"]) {
  background: transparent;
}

.section-cta:has(.columns[data-width="container"]):first-child {
  margin-top: var(--cta-header-offset);
}

.section-cta .columns {
  margin-left: calc(-1 * var(--column-padding));
  margin-right: calc(-1 * var(--column-padding));
  align-items: center;
  padding-top: calc(0.75 * var(--section-padding));
  padding-bottom: calc(0.75 * var(--section-padding));
  position: relative;
}

.section-cta .columns:before {
  content: "";
  position: absolute;
  right: var(--column-padding);
  bottom: 0;
  top: 0;
  left: var(--column-padding);
  overflow: hidden;
  border-radius: var(--cta-border-radius);
  background: var(--cta-background);
  backdrop-filter: blur(5px);
}

.section-cta .columns[data-width="container"] {
  --cta-border-radius: 10px;
  --cta-background: var(--color-background);
}

.section-cta .columns[data-width="container"] .content .wpforms-container {
  --form-max-width: 100%;
}

.section-cta .columns[data-width="full"] .content .wpforms-container {
  --input-background: transparent;
  --input-outline-color: rgba(var(--color-text-light-rgb), 0.3);
}

@media only screen and (max-width: 767px) {
  .section-cta .column {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }
  .section-cta .column-content {
    text-align: center;
  }
}

@media only screen and (min-width: 768px) {
  .section-cta .content-action {
    margin: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-cta .columns {
    flex-wrap: wrap;
  }
  .section-cta .column-content {
    flex-basis: var(--grid-10-column);
    min-width: var(--grid-10-column);
    max-width: var(--grid-10-column);
    margin-left: var(--grid-1-column);
    margin-right: 0;
    text-align: center;
  }
  .section-cta .column-content + .column-action {
    margin-top: calc(0.5 * var(--section-padding));
  }
  .section-cta .column-action {
    flex-basis: var(--grid-10-column);
    min-width: var(--grid-10-column);
    max-width: var(--grid-10-column);
    margin-left: var(--grid-1-column);
    margin-right: 0;
  }
}

@media only screen and (min-width: 992px) {
  .section-cta .columns[data-width="container"] {
    flex-direction: column;
  }
  .section-cta .columns[data-width="container"] .column {
    flex-basis: var(--grid-10-column);
    min-width: var(--grid-10-column);
    max-width: var(--grid-10-column);
    margin-left: 0;
    margin-right: 0;
  }
  .section-cta .columns[data-width="container"] .column-content {
    text-align: center;
  }
  .section-cta .columns[data-width="container"] .column-content + .column-action {
    margin-top: calc(0.5 * var(--section-padding));
  }
  .section-cta .column-content {
    flex-basis: var(--grid-5-column);
    min-width: var(--grid-5-column);
    max-width: var(--grid-5-column);
    margin-left: var(--grid-1-column);
    margin-right: 0;
  }
  .section-cta .column-action {
    flex-basis: var(--grid-4-column);
    min-width: var(--grid-4-column);
    max-width: var(--grid-4-column);
    margin-left: var(--grid-1-column);
    margin-right: 0;
  }
  .section-cta .column-action:first-child {
    flex-basis: var(--grid-10-column);
    min-width: var(--grid-10-column);
    max-width: var(--grid-10-column);
    margin-left: var(--grid-1-column);
    margin-right: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1439px) {
  .columns-event .column-event {
    flex-basis: var(--grid-6-column);
    min-width: var(--grid-6-column);
    max-width: var(--grid-6-column);
    margin-left: 0;
    margin-right: 0;
  }
  .columns-event .column-event:nth-child(n+3) {
    margin-top: calc(4 * var(--column-padding));
  }
}

@media only screen and (min-width: 1440px) {
  .columns-event .column-event {
    flex-basis: var(--grid-4-column);
    min-width: var(--grid-4-column);
    max-width: var(--grid-4-column);
    margin-left: 0;
    margin-right: 0;
  }
  .columns-event .column-event:nth-child(n+4) {
    margin-top: calc(4 * var(--column-padding));
  }
}

.section-faq {
  --accordion-padding: 3rem;
}

@media only screen and (min-width: 768px) {
  .section-faq {
    --accordion-padding: 6.25rem;
  }
}

.section-faq .column-text {
  text-align: center;
}

.section-faq .columns[data-size="compact"] .accordion {
  --accordion-sizer: 1rem;
}

.section-faq .columns[data-size="compact"] .accordion .question {
  text-transform: none;
  font-size: 1rem;
  letter-spacing: 0;
  font-weight: 500;
  font-family: var(--font-primary);
}

.section-faq .columns[data-size="compact"] .accordion .accordion__panel__inner {
  padding-top: 1rem;
}

@media only screen and (max-width: 767px) {
  .section-faq .columns[data-size="compact"] .accordion .icon-chevron {
    --icon-width: 1.75rem;
  }
}

@media only screen and (min-width: 768px) {
  .section-faq .columns {
    justify-content: center;
  }
  .section-faq .columns .column-text {
    flex-basis: var(--grid-8-column);
    min-width: var(--grid-8-column);
    max-width: var(--grid-8-column);
    margin-left: 0;
    margin-right: 0;
  }
  .section-faq .columns[data-size="compact"] .accordion {
    --accordion-sizer: 1.25rem;
  }
  .section-faq .columns[data-size="compact"] .accordion .question {
    font-size: 1.25rem;
  }
}

@media only screen and (max-width: 767px) {
  .columns-accordion .column-accordion {
    margin: 0;
    margin-top: -1.5px;
  }
  .columns-accordion .column-text + .column-accordion {
    margin-top: calc(0.6 * var(--section-padding));
  }
}

@media only screen and (min-width: 768px) {
  .columns-accordion {
    justify-content: center;
  }
  .columns-accordion[data-columns="1"] .column-accordion {
    flex-basis: var(--grid-12-column);
    min-width: var(--grid-12-column);
    max-width: var(--grid-12-column);
    margin-left: 0;
    margin-right: 0;
  }
  .columns-accordion[data-columns="1"] .column + .column {
    margin-top: calc(0.6 * var(--section-padding));
  }
  .columns-accordion[data-columns="2"] .column-accordion {
    flex-basis: var(--grid-6-column);
    min-width: var(--grid-6-column);
    max-width: var(--grid-6-column);
    margin-left: 0;
    margin-right: 0;
  }
  .columns-accordion[data-columns="2"] .accordion {
    padding-right: 1rem;
  }
}

@media only screen and (min-width: 1280px) {
  .columns-accordion[data-columns="1"] .column-accordion {
    flex-basis: var(--grid-10-column);
    min-width: var(--grid-10-column);
    max-width: var(--grid-10-column);
    margin-left: 0;
    margin-right: 0;
  }
  .columns-accordion[data-columns="2"] .column-accordion {
    flex-basis: var(--grid-5-column);
    min-width: var(--grid-5-column);
    max-width: var(--grid-5-column);
    margin-left: 0;
    margin-right: 0;
  }
}

.accordion {
  --accordion-border-color: var(--color-text-primary);
  --accordion-sizer: 2rem;
}

.accordion .accordion__row {
  transition: 0.24s ease-out opacity;
  border-top: 1.5px solid var(--accordion-border-color);
  border-bottom: 1.5px solid var(--accordion-border-color);
}

.accordion .accordion__row + .accordion__row {
  margin-top: -1.5px;
}

.accordion .accordion__row.active .btn-accordion .icon-chevron:after {
  display: none;
}

.accordion .accordion__row.active .accordion__panel {
  height: var(--panel-height);
  opacity: 1;
  transform: translateY(-1.15rem);
}

.accordion .accordion__row .content-action {
  margin: 0;
  padding: 0.5rem 0 1rem 0;
}

.accordion .accordion__row .btn-accordion {
  width: 100%;
  position: relative;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 1rem;
  border: 0;
  font-weight: 400;
  font-family: var(--body-font-family);
  text-align: left;
  padding: var(--accordion-sizer) 6.25rem var(--accordion-sizer) 0;
}

.accordion .accordion__row .btn-accordion .question {
  transition: 0.24s ease-out opacity;
}

.accordion .accordion__row .btn-accordion:hover .question {
  opacity: 0.6;
}

.accordion .accordion__row .question {
  font-family: var(--h5-font-family);
  font-size: var(--h5-font-size);
  font-weight: var(--h5-font-weight);
  font-style: var(--h5-font-style);
  line-height: var(--h5-line-height);
  letter-spacing: var(--h5-letter-spacing);
  text-transform: var(--h5-text-transform);
  text-decoration: var(--h5-text-decoration);
  margin: var(--h5-margin);
  margin: 0;
  padding: 0;
}

.accordion .accordion__row .accordion__panel {
  overflow: hidden;
  position: relative;
  height: 0;
  opacity: 0;
  transition: 0.24s ease-out height, 0.24s ease-out opacity, 0.24s ease-out transform;
}

.accordion .accordion__row .accordion__panel__inner {
  padding: 0;
}

.accordion .accordion__row .icon-chevron {
  --icon-width: 2rem;
  position: absolute;
  width: var(--icon-width);
  height: var(--icon-width);
  border-radius: 50%;
  border: 1.5px solid var(--color-text-primary);
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.accordion .accordion__row .icon-chevron:before, .accordion .accordion__row .icon-chevron:after {
  content: "";
  display: block;
  background-color: var(--color-text-primary);
  position: absolute;
  width: 40%;
  height: 1.5px;
}

.accordion .accordion__row .icon-chevron:before {
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.accordion .accordion__row .icon-chevron:after {
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%) rotate(-90deg);
}

@media only screen and (min-width: 768px) {
  .accordion .accordion__row .accordion__panel__inner {
    padding-right: 6.25rem;
  }
  .accordion .accordion__row .icon-chev {
    --icon-width: 2.625rem;
  }
}

.section-image {
  --border-radius: 10px;
}

.section-image[data-container="0"] .bg-gradient {
  z-index: 1;
}

.section-image[data-top="1"] {
  padding-top: calc(0.75 * var(--section-padding));
}

.section-image[data-bottom="1"] {
  padding-bottom: calc(0.75 * var(--section-padding));
}

.section-image .columns[data-height="full"] .picture-lazy, .section-image .columns[data-height="full"] .video-lazy {
  position: relative;
}

.section-image .columns[data-width="full"] {
  --border-radius: 0;
  margin: 0 calc(-1 * var(--container-padding));
}

.section-image .columns[data-width="full"] .column {
  padding: 0;
}

.section-image .column {
  flex-basis: var(--grid-12-column);
  min-width: var(--grid-12-column);
  max-width: var(--grid-12-column);
  margin-left: 0;
  margin-right: 0;
}

.section-image .columns[data-scaling="cover"] img {
  object-fit: cover;
}

.section-image .columns[data-scaling="contain"] img {
  object-fit: cover;
}

.section-image .image-link-overlay {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.24s ease-out background-color;
  overflow: hidden;
  transform: translateZ(0);
  transform-style: preserve-3d;
  border-radius: var(--border-radius);
}

.section-image .image-link-overlay .icon-play {
  --color-text-primary: var(--btn-text-color);
}

.section-image .image-link-overlay .icon-play svg {
  display: block;
  width: 1.125rem;
  margin-right: 0.375rem;
}

.section-image .image-link-overlay:hover {
  background-color: rgba(0, 0, 0, 0.12);
}

@media only screen and (max-width: 767px) {
  .section-image .columns[data-height="small"] .content-image {
    height: 65vw;
  }
  .section-image .columns[data-scaling="contain"] img {
    height: auto;
  }
  .section-image .img-holder {
    position: sticky;
    top: var(--nav-height);
    transform-style: preserve-3d;
    z-index: -1;
  }
}

@media only screen and (min-width: 768px) {
  .section-image .columns {
    justify-content: center;
  }
  .section-image .columns[data-height="small"] .content-image {
    height: 65vh;
  }
}

@media only screen and (min-width: 992px) {
  .section-image .columns[data-width="large"] .column {
    flex-basis: var(--grid-10-column);
    min-width: var(--grid-10-column);
    max-width: var(--grid-10-column);
    margin-left: 0;
    margin-right: 0;
  }
}

@media only screen and (min-width: 1680px) {
  .section-image .columns[data-width="full"] .content {
    margin-right: calc(-1 * ( (100vw - var(--site-width)) / 2 ));
    margin-left: calc(-1 * ( (100vw - var(--site-width)) / 2 ));
  }
}

.section-infographic {
  overflow: hidden;
}

.section-infographic .column-text p {
  font-family: var(--lead-font-family);
  font-size: var(--lead-font-size);
  font-weight: var(--lead-font-weight);
  font-style: var(--lead-font-style);
  line-height: var(--lead-line-height);
  letter-spacing: var(--lead-letter-spacing);
  text-transform: var(--lead-text-transform);
  text-decoration: var(--lead-text-decoration);
  margin: var(--lead-margin);
}

.section-infographic .column-text .content {
  max-width: var(--content-width);
}

.section-infographic .infographic-holder {
  position: relative;
  margin: 0 calc(-1 * var(--column-padding));
  height: 70vw;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.section-infographic .cards-nav-container {
  top: 0;
  bottom: auto;
  transform: none;
}

.section-infographic h3 {
  font-family: var(--h6-font-family);
  font-size: var(--h6-font-size);
  font-weight: var(--h6-font-weight);
  font-style: var(--h6-font-style);
  line-height: var(--h6-line-height);
  letter-spacing: var(--h6-letter-spacing);
  text-transform: var(--h6-text-transform);
  text-decoration: var(--h6-text-decoration);
  margin: var(--h6-margin);
  margin-top: 0;
}

.section-infographic .infographic {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  width: 120vw;
  background-image: url("assets/images/infographic.png");
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  height: 70vw;
}

@media only screen and (max-width: 767px) {
  .section-infographic .infographic-holder {
    height: calc(70vw + 6rem);
  }
}

@media only screen and (min-width: 768px) {
  .section-infographic .columns-text {
    position: absolute;
    right: 0;
    left: var(--container-padding);
  }
  .section-infographic .infographic-holder {
    height: 70vw;
  }
}

@media only screen and (min-width: 1440px) {
  .section-infographic .infographic-holder {
    max-height: 100vh;
  }
  .section-infographic .infographic {
    width: 1715px;
    margin: 0 auto;
  }
}

@media only screen and (min-width: 1680px) {
  .section-infographic .infographic-holder {
    max-height: 900px;
  }
}

.infographic-buttons {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  list-style: none;
  margin: 0;
  padding: 0;
}

.infographic-buttons li {
  position: absolute;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.15);
  cursor: pointer;
  font-family: var(--font-secondary);
  background: var(--color-text-light);
  color: var(--color-text-dark);
  font-size: 1.15rem;
  margin: 0;
  font-weight: 800;
  display: flex;
  justify-content: center;
  align-items: center;
  left: 50%;
  top: 50%;
  z-index: 10;
  transition: 0.24s ease-out transform, 0.24s ease-out opacity;
  opacity: 0.6;
  transform: translateX(-50%);
}

.infographic-buttons li.active {
  opacity: 1;
}

.infographic-buttons li:hover {
  transform: translateX(-50%) scale3d(1.15, 1.15, 1);
  opacity: 1;
}

.infographic-buttons li:active {
  transform: translateX(-50%) scale3d(0.95, 0.95, 1);
  opacity: 1;
}

.infographic-buttons li:nth-child(1) {
  left: var(--x-pos);
  top: var(--y-pos);
  --x-pos:18vw;
  --y-pos:25vw;
}

.infographic-buttons li:nth-child(2) {
  left: var(--x-pos);
  top: var(--y-pos);
  --x-pos:34vw;
  --y-pos:30.5vw;
}

.infographic-buttons li:nth-child(3) {
  left: var(--x-pos);
  top: var(--y-pos);
  --x-pos:41vw;
  --y-pos:21.5vw;
}

.infographic-buttons li:nth-child(4) {
  left: var(--x-pos);
  top: var(--y-pos);
  --x-pos:60.5vw;
  --y-pos:10vw;
}

.infographic-buttons li:nth-child(5) {
  left: var(--x-pos);
  top: var(--y-pos);
  --x-pos:61vw;
  --y-pos:33vw;
}

.infographic-buttons li:nth-child(6) {
  left: var(--x-pos);
  top: var(--y-pos);
  --x-pos:92vw;
  --y-pos:19.5vw;
}

@media only screen and (max-width: 767px) {
  .infographic-buttons li {
    transform: scale3d(0.7, 0.7, 1) translateX(-50%);
  }
  .infographic-buttons li:hover {
    transform: scale3d(0.95, 0.95, 1) translateX(-50%);
  }
  .infographic-buttons li:active {
    transform: scale3d(0.6, 0.6, 1) translateX(-50%);
  }
}

@media only screen and (min-width: 768px) {
  .infographic-buttons li:nth-child(1) {
    --x-pos:19vw;
    --y-pos:26vw;
  }
  .infographic-buttons li:nth-child(2) {
    --x-pos:34.4vw;
    --y-pos:32.5vw;
  }
  .infographic-buttons li:nth-child(3) {
    --x-pos:41vw;
    --y-pos:22.5vw;
  }
  .infographic-buttons li:nth-child(4) {
    --x-pos: 61.25vw;
    --y-pos: 10.5vw;
  }
  .infographic-buttons li:nth-child(5) {
    --x-pos: 62.5vw;
    --y-pos: 35vw;
  }
  .infographic-buttons li:nth-child(6) {
    --x-pos: 93vw;
    --y-pos: 20.5vw;
  }
}

@media only screen and (min-width: 1440px) {
  .infographic-buttons li:nth-child(1) {
    --x-pos:17rem;
    --y-pos:24rem;
  }
  .infographic-buttons li:nth-child(2) {
    --x-pos:31rem;
    --y-pos:29rem;
  }
  .infographic-buttons li:nth-child(3) {
    --x-pos:37rem;
    --y-pos:20rem;
  }
  .infographic-buttons li:nth-child(4) {
    --x-pos: 54.75rem;
    --y-pos: 10rem;
  }
  .infographic-buttons li:nth-child(5) {
    --x-pos: 56rem;
    --y-pos: 30rem;
  }
  .infographic-buttons li:nth-child(6) {
    --x-pos: 82rem;
    --y-pos: 19rem;
  }
}

.carousel-infographic {
  padding: 0 var(--column-padding);
  overflow: hidden;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(5px);
}

@media only screen and (max-width: 991px) {
  .carousel-infographic {
    margin-left: calc(var(--container-padding) - var(--column-padding));
    margin-right: calc(var(--container-padding) - var(--column-padding));
    padding: 0;
  }
}

@media only screen and (min-width: 992px) {
  .carousel-infographic {
    position: absolute;
    right: var(--column-padding);
    width: calc(var(--grid-4-column) - (2 * var(--column-padding) ));
    bottom: var(--section-padding);
  }
}

.card-infographic {
  padding: 1.5rem;
}

.card-infographic .link-chev {
  margin-top: 2rem;
}

@media only screen and (min-width: 768px) {
  .card-infographic {
    padding: 2.5rem 2rem 2rem;
  }
}

.section-instagram {
  --container-padding: var(--container-padding-small);
  --column-padding: 0.5rem;
  padding-top: calc(2 * var(--section-padding));
}

.section-instagram:before {
  content: "";
  height: 1px;
  left: var(--container-padding);
  right: var(--container-padding);
  background: var(--color-text-primary);
  position: absolute;
  top: 0;
}

.section-instagram .content-action {
  margin: 0;
}

.section-instagram #sb_instagram .sbi_type_carousel .fa-clone {
  font-size: 0.875rem;
  text-shadow: none;
  filter: none;
}

.section-instagram .sbi_lightbox_carousel_icon {
  display: none !important;
}

.section-instagram #sb_instagram .sbi_type_video {
  position: relative;
}

.section-instagram #sb_instagram .sbi_type_video .fa-play {
  display: none !important;
}

.section-instagram #sb_instagram {
  background: transparent;
  --color-text-primary: var(--color-text-light);
  --color-text-primary-rgb: var(--color-text-light-rgb);
}

.section-instagram #sb_instagram #sbi_images {
  margin-left: calc(-1 * var(--column-padding));
  margin-right: calc(-1 * var(--column-padding));
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  width: auto;
  float: none;
}

.section-instagram #sb_instagram #sbi_images .sbi_item {
  padding: 0 var(--column-padding) !important;
}

.section-instagram #sb_instagram #sbi_images .sbi_photo_wrap {
  overflow: hidden;
  transform-style: preserve-3d;
  border-radius: var(--border-radius-small);
}

.section-instagram #sb_instagram #sbi_images .sbi_photo {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.section-instagram #sb_instagram #sbi_images .sbi_photo img {
  display: none;
}

@media only screen and (max-width: 767px) {
  .section-instagram #sb_instagram #sbi_images .sbi_item {
    min-width: 50%;
    max-width: 50%;
    flex-basis: 50%;
  }
  .section-instagram #sb_instagram #sbi_images .sbi_item:nth-child(n+3) {
    margin-top: calc(2 * var(--column-padding)) !important;
  }
  .section-instagram #sb_instagram #sbi_images .sbi_item:nth-child(5), .section-instagram #sb_instagram #sbi_images .sbi_item:nth-child(6), .section-instagram #sb_instagram #sbi_images .sbi_item:nth-child(7), .section-instagram #sb_instagram #sbi_images .sbi_item:nth-child(8) {
    display: none !important;
  }
}

@media only screen and (min-width: 768px) {
  .section-instagram .column {
    flex-basis: var(--grid-12-column);
    min-width: var(--grid-12-column);
    max-width: var(--grid-12-column);
    margin-left: 0;
    margin-right: 0;
  }
}

@media only screen and (min-width: 768px) {
  .section-instagram #sb_instagram #sbi_images .sbi_item {
    min-width: 20%;
    max-width: 20%;
    flex-basis: 20%;
  }
}

.section-jobs-carousel {
  overflow: hidden;
}

.section-jobs-carousel .card-job {
  --color-text-primary: var(--color-text-dark);
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  background: rgba(var(--color-text-light-rgb), 0.4);
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.1);
  padding: 8rem 1.75rem 1.5rem;
  border-radius: var(--border-radius);
}

.section-jobs-carousel .card-job[data-custom="1"] {
  --color-text-primary: var(--color-text-light);
  background: rgba(var(--color-text-dark-rgb), 1);
}

.section-jobs-carousel .card-job[data-custom="1"] h3 {
  color: var(--color-cta);
}

.section-jobs-carousel .card-job[data-custom="1"] .content-action {
  --color-text-primary: var(--color-text-light);
}

.section-jobs-carousel .link-card {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
}

.section-jobs-carousel .link-card:hover ~ .link {
  opacity: 0.4;
}

.section-jobs-carousel .link {
  margin: 2.3125rem 0 0 0;
  color: var(--color-text-primary);
}

.section-jobs-carousel .job-title {
  font-size: 1.5rem;
  margin-bottom: 0.75rem;
}

.section-jobs-carousel .job-intro {
  margin: 0;
}

.section-jobs-carousel .content {
  height: 100%;
}

.section-jobs-carousel .columns-jobs {
  --column-padding: 0.625rem;
  margin-top: calc(0.5 * var(--section-padding));
}

@media only screen and (max-width: 767px) {
  .section-jobs-carousel .columns-jobs {
    margin-left: calc(-1 * var(--column-padding));
    margin-right: calc(-1 * var(--column-padding));
  }
  .section-jobs-carousel .columns-jobs .column {
    padding: 0 var(--column-padding);
    min-width: 95%;
    max-width: 95%;
    flex-basis: 95%;
    margin: 0;
  }
  .section-jobs-carousel .cards-nav {
    display: none;
  }
}

@media only screen and (min-width: 768px) {
  .section-jobs-carousel .columns-jobs .column {
    flex-basis: var(--grid-6-column);
    min-width: var(--grid-6-column);
    max-width: var(--grid-6-column);
    margin-left: 0;
    margin-right: 0;
  }
  .section-jobs-carousel .columns-text .column-title {
    flex-basis: auto;
    flex-grow: 1;
    max-width: 100%;
  }
}

@media only screen and (min-width: 1280px) {
  .section-jobs-carousel .columns-jobs .column {
    flex-basis: var(--grid-4-column);
    min-width: var(--grid-4-column);
    max-width: var(--grid-4-column);
    margin-left: 0;
    margin-right: 0;
  }
}

@media only screen and (min-width: 1440px) {
  .section-jobs-carousel .columns-jobs .column {
    flex-basis: var(--grid-3-column);
    min-width: var(--grid-3-column);
    max-width: var(--grid-3-column);
    margin-left: 0;
    margin-right: 0;
  }
}

.announcement .section-jobs-filters {
  --filters-offset: 8.625rem;
}

.section-jobs-filters {
  --site-width: 1480px;
  --filters-offset: 6rem;
  overflow: visible !important;
}

.section-jobs-filters .bg-gradient[data-size="xl"] {
  height: calc(7.5 * var(--section-padding));
}

.section-jobs-filters .bg-gradient[data-position="top"] {
  background: linear-gradient(180deg, rgba(var(--color-background-rgb), 1) 30%, rgba(var(--color-background-rgb), 0) 85%);
}

.section-jobs-filters .facetwp-template {
  scroll-margin-top: var(--scroll-offset, 80px);
}

.section-jobs-filters .jobs-holder {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.25rem;
}

.section-jobs-filters .jobs-holder-custom {
  margin-top: 1.25rem;
}

.section-jobs-filters .card-job {
  position: relative;
  --color-text-primary: var(--color-text-dark);
  background: rgba(var(--color-text-light-rgb), 0.4);
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.1);
  padding: 1.5rem;
  border-radius: var(--border-radius);
}

.section-jobs-filters .card-job[data-custom="1"] {
  --color-text-primary: var(--color-text-light);
  background: rgba(var(--color-text-dark-rgb), 1);
}

.section-jobs-filters .card-job[data-custom="1"] h3 {
  color: var(--color-cta);
}

.section-jobs-filters .card-job[data-custom="1"] .content-action {
  --color-text-primary: var(--color-text-light);
}

.section-jobs-filters .card-job[data-custom="1"] .list-tags li {
  border-color: var(--color-text-light);
}

.section-jobs-filters .job-title {
  font-family: var(--h4-font-family);
  font-size: var(--h4-font-size);
  font-weight: var(--h4-font-weight);
  font-style: var(--h4-font-style);
  line-height: var(--h4-line-height);
  letter-spacing: var(--h4-letter-spacing);
  text-transform: var(--h4-text-transform);
  text-decoration: var(--h4-text-decoration);
  margin: var(--h4-margin);
  margin: 0;
  word-break: normal;
  overflow-wrap: normal;
}

.section-jobs-filters .list-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.375rem;
  list-style: none;
  margin: 1rem 0 1rem 0;
  padding: 0;
  min-width: 240px;
  max-width: 300px;
}

.section-jobs-filters .list-tags li {
  margin: 0;
  border: 1px solid var(--color-text-dark);
  height: 2rem;
  display: flex;
  align-items: center;
  font-weight: 400;
  min-width: 4rem;
  padding: 0 1rem;
  font-size: 0.75rem;
  border-radius: 2rem;
  text-align: center;
  justify-content: center;
}

.section-jobs-filters .list-tags li.job-hours {
  background: var(--color-text-dark);
  color: var(--color-text-light);
}

.section-jobs-filters .link-card {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
}

.section-jobs-filters .link-card:hover ~ .content-action .link {
  opacity: 0.4;
}

.section-jobs-filters .content-action {
  --color-text-primary: var(--color-text-primary);
  margin-top: 2rem;
}

.section-jobs-filters .btn-filters-holder {
  display: flex;
  justify-content: flex-end;
}

@media only screen and (max-width: 991px) {
  .section-jobs-filters .filters-holder {
    display: none;
  }
}

@media only screen and (min-width: 768px) {
  .section-jobs-filters .btn-filters-holder {
    display: none;
  }
  .section-jobs-filters .columns-jobs {
    flex-wrap: nowrap;
    --column-padding: 0.625rem;
  }
  .section-jobs-filters .column-filters {
    min-width: auto;
    max-width: 100%;
    flex-basis: 0;
  }
  .section-jobs-filters .column-filters .content {
    position: sticky;
    top: var(--filters-offset);
  }
  .section-jobs-filters .column-jobs {
    min-width: auto;
    max-width: 100%;
    flex-basis: auto;
    flex-grow: 1;
  }
  .section-jobs-filters .card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 1.5rem 0;
  }
  .section-jobs-filters .card-job {
    position: relative;
    padding: 3rem;
  }
  .section-jobs-filters .list-tags {
    justify-content: flex-end;
    margin: 0 0 0 1rem;
    gap: 0.5rem;
  }
  .section-jobs-filters .list-tags li {
    font-size: 0.875rem;
  }
}

@media only screen and (min-width: 992px) {
  .section-jobs-filters .list-tags {
    max-width: 440px;
  }
}

.filters-holder {
  width: 280px;
}

.mobile-filters-content,
.filters-holder {
  --icon-width: 1.75rem;
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
}

.mobile-filters-content .facetwp-facet,
.filters-holder .facetwp-facet {
  margin: 0;
}

.mobile-filters-content .facetwp-facet-label,
.filters-holder .facetwp-facet-label {
  font-family: var(--h4-font-family);
  font-size: var(--h4-font-size);
  font-weight: var(--h4-font-weight);
  font-style: var(--h4-font-style);
  line-height: var(--h4-line-height);
  letter-spacing: var(--h4-letter-spacing);
  text-transform: var(--h4-text-transform);
  text-decoration: var(--h4-text-decoration);
  margin: var(--h4-margin);
  font-size: 1.25rem;
  margin: 0;
}

.mobile-filters-content .facetwp-facet-wrap,
.filters-holder .facetwp-facet-wrap {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.25rem;
}

.mobile-filters-content .facetwp-facet-wrap.is-open .icon-chevron:after,
.filters-holder .facetwp-facet-wrap.is-open .icon-chevron:after {
  display: none;
}

.mobile-filters-content .facetwp-facet-wrap.is-open .facetwp-facet-body,
.filters-holder .facetwp-facet-wrap.is-open .facetwp-facet-body {
  height: var(--panel-height);
  opacity: 1;
}

.mobile-filters-content .icon-chevron,
.filters-holder .icon-chevron {
  position: absolute;
  width: var(--icon-width);
  height: var(--icon-width);
  border-radius: 50%;
  border: 1px solid var(--color-text-primary);
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.mobile-filters-content .icon-chevron:before, .mobile-filters-content .icon-chevron:after,
.filters-holder .icon-chevron:before,
.filters-holder .icon-chevron:after {
  content: "";
  display: block;
  background-color: var(--color-text-primary);
  position: absolute;
  width: 40%;
  height: 1.5px;
}

.mobile-filters-content .icon-chevron:before,
.filters-holder .icon-chevron:before {
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.mobile-filters-content .icon-chevron:after,
.filters-holder .icon-chevron:after {
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%) rotate(-90deg);
}

.mobile-filters-content .facetwp-radio,
.mobile-filters-content .facetwp-checkbox,
.filters-holder .facetwp-radio,
.filters-holder .facetwp-checkbox {
  --radio-size: 0.625rem;
  position: relative;
  color: var(--color-text-primary);
  background: transparent;
  padding: 0 1.5rem 0 0;
  font-size: 1.125rem;
  margin: 0;
}

.mobile-filters-content .facetwp-radio:before,
.mobile-filters-content .facetwp-checkbox:before,
.filters-holder .facetwp-radio:before,
.filters-holder .facetwp-checkbox:before {
  content: "";
  right: calc((var(--icon-width) - var(--radio-size)) / 2);
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  width: var(--radio-size);
  height: var(--radio-size);
  border-radius: 50%;
  border: 1px solid rgba(var(--color-text-primary-rgb), 0.5);
}

.mobile-filters-content .facetwp-radio:hover:before,
.mobile-filters-content .facetwp-checkbox:hover:before,
.filters-holder .facetwp-radio:hover:before,
.filters-holder .facetwp-checkbox:hover:before {
  border: 1px solid rgba(var(--color-text-primary-rgb), 0.8);
}

.mobile-filters-content .facetwp-radio.checked,
.mobile-filters-content .facetwp-checkbox.checked,
.filters-holder .facetwp-radio.checked,
.filters-holder .facetwp-checkbox.checked {
  background: transparent;
  font-weight: 500;
}

.mobile-filters-content .facetwp-radio.checked .facetwp-display-value,
.mobile-filters-content .facetwp-checkbox.checked .facetwp-display-value,
.filters-holder .facetwp-radio.checked .facetwp-display-value,
.filters-holder .facetwp-checkbox.checked .facetwp-display-value {
  font-weight: 500;
}

.mobile-filters-content .facetwp-radio.checked:before,
.mobile-filters-content .facetwp-checkbox.checked:before,
.filters-holder .facetwp-radio.checked:before,
.filters-holder .facetwp-checkbox.checked:before {
  background: var(--color-text-primary);
  border-color: var(--color-text-primary);
}

.mobile-filters-content .facetwp-counter,
.filters-holder .facetwp-counter {
  font-size: 0.875rem;
}

.mobile-filters-content .facetwp-facet-header,
.filters-holder .facetwp-facet-header {
  position: relative;
  height: 1.75rem;
  display: flex;
  align-items: center;
  cursor: pointer;
  transition: 0.24s ease-out opacity;
}

.mobile-filters-content .facetwp-facet-header:hover,
.filters-holder .facetwp-facet-header:hover {
  opacity: 0.6;
}

.mobile-filters-content .facetwp-facet,
.filters-holder .facetwp-facet {
  padding-block: 1.375rem;
  border-top: 1.5px solid var(--color-text-primary);
}

.mobile-filters-content .facetwp-facet:last-child,
.filters-holder .facetwp-facet:last-child {
  border-bottom: 1.5px solid var(--color-text-primary);
}

.mobile-filters-content .facetwp-facet-body,
.filters-holder .facetwp-facet-body {
  margin: 0;
  overflow: hidden;
  position: relative;
  height: 0;
  opacity: 0;
  transition: 0.24s ease-out height, 0.24s ease-out opacity, 0.24s ease-out transform;
}

.mobile-filters-content .facetwp-facet-inner,
.filters-holder .facetwp-facet-inner {
  padding-top: 0.625rem;
}

.btn-filters-mobile {
  background: transparent;
  border: 1px solid var(--color-text-dark);
  color: var(--color-dark);
  min-width: auto;
}

.btn-filters-mobile svg {
  width: 1.5rem;
  margin-right: 0.5rem;
}

.btn-filters-mobile:hover {
  background: transparent;
  border: 1px solid var(--color-text-dark);
  color: var(--color-dark);
}

.mobile-filters-overlay-container {
  position: fixed;
  width: 300px;
  max-width: 100%;
  top: 0;
  height: 100%;
  z-index: 9999;
  background: #fff;
  transition: all 400ms ease-in-out;
  transform: translateX(-100%);
  background: linear-gradient(180deg, white 30%, rgba(var(--color-conscious-green-rgb), 1) 85%);
  z-index: 10002;
}

.mobile-filters-overlay-container .mobile-filters-close {
  text-align: right;
  line-height: 20px;
  cursor: pointer;
  padding: 1rem 1rem 0 1rem;
}

.mobile-filters-overlay-container .mobile-filters-inner {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: auto;
}

.mobile-filters-overlay-container.active {
  transform: translateX(0);
}

.mobile-filters-content {
  padding: var(--container-padding);
}

.mobile-filters-overlay-bg {
  z-index: 10001;
  display: block;
  background-color: var(--color-text-dark);
  position: fixed;
  top: 0;
  width: 100%;
  height: auto;
  bottom: 0;
  opacity: 0;
  visibility: hidden;
  transition: 0.24s ease-out opacity, 0s visibility 0.24s;
}

.mobile-filters-overlay-bg.active {
  transition: 0.24s ease-out opacity, 0s visibility 0s;
  visibility: visible;
  opacity: 0.64;
}

@media only screen and (min-width: 768px) {
  .section-jobs .columns {
    justify-content: center;
  }
  .section-jobs .columns .column-accordion {
    flex-basis: var(--grid-10-column);
    min-width: var(--grid-10-column);
    max-width: var(--grid-10-column);
    margin-left: 0;
    margin-right: 0;
  }
}

.section-kennisloket-articles {
  --border-radius: 10px;
}

.section-kennisloket-articles .card-image {
  position: relative;
  overflow: hidden;
}

.section-kennisloket-articles p {
  max-width: var(--content-width-large);
}

.section-kennisloket-articles .column-image .content {
  overflow: hidden;
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
}

.section-kennisloket-articles .content-image {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 0;
}

.section-kennisloket-articles .filters-active .columns-kennisloket {
  display: none;
}

.section-kennisloket-articles .filters-active .columns-banner {
  display: none;
}

.section-kennisloket-articles .columns-text + .columns-filters {
  margin-top: calc(0.5 * var(--section-padding));
}

.section-kennisloket-articles .columns-filters {
  margin-bottom: calc(0.75 * var(--section-padding));
}

.section-kennisloket-articles .columns-kennisloket.show {
  display: block;
}

@media only screen and (min-width: 768px) {
  .section-kennisloket-articles .columns-kennisloket.show {
    display: flex;
  }
}

.section-kennisloket-articles .columns-kennisloket:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: #fff;
  box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.1);
  border-radius: var(--border-radius);
  overflow: hidden;
  transform-style: preserve-3d;
}

.section-kennisloket-articles .columns-banner {
  margin-left: calc(-1 * var(--container-padding));
  margin-right: calc(-1 * var(--container-padding));
}

.section-kennisloket-articles .columns-banner > .section {
  width: 100vw;
}

.section-kennisloket-articles .card-link-overlay {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 2;
}

.section-kennisloket-articles .card-link-overlay:hover + .card-image-holder:before {
  opacity: 0.6;
}

.section-kennisloket-articles .card-link-overlay:hover + .card-image-holder .img-background {
  transform: scale3d(1.05, 1.05, 1);
}

.section-kennisloket-articles .card-image-holder:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 36%;
  bottom: 0;
  background: linear-gradient(0deg, black 0%, rgba(0, 0, 0, 0) 100%);
  z-index: 1;
  opacity: 0;
  transition: 0.24s ease-out opacity;
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
}

@media only screen and (max-width: 767px) {
  .section-kennisloket-articles .columns-kennisloket {
    margin: 0.75rem 0;
  }
  .section-kennisloket-articles .columns-kennisloket:before {
    left: 0;
    right: 0;
  }
  .section-kennisloket-articles .columns-banner {
    margin-bottom: var(--section-padding);
  }
  .section-kennisloket-articles .column-text {
    margin: 0;
  }
  .section-kennisloket-articles .card-image {
    padding-bottom: 56%;
  }
  .section-kennisloket-articles .column-image .content {
    border-radius: var(--border-radius) var(--border-radius) 0 0;
  }
  .section-kennisloket-articles .content-text {
    padding: 2rem 1.5rem;
  }
}

@media only screen and (min-width: 768px) {
  .section-kennisloket-articles .columns-text .column {
    flex-basis: var(--grid-10-column);
    min-width: var(--grid-10-column);
    max-width: var(--grid-10-column);
    margin-left: 0;
    margin-right: 0;
  }
  .section-kennisloket-articles .columns-filters {
    justify-content: center;
  }
  .section-kennisloket-articles .columns-filters .column {
    flex-basis: var(--grid-12-column);
    min-width: var(--grid-12-column);
    max-width: var(--grid-12-column);
    margin-left: 0;
    margin-right: 0;
  }
  .section-kennisloket-articles .columns-kennisloket {
    margin: 1.25rem 0;
    justify-content: center;
  }
  .section-kennisloket-articles .columns-kennisloket:before {
    left: var(--column-padding);
    right: var(--column-padding);
  }
  .section-kennisloket-articles .columns-kennisloket .column-image {
    flex-basis: var(--grid-5-column);
    min-width: var(--grid-5-column);
    max-width: var(--grid-5-column);
    margin-left: 0;
    margin-right: 0;
  }
  .section-kennisloket-articles .columns-kennisloket .column-text {
    flex-basis: var(--grid-7-column);
    min-width: var(--grid-7-column);
    max-width: var(--grid-7-column);
    margin-left: 0;
    margin-right: 0;
  }
  .section-kennisloket-articles .columns-banner {
    margin-bottom: calc(0.6 * var(--section-padding));
  }
  .section-kennisloket-articles .column-image .content {
    height: 100%;
    border-radius: var(--border-radius) 0 0 var(--border-radius);
  }
  .section-kennisloket-articles .content-text {
    padding: 2rem 1.5rem;
  }
  .section-kennisloket-articles .card-image-holder,
.section-kennisloket-articles .card-image {
    height: 100%;
  }
  .section-kennisloket-articles .card-image {
    padding-bottom: 74%;
  }
}

@media only screen and (min-width: 992px) {
  .section-kennisloket-articles .columns-filters .column {
    flex-basis: var(--grid-10-column);
    min-width: var(--grid-10-column);
    max-width: var(--grid-10-column);
    margin-left: 0;
    margin-right: 0;
  }
  .section-kennisloket-articles .columns-kennisloket:before {
    left: calc(var(--grid-1-column) + var(--column-padding));
    right: calc(var(--grid-1-column) + var(--column-padding));
  }
  .section-kennisloket-articles .columns-kennisloket .column-image {
    flex-basis: var(--grid-4-column);
    min-width: var(--grid-4-column);
    max-width: var(--grid-4-column);
    margin-left: 0;
    margin-right: 0;
  }
  .section-kennisloket-articles .columns-kennisloket .column-text {
    flex-basis: var(--grid-6-column);
    min-width: var(--grid-6-column);
    max-width: var(--grid-6-column);
    margin-left: 0;
    margin-right: 0;
  }
  .section-kennisloket-articles .content-text {
    padding: 3.75rem;
  }
}

@media only screen and (min-width: 1680px) {
  .section-kennisloket-articles .columns-banner {
    margin-right: calc(-1 * ( (100vw - var(--site-width)) / 2 ) - var(--container-padding));
    margin-left: calc(-1 * ( (100vw - var(--site-width)) / 2 ) - var(--container-padding));
  }
}

.list-filters {
  --item-spacer: 0.5rem;
  list-style: none;
  display: flex;
  gap: var(--item-spacer);
}

.list-filters li {
  margin: 0;
}

.list-filters .btn, .list-filters .list-nav > li.list-btn a, .list-nav > li.list-btn .list-filters a, .list-filters .list-overlay li.list-btn a, .list-overlay li.list-btn .list-filters a {
  white-space: nowrap;
  min-width: auto;
}

.list-filters .btn:not(.active), .list-filters .list-nav > li.list-btn a:not(.active), .list-nav > li.list-btn .list-filters a:not(.active), .list-filters .list-overlay li.list-btn a:not(.active), .list-overlay li.list-btn .list-filters a:not(.active) {
  background: transparent;
  border: 1px solid var(--color-text-primary);
  color: var(--color-text-primary);
  opacity: 0.8;
  transition: 0.24s ease-out opacity, 0.24s ease-out color, 0.24s ease-out background-color, 0.24s ease-out transform;
}

.list-filters .btn:not(.active):hover, .list-filters .list-nav > li.list-btn a:not(.active):hover, .list-nav > li.list-btn .list-filters a:not(.active):hover, .list-filters .list-overlay li.list-btn a:not(.active):hover, .list-overlay li.list-btn .list-filters a:not(.active):hover {
  opacity: 1;
}

.list-filters .btn.active, .list-filters .list-nav > li.list-btn a.active, .list-nav > li.list-btn .list-filters a.active, .list-filters .list-overlay li.list-btn a.active, .list-overlay li.list-btn .list-filters a.active {
  pointer-events: none;
  border: 1px solid var(--color-text-primary);
  background: var(--color-text-primary);
  color: var(--color-background);
}

@media only screen and (max-width: 767px) {
  .list-filters {
    margin: 0 calc(-1 * var(--container-padding));
    padding: 0 var(--container-padding) 0.5rem;
    scroll-padding-inline: var(--container-padding);
    overscroll-behavior-inline: contain;
    overflow-x: scroll;
  }
  .list-filters li:first-child {
    scroll-margin-inline-start: var(--container-padding);
  }
  .list-filters li:last-child {
    scroll-margin-inline-end: var(--container-padding);
  }
}

@media only screen and (min-width: 768px) {
  .list-filters {
    margin: 0 calc(-1 * var(--item-spacer));
    padding: 0;
    flex-wrap: wrap;
    justify-content: center;
  }
}

.list-categories {
  position: absolute;
  left: 1rem;
  bottom: 1rem;
  list-style: none;
  margin: 0;
  padding: 0;
  z-index: 3;
}

.list-categories li {
  text-transform: uppercase;
  font-size: 0.75rem;
  padding: 0 0.75rem;
  background: #fff;
  border-radius: 2rem;
  height: 1.75rem;
  display: flex;
  align-items: center;
  margin: 0;
}

.list-categories li + li {
  margin-top: 0.5rem;
}

.section-logos {
  overflow: hidden;
}

.section-logos[data-top="1"] {
  padding-top: calc(0.5 * var(--section-padding));
}

.section-logos[data-bottom="1"] {
  padding-bottom: calc(0.5 * var(--section-padding));
}

.section-logos .swiper-container {
  opacity: 0;
  transition: opacity 0.32s ease-in-out;
}

.section-logos .content-animate.show .swiper-container {
  opacity: 1;
}

.section-logos .swiper-wrapper {
  transition-timing-function: linear !important;
}

.section-logos .swiper-slide {
  height: auto;
  display: flex;
  align-items: center;
}

.section-logos img {
  margin: 0 auto;
  width: 100%;
  max-width: 140px;
  max-height: 60px;
  object-fit: contain;
}

.section-logos h4 {
  text-align: center;
}

.section-logos .link-logo {
  margin: 0 auto;
  max-width: 140px;
  transition: 0.24s ease-out opacity, 0.24s ease-out transform;
}

.section-logos .link-logo:hover {
  animation-name: lollypop;
  animation-duration: 0.32s;
  opacity: 0.8;
}

.section-logos .columns-text + .columns-logos {
  margin-top: calc(0.5 * var(--section-padding));
}

.section-logos .columns-logos-grid .column-logo {
  opacity: 0;
  transform: translateY(20px);
  transition: 0.24s ease opacity 0s, 0.48s ease transform 0s;
  transition-delay: 0s;
}

.section-logos .columns-logos-grid .content-logo {
  text-align: center;
}

.section-logos .columns-logos-grid .show .column-logo {
  opacity: 1;
  transform: translateY(0);
  transition: 0.24s ease opacity, 0.48s ease transform;
}

.section-logos .columns-logos-carousel .swiper-slide {
  width: 140px;
}

@media only screen and (max-width: 767px) {
  .section-logos .columns-logos-grid .columns-logos {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .section-logos .columns-logos-grid .columns-logos[data-amount="4"] .column-logo {
    flex-basis: var(--grid-6-column);
    min-width: var(--grid-6-column);
    max-width: var(--grid-6-column);
    margin-left: 0;
    margin-right: 0;
  }
  .section-logos .columns-logos-grid .column-logo {
    flex-basis: var(--grid-4-column);
    min-width: var(--grid-4-column);
    max-width: var(--grid-4-column);
    margin-left: 0;
    margin-right: 0;
  }
  .section-logos .columns-logos-grid .column-logo + .column {
    margin: 0;
  }
  .section-logos .columns-logos-grid .show .column-logo:nth-child(2) {
    transition-delay: 0.12s;
  }
  .section-logos .columns-logos-grid .show .column-logo:nth-child(3) {
    transition-delay: 0.24s;
  }
  .section-logos .columns-logos-grid .show .column-logo:nth-child(4) {
    transition-delay: 0.36s;
  }
  .section-logos .columns-logos-grid .show .column-logo:nth-child(5) {
    transition-delay: 0.48s;
  }
  .section-logos .columns-logos-grid .show .column-logo:nth-child(6) {
    transition-delay: 0.6s;
  }
  .section-logos .columns-logos-grid .show .column-logo:nth-child(7) {
    transition-delay: 0.72s;
  }
  .section-logos .columns-logos-grid .show .column-logo:nth-child(8) {
    transition-delay: 0.84s;
  }
  .section-logos .columns-logos-grid .show .column-logo:nth-child(9) {
    transition-delay: 0.96s;
  }
  .section-logos .columns-logos-grid .show .column-logo:nth-child(10) {
    transition-delay: 1.08s;
  }
  .section-logos .columns-logos-grid .show .column-logo:nth-child(11) {
    transition-delay: 1.2s;
  }
  .section-logos .columns-logos-grid .show .column-logo:nth-child(12) {
    transition-delay: 1.32s;
  }
}

@media only screen and (min-width: 768px) {
  .section-logos .columns-text {
    justify-content: center;
  }
  .section-logos .column-text {
    flex-basis: var(--grid-12-column);
    min-width: var(--grid-12-column);
    max-width: var(--grid-12-column);
    margin-left: 0;
    margin-right: 0;
  }
  .section-logos .columns-logos-grid .columns-logos {
    justify-content: flex-start;
  }
  .section-logos .columns-logos-grid .columns-logos[data-amount="1"], .section-logos .columns-logos-grid .columns-logos[data-amount="2"], .section-logos .columns-logos-grid .columns-logos[data-amount="3"], .section-logos .columns-logos-grid .columns-logos[data-amount="4"] {
    justify-content: center;
  }
  .section-logos .columns-logos-grid .columns-logos[data-amount="1"] .column-logo, .section-logos .columns-logos-grid .columns-logos[data-amount="2"] .column-logo, .section-logos .columns-logos-grid .columns-logos[data-amount="3"] .column-logo, .section-logos .columns-logos-grid .columns-logos[data-amount="4"] .column-logo {
    flex-basis: var(--grid-2-column);
    min-width: var(--grid-2-column);
    max-width: var(--grid-2-column);
    margin-left: 0;
    margin-right: 0;
  }
  .section-logos .columns-logos-grid .column-logo {
    flex-basis: var(--grid-2-column);
    min-width: var(--grid-2-column);
    max-width: var(--grid-2-column);
    margin-left: 0;
    margin-right: 0;
  }
  .section-logos .columns-logos-grid .column-logo:nth-child(4n+1) {
    flex-basis: var(--grid-2-column);
    min-width: var(--grid-2-column);
    max-width: var(--grid-2-column);
    margin-left: var(--grid-2-column);
    margin-right: 0;
  }
  .section-logos .columns-logos-grid .column-logo:nth-child(n+5) {
    margin-top: calc(0.5 * var(--section-padding));
  }
  .section-logos .columns-logos-grid .show .column-logo:nth-child(4n+2) {
    transition-delay: 0.12s;
  }
  .section-logos .columns-logos-grid .show .column-logo:nth-child(4n+3) {
    transition-delay: 0.24s;
  }
  .section-logos .columns-logos-grid .show .column-logo:nth-child(4n+4) {
    transition-delay: 0.36s;
  }
}

@keyframes lollypop {
  0% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  50% {
    transform: translate3d(0, -0.125rem, 0);
    opacity: 0.6;
  }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 0.8;
  }
}

.section-marquee {
  --section-padding: 1.75rem;
}

.section-marquee .container {
  max-width: 100%;
  padding: 0;
}

.section-marquee[data-color="forest-green"] {
  --color-text-primary: var(--color-conscious-green);
}

.marquee {
  position: relative;
  overflow: hidden;
  --amount: 7;
  --offset: 20vw;
  --move-initial: calc(-14.2857142857% + var(--offset));
  --move-final: calc(-28.5714285714% + var(--offset));
}

.marquee[data-size="large"] {
  --move-duration: 15s;
  --marquee-font-size: 40px;
}

.marquee[data-size="large"] span {
  font-family: var(--h1-font-family);
  font-size: var(--h1-font-size);
  font-weight: var(--h1-font-weight);
  font-style: var(--h1-font-style);
  line-height: var(--h1-line-height);
  letter-spacing: var(--h1-letter-spacing);
  text-transform: var(--h1-text-transform);
  text-decoration: var(--h1-text-decoration);
  margin: var(--h1-margin);
  font-size: var(--marquee-font-size);
  margin-right: 5rem;
}

.marquee[data-size="small"] {
  --move-duration: 20s;
  --marquee-font-size: 1.125rem;
}

.marquee[data-size="small"] span {
  font-weight: 400;
  font-family: var(--font-primary);
  font-size: var(--marquee-font-size);
}

.marquee[data-size="small"] span b, .marquee[data-size="small"] span strong {
  font-weight: 800;
  font-family: var(--font-secondary);
  margin-left: 0.5rem;
}

@media only screen and (min-width: 768px) {
  .marquee[data-size="large"] {
    --move-duration: 20s;
    --marquee-font-size: 80px;
  }
}

.marquee__inner {
  width: fit-content;
  display: flex;
  position: relative;
  transform: translate3d(var(--move-initial), 0, 0);
  animation: marquee var(--move-duration) linear infinite;
  animation-play-state: running;
}

.marquee span {
  font-family: var(--h4-font-family);
  font-size: var(--h4-font-size);
  font-weight: var(--h4-font-weight);
  font-style: var(--h4-font-style);
  line-height: var(--h4-line-height);
  letter-spacing: var(--h4-letter-spacing);
  text-transform: var(--h4-text-transform);
  text-decoration: var(--h4-text-decoration);
  margin: var(--h4-margin);
  position: relative;
  line-height: 1;
  margin: 0;
  white-space: nowrap;
  margin-right: 5rem;
}

.marquee span em {
  font-style: normal;
  font-family: var(--font-third);
  text-transform: none;
}

@keyframes marquee {
  0% {
    transform: translate3d(var(--move-initial), 0, 0);
  }
  100% {
    transform: translate3d(var(--move-final), 0, 0);
  }
}

.section-news {
  --border-color: var(--color-storm);
  overflow: hidden;
}

.single-post .section-news {
  margin-top: var(--section-padding);
  border-top: 1px solid var(--border-color);
}

@media only screen and (min-width: 768px) {
  .section-news .column-news {
    flex-basis: var(--grid-12-column);
    min-width: var(--grid-12-column);
    max-width: var(--grid-12-column);
    margin-left: 0;
    margin-right: 0;
  }
}

.card-article {
  --card-padding: 1.25rem;
  --card-text-line-height: 1.3;
  position: relative;
  padding: var(--card-padding) 0;
  display: flex;
  align-items: center;
  margin-left: calc(-1 * var(--column-padding));
  margin-right: calc(-1 * var(--column-padding));
}

@media only screen and (max-width: 767px) {
  .card-article {
    --card-text-font-size: 1.15rem;
  }
}

@media only screen and (min-width: 768px) {
  .card-article {
    --card-padding: 1.75rem;
  }
}

.card-article:before, .card-article:after {
  content: "";
  position: absolute;
  left: calc(-1 * var(--container-padding));
  right: calc(-1 * var(--container-padding));
  bottom: 0;
  height: 1px;
  background: var(--border-color);
}

.card-article:before {
  display: none;
}

.card-article:first-child:before {
  display: block;
  top: 0;
  bottom: auto;
}

.card-article .card-article-column {
  padding: 0 var(--column-padding);
}

.card-article .card-article-column-info {
  flex-grow: 1;
}

.card-article .card-image {
  position: relative;
  padding-bottom: 69%;
  overflow: hidden;
}

.card-article .img-background {
  transition: 0.24s ease-out transform;
}

.card-article .card-link {
  position: absolute;
  left: calc(-1 * var(--container-padding));
  right: calc(-1 * var(--container-padding));
  top: 0;
  bottom: 0;
  z-index: 1;
}

.card-article .card-link:hover + .card-article-column-image .img-background {
  transform: scale3d(1.1, 1.1, 1);
}

.card-article .card-link:hover ~ .card-article-column-info h3 {
  color: var(--color-cta);
}

.card-article h3 {
  font-size: var(--card-text-font-size, var(--heading-font-size));
  line-height: var(--card-text-line-height);
  margin: 0;
  text-align: left;
  transition: 0.24s ease-out color;
}

.card-article .card-article-info {
  display: block;
  margin-top: 0.5rem;
}

@media only screen and (max-width: 767px) {
  .card-article .card-article-column-image {
    flex-basis: var(--grid-5-column);
    min-width: var(--grid-5-column);
    max-width: var(--grid-5-column);
    margin-left: 0;
    margin-right: 0;
  }
  .card-article:not(.card-article-featured) .card-article-column-info {
    padding-left: 1rem;
  }
}

@media only screen and (min-width: 768px) {
  .card-article .card-article-column-image {
    flex-basis: var(--grid-3-column);
    min-width: var(--grid-3-column);
    max-width: var(--grid-3-column);
    margin-left: 0;
    margin-right: 0;
  }
  .card-article .card-article-column-info {
    margin-left: var(--grid-1-column);
  }
  .card-article .card-article-info {
    margin-top: 0.75rem;
  }
}

@media only screen and (min-width: 992px) {
  .card-article .card-article-column-image {
    flex-basis: var(--grid-3-column);
    min-width: var(--grid-3-column);
    max-width: var(--grid-3-column);
    margin-left: 0;
    margin-right: 0;
  }
  .card-article .card-article-column-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .card-article .card-article-info {
    padding-left: 1.5rem;
  }
}

@media only screen and (min-width: 1280px) {
  .card-article .card-article-column-image {
    flex-basis: var(--grid-2-column);
    min-width: var(--grid-2-column);
    max-width: var(--grid-2-column);
    margin-left: 0;
    margin-right: 0;
  }
}

.archive .card-article-featured,
.blog .card-article-featured {
  --card-text-line-height: 1.15;
  --card-text-font-size: 2.5rem;
}

@media only screen and (min-width: 768px) {
  .archive .card-article-featured,
.blog .card-article-featured {
    --card-text-line-height: 1;
  }
}

@media only screen and (min-width: 992px) {
  .archive .card-article-featured,
.blog .card-article-featured {
    --card-text-font-size: 3rem;
  }
}

.archive .card-article-featured:first-child,
.blog .card-article-featured:first-child {
  padding-top: 0;
}

.archive .card-article-featured:before, .archive .card-article-featured:after,
.blog .card-article-featured:before,
.blog .card-article-featured:after {
  content: none;
}

.archive .card-article-featured .card-article-column-info,
.blog .card-article-featured .card-article-column-info {
  flex-grow: 1;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.archive .card-article-featured .card-article-info,
.blog .card-article-featured .card-article-info {
  padding: 0;
}

@media only screen and (max-width: 991px) {
  .archive .card-article-featured,
.blog .card-article-featured {
    flex-wrap: wrap;
  }
  .archive .card-article-featured .card-article-column-image,
.blog .card-article-featured .card-article-column-image {
    flex-basis: var(--grid-12-column);
    min-width: var(--grid-12-column);
    max-width: var(--grid-12-column);
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 2.5rem;
  }
  .archive .card-article-featured .card-article-column-info,
.blog .card-article-featured .card-article-column-info {
    margin: 0;
  }
}

@media only screen and (min-width: 992px) {
  .archive .card-article-featured,
.blog .card-article-featured {
    align-items: stretch;
  }
  .archive .card-article-featured .card-article-column-image,
.blog .card-article-featured .card-article-column-image {
    flex-basis: var(--grid-6-column);
    min-width: var(--grid-6-column);
    max-width: var(--grid-6-column);
    margin-left: 0;
    margin-right: 0;
  }
  .archive .card-article-featured .card-article-info,
.blog .card-article-featured .card-article-info {
    flex-grow: 1;
    display: flex;
    align-items: flex-end;
  }
}

@media only screen and (min-width: 992px) {
  .archive .card-article-featured .card-article-column-image,
.blog .card-article-featured .card-article-column-image {
    flex-basis: var(--grid-4-column);
    min-width: var(--grid-4-column);
    max-width: var(--grid-4-column);
    margin-left: 0;
    margin-right: 0;
  }
  .archive .card-article-featured .card-article-info,
.blog .card-article-featured .card-article-info {
    margin-top: 1.25rem;
  }
}

@media only screen and (min-width: 1280px) {
  .archive .card-article-featured .card-article-column-image,
.blog .card-article-featured .card-article-column-image {
    flex-basis: var(--grid-4-column);
    min-width: var(--grid-4-column);
    max-width: var(--grid-4-column);
    margin-left: 0;
    margin-right: 0;
  }
}

.news-featured {
  display: flex;
  padding: 0 1.25rem;
  line-height: 1;
  background: red;
  border-radius: 2rem;
  align-items: center;
  background: var(--color-cta);
  font-size: 0.875rem;
  height: 2rem;
  margin-bottom: 1rem;
}

.card-category {
  font-weight: var(--body-font-weight-bold);
}

a.card-category {
  transition: 0.24s ease-out opacity;
}

a.card-category:hover {
  opacity: 0.4;
}

.card-article-info {
  white-space: nowrap;
}

.card-article-info .card-category,
.card-article-info .card-date {
  line-height: 1;
}

.card-article-info .card-category + .card-date {
  margin-left: 0.25rem;
}

.card-article-info .card-category + .card-date:before {
  content: "– ";
}

@media only screen and (max-width: 767px) {
  .card-article-info {
    display: block;
    margin-top: 0.25rem;
  }
}

.section-numbers .content {
  text-align: center;
}

.section-numbers .nr {
  font-family: var(--h2-font-family);
  font-size: var(--h2-font-size);
  font-weight: var(--h2-font-weight);
  font-style: var(--h2-font-style);
  line-height: var(--h2-line-height);
  letter-spacing: var(--h2-letter-spacing);
  text-transform: var(--h2-text-transform);
  text-decoration: var(--h2-text-decoration);
  margin: var(--h2-margin);
  margin: 0;
  white-space: nowrap;
  text-align: center;
}

.section-numbers p {
  font-family: var(--lead-font-family);
  font-size: var(--lead-font-size);
  font-weight: var(--lead-font-weight);
  font-style: var(--lead-font-style);
  line-height: var(--lead-line-height);
  letter-spacing: var(--lead-letter-spacing);
  text-transform: var(--lead-text-transform);
  text-decoration: var(--lead-text-decoration);
  margin: var(--lead-margin);
  margin-left: auto;
  margin-right: auto;
}

.section-numbers .show .column-numbers:nth-child(2) .content {
  transition-delay: 0.16s;
}

.section-numbers .show .column-numbers:nth-child(3) .content {
  transition-delay: 0.32s;
}

@media only screen and (max-width: 767px) {
  .section-numbers[data-color="gradient"] {
    --section-padding: 6.25rem;
  }
  .section-numbers .nr {
    margin-left: auto;
    margin-right: auto;
  }
}

@media only screen and (min-width: 768px) {
  .section-numbers[data-color="gradient"] {
    --section-padding: 12.5rem;
  }
  .section-numbers .columns-numbers {
    justify-content: space-between;
  }
  .section-numbers .column {
    flex-basis: auto;
    min-width: auto;
    max-width: auto;
  }
}

@media only screen and (min-width: 992px) {
  .section-numbers .columns-numbers {
    justify-content: space-between;
  }
  .section-numbers .column {
    flex-basis: auto;
    min-width: auto;
    max-width: auto;
  }
  .section-numbers p {
    max-width: 240px;
  }
}

@media only screen and (min-width: 1280px) {
  .section-numbers .column:first-child {
    margin-left: var(--grid-1-column);
  }
  .section-numbers .column:nth-child(3) {
    margin-right: var(--grid-1-column);
  }
}

.section-projects-featured {
  overflow: hidden;
}

.section-projects-featured[data-color-text="dark"] .card-project-featured h3 {
  --color-text-primary: var(--color-conscious-green);
}

.section-projects-featured .columns-text + .columns-nav {
  margin-top: calc(0.5 * var(--section-padding));
}

.section-projects-featured .columns-nav {
  margin-bottom: calc(0.75 * var(--section-padding));
}

.section-projects-featured .content-image {
  position: absolute;
  width: 100%;
  height: 100%;
}

.section-projects-featured .columns-projects .column {
  height: auto;
}

.section-projects-featured .columns-projects .content {
  height: 100%;
}

.section-projects-featured .columns-projects .card-project-featured {
  display: flex;
  height: 100%;
}

.section-projects-featured .columns-projects .project-info {
  flex-grow: 1;
}

@media only screen and (min-width: 992px) {
  .section-projects-featured .columns-projects .project-info {
    order: -1;
  }
}

.section-projects-featured .project-image {
  position: relative;
}

.section-projects-featured .card-image-holder:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 36%;
  bottom: 0;
  background: linear-gradient(0deg, black 0%, rgba(0, 0, 0, 0) 100%);
  z-index: 1;
  opacity: 0.4;
  transition: 0.24s ease-out opacity;
}

.section-projects-featured .card-link-overlay {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 2;
}

.section-projects-featured .card-link-overlay:hover + .card-image-holder:before {
  opacity: 0.6;
}

.section-projects-featured .card-link-overlay:hover + .card-image-holder .img-background {
  transform: scale3d(1.05, 1.05, 1);
}

@media only screen and (max-width: 991px) {
  .section-projects-featured .columns-projects {
    margin-left: calc(-1 * var(--column-padding));
    margin-right: calc(-1 * var(--column-padding));
  }
  .section-projects-featured .columns-projects .column {
    padding: 0 var(--column-padding);
    min-width: 95%;
    max-width: 95%;
    flex-basis: 95%;
    margin: 0;
  }
  .section-projects-featured .columns-projects .card-project-featured {
    flex-direction: column;
  }
  .section-projects-featured .columns-nav {
    display: none;
  }
  .section-projects-featured .columns-nav[data-mobile="1"] {
    display: block;
  }
}

@media only screen and (min-width: 992px) {
  .section-projects-featured .columns-text .column {
    flex-basis: var(--grid-10-column);
    min-width: var(--grid-10-column);
    max-width: var(--grid-10-column);
    margin-left: 0;
    margin-right: 0;
  }
  .section-projects-featured .columns-projects .column-card {
    flex-basis: var(--grid-12-column);
    min-width: var(--grid-12-column);
    max-width: var(--grid-12-column);
    margin-left: 0;
    margin-right: 0;
  }
  .section-projects-featured .columns-nav .column {
    flex-basis: var(--grid-12-column);
    min-width: var(--grid-12-column);
    max-width: var(--grid-12-column);
    margin-left: 0;
    margin-right: 0;
  }
  .section-projects-featured .swiper-slide {
    opacity: 0;
    pointer-events: none;
  }
  .section-projects-featured .swiper-slide.swiper-slide-active {
    opacity: 1;
    pointer-events: auto;
  }
}

.carousel-projects-featured-nav .swiper-slide {
  width: auto;
  margin: 0 0.5rem;
}

.card-project-featured {
  --border-radius: 10px;
}

.card-project-featured .card-image {
  position: relative;
  padding-bottom: 60%;
  overflow: hidden;
}

.card-project-featured p {
  max-width: var(--content-width-xl);
}

.card-project-featured .content-image {
  border-radius: 0;
}

.card-project-featured .content-action {
  justify-content: center;
}

.card-project-featured .link {
  position: absolute;
  left: 50%;
  bottom: 1.5rem;
  transform: translateX(-50%);
}

@media only screen and (min-width: 768px) {
  .card-project-featured .link {
    bottom: 2.5rem;
  }
}

.card-project-featured .content {
  border-radius: var(--border-radius) var(--border-radius) 0 0;
  overflow: hidden;
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
}

.card-project-featured .list-facts {
  --color-text-primary: var(--color-text-light);
  position: absolute;
  display: flex;
  flex-wrap: wrap;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}

.card-project-featured .list-facts li {
  display: flex;
  width: 50%;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  font-size: 10px;
  font-weight: 400;
  margin: 0.375rem 0;
}

.card-project-featured .list-facts .fact-label {
  text-transform: uppercase;
  font-weight: 800;
  font-family: var(--font-secondary);
  display: block;
  white-space: nowrap;
}

@media only screen and (max-width: 991px) {
  .card-project-featured .list-facts {
    left: 1.25rem;
    right: 1.25rem;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .card-project-featured .list-facts {
    left: 2.5rem;
    right: 2.5rem;
  }
  .card-project-featured .list-facts li {
    font-size: 1rem;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1439px) {
  .card-project-featured .list-facts li {
    font-size: 0.75rem;
  }
}

@media only screen and (min-width: 1440px) {
  .card-project-featured .list-facts li {
    font-size: 1rem;
  }
}

.card-project-featured h3 {
  font-family: var(--h4-font-family);
  font-size: var(--h4-font-size);
  font-weight: var(--h4-font-weight);
  font-style: var(--h4-font-style);
  line-height: var(--h4-line-height);
  letter-spacing: var(--h4-letter-spacing);
  text-transform: var(--h4-text-transform);
  text-decoration: var(--h4-text-decoration);
  margin: var(--h4-margin);
  margin-top: 0;
}

.card-project-featured .project-info .content {
  border-radius: var(--border-radius);
  background: rgba(255, 255, 255, 0.2);
  overflow: hidden;
  transform-style: preserve-3d;
  box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.1);
  padding: 1.5rem 1.5rem 5rem 1.5rem;
  height: 100%;
}

.card-project-featured .project-info .content > * {
  max-width: var(--content-width-xl);
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .card-project-featured .project-info .content {
    padding: 2.5rem 2.5rem 5rem 2.5rem;
  }
}

@media only screen and (min-width: 992px) {
  .card-project-featured {
    display: flex;
    margin: 0 calc(-1 * var(--column-padding));
  }
  .card-project-featured .project-image,
.card-project-featured .project-info {
    flex-basis: var(--grid-6-column);
    min-width: var(--grid-6-column);
    max-width: var(--grid-6-column);
    margin-left: 0;
    margin-right: 0;
    padding: 0 var(--column-padding);
  }
  .card-project-featured .project-info .content {
    padding: 2.5rem 2.5rem 5rem 2.5rem;
  }
  .card-project-featured .content {
    height: 100%;
    border-radius: var(--border-radius);
  }
  .card-project-featured .card-image-holder,
.card-project-featured .card-image {
    height: 100%;
  }
  .card-project-featured .card-image {
    padding-bottom: 65%;
  }
}

@media only screen and (min-width: 992px) {
  .card-project-featured .list-facts {
    left: 0;
    right: 0;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
  .card-project-featured .list-facts li {
    padding-right: 1.5rem;
  }
}

.list-facts {
  list-style: none;
  padding: 0;
  margin: 0 0 1rem 0;
  --icon-size: 2rem;
}

@media only screen and (min-width: 768px) {
  .list-facts {
    --icon-size: 2.875rem;
    margin: 0 0 1.75rem 0;
  }
}

.list-facts li {
  position: relative;
  height: var(--icon-size);
  display: flex;
  align-items: center;
  padding-left: calc(var(--icon-size) + 0.75rem);
}

.list-facts li .icon-facts {
  position: absolute;
  width: var(--icon-size);
  height: var(--icon-size);
  left: 0;
  top: 0;
}

.list-facts li .icon-facts svg {
  display: block;
  width: 100%;
  height: auto;
}

.card-project-featured .content-fact-testimonial {
  text-align: center;
}

.card-project-featured .fact-testimonial {
  margin-top: 0;
}

.card-project-featured .fact-company {
  margin-top: 2rem;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}

@media only screen and (max-width: 767px) {
  .card-project-featured .project-info .content {
    border-radius: 0 0 var(--border-radius) var(--border-radius);
  }
}

@media only screen and (min-width: 768px) {
  .card-project-featured .project-info .content {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .card-project-featured .fact-company {
    margin-top: 3rem;
    margin-bottom: 0.5rem;
    font-size: 1.125rem;
  }
  .card-project-featured .fact-author {
    font-size: 1.125rem;
  }
}

.section-review .card-title:before {
  content: "“";
}

.section-review .card-title:after {
  content: "”";
}

.section-review .card-description,
.section-review .card-description .lead {
  color: var(--color-text-secondary);
}

.section-review .card-description {
  margin-top: 2rem;
}

.section-review .credits {
  margin-top: 2rem;
  height: 3.25rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.section-review .credits[data-image="1"] {
  position: relative;
  padding-left: 4.25rem;
}

.section-review .author-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 3.25rem;
  height: 3.25rem;
  background-position: center;
  background-repeat: norepeat;
  background-size: cover;
  border-radius: 50%;
  overflow: hidden;
  transform-style: preserve-3d;
}

.section-review .video-image {
  position: relative;
  padding-bottom: 73%;
  background-position: center;
  background-repeat: norepeat;
  background-size: cover;
  border-radius: 0.75rem;
  overflow: hidden;
  transform-style: preserve-3d;
}

.section-review .author-name {
  display: block;
  font-size: 1rem;
  font-weight: 600;
}

.section-review .author-role {
  color: var(--color-storm);
  font-size: 1rem;
}

.section-review .link-overlay {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border-radius: 0.75rem;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.section-review .link-overlay:hover .btn-video {
  transform: scale3d(1.1, 1.1, 1);
  background: var(--color-text-light);
}

.section-review .btn-video {
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  overflow: hidden;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.24s ease-out transform, 0.24s ease-out background-color;
}

.section-review .icon-play svg {
  display: block;
  width: 1.25rem;
  margin-left: 0.25rem;
}

.section-review .icon-play path {
  fill: var(--color-text-dark);
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-review .column-text {
    flex-basis: var(--grid-12-column);
    min-width: var(--grid-12-column);
    max-width: var(--grid-12-column);
    margin-left: 0;
    margin-right: 0;
  }
  .section-review .column-video {
    flex-basis: var(--grid-12-column);
    min-width: var(--grid-12-column);
    max-width: var(--grid-12-column);
    margin-left: 0;
    margin-right: 0;
    margin-bottom: calc(0.5 * var(--section-padding));
  }
}

@media only screen and (min-width: 992px) {
  .section-review .columns-reviews[data-reverse="1"] .column-video {
    order: -2;
    flex-basis: var(--grid-6-column);
    min-width: var(--grid-6-column);
    max-width: var(--grid-6-column);
    margin-left: 0;
    margin-right: var(--grid-1-column);
  }
  .section-review .column-text {
    flex-basis: var(--grid-5-column);
    min-width: var(--grid-5-column);
    max-width: var(--grid-5-column);
    margin-left: 0;
    margin-right: 0;
    order: -1;
  }
  .section-review .column-video {
    flex-basis: var(--grid-6-column);
    min-width: var(--grid-6-column);
    max-width: var(--grid-6-column);
    margin-left: var(--grid-1-column);
    margin-right: 0;
  }
  .section-review .credits {
    margin-top: 3.75rem;
  }
}

.section-projects-grid .btn.loading, .section-projects-grid .list-nav > li.list-btn a.loading, .list-nav > li.list-btn .section-projects-grid a.loading, .section-projects-grid .list-overlay li.list-btn a.loading, .list-overlay li.list-btn .section-projects-grid a.loading {
  transition: 0.24s ease-out opacity;
  pointer-events: none;
  opacity: 0.6;
}

.section-projects-grid p {
  max-width: var(--content-width-large);
}

.section-projects-grid .columns-projects-featured {
  padding-top: var(--section-padding);
  padding-bottom: var(--section-padding);
}

.section-projects-grid .columns-projects-featured:before {
  content: "";
  position: absolute;
  left: calc(-1 * var(--container-padding) + var(--column-padding));
  right: calc(-1 * var(--container-padding) + var(--column-padding));
  top: 0;
  bottom: 0;
  background: var(--color-conscious-green);
}

.section-projects-grid .content-image {
  position: absolute;
  width: 100%;
  height: 100%;
}

.section-projects-grid .card-project-featured h3, .section-projects-grid .card-project-featured h4 {
  --color-text-primary: var(--color-text-dark);
}

.section-projects-grid .card-project-featured .btn, .section-projects-grid .card-project-featured .list-nav > li.list-btn a, .list-nav > li.list-btn .section-projects-grid .card-project-featured a, .section-projects-grid .card-project-featured .list-overlay li.list-btn a, .list-overlay li.list-btn .section-projects-grid .card-project-featured a {
  --btn-text-color: var(--color-text-dark);
  --btn-background-color: var(--color-text-light);
  --btn-background-color-hover: var(--color-text-light);
}

@media only screen and (max-width: 991px) {
  .section-projects-grid .columns-projects-featured:before {
    left: calc(-1 * var(--container-padding));
    right: calc(-1 * var(--container-padding));
  }
}

@media only screen and (max-width: 767px) {
  .section-projects-grid .column-project + .column-project {
    margin-top: calc(2 * var(--column-padding));
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-projects-grid .column-project {
    flex-basis: var(--grid-6-column);
    min-width: var(--grid-6-column);
    max-width: var(--grid-6-column);
    margin-left: 0;
    margin-right: 0;
  }
  .section-projects-grid .column-project:nth-child(n+3) {
    margin-top: calc(3 * var(--column-padding));
  }
}

@media only screen and (min-width: 768px) {
  .section-projects-grid .columns-projects-featured .column {
    flex-basis: var(--grid-12-column);
    min-width: var(--grid-12-column);
    max-width: var(--grid-12-column);
    margin-left: 0;
    margin-right: 0;
  }
  .section-projects-grid .columns-load-more {
    justify-content: center;
  }
}

@media only screen and (min-width: 992px) {
  .section-projects-grid .column-project {
    flex-basis: var(--grid-6-column);
    min-width: var(--grid-6-column);
    max-width: var(--grid-6-column);
    margin-left: 0;
    margin-right: 0;
  }
  .section-projects-grid .column-project:nth-child(n+3) {
    margin-top: calc(3 * var(--column-padding));
  }
}

@media only screen and (min-width: 1680px) {
  .section-projects-grid .columns-projects-featured:before {
    left: calc(-1 * ( (100vw - var(--site-width)) / 2 ) - var(--container-padding));
    right: calc(-1 * ( (100vw - var(--site-width)) / 2 ) - var(--container-padding));
  }
  .section-projects-grid .column-project {
    flex-basis: var(--grid-4-column);
    min-width: var(--grid-4-column);
    max-width: var(--grid-4-column);
    margin-left: 0;
    margin-right: 0;
  }
  .section-projects-grid .column-project:nth-child(n+3) {
    margin-top: 0;
  }
  .section-projects-grid .column-project:nth-child(n+4) {
    margin-top: calc(3 * var(--column-padding));
  }
  .section-projects-grid .columns-projects:has(+ .columns-projects-featured) .column-project {
    flex-basis: var(--grid-6-column);
    min-width: var(--grid-6-column);
    max-width: var(--grid-6-column);
    margin-left: 0;
    margin-right: 0;
  }
  .section-projects-grid .columns-projects:has(+ .columns-projects-featured) .column-project:nth-child(n+3), .section-projects-grid .columns-projects:has(+ .columns-projects-featured) .column-project:nth-child(n+4) {
    margin-top: calc(3 * var(--column-padding));
  }
  .section-projects-grid .columns-projects:has(+ .columns-projects-featured) .card-project {
    --card-padding: 2rem;
  }
  .section-projects-grid .columns-projects:has(+ .columns-projects-featured) .card-project h5 {
    max-width: 450px;
  }
}

.section-services {
  --service-spacer: 1rem;
}

.section-services p, .section-services p .lead {
  color: var(--color-text-secondary);
}

.section-services .columns-services {
  margin-top: calc(2 * var(--service-spacer));
}

.section-services .columns-services .column + .column {
  margin-top: var(--service-spacer);
}

@media only screen and (min-width: 768px) {
  .section-services {
    --service-spacer: 2rem;
  }
  .section-services .column {
    flex-basis: var(--grid-6-column);
    min-width: var(--grid-6-column);
    max-width: var(--grid-6-column);
    margin-left: 0;
    margin-right: 0;
  }
  .section-services .columns-services {
    margin-top: var(--service-spacer);
  }
  .section-services .columns-services .column {
    flex-basis: var(--grid-12-column);
    min-width: var(--grid-12-column);
    max-width: var(--grid-12-column);
    margin-left: 0;
    margin-right: 0;
  }
}

@media only screen and (min-width: 1680px) {
  .section-services .columns-services .column {
    flex-basis: var(--grid-4-column);
    min-width: var(--grid-4-column);
    max-width: var(--grid-4-column);
    margin-left: 0;
    margin-right: 0;
    display: flex;
    align-items: stretch;
  }
  .section-services .columns-services .column + .column {
    margin-top: 0;
  }
  .section-services .columns-services .content,
.section-services .columns-services .service {
    height: 100%;
  }
}

.service {
  --service-padding: 1.25rem;
  --service-border-radius: 0.75rem;
  --service-color-background: var(--color-gray);
  position: relative;
  padding: var(--service-padding);
  padding-right: calc(3 * var(--service-padding));
  border-radius: var(--service-border-radius);
  background: var(--service-color-background);
}

.service h2 {
  margin-top: 0;
}

.service + .service {
  margin-top: var(--service-spacer);
}

.service p {
  font-size: var(--font-size-lead);
  color: var(--color-storm);
  transition: 0.24s ease-out color;
}

.service .service-link-overlay {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

.service .service-link-overlay:hover .icon-arrow-mp svg {
  transform: translate(0.5rem, -0.5rem);
}

.service .service-link-overlay:hover ~ p {
  color: var(--color-text-primary);
}

.service .icon-arrow-mp {
  position: absolute;
  right: var(--service-padding);
  top: 50%;
  transform: translateY(-50%);
  width: 1.25rem;
}

.service .icon-arrow-mp svg {
  width: 1.25rem;
}

@media only screen and (min-width: 768px) {
  .service {
    --service-padding: 3rem;
  }
  .service p {
    max-width: var(--content-width-large);
  }
  .service .icon-arrow-mp {
    right: calc(2 * var(--service-padding));
  }
}

@media only screen and (min-width: 1680px) {
  .service {
    padding-right: calc(2 * var(--service-padding));
  }
  .service .icon-arrow-mp {
    right: var(--service-padding);
  }
}

.section-tab .columns {
  display: flex;
  align-items: flex-end;
  padding-top: calc(2 * var(--section-padding));
}

.section-tab .columns[data-height="fullscreen"] {
  min-height: 100vh;
}

.section-tab .column:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: var(--color-background);
  z-index: 0;
  margin-left: calc(-1 * var(--container-padding));
  margin-right: calc( (-1.5 * var(--grid-1-column)) + var(--column-padding));
  border-top: 1px solid var(--color-text-dark);
  border-right: 1px solid var(--color-text-dark);
}

.section-tab .content {
  max-width: var(--content-width-large);
  padding-top: var(--section-padding);
  padding-bottom: var(--section-padding);
}

.section-tab .content-image {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
}

.section-tab .content-image .image-holder {
  padding: 0;
}

@media only screen and (max-width: 767px) {
  .section-tab .column {
    flex-basis: var(--grid-10-column);
    min-width: var(--grid-10-column);
    max-width: var(--grid-10-column);
    margin-left: 0;
    margin-right: 0;
  }
}

@media only screen and (min-width: 768px) {
  .section-tab .column {
    flex-basis: var(--grid-8-column);
    min-width: var(--grid-8-column);
    max-width: var(--grid-8-column);
    margin-left: 0;
    margin-right: 0;
  }
}

.section-team-jobs {
  overflow: hidden;
}

.section-team-jobs .columns-team {
  margin-top: calc(0.5 * var(--section-padding));
}

.section-team-jobs .content-action {
  margin: 0;
}

.section-team-jobs .swiper-slide .content,
.section-team-jobs .swiper-slide .card {
  height: 100%;
}

.section-team-jobs .columns-action {
  display: flex;
  justify-content: center;
}

.section-team-jobs .link-image {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
}

.section-team-jobs .link-image:hover + .content-image .image-holder:before {
  opacity: 0.1;
}

.section-team-jobs .link-image:hover + .content-image .picture-lazy {
  transform: scale3d(1.025, 1.025, 1);
}

@media only screen and (max-width: 767px) {
  .section-team-jobs .columns-team {
    margin-left: calc(-1 * var(--column-padding));
    margin-right: calc(-1 * var(--column-padding));
  }
  .section-team-jobs .columns-team .column {
    padding: 0 var(--column-padding);
    min-width: 95%;
    max-width: 95%;
    flex-basis: 95%;
    margin: 0;
  }
  .section-team-jobs .cards-nav {
    display: none;
  }
  .section-team-jobs .columns-text .content {
    text-align: center;
  }
}

@media only screen and (min-width: 768px) {
  .section-team-jobs .columns-team .column {
    flex-basis: var(--grid-6-column);
    min-width: var(--grid-6-column);
    max-width: var(--grid-6-column);
    margin-left: 0;
    margin-right: 0;
  }
  .section-team-jobs .columns-text {
    align-items: center;
  }
  .section-team-jobs .columns-text .column-title {
    flex-basis: auto;
    flex-grow: 1;
    max-width: 100%;
  }
  .section-team-jobs .columns-text .column-intro {
    max-width: 406px;
    min-width: 406px;
    flex-basis: 0;
    flex-grow: 1;
  }
  .section-team-jobs .columns-text {
    justify-content: space-between;
    align-items: center;
  }
}

@media only screen and (min-width: 992px) {
  .section-team-jobs .columns-team .column {
    flex-basis: var(--grid-6-column);
    min-width: var(--grid-6-column);
    max-width: var(--grid-6-column);
    margin-left: 0;
    margin-right: 0;
  }
}

@media only screen and (min-width: 1440px) {
  .section-team-jobs .columns-team .column {
    flex-basis: var(--grid-6-column);
    min-width: var(--grid-6-column);
    max-width: var(--grid-6-column);
    margin-left: 0;
    margin-right: 0;
  }
}

.card-team-jobs {
  --color-text-primary: var(--color-text-light);
  position: relative;
  display: flex;
  flex-direction: column;
  transform-style: preserve-3d;
  transition: 0.24s ease-out box-shadow;
}

.card-team-jobs .card-image {
  position: relative;
  padding-bottom: 73.9%;
}

.card-team-jobs .content-image {
  position: absolute;
  width: 100%;
  height: 100%;
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
}

.card-team-jobs .card-content {
  position: relative;
  flex-grow: 1;
  margin: -4rem 1rem 0;
  padding: 1.25rem 1rem 1.25rem 1.25rem;
  will-change: transform, opacity;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  background-color: rgba(255, 255, 255, 0.3);
  backdrop-filter: blur(10px);
  border-radius: 10px;
  z-index: 5;
}

.card-team-jobs .card-content-intro {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.card-team-jobs .team-name {
  margin: 0;
  font-size: 1rem;
}

.card-team-jobs .team-department {
  margin: 0;
  border: 1px solid currentColor;
  height: 2rem;
  display: flex;
  align-items: center;
  font-weight: 400;
  min-width: 7.5rem;
  padding: 0 1rem;
  font-size: 0.875rem;
  border-radius: 2rem;
  text-align: center;
  justify-content: center;
}

.card-team-jobs .team-quote {
  margin: 1.5rem 0 0 0;
  padding-right: 1.25rem;
  font-size: 1.125rem;
  font-family: var(--font-third);
  line-height: 1.75rem;
}

.card-team-jobs .team-text {
  font-size: 1rem;
  line-height: 1.375rem;
  padding-right: 2rem;
}

.card-team-jobs .link-card {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
}

.card-team-jobs .link-card:hover ~ .link {
  opacity: 0.4;
}

.card-team-jobs .link {
  margin-top: 2.3125rem;
}

@media only screen and (min-width: 768px) {
  .card-team-jobs .card-content {
    margin-top: -8rem;
    margin-left: 2rem;
    margin-right: 2rem;
    padding: 1.5rem 1.75rem 2rem 2rem;
  }
  .card-team-jobs .team-name {
    font-size: 1.125rem;
  }
  .card-team-jobs .team-quote {
    font-size: 1.375rem;
    margin-top: 2rem;
    padding-right: 2rem;
  }
  .card-team-jobs .team-text {
    font-size: 1.125rem;
  }
}

.section-team {
  overflow: hidden;
}

.section-team .columns-team {
  margin-top: calc(0.5 * var(--section-padding));
}

.section-team .cards-nav-prev,
.section-team .cards-nav-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1000;
  height: 3rem;
  width: 3rem;
  transition: 0.24s ease-out opacity;
}

.section-team .cards-nav-prev:hover,
.section-team .cards-nav-next:hover {
  opacity: 0.6;
}

.section-team .cards-nav-prev {
  left: 0;
}

.section-team .cards-nav-next {
  right: 0;
}

.section-team .columns-text-extra {
  margin-top: calc(1.5 * var(--section-padding));
  text-align: center;
  margin-bottom: calc(0.5 * var(--section-padding));
}

@media only screen and (max-width: 767px) {
  .section-team .columns-team {
    margin-left: calc(-1 * var(--column-padding));
    margin-right: calc(-1 * var(--column-padding));
  }
  .section-team .columns-team .column {
    padding: 0 var(--column-padding);
    min-width: 95%;
    max-width: 95%;
    flex-basis: 95%;
    margin: 0;
  }
  .section-team .cards-nav {
    display: none;
  }
}

@media only screen and (min-width: 768px) {
  .section-team .columns-team .column {
    flex-basis: var(--grid-6-column);
    min-width: var(--grid-6-column);
    max-width: var(--grid-6-column);
    margin-left: 0;
    margin-right: 0;
  }
  .section-team .columns-text {
    align-items: center;
  }
  .section-team .columns-text .column-title {
    flex-basis: auto;
    flex-grow: 1;
    max-width: 100%;
  }
  .section-team .columns-text .column-intro {
    max-width: 406px;
    min-width: 406px;
    flex-basis: 0;
    flex-grow: 1;
  }
  .section-team .columns-text-extra {
    justify-content: center;
  }
  .section-team .columns-text-extra .column {
    flex-basis: var(--grid-8-column);
    min-width: var(--grid-8-column);
    max-width: var(--grid-8-column);
    margin-left: 0;
    margin-right: 0;
  }
}

@media only screen and (min-width: 992px) {
  .section-team .columns-team .column {
    flex-basis: var(--grid-4-column);
    min-width: var(--grid-4-column);
    max-width: var(--grid-4-column);
    margin-left: 0;
    margin-right: 0;
  }
  .section-team .columns-text-extra .column {
    flex-basis: var(--grid-7-column);
    min-width: var(--grid-7-column);
    max-width: var(--grid-7-column);
    margin-left: 0;
    margin-right: 0;
  }
}

@media only screen and (min-width: 1440px) {
  .section-team .columns-team .column {
    flex-basis: var(--grid-3-column);
    min-width: var(--grid-3-column);
    max-width: var(--grid-3-column);
    margin-left: 0;
    margin-right: 0;
  }
}

.card-team {
  position: relative;
  overflow: hidden;
  transform-style: preserve-3d;
  border-radius: var(--border-radius);
  transition: 0.24s ease-out box-shadow;
}

.card-team .card-image {
  position: relative;
  padding-bottom: 152%;
}

.card-team .content-image {
  position: absolute;
  width: 100%;
  height: 100%;
}

.card-team .card-content {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 1.75rem 1.5rem;
  will-change: transform, opacity;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  z-index: 5;
}

.card-team .team-name {
  margin: 0;
}

.card-team .team-role {
  margin: 0.5rem 0 0 0;
  font-weight: 500;
  text-transform: uppercase;
}

.card-team .team-text {
  max-width: 80%;
}

.card-team .btn, .card-team .list-nav > li.list-btn a, .list-nav > li.list-btn .card-team a, .card-team .list-overlay li.list-btn a, .list-overlay li.list-btn .card-team a {
  border: 1px solid var(--color-text-primary);
  color: var(--color-text-primary);
  background: transparent;
}

.card-team .btn:hover, .card-team .list-nav > li.list-btn a:hover, .list-nav > li.list-btn .card-team a:hover, .card-team .list-overlay li.list-btn a:hover, .list-overlay li.list-btn .card-team a:hover {
  color: var(--color-text-dark);
  background: var(--color-text-primary);
}

@media only screen and (min-width: 768px) {
  .card-team .card-content {
    opacity: 0;
    transform: translateY(0.5rem);
    transition: 0.24s ease-out opacity, 0.24s ease-out transform;
  }
  .card-team:hover {
    box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.3);
  }
  .card-team:hover .card-content {
    opacity: 1;
    transform: translateY(0);
  }
}

.section-testimonial-carousel {
  --color-text-primary: var(--color-text-light);
}

.section-testimonial-carousel .columns-testimonials {
  margin: 0 calc(-1 * var(--container-padding));
}

.section-testimonial-carousel .column-testimonial {
  padding: 0;
}

.section-testimonial-carousel .content-image {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.section-testimonial-carousel .list-filters {
  position: absolute;
  left: var(--container-padding);
  right: var(--container-padding);
  bottom: 2.5rem;
  z-index: 1000;
}

.section-testimonial-carousel .list-filters .btn, .section-testimonial-carousel .list-filters .list-nav > li.list-btn a, .list-nav > li.list-btn .section-testimonial-carousel .list-filters a, .section-testimonial-carousel .list-filters .list-overlay li.list-btn a, .list-overlay li.list-btn .section-testimonial-carousel .list-filters a {
  background: transparent;
  border: 1px solid var(--color-text-light);
}

.section-testimonial-carousel .list-filters .btn.active, .section-testimonial-carousel .list-filters .list-nav > li.list-btn a.active, .list-nav > li.list-btn .section-testimonial-carousel .list-filters a.active, .section-testimonial-carousel .list-filters .list-overlay li.list-btn a.active, .list-overlay li.list-btn .section-testimonial-carousel .list-filters a.active {
  background: var(--color-text-light);
  color: var(--color-text-dark);
}

.section-testimonial-carousel .swiper-slide .content {
  opacity: 0;
  transform: translateY(1rem);
  transition: 0.24s ease-out opacity 0.32s, 0.24s ease-out transform 0.32s;
}

.section-testimonial-carousel .swiper-slide-active .content {
  opacity: 1;
  transform: translateY(0);
}

@media only screen and (min-width: 768px) {
  .section-testimonial-carousel .column-testimonial {
    flex-basis: var(--grid-12-column);
    min-width: var(--grid-12-column);
    max-width: var(--grid-12-column);
    margin-left: 0;
    margin-right: 0;
  }
}

@media only screen and (min-width: 1680px) {
  .section-testimonial-carousel .carousel-testimonials .swiper-slide {
    min-height: 75vh;
  }
  .section-testimonial-carousel .carousel-testimonials .slide-column {
    flex-basis: var(--grid-6-column);
    min-width: var(--grid-6-column);
    max-width: var(--grid-6-column);
    margin-left: 0;
    margin-right: var(--grid-1-column);
  }
  .section-testimonial-carousel .carousel-testimonials .content-image {
    left: calc(-1 * ( (100vw - var(--site-width)) / 2 ));
    right: calc(-1 * ( (100vw - var(--site-width)) / 2 ));
  }
}

.carousel-testimonials .swiper-slide {
  width: 100vw;
  margin: 0;
  padding-left: var(--container-padding);
  padding-right: var(--container-padding);
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.carousel-testimonials .slide-column {
  padding-top: var(--section-padding);
  padding-bottom: calc(2 * var(--section-padding));
}

.carousel-testimonials .content {
  padding: 3.25rem;
  background-color: rgba(255, 255, 255, 0.3);
  backdrop-filter: blur(10px);
  border-radius: 10px;
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
}

.carousel-testimonials .content-image:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.24);
}

@media only screen and (max-width: 767px) {
  .carousel-testimonials .swiper-slide {
    align-items: flex-start;
  }
  .carousel-testimonials .slide-column {
    padding-bottom: 260px;
  }
}

@media only screen and (min-width: 768px) {
  .carousel-testimonials .slide-column {
    flex-basis: var(--grid-8-column);
    min-width: var(--grid-8-column);
    max-width: var(--grid-8-column);
    margin-left: 0;
    margin-right: 0;
  }
  .carousel-testimonials .swiper-slide {
    min-height: 100vh;
  }
}

@media only screen and (min-width: 992px) {
  .carousel-testimonials .slide-column {
    flex-basis: var(--grid-7-column);
    min-width: var(--grid-7-column);
    max-width: var(--grid-7-column);
    margin-left: 0;
    margin-right: 0;
  }
}

.section-usps-jobs .content {
  text-align: center;
}

.section-usps-jobs p {
  font-family: var(--lead-font-family);
  font-size: var(--lead-font-size);
  font-weight: var(--lead-font-weight);
  font-style: var(--lead-font-style);
  line-height: var(--lead-line-height);
  letter-spacing: var(--lead-letter-spacing);
  text-transform: var(--lead-text-transform);
  text-decoration: var(--lead-text-decoration);
  margin: var(--lead-margin);
  margin-left: auto;
  margin-right: auto;
}

.section-usps-jobs .icon {
  margin: 0 auto;
  width: 6.375rem;
  margin-bottom: 2rem;
}

.section-usps-jobs .show .column-usps-jobs:nth-child(2) .content {
  transition-delay: 0.16s;
}

.section-usps-jobs .show .column-usps-jobs:nth-child(3) .content {
  transition-delay: 0.32s;
}

@media only screen and (min-width: 768px) {
  .section-usps-jobs .columns-text {
    justify-content: center;
  }
  .section-usps-jobs .columns-text .column {
    flex-basis: var(--grid-12-column);
    min-width: var(--grid-12-column);
    max-width: var(--grid-12-column);
    margin-left: 0;
    margin-right: 0;
  }
  .section-usps-jobs .columns-usps-jobs {
    justify-content: space-between;
  }
  .section-usps-jobs .columns-usps-jobs .column {
    flex-basis: var(--grid-4-column);
    min-width: var(--grid-4-column);
    max-width: var(--grid-4-column);
    margin-left: 0;
    margin-right: 0;
  }
  .section-usps-jobs .icon {
    margin: 0 auto;
    width: 6.375rem;
    margin-bottom: 3.5rem;
  }
}

@media only screen and (min-width: 992px) {
  .section-usps-jobs .column-usps-jobs {
    justify-content: space-between;
  }
  .section-usps-jobs .column-usps-jobs .column {
    flex-basis: auto;
    min-width: auto;
    max-width: auto;
  }
  .section-usps-jobs p {
    max-width: 330px;
  }
}

@media only screen and (min-width: 1280px) {
  .section-usps-jobs .column-usps-jobs .column:first-child {
    margin-left: var(--grid-1-column);
  }
  .section-usps-jobs .column-usps-jobs .column:nth-child(3) {
    margin-right: var(--grid-1-column);
  }
}

.section-usps[data-color-text="light"] h2, .section-usps[data-color-text="light"] .logo-icon {
  --color-text-primary: var(--color-conscious-green);
}

.section-usps[data-color-text="dark"] .usp:before {
  background: var(--color-text-dark);
}

.section-usps[data-color-text="dark"] .logo-icon {
  --color-text-primary: var(--color-conscious-green);
}

.section-usps[data-color-text="dark"] h4 {
  --color-text-primary: var(--color-conscious-green);
}

.section-usps[data-color-text="dark"] .usp p {
  --color-text-primary: var(--color-text-light);
}

@media only screen and (max-width: 767px) {
  .section-usps[data-color-text="dark"] .usp {
    background: var(--color-text-dark);
  }
  .section-usps .column-logo {
    display: none;
  }
}

@media only screen and (min-width: 768px) {
  .section-usps .column-title {
    flex-basis: var(--grid-5-column);
    min-width: var(--grid-5-column);
    max-width: var(--grid-5-column);
    margin-left: 0;
    margin-right: 0;
  }
  .section-usps .column-text {
    flex-basis: var(--grid-5-column);
    min-width: var(--grid-5-column);
    max-width: var(--grid-5-column);
    margin-left: 0;
    margin-right: 0;
  }
  .section-usps .column-logo {
    flex-basis: var(--grid-1-column);
    min-width: var(--grid-1-column);
    max-width: var(--grid-1-column);
    margin-left: var(--grid-1-column);
    margin-right: 0;
  }
}

@media only screen and (min-width: 768px) {
  .columns-usps .column {
    flex-basis: var(--grid-12-column);
    min-width: var(--grid-12-column);
    max-width: var(--grid-12-column);
    margin-left: 0;
    margin-right: 0;
  }
}

.usp {
  position: relative;
}

.usp + .usp {
  margin-top: 0.75rem;
}

.usp h4 {
  position: relative;
  margin: 0;
}

.usp p {
  position: relative;
  margin: 0;
  padding: 0;
}

@media only screen and (max-width: 767px) {
  .usp {
    background: rgba(var(--color-text-light-rgb), 0.2);
    border-radius: var(--border-radius);
    padding: 1.5rem;
  }
}

@media only screen and (min-width: 768px) {
  .usp {
    display: flex;
    align-items: center;
    padding: 2.25rem 0;
  }
  .usp:nth-child(1):before {
    width: calc( 75% - (0.5 * var(--column-padding)));
  }
  .usp:nth-child(2):before {
    width: calc( 83.3333333% - (0.5 * var(--column-padding)));
  }
  .usp:nth-child(3):before {
    width: calc( 66.6666666% - (0.5 * var(--column-padding)));
  }
  .usp:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    bottom: 0;
    background: rgba(var(--color-text-light-rgb), 0.2);
    border-radius: var(--border-radius);
    transition: 0.24s ease-out width;
  }
  .usp h4 {
    flex-basis: var(--grid-5-column);
    min-width: var(--grid-5-column);
    max-width: var(--grid-5-column);
    margin-left: 0;
    margin-right: 0;
    padding-left: 2rem;
    opacity: 0.2;
    transition: 0.24s ease-out opacity;
  }
  .usp p {
    flex-basis: auto;
    max-width: var(--content-width-large);
    transition: 0.24s ease-out opacity, 0.24s ease-out transform;
    transform: translateX(1rem);
    opacity: 0;
    padding: 0 2rem 0 var(--column-padding);
  }
  .usp:hover:before {
    width: 100%;
  }
  .usp:hover h4 {
    opacity: 1;
  }
  .usp:hover p {
    opacity: 1;
    transform: translateX(0);
  }
}

ul.page-numbers {
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 0;
  list-style: none;
}

ul.page-numbers li {
  margin: 0 0.25rem;
  line-height: 1;
}

ul.page-numbers a, ul.page-numbers span {
  line-height: 1;
  font-size: 1rem;
  font-weight: 400;
  display: block;
  padding: 0 0.75rem;
  height: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

ul.page-numbers a {
  transition: 0.24s ease-out opacity;
}

ul.page-numbers a:hover {
  opacity: 0.4;
}

ul.page-numbers span.current {
  background: var(--color-text-dark);
  color: var(--color-text-light);
  pointer-events: none;
}

.header-news .card-article-info {
  display: block;
}

@media only screen and (max-width: 767px) {
  .header-news .card-article-info {
    margin-bottom: 1rem;
  }
}

@media only screen and (min-width: 768px) {
  .header-news .card-article-info {
    margin-bottom: 2rem;
  }
}

.section-article-content {
  padding-bottom: 0;
}

.section-article-content + .section-text {
  margin-top: 3.5rem;
}

@media only screen and (min-width: 768px) {
  .section-article-content .columns-lead .column {
    flex-basis: var(--grid-10-column);
    min-width: var(--grid-10-column);
    max-width: var(--grid-10-column);
    margin-left: var(--grid-1-column);
    margin-right: var(--grid-1-column);
  }
}

@media only screen and (min-width: 992px) {
  .section-article-content .columns-lead .column {
    flex-basis: var(--grid-8-column);
    min-width: var(--grid-8-column);
    max-width: var(--grid-8-column);
    margin-left: var(--grid-1-column);
    margin-right: var(--grid-1-column);
  }
}

.section-text {
  padding-top: 0;
}

.section-text:not(:last-child) {
  padding-bottom: 0;
}

.section-text + .section-text {
  margin-top: 3.5rem;
}

@media only screen and (min-width: 768px) {
  .section-text .columns .column {
    flex-basis: var(--grid-8-column);
    min-width: var(--grid-8-column);
    max-width: var(--grid-8-column);
    margin-left: var(--grid-1-column);
    margin-right: var(--grid-1-column);
  }
}

@media only screen and (min-width: 992px) {
  .section-text .columns .column {
    flex-basis: var(--grid-6-column);
    min-width: var(--grid-6-column);
    max-width: var(--grid-6-column);
    margin-left: var(--grid-1-column);
    margin-right: var(--grid-1-column);
  }
}

.card-kennisloket .content-image {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 0;
}

.card-kennisloket .card-image-holder {
  position: relative;
  padding-bottom: 60%;
  overflow: hidden;
  transform-style: preserve-3d;
  border-radius: var(--border-radius);
  transition: 0.24s ease-out transform;
}

.card-kennisloket .card-image-holder:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 36%;
  bottom: 0;
  background: linear-gradient(0deg, black 0%, rgba(0, 0, 0, 0) 100%);
  z-index: 1;
  opacity: 0.4;
  transition: 0.24s ease-out opacity;
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
}

.card-kennisloket h3 {
  font-family: var(--p-font-family);
  font-size: var(--p-font-size);
  font-weight: var(--p-font-weight);
  font-style: var(--p-font-style);
  line-height: var(--p-line-height);
  letter-spacing: var(--p-letter-spacing);
  text-transform: var(--p-text-transform);
  text-decoration: var(--p-text-decoration);
  margin: var(--p-margin);
  text-transform: uppercase;
  font-weight: 500;
  margin: 0 1.5rem 0 0;
}

.card-kennisloket .kennisloket-intro {
  margin: 0.5rem 1.5rem 0 0;
}

.card-kennisloket .card-content {
  margin-top: 1.5rem;
}

.card-kennisloket .card-content .kennisloket-title {
  transition: 0.24s ease-out color;
}

.card-kennisloket .card-link {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 3;
}

.card-kennisloket .list-categories {
  right: 1rem;
  left: auto;
}

@media only screen and (max-width: 767px) {
  .card-kennisloket .card-image-holder:before {
    opacity: 0.8;
  }
}

@media only screen and (max-width: 991px) {
  .card-kennisloket .list-categories {
    display: none;
  }
}

.card-kennisloket:hover .card-image-holder:before, .card-kennisloket:active .card-image-holder:before {
  opacity: 0.6;
}

.card-kennisloket:hover .kennisloket-title, .card-kennisloket:active .kennisloket-title {
  --color-text-primary: var(--color-cta);
}

.card-kennisloket:hover .img-background, .card-kennisloket:active .img-background {
  transform: scale3d(1.05, 1.05, 1);
}

.card-kennisloket:hover .list-facts li, .card-kennisloket:active .list-facts li {
  background: var(--color-text-primary);
  color: var(--color-text-dark);
}

.card-kennisloket:active .card-image-holder {
  transform: scale3d(0.98, 0.98, 1);
}

#kennisloketHeader {
  --color-text-primary: var(--color-text-light);
}

#kennisloketHeader h1 {
  --color-text-primary: var(--color-conscious-green);
  font-family: var(--h2-font-family);
  font-size: var(--h2-font-size);
  font-weight: var(--h2-font-weight);
  font-style: var(--h2-font-style);
  line-height: var(--h2-line-height);
  letter-spacing: var(--h2-letter-spacing);
  text-transform: var(--h2-text-transform);
  text-decoration: var(--h2-text-decoration);
  margin: var(--h2-margin);
}

#kennisloketHeader p {
  font-family: var(--lead-font-family);
  font-size: var(--lead-font-size);
  font-weight: var(--lead-font-weight);
  font-style: var(--lead-font-style);
  line-height: var(--lead-line-height);
  letter-spacing: var(--lead-letter-spacing);
  text-transform: var(--lead-text-transform);
  text-decoration: var(--lead-text-decoration);
  margin: var(--lead-margin);
}

#kennisloketHeader .content-image {
  border-radius: 0;
}

#kennisloketHeader .link-arrow-back {
  --link-text-color: var(--color-text-primary);
  text-transform: uppercase;
}

#kennisloketHeader .article-content-header {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
}

#kennisloketHeader .content-text {
  max-width: 100%;
}

@media only screen and (max-width: 767px) {
  #kennisloketHeader .content-action {
    display: none;
  }
}

@media only screen and (max-width: 991px) {
  #kennisloketHeader .content-text {
    padding-top: calc(0.6 * var(--section-padding));
    padding-bottom: calc(1.5 * var(--section-padding));
  }
  #kennisloketHeader .article-content-header {
    margin-bottom: var(--section-padding);
  }
}

@media only screen and (min-width: 992px) {
  #kennisloketHeader .column-image {
    flex-basis: var(--grid-5-column);
    min-width: var(--grid-5-column);
    max-width: var(--grid-5-column);
    margin-left: 0;
    margin-right: 0;
  }
  #kennisloketHeader .column-text {
    flex-basis: var(--grid-6-column);
    min-width: var(--grid-6-column);
    max-width: var(--grid-6-column);
    margin-left: var(--grid-1-column);
    margin-right: 0;
  }
  #kennisloketHeader .column-text {
    display: block;
  }
  #kennisloketHeader .image-holder {
    min-height: 100vh;
    padding: 0 !important;
  }
  #kennisloketHeader .content-text {
    height: 100%;
    display: flex;
    flex-direction: column;
    padding-top: calc(var(--nav-height) + 3.375rem);
    padding-bottom: var(--section-padding);
  }
  #kennisloketHeader .article-content-header {
    flex-grow: 1;
  }
}

@media only screen and (min-width: 1680px) {
  #kennisloketHeader .column-image {
    flex-basis: var(--grid-6-column);
    min-width: var(--grid-6-column);
    max-width: var(--grid-6-column);
    margin-left: 0;
    margin-right: 0;
  }
  #kennisloketHeader .column-text {
    flex-basis: var(--grid-5-column);
    min-width: var(--grid-5-column);
    max-width: var(--grid-5-column);
    margin-left: var(--grid-1-column);
    margin-right: 0;
  }
}

@media only screen and (min-width: 1680px) {
  #kennisloketHeader .image-holder {
    min-height: 75vh;
  }
  #kennisloketHeader .content-image {
    margin-left: calc(-1 * ( (100vw - var(--site-width)) / 2 ));
  }
}

.section[data-color="white"][data-bottom="1"] + .section-kennisloket-related {
  padding-top: 0;
}

.section-kennisloket-related,
.section-kennisloket-articles-carousel {
  overflow: hidden;
}

.section-kennisloket-related .columns-text,
.section-kennisloket-articles-carousel .columns-text {
  text-align: center;
}

.section-kennisloket-related .columns-kennisloket-related,
.section-kennisloket-articles-carousel .columns-kennisloket-related {
  margin-top: calc(0.6 * var(--section-padding));
}

.section-kennisloket-related .content-action,
.section-kennisloket-articles-carousel .content-action {
  margin-top: 0;
}

@media only screen and (max-width: 1279px) {
  .section-kennisloket-related .columns-kennisloket-related,
.section-kennisloket-articles-carousel .columns-kennisloket-related {
    margin-left: calc(-1 * var(--column-padding));
    margin-right: calc(-1 * var(--column-padding));
  }
  .section-kennisloket-related .columns-kennisloket-related .column-kennisloket,
.section-kennisloket-articles-carousel .columns-kennisloket-related .column-kennisloket {
    padding: 0 var(--column-padding);
    min-width: calc( ( 100vw - ( 2 * var(--container-padding))) / 2);
    max-width: calc( ( 100vw - ( 2 * var(--container-padding))) / 2);
    flex-basis: calc( ( 100vw - ( 2 * var(--container-padding))) /2);
    margin: 0;
  }
  .section-kennisloket-related .column-kennisloket + .column-kennisloket,
.section-kennisloket-articles-carousel .column-kennisloket + .column-kennisloket {
    margin: 0;
  }
}

@media only screen and (max-width: 991px) {
  .section-kennisloket-related .columns-kennisloket-related .column-kennisloket,
.section-kennisloket-articles-carousel .columns-kennisloket-related .column-kennisloket {
    min-width: calc(100% - (1 * var(--container-padding)));
    max-width: calc(100% - (1 * var(--container-padding)));
    flex-basis: calc(100% - (1 * var(--container-padding)));
  }
}

@media only screen and (min-width: 768px) {
  .section-kennisloket-related .columns-text,
.section-kennisloket-articles-carousel .columns-text {
    justify-content: center;
  }
  .section-kennisloket-related .columns-text .column,
.section-kennisloket-articles-carousel .columns-text .column {
    flex-basis: var(--grid-10-column);
    min-width: var(--grid-10-column);
    max-width: var(--grid-10-column);
    margin-left: 0;
    margin-right: 0;
  }
}

@media only screen and (min-width: 1280px) {
  .section-kennisloket-related .columns-kennisloket-related,
.section-kennisloket-articles-carousel .columns-kennisloket-related {
    margin-top: calc(0.6 * var(--section-padding));
  }
  .section-kennisloket-related .columns-kennisloket-related .swiper-wrapper,
.section-kennisloket-articles-carousel .columns-kennisloket-related .swiper-wrapper {
    justify-content: center;
  }
  .section-kennisloket-related .columns-kennisloket-related .column,
.section-kennisloket-articles-carousel .columns-kennisloket-related .column {
    flex-basis: var(--grid-4-column);
    min-width: var(--grid-4-column);
    max-width: var(--grid-4-column);
    margin-left: 0;
    margin-right: 0;
  }
}

@media only screen and (min-width: 768px) {
  .carousel-kennisloket-related {
    opacity: 1 !important;
  }
}

.single-kennisloket .section-1-column[data-color="white"] + .section-1-column[data-color="white"] {
  padding-top: 0;
}

.card-project {
  --color-text-primary: var(--color-text-light);
  --card-padding: 1.25rem;
}

.card-project .content-image {
  position: absolute;
  width: 100%;
  height: 100%;
}

.card-project .card-image-holder {
  position: relative;
  padding-bottom: 60%;
  overflow: hidden;
  transform-style: preserve-3d;
  border-radius: var(--border-radius);
  transition: 0.24s ease-out transform;
}

.card-project .card-image-holder:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 36%;
  bottom: 0;
  background: linear-gradient(0deg, black 0%, rgba(0, 0, 0, 0) 100%);
  z-index: 1;
  opacity: 0.4;
  transition: 0.24s ease-out opacity;
}

.card-project .card-image-holder:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: black;
  opacity: 0.05;
}

.card-project .img-background {
  transition: 0.24s ease-out transform;
}

.card-project .card-content {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: var(--card-padding);
  z-index: 2;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
}

.card-project h5 {
  font-family: var(--p-font-family);
  font-size: var(--p-font-size);
  font-weight: var(--p-font-weight);
  font-style: var(--p-font-style);
  line-height: var(--p-line-height);
  letter-spacing: var(--p-letter-spacing);
  text-transform: var(--p-text-transform);
  text-decoration: var(--p-text-decoration);
  margin: var(--p-margin);
  text-transform: uppercase;
  font-weight: 500;
  margin: 0;
  padding-right: 1rem;
}

.card-project .card-link {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 3;
}

.card-project .list-facts {
  list-style: none;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  --fact-padding: 1.5rem;
}

.card-project .list-facts li {
  text-transform: normal;
  font-size: 1rem;
  padding: 0 var(--fact-padding);
  padding-left: 2.5rem;
  background: transparent;
  border-radius: 2rem;
  border: 1px solid var(--color-text-primary);
  height: 2.375rem;
  display: flex;
  align-items: center;
  margin: 0;
  white-space: nowrap;
  transition: 0.24s ease-out color, 0.24s ease-out background-color;
}

.card-project .list-facts li .icon {
  position: absolute;
  left: 0.375rem;
  top: 50%;
  width: 2rem;
  transform: translateY(-50%);
}

.card-project .list-facts li .icon svg {
  display: block;
  width: 100%;
}

.card-project .list-facts li .icon .stroke:first-child {
  display: none;
}

.card-project .list-facts li .icon-ems .icon {
  left: 0.125rem;
  width: 2.5rem;
}

.card-project .list-facts .label-data,
.card-project .list-facts .label-text {
  transition: 0.24s ease-out color;
}

.card-project .list-facts .label-text {
  margin-left: 0.375rem;
}

@media only screen and (max-width: 1279px) {
  .card-project .list-facts {
    display: block;
    --fact-padding: 0.625rem;
  }
  .card-project .list-facts .label-text {
    display: none;
  }
  .card-project .list-facts li + li {
    margin-top: 0.5rem;
  }
}

@media only screen and (max-width: 767px) {
  .card-project .card-content {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
  }
  .card-project h5 {
    font-size: 1rem;
  }
  .card-project .card-image-holder:before {
    opacity: 0.8;
  }
  .card-project .list-facts {
    display: flex;
    order: -1;
    margin-left: -0.25rem;
    margin-bottom: 0.75rem;
  }
  .card-project .list-facts li {
    margin: 0.25rem;
    font-size: 0.75rem;
    height: 2rem;
    padding-left: 2.25rem;
  }
  .card-project .list-facts li + li {
    margin-top: 0.25rem;
  }
  .card-project .list-facts li .icon {
    left: 0.1625rem;
  }
}

@media only screen and (min-width: 1280px) {
  .card-project .list-facts {
    --fact-padding: 1rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    flex-basis: 40%;
    flex-grow: 1;
    margin: -0.25rem;
  }
  .card-project .list-facts li {
    margin: 0.25rem;
  }
  .card-project .list-facts li + li {
    margin: 0.25rem;
  }
  .card-project h5 {
    flex-basis: 50%;
    flex-grow: 1;
    max-width: 300px;
  }
}

.card-project:hover .card-image-holder:before, .card-project:active .card-image-holder:before {
  opacity: 0.64;
}

.card-project:hover .img-background, .card-project:active .img-background {
  transform: scale3d(1.05, 1.05, 1);
}

.card-project:hover .list-facts li, .card-project:active .list-facts li {
  background: var(--color-text-light);
}

.card-project:hover .list-facts li span, .card-project:active .list-facts li span {
  --color-text-primary: var(--color-text-dark);
}

.card-project:active .card-image-holder {
  transform: scale3d(0.98, 0.98, 1);
}

#projectHeader {
  --color-text-primary: var(--color-text-dark);
}

#projectHeader h1 {
  font-family: var(--h2-font-family);
  font-size: var(--h2-font-size);
  font-weight: var(--h2-font-weight);
  font-style: var(--h2-font-style);
  line-height: var(--h2-line-height);
  letter-spacing: var(--h2-letter-spacing);
  text-transform: var(--h2-text-transform);
  text-decoration: var(--h2-text-decoration);
  margin: var(--h2-margin);
}

#projectHeader p a {
  text-decoration: none;
}

#projectHeader .logo {
  max-height: 70px;
  object-fit: contain;
  object-position: left;
}

#projectHeader .link-arrow-back {
  --link-text-color: var(--color-text-primary);
  text-transform: uppercase;
}

#projectHeader .article-content-header {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
}

#projectHeader .content-text {
  max-width: 100%;
}

@media only screen and (max-width: 767px) {
  #projectHeader .content-action {
    display: none;
  }
}

@media only screen and (max-width: 991px) {
  #projectHeader .content-text {
    padding-top: calc(0.6 * var(--section-padding));
    padding-bottom: calc(1.5 * var(--section-padding));
  }
  #projectHeader .article-content-header {
    margin-bottom: var(--section-padding);
    flex-direction: column;
    align-items: flex-end;
  }
  #projectHeader .link-arrow-back {
    order: -1;
  }
  #projectHeader .logo {
    width: 50vw;
    margin-right: auto;
    margin-top: 1.5rem;
    max-width: 240px;
  }
  #projectHeader h1 {
    margin-top: 0;
  }
}

@media only screen and (min-width: 992px) {
  #projectHeader .column-image {
    flex-basis: var(--grid-5-column);
    min-width: var(--grid-5-column);
    max-width: var(--grid-5-column);
    margin-left: 0;
    margin-right: 0;
  }
  #projectHeader .column-text {
    flex-basis: var(--grid-6-column);
    min-width: var(--grid-6-column);
    max-width: var(--grid-6-column);
    margin-left: var(--grid-1-column);
    margin-right: 0;
  }
  #projectHeader .column-text {
    display: block;
  }
  #projectHeader .image-holder {
    min-height: 100vh;
  }
  #projectHeader .content-text {
    height: 100%;
    display: flex;
    flex-direction: column;
    padding-top: calc(var(--nav-height) + 3.375rem);
    padding-bottom: var(--section-padding);
  }
  #projectHeader .article-content-header {
    flex-grow: 1;
  }
  #projectHeader .logo {
    position: absolute;
    width: 100%;
    max-width: calc(50% - 1.5rem);
    left: 0;
    top: 0;
    height: auto;
  }
}

@media only screen and (min-width: 1280px) {
  #projectHeader .logo {
    max-width: 250px;
  }
}

@media only screen and (min-width: 1680px) {
  #projectHeader .column-image {
    flex-basis: var(--grid-6-column);
    min-width: var(--grid-6-column);
    max-width: var(--grid-6-column);
    margin-left: 0;
    margin-right: 0;
  }
  #projectHeader .column-text {
    flex-basis: var(--grid-5-column);
    min-width: var(--grid-5-column);
    max-width: var(--grid-5-column);
    margin-left: var(--grid-1-column);
    margin-right: 0;
  }
  #projectHeader .image-holder {
    min-height: 75vh;
  }
  #projectHeader .content-image {
    margin-left: calc(-1 * ( (100vw - var(--site-width)) / 2 ));
  }
}

.single-project .section:last-child {
  padding-bottom: var(--section-padding);
}

.single-project .section-project-numbers + .section-projects-related {
  margin-top: var(--section-padding);
}

.section-project-images .card-image-holder {
  position: relative;
  padding-bottom: 82%;
  overflow: hidden;
}

.section-project-images .columns {
  display: flex;
  margin: 0 calc(-1 * var(--column-padding));
  justify-content: space-between;
}

.section-project-images .column-image-1 {
  flex-basis: var(--grid-5-column);
  min-width: var(--grid-5-column);
  max-width: var(--grid-5-column);
  margin-left: 0;
  margin-right: 0;
}

.section-project-images .column-image-2 {
  padding-top: var(--section-padding);
  flex-basis: var(--grid-6-column);
  min-width: var(--grid-6-column);
  max-width: var(--grid-6-column);
  margin-left: 0;
  margin-right: 0;
}

.section-project-images .column-image-2 .content {
  margin-right: calc(-1 * var(--container-padding));
  border-radius: var(--border-radius) 0 0 var(--border-radius);
}

.section-project-images .content-image {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

@media only screen and (max-width: 767px) {
  .section-project-images {
    padding-top: calc(2 * var(--section-padding));
    overflow: hidden;
  }
  .section-project-images .column-image-1 {
    flex-basis: var(--grid-6-column);
    min-width: var(--grid-6-column);
    max-width: var(--grid-6-column);
    margin-left: 0;
    margin-right: 0;
    margin-left: calc(-1 * var(--container-padding));
  }
}

@media only screen and (min-width: 1680px) {
  .section-project-images .container {
    max-width: 80%;
  }
}

.section.section-project-numbers {
  background: transparent;
  --color-text-primary: var(--color-text-light);
}

.section.section-project-numbers h4 {
  --color-text-primary: var(--color-conscious-green);
}

.section.section-project-numbers p {
  font-family: var(--lead-font-family);
  font-size: var(--lead-font-size);
  font-weight: var(--lead-font-weight);
  font-style: var(--lead-font-style);
  line-height: var(--lead-line-height);
  letter-spacing: var(--lead-letter-spacing);
  text-transform: var(--lead-text-transform);
  text-decoration: var(--lead-text-decoration);
  margin: var(--lead-margin);
  font-family: var(--font-third);
  max-width: var(--content-width-small);
}

.section.section-project-numbers .list-facts {
  margin-top: 3rem;
  margin-left: auto;
  --icon-size: 3rem;
  --list-item-spacer: 1rem;
}

.section.section-project-numbers .list-facts svg {
  --color-text-primary: var(--color-conscious-green);
}

.section.section-project-numbers .list-facts li {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.section.section-project-numbers .list-facts li + li {
  margin-top: 4rem;
}

.section.section-project-numbers .list-facts span {
  text-transform: uppercase;
  font-weight: 800;
  font-family: var(--font-secondary);
  display: block;
  margin-bottom: 0.5rem;
  white-space: nowrap;
}

@media only screen and (max-width: 767px) {
  .section.section-project-numbers {
    background: var(--color-text-dark);
    padding: var(--section-padding) 0;
    margin-top: calc(-1.5 * var(--section-padding));
  }
  .section.section-project-numbers .list-facts {
    margin-bottom: 3rem;
  }
  .section.section-project-numbers .list-facts li {
    padding-top: calc(var(--icon-size) + var(--list-item-spacer));
    align-items: center;
    text-align: center;
    padding-left: 0;
    height: auto;
  }
  .section.section-project-numbers .list-facts li + li {
    margin-top: 2rem;
  }
  .section.section-project-numbers .list-facts .icon-facts {
    left: 50%;
    transform: translateX(-50%);
    margin: 0;
  }
  .section.section-project-numbers .content-action {
    align-items: center;
  }
}

@media only screen and (min-width: 768px) {
  .section.section-project-numbers {
    margin-top: calc(-2.5 * var(--section-padding));
  }
  .section.section-project-numbers .columns:before {
    content: "";
    position: absolute;
    left: var(--column-padding);
    right: var(--column-padding);
    top: 0;
    bottom: 0;
    background: var(--color-forest-green);
    overflow: hidden;
    transform-style: preserve-3d;
    border-radius: var(--border-radius);
  }
  .section.section-project-numbers .column {
    flex-basis: var(--grid-12-column);
    min-width: var(--grid-12-column);
    max-width: var(--grid-12-column);
    margin-left: 0;
    margin-right: 0;
  }
  .section.section-project-numbers .content {
    padding: 3.75rem 0;
    margin: 0 calc(-1 * var(--column-padding));
  }
  .section.section-project-numbers .content-text,
.section.section-project-numbers .content-action {
    padding-left: 3.75rem;
  }
  .section.section-project-numbers .content-numbers {
    padding-left: calc(var(--grid-1-column) + var(--column-padding));
  }
  .section.section-project-numbers .list-facts {
    padding-right: 2.5rem;
    display: flex;
    flex-wrap: wrap;
  }
  .section.section-project-numbers .list-facts li {
    padding-left: calc(var(--icon-size) + var(--list-item-spacer));
    align-items: flex-start;
    margin: 0;
    flex-basis: 50%;
    max-width: 50%;
    min-width: 50%;
  }
  .section.section-project-numbers .list-facts li + li {
    margin: 0;
  }
  .section.section-project-numbers .list-facts li:nth-child(n+3) {
    margin-top: 4rem;
  }
}

@media only screen and (min-width: 992px) {
  .section.section-project-numbers .list-facts {
    --icon-size: 4rem;
    --list-item-spacer: 1.25rem;
  }
  .section.section-project-numbers .content-numbers {
    padding-left: calc(var(--grid-3-column) + var(--column-padding));
  }
}

@media only screen and (min-width: 1280px) {
  .section.section-project-numbers .list-facts {
    --icon-size: 5.25rem;
    --list-item-spacer: 2rem;
  }
  .section.section-project-numbers .content-numbers {
    padding-left: calc(var(--grid-4-column) + var(--column-padding));
  }
}

.section-projects-related {
  overflow: hidden;
}

.section-projects-related .columns-text {
  text-align: center;
}

.section-projects-related .columns-projects-related {
  margin-top: calc(0.6 * var(--section-padding));
}

@media only screen and (max-width: 767px) {
  .section-projects-related .columns-projects-related {
    margin-left: calc(-1 * var(--column-padding));
    margin-right: calc(-1 * var(--column-padding));
  }
  .section-projects-related .columns-projects-related .column-project {
    padding: 0 var(--column-padding);
    min-width: calc(100% - (1 * var(--container-padding)));
    max-width: calc(100% - (1 * var(--container-padding)));
    flex-basis: calc(100% - (1 * var(--container-padding)));
    margin: 0;
  }
  .section-projects-related .column-project + .column-project {
    margin: 0;
  }
}

@media only screen and (min-width: 768px) {
  .section-projects-related .columns-text {
    justify-content: center;
  }
  .section-projects-related .columns-text .column {
    flex-basis: var(--grid-10-column);
    min-width: var(--grid-10-column);
    max-width: var(--grid-10-column);
    margin-left: 0;
    margin-right: 0;
  }
  .section-projects-related .columns-projects-related {
    margin-top: calc(0.6 * var(--section-padding));
  }
  .section-projects-related .columns-projects-related .column {
    flex-basis: var(--grid-6-column);
    min-width: var(--grid-6-column);
    max-width: var(--grid-6-column);
    margin-left: 0;
    margin-right: 0;
  }
}

@media only screen and (min-width: 768px) {
  .carousel-projects-related {
    opacity: 1 !important;
  }
}

@media only screen and (min-width: 768px) {
  .single-vacature .content-action {
    margin-top: 4.5rem;
  }
}

.columns-breadcrumbs {
  padding-top: 1.5rem;
}

@media only screen and (min-width: 768px) {
  .columns-breadcrumbs {
    padding-top: 2.125rem;
    margin-bottom: var(--section-padding);
  }
  .columns-breadcrumbs .column {
    flex-basis: var(--grid-12-column);
    min-width: var(--grid-12-column);
    max-width: var(--grid-12-column);
    margin-left: 0;
    margin-right: 0;
  }
}

#breadcrumbs {
  position: relative;
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
}

#breadcrumbs span {
  display: flex;
  align-items: center;
}

#breadcrumbs > span > span {
  position: relative;
  margin: 0 0.75rem 0 0;
  padding-right: 1rem;
}

#breadcrumbs > span > span:after {
  content: "";
  display: block;
  width: 5px;
  height: 10px;
  background-image: url("assets/images/icon-chev-right.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  right: 0;
}

#breadcrumbs > span > span:last-child:after {
  content: none;
}

#breadcrumbs > span > span > a {
  margin: 0;
}

#breadcrumbs a {
  --color-text-primary: var(--color-text-dark);
  border: 0;
  border-bottom: 1px solid transparent;
  line-height: 1.2;
}

#breadcrumbs a:hover {
  text-decoration: none;
  border-color: currentColor;
}

@media only screen and (max-width: 767px) {
  #breadcrumbs {
    flex-wrap: wrap;
    font-size: 10px;
    line-height: 1.15;
  }
  #breadcrumbs a {
    font-size: 10px;
    line-height: 1.15;
  }
}

@media only screen and (min-width: 768px) {
  #breadcrumbs {
    left: calc(-0.5 * var(--container-padding));
    font-size: 12px;
  }
  #breadcrumbs a {
    font-size: 12px;
  }
}

.toggle-menu {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
  position: relative;
  z-index: 1001;
  background-color: transparent;
  margin-left: auto;
  padding: 0;
  right: 0;
  height: 2rem;
  pointer-events: auto;
  transition: 0.24s ease-out opacity;
}

.toggle-menu:hover {
  opacity: 0.8;
}

.hamburger-label {
  text-transform: uppercase;
  font-weight: var(--body-font-weight-bold);
  margin-right: 0.75rem;
  opacity: 1;
  line-height: 1;
  font-size: 1rem;
  visibility: visible;
  transition: 0.24s ease-out opacity, 0s visibility 0s;
}

.hamburger-holder {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.hamburger {
  display: inline-block;
  position: relative;
  width: 18px;
  height: 1.5px;
  background-color: var(--color-text-primary);
  transition: all 0.24s ease-out 0s;
}

.hamburger::before, .hamburger:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: var(--color-text-primary);
  right: 0;
  transition: all 0.24s ease-out 0s;
}

.hamburger::before {
  top: -7px;
}

.hamburger::after {
  top: 7px;
}

.menu-open .hamburger, .menu-open:hover .hamburger {
  transition: all 0.24s ease-out 0s;
  background-color: transparent !important;
  transform: rotate(45deg);
}

.menu-open .hamburger::before, .menu-open:hover .hamburger::before {
  top: 0;
  transform: rotate(90deg);
}

.menu-open .hamburger::after, .menu-open:hover .hamburger::after {
  top: 0;
  transform: rotate(0deg);
}

.menu-open .hamburger::before, .menu-open .hamburger::after, .menu-open:hover .hamburger::before, .menu-open:hover .hamburger::after {
  background-color: var(--color-text-primary);
  transition: all 0.24s ease-out 0s;
}

@media only screen and (max-width: 991px) {
  body.freeze {
    overflow: hidden;
    position: fixed;
  }
}

.nav-overlay {
  --nav-overlay-color-background: var(--color-text-light);
  --color-text-primary: var(--color-text-light);
  --nav-overlay-inner-padding-top: calc(var(--nav-height) + 3rem);
  --nav-overlay-inner-padding-bottom: var(--nav-height);
  --nav-overlay-inner-padding-left: var(--container-padding);
  --nav-overlay-inner-padding-right: var(--container-padding);
  --overlay-image-width: 50vw;
  --nav-overlay-font-size: 1.75rem;
  --nav-overlay-font-weight: 400;
  --nav-overlay-font-family: var(--font-primary);
  --nav-overlay-font-style: normal;
  --nav-overlay-font-color: var(--color-text-primary);
  --nav-overlay-font-color-hover: rgba(var(--color-text-light-rgb), 0.6);
  --nav-overlay-small-font-size: 1rem;
  --nav-overlay-small-font-weight: 600;
  --nav-overlay-small-font-family: var(--font-primary);
  --nav-overlay-small-font-style: normal;
  --nav-overlay-small-text-transform: uppercase;
  --nav-overlay-small-font-color: var(--color-text-primary);
  --nav-overlay-small-font-color-hover: rgba(var(--color-text-light-rgb), 0.6);
}

@media only screen and (max-width: 991px) {
  .nav-overlay {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    overflow-x: hidden;
    top: 0;
    padding-top: var(--nav-bottom-height);
    z-index: 1011;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    text-align: center;
    flex-direction: column;
    opacity: 0;
    visibility: hidden;
    transition: 0.24s opacity ease-out 0s, 0s visibility ease-out 0.24s;
  }
  .menu-open .nav-overlay {
    transition: 0.24s opacity ease-out 0s, 0s visibility ease-out 0s;
    opacity: 1;
    visibility: visible;
  }
}

@media only screen and (min-width: 992px) {
  .nav-overlay {
    display: none;
  }
}

.menu-open #navigation {
  background: linear-gradient(180deg, rgba(var(--color-text-dark-rgb), 1) 25%, rgba(var(--color-text-dark-rgb), 0) 100%);
}

.overlay-gradient {
  pointer-events: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  background: linear-gradient(90deg, rgba(var(--color-sky-blue-rgb), 1) 0%, rgba(var(--color-conscious-green-rgb), 1) 60%);
}

.overlay-gradient:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  transform: translate(-45%, -60%);
  width: 200vw;
  height: 150vw;
  background: radial-gradient(circle, rgba(var(--color-forest-green-rgb), 1) 20%, rgba(var(--color-forest-green-rgb), 0) 50%);
}

.overlay-gradient:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  transform: translate(-45%, 75%);
  width: 250vw;
  height: 200vw;
  background: radial-gradient(circle, rgba(var(--color-sky-blue-rgb), 1) 20%, rgba(var(--color-sky-blue-rgb), 0) 50%);
}

.overlay-inner {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  opacity: 0;
  padding-top: var(--nav-overlay-inner-padding-top);
  padding-right: var(--nav-overlay-inner-padding-right);
  padding-bottom: var(--nav-overlay-inner-padding-bottom);
  padding-left: var(--nav-overlay-inner-padding-left);
  transition: 0.24s ease-out opacity 0s, 0.48s ease-out transform 0s;
  transform: translateY(20px);
}

.menu-open .overlay-inner {
  opacity: 1;
  transform: translateY(0);
  transition: 0.48s ease-out opacity 0.48s, 0.48s ease-out transform 0.48s;
}

@media only screen and (max-width: 991px) {
  .overlay-inner .list-socials {
    position: relative;
    bottom: 0;
    left: 0;
    right: auto;
    justify-content: flex-start;
  }
}

.list-overlay {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: left;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.list-overlay li {
  margin: 0;
}

.list-overlay li + li {
  margin: 0;
}

.list-overlay li.list-btn {
  margin-top: 1.5rem;
}

.list-overlay li.list-btn a {
  --btn-background-color: var(--color-text-light);
  --btn-background-color-hover: var(--color-text-light);
  --btn-text-color: var(--color-text-dark);
}

.list-overlay a {
  display: block;
}

.list-overlay .sub-menu {
  margin: 0;
  padding: 0;
  list-style: none;
}

@media only screen and (max-width: 991px) {
  .list-overlay:has(.menu-item.highlight) {
    padding-bottom: calc(30vh + 1.5rem);
  }
  .list-overlay .sub-menu {
    padding: 1rem 0 1rem 1rem;
  }
  .list-overlay .sub-menu a {
    font-size: 1.25rem;
  }
}

.list-overlay a {
  line-height: 1;
  margin: 0;
  padding: 0.5rem 0;
  font-family: var(--nav-overlay-font-family);
  font-weight: var(--nav-overlay-font-weight);
  font-style: var(--nav-overlay-font-style);
  font-size: var(--nav-overlay-font-size);
  color: var(--nav-overlay-font-color);
}

.list-overlay a:hover {
  color: var(--nav-overlay-font-color-hover);
}

.list-overlay-small {
  margin: 2rem -0.5rem 0;
  padding: 0;
  list-style: none;
  text-align: left;
  display: flex;
  flex-direction: column;
}

.list-overlay-small li {
  margin: 0.5rem;
}

.list-overlay-small a {
  line-height: 1;
  margin: 0;
  font-family: var(--nav-overlay-small-font-family);
  font-weight: var(--nav-overlay-small-font-weight);
  font-style: var(--nav-overlay-small-font-style);
  font-size: var(--nav-overlay-small-font-size);
  text-transform: var(--nav-overlay-small-text-transform);
  color: var(--nav-overlay-small-font-color);
}

.list-overlay-small a:hover {
  color: var(--nav-overlay-small-font-color-hover);
}

@media only screen and (min-width: 992px) {
  .list-overlay-small {
    margin: 4rem 0 0;
  }
  .list-overlay-small li {
    margin: 0;
  }
  .list-overlay-small li + li {
    margin: 0 0 0 2rem;
  }
}

:root {
  --nav-color-background: transparent;
  --nav-font-family: var(--font-secondary);
}

@media only screen and (max-width: 767px) {
  :root {
    --nav-top-height: 2.625rem;
    --nav-height: 5rem;
    --site-logo-big: 9.5rem;
    --site-logo-small: 9.5rem;
  }
}

@media only screen and (min-width: 768px) {
  :root {
    --nav-top-height: 2.625rem;
    --nav-height: 7.5rem;
    --site-logo-big: 9.5rem;
    --site-logo-small: 9.5rem;
  }
}

.no-navigation {
  --nav-height: 0;
}

.nav-top {
  height: var(--nav-top-height);
  display: flex;
  width: 100%;
  align-items: center;
  background-color: var(--color-background);
  transition: 0.24s ease-out background-color 0s,  0.24s ease-out transform;
}

.nav-top .content {
  width: 100%;
  text-align: center;
}

.nav-top p, .nav-top a {
  transition: 0.48s ease-out color 0s;
}

@media only screen and (max-width: 767px) {
  .nav-top p, .nav-top a {
    font-family: var(--small-font-family);
    font-size: var(--small-font-size);
    font-weight: var(--small-font-weight);
    font-style: var(--small-font-style);
    line-height: var(--small-line-height);
    letter-spacing: var(--small-letter-spacing);
    text-transform: var(--small-text-transform);
    text-decoration: var(--small-text-decoration);
    margin: var(--small-margin);
  }
}

.nav-top a {
  font-weight: var(--body-font-weight-bold);
  text-decoration: none;
  border: 0;
  transition: 0.24s ease-out opacity;
}

.nav-top a:hover {
  border: 0;
  text-decoration: none;
  opacity: 0.6;
}

@media only screen and (min-width: 992px) {
  .nav-top .container {
    padding-left: calc(0.5 * var(--container-padding));
    padding-right: calc(0.5 * var(--container-padding));
  }
}

.nav-bottom {
  --color-text-primary: var(--color-text-dark);
  --color-text-primary-rgb: var(--color-text-dark-rgb);
  --container-padding: var(--container-padding-small);
  position: relative;
  transition: 0.24s ease-out transform, 0.24s ease-out background-color;
}

.nav-bottom:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: linear-gradient(180deg, rgba(var(--color-text-dark-rgb), 1) 0%, rgba(var(--color-text-dark-rgb), 0) 100%);
  opacity: 0;
  transition: 0.24s ease-out opacity;
}

.nav-bottom .columns {
  height: 100%;
  display: flex;
  align-items: center;
  height: var(--nav-height);
  justify-content: flex-end;
  transition: 0.24s ease-out height;
}

.nav-bottom .column {
  flex-basis: auto;
  min-width: auto;
  max-width: 100%;
  margin: 0;
}

.nav-bottom .column-logo {
  flex-grow: 1;
}

.nav-bottom .column-hamburger {
  display: flex;
  justify-content: flex-end;
  flex-grow: 1;
}

@media only screen and (max-width: 991px) {
  .nav-bottom .column-nav {
    display: none;
  }
}

@media only screen and (min-width: 992px) {
  [data-tagline="1"] .nav-bottom .site-logo {
    pointer-events: none;
    opacity: 0;
  }
  .nav-bottom .column-hamburger {
    display: none;
  }
  .menu-open .nav-bottom .site-logo {
    --color-text-primary: var(--color-text-light);
    pointer-events: auto;
    opacity: 1;
  }
  .nav-bottom .column-nav {
    display: flex;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1279px) {
  .nav-bottom {
    --container-padding: 1.5rem;
  }
}

@media only screen and (min-width: 1280px) {
  .nav-bottom .column-nav + .column-nav {
    margin-left: 0.25rem;
  }
}

#navigation {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  padding: 0;
  z-index: 10000;
  background-color: var(--nav-color-background);
  transition: 0.24s ease-out transform, 0.24s ease-out height, 0.24s ease-out background-color, 0.24s ease-out box-shadow;
  /* mouse, touch pad */
}

.no-header #navigation .nav-bottom {
  --color-text-primary: var(--color-text-dark);
}

#navigation[data-color="light"] .nav-bottom {
  --color-text-primary: var(--color-text-light);
  --color-text-primary-rgb: var(--color-text-light-rgb);
}

#navigation[data-color="dark"] .nav-bottom, .menu-open #navigation .nav-bottom {
  --color-text-primary: var(--color-text-light);
  --color-text-primary-rgb: var(--color-text-light-rgb);
}

.menu-open #navigation {
  --nav-color-background: transparent;
  pointer-events: none;
}

@media only screen and (min-width: 768px) {
  #navigation.headroom--not-top {
    --nav-height: 4.5rem;
  }
}

#navigation.headroom--not-top .nav-bottom:before {
  opacity: 1;
}

.site-logo {
  display: block;
  width: 12rem;
  transition: 0.48s ease-out width;
}

.site-logo svg {
  width: 100%;
  transition: 0.24s ease-out width, 0.24s ease-out transform;
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  display: block;
}

@media only screen and (min-width: 992px) and (max-width: 1279px) {
  .site-logo {
    width: 10rem;
  }
}

@media only screen and (min-width: 1280px) {
  .site-logo {
    width: 18.25rem;
  }
}

.logo-primary {
  display: block;
}

.list-nav {
  --color-text-primary:	var(--color-text-dark);
  --nav-font-family: 		var(--font-primary);
  --nav-font-size: 		0.75rem;
  --nav-font-weight: 		500;
  --nav-font-style: 		normal;
  --nav-line-height: 		1;
  --nav-letter-spacing: 	0;
  --nav-text-transform: 	uppercase;
  --nav-text-decoration: 	none;
  --nav-margin: 			0;
  --nav-padding-y:		1.125rem;
  --nav-padding-x:		1.25rem;
  --nav-item-spacer: 		1.25rem;
  background: #fff;
  margin: 0;
  border-radius: 2rem;
  padding: 0 var(--nav-padding-x) 0 0;
  display: flex;
  list-style: none;
  height: 3rem;
}

.list-nav:not(.list-nav-cta) {
  /* TO FIX */
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.12);
}

.list-nav.list-nav-cta {
  padding: 0;
  border-radius: 0;
  background: transparent;
}

.list-nav > li {
  position: relative;
  margin: 0;
  transition: 0.24s ease-out opacity;
  line-height: 1;
  height: 3rem;
}

.list-nav > li + li {
  margin-left: var(--nav-item-spacer);
}

.list-nav > li.current-menu-item a {
  border: 0;
  --nav-font-weight: 600;
}

.list-nav > li:first-child:not(.list-btn) {
  padding-left: var(--nav-padding-x);
}

.list-nav > li.menu-item-has-children {
  padding-bottom: 0.75rem;
  box-sizing: content-box;
  padding-right: 1.25rem;
}

.list-nav > li.menu-item-has-children:after {
  content: "";
  position: absolute;
  right: 0;
  top: 1.25rem;
  width: 12px;
  height: 8px;
  background-image: url("assets/images/chev-down.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.list-nav > li.menu-item-has-children:hover > .sub-menu {
  display: block;
}

@media only screen and (min-width: 992px) {
  .list-nav > li.images:hover > .sub-menu {
    display: flex;
    padding-right: 2.5rem;
  }
}

.list-nav > li:not(.list-btn) > a {
  font-family: var(--nav-font-family);
  font-size: var(--nav-font-size);
  font-weight: var(--nav-font-weight);
  font-style: var(--nav-font-style);
  line-height: var(--nav-line-height);
  letter-spacing: var(--nav-letter-spacing);
  text-transform: var(--nav-text-transform);
  text-decoration: var(--nav-text-decoration);
  margin: var(--nav-margin);
  display: block;
  background-color: transparent;
  height: auto;
  padding: var(--nav-padding-y) 0;
  float: none;
  border: 0;
  transition: 0.24s ease-out opacity, 0.24s ease-out color, 0.24s ease-out border-color;
}

.list-nav > li.list-btn a {
  --btn-height: auto;
  --btn-font-size: var(--nav-font-size);
  --btn-min-width: auto;
  --btn-font-weight: var(--nav-font-weight);
  padding-top: var(--nav-padding-y);
  padding-bottom: var(--nav-padding-y);
  --btn-background-color: var(--color-cta);
  --btn-background-color-hover: var(--color-cta-darker);
  --btn-text-color: var(--color-text-dark);
}

.list-nav:hover > li:not(.list-btn) {
  opacity: 0.4;
}

.list-nav:hover > li:not(.list-btn):hover {
  opacity: 1;
}

@media only screen and (min-width: 992px) {
  .list-nav .sub-menu {
    display: none;
    position: fixed;
    left: var(--container-padding);
    right: var(--container-padding);
    list-style: none;
    padding: 2.5rem calc(var(--grid-5-column)) 2.5rem 2.5rem;
    margin-top: 0.75rem;
    margin-left: calc(-1 * var(--column-padding));
    margin-right: calc(-1 * var(--column-padding));
  }
  .list-nav .sub-menu:has(.list-image) {
    min-height: 260px;
  }
  .list-nav .sub-menu:before {
    content: "";
    position: absolute;
    left: var(--column-padding);
    right: var(--column-padding);
    top: 0;
    bottom: 0;
    background: #fff;
    border-radius: 10px;
    box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.1);
  }
  .list-nav .sub-menu li {
    position: relative;
    margin: 0;
  }
  .list-nav .sub-menu li + li {
    margin: 0;
  }
  .list-nav .sub-menu li a {
    --color-text-primary:	var(--color-text-dark);
    --nav-font-family: 		var(--font-secondary);
    --nav-font-size: 		1.25rem;
    --nav-font-weight: 		800;
    --nav-font-style: 		normal;
    --nav-line-height: 		1;
    --nav-letter-spacing: 	0;
    --nav-text-transform: 	uppercase;
    --nav-text-decoration: 	none;
    --nav-margin: 			0;
    --nav-padding-y:		0.5rem;
    transition: 0.24s ease-out opacity;
  }
}

@media only screen and (min-width: 992px) and (min-width: 1280px) {
  .list-nav .sub-menu li a {
    --nav-font-size: 1.875rem;
  }
}

@media only screen and (min-width: 992px) {
  .list-nav .sub-menu li:not(.list-image) a {
    font-family: var(--nav-font-family);
    font-size: var(--nav-font-size);
    font-weight: var(--nav-font-weight);
    font-style: var(--nav-font-style);
    line-height: var(--nav-line-height);
    letter-spacing: var(--nav-letter-spacing);
    text-transform: var(--nav-text-transform);
    text-decoration: var(--nav-text-decoration);
    margin: var(--nav-margin);
    display: block;
    background-color: transparent;
    height: auto;
    padding: var(--nav-padding-y) 0;
    float: none;
    border: 0;
    transition: 0.24s ease-out opacity, 0.24s ease-out color, 0.24s ease-out border-color;
  }
  .list-nav .sub-menu > li:not(.list-image) a:hover {
    --color-text-primary: var(--color-cta);
  }
}

@media only screen and (min-width: 1280px) {
  .list-nav {
    --nav-padding-x:   1.75rem;
    --nav-item-spacer: 2.25rem;
  }
  .list-nav > li.list-btn a {
    --btn-min-width: 8.5rem;
  }
}

@media only screen and (min-width: 1680px) {
  .list-nav .sub-menu {
    left: 50%;
    right: auto;
    width: calc(var(--site-width) - (2 * var(--container-padding)) + (2 * var(--column-padding)));
    transform: translateX(-50%);
    margin-left: 0;
    margin-right: 0;
    padding-right: 730px;
  }
  .list-nav .sub-menu:has(.list-image) {
    min-height: 310px;
  }
}

.list-nav .menu-item.list-image,
.list-overlay .menu-item.list-image {
  border-radius: 10px;
  transform-style: preserve-3d;
  overflow: hidden;
}

.list-nav .menu-item.list-image:hover .highlight-background,
.list-overlay .menu-item.list-image:hover .highlight-background {
  transform: scale3d(1.05, 1.05, 1);
}

.list-nav .menu-item.list-image:hover .highlight-background:before,
.list-overlay .menu-item.list-image:hover .highlight-background:before {
  opacity: 0.6;
}

.list-nav .menu-item.list-image a,
.list-overlay .menu-item.list-image a {
  position: relative;
  display: block;
  z-index: 1;
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
}

.list-nav .menu-item.list-image .highlight-background,
.list-overlay .menu-item.list-image .highlight-background {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden;
  transform-style: preserve-3d;
  border-radius: 10px;
  transition: 0.24s ease-out transform;
}

.list-nav .menu-item.list-image .highlight-background .content-image,
.list-overlay .menu-item.list-image .highlight-background .content-image {
  border-radius: 0;
  position: absolute;
  width: 100%;
  height: 100%;
}

.list-nav .menu-item.list-image .highlight-background:before,
.list-overlay .menu-item.list-image .highlight-background:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 36%;
  bottom: 0;
  background: linear-gradient(0deg, black 0%, rgba(0, 0, 0, 0) 100%);
  z-index: 1;
  opacity: 0.4;
  transition: 0.24s ease-out opacity;
}

@media only screen and (min-width: 992px) {
  .list-nav .menu-item.list-image,
.list-overlay .menu-item.list-image {
    width: calc(var(--grid-5-column) - (1 * var(--column-padding)) - 2.5rem);
  }
}

.list-nav .menu-item.highlight,
.list-overlay .menu-item.highlight {
  position: absolute;
}

.list-nav .menu-item.highlight a,
.list-overlay .menu-item.highlight a {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.list-nav .menu-item.highlight .highlight-label,
.list-overlay .menu-item.highlight .highlight-label {
  font-family: var(--h6-font-family);
  font-size: var(--h6-font-size);
  font-weight: var(--h6-font-weight);
  font-style: var(--h6-font-style);
  line-height: var(--h6-line-height);
  letter-spacing: var(--h6-letter-spacing);
  text-transform: var(--h6-text-transform);
  text-decoration: var(--h6-text-decoration);
  margin: var(--h6-margin);
  position: relative;
  z-index: 1;
  margin: 0;
  color: #fff;
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 1.75rem;
}

@media only screen and (max-width: 991px) {
  .list-nav .menu-item.highlight,
.list-overlay .menu-item.highlight {
    left: 0;
    right: 0;
    bottom: 0;
    width: auto;
    height: 30vh;
  }
}

@media only screen and (min-width: 992px) {
  .list-nav .menu-item.highlight,
.list-overlay .menu-item.highlight {
    right: 2.5rem;
    top: 2.5rem;
    bottom: 2.5rem;
  }
}

@media only screen and (max-width: 991px) {
  .list-nav .menu-item.list-image:not(.highlight) figure,
.list-overlay .menu-item.list-image:not(.highlight) figure {
    display: none;
  }
}

@media only screen and (min-width: 992px) {
  .list-nav .menu-item.list-image:not(.highlight),
.list-overlay .menu-item.list-image:not(.highlight) {
    width: 50%;
  }
  .list-nav .menu-item.list-image:not(.highlight) a,
.list-overlay .menu-item.list-image:not(.highlight) a {
    padding-bottom: 33.33%;
    min-height: 200px;
  }
  .list-nav .menu-item.list-image:not(.highlight) .highlight-label,
.list-overlay .menu-item.list-image:not(.highlight) .highlight-label {
    font-family: var(--h6-font-family);
    font-size: var(--h6-font-size);
    font-weight: var(--h6-font-weight);
    font-style: var(--h6-font-style);
    line-height: var(--h6-line-height);
    letter-spacing: var(--h6-letter-spacing);
    text-transform: var(--h6-text-transform);
    text-decoration: var(--h6-text-decoration);
    margin: var(--h6-margin);
    position: relative;
    z-index: 1;
    margin: 0;
    color: #fff;
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 1.75rem;
  }
  .list-nav .menu-item.list-image:not(.highlight):nth-child(1),
.list-overlay .menu-item.list-image:not(.highlight):nth-child(1) {
    margin-right: 0.5rem;
  }
  .list-nav .menu-item.list-image:not(.highlight):nth-child(2),
.list-overlay .menu-item.list-image:not(.highlight):nth-child(2) {
    margin-left: 0.5rem;
  }
}

.close-navbar {
  z-index: 1;
  position: absolute;
  right: 0;
  top: 0;
  height: var(--nav-height-top);
  width: var(--nav-height-top);
  background-image: url("assets/images/icon-cross.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 0.875rem;
  cursor: pointer;
  transition: 0.24s ease-out opacity;
}

.close-navbar:hover {
  opacity: 0.6;
}

.language-switcher {
  margin: 0;
  padding: 0;
}

.language-switcher a {
  margin: 0;
  padding: 0 0.5rem;
  height: 2rem;
  display: flex;
  align-items: center;
}

.language-switcher img {
  display: block;
}

.list-flags {
  --color-text-primary:	var(--color-text-dark);
  --nav-font-family: 		var(--font-primary);
  --nav-font-size: 		0.75rem;
  --nav-font-weight: 		500;
  --nav-font-style: 		normal;
  --nav-line-height: 		1;
  --nav-letter-spacing: 	0;
  --nav-text-transform: 	uppercase;
  --nav-text-decoration: 	none;
  --nav-margin: 			0;
  --nav-padding-y:		1.125rem;
  --nav-padding-x:		1.25rem;
  --nav-item-spacer: 		1.25rem;
  margin: 0 0 0 1rem;
  padding: 0;
  list-style: none;
  display: flex;
  align-items: center;
  border-radius: 2rem;
  padding: 0 1.25rem;
  background-color: rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(10px);
}

.list-flags li {
  position: relative;
  margin: 0;
  transition: 0.24s ease-out opacity;
}

.list-flags li + li {
  margin-left: 1rem;
}

.list-flags li + li:before {
  content: "";
  position: absolute;
  left: -0.5rem;
  top: 50%;
  transform: translateY(-50%);
  height: 0.75rem;
  width: 1px;
  background: var(--color-text-primary);
}

.list-flags a {
  font-family: var(--nav-font-family);
  font-size: var(--nav-font-size);
  font-weight: var(--nav-font-weight);
  font-style: var(--nav-font-style);
  line-height: var(--nav-line-height);
  letter-spacing: var(--nav-letter-spacing);
  text-transform: var(--nav-text-transform);
  -webkit-text-decoration: var(--nav-text-decoration);
  text-decoration: var(--nav-text-decoration);
  margin: var(--nav-margin);
  display: block;
  background-color: transparent;
  height: auto;
  padding: var(--nav-padding-y) 0;
  float: none;
  border: 0;
  transition: 0.24s ease-out opacity, 0.24s ease-out color, 0.24s ease-out border-color;
}

.list-flags:hover > li a {
  opacity: 0.4;
}

.list-flags:hover > li a:hover {
  opacity: 1;
}

@media only screen and (max-width: 991px) {
  .no-js #navigation {
    position: relative;
    background: var(--color-text-dark);
  }
  .no-js #navigation:has(.toggle-menu:active) ~ #overlay, .no-js #navigation:has(.toggle-menu:focus) .no-js #navigation:has(.toggle-menu:hover) ~ #overlay {
    opacity: 1;
    visibility: visible;
  }
  .no-js #navigation:has(.toggle-menu:active) ~ #overlay .overlay-inner, .no-js #navigation:has(.toggle-menu:focus) .no-js #navigation:has(.toggle-menu:hover) ~ #overlay .overlay-inner {
    opacity: 1;
  }
}

/*	Check animatie:     
	transform 1.2s cubic-bezier(.16,1.08,.38,.98) .1s  
*/
.grid-view {
  display: none;
}

@media only screen and (min-width: 768px) {
  .grid-view {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 100vh;
    z-index: 100000;
    pointer-events: none;
  }
  .grid-view.active {
    display: block;
  }
  .grid-view .column {
    flex-basis: var(--grid-1-column);
    min-width: var(--grid-1-column);
    max-width: var(--grid-1-column);
    margin-left: 0;
    margin-right: 0;
  }
  .grid-view .content {
    background: rgba(144, 255, 255, 0.4);
    height: 100vh;
    border-left: 1px solid rgba(144, 255, 255, 0.2);
    border-right: 1px solid rgba(144, 255, 255, 0.2);
  }
}