/** 
* Strip units from a string
*
* @param - With or without unit
* @return - The value without unit
*/
/**
 * Calculate rem value based on base html font size
 *
 * @param {String} $pxValue - The value in pixels (with or without 'px' suffix)
 * @return {String} The calculated rem value
 */
/**
* Convert px to vw : https://vw.joealden.com/
*
* @param {Number} $target 
* @param {Number} $screenwidth 
* @return {Number} - The calculated vw value
*/
/**
* Urlencode color. Convert # to %23
*
* @param {String} $string - Hex value 
* @return {Number} - The converted hexvalue e.g. %23ffffff
*/
/**
 * Calculates the ratio given a new line height and an original font size.
 *
 * @param {Number} $result - The new line height.
 * @param {Number} $original - The original font size.
 * @return {Number} - The calculated ratio.
 */
/**
 * Calculates the letter spacing based on the provided letter space from XD and font size.
 *
 * @param {Number} $xdletterspace - The desired letter spacing from XD.
 * @param {Number} $fontsize - The font size of the element.
 * @return {String} - The calculated letter spacing with 'px' appended.
 */
/* Box sizing rules */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Prevent font size inflation */
html {
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}

/* Remove default margin in favour of better control in authored CSS */
body, h1, h2, h3, h4, p,
figure, blockquote, dl, dd {
  margin: 0;
}

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul[role=list],
ol[role=list] {
  list-style: none;
}

/* Set core body defaults */
body {
  min-height: 100vh;
  line-height: 1.5;
}

/* Set shorter line heights on headings and interactive elements */
h1, h2, h3, h4,
button, input, label {
  line-height: 1.1;
}

/* Balance text wrapping on headings */
h1, h2,
h3, h4 {
  text-wrap: balance;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
  color: currentColor;
}

/* Make images easier to work with */
img,
picture {
  max-width: 100%;
  display: block;
}

/* Inherit fonts for inputs and buttons */
input, button,
textarea, select {
  font: inherit;
}

/* Make sure textareas without a rows attribute are not tiny */
textarea:not([rows]) {
  min-height: 10em;
}

/* Anything that has been anchored to should have extra scroll margin */
:target {
  scroll-margin-block: 5ex;
}

:root {
  --primary-color: #f5f5f5;
  --secondary-color: #41aa3c;
  --tertiary-color: #7e7e7e;
  --success-color: #41aa3c;
  --primary-color-rgb: 245, 245, 245;
  --secondary-color-rgb: 65, 170, 60;
  --tertiary-color-rgb: 126, 126, 126;
  --body-color: #fff;
  --body-color--dark: #000;
  --overlay-color: rgba(245, 245, 245, .9);
  --gradient-01: rgba(0,0,0,.7);
  --column-gutter: 120px;
}

* {
  text-rendering: geometricPrecision;
}

html {
  font-size: 100%;
  scroll-behavior: smooth;
  scroll-snap-type: y proximity;
  scroll-padding-top: 120px;
}

body {
  font-family: "sofia-pro", Helvetica, sans-serif;
  font-style: normal;
  line-height: 1.75rem;
  background-color: var(--body-color);
  transition: padding-top 0.3s ease-out;
}

body.no-scroll {
  overflow: hidden;
}

#page {
  will-change: transform;
  overflow-x: hidden;
  overflow-x: clip;
  position: relative;
  z-index: 2;
  background-color: transparent;
}

main {
  position: relative;
  z-index: 8;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  min-height: calc(var(--vh, 1vh) * 100 - var(--header-height) - var(--footer-height));
  transition: min-height 200ms ease-in-out;
}

main + footer {
  position: relative;
  z-index: 16;
}

main > * {
  z-index: 8;
}

main > section:not([class*=-sheet]):first-of-type > div[data-size] {
  padding-block-start: 0;
}

section > div[data-size] > * + *:not(.column),
section > div[data-size] .column > * + * {
  margin-top: 5.625rem;
}

.theme-transition,
.theme-transition * {
  transition: background-color 500ms linear, color 500ms linear, fill 500ms linear;
}

.vh--50 {
  height: calc(var(--vh, 1vh) * 50);
}

.vh--60 {
  height: calc(var(--vh, 1vh) * 60);
}

.vh--70 {
  height: calc(var(--vh, 1vh) * 70);
}

.vh--80 {
  height: calc(var(--vh, 1vh) * 80);
}

.vh--90 {
  height: calc(var(--vh, 1vh) * 90);
}

.vh--100 {
  height: calc(var(--vh, 1vh) * 100);
}

.vmh--50 {
  min-height: calc(var(--vh, 1vh) * 50);
}

section.is-first.vmh--50 {
  min-height: calc(var(--vh, 1vh) * 50 - var(--header-height));
}

.vmh--60 {
  min-height: calc(var(--vh, 1vh) * 60);
}

section.is-first.vmh--60 {
  min-height: calc(var(--vh, 1vh) * 60 - var(--header-height));
}

.vmh--70 {
  min-height: calc(var(--vh, 1vh) * 70);
}

section.is-first.vmh--70 {
  min-height: calc(var(--vh, 1vh) * 70 - var(--header-height));
}

.vmh--80 {
  min-height: calc(var(--vh, 1vh) * 80);
}

section.is-first.vmh--80 {
  min-height: calc(var(--vh, 1vh) * 80 - var(--header-height));
}

.vmh--90 {
  min-height: calc(var(--vh, 1vh) * 90);
}

section.is-first.vmh--90 {
  min-height: calc(var(--vh, 1vh) * 90 - var(--header-height));
}

.vmh--100 {
  min-height: calc(var(--vh, 1vh) * 100);
}

section.is-first.vmh--100 {
  min-height: calc(var(--vh, 1vh) * 100 - var(--header-height));
}

section[class*=vh--],
section[class*=vmh--] {
  display: flex;
  align-items: center;
}
section[class*=vh--] > *,
section[class*=vmh--] > * {
  flex-grow: 1;
}

section > div[data-size] .column.product-specs {
  --spec-gap: 30px;
}
section > div[data-size] .column.product-specs > *:first-of-type {
  padding-bottom: var(--spec-gap);
}
section > div[data-size] .column.product-specs > * + * {
  border-top: 1px solid #000;
  padding-top: var(--spec-gap);
  margin-top: var(--spec-gap);
}

ul.product-ressources {
  padding-left: 0;
}
ul.product-ressources li {
  list-style: none;
}
ul.product-ressources li a {
  display: inline-flex;
  align-items: center;
  gap: 0.625rem;
  text-decoration: none;
  transition: background-image 250ms ease-in-out, background-color 250ms ease-in-out, gap 250ms ease-in-out;
}
ul.product-ressources li a:hover {
  gap: 0.9375rem;
}
ul.product-ressources li a[class^=icon-]:before {
  content: "";
  display: block;
  width: 45px;
  height: 45px;
  background-color: #F5F5F5;
  border-radius: 10px;
  background-size: 15px 22px;
  background-repeat: no-repeat;
  background-position: center;
}
ul.product-ressources a.icon-download:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.707' height='23'%3E%3Cg fill='none' stroke='%2341aa3c' stroke-miterlimit='10' stroke-width='2'%3E%3Cpath d='M0 22h15'/%3E%3Cg %3E%3Cpath d='M8 0v16.4'/%3E%3Cpath d='M1 9.4l7 7 7-7'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
ul.product-ressources a.icon-download:hover:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.707' height='23'%3E%3Cg fill='none' stroke='%23f5f5f5' stroke-miterlimit='10' stroke-width='2'%3E%3Cpath d='M0 22h15'/%3E%3Cg %3E%3Cpath d='M8 0v16.4'/%3E%3Cpath d='M1 9.4l7 7 7-7'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-color: #41aa3c;
}

a {
  color: currentColor;
  text-decoration-color: currentColor;
  text-decoration: underline;
}

strong {
  font-weight: 700;
}

ul.no-bullets {
  list-style: none;
  margin-block-end: 0;
  padding-inline-start: 0;
}

ul.inline {
  display: flex;
  gap: var(--column-gutter);
}

.text li:not(:last-child) {
  margin-block-end: 0.9375rem;
}

h1, h2, h3, h4, h5, h6 {
  font-size: clamp(1.5625rem, 2.6785714286vw, 3rem);
  font-optical-sizing: auto;
}
.text h1 + *, .text h2 + *, .text h3 + *, .text h4 + *, .text h5 + *, .text h6 + * {
  margin-block-start: 1.25rem;
}

h1, h2, h3, h4, h5, h6, .f-s--large, .f-s--larger, .f-s--xlarge {
  font-family: "sofia-pro", Helvetica, sans-serif;
  font-weight: 900;
  font-style: normal;
  letter-spacing: -0.04em;
}

.subtitle {
  font-size: clamp(0.875rem, 0.8370535714vw, 0.9375rem);
  font-weight: 700;
  color: var(--secondary-color);
}
.secondary-sheet .subtitle {
  color: #fff;
}
.text .subtitle + * {
  margin-block-start: 1.125rem;
}

.subheader {
  font-family: "sofia-pro", Helvetica, sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: 1.1875rem;
  line-height: 2rem;
  font-weight: 700;
}
.text .subheader + * {
  margin-block-start: 0.375rem;
}

.lead {
  font-size: 1.375rem;
  font-weight: 700;
}

.label {
  color: var(--secondary-color);
  font-size: 1.0625rem;
}

.f-s--large {
  font-size: clamp(1.875rem, 3.6272321429vw, 4.0625rem);
  line-height: 1;
}

.f-s--larger {
  font-size: clamp(2.0625rem, 4.5758928571vw, 5.125rem);
  line-height: 1.1585365854;
}

.f-s--xlarge {
  font-size: clamp(2.5rem, 5.0223214286vw, 5.625rem);
  line-height: 1.2777777778;
}

.t-c--pink,
.t-c--attention {
  color: #ff00dd;
}

.t-c--secondary {
  color: var(--secondary-color);
}

.t-c--white {
  color: #fff;
}

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

.text + .actions {
  margin-block-start: 2.1875rem;
}

figcaption {
  font-size: clamp(0.9375rem, 0.8370535714vw, 0.9375rem);
}

.primary-sheet {
  background-color: var(--primary-color);
}

.secondary-sheet {
  background-color: var(--secondary-color);
}

.light-sheet {
  background-color: #fff;
  color: #000;
}

section:not([class*=-sheet]) + section:not([class*=-sheet]) [data-size] {
  padding-block-start: 0;
}

section[class*=-sheet].pad-end--small + section[class*=-sheet] > .columns {
  padding-block-start: 0rem;
}

section.primary-sheet.pad-end--small + section.primary-sheet > [data-size],
section.secondary-sheet.pad-end--small + section.secondary-sheet > [data-size],
section.light-sheet.pad-end--small + section.light-sheet > [data-size] {
  padding-block-start: 0rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}

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

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

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

:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-top-offset: 50%;
  --swiper-navigation-sides-offset: 10px;
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}

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

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

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

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

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

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

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

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

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

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

:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  --swiper-pagination-left: auto;
  --swiper-pagination-right: 8px;
  --swiper-pagination-bottom: 8px;
  --swiper-pagination-top: auto;
  --swiper-pagination-fraction-color: inherit;
  --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
  --swiper-pagination-progressbar-size: 4px;
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-border-radius: 50%;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
  */
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: var(--swiper-pagination-progressbar-size, 4px);
  left: 0;
  top: 0;
}

.swiper-vertical > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
  width: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
  left: 0;
  top: 0;
}

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

:root {
  /*
  --swiper-scrollbar-border-radius: 10px;
  --swiper-scrollbar-top: auto;
  --swiper-scrollbar-bottom: 4px;
  --swiper-scrollbar-left: auto;
  --swiper-scrollbar-right: 4px;
  --swiper-scrollbar-sides-offset: 1%;
  --swiper-scrollbar-bg-color: rgba(0, 0, 0, 0.1);
  --swiper-scrollbar-drag-bg-color: rgba(0, 0, 0, 0.5);
  --swiper-scrollbar-size: 4px;
  */
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.swiper-cube {
  overflow: visible;
}

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

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

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

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

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

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

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

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

.swiper-flip {
  overflow: visible;
}

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

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

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

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

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

.swiper-cards {
  overflow: visible;
}

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

:root {
  --swiper-theme-color: var(--primary-color);
}

html.testmode div[class*=cookieconsent],
.hide-cookie-warn div[class*=cookieconsent] {
  display: none;
}

div[class*=cookieconsent] {
  background-color: rgba(26, 26, 26, 0.7);
  color: #fff;
  z-index: 2;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
div[class*=cookieconsent][style*=block] {
  display: flex !important;
}

.placeholder {
  box-sizing: border-box;
  background: var(--bg-color, rgba(0, 100, 200, 0.3));
  min-height: 5em;
  border: 2px dashed rgba(0, 0, 0, 0.7);
  display: flex;
  flex-direction: column;
  padding: 10px;
  text-align: center;
}
.placeholder h3 {
  margin: auto;
  font-size: 1em;
  font-weight: normal;
}
.placeholder h3::before {
  content: "[ ";
}
.placeholder h3::after {
  content: " ]";
}

.text > * + * {
  margin-block-start: 1.5625rem;
}
.text.contain p, .text.contain ul, .text.contain ol, .text.contain h2, .text.contain h3, .text.contain h4 {
  max-inline-size: 75ch;
}
.text.start {
  text-align: start;
}
.text.center {
  text-align: center;
}
.text.end {
  text-align: end;
}
.text blockquote {
  padding-inline-start: 3rem;
  border-inline-start: 0.5em solid;
  font-style: italic;
}
.text img {
  display: inline-block;
}
.text img.text-center {
  left: 50%;
  position: relative;
  transform: translateX(-50%);
}

.ratingitem {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1em;
}
.ratingitem blockquote {
  margin: 0;
  line-height: 1.3226;
}
.ratingitem blockquote p:first-child::before {
  content: open-quote;
}
.ratingitem blockquote p:last-child::after {
  content: close-quote;
}

:root {
  --marquee-size: clamp(10rem, 1rem + 40vmin, 30rem);
  --marquee-gap: calc(var(--marquee-size) / 5);
  --marquee-duration: 30s;
  --marquee-scroll-start: 0;
  --marquee-scroll-end: calc(-100% - var(--marquee-gap));
}

.marquee {
  display: flex;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  gap: var(--marquee-gap);
}

.marquee-group {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-around;
  gap: var(--marquee-gap);
  min-width: 100%;
  animation: scroll-x 30s linear infinite;
}
@media (prefers-reduced-motion: reduce) {
  .marquee-group {
    animation-play-state: paused;
  }
}
/* Pause on hover */
.marquee:hover .marquee-group {
  animation-play-state: paused;
}

@keyframes scroll-x {
  from {
    transform: translateX(var(--marquee-scroll-start));
  }
  to {
    transform: translateX(var(--marquee-scroll-end));
  }
}
.notificationbar {
  opacity: 0;
  transition: transform 0.3s ease-out;
  width: 100%;
  padding-top: 0.9375rem;
  padding-bottom: 0.9375rem;
  background-color: var(--primary-color);
}
[data-has-bar-visible] .notificationbar {
  position: fixed;
  z-index: 60;
}
.notificationbar.top {
  top: 0;
}
.notificationbar.top.slide-in-top {
  transform: translateY(-100%);
}
.notificationbar.top.slide-in-top.animate {
  transform: translateY(0);
}
.notificationbar.top.slide-out-top {
  transform: translateY(0);
}
.notificationbar.top.slide-out-top.animate {
  transform: translateY(-100%);
}
.notificationbar.bottom {
  bottom: 0;
}
.notificationbar .closebutton {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  min-width: calc(var(--notificationBarHeight) / 2);
  display: flex;
  justify-content: center;
  align-items: center;
  border: 0;
  color: #fff;
  background-color: #f5f5f5;
  font-size: 1.5em;
  transition: background-color 200ms ease-in-out;
}
@media (min-width: 40rem) {
  .notificationbar .closebutton {
    min-width: var(--notificationBarHeight);
  }
}
.notificationbar .closebutton:hover {
  cursor: pointer;
  background-color: white;
}
.notificationbar .closebutton span {
  font-weight: 400;
}
.notificationbar.fade-in {
  opacity: 1;
}

.closebutton {
  font-family: "Times New Roman", Times, serif;
}

button.closebutton {
  font-family: "Times New Roman", Times, serif;
  font-size: 2.5rem;
  padding: 0;
  line-height: 1rem;
  background: transparent;
  border: none;
}

.textwithmedia {
  --threshold: 30rem;
  --align: stretch;
  display: flex;
  align-items: var(--align);
  flex-wrap: wrap;
  gap: 3.75rem;
  --align: center;
  --threshold: 38rem;
}
.textwithmedia > * {
  flex-grow: 1;
  flex-basis: calc((var(--threshold) - 100%) * 999);
}
.textwithmedia:has(.imageslider) .textcontent {
  margin-block-start: 4rem;
}
.textwithmedia.topped {
  --align: flex-start;
}
.textwithmedia.flipped {
  flex-direction: row-reverse;
}
.textwithmedia .imageslider {
  max-inline-size: min(680px, 100%);
}

.linkbutton {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 0.5rem 1.5625rem;
  border-radius: 1.875rem;
  text-decoration: none;
  border: 2px solid transparent;
  transition: background-color 200ms ease-in-out;
  background-color: var(--success-color);
}
.linkbutton:hover, .linkbutton:focus {
  background-color: #fff;
  color: #000;
  border: 2px solid var(--success-color);
}
.linkbutton.outline {
  background-color: transparent;
  border: 2px solid var(--success-color);
}
.linkbutton.outline:hover, .linkbutton.outline:focus {
  background-color: var(--success-color);
  color: #fff;
}

.linkbutton.light, .linkbutton.white {
  background-color: #fff;
  color: #fff;
}
.linkbutton.light:hover, .linkbutton.white:hover {
  color: #fff;
  background-color: var(--success-color);
}
.linkbutton.light.outline, .linkbutton.white.outline {
  border: 2px solid #fff;
}
.linkbutton.outline, .linkbutton.clear {
  background-color: transparent;
}
.linkbutton.clear:not(.arrow) {
  border: none;
  box-shadow: none;
  flex-direction: column;
}
.linkbutton.clear:not(.arrow):after {
  content: "";
  display: block;
  width: 100%;
  border-top: 2px solid #000;
  transition: border-top 200ms ease-in-out;
}
.linkbutton.clear:not(.arrow):hover:after, .linkbutton.clear:not(.arrow):focus:after {
  border-top: 2px solid rgba(0, 0, 0, 0.15);
}
.linkbutton.small {
  font-size: 0.875rem;
  padding: 0.3125rem 0.8125rem;
}

.linkbutton.arrow {
  text-decoration: none;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  transition: gap 200ms ease-in-out, opacity 200ms ease-in-out;
  gap: 0.625rem;
}
.linkbutton.arrow:hover {
  gap: 1.25rem;
}
.linkbutton.arrow:after {
  content: "";
  width: 18px;
  aspect-ratio: 101/75;
  display: inline-block;
  background-color: currentColor;
  background-repeat: no-repeat;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26.154 19.412'%3E%3Cpath fill='%23fff' d='m17.411 19.411 8.742-8.743V8.742L17.41 0l-1.89 1.889 5.373 5.371 1.26.851-.148.444-1.519-.186H0v2.7h20.486l1.519-.222.148.451-1.26.852-5.372 5.372Z'/%3E%3C/svg%3E");
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26.154 19.412'%3E%3Cpath fill='%23fff' d='m17.411 19.411 8.742-8.743V8.742L17.41 0l-1.89 1.889 5.373 5.371 1.26.851-.148.444-1.519-.186H0v2.7h20.486l1.519-.222.148.451-1.26.852-5.372 5.372Z'/%3E%3C/svg%3E");
}

.linkbutton.clear:only-of-type {
  padding: 0;
  box-shadow: none;
  border: none;
}

.mediablock {
  position: relative;
}
.mediablock.noscale {
  display: inline-block;
}
.mediablock:not(.noscale) picture, .mediablock:not(.noscale) img, .mediablock:not(.noscale) video {
  inline-size: 100%;
  block-size: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: relative;
}
.mediablock.empty, .mediablock.deleted {
  inline-size: 100%;
  aspect-ratio: 5/3;
}
.mediablock.deleted {
  box-shadow: inset 0 0 8px 4px rgba(200, 100, 100, 0.4);
}
.mediablock.masked {
  -webkit-mask: url(mask_mediablock.svg) no-repeat;
          mask: url(mask_mediablock.svg) no-repeat;
}
.mediablock.mirror img, .mediablock.mirror video {
  transform: scaleX(-1);
}
.mediablock.overlay::before {
  content: "";
  display: block;
  background: var(--overlay-color, rgba(0, 0, 0, 0.5));
  opacity: 0.7;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  z-index: 8;
}
.components .mediablock.empty, .components .mediablock.deleted {
  max-inline-size: 500px;
}
.mediablock figcaption {
  margin-block: 10px;
}

.mediablock.bg-blur::before {
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  background-color: var(--primary-color-rgb);
  background-color: rgba(var(--primary-color-rgb), 0.9);
  outline: 1px solid #3C4759;
  -webkit-backdrop-filter: blur(2px) brightness(102%);
          backdrop-filter: blur(2px) brightness(102%);
  z-index: 0;
}
.mediablock.bg-blur, .mediablock.bg-blur::before {
  border-radius: 10px 0 0 10px;
}
.mediablock.to-edge {
  width: calc(100% + 30px);
}
@media screen and (min-width: 2000px) {
  .mediablock.to-edge {
    width: calc(50vw - 60px);
  }
}

.columns .column:is(:first-of-type) .mediablock.to-edge {
  left: -30px;
}
@media screen and (min-width: 2000px) {
  .columns .column:is(:first-of-type) .mediablock.to-edge {
    width: calc(50vw - 60px);
    left: calc((-100vw + 2000px - 45px) / 2);
  }
}
.columns .column:is(:first-of-type) .mediablock.to-edge.bg-blur, .columns .column:is(:first-of-type) .mediablock.to-edge.bg-blur::before {
  border-radius: 0 10px 10px 0;
}
.columns .column:is(:first-of-type) .mediablock.to-edge figcaption {
  right: 0;
}

.icontext {
  display: inline-flex;
  text-decoration: none;
  color: currentColor;
  transition: all 200ms ease-in-out;
}
.icontext .with-icon {
  width: 25px;
  height: 25px;
  margin-inline-end: 0.625rem;
}
.icontext .with-icon svg {
  width: 100%;
  height: 100%;
}

a.icontext:hover {
  opacity: 0.5;
}

.iconsrow {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.iconsrow > * {
  flex-grow: 1;
  flex-shrink: 1;
}

.burger-menu {
  padding: 5px;
  display: inline-block;
  min-width: 40px;
}
.burger-menu .burger-menu-box {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.burger-menu .burger-menu-box::after, .burger-menu .burger-menu-box::before {
  content: "";
  border: 1px solid var(--secondary-color);
  width: 100%;
}
.burger-menu .burger-menu-box .burger-menu-inner {
  border: 1px solid var(--secondary-color);
  width: 100%;
  margin: 3px;
}

button.burger-menu {
  border: none;
  background-color: transparent;
  cursor: pointer;
}

.actions {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-block-start: 2rem;
  align-items: center;
}
.actions.center {
  justify-content: center;
}

.featured-list {
  list-style: none;
  padding-inline-start: 0;
}
.featured-list li {
  font-weight: 600;
  padding-left: 3.125rem;
  position: relative;
  margin-block: 2.8125rem;
}
.featured-list li:first-child {
  margin-block-start: 0;
}
.featured-list li::before {
  content: "";
  width: 35px;
  height: 35px;
  background: url("icons/star.svg") center/contain no-repeat;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.featured-list li span.small {
  font-size: 1rem;
  font-weight: 400;
}
.featured-list.star li::before {
  background: url("icons/star.svg") center/contain no-repeat;
}
.featured-list.question li::before {
  background: url("icons/circle-question-mark.svg") center/contain no-repeat;
}
.featured-list.info li::before {
  background: url("icons/circle-information.svg") center/contain no-repeat;
}
@media (min-width: 500px) {
  .featured-list.two-columns {
    -moz-column-count: 2;
         column-count: 2;
    -moz-column-gap: 60px;
         column-gap: 60px;
  }
}

.card {
  --card-border-size: 1px;
  --card-border-radius: 10px;
  display: flex;
  flex-direction: column;
  position: relative;
  border-radius: var(--card-border-radius);
  overflow: hidden;
  box-shadow: 0 0 20px rgba(10, 10, 10, 0.05);
}
.card.default, .card.primary {
  color: #000;
}
.card.secondary {
  color: #000;
}
.card .mediablock {
  overflow: hidden;
  overflow: clip;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.card .content {
  z-index: 1;
  flex: 1;
  display: flex;
  flex-direction: column;
  padding-block: 2rem;
  padding-inline: 1.875rem;
}
.card .content h3 {
  color: var(--secondary-color);
  font-size: 1.0625rem;
}
.card a .text .content {
  text-decoration: none;
}
.card .actions {
  padding-block-start: 2.5rem;
  margin-block-start: auto;
}
@media (max-width: 414px) {
  .card :is(.linkbutton) {
    padding: 0.3125rem 1.875rem;
    box-shadow: 0 0 6px 3px rgba(0, 0, 0, 0.15);
  }
}

.video-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  line-height: 0;
  z-index: 0;
  position: relative;
}
.video-container > div {
  position: relative;
}
.video-container > div:first-of-type {
  height: 100%;
}
.video-container video {
  height: auto;
  width: 100%;
}
.video-container.portrait video {
  aspect-ratio: 9/16 auto;
}
.video-container .overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background: var(--gradient-01);
  background-size: 150%;
  z-index: 1;
  transition: all ease-in-out 100ms;
  opacity: 0.7;
}
.video-container.playing .overlay {
  background: transparent;
}
.video-container button {
  transition: all ease-in-out 100ms;
  background-color: #fff;
  border: 2px solid #fff;
  border-radius: 50%;
  min-width: 65px;
  min-height: 65px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
}
.video-container button:hover {
  background-color: rgba(255, 255, 255, 0.8);
}
.video-container button.play-button svg.icon {
  margin-left: 6px;
}
.video-container button.back-to-start {
  opacity: 0;
  top: auto;
  left: 15px;
  bottom: 15px;
  transform: none;
  min-width: 45px;
  min-height: 45px;
}
.video-container.unmute button.back-to-start {
  opacity: 1;
}
.video-container svg {
  color: #f5f5f5;
  width: 25px;
  height: 25px;
  transition: all ease-in-out 300ms;
  margin-left: 5px;
}

figure.video-container .text {
  line-height: 1.5;
}

figure.video-container figcaption {
  display: inline-block;
  background-color: rgba(255, 255, 255, 0.2);
  padding: 5px 11px;
  -webkit-backdrop-filter: blur(3px) brightness(106%);
          backdrop-filter: blur(3px) brightness(106%);
}
figure.video-container figcaption a {
  font-weight: 600;
}

.video-container .fade-out {
  opacity: 0;
}

.video-container .hide {
  display: none;
}

.video-container iframe {
  border: 0;
  width: 100%;
  height: 100%;
  aspect-ratio: 16/9;
  opacity: 0;
  transition: opacity 200ms ease-in-out;
}
.video-container.playing iframe {
  display: block;
  opacity: 1;
}
.video-container.portrait iframe {
  aspect-ratio: 9/16;
}

.video-container img.video-poster {
  transition: opacity 200ms ease-in-out;
  opacity: 1;
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.video-container.playing img.video-poster {
  opacity: 0;
}

.video-container {
  aspect-ratio: 16/9 auto;
}
.video-container.portrait {
  aspect-ratio: 9/16 auto;
}
.video-container.square {
  aspect-ratio: 1/1 auto;
}

.umbraco-forms-field input[type=text],
.umbraco-forms-field input[type=tel],
.umbraco-forms-field input[type=url],
.umbraco-forms-field input[type=number],
.umbraco-forms-field input[type=email],
.umbraco-forms-field input[type=password],
.umbraco-forms-field input[type^=date],
.umbraco-forms-field input[type=time],
.umbraco-forms-field input[type=week],
.umbraco-forms-field select,
.umbraco-forms-field textarea {
  padding: 16px 20px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 1px solid var(--forms-border-color, black);
  background: var(--forms-field-bgcolor, white);
  display: block;
  border-radius: 0;
}

.umbraco-forms-field textarea {
  min-block-size: 8em;
}

.umbraco-forms-field.checkbox .umbraco-forms-field-wrapper .umbraco-forms-label,
.umbraco-forms-field.multiplechoice .umbraco-forms-field-wrapper .umbraco-forms-label,
.umbraco-forms-field.dataconsent .umbraco-forms-field-wrapper .umbraco-forms-label {
  cursor: pointer;
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin: 0;
}
.umbraco-forms-field.checkbox .umbraco-forms-field-wrapper .umbraco-forms-label input[type=checkbox],
.umbraco-forms-field.multiplechoice .umbraco-forms-field-wrapper .umbraco-forms-label input[type=checkbox],
.umbraco-forms-field.dataconsent .umbraco-forms-field-wrapper .umbraco-forms-label input[type=checkbox] {
  position: absolute;
  inline-size: 1.875rem;
  block-size: 1.875em;
  opacity: 0;
  flex: none;
}
.umbraco-forms-field.checkbox .umbraco-forms-field-wrapper .umbraco-forms-label .visualizer,
.umbraco-forms-field.multiplechoice .umbraco-forms-field-wrapper .umbraco-forms-label .visualizer,
.umbraco-forms-field.dataconsent .umbraco-forms-field-wrapper .umbraco-forms-label .visualizer {
  display: block;
  inline-size: 1.875rem;
  block-size: 1.875rem;
  border: 1px solid var(--forms-border-color, black);
  background: var(--forms-field-bgcolor, white);
  flex: none;
}
.umbraco-forms-field.checkbox .umbraco-forms-field-wrapper .umbraco-forms-label input[type=checkbox]:checked + .visualizer,
.umbraco-forms-field.multiplechoice .umbraco-forms-field-wrapper .umbraco-forms-label input[type=checkbox]:checked + .visualizer,
.umbraco-forms-field.dataconsent .umbraco-forms-field-wrapper .umbraco-forms-label input[type=checkbox]:checked + .visualizer {
  background: var(--forms-field-bgcolor, white) url(checkbox-checkmark.svg) center no-repeat;
  background-size: 1em;
}
.umbraco-forms-field.checkbox .umbraco-forms-field-wrapper .umbraco-forms-label:focus-within .visualizer,
.umbraco-forms-field.multiplechoice .umbraco-forms-field-wrapper .umbraco-forms-label:focus-within .visualizer,
.umbraco-forms-field.dataconsent .umbraco-forms-field-wrapper .umbraco-forms-label:focus-within .visualizer {
  outline-offset: 2px;
  outline-style: auto;
}
.umbraco-forms-field.checkbox .umbraco-forms-tooltip,
.umbraco-forms-field.multiplechoice .umbraco-forms-tooltip,
.umbraco-forms-field.dataconsent .umbraco-forms-tooltip {
  display: block;
}

.umbraco-forms-field.singlechoice .umbraco-forms-field-wrapper .radiobuttonlist {
  margin-block-start: 0.5rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem 2rem;
}
.umbraco-forms-field.singlechoice .umbraco-forms-field-wrapper .umbraco-forms-label {
  cursor: pointer;
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin: 0;
}
.umbraco-forms-field.singlechoice .umbraco-forms-field-wrapper .umbraco-forms-label input[type=radio] {
  position: absolute;
  inline-size: 1.875rem;
  block-size: 1.875rem;
  opacity: 0;
  flex: none;
}
.umbraco-forms-field.singlechoice .umbraco-forms-field-wrapper .umbraco-forms-label .visualizer {
  display: grid;
  place-items: center;
  inline-size: 30px;
  block-size: 30px;
  border: 1px solid var(--forms-border-color, black);
  border-radius: 0.9375rem;
  background: var(--forms-field-bgcolor, white);
  flex: none;
}
.umbraco-forms-field.singlechoice .umbraco-forms-field-wrapper .umbraco-forms-label .visualizer::before {
  content: "";
  display: block;
  border-radius: 1rem;
  inline-size: 0.625rem;
  block-size: 0.625rem;
  background: var(--forms-field-bgcolor, white);
  opacity: 0;
  transition: opacity 200ms;
}
.umbraco-forms-field.singlechoice .umbraco-forms-field-wrapper .umbraco-forms-label input[type=radio]:checked + .visualizer {
  background: var(--forms-field-fgcolor, gray);
  border-color: var(--forms-field-fgcolor, gray);
}
.umbraco-forms-field.singlechoice .umbraco-forms-field-wrapper .umbraco-forms-label input[type=radio]:checked + .visualizer::before {
  opacity: 1;
}
.umbraco-forms-field.singlechoice .umbraco-forms-field-wrapper .umbraco-forms-label:focus-within .visualizer {
  outline-offset: 2px;
  outline-style: auto;
}

.umbraco-forms-field select {
  background: var(--forms-field-bgcolor, white) url(dropdown-indicator.svg) right 20px center no-repeat;
  background-size: 16px;
  padding-inline-end: 36px;
  border-radius: 36px;
}

.umbraco-forms-field.fileupload .umbraco-forms-field-wrapper ::file-selector-button {
  font: inherit;
  background-color: var(--forms-field-bgcolor, white);
}
.umbraco-forms-field.fileupload .umbraco-forms-field-wrapper ::file-selector-button:hover, .umbraco-forms-field.fileupload .umbraco-forms-field-wrapper ::file-selector-button:focus-within {
  box-shadow: inset 0 0 0 3px var(--forms-border-color, black);
}

.umbraco-forms-label {
  display: block;
}

.umbraco-forms-tooltip {
  font-size: 0.8em;
  font-style: italic;
  margin-block-end: 0.5rem;
}

.umbraco-forms-fieldset {
  container-type: inline-size;
  border: none;
  padding-inline: 0;
}
.umbraco-forms-fieldset + .umbraco-forms-fieldset {
  margin-block-start: 3rem;
}
.umbraco-forms-fieldset legend {
  font-family: "sofia-pro", Helvetica, sans-serif;
  padding-inline: 0;
  padding-block-end: 1rem;
}
.umbraco-forms-fieldset .umbraco-forms-field-wrapper input[type=text],
.umbraco-forms-fieldset .umbraco-forms-field-wrapper input[type=tel],
.umbraco-forms-fieldset .umbraco-forms-field-wrapper input[type=url],
.umbraco-forms-fieldset .umbraco-forms-field-wrapper input[type=number],
.umbraco-forms-fieldset .umbraco-forms-field-wrapper input[type=email],
.umbraco-forms-fieldset .umbraco-forms-field-wrapper input[type=password],
.umbraco-forms-fieldset .umbraco-forms-field-wrapper input[type^=date],
.umbraco-forms-fieldset .umbraco-forms-field-wrapper input[type=time],
.umbraco-forms-fieldset .umbraco-forms-field-wrapper input[type=week],
.umbraco-forms-fieldset .umbraco-forms-field-wrapper select,
.umbraco-forms-fieldset .umbraco-forms-field-wrapper textarea {
  inline-size: 100%;
}

.row-fluid {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

@container (min-inline-size: 800px) {
  .row-fluid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    align-items: end;
    gap: 1.47%;
  }
  .col-md-12 {
    grid-column: 1/-1;
  }
  .col-md-3 {
    grid-column: span 3;
  }
  .col-md-4 {
    grid-column: span 4;
  }
  .col-md-5 {
    grid-column: span 5;
  }
  .col-md-6 {
    grid-column: span 6;
  }
}
.umbraco-forms-field + .umbraco-forms-field {
  margin-block-start: 2rem;
}
.umbraco-forms-field .umbraco-forms-tooltip:empty {
  display: none;
}
.umbraco-forms-field .umbraco-forms-tooltip:empty + .umbraco-forms-field-wrapper,
.umbraco-forms-field .umbraco-forms-label + .umbraco-forms-field-wrapper {
  margin-block-start: 0.5rem;
}

.component .umbraco-forms-field:not(.mandatory) .umbraco-forms-indicator {
  display: none;
}

.field-validation-error {
  color: #d02d2d;
  display: block;
}
.component .umbraco-forms-field:not(.error) .field-validation-error {
  display: none;
}

.input-validation-error input, .input-validation-error textarea,
.umbraco-forms-field.error input,
.umbraco-forms-field.error textarea {
  color: #d02d2d;
  border-color: #d02d2d;
}

.umbraco-forms-navigation {
  margin-block-start: 2rem;
}
.umbraco-forms-navigation > .col-md-12 {
  display: flex;
  justify-content: flex-end;
}
.imageslider,
.imageslider-with-thumbs {
  --swiper-navigation-color: #000;
}

.imageslider {
  --swiper-navigation-top-offset: 0;
  --swiper-navigation-size: 15px;
  --swiper-navigation-sides-offset: 0;
  --swiper-navigation-main-color: #f5f5f5;
  --swiper-navigation-alt-color: #fff;
}
.imageslider .swiper {
  padding-block-start: 4rem;
}
.imageslider .swiper-button-prev,
.imageslider .swiper-button-next {
  width: calc(var(--swiper-navigation-size) * 2);
  height: calc(var(--swiper-navigation-size) * 2);
  border: 2px solid var(--swiper-navigation-main-color);
  border-radius: 10px;
  background-color: #000;
  color: #fff;
  margin-top: 0;
  padding: 10px;
  transition: 180ms ease-in-out;
  transition-property: background-color, color;
}
.imageslider .swiper-button-prev:not(.swiper-button-disabled):hover, .imageslider .swiper-button-prev:not(.swiper-button-disabled):focus,
.imageslider .swiper-button-next:not(.swiper-button-disabled):hover,
.imageslider .swiper-button-next:not(.swiper-button-disabled):focus {
  background-color: var(--swiper-navigation-main-color);
  color: var(--swiper-navigation-alt-color);
}
.primary-sheet .imageslider .swiper-button-prev, .secondary-sheet .imageslider .swiper-button-prev, .tertiary-sheet .imageslider .swiper-button-prev,
.primary-sheet .imageslider .swiper-button-next,
.secondary-sheet .imageslider .swiper-button-next,
.tertiary-sheet .imageslider .swiper-button-next {
  --swiper-navigation-main-color: #fff;
  --swiper-navigation-alt-color: #f5f5f5;
}
.imageslider .swiper-button-prev {
  left: auto;
  right: calc(var(--swiper-navigation-size) * 4);
}

.imageslider-with-thumbs .swiper.thumbs .swiper-slide {
  cursor: pointer;
}
.imageslider-with-thumbs .swiper.thumbs .mediablock picture {
  padding-bottom: 30px;
}
.imageslider-with-thumbs .swiper.thumbs .mediablock picture:after {
  border-bottom: 1px solid var(--secondary-color);
  content: "";
  display: block;
  width: 90px;
  position: absolute;
  height: 1px;
  left: calc(50% - 45px);
  transition: bottom 250ms ease-in-out;
  bottom: -30px;
}
.imageslider-with-thumbs .swiper.thumbs .swiper-slide-thumb-active .mediablock picture:after {
  bottom: 20px;
}

[class*=background-media] {
  position: relative;
}

[class*=background-media].overlay:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(245, 245, 245, 0.3);
  mix-blend-mode: multiply;
}

[class*=background-media].overlay .text {
  color: #fff;
}

[class*=background-media-] .content {
  position: absolute;
  z-index: 1;
}
[class*=background-media-] .content.top-center {
  left: 50%;
  transform: translateX(-50%);
}
[class*=background-media-] .content.top-right {
  right: 0;
}
[class*=background-media-] .content.mid-left {
  top: 50%;
  transform: translateY(-50%);
}
[class*=background-media-] .content.mid-center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
[class*=background-media-] .content.mid-right {
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
[class*=background-media-] .content.bottom-left {
  bottom: 0;
}
[class*=background-media-] .content.bottom-center {
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
[class*=background-media-] .content.bottom-right {
  bottom: 0;
  right: 0;
}

/****************************
****  Background images  ****
****************************/
.background-media-image {
  background-image: -webkit-image-set(var(--bg-image));
  background-image: image-set(var(--bg-image));
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.background-media-image .b-p--left-top {
  background-position: left top;
}
.background-media-image .b-p--left-center {
  background-position: left center;
}
.background-media-image .b-p--left-bottom {
  background-position: left bottom;
}
.background-media-image .b-p--center-top {
  background-position: center top;
}
.background-media-image .b-p--center-center {
  background-position: center center;
}
.background-media-image .b-p--center-bottom {
  background-position: center bottom;
}
.background-media-image .b-p--right-top {
  background-position: right top;
}
.background-media-image .b-p--right-center {
  background-position: right center;
}
.background-media-image .b-p--right-bottom {
  background-position: right bottom;
}

.background-media-video {
  position: relative;
  width: 100%;
}

.background-media-video .video-container {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}

.background-media-video .video-container video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (min-width: 1260px) {
  #page .scroll-for-more {
    position: fixed;
    left: 3.75rem;
    top: calc(var(--vh, 1vh) * 100 - 200px);
  }
}
@media (min-width: 2000px) {
  #page .scroll-for-more {
    left: calc(50% - 935px);
  }
}

.scroll-for-more {
  display: none;
  opacity: 0;
  color: var(--secondary-color);
  transition: opacity 300ms ease;
  cursor: pointer;
}
@media (min-width: 1260px) {
  .scroll-for-more {
    display: block;
    opacity: 1;
    z-index: 16;
    animation: fadeIn 500ms forwards;
  }
}
.scroll-for-more svg.icon {
  width: 30px;
}

#page .scroll-for-more.hidden {
  animation: fadeOut 500ms forwards;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.count-up {
  display: flex;
  justify-content: space-around;
  gap: 2.5rem;
  flex-wrap: wrap;
}

.count-up .counter {
  display: flex;
  flex-direction: column;
  width: var(--char-length);
  font-family: "Barlow", Helvetica, sans-serif;
  font-optical-sizing: auto;
  font-size: clamp(6.25rem, 8.3705357143vw, 9.375rem);
  line-height: 1.25;
  color: var(--secondary-color);
}
.count-up .counter span {
  text-align: center;
}
.count-up .counter span:first-of-type {
  letter-spacing: 1px;
}
.count-up .counter span:last-of-type {
  font-weight: bold;
  font-size: clamp(1rem, 1.3950892857vw, 1.5625rem);
}

.quote-item blockquote {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5625rem;
  margin: 0;
  line-height: 1.325;
  letter-spacing: -0.8px;
  text-align: center;
}
.quote-item blockquote p:first-of-type::before {
  content: open-quote;
}
.quote-item blockquote p:last-of-type::after {
  content: close-quote;
}
.quote-item blockquote p {
  font-family: "sofia-pro", Helvetica, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: clamp(1.25rem, 2.2321428571vw, 2.5rem);
  font-weight: bold;
}
.quote-item blockquote footer {
  font-family: "Barlow", Helvetica, sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-size: clamp(1rem, 1.1160714286vw, 1.25rem);
  line-height: 1.4;
  letter-spacing: -0.4px;
  color: var(--secondary-color);
}

.icon-text {
  display: flex;
  -moz-column-gap: 1.5625rem;
       column-gap: 1.5625rem;
  row-gap: 1.125rem;
}
.icon-text .icon {
  color: var(--secondary-color);
  min-width: 45px;
  max-width: 65px;
  aspect-ratio: 1/1;
}
.icon-text .icon svg {
  width: 100%;
}
.icon-text.icon-top {
  flex-direction: column;
}
.icon-text.icon-top .icon {
  justify-self: center;
}
.icon-text.centered {
  align-items: center;
  justify-content: center;
}
.icon-text picture {
  width: 100px;
  height: 100px;
  flex: 1;
  flex-basis: 100%;
  border-radius: 50%;
  overflow: hidden;
}
.icon-text.image-large picture {
  width: 200px;
  height: 200px;
}

#scroll-spy {
  z-index: 16;
  position: fixed;
  bottom: 1.875rem;
  max-width: 400px;
  min-width: 300px;
  transition: right 300ms ease, transform 300ms ease;
  right: 0.625rem;
}
@media (max-width: 400px) {
  #scroll-spy {
    bottom: 0.625rem;
    width: calc(100vw - 35px);
  }
}
@media (min-width: 2400px) {
  #scroll-spy {
    right: calc(50% - 1180px);
  }
}
@media (min-width: 1850px) {
  #scroll-spy {
    display: block;
    opacity: 1;
    z-index: 61;
    animation: fadeIn 300ms forwards;
  }
  #scroll-spy .activator {
    display: none;
  }
}
@media (max-width: 1850px) {
  #scroll-spy {
    animation: fadeIn 300ms backwards;
    right: 0;
    transform: translateX(100%);
  }
  #scroll-spy .activator {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    left: -60px;
    top: 10px;
    background-color: var(--tertiary-color);
    color: #fff;
    border-radius: 50%;
    position: absolute;
    border: none;
  }
  #scroll-spy .activator span {
    width: 25px;
    height: 25px;
  }
  #scroll-spy .activator span svg {
    width: 100%;
    height: 100%;
  }
  #scroll-spy .activator .open {
    display: block;
  }
  #scroll-spy .activator .close {
    display: none;
  }
}
#scroll-spy.popped {
  right: 10px;
  transform: translateX(0);
}
@media (max-width: 500px) {
  #scroll-spy.popped {
    width: calc(100% - 20px);
    color: var(--primary-color);
  }
  #scroll-spy.popped:before {
    background-color: #fff;
  }
  #scroll-spy.popped .activator {
    left: 0px;
    top: -30px;
  }
}
#scroll-spy.popped .close {
  display: block;
}
#scroll-spy.popped .open {
  display: none;
}
#scroll-spy .content {
  position: relative;
  z-index: 1;
}
#scroll-spy ul {
  display: flex;
  flex-direction: column;
  row-gap: 15px;
}
#scroll-spy ul li a {
  display: inline-flex;
  font-size: clamp(1.125rem, 1.0044642857vw, 1.125rem);
  line-height: 1.3888888889;
  text-decoration: none;
}
#scroll-spy ul li a.active {
  font-weight: 600;
}

.mm-wrapper--opened #scroll-spy {
  display: none;
}

.faq-item {
  padding-block: 10px;
  padding-inline: 1rem;
}
.primary-sheet .faq-item {
  color: #fff;
}
.faq-item:not(:first-of-type) {
  border-top: 1px solid var(--secondary-color);
}
.faq-item summary {
  font-size: 1.1875rem;
  line-height: 2rem;
  font-weight: 700;
  min-height: 5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  list-style: none;
  cursor: pointer;
  padding: 0.9375rem 0;
}
.faq-item summary::-webkit-details-marker {
  display: none;
}
.faq-item summary .icon {
  transition: transform 200ms ease-in-out;
  color: var(--secondary-color);
  flex: none;
  inline-size: 2rem;
  block-size: 2rem;
  margin-inline-start: 2rem;
  transform: rotate(0);
  width: 24px;
}
.faq-item .text {
  padding-top: 0;
  padding-bottom: 4em;
  margin-right: 14%;
}
.faq-item[open] summary .icon {
  transform: rotate(45deg);
}

.popover::backdrop {
  -webkit-backdrop-filter: blur(10px) brightness(102%);
          backdrop-filter: blur(10px) brightness(102%);
}
.popover .closebutton {
  position: absolute;
  top: 20px;
  right: 10px;
  padding: 10px;
  aspect-ratio: 1/1;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid transparent;
  border-radius: 30px;
  color: var(--primary-color);
  background-color: #fff;
  transition: all 200ms ease-in-out;
}
.popover .closebutton:hover {
  cursor: pointer;
  background-color: white;
  border: 1px solid #fff;
  color: #fff;
}
.popover .closebutton span {
  font-size: 30px;
  line-height: 0;
  font-weight: 500;
}

#hs-popover:popover-open {
  width: 100%;
  height: 700px;
  padding: 20px;
  background-color: transparent;
  border: none;
}
@media (min-width: 500px) {
  #hs-popover:popover-open {
    height: 740px;
    overflow: hidden;
  }
}
@media (min-width: 900px) {
  #hs-popover:popover-open {
    overflow: hidden;
    width: 900px;
  }
}

.country-selector {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-block: 60px;
}
.country-selector header {
  text-align: center;
}
.country-selector .flags {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}
.country-selector .icontext {
  align-items: center;
  gap: 20px;
}
.country-selector .icontext .with-icon {
  align-items: center;
  margin-inline-end: 0;
}
.country-selector a {
  cursor: pointer;
  text-decoration: none;
  transition: all 200ms ease-in-out;
}
.country-selector a:hover {
  opacity: 0.5;
}

#hs-popover-countries:popover-open {
  width: 100%;
  background-color: var(--primary-color);
  color: #fff;
  border: none;
  border: 1px solid #3C4759;
  border-radius: 10px;
}
@media (min-width: 500px) {
  #hs-popover-countries:popover-open {
    width: 460px;
  }
}

table {
  scroll-behavior: smooth; /* Enable smooth scrolling */
  border-collapse: collapse;
  overflow: auto;
  width: 100%;
  display: block;
}
@media (min-width: 2000px) {
  main > section > div[data-size=full] table {
    max-width: 2000px;
  }
}
@media (min-width: 1500px) {
  main > section > div[data-size=layout] table {
    max-width: 1500px;
  }
}
@media (min-width: 960px) {
  main > section > div[data-size=content] table {
    max-width: 960px;
  }
}
table th,
table td {
  border-bottom: 1px solid #fff;
  padding: 12px 20px;
}
@media (min-width: 500px) {
  table th,
  table td {
    min-width: 250px;
  }
}
table th {
  text-align: left;
  font-weight: bold;
}
table th[scope=col], table th[scope=row] {
  position: sticky;
}
table th[scope=col] {
  top: 0;
  z-index: 2;
}
table th[scope=row] {
  left: 0;
  z-index: 1;
}
@media (max-width: 500px) {
  table th[scope=row] {
    width: 150px;
  }
}

.light-sheet table th,
.light-sheet table td {
  border-bottom: 1px solid var(--primary-color);
}
.light-sheet table th[scope=col],
.light-sheet table th[scope=row] {
  background-color: var(--primary-color);
}
.light-sheet button.prev-col {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 58.96 58.96'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%2338454d;stroke-width:0%7D%3C/style%3E%3C/defs%3E%3Cg%3E%3Cpath d='M29.48 58.96C13.23 58.96 0 45.74 0 29.48S13.23 0 29.48 0c16.26 0 29.48 13.23 29.48 29.48 0 16.26-13.23 29.48-29.48 29.48Zm0-56.96C14.33 2 2 14.33 2 29.48s12.33 27.48 27.48 27.48 27.48-12.33 27.48-27.48S44.63 2 29.48 2Z' class='cls-1'/%3E%3Cg%3E%3Cpath d='m29.49 42.82-1.42-1.42L40 29.47 28.09 17.56l1.42-1.41 13.32 13.32-13.34 13.35z' class='cls-1'/%3E%3Cpath d='M16.13 28.48h25.29v2H16.13z' class='cls-1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.light-sheet button.next-col {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 58.96 58.96'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%2338454d;stroke-width:0%7D%3C/style%3E%3C/defs%3E%3Cg%3E%3Cpath d='M29.48 58.96C13.23 58.96 0 45.74 0 29.48S13.23 0 29.48 0c16.26 0 29.48 13.23 29.48 29.48 0 16.26-13.23 29.48-29.48 29.48Zm0-56.96C14.33 2 2 14.33 2 29.48s12.33 27.48 27.48 27.48 27.48-12.33 27.48-27.48S44.63 2 29.48 2Z' class='cls-1'/%3E%3Cg%3E%3Cpath d='m29.49 42.82-1.42-1.42L40 29.47 28.09 17.56l1.42-1.41 13.32 13.32-13.34 13.35z' class='cls-1'/%3E%3Cpath d='M16.13 28.48h25.29v2H16.13z' class='cls-1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.light-sheet table th[scope=col],
.light-sheet table th[scope=row] {
  background-color: #fff;
}

.primary-sheet table th[scope=col],
.primary-sheet table th[scope=row] {
  background-color: var(--primary-color);
}

.secondary-sheet table th[scope=col],
.secondary-sheet table th[scope=row] {
  background-color: var(--secondary-color);
}

.tertiary-sheet table th[scope=col],
.tertiary-sheet table th[scope=row] {
  background-color: var(--tertiary-color);
}

button.prev-col, button.next-col {
  position: absolute;
  cursor: pointer;
  top: -60px;
  width: 30px;
  height: 30px;
  border: 2px solid #f5f5f5;
  border-radius: 10px;
  background-color: #000;
  color: #fff;
  margin-top: 0;
  padding: 10px;
  transition: 180ms ease-in-out;
  transition-property: background-color, color;
  line-height: 0;
}
button.prev-col {
  right: 80px;
}
button.next-col {
  right: 0;
}

/* ** Off-canvas ** */
.off-canvas {
  position: fixed;
  top: 0;
  left: calc(var(--offcanvas-width) * -1);
  width: var(--offcanvas-width);
  max-width: 100vw;
  min-height: 100vh;
  display: grid;
  grid-template-rows: auto 1fr auto; /* Header & Footer auto-sized, menu takes remaining space */
  background: var(--offcanvas-bgcolor);
  z-index: 1000;
  transition: transform 0.3s ease;
}

body.off-canvas--open {
  padding-right: var(--scrollbar-width);
  background-position: calc(50% - var(--scrollbar-width)) center;
}

.off-canvas--open .off-canvas {
  box-shadow: 2px 0 10px rgba(0, 0, 0, 0.2);
  /* first apply shadow when off-canvas is open */
}

.off-canvas--open {
  overflow-y: clip;
}

.off-canvas--open .off-canvas {
  transform: translateX(calc(var(--offcanvas-width)));
}

.off-canvas--open .overlay {
  opacity: 1;
  visibility: visible;
}

.off-canvas .header,
.off-canvas .footer {
  padding: 40px;
}

.off-canvas .header {
  --off-canvas-logo-size: 160px;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: start;
  gap: 25px;
}
.off-canvas .header .logo svg {
  max-width: var(--off-canvas-logo-size);
  width: 100%;
  height: auto;
  border: 0;
}
.off-canvas .header .logo img {
  width: var(--off-canvas-logo-size);
}
.off-canvas .header button.closebutton {
  cursor: pointer;
  transition: color 0.3s ease;
}

.off-canvas .footer {
  display: grid;
}
.off-canvas .footer a {
  text-decoration: none;
}
.off-canvas .footer span {
  margin-bottom: 1em;
}

.off-canvas .slide-menu {
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  position: relative;
}

/* ** Slide-menu ** */
.slide-menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
  inset-block-end: 0;
  transition: all ease 400ms;
}
.slide-menu ul.submenu-active {
  transform: translateX(calc(-1 * var(--current-menu-level) * var(--offcanvas-width)));
}

.slide-menu .has-submenu > ul {
  width: var(--offcanvas-width);
  margin-left: 0px;
  background-color: var(--offcanvas-bgcolor);
  position: absolute;
  top: 0;
  left: 0;
  min-height: -moz-fit-content;
  min-height: fit-content;
  display: none;
  opacity: 0;
  transform: translateY(10px);
  transition: opacity 0.3s ease, transform 0.3s ease;
  z-index: 2;
}

.slide-menu .has-submenu > ul,
.slide-menu .has-submenu > ul ul {
  left: var(--offcanvas-width);
}

.slide-menu ul.active {
  display: block;
  opacity: 1;
  transform: translateY(0);
  z-index: 2;
}

.slide-menu .back-btn {
  display: block;
  cursor: pointer;
  position: relative;
}

.slide-menu .back-btn:before {
  content: var(--offcanvas-back-btn);
}

/* Slide-menu styling */
.slide-menu li.has-submenu > span {
  --icon-width: 16px;
  position: relative;
  padding-right: calc(var(--icon-width) * 2);
  width: calc(var(--offcanvas-width) - var(--icon-width) * 2);
}

.slide-menu li.has-submenu > span::after,
.slide-menu span.back-btn::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 16px;
  height: 16px;
  margin: auto;
  border: 2px solid #000;
  border-bottom: none;
  border-right: none;
  transform: rotate(135deg) translateY(-50%);
}

.slide-menu li.has-submenu > span::after {
  right: 25px;
}

.slide-menu span.back-btn::after {
  width: 10px;
  height: 10px;
  left: 15px;
  transform: rotate(315deg) translateY(-50%);
}

/* ** Slide menu item styling ** */
.slide-menu a, .slide-menu span {
  color: #000;
}

.slide-menu a {
  text-decoration: none;
}

.slide-menu li span, .slide-menu li a {
  display: inline-block;
  padding: 10px 0;
  padding-left: 40px;
  padding-right: 40px;
}
.slide-menu li span:hover, .slide-menu li a:hover {
  cursor: pointer;
}
.slide-menu li span:not(.back-btn), .slide-menu li a:not(.back-btn) {
  font-family: "sofia-pro", Helvetica, sans-serif;
  font-weight: 700;
  font-size: clamp(1.25rem, 1.6741071429vw, 1.875rem);
}

body > .overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--overlay-color);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease;
  z-index: 999;
}

.sample-panel {
  background: rgba(0, 0, 0, 0.1);
  padding: 10px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
}

#site-header {
  display: flex;
  justify-content: center;
}

#site-header > div {
  --header-logo-min-width: 130px;
  --header-logo-max-width: 150px;
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: minmax(var(--header-logo-min-width), 1fr) minmax(auto, 35px);
  grid-auto-flow: row;
  align-items: center;
  padding-block: 1.25rem;
  padding-inline: 1.25rem;
  position: relative;
  z-index: 9;
  width: 100%;
  max-width: 1500px;
  grid-template-areas: "header-logo top-menu";
}
#site-header > div .header-logo {
  grid-area: header-logo;
}
#site-header > div .tool-menu {
  grid-area: tool-menu;
}
#site-header > div .top-menu {
  grid-area: top-menu;
}
@media (min-width: 350px) {
  #site-header > div {
    grid-template-columns: minmax(var(--header-logo-min-width), var(--header-logo-max-width)) minmax(auto, 1fr) minmax(auto, 50px);
    grid-template-areas: "header-logo tool-menu top-menu";
    -moz-column-gap: 0.625rem;
         column-gap: 0.625rem;
  }
}
@media (min-width: 1000px) {
  #site-header > div {
    grid-template-columns: minmax(var(--header-logo-min-width), var(--header-logo-max-width)) minmax(auto, 1fr) auto;
    grid-template-areas: "header-logo top-menu tool-menu";
    -moz-column-gap: 2.5rem;
         column-gap: 2.5rem;
  }
}

#site-header .header-logo {
  aspect-ratio: 300/59;
  max-width: 150px;
  line-height: 0;
}
@media (min-width: 1200px) {
  #site-header .header-logo {
    max-width: 200px;
  }
}
#site-header .header-logo a:nth-child(2) {
  display: none;
}

#site-header .top-menu {
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 1000px) {
  #site-header .top-menu {
    display: flex;
    align-items: center;
    justify-items: end;
  }
}
@media (min-width: 1000px) {
  #site-header .top-menu .burger-menu {
    display: none;
  }
}

#site-header .tool-menu {
  display: none;
}
@media (min-width: 350px) {
  #site-header .tool-menu {
    display: flex;
    justify-content: flex-end;
    align-items: baseline;
  }
}

#site-header .top-menu ul a.is-active, #site-header .top-menu ul a:hover,
#site-header .top-menu ul span.is-active,
#site-header .top-menu ul span:hover,
#site-header .tool-menu ul a.is-active,
#site-header .tool-menu ul a:hover,
#site-header .tool-menu ul span.is-active,
#site-header .tool-menu ul span:hover {
  color: var(--secondary-color);
}
#site-header .top-menu ul li > ul a,
#site-header .top-menu ul li > ul span,
#site-header .tool-menu ul li > ul a,
#site-header .tool-menu ul li > ul span {
  color: #fff;
}

@media (min-width: 1000px) {
  #site-header .top-menu,
  #site-header .tool-menu {
    gap: 2.5rem;
  }
}
#site-header .top-menu ul,
#site-header .tool-menu ul {
  display: inline-flex;
  justify-content: space-between;
  align-items: baseline;
  list-style: none;
  margin-block: 0;
  padding-inline-start: 0;
}
@media (max-width: 1000px) {
  #site-header .top-menu ul,
  #site-header .tool-menu ul {
    display: none;
  }
}
@media (min-width: 800px) {
  #site-header .top-menu ul,
  #site-header .tool-menu ul {
    gap: 2.5rem;
  }
}
#site-header .top-menu ul a, #site-header .top-menu ul span,
#site-header .tool-menu ul a,
#site-header .tool-menu ul span {
  font-size: 1.25rem;
  font-weight: 900;
  line-height: 1;
  letter-spacing: -0.025em;
  cursor: pointer;
  transition: all 200ms ease-in-out;
  text-decoration: none;
}

#site-header .tool-menu .linkbutton {
  font-size: 0.9375rem;
  box-shadow: none;
  min-width: -moz-max-content;
  min-width: max-content;
}
#site-header .tool-menu .linkbutton:hover {
  background-color: var(--success-color);
}

#site-header ul.drop-down .has-submenu {
  position: relative;
  z-index: 2;
}
#site-header ul.drop-down .has-submenu span {
  display: inline-block;
}
#site-header ul.drop-down .has-submenu ul li {
  position: relative;
  z-index: 1;
}
#site-header ul.drop-down .has-submenu ul li span {
  margin-top: 20px;
}
#site-header ul.drop-down .has-submenu ul li:last-of-type {
  margin-bottom: 20px;
}
#site-header ul.drop-down > .has-submenu > ul {
  display: none;
}
#site-header ul.drop-down > .has-submenu:hover > ul {
  display: flex;
  position: absolute;
  top: 0px;
  left: -20px;
  min-width: 278px;
  padding: 50px 20px 20px;
}
#site-header ul.drop-down ul {
  flex-direction: column;
  gap: 1em;
  align-items: flex-start;
}

#site-header ul.drop-down > .has-submenu:hover > ul:before {
  content: "";
  width: calc(100% + 20px);
  height: calc(100% - 50px);
  position: absolute;
  left: -20px;
  top: 0;
  margin-top: 30px;
  background-color: #000000;
  background-color: rgba(0, 0, 0, 0.9);
  border-radius: 5px;
  z-index: 0;
}

#site-header ul.drop-down > .has-submenu > span {
  display: flex;
  align-items: baseline;
  gap: 10px;
}
#site-header ul.drop-down > .has-submenu > span:after {
  content: "";
  display: block;
  transform: rotate(90deg);
  height: 8.75px;
  width: 5px;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 7'%3E%3Cg %3E%3Cpath fill='%2341AA3C' d='M.999 7.003a1 1 0 0 1-.78-1.625l1.5-1.875-1.5-1.875A1 1 0 1 1 1.781.379l2 2.5a1 1 0 0 1 0 1.249l-2 2.5a1 1 0 0 1-.782.375Z' /%3E%3C/g%3E%3C/svg%3E");
}

#site-footer [data-size=full] {
  max-width: none;
}
#site-footer [data-size] {
  padding-block: 0;
}

#site-footer > section:not(:last-of-type) [data-size] {
  padding-block: 3rem;
}

.footer-content .link-column {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: var(--column-gutter);
}
.footer-content .link-column ul {
  padding-left: 0;
  margin-top: 0;
}
.footer-content .link-column ul li {
  list-style: none;
  font-size: 15px;
  font-weight: 500;
}
.footer-content .link-column ul > li > span {
  display: none;
}
.footer-content .link-column > ul > li > span {
  display: inline-block;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 20px;
}
.footer-content .link-column ul li a {
  text-decoration: none;
}

@media (max-width: 500px) {
  #site-footer .hide-small {
    display: none;
  }
}
#site-footer .footer-content {
  display: grid;
  gap: 3.75rem;
  grid-template-areas: "logo-column logo-column" "info-column info-column" "contact-info-column some-links";
  grid-template-columns: minmax(160px, 1fr) minmax(auto, 1fr);
}
#site-footer .footer-content .logo-column {
  grid-area: logo-column;
}
#site-footer .footer-content .contact-info-column {
  grid-area: contact-info-column;
}
#site-footer .footer-content .info-column {
  grid-area: info-column;
}
#site-footer .footer-content .some-links {
  grid-area: some-links;
}
@media (min-width: 700px) {
  #site-footer .footer-content {
    grid-template-areas: "logo-column info-column" "contact-info-column some-links";
    grid-template-columns: minmax(160px, 1fr) minmax(auto, 1fr);
  }
}
@media (min-width: 1000px) {
  #site-footer .footer-content {
    grid-template-areas: "logo-column contact-info-column info-column some-links";
    grid-template-columns: 200px minmax(auto, 1fr) minmax(auto, 1fr) minmax(auto, 1fr);
  }
}
#site-footer .footer-content a {
  display: block;
}
#site-footer .footer-content .logo {
  max-width: 160px;
  aspect-ratio: 300/59;
}
#site-footer .footer-content .copyright {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}
#site-footer .footer-content .copyright svg.copy {
  max-width: 100px;
  aspect-ratio: 20303872000000000/7184383999999999;
}
#site-footer .footer-content .info-column .text {
  max-width: 400px;
}
#site-footer .footer-content > div {
  margin-top: 0;
}
#site-footer .footer-content .some-links {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

#site-footer .some-icons-container {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 1.25rem;
}
#site-footer .some-icons-container a {
  display: flex;
  text-transform: capitalize;
  text-decoration: none;
  width: 25px;
  height: 25px;
}
#site-footer .some-icons-container a .icon {
  width: 100%;
  height: 100%;
}
#site-footer .some-icons-container a i {
  position: relative;
  display: block;
  height: 23px;
  width: 23px;
}
#site-footer .some-icons-container [class^=icon-] {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
#site-footer .some-icons-container .icon-facebook {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10.189 19.036'%3E%3Cpath fill='%23040d25' d='M0 10.189h2.91v8.847h3.641v-8.847h3.635V6.551H6.548V4.702c0-.615.39-1.119.727-1.119h2.911V0H7.275a4.577 4.577 0 0 0-4.368 4.759v1.792h-2.91Z'/%3E%3C/svg%3E");
}
#site-footer .some-icons-container .icon-facebook__white {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10.189 19.036'%3E%3Cpath fill='%23fff' d='M0 10.189h2.91v8.847h3.641v-8.847h3.635V6.551H6.548V4.702c0-.615.39-1.119.727-1.119h2.911V0H7.275a4.577 4.577 0 0 0-4.368 4.759v1.792h-2.91Z'/%3E%3C/svg%3E");
}
#site-footer .some-icons-container .icon-instagram {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22.648 22.647'%3E%3Cg fill='%23040d25'%3E%3Cpath d='M11.323 5.695a5.853 5.853 0 0 0 0 11.706 5.853 5.853 0 0 0 0-11.706Zm.008 9.385a3.6 3.6 0 1 1 3.6-3.6 3.6 3.6 0 0 1-3.6 3.6ZM17.404 4.257a1.485 1.485 0 0 0 0 2.969 1.485 1.485 0 0 0 0-2.969Z'/%3E%3Cpath d='M17.521 0H5.127A5.133 5.133 0 0 0 0 5.129V17.52a5.134 5.134 0 0 0 5.127 5.129h12.389a5.134 5.134 0 0 0 5.127-5.129V5.129A5.133 5.133 0 0 0 17.521 0Zm2.873 17.677a2.875 2.875 0 0 1-2.872 2.875H5.129a2.877 2.877 0 0 1-2.873-2.875V5.286a2.877 2.877 0 0 1 2.873-2.873h12.393a2.876 2.876 0 0 1 2.872 2.873Z'/%3E%3C/g%3E%3C/svg%3E");
}
#site-footer .some-icons-container .icon-instagram__white {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22.648 22.647'%3E%3Cg fill='%23fff'%3E%3Cpath d='M11.323 5.695a5.853 5.853 0 0 0 0 11.706 5.853 5.853 0 0 0 0-11.706Zm.008 9.385a3.6 3.6 0 1 1 3.6-3.6 3.6 3.6 0 0 1-3.6 3.6ZM17.404 4.257a1.485 1.485 0 0 0 0 2.969 1.485 1.485 0 0 0 0-2.969Z'/%3E%3Cpath d='M17.521 0H5.127A5.133 5.133 0 0 0 0 5.129V17.52a5.134 5.134 0 0 0 5.127 5.129h12.389a5.134 5.134 0 0 0 5.127-5.129V5.129A5.133 5.133 0 0 0 17.521 0Zm2.873 17.677a2.875 2.875 0 0 1-2.872 2.875H5.129a2.877 2.877 0 0 1-2.873-2.875V5.286a2.877 2.877 0 0 1 2.873-2.873h12.393a2.876 2.876 0 0 1 2.872 2.873Z'/%3E%3C/g%3E%3C/svg%3E");
}
#site-footer .some-icons-container .icon-linkedin {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15.845 17.638'%3E%3Cpath fill='%23040d25' d='M0 2.184a2.128 2.128 0 0 0 4.256 0 2.129 2.129 0 1 0-4.256 0Zm3.864 3.414H.392v12.039h3.476Zm1.679 12.039h3.47V9.912s1.456-1.4 2.8-.618a1.377 1.377 0 0 1 .618 1.009v7.334h3.415v-7.334a4.832 4.832 0 0 0-2.352-4.032 5.22 5.22 0 0 0-4.479-.112v-.562h-3.47Z'/%3E%3C/svg%3E");
}
#site-footer .some-icons-container .icon-linkedin__white {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15.845 17.638'%3E%3Cpath fill='%23fff' d='M0 2.184a2.128 2.128 0 0 0 4.256 0 2.129 2.129 0 1 0-4.256 0Zm3.864 3.414H.392v12.039h3.476Zm1.679 12.039h3.47V9.912s1.456-1.4 2.8-.618a1.377 1.377 0 0 1 .618 1.009v7.334h3.415v-7.334a4.832 4.832 0 0 0-2.352-4.032 5.22 5.22 0 0 0-4.479-.112v-.562h-3.47Z'/%3E%3C/svg%3E");
}
#site-footer .some-icons-container .icon-x {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18.098 16.938'%3E%3Cpath fill='%23040d25' d='M2.371 1.166h2.474L15.77 15.773H13.3ZM15.68 0l-5.67 6.125L5.429 0H.044l6.988 9.343L0 16.939h1.583l6.156-6.65 4.974 6.65H18.1l-7.383-9.868L17.262 0Z'/%3E%3C/svg%3E");
}
#site-footer .some-icons-container .icon-x__white {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18.098 16.938'%3E%3Cpath fill='%23fff' d='M2.371 1.166h2.474L15.77 15.773H13.3ZM15.68 0l-5.67 6.125L5.429 0H.044l6.988 9.343L0 16.939h1.583l6.156-6.65 4.974 6.65H18.1l-7.383-9.868L17.262 0Z'/%3E%3C/svg%3E");
}
#site-footer .some-icons-container .icon-youtube {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 121.48 85.04'%3E%3Cpath fill='%23040d25' d='M118.95 13.28c-1.4-5.23-5.51-9.34-10.74-10.74C98.73 0 60.74 0 60.74 0S22.75 0 13.28 2.54C8.05 3.94 3.94 8.05 2.54 13.28 0 22.75 0 42.52 0 42.52s0 19.77 2.54 29.24c1.4 5.23 5.51 9.34 10.74 10.74 9.47 2.54 47.46 2.54 47.46 2.54s37.99 0 47.46-2.54c5.23-1.4 9.34-5.51 10.74-10.74 2.54-9.47 2.54-29.24 2.54-29.24s0-19.77-2.54-29.24ZM48.59 60.74V24.3l31.56 18.22-31.56 18.22Z'/%3E%3C/svg%3E");
}
#site-footer .some-icons-container .icon-youtube__white {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 121.48 85.04'%3E%3Cpath fill='%23fff' d='M118.95 13.28c-1.4-5.23-5.51-9.34-10.74-10.74C98.73 0 60.74 0 60.74 0S22.75 0 13.28 2.54C8.05 3.94 3.94 8.05 2.54 13.28 0 22.75 0 42.52 0 42.52s0 19.77 2.54 29.24c1.4 5.23 5.51 9.34 10.74 10.74 9.47 2.54 47.46 2.54 47.46 2.54s37.99 0 47.46-2.54c5.23-1.4 9.34-5.51 10.74-10.74 2.54-9.47 2.54-29.24 2.54-29.24s0-19.77-2.54-29.24ZM48.59 60.74V24.3l31.56 18.22-31.56 18.22Z'/%3E%3C/svg%3E");
}

:root {
  --hgap: 5.625rem;
  --vgap: 5.625rem;
}

section > div[data-size] > * + *:not(.column),
section > div[data-size] .column > * + * {
  margin-top: var(--vgap);
}
@media (min-width: 800px) {
  section > div[data-size] > * + *:not(.column),
  section > div[data-size] .column > * + * {
    margin-top: var(--hgap);
  }
}

.columns {
  container: columns/inline-size;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: var(--vgap) var(--hgap);
  align-items: center;
}
.columns[data-align=start] {
  align-items: flex-start;
}
.columns[data-align=end] {
  align-items: flex-end;
}
.columns .column {
  --cols: 6;
  --col-percent: calc(var(--cols) / 12 * 100%);
  --col-minimum: calc(var(--cols) / 12 * 640px);
  min-width: 0;
  flex-grow: var(--cols);
  flex-basis: calc(max(var(--col-percent), var(--col-minimum)) - var(--gap) / 2);
}
.columns .column[data-columns="3"] {
  --cols: 3;
}
.columns .column[data-columns="4"] {
  --cols: 4;
}
.columns .column[data-columns="5"] {
  --cols: 5;
}
.columns .column[data-columns="6"] {
  --cols: 6;
}
.columns .column[data-columns="7"] {
  --cols: 7;
}
.columns .column[data-columns="8"] {
  --cols: 8;
}
.columns .column[data-columns="9"] {
  --cols: 9;
}
@supports (display: grid) {
  .columns {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  @media (max-width: 800px) {
    .columns {
      --hgap: 1.875rem;
    }
  }
  .columns .column {
    grid-column-end: span var(--cols);
  }
}

@container columns (max-width: 680px) {
  @supports (display: grid) {
    .columns .column[data-columns="3"] {
      --cols: 12;
    }
    .columns .column[data-columns="4"] {
      --cols: 12;
    }
    .columns .column[data-columns="5"] {
      --cols: 12;
    }
    .columns .column[data-columns="6"] {
      --cols: 12;
    }
    .columns .column[data-columns="7"] {
      --cols: 12;
    }
    .columns .column[data-columns="8"] {
      --cols: 12;
    }
    .columns .column[data-columns="9"] {
      --cols: 12;
    }
  }
}
.is-dark .cardsslider {
  --swiper-navigation-alt-color: #fff;
  --swiper-navigation-color: var(--secondary-color);
}

.cardsslider {
  --swiper-navigation-top-offset: 0;
  --swiper-navigation-size: 18px;
  --swiper-navigation-sides-offset: 0;
  --swiper-navigation-main-color: var(--primary-color);
  --swiper-navigation-alt-color: #fff;
  --swiper-navigation-color: var(--primary-color);
}
.cardsslider .swiper {
  padding-block-start: 4rem;
}
.cardsslider .swiper.swiper-navigation-disabled {
  padding-block-start: 0;
}
.cardsslider .swiper-button-prev,
.cardsslider .swiper-button-next {
  width: calc(var(--swiper-navigation-size) * 3);
  height: calc(var(--swiper-navigation-size) * 3);
  margin-top: 0;
  padding: 0;
  transition: 180ms ease-in-out;
  transition-property: background-color, color;
}
.cardsslider .swiper-button-prev {
  left: auto;
  right: calc(var(--swiper-navigation-size) * 5);
}
.cardsslider .swiper-slide {
  align-self: stretch;
  max-inline-size: 24.625rem;
}
.cardsslider .card {
  display: flex;
  flex-direction: column;
  justify-content: stretch;
  block-size: 100%;
}
.cardsslider .card .actions {
  margin-block-start: auto;
}

.gallery {
  container: gallery/inline-size;
}
.gallery .items {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.gallery .items > * {
  flex: 1 calc(50% - 5px);
}
@supports (display: grid) {
  .gallery .items {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 2fr;
    grid-auto-rows: min-content;
    gap: 20px;
  }
  .gallery .items :nth-child(1),
  .gallery .items :nth-child(2),
  .gallery .items :nth-child(4),
  .gallery .items :nth-child(5) {
    aspect-ratio: 1;
    grid-column: span 2;
  }
  .gallery .items :nth-child(3),
  .gallery .items :nth-child(6) {
    grid-column: 1/-1;
  }
  .gallery .items :nth-child(7),
  .gallery .items :nth-child(8) {
    grid-column: span 2;
  }
}
@media (min-width: 650px) {
  @supports (display: grid) {
    .gallery .items {
      display: grid;
      grid-template-columns: repeat(5, minmax(0, 1fr));
      grid-template-rows: 272px repeat(3, 110px) 272px;
      gap: 22px;
    }
    .gallery .items :nth-child(1),
    .gallery .items :nth-child(2) {
      aspect-ratio: 1;
      grid-column: span 1;
      grid-row: 1/span 1;
    }
    .gallery .items :nth-child(4),
    .gallery .items :nth-child(5) {
      aspect-ratio: 1;
      grid-column: span 1;
      grid-row: 5/span 1;
    }
    .gallery .items :nth-child(3) {
      grid-column: 1/span 2;
      grid-row: span 3;
    }
    .gallery .items :nth-child(6) {
      grid-column: span 3;
      grid-row: 1/span 3;
    }
    .gallery .items :nth-child(7) {
      grid-column: 3;
      grid-row: 4/span 2;
    }
    .gallery .items :nth-child(8) {
      grid-column: 4/span 2;
      grid-row: 4/span 2;
    }
  }
  @supports (grid-template-rows: 1cqi) {
    .gallery .items {
      grid-template-rows: 18.7cqi repeat(3, 7.6cqi) 18.7cqi;
      gap: 1.8cqi;
    }
  }
}

[class*=hero] {
  position: relative;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  min-height: 500px;
  transition: height 0.3s ease-out;
}

[class*=hero] .content {
  width: 100%;
  padding: 1.25rem 1.875rem 1.25rem;
}
@media (min-width: 700px) {
  [class*=hero] .content {
    width: clamp(31.25rem, 51.8973214286vw, 58.125rem);
  }
}
@media (min-width: 900px) {
  [class*=hero] .content {
    padding: 3.75rem;
  }
}
[class*=hero] .content .text p:not(.text-center) {
  max-width: clamp(31.25rem, 30.6919642857vw, 34.375rem);
}

main > section:first-of-type > div[data-size] > [class*=hero]:first-of-type {
  padding-block-start: 0;
}
@media (min-width: 700px) {
  main > section:first-of-type > div[data-size] > [class*=hero]:first-of-type .content[class*=bottom-] {
    padding-bottom: 12.5rem;
  }
}

section.is-first:not([class*=-sheet]) > div[data-size] > [class*=hero]:first-of-type {
  height: calc(var(--vh, 1vh) * 100 - var(--header-height));
}

[data-has-bar-visible=true] section.is-first:not([class*=-sheet]) > div[data-size] > [class*=hero]:first-of-type {
  height: calc(var(--vh, 1vh) * 100 - var(--header-height) - var(--notificationBarHeight));
}

/* 
-- SPECIFIC for accommodationpage 
-- the page has highlights which should be visible on pageload 
*/
.accommodationpage section.is-first:not([class*=-sheet]) > div[data-size] > [class*=hero]:first-of-type {
  height: calc(var(--vh, 1vh) * 100 - var(--header-height) - var(--highlights-height) - 20px);
}
@media (min-width: 1160px) {
  .accommodationpage section.is-first:not([class*=-sheet]) > div[data-size] > [class*=hero]:first-of-type {
    height: calc(var(--vh, 1vh) * 100 - var(--header-height) - 3.75rem / 2 - var(--highlights-height));
  }
}

.accommodationpage[data-has-bar-visible=true] section.is-first:not([class*=-sheet]) > div[data-size] > [class*=hero]:first-of-type {
  height: calc(var(--vh, 1vh) * 100 - var(--header-height) - var(--notificationBarHeight) - 37px);
}
@media (min-width: 1160px) {
  .accommodationpage[data-has-bar-visible=true] section.is-first:not([class*=-sheet]) > div[data-size] > [class*=hero]:first-of-type {
    height: calc(var(--vh, 1vh) * 100 - var(--header-height) - var(--notificationBarHeight) - 3.75rem / 2 - 37px);
  }
}

.accommodationpage .hero + .iconsrow.highlights {
  gap: 10px 20px;
  margin-top: 40px;
}
@media (min-width: 1260px) {
  .accommodationpage .hero + .iconsrow.highlights {
    margin-top: 20px;
    padding-inline: 20px;
    gap: 20px 30px;
  }
}
.accommodationpage .hero + .iconsrow.highlights > * {
  flex-grow: initial;
}

.accommodationpage section.is-first .hero > .content.bottom-left {
  bottom: 30px;
}

.accommodationpage section.is-first .hero > .actions {
  position: absolute;
  bottom: -20px;
  left: 30px;
}
@media (min-width: 1260px) {
  .accommodationpage section.is-first .hero > .actions {
    bottom: 45px;
    left: 170px;
    z-index: 5;
  }
}
.accommodationpage section.is-first .hero > .actions span {
  display: none;
}
@media (min-width: 1160px) {
  .accommodationpage section.is-first .hero > .actions span {
    display: inline;
  }
}

.accommodationpage section.is-first .hero > .actions .gallery-link {
  transition: opacity 300ms ease;
  opacity: 0;
}
.accommodationpage section.is-first .hero > .actions .gallery-link.loaded {
  opacity: 1;
}
.accommodationpage section.is-first .hero > .actions .gallery-link .media-amount {
  position: absolute;
  background: var(--secondary-color);
  color: #fff;
  font-weight: normal;
  font-size: 13px;
  width: 25px;
  height: 25px;
  display: flex !important;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  opacity: 0;
  top: 5px;
  right: 0;
  transition: opacity 300ms ease, top 300ms ease;
}
.accommodationpage section.is-first .hero > .actions .gallery-link .media-amount.loaded {
  opacity: 1;
  top: -12px;
  right: 0;
}

.hero .video-container[data-video-type=yt]:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 2;
  background-color: transparent;
}

.hero.background-media-video .video-container {
  overflow: hidden;
}
.hero.background-media-video .video-container iframe {
  display: none;
  opacity: 0;
  transition: opacity 200ms ease-in-out;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100vw;
  height: 100vh;
  transform: translate(-50%, -50%);
  max-width: 2000px;
}
@media (min-aspect-ratio: 16/9) {
  .hero.background-media-video .video-container iframe {
    height: 56.25vw;
  }
}
@media (max-aspect-ratio: 16/9) {
  .hero.background-media-video .video-container iframe {
    width: 177.78vh;
  }
}
.hero.background-media-video .video-container.playing iframe {
  display: block;
  opacity: 1;
}

[data-size=full] .textblock {
  padding-inline: 20px;
}
.textblock.medium, .textblock.small {
  margin-inline: auto;
  inline-size: 100%;
}
.textblock.medium {
  max-inline-size: 90ch;
}
.textblock.small {
  max-inline-size: 65ch;
}

#site-footer .post-footer .post-footer-content {
  border-top: 1px solid #000;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
@media (min-width: 375px) {
  #site-footer .post-footer .post-footer-content {
    display: grid;
    grid-template-columns: 1fr max-content;
    justify-content: space-between;
  }
}
.post-footer .column {
  display: flex;
  flex-direction: column;
  padding-block: 10px;
}
.post-footer .column a {
  font-size: 0.75rem;
  cursor: pointer;
  text-decoration: none;
}
.post-footer .column a:hover {
  text-decoration: underline;
}
.post-footer .column ul {
  margin-block-start: 0;
  row-gap: 20px;
  flex-wrap: wrap;
}
.post-footer .column ul li a {
  white-space: nowrap;
}
.post-footer .column:last-of-type {
  display: flex;
  gap: 5px;
  flex-direction: column;
}
@media (min-width: 375px) {
  .post-footer .column:last-of-type {
    align-items: flex-end;
    justify-content: flex-end;
  }
}
.post-footer .column a.we-made-this {
  font-size: 0.6875rem;
  margin-top: 0;
  display: block;
  opacity: 0.5;
}
.post-footer .column a.we-made-this:hover {
  opacity: 1;
}

.pre-footer {
  background-color: var(--primary-color);
}
.pre-footer[data-size] {
  padding-block: 1rem;
}

.quote-swiper {
  --swiper-pagination-bottom: 0px;
  --swiper-pagination-bullet-inactive-color: var(--primary-color);
  --swiper-pagination-bullet-inactive-opacity: 1;
  --swiper-pagination-bullet-size: 15px;
}
.quote-swiper .swiper-pagination {
  position: relative;
}
.quote-swiper .swiper-pagination .swiper-pagination-bullet {
  background: transparent;
  border: 2px solid var(--swiper-pagination-bullet-inactive-color);
}
.quote-swiper .swiper-pagination .swiper-pagination-bullet-active {
  background: var(--swiper-pagination-bullet-inactive-color);
}
.quote-swiper .swiper {
  display: flex;
  flex-direction: column;
  gap: 45px;
}
.quote-swiper .swiper-wrapper {
  align-items: center;
}
.quote-swiper .quote-item {
  margin-inline: auto;
  text-align: center;
  block-size: 100%;
  justify-content: center;
}
@media (min-width: 40rem) {
  .quote-swiper .quote-item {
    padding-inline: 9.375rem;
  }
}
@media (min-width: 960px) {
  [data-size=layout] .quote-swiper, [data-size=full] .quote-swiper {
    margin-inline: 4.8125rem;
  }
}

.cardsgrid .items {
  display: flex;
  flex-wrap: wrap;
  gap: 1.875rem;
}
.cardsgrid .items > .card {
  flex: 0 30%;
}
@supports (display: grid) {
  .cardsgrid .items {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  }
}

.ticker .marquee-group span {
  font-family: inherit;
  font-size: clamp(2.1875rem, 6.1383928571vw, 6.875rem);
}

.ticker .marquee-group span {
  color: var(--primary-color);
}

@media (max-width: 1015px) {
  .card.employee .mediablock {
    display: none;
  }
}
.card.employee .content h3 {
  font-size: 1.875rem;
}
.card.employee .content a {
  font-size: 1.0625rem;
  font-weight: 400;
  text-underline-offset: 0.1em;
  transition: all 300ms;
  text-decoration-color: rgba(var(--primary-color-rgb), 0.07);
}
.card.employee .content a:hover {
  text-decoration-color: rgba(var(--primary-color-rgb), 1);
}
.card.employee .content a.icon-linkedin__circle__primary {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSczNCcgaGVpZ2h0PSczNCc+PGcgdHJhbnNmb3JtPSd0cmFuc2xhdGUoLTQ0MC41MDggLTE3NjIuNTA4KSc+PGNpcmNsZSBkYXRhLW5hbWU9J0VsbGlwc2UgMTMzJyBjeD0nMTcnIGN5PScxNycgcj0nMTcnIHRyYW5zZm9ybT0ncm90YXRlKC05MCAxMTE4LjUwOCA2NzgpJyBmaWxsPScjMGMxNzNiJy8+PGcgZGF0YS1uYW1lPSdHcm91cCA3NTM5Jz48cGF0aCBkYXRhLW5hbWU9J1BhdGggOTIyMicgZD0nTTQ1Mi4yNzYgMTc3My42OTFhMS40MDUgMS40MDUgMCAwMDIuODEgMCAxLjQwNiAxLjQwNiAwIDEwLTIuODEgMHptMi41NTEgMi4yNTRoLTIuMjkydjcuOTQ2aDIuMjkyem0xLjEwOSA3Ljk1aDIuMjkydi01LjFzLjk2Mi0uOTI0IDEuODQ4LS40MDhhLjkwOS45MDkgMCAwMS40MDguNjY2djQuODM4aDIuMjU1di00Ljg0M2EzLjE5MSAzLjE5MSAwIDAwLTEuNTUzLTIuNjYyIDMuNDQ3IDMuNDQ3IDAgMDAtMi45NTgtLjA3NHYtLjM3MWgtMi4yOTJ6JyBmaWxsPScjZmZmJy8+PC9nPjwvZz48L3N2Zz4=);
  width: 34px;
  height: 34px;
  display: block;
}

.is-dark .card.employee .content a {
  text-decoration-color: rgba(255, 255, 255, 0.07);
}
.is-dark .card.employee .content a:hover {
  text-decoration-color: white;
}

.faq-list {
  padding-block: 1rem;
  --vspace: 0.5rem;
  --align: stretch;
}

.no-popover .popover {
  display: none;
}

main > section:first-child {
  padding-block-start: 3.125rem;
}
@media (min-width: 738px) {
  main > section:first-child {
    padding-block-start: 6.25rem;
  }
}
main > section:first-child:has(> [data-size] > .hero) {
  padding-block-start: 0;
}
main > section:first-child > [data-size] {
  padding-block-start: 0;
}

[data-size] {
  padding-block: 3.125rem;
}
@media (min-width: 738px) {
  [data-size] {
    padding-block: 6.25rem;
  }
}
section.pad-end--small [data-size] {
  padding-block-end: calc(3.125rem / 2);
}
@media (min-width: 738px) {
  section.pad-end--small [data-size] {
    padding-block-end: calc(6.25rem / 2);
  }
}

[data-size=full] {
  inline-size: 100%;
}
@media screen and (min-width: 2000px) {
  [data-size=full] {
    margin-right: auto;
    margin-left: auto;
    max-width: 2000px;
  }
}

[data-size=layout] {
  margin-right: auto;
  margin-left: auto;
  max-width: 1500px;
  padding-right: 20px;
  padding-left: 20px;
  box-sizing: content-box;
}

[data-size=content] {
  margin-right: auto;
  margin-left: auto;
  max-width: 960px;
  padding-right: 20px;
  padding-left: 20px;
  box-sizing: content-box;
}