@import url("https://use.typekit.net/bqy0qwo.css");
:root {
  interpolate-size: allow-keywords;
  --color-blue: #509899;
  --color-blue-dark: #003E3E;
  --color-blue-darkest: #0A1E1E;
  --color-blue-light: #64acad;
  --color-yellow: #F6A403;
  --color-yellow-light: #ffb115;
  --color-yellow-dark:#dc9403;
  --color-orange: #D37700;
  --color-orange-light: #eb8500;
  --color-orange-dark: #4A3100;
  --color-light-gray: #A6A6A6;
  --color-lightest-gray: #F4F4F4;
  --color-gray: #767676;
  --color-dark-gray: #212121;
  --color-dark: #110B0B;
  --color-border: #3B3B3B;
  --color-border-light: #CBCBCB;
  --title-size: clamp(4em, 7.5vw, 7.5em);
  --border-radius: clamp(1.3em, 2vw, 2.5em);
  --font-arimo: arimo, serif;
  --font-archivo: archivo-expanded, sans-serif;
  --section-padding-big: min(10vw, 10em);
  --section-padding: min(8vw, 8em);
  --section-padding-medium: min(6vw, 6em);
  --section-padding-small: min(3.5vw, 3.5em);
  --container-padding: min(4vw, 4em);
  --animation-primary: all .5s cubic-bezier(.7, 0, .3, 1);
  --animation-fast: all .3s cubic-bezier(.7, 0, .3, 1);
  --animation-smooth: all .7s cubic-bezier(.7, 0, .3, 1);
  --animation-slow: all .9s cubic-bezier(.7, 0, .3, 1);
  --animation-ultra-slow: all 2s cubic-bezier(0.16, 1, 0.3, 1);
}

*,
*:after,
*:before {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

h1, h2, h3, h4, h5, h6, p, a, ul, span, strong, em {
  margin: 0;
  padding: 0;
  list-style: none;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-archivo);
  letter-spacing: -1px;
}

html {
  scroll-behavior: smooth;
}

html.has-scroll-smooth {
  scroll-behavior: initial;
}

html,
body {
  width: 100%;
  min-height: 100%;
  position: relative;
  -webkit-font-smoothing: antialiased;
  font-family: var(--font-arimo);
  color: #000;
  line-height: 1.5;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
}
html.no-scroll,
body.no-scroll {
  overflow: hidden;
}

#backdrop {
  opacity: 0;
  z-index: 10;
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: fixed;
  pointer-events: none;
  background: rgba(0, 0, 0, 0.5);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-transition: var(--animation-smooth);
  transition: var(--animation-smooth);
}
#backdrop.is-active {
  opacity: 1;
  pointer-events: auto;
}

img {
  max-width: 100%;
}

a {
  text-decoration: none;
  color: var(--color-dark-gray);
}

.overlay {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}

.container {
  width: 100%;
  margin: 0 auto;
  max-width: 2560px;
  padding: 0 var(--container-padding);
}
.container.medium {
  max-width: calc(2000px + var(--container-padding) * 2);
}
.container.small {
  max-width: calc(920px + var(--container-padding) * 2);
}

.row {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.row.align-center .col,
.row.align-center .col-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.col-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.row.small {
  margin: 0 auto;
  max-width: 920px;
}

.row.split {
  --columns: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  --gap: var(--container-padding);
  gap: var(--container-padding) var(--gap);
}
.row.split.no-filters {
  --columns: 1;
}

@media (min-width: 768px) {
  .row.split {
    --columns: 2;
  }
  .row.split.reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}
.row.split .col,
.row.split .col-flex {
  width: calc(99.999% / var(--columns) - var(--gap) * (var(--columns) - 1) / var(--columns));
}

@media (min-width: 768px) {
  .row.three-columns {
    --columns: 1;
  }
}
@media (min-width: 992px) {
  .row.three-columns {
    --columns: 3;
  }
}

.row.third {
  --gap: var(--container-padding);
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: var(--section-padding-medium) var(--gap);
}

@media (min-width: 992px) {
  .row.third .col:nth-child(1), .row.third .col-flex:nth-child(1) {
    width: calc(33.333% - var(--gap));
  }
  .row.third .col:nth-child(2), .row.third .col-flex:nth-child(2) {
    width: calc(66.666% - var(--gap));
  }
}
.row.third-reverse {
  --gap: 2.5em;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: var(--section-padding-medium) var(--gap);
}

@media (min-width: 1240px) {
  .row.third-reverse .col:nth-child(2), .row.third-reverse .col-flex:nth-child(2) {
    width: calc(33.333% - var(--gap));
  }
  .row.third-reverse .col:nth-child(1), .row.third-reverse .col-flex:nth-child(1) {
    width: calc(66.666% - var(--gap));
  }
}
.row.split.cols-grid {
  --grid-columns: 12;
  --gap: var(--container-padding);
  display: grid;
  grid-template-columns: repeat(var(--grid-columns), minmax(0, 1fr));
  gap: var(--gap);
}

/* Mobile: alles stacked */
.row.split.cols-grid > .col {
  grid-column: 1/-1;
}

/* Tablet en hoger: span toepassen */
@media (min-width: 768px) {
  .row.split.cols-grid > .col {
    grid-column: span var(--span);
  }
}
.wpr-content {
  padding: var(--section-padding-medium) 0;
}

.content-part {
  max-width: 920px;
  margin: 0 auto clamp(1em, 5vw, 5em);
}
@media (min-width: 992px) {
  .content-part .row.split {
    --columns: var(--columns-desktop);
  }
}
.content-part img,
.content-part video {
  overflow: hidden;
  border-radius: 0.5em;
}
.content-part h1, .content-part h2, .content-part h3, .content-part h4, .content-part h5, .content-part h6 {
  color: var(--color-blue);
}
.content-part ul {
  margin: 0;
}
.content-part ul li {
  padding-left: 1.5em;
  position: relative;
}
.content-part ul li:before {
  content: "";
  display: block;
  width: 0.5em;
  height: 0.5em;
  position: absolute;
  top: 0.65em;
  left: 0;
  border-radius: 0.1em;
  background-color: var(--color-blue-dark);
}
.content-part li {
  font: 500 1em/1.8 var(--font-arimo);
  margin: 0 0 0.5em;
}
@media (min-width: 768px) {
  .content-part li {
    font-size: 1.125em;
  }
}

.columns-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: clamp(1em, 2vw, 2em) 0;
  margin: 0 0 clamp(1em, 5vw, 5em);
}
.columns-block .content-part {
  margin: 0;
}

figure {
  margin: 0;
}

.text h1, .text h2, .text h3, .text h4, .text h5, .text h6 {
  margin: 0 0 0.5em;
  color: var(--color-blue-dark);
  font: 500 clamp(1.5em, 2.6vw, 2.6em)/1.2 var(--font-archivo);
}
.text h1.small, .text h2.small, .text h3.small, .text h4.small, .text h5.small, .text h6.small {
  font: 500 clamp(1.25em, 1.75vw, 1.75em)/1 var(--font-archivo);
}
.text p {
  font: 500 1em/1.8 var(--font-arimo);
  margin: 0 0 clamp(0.5em, 1vw, 1em);
}
@media (min-width: 768px) {
  .text p {
    font-size: 1.125em;
  }
}
.text a {
  color: var(--color-blue);
  text-decoration: underline;
}
.text ul {
  margin: 0;
}
.text ul li {
  padding-left: 1.5em;
  position: relative;
}
.text ul li:before {
  content: "";
  display: block;
  width: 0.5em;
  height: 0.5em;
  position: absolute;
  top: 0.65em;
  left: 0;
  border-radius: 0.1em;
  background-color: var(--color-blue-dark);
}
.text li {
  font: 500 1em/1.8 var(--font-arimo);
  margin: 0 0 0.5em;
}
@media (min-width: 768px) {
  .text li {
    font-size: 1.125em;
  }
}

.section-title-row {
  gap: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.section-title {
  margin: 0 0 0.5em;
  display: inline-block;
  color: var(--color-blue);
  text-transform: uppercase;
  font: 600 1em/1 var(--font-archivo);
}
@media (min-width: 768px) {
  .section-title {
    font-size: clamp(1em, 1.125vw, 1.125em);
  }
  .section-title.big {
    font-size: clamp(1.125em, 1.3vw, 1.3em);
  }
}
.section-title.yellow {
  color: var(--color-yellow);
}

.form-note {
  margin: 0 0 1em;
  font: 500 0.875em/1.5 var(--font-arimo);
  color: var(--color-yellow-dark);
}

.form-errors, .form-errors li {
  color: var(--color-orange-dark);
  font: 700 1em/1.5 var(--font-arimo);
  background: #ffedc9;
  padding: 0.5em 0.75em;
  border-radius: 0.35em;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5em;
  margin: 0 0 1em;
}
.form-errors svg, .form-errors li svg {
  width: 1.5em;
  fill: var(--color-orange-dark);
}

.form-success {
  color: #fff;
  font: 700 1em/1.5 var(--font-arimo);
  background: var(--color-blue-light);
  padding: 0.5em 0.75em;
  border-radius: 0.35em;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5em;
  margin: 0 0 1em;
}
.form-success svg {
  width: 1.5em;
  fill: #fff;
}

.form-error {
  padding: 1em;
  margin-top: 0.75rem;
  font-size: 0.875rem;
  color: var(--color-orange-dark);
  background: #ffedc9;
  border-radius: 0.35em;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5em;
}
.form-error.hidden {
  display: none;
}
.form-error svg {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 1.5em;
  fill: var(--color-orange-dark);
}

form .form-group {
  margin: 0 0 min(2em, 2vw);
}
form label {
  display: block;
  margin: 0 0 0.5em;
  color: var(--color-blue-darkest);
  font: 700 clamp(0.875em, 1.5vw, 1em)/1.5 var(--font-arimo);
}
form input, form textarea {
  width: 100%;
  padding: 0.75em 0.5em;
  border-radius: 0.35em;
  border: 1px solid var(--color-light-gray);
}
form textarea {
  min-height: 5em;
}
form .checkbox-label {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  font: 500 1em/1.5 var(--font-arimo);
}
form .checkbox-label input[type=checkbox] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}
form .checkbox-label input[type=checkbox]:checked + .checkmark {
  background: var(--color-blue);
  border-color: var(--color-blue);
}
form .checkbox-label input[type=checkbox]:checked + .checkmark svg {
  stroke: #fff;
}
form .checkbox-label .checkmark {
  width: 16px;
  height: 16px;
  margin-right: 0.5em;
  border: 1px solid var(--color-light-gray);
  border-radius: 0.25em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
form .checkbox-label .checkmark svg {
  width: 12px;
  stroke: transparent;
  -webkit-transition: stroke 0.2s ease;
  transition: stroke 0.2s ease;
}

.basic-button {
  border: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  background: #fff;
  padding: 0.75em 1em;
  border-radius: 0.35em;
  color: var(--color-dark-gray);
  font: 700 1em/1.5 var(--font-arimo);
  -webkit-transition: var(--animation-fast);
  transition: var(--animation-fast);
}
@media (min-width: 768px) {
  .basic-button {
    font-size: 1.125em;
  }
}
@media (min-width: 1240px) {
  .basic-button {
    padding: 1em 1.75em;
    border-radius: 0.5em;
  }
  .basic-button:hover {
    background: var(--color-lightest-gray);
  }
}
.basic-button.yellow {
  background: var(--color-yellow);
}
@media (min-width: 992px) {
  .basic-button.yellow:hover {
    background: var(--color-yellow-light);
  }
}
.basic-button.blue {
  background: var(--color-blue);
  color: #fff;
}
@media (min-width: 992px) {
  .basic-button.blue:hover {
    background: var(--color-blue-light);
  }
}
.basic-button.outline {
  border: 1px solid var(--color-light-gray);
}

.arrow-button {
  border: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  background: transparent;
}
@media (min-width: 992px) {
  .arrow-button:hover span {
    background: var(--color-lightest-gray);
  }
  .arrow-button:hover .icon-wrapper {
    background: var(--color-lightest-gray);
  }
  .arrow-button:hover .icon-wrapper svg {
    -webkit-transition: var(--animation-smooth);
    transition: var(--animation-smooth);
  }
  .arrow-button:hover .icon-wrapper svg.icon-out {
    -webkit-transform: translate(200%, -300%);
            transform: translate(200%, -300%);
  }
  .arrow-button:hover .icon-wrapper svg.icon-in {
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}
.arrow-button.download svg {
  fill: #fff;
  stroke: unset;
}
.arrow-button.yellow span, .arrow-button.yellow .icon-wrapper {
  background: var(--color-yellow);
}
@media (min-width: 992px) {
  .arrow-button.yellow:hover span, .arrow-button.yellow:hover .icon-wrapper {
    background: var(--color-yellow-light);
  }
}
.arrow-button.orange span, .arrow-button.orange .icon-wrapper {
  background: var(--color-orange);
}
@media (min-width: 992px) {
  .arrow-button.orange:hover span, .arrow-button.orange:hover .icon-wrapper {
    background: var(--color-orange-light);
  }
}
.arrow-button.blue span {
  color: #fff;
}
.arrow-button.blue .icon-wrapper svg {
  stroke: #fff;
}
.arrow-button.blue span, .arrow-button.blue .icon-wrapper {
  background: var(--color-blue);
}
@media (min-width: 992px) {
  .arrow-button.blue:hover span, .arrow-button.blue:hover .icon-wrapper {
    background: var(--color-blue-light);
  }
}
.arrow-button span {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background: #fff;
  border-radius: 0.35em;
  padding: 0.75em 1.25em;
  color: var(--color-dark-gray);
  font: 700 1em/1.5 var(--font-arimo);
  -webkit-transition: var(--animation-fast);
  transition: var(--animation-fast);
}
@media (min-width: 768px) {
  .arrow-button span {
    font-size: 1.125em;
  }
}
@media (min-width: 1240px) {
  .arrow-button span {
    padding: 1em 1.75em;
    border-radius: 0.5em;
  }
}
.arrow-button .icon-wrapper {
  width: 48px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  overflow: hidden;
  background: #fff;
  margin-left: -1px;
  position: relative;
  aspect-ratio: 1/1;
  border-radius: 0.35em;
  -webkit-transition: var(--animation-fast);
  transition: var(--animation-fast);
}
@media (min-width: 768px) {
  .arrow-button .icon-wrapper {
    width: 54px;
  }
}
@media (min-width: 1240px) {
  .arrow-button .icon-wrapper {
    width: 63px;
    border-radius: 0.5em;
  }
}
.arrow-button .icon-wrapper svg {
  width: 1em;
  position: absolute;
  top: 50%;
  left: 50%;
  stroke: var(--color-dark-gray);
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.arrow-button .icon-wrapper svg.icon-in {
  -webkit-transform: translate(-300%, 200%);
          transform: translate(-300%, 200%);
}

.basic-arrow-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 992px) {
  .basic-arrow-button:hover .icon-wrapper svg {
    -webkit-transition: var(--animation-smooth);
    transition: var(--animation-smooth);
  }
  .basic-arrow-button:hover .icon-wrapper svg.icon-out {
    opacity: 0;
    -webkit-transform: translate(200%, -300%);
            transform: translate(200%, -300%);
  }
  .basic-arrow-button:hover .icon-wrapper svg.icon-in {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}
.basic-arrow-button span {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  color: var(--color-dark-gray);
  font: 700 1rem/1.5 var(--font-arimo);
  -webkit-transition: var(--animation-fast);
  transition: var(--animation-fast);
}
@media (min-width: 768px) {
  .basic-arrow-button span {
    font-size: 1.125rem;
  }
}
.basic-arrow-button .icon-wrapper {
  min-width: 3em;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  overflow: hidden;
  margin-left: -1px;
  position: relative;
  aspect-ratio: 1/1;
  -webkit-transition: var(--animation-fast);
  transition: var(--animation-fast);
}
@media (min-width: 768px) {
  .basic-arrow-button .icon-wrapper {
    width: 63px;
  }
}
.basic-arrow-button .icon-wrapper svg {
  width: 16px;
  position: absolute;
  top: 50%;
  left: 50%;
  stroke: var(--color-dark-gray);
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.basic-arrow-button .icon-wrapper svg.icon-in {
  opacity: 0;
  -webkit-transform: translate(-300%, 200%);
          transform: translate(-300%, 200%);
}

.button-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1em min(1em, 1vw);
}

#whatsapp-button {
  z-index: 100;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  position: fixed;
  right: var(--container-padding);
  bottom: var(--container-padding);
  -webkit-transition: var(--animation-slow);
  transition: var(--animation-slow);
}
#whatsapp-button.fadeOut {
  opacity: 0;
  pointer-events: none;
  -webkit-transform: translateY(10px);
          transform: translateY(10px);
}
@media (min-width: 992px) {
  #whatsapp-button:hover span {
    background: var(--color-lightest-gray);
  }
  #whatsapp-button:hover .icon-wrapper {
    background: var(--color-lightest-gray);
  }
  #whatsapp-button:hover .icon-wrapper svg {
    -webkit-transform: scale(1.1) translate(-50%, -50%);
            transform: scale(1.1) translate(-50%, -50%);
  }
}
#whatsapp-button span {
  display: none;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background: #fff;
  border-radius: 0.35em;
  padding: 0.75em 1.25em;
  color: var(--color-dark-gray);
  font: 700 1em/1.5 var(--font-arimo);
  -webkit-transition: var(--animation-fast);
  transition: var(--animation-fast);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}
@media (min-width: 768px) {
  #whatsapp-button span {
    font-size: 1.125em;
  }
}
@media (min-width: 992px) {
  #whatsapp-button span {
    display: block;
  }
}
@media (min-width: 1240px) {
  #whatsapp-button span {
    padding: 1em 1.75em;
    border-radius: 0.5em;
  }
}
#whatsapp-button .icon-wrapper {
  width: 54px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  overflow: hidden;
  background: #fff;
  margin-left: -1px;
  position: relative;
  aspect-ratio: 1/1;
  border-radius: 0.35em;
  -webkit-transition: var(--animation-fast);
  transition: var(--animation-fast);
  -webkit-box-shadow: -1px 0 1px rgba(0, 0, 0, 0.3);
          box-shadow: -1px 0 1px rgba(0, 0, 0, 0.3);
}
@media (min-width: 1240px) {
  #whatsapp-button .icon-wrapper {
    width: 63px;
    border-radius: 0.5em;
  }
}
#whatsapp-button .icon-wrapper svg {
  width: 1.5em;
  position: absolute;
  top: 50%;
  left: 50%;
  stroke: var(--color-dark-gray);
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: var(--animation-primary);
  transition: var(--animation-primary);
}

#wpr-navigation {
  width: 100%;
  z-index: 100;
  position: fixed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  top: 0;
  left: 0;
  right: 0;
}
#wpr-navigation.theme-light:before {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
#wpr-navigation.theme-light #js-submenu-toggle svg {
  stroke: var(--color-blue-darkest);
}
#wpr-navigation.theme-light #nav-logo .fade {
  opacity: 1;
  fill: url(#linear-gradient);
}
#wpr-navigation.theme-light #nav-logo .st0 {
  fill: #fff;
}
#wpr-navigation.theme-light #nav-logo .st1 {
  fill: #5f6b71;
}
#wpr-navigation.theme-light #main-nav li a {
  color: var(--color-blue-darkest);
}
#wpr-navigation.theme-light .language-dropdown {
  --language-theme-color: var(--color-blue-darkest);
}
#wpr-navigation.scroll #navigation {
  padding: 1em 0;
}
#wpr-navigation.scroll #navigation:before {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
#wpr-navigation.scroll #navigation #js-submenu-toggle svg {
  stroke: var(--color-blue-darkest);
}
#wpr-navigation.scroll #navigation #nav-logo .fade {
  opacity: 1;
  fill: url(#linear-gradient);
}
#wpr-navigation.scroll #navigation #nav-logo .st0 {
  fill: #fff;
}
#wpr-navigation.scroll #navigation #nav-logo .st1 {
  fill: #5f6b71;
}
#wpr-navigation.scroll #navigation #main-nav li a {
  color: var(--color-blue-darkest);
}
#wpr-navigation.scroll #navigation .language-dropdown {
  --language-theme-color: var(--color-blue-darkest);
}

#navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding: 2em 0;
  -webkit-transition: var(--animation-smooth);
  transition: var(--animation-smooth);
}
@media (min-width: 768px) {
  #navigation {
    padding: var(--container-padding) 0;
  }
}
#navigation:before {
  z-index: 1;
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  background: #fff;
  position: absolute;
  -webkit-transform: scaleY(0);
          transform: scaleY(0);
  -webkit-transform-origin: top;
          transform-origin: top;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-transition: var(--animation-smooth);
  transition: var(--animation-smooth);
}
#navigation .container {
  z-index: 2;
  position: relative;
}
#navigation .row {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#navigation .row .col-flex {
  width: auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#navigation .row .col-flex:nth-child(1) {
  gap: clamp(2em, 3vw, 3em);
}
#navigation .row .col-flex:nth-child(2) {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: clamp(1em, 2vw, 2em);
}
#navigation #nav-logo {
  width: 2.5em;
  z-index: 99999;
  position: relative;
  -webkit-transition: var(--animation-smooth);
  transition: var(--animation-smooth);
}
#navigation #nav-logo .fade {
  opacity: 0;
  fill: url(#linear-gradient);
  -webkit-transition: var(--animation-smooth);
  transition: var(--animation-smooth);
}
#navigation #nav-logo .st0 {
  fill: #fff;
  -webkit-transition: var(--animation-smooth);
  transition: var(--animation-smooth);
}
#navigation #nav-logo .st1 {
  fill: #fff;
  -webkit-transition: var(--animation-smooth);
  transition: var(--animation-smooth);
}
@media (min-width: 768px) {
  #navigation #nav-logo {
    width: clamp(2.5em, 3.75vw, 3.75em);
  }
}
#navigation nav {
  width: 100%;
  height: 100vh;
  z-index: 9999;
  height: 100dvh;
  padding: 7em var(--container-padding) 2em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  overflow-y: scroll;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  background: var(--color-blue);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-transition: var(--animation-smooth);
  transition: var(--animation-smooth);
}
#navigation nav.open {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
#navigation nav.open #main-nav li a {
  color: #fff !important;
}
#navigation nav.open ~ #nav-logo .st0 {
  fill: #fff;
}
#navigation nav.open ~ #nav-logo .st1 {
  fill: #fff;
}
#navigation nav::-webkit-scrollbar {
  display: none;
}
@media (min-width: 992px) {
  #navigation nav {
    padding: 9em var(--container-padding) 2em;
  }
}
@media (min-width: 1240px) {
  #navigation nav {
    padding: 0;
    height: auto;
    display: block;
    position: static;
    background: transparent;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@media (max-width: 1239px) {
  #navigation #main-nav li:last-child {
    display: none;
  }
}
#navigation ul {
  gap: 2em;
  padding: 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 1240px) {
  #navigation ul {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: clamp(2em, 4vw, 4em);
  }
}
#navigation ul:not(:last-child) {
  margin: 0 0 2em;
}
@media (min-width: 1240px) {
  #navigation ul:not(:last-child) {
    margin: 0;
  }
}
#navigation ul#second-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (min-width: 1240px) {
  #navigation ul#second-nav {
    display: none;
  }
}
#navigation ul li a {
  gap: 1em;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font: 500 1.1em/1.2 var(--font-arimo);
  -webkit-transition: var(--animation-smooth);
  transition: var(--animation-smooth);
}
@media (min-width: 567px) {
  #navigation ul li a {
    font-size: 1.5em;
  }
}
@media (min-width: 1240px) {
  #navigation ul li a {
    font-size: clamp(1.1em, 1.125vw, 1.125em);
  }
}
#navigation ul li a svg {
  width: 0.75em;
  stroke: #fff;
  -webkit-transition: var(--animation-primary);
  transition: var(--animation-primary);
}
#navigation ul li a svg.dropdown-carot {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
@media (min-width: 992px) {
  #navigation ul li a svg.dropdown-carot {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
}
#navigation button {
  border: 0;
  outline: 0;
  display: block;
  cursor: pointer;
  background: transparent;
}
@media (min-width: 992px) {
  #navigation button {
    display: none;
  }
}
#navigation #menu-toggle {
  width: 3em;
  height: 3em;
  z-index: 99999;
  background: var(--color-blue-darkest);
  position: relative;
  border-radius: 0.5em;
  -webkit-transition: var(--animation-smooth);
  transition: var(--animation-smooth);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (min-width: 768px) {
  #navigation #menu-toggle {
    width: 3.5em;
    height: 3.5em;
  }
}
@media (min-width: 1240px) {
  #navigation #menu-toggle {
    display: none;
  }
}
#navigation #menu-toggle.open {
  background: transparent;
}
#navigation #menu-toggle.open span {
  background: transparent;
}
#navigation #menu-toggle.open span:before {
  top: 0;
  height: 2px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
#navigation #menu-toggle.open span:after {
  top: 0;
  height: 2px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
#navigation #menu-toggle span {
  width: 20px;
  height: 1px;
  display: block;
  background: #fff;
  position: relative;
  -webkit-transition: var(--animation-smooth);
  transition: var(--animation-smooth);
}
#navigation #menu-toggle span:before, #navigation #menu-toggle span:after {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  background: #fff;
  -webkit-transition: var(--animation-smooth);
  transition: var(--animation-smooth);
}
#navigation #menu-toggle span:before {
  top: -6px;
}
#navigation #menu-toggle span:after {
  top: 6px;
}
#navigation .basic-button {
  display: none;
}
@media (min-width: 768px) {
  #navigation .basic-button {
    display: inline-block;
  }
}
#navigation .language-dropdown {
  position: relative;
  --language-theme-color: #fff;
}
#navigation .language-dropdown .language-toggle {
  gap: 0.5em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--language-theme-color);
  -webkit-transition: var(--animation-primary);
  transition: var(--animation-primary);
}
#navigation .language-dropdown .language-toggle svg {
  width: 0.75em;
  stroke: var(--language-theme-color);
  -webkit-transition: var(--animation-primary);
  transition: var(--animation-primary);
}
#navigation .language-dropdown .language-dropdown-menu {
  margin: 0;
  z-index: 1000;
  pointer-events: none;
  min-width: 10em;
  padding: 0.5rem 0;
  position: absolute;
  font-size: 1em;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  color: var(--color-blue-darkest);
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25em;
  min-width: auto;
  top: 3em;
  left: 50%;
  -webkit-transform: translate(-50%, -10px);
          transform: translate(-50%, -10px);
  -webkit-transition: var(--animation-smooth);
  transition: var(--animation-smooth);
  opacity: 0;
}
#navigation .language-dropdown .language-dropdown-menu.is-open {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
#navigation .language-dropdown .language-dropdown-menu .language-menu {
  gap: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
#navigation .language-dropdown .language-dropdown-menu li {
  margin: 0;
  width: 100%;
}
#navigation .language-dropdown .language-dropdown-menu a {
  gap: 0 1.3em;
  padding: 0.5em 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  font-size: 1em;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--color-blue-darkest);
}
@media (min-width: 992px) {
  #navigation .language-dropdown .language-dropdown-menu a {
    font-size: clamp(1em, 1.125vw, 1.125em);
  }
}
#navigation .language-dropdown .language-dropdown-menu a svg {
  width: 1em;
}
#navigation .language-dropdown .language-dropdown-menu a.active {
  background: var(--color-blue);
}
@media (min-width: 992px) {
  #navigation .language-dropdown .language-dropdown-menu a:hover {
    background: var(--color-lightest-gray);
  }
}

#wpr-dropdown-solutions-menu {
  width: 100%;
  z-index: 999;
  background: #fff;
  padding: var(--section-padding-small) 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0);
  -webkit-transition: opacity 0.4s cubic-bezier(0.7, 0, 0.3, 1), visibility 0s linear 0.7s, -webkit-transform 0.7s cubic-bezier(0.7, 0, 0.3, 1);
  transition: opacity 0.4s cubic-bezier(0.7, 0, 0.3, 1), visibility 0s linear 0.7s, -webkit-transform 0.7s cubic-bezier(0.7, 0, 0.3, 1);
  transition: transform 0.7s cubic-bezier(0.7, 0, 0.3, 1), opacity 0.4s cubic-bezier(0.7, 0, 0.3, 1), visibility 0s linear 0.7s;
  transition: transform 0.7s cubic-bezier(0.7, 0, 0.3, 1), opacity 0.4s cubic-bezier(0.7, 0, 0.3, 1), visibility 0s linear 0.7s, -webkit-transform 0.7s cubic-bezier(0.7, 0, 0.3, 1);
  will-change: transform, opacity;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
#wpr-dropdown-solutions-menu.is-open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-transition: opacity 0.4s cubic-bezier(0.7, 0, 0.3, 1), visibility 0s, -webkit-transform 0.7s cubic-bezier(0.7, 0, 0.3, 1);
  transition: opacity 0.4s cubic-bezier(0.7, 0, 0.3, 1), visibility 0s, -webkit-transform 0.7s cubic-bezier(0.7, 0, 0.3, 1);
  transition: transform 0.7s cubic-bezier(0.7, 0, 0.3, 1), opacity 0.4s cubic-bezier(0.7, 0, 0.3, 1), visibility 0s;
  transition: transform 0.7s cubic-bezier(0.7, 0, 0.3, 1), opacity 0.4s cubic-bezier(0.7, 0, 0.3, 1), visibility 0s, -webkit-transform 0.7s cubic-bezier(0.7, 0, 0.3, 1);
}
@media (min-width: 1240px) {
  #wpr-dropdown-solutions-menu {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    bottom: auto;
    z-index: auto;
    max-height: calc(100vh - 120px);
    overflow: auto;
    -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0);
    opacity: 0;
  }
  #wpr-dropdown-solutions-menu.is-open {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
#wpr-dropdown-solutions-menu .top-bar-submenu {
  width: 100%;
  display: block;
}
@media (min-width: 1240px) {
  #wpr-dropdown-solutions-menu .top-bar-submenu {
    display: none;
  }
}
#wpr-dropdown-solutions-menu .top-bar-submenu #js-submenu-close {
  width: 3em;
  height: 3em;
  cursor: pointer;
  border-radius: 0.5em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid var(--color-light-gray);
}
#wpr-dropdown-solutions-menu .top-bar-submenu #js-submenu-close svg {
  width: 1em;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  stroke: var(--color-dark-gray);
}
#wpr-dropdown-solutions-menu .container {
  gap: 2em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media (min-width: 1240px) {
  #wpr-dropdown-solutions-menu .container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: var(--container-padding);
  }
}
#wpr-dropdown-solutions-menu .left-menu {
  width: 100%;
  min-width: 230px;
}
@media (min-width: 1240px) {
  #wpr-dropdown-solutions-menu .left-menu {
    width: 20%;
  }
}
#wpr-dropdown-solutions-menu .menu-right {
  width: 80%;
}
#wpr-dropdown-solutions-menu .row.split {
  display: none;
}
@media (min-width: 1240px) {
  #wpr-dropdown-solutions-menu .row.split {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    --gap: 2em;
    --columns: 4;
  }
}
#wpr-dropdown-solutions-menu ul {
  padding: 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: var(--spacing);
  margin-bottom: var(--spacing);
  --spacing: 2em;
}
@media (min-width: 1240px) {
  #wpr-dropdown-solutions-menu ul {
    --spacing: clamp(1em, 4vw, 2em);
  }
}
#wpr-dropdown-solutions-menu ul li a {
  gap: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--color-dark);
  font: 500 1.1em/1.2 var(--font-arimo);
  -webkit-transition: var(--animation-smooth);
  transition: var(--animation-smooth);
}
@media (min-width: 567px) {
  #wpr-dropdown-solutions-menu ul li a {
    font-size: 1.5em;
  }
}
@media (min-width: 1240px) {
  #wpr-dropdown-solutions-menu ul li a {
    font-size: clamp(1.1em, 1.125vw, 1.125em);
  }
}
#wpr-dropdown-solutions-menu ul li a svg {
  width: 0.75em;
  stroke: #fff;
}
#wpr-dropdown-solutions-menu .product-menu-card {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  aspect-ratio: 3/4;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 0.5em;
  color: var(--color-blue-darkest);
}
@media (min-width: 992px) {
  #wpr-dropdown-solutions-menu .product-menu-card:hover img {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  #wpr-dropdown-solutions-menu .product-menu-card:hover .icon-wrapper {
    -webkit-transition: var(--animation-smooth);
    transition: var(--animation-smooth);
  }
  #wpr-dropdown-solutions-menu .product-menu-card:hover .icon-wrapper.icon-out {
    opacity: 0;
    -webkit-transform: translate(200%, -300%);
            transform: translate(200%, -300%);
  }
  #wpr-dropdown-solutions-menu .product-menu-card:hover .icon-wrapper.icon-in {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}
#wpr-dropdown-solutions-menu .product-menu-card img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-transition: var(--animation-smooth);
  transition: var(--animation-smooth);
}
#wpr-dropdown-solutions-menu .product-menu-card .product-menu-card-body {
  z-index: 2;
  gap: 1em;
  padding: 1.5em;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, rgba(0, 0, 0, 0)), to(rgba(0, 62, 62, 0.6)));
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 25%, rgba(0, 62, 62, 0.6) 100%);
}
#wpr-dropdown-solutions-menu .product-menu-card .card-title {
  color: #fff;
  display: block;
  margin: 0 0 0.25em;
  font: 500 clamp(1em, 1.25vw, 1.5em)/1.2 var(--font-archivo);
}
#wpr-dropdown-solutions-menu .product-menu-card p {
  color: #fff;
  font: 500 clamp(0.8em, 1vw, 1em)/1.2 var(--font-arimo);
}
#wpr-dropdown-solutions-menu .product-menu-card .icon-button {
  gap: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#wpr-dropdown-solutions-menu .product-menu-card .icon-button span {
  color: #fff;
  display: block;
  margin: 0 0 0.25em;
  font: 500 clamp(0.9em, 1vw, 1em)/1.2 var(--font-archivo);
}
#wpr-dropdown-solutions-menu .product-menu-card .icon-wrapper {
  width: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  aspect-ratio: 1/1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  overflow: hidden;
  position: relative;
  -webkit-transition: var(--animation-fast);
  transition: var(--animation-fast);
}
#wpr-dropdown-solutions-menu .product-menu-card .icon-wrapper svg {
  width: 1em;
  stroke: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
#wpr-dropdown-solutions-menu .product-menu-card .icon-wrapper svg.icon-in {
  -webkit-transform: translate(-300%, 200%);
          transform: translate(-300%, 200%);
}

#wpr-hero-home {
  position: relative;
  background: grey;
}
#wpr-hero-home:before, #wpr-hero-home:after {
  z-index: 1;
  width: 100%;
  height: 100%;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
#wpr-hero-home:before {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(0, 0, 0, 0)), to(rgba(0, 62, 62, 0.6)));
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 62, 62, 0.6) 100%);
}
#wpr-hero-home:after {
  background: -webkit-gradient(linear, left bottom, left top, color-stop(70%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.6)));
  background: linear-gradient(0, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0.6) 100%);
}
#wpr-hero-home video {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}
#wpr-hero-home .container {
  padding: var(--section-padding-small) var(--container-padding);
  min-height: 100vh;
  min-height: 100dvh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
#wpr-hero-home .container .hero-content {
  z-index: 2;
  color: #fff;
  max-width: 1240px;
}
#wpr-hero-home .container .hero-content h1 {
  font: 500 min(8em, 8vw)/1 var(--font-archivo);
  margin: 0 0 0.25em;
}
@media (min-width: 768px) {
  #wpr-hero-home .container .hero-content h1 {
    font-size: calc(var(--title-size) * 0.7);
  }
}
#wpr-hero-home .container .hero-content p {
  margin: 0 0 min(4em, 4vw);
  font: 300 1.125em/1.5 var(--font-arimo);
}
@media (min-width: 768px) {
  #wpr-hero-home .container .hero-content p {
    font-size: 1.3em;
  }
}

#wpr-hero {
  position: relative;
  background: grey;
}
#wpr-hero:before, #wpr-hero:after {
  z-index: 1;
  width: 100%;
  height: 100%;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
#wpr-hero:before {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 62, 62, 0.6)));
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 62, 62, 0.6) 100%);
}
#wpr-hero:after {
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.6)));
  background: linear-gradient(0, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
}
#wpr-hero video, #wpr-hero img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}
#wpr-hero .container {
  padding: clamp(7em, 10vw, 10em) var(--container-padding) var(--section-padding-small);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  min-height: 20vh;
  min-height: 20dvh;
}
@media (min-width: 992px) {
  #wpr-hero .container {
    min-height: 40vh;
    min-height: 40dvh;
  }
}
#wpr-hero .container.medium {
  max-width: calc(2000px + var(--container-padding) * 2);
}
#wpr-hero .container.small {
  max-width: calc(920px + var(--container-padding) * 2);
}
#wpr-hero .container .hero-content {
  z-index: 2;
  color: #fff;
  max-width: 1240px;
}
#wpr-hero .container .hero-content h1 {
  font: 500 calc(var(--title-size) * 0.7)/1 var(--font-archivo);
  margin: 0 0 0.25em;
}
#wpr-hero .container .hero-content p {
  margin: 0;
  font: 300 1.125em/1.5 var(--font-arimo);
}
@media (min-width: 768px) {
  #wpr-hero .container .hero-content p {
    font-size: 1.3em;
  }
}

#wpr-product-hero {
  padding: clamp(7em, 12vw, 12em) 0 var(--container-padding);
  background: var(--color-lightest-gray);
}
#wpr-product-hero .row {
  --columns: 1;
  position: relative;
}
@media (min-width: 992px) {
  #wpr-product-hero .row {
    --columns: 2;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
#wpr-product-hero .row .col:nth-child(1) {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
@media (min-width: 992px) {
  #wpr-product-hero .row .col:nth-child(2) {
    width: 40%;
  }
}
@media (min-width: 992px) {
  #wpr-product-hero .product-images:hover .swiper-nav-button {
    opacity: 1;
  }
}
#wpr-product-hero .product-images .swiper-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#wpr-product-hero .product-images .product-images-swiper-big {
  margin-bottom: 0.75em;
}
#wpr-product-hero .product-images a {
  width: 100%;
  display: block;
  background: #fff;
  border-radius: 0.5em;
}
#wpr-product-hero .product-images img {
  z-index: 1;
  width: 100%;
  overflow: hidden;
  border-radius: 0.5em;
  aspect-ratio: 1/1;
  -o-object-fit: contain;
     object-fit: contain;
}
#wpr-product-hero .product-images .swiper-nav-button {
  opacity: 0;
  background: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(20px);
  border-radius: 0.5em;
  -webkit-transition: var(--animation-primary);
  transition: var(--animation-primary);
}
#wpr-product-hero .product-images .swiper-nav-button.swiper-button-prev {
  margin-left: 1em;
}
#wpr-product-hero .product-images .swiper-nav-button.swiper-button-next {
  margin-right: 1em;
}
#wpr-product-hero .product-images .swiper-nav-button svg {
  height: 40%;
}
#wpr-product-hero .product-images .swiper-nav-button svg path {
  fill: #000;
}
#wpr-product-hero .product-title {
  gap: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 0 clamp(1em, 1.125vw, 1.125em);
}
#wpr-product-hero .product-state {
  padding: 0.7em 0.7em;
  border-radius: 0.3em;
  top: 1em;
  left: 1em;
  background: var(--color-yellow);
  font: 600 clamp(0.9em, 1vw, 1em)/1 var(--font-arimo);
}
#wpr-product-hero .product-state--new {
  color: #000;
  backdrop-filter: blur(10px);
  background: rgba(255, 255, 255, 0.7);
  border: 1px solid var(--color-light-gray);
}
#wpr-product-hero .product-state--revised {
  color: #000;
  background: var(--color-yellow);
}
#wpr-product-hero .product-state--occasion {
  color: #fff;
  background: var(--color-blue);
}
#wpr-product-hero .product-state--sold {
  color: #fff;
  background: var(--color-dark-gray);
}
#wpr-product-hero .product-id-badge {
  color: #fff;
  padding: 0.75em;
  border-radius: 0.25em;
  background: var(--color-light-gray);
  font: 700 clamp(0.9em, 1vw, 1em)/1 var(--font-arimo);
}
#wpr-product-hero .product-description {
  margin: 0 0 clamp(1em, 2vw, 2em);
}
#wpr-product-hero .product-accordions {
  margin: 0 0 2em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.75em;
}
#wpr-product-hero .product-accordions details {
  background: #fff;
  border-radius: 0.5em;
  padding: 1.125em 1.5em;
  font: 300 clamp(1rem, 1.125vw, 1.12rem)/1.5 var(--font-arimo);
}
#wpr-product-hero .product-accordions summary {
  font-weight: 700;
}
#wpr-product-hero .product-accordions .text {
  margin: 1em 0 0;
  font: 300 1rem/1.2 var(--font-arimo);
}
#wpr-product-hero .button-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

#wpr-hero-contact {
  padding: clamp(8em, 12vw, 12em) 0 var(--section-padding-small);
}
#wpr-hero-contact .hero-content {
  z-index: 2;
  max-width: 1240px;
  color: var(--color-dark);
}
#wpr-hero-contact .hero-content h1 {
  font: 500 calc(var(--title-size) * 0.7)/1 var(--font-archivo);
  margin: 0 0 0.5em;
}
#wpr-hero-contact .hero-content p {
  margin: 0 0 min(4em, 4vw);
  font: 300 1.125em/1.5 var(--font-arimo);
}
@media (min-width: 768px) {
  #wpr-hero-contact .hero-content p {
    font-size: 1.3em;
  }
}
#wpr-hero-contact .row.row {
  --columns: 1;
}
@media (min-width: 992px) {
  #wpr-hero-contact .row.row {
    --columns: 2;
  }
}
#wpr-hero-contact .contact-card {
  width: 100%;
  --icon-gap: 28px;
  margin: 0 0 2em;
  gap: 0.25em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
#wpr-hero-contact .contact-card a {
  position: relative;
  display: inline-block;
  color: var(--color-dark);
  padding-left: var(--icon-gap);
  font: clamp(1em, 1.125vw, 1.125em)/1.5 var(--font-arimo);
}
#wpr-hero-contact .contact-card a span {
  display: block;
}
#wpr-hero-contact .contact-card a::before, #wpr-hero-contact .contact-card a::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: var(--icon-gap);
  width: calc(100% - var(--icon-gap));
  height: 2px;
  background: var(--color-yellow);
}
#wpr-hero-contact .contact-card a::before {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
  -webkit-transform-origin: right;
          transform-origin: right;
}
#wpr-hero-contact .contact-card a::after {
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: left;
          transform-origin: left;
}
@media (min-width: 992px) {
  #wpr-hero-contact .contact-card a.is-animated::before {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    -webkit-transition: -webkit-transform 0.35s ease;
    transition: -webkit-transform 0.35s ease;
    transition: transform 0.35s ease;
    transition: transform 0.35s ease, -webkit-transform 0.35s ease;
  }
  #wpr-hero-contact .contact-card a.is-animated::after {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transition: -webkit-transform 0.35s ease 0.35s;
    transition: -webkit-transform 0.35s ease 0.35s;
    transition: transform 0.35s ease 0.35s;
    transition: transform 0.35s ease 0.35s, -webkit-transform 0.35s ease 0.35s;
  }
}
#wpr-hero-contact .contact-card a.no-underline::before {
  display: none;
}
#wpr-hero-contact .padding-left {
  padding-left: 2em;
}
#wpr-hero-contact .contact-card-title {
  gap: 0.75em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 0 min(0.25em, 0.25vw);
}
#wpr-hero-contact .contact-card-title.icon-fill {
  padding-left: 1.75em;
}
#wpr-hero-contact .contact-card-title svg {
  height: 1em;
  fill: var(--color-yellow);
}
#wpr-hero-contact .contact-card-title h3 {
  font-size: 1em;
}

details[open] svg {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
details summary {
  cursor: pointer;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
details summary svg {
  gap: 0.5em;
  width: 1em;
  stroke: var(--color-dark);
  -webkit-transition: var(--animation-primary);
  transition: var(--animation-primary);
}
details summary::-webkit-details-marker {
  display: none;
}

details::details-content {
  overflow: hidden;
  height: 0;
  -webkit-transition: height 0.3s, content-visibility 0.3s;
  transition: height 0.3s, content-visibility 0.3s;
  transition-behavior: allow-discrete;
}

details[open]::details-content {
  height: auto;
}

#wpr-home-intro {
  padding: var(--section-padding) 0;
}
#wpr-home-intro .content-part {
  max-width: 920px;
  margin: 0 0 min(2em, 2vw);
}
#wpr-home-intro h2 {
  margin: 0 0 min(1em, 1vw);
  color: var(--color-blue-dark);
  font: 500 clamp(1.5em, 2.6vw, 2.6em)/1.2 var(--font-archivo);
}

#wpr-home-features {
  padding: 0 0 var(--section-padding-small);
}
#wpr-home-features .row {
  border-bottom: 1px solid var(--color-border-light);
  padding-bottom: var(--section-padding-medium);
}
#wpr-home-features svg {
  width: 32px;
  margin: 0 0 1.25em;
  fill: var(--color-dark-gray);
}
#wpr-home-features h3 {
  color: var(--color-blue);
  margin: 0 0 min(1em, 1vw);
}
#wpr-home-features p {
  color: var(--color-dark-gray);
}
@media (min-width: 992px) {
  #wpr-home-features p {
    max-width: 520px;
  }
}

#wpr-home-solutions-content {
  padding: var(--section-padding-small) 0;
}
#wpr-home-solutions-content .text {
  margin: 0 0 min(2em, 2vw);
}
@media (min-width: 992px) {
  #wpr-home-solutions-content .text p {
    max-width: 920px;
  }
}

#wpr-solutions-grid {
  padding: var(--section-padding-medium) 0;
}
#wpr-solutions-grid.solutions-overview .container {
  grid-template-columns: 1fr;
}
@media (min-width: 567px) {
  #wpr-solutions-grid.solutions-overview .container {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 992px) {
  #wpr-solutions-grid.solutions-overview .container {
    grid-template-columns: repeat(3, 1fr);
  }
}
#wpr-solutions-grid.solutions-overview .container .solution-card:nth-child(4n+2), #wpr-solutions-grid.solutions-overview .container .solution-card:nth-child(4n+3) {
  grid-column: span 1;
}
#wpr-solutions-grid .container {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(4, 1fr);
  min-height: 300px;
  gap: calc(var(--container-padding) * 0.7);
}
@media (min-width: 768px) {
  #wpr-solutions-grid .container {
    grid-template-rows: 1fr 1fr;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1240px) {
  #wpr-solutions-grid .container {
    grid-template-columns: repeat(3, 1fr);
  }
}
#wpr-solutions-grid .container .solution-card {
  display: block;
  overflow: hidden;
  position: relative;
  border-radius: 1em;
  grid-column: span 1;
  aspect-ratio: 4/3;
}
@media (min-width: 992px) {
  #wpr-solutions-grid .container .solution-card:hover img {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  #wpr-solutions-grid .container .solution-card:hover .basic-arrow-button .icon-wrapper svg {
    -webkit-transition: var(--animation-smooth);
    transition: var(--animation-smooth);
  }
  #wpr-solutions-grid .container .solution-card:hover .basic-arrow-button .icon-wrapper svg.icon-out {
    opacity: 0;
    -webkit-transform: translate(200%, -300%);
            transform: translate(200%, -300%);
  }
  #wpr-solutions-grid .container .solution-card:hover .basic-arrow-button .icon-wrapper svg.icon-in {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}
@media (min-width: 1240px) {
  #wpr-solutions-grid .container .solution-card {
    min-height: clamp(320px, 24vw, 520px);
    aspect-ratio: unset;
  }
  #wpr-solutions-grid .container .solution-card:nth-child(4n+2), #wpr-solutions-grid .container .solution-card:nth-child(4n+3) {
    grid-column: span 2;
  }
}
#wpr-solutions-grid .container .solution-card img {
  z-index: 1;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  -o-object-position: center center;
     object-position: center center;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-transition: var(--animation-ultra-slow);
  transition: var(--animation-ultra-slow);
  -webkit-filter: brightness(65%);
          filter: brightness(65%);
}
#wpr-solutions-grid .container .solution-card .solution-card-content {
  z-index: 2;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #fff;
  padding: 2em 2em 1em;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, rgba(0, 0, 0, 0)), to(rgba(0, 62, 62, 0.6)));
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 25%, rgba(0, 62, 62, 0.6) 100%);
}
#wpr-solutions-grid .container .solution-card .solution-card-content .text {
  max-width: 600px;
}
#wpr-solutions-grid .container .solution-card .solution-card-content h3 > p {
  color: #fff;
  font: 500 clamp(1.25rem, 2vw, 2rem)/1.2 var(--font-archivo);
  margin: 0 0 min(0.5em, 0.5vw);
}
#wpr-solutions-grid .container .solution-card .solution-card-content p {
  margin: 0 0 min(1.25em, 1.25vw);
  font: 500 clamp(1em, 1.125vw, 1.125em)/1.5 var(--font-arimo);
}
#wpr-solutions-grid .container .solution-card .solution-card-content .basic-arrow-button span {
  color: #fff;
}
#wpr-solutions-grid .container .solution-card .solution-card-content .basic-arrow-button svg {
  stroke: #fff;
}

#wpr-coating-cta {
  padding: var(--section-padding-medium) 0 var(--section-padding);
}
#wpr-coating-cta .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0 var(--container-padding);
}
#wpr-coating-cta .container .text {
  position: relative;
  text-align: center;
  margin: 0 0 min(2em, 2vw);
}
#wpr-coating-cta .container .floating-img {
  position: absolute;
  width: clamp(6em, 17vw, 17em);
  top: 50%;
  z-index: -1;
  display: none;
}
@media (min-width: 567px) {
  #wpr-coating-cta .container .floating-img {
    display: inline;
  }
}
#wpr-coating-cta .container .floating-img:nth-child(1) {
  -webkit-transform: translate(-45vw, -50%);
          transform: translate(-45vw, -50%);
}
@media (min-width: 992px) {
  #wpr-coating-cta .container .floating-img:nth-child(1) {
    -webkit-transform: translate(-200%, -50%);
            transform: translate(-200%, -50%);
  }
}
#wpr-coating-cta .container .floating-img:nth-child(2) {
  -webkit-transform: translate(45vw, -50%);
          transform: translate(45vw, -50%);
}
@media (min-width: 768px) {
  #wpr-coating-cta .container .floating-img:nth-child(2) {
    -webkit-transform: translate(40vw, -50%);
            transform: translate(40vw, -50%);
  }
}
@media (min-width: 992px) {
  #wpr-coating-cta .container .floating-img:nth-child(2) {
    -webkit-transform: translate(clamp(10em, 30vw, 30em), -50%);
            transform: translate(clamp(10em, 30vw, 30em), -50%);
  }
}
#wpr-coating-cta .container .section-title {
  color: var(--color-orange);
}
#wpr-coating-cta .container h2 {
  margin: 0 0 min(0.5em, 0.5vw);
}
#wpr-coating-cta .container h2, #wpr-coating-cta .container p {
  color: var(--color-orange-dark);
}

#wpr-experiences {
  position: relative;
  background: url("./assets/img/experiences-bg.jpg") no-repeat center center;
  background-size: cover;
  padding: var(--section-padding) 0 var(--section-padding-small);
}
#wpr-experiences:before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  background: rgba(0, 62, 62, 0.35);
  backdrop-filter: blur(20px);
}
#wpr-experiences .container {
  z-index: 3;
  position: relative;
}
#wpr-experiences .overlay {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}
#wpr-experiences .text, #wpr-experiences h3, #wpr-experiences h2 {
  color: #fff;
}
#wpr-experiences .row {
  --columns: 1;
}
@media (min-width: 992px) {
  #wpr-experiences .row {
    --columns: 2;
  }
}
#wpr-experiences .row:nth-child(1) .text {
  max-width: 630px;
  margin: 0 0 min(2em, 2vw);
}
#wpr-experiences .experience-card-number {
  display: inline-block;
  margin: 0 0 min(0.5em, 0.5vw);
  font: 500 clamp(1.5em, 2.6vw, 2.6em)/1.2 var(--font-archivo);
}
#wpr-experiences h3 {
  font-size: clamp(1.25em, 1.75vw, 1.75em);
  margin: 0 0 min(1em, 1vw);
}

#wpr-services {
  background: var(--color-blue-darkest);
  padding: var(--section-padding-medium) 0 var(--section-padding-small);
}
#wpr-services .row.third .text {
  margin: 0 0 min(2em, 2vw);
}
@media (min-width: 992px) {
  #wpr-services .row.third .text p {
    max-width: 920px;
  }
}
#wpr-services .row.third h2, #wpr-services .row.third p {
  color: #fff;
}
#wpr-services #services-grid {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(4, 1fr);
  min-height: 300px;
  gap: calc(var(--container-padding) * 0.7);
}
@media (min-width: 768px) {
  #wpr-services #services-grid {
    grid-template-rows: 1fr 1fr;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 992px) {
  #wpr-services #services-grid {
    grid-template-rows: 1fr 1fr;
    grid-template-columns: repeat(3, 1fr);
  }
}
#wpr-services #services-grid .service-card {
  display: block;
  overflow: hidden;
  position: relative;
  border-radius: 1em;
  grid-column: span 1;
}
@media (min-width: 992px) {
  #wpr-services #services-grid .service-card:hover img {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  #wpr-services #services-grid .service-card:hover .basic-arrow-button .icon-wrapper svg {
    -webkit-transition: var(--animation-smooth);
    transition: var(--animation-smooth);
  }
  #wpr-services #services-grid .service-card:hover .basic-arrow-button .icon-wrapper svg.icon-out {
    opacity: 0;
    -webkit-transform: translate(200%, -300%);
            transform: translate(200%, -300%);
  }
  #wpr-services #services-grid .service-card:hover .basic-arrow-button .icon-wrapper svg.icon-in {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}
@media (min-width: 1240px) {
  #wpr-services #services-grid .service-card {
    min-height: clamp(320px, 24vw, 520px);
    aspect-ratio: unset;
  }
}
#wpr-services #services-grid .service-card img {
  z-index: 1;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  -o-object-position: center center;
     object-position: center center;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-transition: var(--animation-ultra-slow);
  transition: var(--animation-ultra-slow);
  -webkit-filter: brightness(65%);
          filter: brightness(65%);
}
#wpr-services #services-grid .service-card .service-card-content {
  z-index: 2;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #fff;
  padding: 2em 2em 1em;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, rgba(0, 0, 0, 0)), to(rgba(0, 62, 62, 0.6)));
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 25%, rgba(0, 62, 62, 0.6) 100%);
}
#wpr-services #services-grid .service-card .service-card-content .text {
  max-width: 600px;
}
#wpr-services #services-grid .service-card .service-card-content h3 {
  color: #fff;
  font: 500 clamp(1.25em, 2vw, 2em)/1.2 var(--font-archivo);
  margin: 0 0 min(0.5em, 0.5vw);
}
#wpr-services #services-grid .service-card .service-card-content p {
  margin: 0 0 min(1.25rem, 1.25vw);
  font: 500 clamp(1rem, 1.125vw, 1.125rem)/1.5 var(--font-arimo);
}
#wpr-services #services-grid .service-card .service-card-content .basic-arrow-button span {
  color: #fff;
}
#wpr-services #services-grid .service-card .service-card-content .basic-arrow-button svg {
  stroke: #fff;
}

#wpr-team {
  padding: var(--section-padding) 0;
}
#wpr-team h2 {
  margin: 0 0 min(0.5em, 0.5vw);
}
#wpr-team p {
  color: var(--color-gray);
}
#wpr-team .row {
  padding: 0 0 var(--section-padding-small);
}
@media (min-width: 992px) {
  #wpr-team .col-flex:nth-child(2) {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
#wpr-team .team-slider-navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
#wpr-team .team-slider-navigation div {
  width: 3.5em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  overflow: hidden;
  position: relative;
  aspect-ratio: 1/1;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 0.5em;
  background-color: var(--color-lightest-gray);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: var(--animation-fast);
  transition: var(--animation-fast);
}
@media (min-width: 992px) {
  #wpr-team .team-slider-navigation div:hover {
    background: var(--color-yellow);
  }
  #wpr-team .team-slider-navigation div:hover:nth-child(1) svg {
    -webkit-transition: var(--animation-smooth);
    transition: var(--animation-smooth);
  }
  #wpr-team .team-slider-navigation div:hover:nth-child(1) svg.icon-out {
    -webkit-transform: translate(-300%, 250%);
            transform: translate(-300%, 250%);
  }
  #wpr-team .team-slider-navigation div:hover:nth-child(1) svg.icon-in {
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  #wpr-team .team-slider-navigation div:hover:nth-child(2) svg {
    -webkit-transition: var(--animation-smooth);
    transition: var(--animation-smooth);
  }
  #wpr-team .team-slider-navigation div:hover:nth-child(2) svg.icon-out {
    -webkit-transform: translate(250%, -300%);
            transform: translate(250%, -300%);
  }
  #wpr-team .team-slider-navigation div:hover:nth-child(2) svg.icon-in {
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}
#wpr-team .team-slider-navigation div:nth-child(1) svg.icon-in {
  -webkit-transform: translate(300%, -300%);
          transform: translate(300%, -300%);
}
#wpr-team .team-slider-navigation div:nth-child(2) svg.icon-in {
  -webkit-transform: translate(-300%, 300%);
          transform: translate(-300%, 300%);
}
#wpr-team .team-slider-navigation svg {
  width: 16px;
  position: absolute;
  top: 50%;
  left: 50%;
  stroke: var(--color-dark-gray);
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
#wpr-team .team-slider {
  padding: 0 0 0 var(--container-padding);
}
#wpr-team .team-slider .swiper-wrapper {
  padding: 0 var(--container-padding) 0 0;
  -webkit-transition-timing-function: linear !important;
          transition-timing-function: linear !important;
}
#wpr-team .team-slide img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  aspect-ratio: 4/5;
  margin: 0 0 min(0.5em, 0.5vw);
}
#wpr-team .team-slide h4 {
  color: var(--color-blue);
  font-size: clamp(1.25em, 1.3vw, 1.3em);
}
#wpr-team .team-slide span {
  color: var(--color-gray);
  font: 300 clamp(0.8em, 1vw, 1em)/1 var(--font-archivo);
}

.product-overview {
  padding: var(--container-padding) 0;
  background: var(--color-lightest-gray);
}
.product-overview .row {
  --columns: 1;
}
@media (min-width: 992px) {
  .product-overview .row {
    --columns: 2;
  }
}
.product-overview .row .col:nth-child(1) {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (min-width: 992px) {
  .product-overview .row .col:nth-child(1) {
    width: 30%;
    max-width: 360px;
  }
}
.product-overview .row .col:nth-child(2) {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
}
.product-overview .col.is-full {
  width: 100% !important;
  max-width: unset !important;
}
@media (min-width: 992px) {
  .product-overview .col.is-full .product-grid-item {
    width: calc(33.333% - 0.666em);
  }
}
@media (min-width: 1240px) {
  .product-overview .col.is-full .product-grid-item {
    width: calc(25% - 0.666em);
  }
}
@media (min-width: 1920px) {
  .product-overview .col.is-full .product-grid-item {
    width: calc(20% - 0.75em);
  }
}
@media (min-width: 2560px) {
  .product-overview .col.is-full .product-grid-item {
    width: calc(16.6666666667% - 0.8em) !important;
  }
}
.product-overview #js-product-filters-list-toggle {
  gap: 0.5em;
  border: 0;
  width: 100%;
  color: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  margin: 0 0 1em;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 0.5em;
  padding: 1em 1.5em;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: transparent;
  background-color: var(--color-yellow);
  font: 500 clamp(1em, 1.125vw, 1.125em)/1 var(--font-archivo);
}
@media (min-width: 768px) {
  .product-overview #js-product-filters-list-toggle {
    width: auto;
  }
}
@media (min-width: 992px) {
  .product-overview #js-product-filters-list-toggle {
    display: none;
  }
}
.product-overview #js-product-filters-list-toggle svg {
  width: 1em;
  stroke: var(--color-dark);
}
.product-overview #js-product-filters-list-toggle span {
  color: #000;
}
.product-overview .product-filters {
  width: 100%;
  height: 100%;
  z-index: 100;
  position: fixed;
  background: #fff;
  max-width: 380px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: var(--container-padding);
  -webkit-transition: var(--animation-smooth);
  transition: var(--animation-smooth);
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}
@media (min-width: 992px) {
  .product-overview .product-filters {
    padding: 0;
    width: auto;
    height: auto;
    position: static;
    background: transparent;
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}
.product-overview .product-filters.is-open {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.product-overview .product-filters #js-product-filters-close-button {
  width: 3em;
  height: 3em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 2em;
  cursor: pointer;
  border-radius: 0.5em;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid var(--color-light-gray);
}
@media (min-width: 992px) {
  .product-overview .product-filters #js-product-filters-close-button {
    display: none;
  }
}
.product-overview .product-filters #js-product-filters-close-button svg {
  width: 16px;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  stroke: var(--color-dark-gray);
}
.product-overview .filter-list-title {
  display: block;
  margin: 0 0 0.75em;
  color: var(--color-gray);
  font: 700 clamp(1em, 1.125vw, 1.125em)/1 var(--font-arimo);
}
.product-overview .product-overview-filters {
  gap: 0.5em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 2.5em;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.product-overview .product-overview-filters button {
  border: 0;
  gap: 0.5em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  text-align: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  color: var(--color-dark);
  background-color: transparent;
  font: 300 clamp(1em, 1.125vw, 1.125em)/1 var(--font-arimo);
}
@media (min-width: 992px) {
  .product-overview .product-overview-filters button:hover .button-checkmark:before {
    border-color: var(--color-gray);
  }
}
.product-overview .product-overview-filters button .button-checkmark {
  width: 21px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: block;
  position: relative;
  aspect-ratio: 1/1;
  border-radius: 0.25em;
  border: 1px solid var(--color-gray);
}
.product-overview .product-overview-filters button .button-checkmark:before {
  content: "";
  width: 7px;
  height: 12px;
  position: absolute;
  top: 1px;
  left: 6px;
  display: inline-block;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transition: var(--animation-primary);
  transition: var(--animation-primary);
}
@media (min-width: 992px) {
  .product-overview .product-overview-filters button .button-checkmark:before {
    border-color: var(--color-lightest-gray);
  }
}
.product-overview .product-overview-filters button.is-active .button-checkmark {
  background: var(--color-blue);
  border-color: var(--color-blue);
}
.product-overview .product-overview-filters button.is-active .button-checkmark:before {
  border-color: #fff;
}
.product-overview .product-overview-list {
  --list-gap: 10px;
  margin: 0 calc(var(--list-gap) * -1);
  padding: 0;
  list-style: none;
  position: relative;
}
.product-overview .product-overview-list .product-grid-item {
  width: 100%;
  margin-bottom: 1em;
  padding: 0 var(--list-gap);
}
@media (min-width: 567px) {
  .product-overview .product-overview-list .product-grid-item {
    width: calc(50% - 0.5em);
  }
}
@media (min-width: 1240px) {
  .product-overview .product-overview-list .product-grid-item {
    width: calc(33.333% - 0.666em);
  }
}
@media (min-width: 1920px) {
  .product-overview .product-overview-list .product-grid-item {
    width: calc(25% - 0.75em);
  }
}
@media (min-width: 2560px) {
  .product-overview .product-overview-list .product-grid-item {
    width: calc(20% - 0.8em);
  }
}
.product-overview .product-overview-list .product-grid-item.is-sold {
  opacity: 0.55;
}
.product-overview .product-overview-list .product-grid-item.is-sold img {
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}

.product-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  position: relative;
  background: #fff;
  border-radius: 0.5em;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  color: var(--color-blue-darkest);
}
@media (min-width: 992px) {
  .product-card:hover .basic-arrow-button .icon-wrapper svg {
    -webkit-transition: var(--animation-smooth);
    transition: var(--animation-smooth);
  }
  .product-card:hover .basic-arrow-button .icon-wrapper svg.icon-out {
    opacity: 0;
    -webkit-transform: translate(200%, -300%);
            transform: translate(200%, -300%);
  }
  .product-card:hover .basic-arrow-button .icon-wrapper svg.icon-in {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}
.product-card img {
  aspect-ratio: 1/1;
  -o-object-fit: contain;
     object-fit: contain;
}
.product-card .product-state {
  z-index: 2;
  padding: 1em;
  border-radius: 0.5em;
  position: absolute;
  top: 1em;
  left: 1em;
  background: var(--color-yellow);
  font: 600 clamp(0.9em, 1vw, 1em)/1 var(--font-arimo);
}
.product-card .product-state--new {
  color: #000;
  backdrop-filter: blur(10px);
  background: rgba(255, 255, 255, 0.7);
  border: 1px solid var(--color-light-gray);
}
.product-card .product-state--revised {
  color: #000;
  background: var(--color-yellow);
}
.product-card .product-state--occasion {
  color: #fff;
  background: var(--color-blue);
}
.product-card .product-state--sold {
  color: #fff;
  background: var(--color-dark-gray);
}
.product-card .product-card-body {
  --padding: clamp(1.5em, 2vw, 2em);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: var(--padding) var(--padding) 0 var(--padding);
}
@media (min-width: 567px) {
  .product-card .product-card-body {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    min-height: 210px;
  }
}
@media (min-width: 1240px) {
  .product-card .product-card-body {
    min-height: 270px;
  }
}
.product-card .product-id {
  color: #fff;
  padding: 0.5em;
  border-radius: 0.25em;
  display: inline-block;
  margin: 0 0 clamp(0.5em, 1vw, 1em);
  background-color: var(--color-light-gray);
  font: 700 clamp(0.8em, 1vw, 1em)/1 var(--font-arimo);
}
.product-card h2 {
  margin: 0 0 clamp(0.25em, 0.5vw, 0.5em);
  font: 700 clamp(1.125em, 1.25vw, 1.25em)/1 var(--font-arimo);
}
.product-card p {
  color: var(--color-gray);
  margin: 0 0 clamp(1.5em, 2vw, 2em);
  font: 500 clamp(1em, 1.125vw, 1.125em)/1.5 var(--font-arimo);
}

.product-empty-state {
  text-align: center;
  padding: 60px 0;
  border: 1px solid var(--color-border-light);
  border-radius: 0.5em;
}

.product-empty-state h3 {
  margin-bottom: 10px;
}

.vacature-overview {
  padding: var(--section-padding-medium) 0;
}
.vacature-overview .vacature-overview-list {
  display: grid;
  gap: 1em;
}
@media (min-width: 567px) {
  .vacature-overview .vacature-overview-list {
    grid-template-columns: repeat(2, 1fr);
  }
}

.vacature-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  position: relative;
  background: #fff;
  border-radius: 0.5em;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  color: var(--color-blue-darkest);
}
@media (min-width: 992px) {
  .vacature-card:hover .basic-arrow-button .icon-wrapper svg {
    -webkit-transition: var(--animation-smooth);
    transition: var(--animation-smooth);
  }
  .vacature-card:hover .basic-arrow-button .icon-wrapper svg.icon-out {
    opacity: 0;
    -webkit-transform: translate(200%, -300%);
            transform: translate(200%, -300%);
  }
  .vacature-card:hover .basic-arrow-button .icon-wrapper svg.icon-in {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}
.vacature-card img {
  aspect-ratio: 4/2;
  -o-object-fit: cover;
     object-fit: cover;
}
.vacature-card .vacature-card-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  --padding: clamp(1.5em, 2vw, 2em);
  padding: var(--padding) var(--padding) 0 var(--padding);
  background: var(--color-lightest-gray);
}
@media (min-width: 567px) {
  .vacature-card .vacature-card-body {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.vacature-card .vacature-card-details {
  gap: 0.5em;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  font: 600 clamp(0.8em, 1vw, 1em)/1 var(--font-arimo);
  margin: 0 0 clamp(1em, 2vw, 2em);
}
.vacature-card .vacature-card-details svg {
  fill: #fff;
  width: 1.125em;
}
.vacature-card .vacature-card-details div {
  gap: 0.5em;
  padding: 0.5em 0.65em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 0.25em;
  background: var(--color-blue);
}
.vacature-card h2 {
  margin: 0 0 clamp(0.5em, 1vw, 1em);
  font: 700 clamp(1.125em, 1.5vw, 1.5em)/1 var(--font-arimo);
}
.vacature-card p {
  color: var(--color-gray);
  margin: 0 0 clamp(0.5em, 1vw, 1em);
  font: 500 clamp(1em, 1.125vw, 1.125em)/1.5 var(--font-arimo);
}

#featured-products {
  padding: var(--section-padding-small) 0 var(--section-padding-medium);
}
#featured-products .section-title-row {
  padding: var(--section-padding-medium) 0;
  border-top: 1px solid var(--color-border-light);
}
@media (min-width: 1240px) {
  #featured-products .section-title-row {
    padding: calc(var(--section-padding-small) * 0.5) 0;
  }
}
#featured-products h3 {
  color: var(--color-dark);
  font: 500 calc(var(--title-size) * 0.4)/1 var(--font-archivo);
}
@media (min-width: 992px) {
  #featured-products h3 {
    font-size: calc(var(--title-size) * 0.25);
  }
}
#featured-products ul {
  display: grid;
  gap: 0.5em;
}
@media (min-width: 567px) {
  #featured-products ul {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 992px) {
  #featured-products ul {
    grid-template-columns: repeat(3, 1fr);
    gap: calc(var(--container-padding) * 0.5);
  }
}
@media (min-width: 1500px) {
  #featured-products ul {
    grid-template-columns: repeat(5, 1fr);
  }
}

.featured-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 0.5em;
  color: var(--color-blue-darkest);
  background: var(--color-lightest-gray);
}
@media (min-width: 992px) {
  .featured-card:hover .icon-wrapper {
    -webkit-transition: var(--animation-smooth);
    transition: var(--animation-smooth);
  }
  .featured-card:hover .icon-wrapper.icon-out {
    opacity: 0;
    -webkit-transform: translate(200%, -300%);
            transform: translate(200%, -300%);
  }
  .featured-card:hover .icon-wrapper.icon-in {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}
.featured-card img {
  margin: 1em 0 0.5em;
  border-radius: 0.25em;
  width: calc(100% - 2em);
}
.featured-card .featured-card-body {
  gap: 1em;
  width: 100%;
  padding: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.featured-card h4 {
  font: 700 1em/1 var(--font-arimo);
}
.featured-card .icon-wrapper {
  width: 1em;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  overflow: hidden;
  position: relative;
  aspect-ratio: 1/1;
  -webkit-transition: var(--animation-fast);
  transition: var(--animation-fast);
}
.featured-card .icon-wrapper svg {
  width: 16px;
  position: absolute;
  top: 50%;
  left: 50%;
  stroke: var(--color-dark-gray);
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.featured-card .icon-wrapper svg.icon-in {
  -webkit-transform: translate(-300%, 200%);
          transform: translate(-300%, 200%);
}

#maps {
  color: #fff;
  padding: var(--section-padding-small) 0;
  background: var(--color-blue-darkest);
}
#maps .text {
  max-width: 1240px;
  margin: 0 0 min(4em, 4vw);
}
#maps h2 {
  color: #fff;
}
#maps iframe {
  width: 100%;
  aspect-ratio: 3/1;
}

#wpr-contact-footer {
  color: #fff;
  padding: var(--section-padding) 0;
  background: var(--color-blue-darkest);
}
#wpr-contact-footer h2 {
  color: #fff;
}
#wpr-contact-footer .row {
  --columns: 1;
}
@media (min-width: 992px) {
  #wpr-contact-footer .row {
    --columns: 2;
  }
}
@media (min-width: 992px) {
  #wpr-contact-footer .row .col:nth-child(1) .text {
    max-width: 530px;
  }
}
@media (min-width: 567px) {
  #wpr-contact-footer .row .col:nth-child(2) .row {
    --columns: 2;
  }
}
#wpr-contact-footer .contact-footer-card {
  --icon-gap: 28px;
  gap: 0.5em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
#wpr-contact-footer .contact-footer-card a {
  color: #fff;
  position: relative;
  display: inline-block;
  padding-left: var(--icon-gap);
  font: clamp(1em, 1.125vw, 1.125em)/1.5 var(--font-arimo);
}
#wpr-contact-footer .contact-footer-card a span {
  display: block;
}
#wpr-contact-footer .contact-footer-card a::before, #wpr-contact-footer .contact-footer-card a::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: var(--icon-gap);
  width: calc(100% - var(--icon-gap));
  height: 2px;
  background: var(--color-yellow);
}
#wpr-contact-footer .contact-footer-card a::before {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
  -webkit-transform-origin: right;
          transform-origin: right;
}
#wpr-contact-footer .contact-footer-card a::after {
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: left;
          transform-origin: left;
}
@media (min-width: 992px) {
  #wpr-contact-footer .contact-footer-card a.is-animated::before {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    -webkit-transition: -webkit-transform 0.35s ease;
    transition: -webkit-transform 0.35s ease;
    transition: transform 0.35s ease;
    transition: transform 0.35s ease, -webkit-transform 0.35s ease;
  }
  #wpr-contact-footer .contact-footer-card a.is-animated::after {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transition: -webkit-transform 0.35s ease 0.35s;
    transition: -webkit-transform 0.35s ease 0.35s;
    transition: transform 0.35s ease 0.35s;
    transition: transform 0.35s ease 0.35s, -webkit-transform 0.35s ease 0.35s;
  }
}
#wpr-contact-footer .contact-footer-card a.no-underline::before {
  display: none;
}
#wpr-contact-footer .contact-footer-card-title {
  gap: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 0 min(0.5em, 0.5vw);
}
#wpr-contact-footer .contact-footer-card-title svg {
  height: 16px;
  fill: var(--color-yellow);
}
#wpr-contact-footer .contact-footer-card-title h3 {
  font-size: 1em;
}

#wpr-contact-footer-image {
  background: -webkit-gradient(linear, left bottom, left top, from(rgb(255, 255, 255)), color-stop(50%, rgb(255, 255, 255)), color-stop(50%, rgb(10, 30, 30)), to(rgb(10, 30, 30)));
  background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 50%, rgb(10, 30, 30) 50%, rgb(10, 30, 30) 100%);
}
#wpr-contact-footer-image img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  max-height: 820px;
}

#wpr-footer {
  padding: var(--section-padding-small) 0 0;
}
#wpr-footer img {
  height: 3.5em;
  display: block;
  margin: 0 0 2em;
}
@media (min-width: 768px) {
  #wpr-footer img {
    margin: 0 0 min(2em, 2vw);
  }
}
#wpr-footer img.square {
  height: 6em;
}
#wpr-footer .logo {
  width: 5em;
  height: auto;
}
@media (min-width: 768px) {
  #wpr-footer .logo {
    width: 7em;
  }
}
#wpr-footer .footer-title {
  display: block;
  color: var(--color-blue);
  margin: 0 0 min(2em, 2vw);
  font: 600 0.8em/1 var(--font-archivo);
}
@media (min-width: 567px) {
  #wpr-footer .footer-title {
    font-size: clamp(0.8em, 1vw, 1em);
  }
}
@media (min-width: 768px) {
  #wpr-footer .footer-title {
    margin: 0 0 min(1.5em, 1.5vw);
  }
}
#wpr-footer ul {
  padding: 0;
  margin: 0 0 1.5em;
}
@media (min-width: 768px) {
  #wpr-footer ul {
    margin: 0 0 min(2em, 2vw);
  }
}
#wpr-footer ul li {
  display: block;
  margin: 0 0 min(1em, 1vw);
}
#wpr-footer ul li a {
  position: relative;
  color: var(--color-gray);
  font: 500 clamp(1em, 1.125vw, 1.125em)/1.2 var(--font-arimo);
  -webkit-transition: var(--animation-primary);
  transition: var(--animation-primary);
}
#wpr-footer ul li a:before {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 0;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: left;
          transform-origin: left;
  background: var(--color-light-gray);
  -webkit-transition: var(--animation-primary);
  transition: var(--animation-primary);
}
@media (min-width: 992px) {
  #wpr-footer ul li a:hover {
    color: var(--color-blue-darkest);
  }
  #wpr-footer ul li a:hover:before {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    background-color: #0A1E1E;
  }
}
@media (min-width: 992px) {
  #wpr-footer .container:nth-child(2) {
    padding-top: var(--section-padding-small);
  }
}
#wpr-footer .disclaimer-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: min(2em, 2vw);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  color: var(--color-gray);
  border-top: 1px solid var(--color-border-light);
  padding: var(--section-padding-small) 0;
}
@media (min-width: 992px) {
  #wpr-footer .disclaimer-bar {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: calc(var(--section-padding-small) * 0.5) 0;
  }
}
@media (min-width: 1240px) {
  #wpr-footer .disclaimer-bar {
    padding: calc(var(--section-padding-small) * 0.25) 0;
  }
}
#wpr-footer .disclaimer-bar ul {
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: min(1em, 1vw);
}
@media (min-width: 992px) {
  #wpr-footer .disclaimer-bar ul {
    gap: min(2em, 2vw);
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
#wpr-footer .disclaimer-bar ul li {
  margin: 0;
}
#wpr-footer .disclaimer-bar ul li a {
  text-decoration: underline;
}
#wpr-footer .disclaimer-bar ul li a:before {
  display: none;
}