/* Theme base styles */

/* Custom 29x Style*/
@charset "UTF-8";
/* Vendor */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
     ========================================================================== */
/**
   * Remove the margin in all browsers.
   */
body {
  margin: 0;
}

/**
   * Correct the font size and margin on `h1` elements within `section` and
   * `article` contexts in Chrome, Firefox, and Safari.
   */
/* Grouping content
     ========================================================================== */
/**
   * Add the correct box sizing in Firefox.
   */
hr {
  box-sizing: content-box;
  height: 0;
}

/**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
     ========================================================================== */
/**
   * 1. Remove the bottom border in Chrome 57-
   * 2. Add the correct text decoration in Chrome, Edge, Opera, and Safari.
   */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
   * Add the correct font weight in Chrome, Edge, and Safari.
   */
b,
strong {
  font-weight: bolder;
}

/**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
   * Add the correct font size in all browsers.
   */
small {
  font-size: 80%;
}

/**
   * Prevent `sub` and `sup` elements from affecting the line height in
   * all browsers.
   */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Forms
     ========================================================================== */
/**
   * 1. Change the font styles in all browsers.
   * 2. Remove the margin in Firefox and Safari.
   */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
   * Remove the inheritance of text transform in Edge and Firefox.
   * 1. Remove the inheritance of text transform in Firefox.
   */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
   * Correct the inability to style clickable types in iOS and Safari.
   */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
   * Remove the inner border and padding in Firefox.
   */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
   * Restore the focus styles unset by the previous rule.
   */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
   * Correct the padding in Firefox.
   */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
   * Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers.
   */
legend {
  padding: 0;
}

/**
   * Add the correct vertical alignment in Chrome, Firefox, and Opera.
   */
progress {
  vertical-align: baseline;
}

/**
   * Correct the cursor style of increment and decrement buttons in Chrome.
   */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
   * 1. Correct the odd appearance in Chrome and Safari.
   * 2. Correct the outline style in Safari.
   */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
   * Remove the inner padding in Chrome and Safari on macOS.
   */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
   * 1. Correct the inability to style clickable types in iOS and Safari.
   * 2. Change font properties to `inherit` in Safari.
   */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
     ========================================================================== */
/*
   * Add the correct display in Edge and Firefox.
   */
details {
  display: block;
}

/*
   * Add the correct display in all browsers.
   */
summary {
  display: list-item;
}

/* Typography
     ========================================================================== */
body {
  line-height: 1.4;
  overflow-wrap: break-word;
}

html[lang^=ja] body,
html[lang^=zh] body,
html[lang^=ko] body {
  line-break: strict;
  overflow-wrap: normal;
  word-break: break-all;
}

/* Paragraphs */
p {
  font-size: 1rem;
  margin: 0 0 2rem;
}

/* Anchors */
a {
  cursor: pointer;
}

/* Code blocks */
pre {
  overflow: auto;
}

code {
  vertical-align: bottom;
}

/* Blockquotes */
blockquote {
  border-left: 2px solid;
  margin: 0 0 1.4rem;
  padding-left: 0.7rem;
}

/* Horizontal rules */
hr {
  border: none;
  border-bottom: 1px solid #ccc;
}

/* Image alt text */
img {
  font-size: 0.583rem;
  word-break: normal;
}

/* Tables
     ========================================================================== */
table {
  border-collapse: collapse;
  margin-bottom: 1.4rem;
  overflow-wrap: break-word;
}

/* Table cells */
td,
th {
  vertical-align: top;
}

/* Table header */
thead th {
  vertical-align: bottom;
}

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

/* Settings */
/**
 * Settings: Variables
 */
:root {
  /* Global colors are defined in base.html as they are based on the theme colors */
  /* Easing functions - http://easings.net
  ********************/
  --easeInSine: cubic-bezier(0.47, 0, 0.745, 0.715);
  --easeOutSine: cubic-bezier(0.39, 0.575, 0.565, 1);
  --easeInOutSine: cubic-bezier(0.445, 0.05, 0.55, 0.95);
  --easeInQuad: cubic-bezier(0.55, 0.085, 0.68, 0.53);
  --easeOutQuad: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --easeInOutQuad: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  --easeInCubic: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  --easeOutCubic: cubic-bezier(0.215, 0.61, 0.355, 1);
  --easeInOutCubic: cubic-bezier(0.645, 0.045, 0.355, 1);
  --easeInQuart: cubic-bezier(0.895, 0.03, 0.685, 0.22);
  --easeOutQuart: cubic-bezier(0.165, 0.84, 0.44, 1);
  --easeInOutQuart: cubic-bezier(0.77, 0, 0.175, 1);
  --easeInQuint: cubic-bezier(0.755, 0.05, 0.855, 0.06);
  --easeOutQuint: cubic-bezier(0.23, 1, 0.32, 1);
  --easeInOutQuint: cubic-bezier(0.86, 0, 0.07, 1);
  --easeInExpo: cubic-bezier(0.95, 0.05, 0.795, 0.035);
  --easeOutExpo: cubic-bezier(0.19, 1, 0.22, 1);
  --easeInOutExpo: cubic-bezier(1, 0, 0, 1);
  --easeInCirc: cubic-bezier(0.6, 0.04, 0.98, 0.335);
  --easeOutCirc: cubic-bezier(0.075, 0.82, 0.165, 1);
  --easeInOutCirc: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  --easeInBack: cubic-bezier(0.6, -0.28, 0.735, 0.045);
  --easeOutBack: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  --easeInOutBack: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  /* Layout
  ********************/
  --site-background-color: var(--color-white);
  /* Typography
  ********************/
  --base-font-family: "Noto Sans", sans-serif;
  --base-font-size: 16px;
  --base-font-weight: 400;
  --header-font-family: "Manrope", sans-serif;
  --header-font-weight: 700;
}
@media (max-width: 575px) {
  :root {
    --base-font-size: 14px;
  }
}

/* HS Specific styling */
/* CTA, logo, and rich text images */
.hs_cos_wrapper_type_cta img,
.hs_cos_wrapper_type_logo img,
.hs_cos_wrapper_type_rich_text img {
  height: auto;
  max-width: 100%;
}

/* Language switcher */
.header__language-switcher {
  cursor: pointer;
  padding-right: 1.4rem;
}

.header__language-switcher .lang_switcher_class {
  position: static;
}

.header__language-switcher .lang_list_class {
  border: 2px solid;
  border-radius: 3px;
  box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.2);
  display: block;
  left: calc(100% - 24px);
  opacity: 0;
  min-width: 100px;
  padding-top: 0;
  text-align: left;
  top: 100%;
  transition: opacity 0.3s;
  visibility: hidden;
}

.header__language-switcher:hover .lang_list_class,
.header__language-switcher:focus .lang_list_class {
  opacity: 1;
  transition: opacity 0.3s;
  visibility: visible;
}

.header__language-switcher .lang_list_class:before {
  left: 70%;
  top: -25px;
}

.header__language-switcher .lang_list_class:after {
  left: 70%;
  top: -22px;
}

.header__language-switcher .lang_list_class.first-active::after {
  top: -22px;
  transition: 0.3s;
}

.header__language-switcher .lang_list_class li {
  border: none;
  font-size: 18px;
  padding: 0.35rem 0.7rem;
}

.header__language-switcher .lang_list_class li:first-child {
  border-radius: 6px 6px 0 0;
  border-top: none;
}

.header__language-switcher .lang_list_class li:last-child {
  border-bottom: none;
  border-radius: 0 0 6px 6px;
}

.header__language-switcher .lang_list_class li:hover {
  transition: background-color 0.3s;
}

.header__language-switcher--label {
  display: flex;
  position: relative;
}

.header__language-switcher--label-current {
  align-items: center;
  display: flex;
  font-size: 0.75rem;
  margin-bottom: 0.175rem;
  margin-left: 0.7rem;
}

.header__language-switcher--label-current:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 6px solid #494a52;
  content: "";
  display: block;
  height: 0px;
  margin-left: 0.7rem;
  margin-top: 0.175rem;
  width: 0px;
}

@media (max-width: 767px) {
  .header__language-switcher {
    border-top: 2px solid #ced4db;
    padding-left: 1.05rem;
    padding-right: 0;
  }
  .header__language-switcher .lang_list_class {
    border: none;
    box-shadow: unset;
    display: block;
    left: 30px;
    opacity: 1;
    padding: 0 1.05rem;
    top: 0;
    visibility: visible;
  }
  .header__language-switcher .lang_list_class li {
    background-color: inherit;
    font-size: 0.917rem;
  }
  .header__language-switcher--label-current {
    display: none;
  }
  .header__language-switcher .globe_class {
    background-image: none;
  }
  .header__language-switcher .lang_list_class li:hover {
    background-color: inherit;
  }
  .header__language-switcher .lang_list_class:before,
  .header__language-switcher .lang_list_class:after {
    content: none;
  }
}
/* ==========================================================================
   #Layout
   ========================================================================== */
.content-wrapper {
  margin: 0 auto;
  padding: 0 1rem;
}

@media screen and (min-width: 1380px) {
  .content-wrapper {
    padding: 0;
  }
}
.dnd-section > .row-fluid {
  margin: 0 auto;
}

.dnd-section .dnd-column {
  padding: 0;
}

@media (max-width: 767px) {
  .dnd-section .dnd-column {
    padding: 0;
  }
}
/* Mobile layout */
.row-fluid {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.row-fluid [class*=span] {
  min-height: 1px;
  width: 100%;
}

/* Desktop layout */
@media (min-width: 768px) {
  .row-fluid {
    flex-wrap: nowrap;
    justify-content: space-between;
  }
  .row-fluid .span11 {
    width: calc(91.66% - var(--column-gap) * 0.0833);
  }
  .row-fluid .span10 {
    width: calc(83.33% - var(--column-gap) * 0.166);
  }
  .row-fluid .span9 {
    width: calc(75% - var(--column-gap) * 0.25);
  }
  .row-fluid .span8 {
    width: calc(66.66% - var(--column-gap) * 0.333);
  }
  .row-fluid .span7 {
    width: calc(58.33% - var(--column-gap) * 0.4166);
  }
  .row-fluid .span6 {
    width: calc(50% - var(--column-gap) * 0.5);
  }
  .row-fluid .span5 {
    width: calc(41.66% - var(--column-gap) * 0.5833);
  }
  .row-fluid .span4 {
    width: calc(33.33% - var(--column-gap) * 0.6668);
  }
  .row-fluid .span3 {
    width: calc(25% - var(--column-gap) * 0.75);
  }
  .row-fluid .span2 {
    width: calc(16.66% - var(--column-gap) * 0.8333);
  }
  .row-fluid .span1 {
    width: calc(8.33% - var(--column-gap) * 0.9166);
  }
}
/* Base */
/**
 * Base
 */
/* Box sizing */
* {
  box-sizing: border-box;
}
*:before, *:after {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  min-height: 100%;
}

/* Body */
body {
  overflow: auto;
  min-height: 100%;
  background-color: var(--color-white);
  font-family: var(--base-font-family);
  font-weight: var(--base-font-weight);
  font-size: var(--base-font-size);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: var(--color-black);
  line-height: 1.5;
  position: relative;
  width: 100%;
  margin: 0;
}
@media (min-width: 1600px) {
  body {
    font-size: 18px;
  }
  body p {
    font-size: 18px;
  }
}

/* Links */
a {
  color: var(--color-link);
  text-decoration: underline;
}

input,
textarea,
button,
select,
a {
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* Image handling */
figure {
  margin: 0;
  background-size: auto 100%;
  background-position: center center;
  background-repeat: no-repeat;
}
figure img {
  max-width: 100%;
  width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
  transition: opacity 0.2s;
}
figure.contain-width img {
  width: auto;
}

/* Theme width */
.dnd-section > .row-fluid {
  max-width: none !important;
}

/* Site */
.site {
  position: relative;
  height: 100%;
  padding-top: 80px; /* Mobile nav height */
  overflow: hidden;
}
@media (min-width: 1200px) {
  .site {
    padding-top: 91px; /* Desktop nav height */
  }
}
@media (min-width: 1400px) {
  .site {
    padding-top: 111px; /* Large desktop nav height */
  }
}
.site:before {
  content: "";
  display: block;
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(var(--color-white), 1);
  transform: scaleY(0); /* Start scale */
  transform-origin: top;
  transition: transform 0.6s var(--easeInOutQuart), background-color 0.3s var(--easeOutBack);
}

/* Main content */
.body-container-wrapper {
  margin: 0 auto;
}

.text-header,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--header-font-family);
  font-weight: var(--header-font-weight);
  color: rgba(var(--color-secondary), 1);
  line-height: 1.1;
  margin: 0 0 30px 0;
}

h1 {
  font-size: 32px;
}
@media (min-width: 768px) {
  h1 {
    font-size: 42px;
  }
}
@media (min-width: 1400px) {
  h1 {
    font-size: 48px;
  }
}

h2 {
  font-size: 28px;
}
@media (min-width: 768px) {
  h2 {
    font-size: 42px;
  }
}
@media (min-width: 1400px) {
  h2 {
    font-size: 48px;
  }
}

h3 {
  font-size: 26px;
}
@media (min-width: 768px) {
  h3 {
    font-size: 38px;
  }
}

h4 {
  font-size: 24px;
}
@media (min-width: 768px) {
  h4 {
    font-size: 28px;
  }
}

h5 {
  font-size: 22px;
}
@media (min-width: 768px) {
  h5 {
    font-size: 26px;
  }
}

h6 {
  font-size: 18px;
}
@media (min-width: 768px) {
  h6 {
    font-size: 22px;
  }
}

.text-header--h1, .text-header--p1 {
  font-size: 32px;
}
@media (min-width: 768px) {
  .text-header--h1, .text-header--p1 {
    font-size: 42px;
  }
}
@media (min-width: 1400px) {
  .text-header--h1, .text-header--p1 {
    font-size: 48px;
  }
}
.text-header--h2, .text-header--p2 {
  font-size: 28px;
}
@media (min-width: 768px) {
  .text-header--h2, .text-header--p2 {
    font-size: 42px;
  }
}
@media (min-width: 1400px) {
  .text-header--h2, .text-header--p2 {
    font-size: 48px;
  }
}
.text-header--h3, .text-header--p3 {
  font-size: 26px;
}
@media (min-width: 768px) {
  .text-header--h3, .text-header--p3 {
    font-size: 38px;
  }
}
.text-header--h4, .text-header--p4 {
  font-size: 24px;
}
@media (min-width: 768px) {
  .text-header--h4, .text-header--p4 {
    font-size: 28px;
  }
}
.text-header--h5, .text-header--p5 {
  font-size: 22px;
}
@media (min-width: 768px) {
  .text-header--h5, .text-header--p5 {
    font-size: 26px;
  }
}
.text-header--h6, .text-header--p6 {
  font-size: 18px;
}
@media (min-width: 768px) {
  .text-header--h6, .text-header--p6 {
    font-size: 22px;
  }
}

/**
 * Base: icons
 */
/* Sprite fix */
.icon-sprite {
  display: none;
}

/* Sprite fix end */
.icon {
  height: 24px;
  width: 24px;
  display: inline-block;
  fill: currentColor;
}

.btn, .hs-button {
  position: relative;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  flex-shrink: 0;
  width: auto;
  height: 48px;
  overflow: hidden;
  padding: 15px 20px;
  border: 0;
  border-radius: 50px;
  color: rgba(var(--white), 1);
  transition: all 0.3s var(--easeInOutQuart);
  text-decoration: none;
  font-weight: 600;
  line-height: 1;
  font-size: 16px;
  /* Reverse action */
}
.btn:after, .hs-button:after {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-color: rgba(var(--color-text), 0);
  transition: all 0.3s var(--easeInOutQuart);
  border-radius: 50px;
}
.btn:hover, .hs-button:hover {
  transition: all 0.3s var(--easeInOutQuart);
}
.btn:hover:after, .hs-button:hover:after {
  width: 100%;
  background-color: rgba(var(--color-text), 0.05);
}
@media (min-width: 1200px) {
  .btn:hover .btn__icon, .hs-button:hover .btn__icon {
    padding-left: 16px;
    padding-right: 3px;
    transition: inherit;
  }
}
.btn span, .btn__icon, .hs-button span, .hs-button__icon {
  position: relative;
  z-index: 1;
}
.btn span, .hs-button span {
  margin-top: -1px;
}
@media (min-width: 992px) {
  .btn span, .hs-button span {
    margin-top: -2px;
  }
}
.btn__icon, .hs-button__icon {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: 13px;
  padding-left: 13px;
  height: 100%;
  border-left: 1px solid rgba(var(--color-white), 0.5);
}
@media (min-width: 1200px) {
  .btn__icon, .hs-button__icon {
    transition: inherit;
  }
}
.btn__icon img, .hs-button__icon img {
  display: block;
  max-height: 26px;
}
.btn--header, .hs-button--header {
  height: 34px;
  padding: 10px;
  font-size: 14px;
}
@media (min-width: 1200px) {
  .btn--header, .hs-button--header {
    height: auto;
    padding: 15px 20px;
    font-size: 16px;
  }
}
.btn--header .btn__icon, .hs-button--header .btn__icon {
  margin-left: 6px;
  padding-left: 6px;
}
@media (min-width: 1200px) {
  .btn--header .btn__icon, .hs-button--header .btn__icon {
    margin-left: 13px;
    padding-left: 13px;
  }
}
.btn--header.btn--icon-left .btn__icon, .hs-button--header.btn--icon-left .btn__icon {
  margin-left: 0;
  padding-left: 0;
  padding-right: 6px;
}
@media (min-width: 1200px) {
  .btn--header.btn--icon-left .btn__icon, .hs-button--header.btn--icon-left .btn__icon {
    margin-right: 13px;
    padding-right: 13px;
  }
}
.btn--blue, .btn.primary, .hs-button--blue, .hs-button.primary {
  background-color: rgba(var(--color-primary), 1);
  color: rgba(var(--color-white), 1);
}
.btn--blue_dark, .hs-button--blue_dark {
  background-color: rgba(var(--color-secondary), 1);
  color: rgba(var(--color-white), 1);
}
.btn--green, .hs-button--green {
  background-color: rgba(var(--color-complementary-2), 1);
  color: rgba(var(--color-white), 1);
}
.btn--yellow, .hs-button--yellow {
  background-color: rgba(var(--color-complementary), 1);
  color: rgba(var(--color-secondary), 1);
}
.btn--yellow .btn__icon, .hs-button--yellow .btn__icon {
  border-left: 1px solid rgba(var(--color-secondary), 0.5);
}
.btn--text, .hs-button--text {
  padding: 0;
  background-color: transparent;
  border-radius: 0;
  color: rgba(var(--color-secondary), 1);
  line-height: 1.2;
  height: auto;
}
.btn--text:hover:after, .hs-button--text:hover:after {
  display: none;
}
.btn--text span, .hs-button--text span {
  margin-top: 0;
}
.btn--text .btn__icon, .hs-button--text .btn__icon {
  margin-left: 0;
  border-left: 0;
}
.btn--text.btn--icon-left .btn__icon, .hs-button--text.btn--icon-left .btn__icon {
  margin-right: 0;
  border-right: 0;
}
.btn--icon-left, .hs-button--icon-left {
  flex-direction: row-reverse;
}
@media (min-width: 1200px) {
  .btn--icon-left:hover .btn__icon, .hs-button--icon-left:hover .btn__icon {
    padding-right: 16px;
    padding-left: 3px;
    transition: inherit;
  }
}
.btn--icon-left .btn__icon, .hs-button--icon-left .btn__icon {
  margin-left: 0;
  padding-left: 0;
  margin-right: 13px;
  padding-right: 13px;
  border-left: 0;
  border-right: 1px solid rgba(var(--color-white), 0.5);
}
.btn--icon-left.btn--yellow .btn__icon, .hs-button--icon-left.btn--yellow .btn__icon {
  border-left: 0;
  border-right: 1px solid rgba(var(--color-secondary), 0.5);
}

.hs-button {
  width: auto !important;
  cursor: pointer;
}

.content-container,
.blog-index,
.blog-tag-heading {
  max-width: 1600px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
  padding-right: 16px;
  padding-left: 16px;
}
@media (min-width: 576px) {
  .content-container,
  .blog-index,
  .blog-tag-heading {
    padding-right: 50px;
    padding-left: 50px;
  }
}

.animate--play {
  transition: all 0.3s var(--easeInOutQuart);
}
.animate--play:hover:before {
  transform: scale(1.1);
  transition: all 0.3s var(--easeInOutQuart);
  box-shadow: 0 3px 30px rgba(0, 0, 0, 0.11);
}

.play-video-button {
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  z-index: 2;
  transform-origin: center;
  backface-visibility: hidden;
  top: 50%;
  left: 50%;
  width: 60px;
  height: 60px;
  transform: translate(-50%, -50%);
  transition: transform 0.2s ease-in-out;
  border: none;
  cursor: pointer;
  background-color: rgba(var(--color-complementary-2), 1);
  padding: 0;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
}
.play-video-button svg {
  fill: rgba(var(--color-white), 1);
  width: 20px;
  height: 20px;
  display: block;
  margin-left: 8%;
}
@media (min-width: 1200px) {
  .play-video-button svg {
    width: 30px;
    height: 30px;
  }
}
.play-video-button:hover {
  transform: translate(-50%, -50%) scale(1.2);
}
@media (min-width: 1200px) {
  .play-video-button {
    height: 90px;
    width: 90px;
  }
}
.play-video-button.hidden {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}

/* Intro macro styles */
.section-intro--centered .section-intro__header, .section-intro--centered .section-intro__subheader, .section-intro--centered .section-intro__subheader p {
  text-align: center;
}
.section-intro__subheader p,
.section-intro__subheader span {
  font-size: 18px;
}
@media (min-width: 1600px) {
  .section-intro__subheader p,
  .section-intro__subheader span {
    font-size: 20px;
  }
}

/* End intro macro styles */
@media (min-width: 1200px) {
  .section-wrapper {
    max-width: 1440px;
    margin-right: auto;
    margin-left: auto;
  }
}
@media (min-width: 768px) {
  .section-wrapper .section-intro--centered .section-intro__subheader {
    margin-right: auto;
    margin-left: auto;
  }
}
@media (min-width: 768px) {
  .section-wrapper .section-intro__subheader {
    width: 80%;
  }
}
@media (min-width: 1200px) {
  .section-wrapper .section-intro__subheader {
    width: 70%;
  }
}
@media (min-width: 1400px) {
  .section-wrapper .section-intro__subheader {
    width: 60%;
  }
}
.section-wrapper .section-intro__subheader ul {
  margin: 0 0 30px 0;
}
.section-wrapper .section-intro__subheader ul li a:hover {
  text-decoration: none;
}
.section-wrapper .section-intro__subheader:last-child {
  margin-bottom: 0;
}

.indent-content {
  padding-left: 30px;
}
.indent-content h1,
.indent-content h2,
.indent-content h3,
.indent-content h4,
.indent-content h5,
.indent-content h6 {
  margin-bottom: 0px;
}

span.green {
  color: rgba(var(--color-complementary-2), 1);
}
span.blue {
  color: rgba(var(--color-primary), 1);
}

.label {
  align-items: center;
  display: inline-flex;
  flex-direction: row;
  justify-items: center;
  align-self: flex-start;
  width: auto;
  height: 25px;
  margin-bottom: 20px;
  padding: 2px 8px 0;
  border-radius: 25px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
}

/* Icon ul */
.icon-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.icon-list li {
  display: flex;
  align-items: center;
}
.icon-list li img,
.icon-list li span {
  display: block;
}
.icon-list li img {
  margin-right: 8px;
}

.animation {
  opacity: 0;
}

.animation--active {
  animation: fadeIn 1s forwards;
  animation-delay: 0.2s;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(100px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/* Keyframes for subtle left-right bounce */
@keyframes subtleBounce {
  0%, 100% {
    transform: translateX(0); /* Default position */
  }
  25% {
    transform: translateX(-5px); /* Move left */
  }
  50% {
    transform: translateX(5px); /* Move right */
  }
  75% {
    transform: translateX(-5px); /* Move back left */
  }
}
.modal {
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100vw;
  height: 100vh;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
}
.modal.open {
  visibility: visible;
  opacity: 1;
  transition-delay: 0s;
}
.modal.open .modal-container {
  top: 0;
  width: calc(99% - 2rem); /* Fix repositioning of video native controls in center of the video after rotating the container */
}
@media (min-width: 768px) {
  .modal.open .modal-container {
    width: calc(99% - 4rem); /* Fix repositioning of video native controls in center of the video after rotating the container */
  }
}
@media (min-width: 1400px) {
  .modal.open .modal-container {
    width: 1190px; /* Fix repositioning of video native controls in center of the video after rotating the container */
  }
}
.modal-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(249, 176, 0, 0.95);
}
.modal-container {
  position: relative;
  top: 200vh;
  width: calc(100% - 2rem);
  background-color: var(--color-white);
  transition: all 0.5s var(--easeInOutExpo);
  will-change: transform;
}
@media (min-width: 768px) {
  .modal-container {
    width: calc(100% - 4rem);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3);
  }
}
@media (min-width: 1400px) {
  .modal-container {
    width: 1200px;
    max-width: 1200px;
    margin-right: auto;
    margin-left: auto;
  }
}
.modal-container video {
  display: block;
  transform-style: flat;
}
.modal-close {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  width: 40px;
  height: 40px;
  border-radius: 40px;
  right: -15px;
  top: -15px;
  padding: 0;
  outline: none;
  appearance: none;
  color: var(--color-white);
  background-color: var(--color-secondary);
  border: 0px;
  font-weight: bold;
  cursor: pointer;
  transform: scale(1);
  transform-origin: center;
  backface-visibility: hidden;
  transition: transform 0.4s var(--easeInOutQuart);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0);
}
.modal-close:hover {
  transform: scale(1.2);
  background-color: var(--color-secondary);
  transition: transform 0.4s var(--easeInOutQuart);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.modal-close:hover span {
  transform: scale(1);
  color: var(--color-white);
}
.modal-close:active, .modal-close:focus, .modal-close:visited {
  transform: scale(0.3);
  background-color: var(--color-secondary);
  color: var(--color-white) !important; /* Override HubSpot theme settings */
}
.modal-close span {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 26px;
  font-size: 26px;
  line-height: 0;
  font-weight: 800;
  transform: scale(1);
}

.hs-form {
  font-size: 16px;
  line-height: 22px;
  text-align: left;
}

.hs-form li {
  margin: 0;
  padding: 0;
}

.form-title:empty, .hs-form li:before {
  display: none;
}

.hs-form-field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 15px;
}
.hs-form-field label span {
  font-weight: 500;
}

.hs-input {
  background-color: rgba(var(--color-lightblue), 0.3);
  border-radius: 5px;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  color: rgba(var(--color-black), 1);
  cursor: pointer;
  height: 40px;
  padding: 5px 10px;
  text-decoration: none;
  width: 100%;
}

@media (min-width: 992px) {
  .hs-input {
    height: 50px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
.hs-input:focus {
  border: 1px solid #03024e;
  outline: none;
}

.hs-input::-webkit-input-placeholder {
  color: rgba(121, 124, 145, 0.6);
}

.hs-input::-moz-placeholder {
  color: rgba(121, 124, 145, 0.6);
}

.hs-input:-ms-input-placeholder {
  color: rgba(121, 124, 145, 0.6);
}

.hs-input::-ms-input-placeholder {
  color: rgba(121, 124, 145, 0.6);
}

.hs-input::placeholder {
  color: rgba(121, 124, 145, 0.6);
}

@media (max-width: 768px) {
  .hs-input {
    height: 50px;
  }
}
.hs-input[type=checkbox], .hs-input[type=radio] {
  background-color: transparent;
  border: 0;
  height: auto;
  margin-right: 8px;
  width: auto;
}

.hs-form-field .inputs-list label span {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.hs-form-field .multi-container li {
  margin: 0;
}

.hs-form-field .multi-container li:not(:last-of-type) {
  margin-bottom: 5px;
}

.hs-fieldtype-intl-phone select, .hs-fieldtype-select .input {
  position: relative;
}

.hs-fieldtype-select .input svg {
  height: 10px;
  left: calc(100% - 20px);
  pointer-events: none;
  position: absolute;
  top: calc(50% - 5px);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media (min-width: 992px) {
  .hs-fieldtype-select .input svg {
    left: calc(100% - 30px);
  }
}
.hs-fieldtype-select select.hs-input svg path {
  fill: RGB(var(--black));
}

.hs-fieldtype-select select.hs-input:hover ~ svg path {
  fill: RGB(var(--secondary));
}

select.hs-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='10' fill='none'%3E%3Cpath fill='%23000' d='M2.286 0 8 5.714 13.714 0 16 1.143l-8 8-8-8z'/%3E%3C/svg%3E");
  background-position: calc(100% - 10px);
  background-repeat: no-repeat;
  background-size: 16px 9px;
  padding-right: 36px;
}

@media (min-width: 992px) {
  select.hs-input {
    background-position: calc(100% - 15px);
    padding-right: 46px;
  }
}
select.hs-input:focus:hover {
  border-color: RGB(var(--color-complementary));
}

select.hs-input option {
  background-color: RGB(var(--color-white));
  color: RGB(var(--black));
}

select::-ms-expand {
  display: none;
}

.hs-fieldtype-textarea textarea {
  height: 100px;
  padding: 10px;
  width: 100%;
}

@media (min-width: 992px) {
  .hs-fieldtype-textarea textarea {
    padding: 15px;
  }
}
.hs-form-booleancheckbox, .hs_gdpr_consent_data .hs-form-booleancheckbox {
  background-color: #f6f6f6;
  border-radius: 5px;
  padding: 15px !important;
  margin-top: 20px !important;
}
.hs-form-booleancheckbox span, .hs_gdpr_consent_data .hs-form-booleancheckbox span {
  font-size: 14px;
}

.hs-input[type=file] {
  background-color: transparent;
  border-color: transparent;
  height: auto;
  padding: 0;
}

.hs-fieldtype-date .hs-dateinput {
  position: relative;
}

.hs-fieldtype-date .hs-dateinput svg {
  height: 24px;
  left: calc(100% - 20px);
  pointer-events: none;
  position: absolute;
  top: calc(50% - 12px);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media (min-width: 992px) {
  .hs-fieldtype-date .hs-dateinput svg {
    left: calc(100% - 30px);
  }
}
.hs-fieldtype-date .hs-dateinput svg path {
  fill: RGB(var(--color-black));
}

.hs-fieldtype-date .hs-dateinput:hover svg path {
  fill: RGB(var(--color-complementary));
}

.hs-fieldtype-date .hs-input:focus:hover {
  border-color: RGB(var(--color-complementary));
}

.hs-fieldtype-date .hs-datepicker .fn-date-picker .pika-button {
  border-radius: 0 !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.hs-fieldtype-date .hs-datepicker .fn-date-picker .pika-button:hover {
  background-color: RGB(var(--color-primary)) !important;
  opacity: 0.7 !important;
}

.hs-fieldtype-date .hs-datepicker .fn-date-picker .is-selected .pika-button {
  background-color: RGB(var(--color-complementary));
  color: RGB(var(--dark));
}

.hs-fieldtype-date .hs-datepicker .fn-date-picker .is-today .pika-button {
  color: RGB(var(--color-dark));
}

.hs-submit {
  margin-top: 20px;
  text-align: center;
}

@media (min-width: 768px) {
  .hs-submit {
    margin-top: 40px;
  }
}
.hs-submit input[type=submit] {
  width: 100%;
}

.hs-form ol, .hs-form ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.hs-form ol li, .hs-form ul li {
  list-style: none;
}

.hs-form-field > label {
  display: block;
  margin-bottom: 5px;
}

.hs-form-field > label:empty {
  display: none;
}

.hs-form legend {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  display: block;
  font-size: 0.8em;
  line-height: 0.8em;
  margin-left: 10px;
  margin-top: 5px;
  order: 1;
}

@media (min-width: 992px) {
  .hs-form legend {
    margin-left: 15px;
    margin-top: 10px;
  }
}
.hs-richtext p {
  font-size: 12px;
  line-height: 1.1;
  color: #c0bcbc;
}

.hs-richtext p:not(:last-of-type) {
  margin-bottom: 10px;
}

.hs-richtext + .hs-form-field {
  margin-top: 10px;
}

.hs-input.error {
  border-color: #ed4337;
}

ul.hs-error-msgs {
  -webkit-box-ordinal-group: 11;
  -ms-flex-order: 10;
  margin-left: 10px;
  margin-top: 5px;
  order: 10;
}

@media (min-width: 992px) {
  ul.hs-error-msgs {
    margin-left: 15px;
  }
}
ul.hs-error-msgs li {
  list-style: none;
}

ul.hs-error-msgs label {
  color: #ed4337;
  font-size: 0.8em;
  line-height: 0.8em;
}

.hs_error_rollup {
  border: 1px solid #ed4337;
  margin-top: 15px;
  padding: 15px;
}

.hs_error_rollup .hs-error-msgs {
  margin: 0;
}

.hs_gdpr_consent_data .hs-form-booleancheckbox label, .hs_gdpr_consent_marketing .hs-form-booleancheckbox label {
  font-weight: 700;
}

form.hs-form fieldset {
  max-width: none;
}

form.hs-form fieldset.form-columns-1 .hs-form-field, form.hs-form fieldset.form-columns-2 .hs-form-field, form.hs-form fieldset.form-columns-3 .hs-form-field {
  width: 100%;
}

form.hs-form fieldset.form-columns-1 .input, form.hs-form fieldset.form-columns-2 .input, form.hs-form fieldset.form-columns-3 .input {
  margin-right: 0;
}

form.hs-form fieldset.form-columns-1 .hs-input {
  width: 100%;
}

form.hs-form fieldset.form-columns-1 input[type=checkbox].hs-input, form.hs-form fieldset.form-columns-1 input[type=radio].hs-input {
  width: auto;
}

@media (min-width: 768px) {
  form.hs-form fieldset.form-columns-2 .hs-form-field {
    width: calc(50% - 5px);
  }
  form.hs-form fieldset.form-columns-2 .hs-form-field:not(:first-of-type) {
    margin-left: 10px;
  }
  form.hs-form fieldset.form-columns-3 .hs-form-field {
    width: calc(33.33333% - 6.66667px);
  }
  form.hs-form fieldset.form-columns-3 .hs-form-field:not(:first-of-type) {
    margin-left: 10px;
  }
}
@media (max-device-width: 480px) and (min-device-width: 320px), (max-width: 400px) {
  form.hs-form fieldset.form-columns-2 .hs-input, form.hs-form fieldset.form-columns-3 .hs-input {
    width: 100% !important;
  }
  input[type=checkbox], input[type=radio] {
    width: auto !important;
  }
}
.video-modal-background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100px;
  height: 100px;
  z-index: 1000;
  border-radius: 100%;
  pointer-events: none;
  transform-origin: center;
  transform: translate(-50%, -50%) scale(0);
  transition: transform 0.3s ease-in-out;
  background-color: rgba(var(--color-primary), 1);
}
.video-modal-background--active {
  transform: translate(-50%, -50%) scale(60);
}

.video-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
  pointer-events: none;
  opacity: 0;
  background: rgba(var(--color-primary), 1);
}
.video-modal--active {
  pointer-events: auto;
  opacity: 1;
}
.video-modal--video-initialised .video-modal-content__loading {
  opacity: 0;
  visibility: hidden;
}
.video-modal-inner {
  padding: 40px;
  height: 100%;
  overflow-y: scroll;
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 30px;
}
.video-modal-close {
  min-width: 45px;
  min-height: 45px;
  width: 45px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid rgba(var(--color-white), 1);
  border-radius: 50%;
  cursor: pointer;
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 9999;
  background-color: #333;
}
.video-modal-content {
  position: relative;
  background-color: rgba(var(--color-white), 1);
  border-radius: 10px;
}
.video-modal-content__video {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  width: 100%;
  max-width: calc(100vw - 40px);
  height: 0;
  padding-bottom: 56.25%;
  box-shadow: 0px 40px 80px rgba(0, 0, 0, 0.15);
  background: var(--color-ice);
}
.video-modal-content__loading {
  display: inline-block;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  width: 80px;
  height: 80px;
  z-index: 1;
  pointer-events: none;
  user-select: none;
}
.video-modal-content__loading div {
  position: absolute;
  top: 33px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: rgba(var(--color-primary), 1);
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.video-modal-content__loading div:nth-child(1) {
  left: 8px;
  animation: lds-ellipsis1 0.6s infinite;
}
.video-modal-content__loading div:nth-child(2) {
  left: 8px;
  animation: lds-ellipsis2 0.6s infinite;
}
.video-modal-content__loading div:nth-child(3) {
  left: 32px;
  animation: lds-ellipsis2 0.6s infinite;
}
.video-modal-content__loading div:nth-child(4) {
  left: 56px;
  animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}

/* Modules */
.hero {
  padding-right: 20px;
  padding-left: 20px;
}
.hero__wrapper {
  display: flex;
  flex-direction: column-reverse;
  overflow: hidden;
  border-radius: 5px;
}
@media (min-width: 768px) {
  .hero__wrapper {
    flex-direction: row;
    gap: 16px;
    border-radius: 10px;
  }
}
@media (min-width: 1920px) {
  .hero__wrapper {
    max-width: 1920px;
    margin-right: auto;
    margin-left: auto;
  }
}
.hero .section-intro {
  position: relative;
  z-index: 1;
}
@media (min-width: 1600px) {
  .hero .section-intro--centered .section-intro__subheader {
    width: 100%;
    padding-right: 10%;
    padding-left: 10%;
  }
}
@media (min-width: 1920px) {
  .hero .section-intro--centered .section-intro__subheader {
    width: 100%;
    padding-right: 10%;
    padding-left: 10%;
  }
}
@media (max-width: 575px) {
  .hero .section-intro__header {
    font-size: 32px;
  }
}
@media (max-width: 374px) {
  .hero .section-intro__header {
    font-size: 1.8em;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hero .section-intro__header {
    font-size: 28px;
  }
}
@media (min-width: 1400px) {
  .hero .section-intro__header {
    font-size: 50px;
  }
}
@media (min-width: 1600px) {
  .hero .section-intro__header {
    margin-bottom: 50px;
    font-size: 60px;
  }
}
@media (min-width: 1400px) {
  .hero .section-intro__subheader {
    margin-bottom: 40px;
  }
}
@media (min-width: 1600px) {
  .hero .section-intro__subheader {
    width: 80%;
    margin-bottom: 60px;
  }
}
@media (min-width: 1920px) {
  .hero .section-intro__subheader {
    width: 70%;
  }
}
.hero .section-intro__subheader p,
.hero .section-intro__subheader span {
  font-size: 18px;
}
@media (min-width: 1200px) {
  .hero .section-intro__subheader p,
  .hero .section-intro__subheader span {
    font-size: 20px;
  }
}
.hero__text {
  padding: 0 20px 40px 20px;
  /* Inline handwritten text */
}
@media (min-width: 768px) {
  .hero__text {
    align-self: center;
    padding: 50px 0 60px 50px;
  }
}
@media (min-width: 992px) {
  .hero__text {
    padding: 60px 0 70px 60px;
  }
}
@media (min-width: 1200px) {
  .hero__text {
    padding: 70px 0 80px 70px;
  }
}
@media (min-width: 1400px) {
  .hero__text {
    padding: 90px 0 100px 90px;
  }
}
@media (min-width: 1600px) {
  .hero__text {
    padding: 150px 0 160px 150px;
  }
}
@media (min-width: 1920px) {
  .hero__text {
    padding: 180px 0 190px 240px;
  }
}
.hero__text-wrapper {
  position: relative;
}
.hero__text .img-holder {
  display: inline-block;
  position: relative;
}
.hero__text .img-holder img {
  display: block;
  position: absolute;
  width: 110px;
  top: -47px;
  left: -57px;
}
@media (min-width: 992px) {
  .hero__text .img-holder img {
    width: 120px;
    top: -45px;
    left: -64px;
  }
}
@media (min-width: 1400px) {
  .hero__text .img-holder img {
    width: 140px;
    top: -54px;
    left: -74px;
  }
}
@media (min-width: 1600px) {
  .hero__text .img-holder img {
    width: 160px;
    top: -64px;
    left: -86px;
  }
}
.hero__text-shape {
  position: absolute;
  z-index: 0;
  top: -60px;
  left: -60px;
  width: 80px;
}
@media (min-width: 768px) {
  .hero__text-shape {
    left: -80px;
    width: 100px;
  }
}
@media (min-width: 992px) {
  .hero__text-shape {
    left: -65px;
    top: -60px;
    width: 80px;
  }
}
@media (min-width: 1400px) {
  .hero__text-shape {
    left: -105px;
    top: -85px;
    width: 120px;
  }
}
@media (min-width: 1600px) {
  .hero__text-shape {
    left: -105px;
    top: -100px;
    width: 150px;
  }
}
@media (min-width: 1920px) {
  .hero__text-shape {
    left: -135px;
    top: -90px;
    width: 177px;
  }
}
.hero__text-buttons {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (min-width: 992px) {
  .hero__text-buttons {
    flex-direction: row;
    align-items: center;
  }
}
.hero__text-buttons .btn {
  align-self: flex-start;
}
@media (min-width: 992px) {
  .hero__text-buttons .btn {
    align-self: center;
  }
}
.hero__text-buttons .btn--text {
  font-size: 14px;
  border-bottom: 1px dotted rgba(var(--color-secondary), 1);
}
.hero__text-buttons .btn--text:hover {
  border-bottom: 1px dotted rgba(var(--color-secondary), 0);
}
.hero__text-buttons--centered {
  align-items: center;
}
@media (min-width: 1200px) {
  .hero__text-buttons--centered {
    justify-content: center;
  }
}
.hero__text-buttons--centered .btn {
  align-self: center;
}
.hero .section-media {
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .hero .section-media {
    margin-bottom: 0;
  }
}
@media (min-width: 1200px) {
  .hero .section-media {
    display: flex; /* Center --mp4 --vimeo media with hero text */
    height: 100%;
  }
}
.hero .section-media__visual {
  position: relative;
}
@media (min-width: 768px) {
  .hero .section-media__visual {
    width: 350px;
  }
}
@media (min-width: 992px) {
  .hero .section-media__visual {
    width: 450px;
  }
}
@media (min-width: 1200px) {
  .hero .section-media__visual {
    width: 600px;
  }
}
@media (min-width: 1400px) {
  .hero .section-media__visual {
    width: 680px;
  }
}
@media (min-width: 1600px) {
  .hero .section-media__visual {
    width: 760px;
  }
}
@media (min-width: 1920px) {
  .hero .section-media__visual {
    width: 840px;
  }
}
.hero .section-media__visual--image {
  position: relative;
  z-index: 1;
  padding: 0 0 0 20px;
}
@media (min-width: 768px) {
  .hero .section-media__visual--image {
    padding-top: 0;
  }
}
.hero .section-media__visual--image img {
  width: 100%;
  height: auto;
}
.hero .section-media__visual--mp4, .hero .section-media__visual--vimeo {
  max-width: 840px;
  padding: 20px;
}
@media (max-width: 767px) {
  .hero .section-media__visual--mp4, .hero .section-media__visual--vimeo {
    margin-bottom: 50px;
  }
}
@media (min-width: 768px) {
  .hero .section-media__visual--mp4, .hero .section-media__visual--vimeo {
    padding: 50px;
  }
}
@media (min-width: 992px) {
  .hero .section-media__visual--mp4, .hero .section-media__visual--vimeo {
    padding: 60px;
  }
}
@media (min-width: 1200px) {
  .hero .section-media__visual--mp4, .hero .section-media__visual--vimeo {
    padding: 70px;
    align-self: center;
  }
}
.hero .section-media__visual--mp4 video {
  width: 100%;
  max-width: 100%;
  border-radius: 10px;
  overflow: hidden;
}
.hero .section-media__visual--vimeo img {
  width: 100%;
  height: auto;
  max-width: 100%;
  border-radius: 10px;
  overflow: hidden;
}

.js-header {
  transition: transform 0.3s ease, box-shadow 0.8s ease;
}
.js-header--hidden {
  transform: translateY(-100%);
}
.js-header--scrolled {
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
}

.header {
  position: fixed;
  top: 0;
  width: 100%;
  padding-top: 22px;
  padding-right: 20px;
  padding-left: 20px;
  padding-bottom: 22px;
  z-index: 999;
  background-color: rgba(var(--color-white), 1);
}
@media (min-width: 1200px) {
  .header {
    padding-top: 0;
    padding-bottom: 0;
    height: 91px;
  }
}
@media (min-width: 1400px) {
  .header {
    height: 111px;
  }
}
.header__wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
@media (min-width: 1200px) {
  .header__wrapper {
    gap: 16px;
  }
}
@media (min-width: 1920px) {
  .header__wrapper {
    max-width: 1920px;
    margin-right: auto;
    margin-left: auto;
  }
}
.header__logo a {
  display: block;
  text-decoration: none;
}
.header__logo a img {
  display: block;
  height: 22px;
  width: auto;
}
@media (min-width: 1200px) {
  .header__logo a img {
    height: 26px;
  }
}
@media (min-width: 1400px) {
  .header__logo a img {
    height: 32px;
  }
}
.header__navigation {
  position: absolute;
  z-index: 2;
  top: 78px;
  left: -100%;
  width: 100%;
  height: 100vh;
  background-color: rgba(var(--color-white), 1);
  opacity: 0;
  transition: opacity 0.3s var(--easeInOutCirc);
}
@media (min-width: 1200px) {
  .header__navigation {
    position: static;
    display: flex;
    flex-direction: row;
    flex-grow: 1;
    top: 0;
    left: 0;
    height: 91px; /* Match header height */
    width: auto;
    gap: 32px;
    background-color: transparent;
    opacity: 1;
  }
}
@media (min-width: 1400px) {
  .header__navigation {
    height: 111px; /* Match header height */
  }
}
.header__navigation .site-nav {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style-type: none;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  /* Subnav trigger */
  /* Revealer */
  /* Submenu header */
  /* Level 2 <UL> */
}
@media (min-width: 1200px) {
  .header__navigation .site-nav {
    flex-direction: row;
    justify-content: center;
    width: 100%;
    gap: 40px;
    max-width: none;
    transform: none;
  }
}
.header__navigation .site-nav__first-level {
  width: 100%;
  padding: 15px 20px;
  border-bottom: 1px solid rgba(var(--color-light), 1);
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
@media (min-width: 1200px) {
  .header__navigation .site-nav__first-level {
    width: auto;
    padding: 0;
    border-bottom: 0;
  }
}
.header__navigation .site-nav__first-level:first-child {
  border-top: 1px solid rgba(var(--color-light), 1);
}
@media (min-width: 1200px) {
  .header__navigation .site-nav__first-level:first-child {
    border-top: 0;
  }
}
.header__navigation .site-nav__first-level a {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 18px;
  text-decoration: none;
  color: rgba(var(--color-secondary));
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
@media (min-width: 1200px) {
  .header__navigation .site-nav__first-level a {
    height: 91px; /* Also adjust __submenu-header when changing heights. These match the height of the header itself */
    font-size: 16px;
  }
}
@media (min-width: 1400px) {
  .header__navigation .site-nav__first-level a {
    height: 111px;
  }
}
@media (min-width: 1400px) {
  .header__navigation .site-nav__first-level a {
    font-size: 18px;
  }
}
.header__navigation .site-nav__first-level a:hover {
  color: rgba(var(--color-primary), 1);
}
@media (max-width: 1199px) {
  .header__navigation .site-nav__subnav {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
}
@media (min-width: 1200px) {
  .header__navigation .site-nav__subnav a:hover {
    color: rgba(var(--color-secondary), 1);
  }
}
.header__navigation .site-nav__subnav-description {
  margin: 0;
}
.header__navigation .site-nav__trigger:checked {
  /* Tap to show on mobile */
}
@media (max-width: 1199px) {
  .header__navigation .site-nav__trigger:checked ~ .site-nav__revealer .site-nav__submenu-header svg {
    transform: rotateZ(180deg);
  }
  .header__navigation .site-nav__trigger:checked ~ .site-nav__revealer .site-nav__columns {
    max-height: 2000px;
    padding-top: 20px;
  }
}
.header__navigation .site-nav__revealer {
  display: flex;
  flex-direction: column;
  cursor: pointer;
  /* Desktop hover reveal */
}
@media (min-width: 1200px) {
  .header__navigation .site-nav__revealer:hover .site-nav__columns {
    z-index: 1;
    max-height: 2000px;
    box-shadow: 0 -1px 0 rgba(var(--color-light), 1), 0 30px 30px rgba(var(--color-text), 0.03);
  }
}
.header__navigation .site-nav__submenu-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  font-size: 18px;
  color: rgba(var(--color-secondary));
}
@media (min-width: 1200px) {
  .header__navigation .site-nav__submenu-header {
    justify-content: flex-start;
    height: 91px;
    gap: 8px;
    font-size: 16px;
  }
}
@media (min-width: 1400px) {
  .header__navigation .site-nav__submenu-header {
    height: 111px;
  }
}
@media (min-width: 1400px) {
  .header__navigation .site-nav__submenu-header {
    font-size: 18px;
  }
}
.header__navigation .site-nav__submenu-header:hover {
  color: rgba(var(--color-primary), 1);
}
.header__navigation .site-nav__submenu-header span {
  display: block;
}
.header__navigation .site-nav__submenu-header svg {
  width: 12px;
  height: 12px;
  fill: rgba(var(--color-primary), 1);
  transition: all 0.3s var(--easeInOutQuart);
}
.header__navigation .site-nav__columns {
  position: relative;
  z-index: 1;
  max-height: 0;
  overflow: hidden;
  transition: all 0.3s var(--easeInOutCirc);
  will-change: max-height;
}
@media (min-width: 1200px) {
  .header__navigation .site-nav__columns {
    position: absolute;
    top: 91px; /* Matching header height */
    left: 0;
    display: flex;
    justify-content: center;
    width: 100vw;
    background-color: rgba(var(--color-white), 1);
    box-shadow: none;
    transition: all 0.6s var(--easeInOutCirc);
  }
}
@media (min-width: 1400px) {
  .header__navigation .site-nav__columns {
    top: 111px; /* Matching header height */
  }
}
@media (min-width: 1200px) {
  .header__navigation .site-nav__columns-wrapper {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 32px;
    width: 100%;
    max-width: 1440px;
    padding: 0;
  }
}
.header__navigation .site-nav__column {
  margin-bottom: 20px;
}
@media (min-width: 1200px) {
  .header__navigation .site-nav__column {
    margin-bottom: 0;
  }
}
@media (min-width: 1200px) {
  .header__navigation .site-nav__column:nth-child(1) {
    width: 30%;
    padding-top: 32px;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 32px;
  }
}
@media (min-width: 1200px) {
  .header__navigation .site-nav__column:nth-child(2) {
    width: 30%;
    padding-top: 32px;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 32px;
  }
}
@media (min-width: 1200px) {
  .header__navigation .site-nav__column:nth-child(3) {
    width: 40%;
    height: 100%;
  }
}
.header__navigation .site-nav__column:last-child {
  margin-bottom: 0;
}
.header__navigation .site-nav__column-header {
  display: block;
  margin-bottom: 25px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  color: rgba(var(--color-secondary), 1);
}
@media (min-width: 1200px) {
  .header__navigation .site-nav__column-header {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1.5px;
    color: rgba(var(--color-secondary), 0.5);
  }
}
.header__navigation .site-nav__column-image {
  width: 100%;
  padding: 20px 20px 0 20px;
}
@media (min-width: 1200px) {
  .header__navigation .site-nav__column-image {
    height: 100%;
    padding: 30px 20px 30px 0px;
  }
}
.header__navigation .site-nav__column-image img {
  display: block;
  width: 100%;
  height: auto;
}
@media (min-width: 1200px) {
  .header__navigation .site-nav__column-image img {
    width: 100%;
    height: auto;
    max-width: 100%;
    max-width: 100%;
  }
}
.header__navigation .site-nav__column--cta {
  padding: 20px;
  background-color: rgba(var(--color-lightblue), 1);
  border-radius: 5px;
}
@media (min-width: 1200px) {
  .header__navigation .site-nav__column--cta {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: 0;
    padding: 30px;
  }
  .header__navigation .site-nav__column--cta:after {
    content: "";
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 1000%;
    height: 100%;
    background-color: rgba(var(--color-lightblue), 1);
  }
}
.header__navigation .site-nav__column-ctas {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
@media (min-width: 768px) and (max-width: 1199px) {
  .header__navigation .site-nav__column-ctas {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 32px;
    padding: 20px;
  }
}
.header__navigation .site-nav__subnav {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
@media (min-width: 1200px) {
  .header__navigation .site-nav__subnav li {
    padding: 15px;
    border-radius: 5px;
  }
}
@media (min-width: 1200px) {
  .header__navigation .site-nav__subnav li:hover {
    background-color: rgba(var(--color-primary), 0.05);
  }
}
.header__navigation .site-nav__subnav li a {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  height: auto;
  gap: 16px;
}
.header__navigation .site-nav__subnav-icon {
  width: 22px;
  flex-shrink: 0;
}
.header__navigation .site-nav__subnav-icon img {
  display: block;
  width: 22px;
  height: auto;
}
.header__navigation .site-nav__subnav-description {
  font-size: 16px;
  font-weight: 700;
}
.header__navigation .site-nav__subnav-description span {
  display: block;
  font-size: 14px;
  font-weight: 400;
  color: rgba(var(--color-text), 0.5);
}
.header__navigation .site-nav__cta {
  position: relative;
  z-index: 1;
}
.header__navigation .site-nav__cta a {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 16px;
  height: auto;
}
@media (min-width: 768px) and (max-width: 1199px) {
  .header__navigation .site-nav__cta a {
    height: 100%;
  }
}
@media (min-width: 768px) {
  .header__navigation .site-nav__cta a {
    align-items: center;
    padding: 15px;
    border-radius: 5px;
    background-color: rgba(var(--color-white), 1);
  }
}
.header__navigation .site-nav__cta-image {
  flex-shrink: 0;
  width: 70px;
}
@media (min-width: 768px) and (max-width: 1199px) {
  .header__navigation .site-nav__cta-image {
    width: 90px;
  }
}
@media (min-width: 1200px) {
  .header__navigation .site-nav__cta-image {
    width: 170px;
  }
}
.header__navigation .site-nav__cta-image img {
  display: block;
  width: 100%;
  height: auto;
}
.header__navigation .site-nav__cta-text {
  display: flex;
  flex-direction: column;
  gap: 6px;
  width: 100%;
}
@media (min-width: 1400px) {
  .header__navigation .site-nav__cta-text {
    gap: 10px;
  }
}
.header__navigation .site-nav__cta-type, .header__navigation .site-nav__cta-link {
  font-size: 12px;
  color: rgba(var(--color-text), 0.5);
}
.header__navigation .site-nav__cta-title {
  margin: 0;
  line-height: 1.2;
  font-weight: 700;
}
@media (min-width: 1200px) {
  .header__navigation .site-nav__cta-title {
    font-size: 16px;
  }
}
.header__navigation .site-nav__cta-link {
  margin: 0;
  font-size: 12px;
  color: rgba(var(--color-text), 1);
}
.header__actions {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 13px;
  height: auto;
}
@media (min-width: 576px) {
  .header__actions {
    gap: 16px;
  }
}
@media (min-width: 1400px) {
  .header__actions {
    gap: 24px;
  }
}
.header__nav-open {
  position: relative;
  z-index: 3;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: auto;
  overflow: hidden;
  outline: none;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
@media (min-width: 1200px) {
  .header__nav-open {
    display: none;
  }
}
.header__nav-open-icon {
  position: relative;
  display: block;
  width: 25px;
  height: 19px;
}
.header__nav-open-icon-inner {
  transition-timing-function: linear;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition-duration: 0.275s;
}
.header__nav-open-icon-inner, .header__nav-open-icon-inner:before, .header__nav-open-icon-inner:after {
  right: 0;
  position: absolute;
  width: 25px;
  height: 2px;
  border-radius: 2px;
  background-color: rgba(var(--color-text), 1);
  transition: transform 0.6s var(--easeInOutBack), width 0.6s var(--easeInOutBack), opacity 0.6s ease;
}
.header__nav-open-icon-inner:before, .header__nav-open-icon-inner:after {
  display: block;
  content: "";
}
.header__nav-open-icon-inner {
  top: 1px;
}
.header__nav-open-icon-inner:before {
  top: 7px;
}
.header__nav-open-icon-inner:after {
  top: 14px;
}
.header__languages {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 34px;
}
@media (min-width: 1200px) {
  .header__languages {
    height: 40px;
  }
}
.header__languages ul {
  position: absolute;
  z-index: 3;
  top: 34px;
  left: -8px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  height: 0;
  margin: 0;
  padding: 0;
  list-style-type: none;
  overflow: hidden;
  background-color: rgba(var(--color-light), 1);
  border-radius: 5px;
  transition: height 0.4s var(--easeInOutCirc);
}
@media (min-width: 1200px) {
  .header__languages ul {
    top: 40px;
  }
}
.header__languages ul li a {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  text-decoration: none;
  line-height: 1;
  padding: 10px;
}
.header__languages ul li a:hover {
  background-color: rgba(var(--color-primary), 1);
}
.header__languages ul li a svg {
  width: 16px;
  height: 16px;
}
.header__languages:hover ul {
  height: auto;
}
.header__active-language {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
  height: 100%;
  margin-right: -2px;
  cursor: pointer;
}
.header__active-language svg {
  width: 20px;
  fill: rgba(var(--color-secondary), 0.5);
}
@media (min-width: 1200px) {
  .header__active-language svg {
    fill: rgba(var(--color-secondary), 1);
  }
}
.header__active-language span {
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
}
@media (min-width: 1200px) {
  .header__active-language span {
    font-size: 14px;
    font-weight: 400;
  }
}
.header .btn--header .btn__icon {
  display: none;
}
@media (min-width: 576px) {
  .header .btn--header .btn__icon {
    display: block;
  }
}

/* Nav toggle mobile menu */
#toggle__header-nav:checked ~ .site:before {
  width: 100%;
  height: 100vh;
  transform: scaleY(1); /* End scale */
  background-color: rgba(var(--color-white), 1);
  transition: height 0.6s var(--easeInOutQuart), transform 0.6s var(--easeInOutQuart), background-color 0.3s var(--easeOutBack);
}
@media (min-width: 1200px) {
  #toggle__header-nav:checked ~ .site:before {
    display: none;
  }
}
#toggle__header-nav:checked ~ .site .header {
  overflow: visible;
}
#toggle__header-nav:checked ~ .site .header .header__navigation {
  left: 0;
  opacity: 1;
  transition: transform 0.6s var(--easeInOutQuart), left 0.6s var(--easeInOutCirc), opacity 0.3s var(--easeInOutCirc);
}
#toggle__header-nav:checked ~ .site .header .header__navigation .site-nav {
  height: 100vh;
  overflow-x: scroll;
  padding-bottom: 200px;
  position: relative;
  scroll-behavior: smooth;
}
@media (min-width: 1200px) {
  #toggle__header-nav:checked ~ .site .header .header__navigation .site-nav {
    height: auto;
    position: static;
  }
}
#toggle__header-nav:checked ~ .site .header .header__navigation .site-nav::-webkit-scrollbar {
  display: none;
}
#toggle__header-nav:checked ~ .site .header .header__nav-open .header__nav-open-icon-inner {
  transform: translate3d(0, 7px, 0) rotate(45deg);
  width: 21px;
}
#toggle__header-nav:checked ~ .site .header .header__nav-open .header__nav-open-icon-inner:before, #toggle__header-nav:checked ~ .site .header .header__nav-open .header__nav-open-icon-inner:after {
  transition: background-color 0.4s, transform 0.6s var(--easeInOutBack), width 0.6s var(--easeInOutBack), opacity 0.6s ease;
}
#toggle__header-nav:checked ~ .site .header .header__nav-open .header__nav-open-icon-inner:before {
  transform: rotate(-45deg) translate3d(24px, -6px, 0);
  opacity: 0;
}
#toggle__header-nav:checked ~ .site .header .header__nav-open .header__nav-open-icon-inner:after {
  width: 21px;
  transform: translate3d(0, -14px, 0) rotate(-90deg);
}

.segments__wrapper {
  padding-left: 20px;
  overflow: hidden;
}
@media (min-width: 992px) {
  .segments__wrapper {
    padding-right: 20px;
  }
}
.segments__intro {
  margin-bottom: 40px;
  padding-right: 20px;
}
@media (min-width: 992px) {
  .segments__intro {
    padding-right: 0;
  }
}
.segments__intro .section-intro__header {
  position: relative;
}
@media (min-width: 992px) {
  .segments__intro .section-intro__header {
    margin-bottom: 60px;
  }
}
@media (min-width: 992px) {
  .segments__intro .section-intro__header span {
    position: relative;
    z-index: 2;
  }
}
@media (min-width: 992px) {
  .segments__intro .section-intro__header span:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
    width: 120%;
    height: 100%;
    background-color: rgba(var(--color-white), 1);
  }
}
@media (min-width: 992px) {
  .segments__intro .section-intro__header:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
    height: 40px;
    border-top: 1px solid rgba(var(--color-secondary), 0.1);
    border-right: 1px solid rgba(var(--color-secondary), 0.1);
    border-left: 1px solid rgba(var(--color-secondary), 0.1);
  }
}
.segments__intro .section-intro__subheader {
  margin-bottom: 30px;
}
.segments__intro-buttons--centered {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media (min-width: 768px) {
  .segments__intro-buttons--centered {
    flex-direction: row;
  }
}
.segments__list {
  display: flex;
  flex-direction: row;
  overflow-x: scroll;
  scroll-behavior: smooth;
  scroll-snap-type: inline mandatory;
  overscroll-behavior-inline: contain;
  border-radius: 5px;
  transition: all 0.3s var(--easeInOutSine);
  transform: translateZ(0);
}
@media (min-width: 992px) {
  .segments__list {
    border-radius: 10px;
  }
}
.segments__list::-webkit-scrollbar {
  display: none;
}
.segments__list > * { /* Target __list children */ }
@media (max-width: 1199px) {
  .segments__list > * {
    scroll-snap-align: center;
  }
}
.segments__segment {
  background-color: rgba(var(--color-secondary), 1);
}
@media (min-width: 992px) {
  .segments__segment {
    width: 20%;
    transition: width 0.4s var(--easeInOutCirc);
    transition-delay: 0.05s;
  }
}
@media (min-width: 992px) {
  .segments__segment:hover {
    width: 50%;
  }
}
@media (min-width: 992px) {
  .segments__segment:hover .segments__segment-text {
    height: 60%;
  }
}
@media (min-width: 1200px) {
  .segments__segment:hover .segments__segment-text {
    height: 40%;
  }
}
@media (min-width: 992px) {
  .segments__segment:hover .segments__segment-title {
    bottom: -100px;
    opacity: 0;
  }
}
.segments__segment-text {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 0;
  width: 100%;
  background-color: rgba(var(--color-secondary), 0.75);
  will-change: height;
  transition: height 0.3s var(--easeInOutCirc);
  overflow: hidden;
}
.segments__segment-label {
  position: relative;
  display: block;
  width: 160px;
  height: 350px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  cursor: pointer;
  will-change: width;
  transition: width 0.4s var(--easeInOutCirc);
  overflow: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
@media (min-width: 768px) {
  .segments__segment-label {
    width: 280px;
    height: 450px;
    cursor: default;
  }
}
@media (min-width: 992px) {
  .segments__segment-label {
    width: 101%;
    height: 550px;
  }
}
@media (min-width: 1200px) {
  .segments__segment-label {
    height: 750px;
  }
}
.segments__segment-title {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  display: inline-flex;
  align-self: center;
  padding: 5px 10px;
  opacity: 1;
  background-color: rgba(var(--color-secondary), 1);
  color: rgba(var(--color-white), 1);
  border-radius: 34px;
  transition: bottom 0.3s var(--easeInOutCirc), opacity 0.3s var(--easeInOutCirc);
}
@media (min-width: 992px) {
  .segments__segment-title {
    padding: 6px 15px;
  }
}
@media (min-width: 992px) {
  .segments__segment-title {
    bottom: 30px;
  }
}
@media (min-width: 1200px) {
  .segments__segment-title {
    bottom: 40px;
  }
}
.segments__segment-description {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 30px;
}
.segments__segment-description > span {
  display: block;
  margin-bottom: 10px;
  color: rgba(var(--color-white), 1);
  font-size: 18px;
  font-weight: 600;
}
@media (min-width: 768px) {
  .segments__segment-description > span {
    font-size: 24px;
  }
}
.segments__segment-description p {
  font-size: 14px;
  color: rgba(var(--color-white), 1);
}
@media (min-width: 768px) {
  .segments__segment-description p {
    font-size: 16px;
  }
}
@media (min-width: 1600px) {
  .segments__segment-description p {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .segments__segment-trigger:checked ~ .segments__segment-label {
    width: 320px;
  }
}
@media (max-width: 991px) and (min-width: 768px) {
  .segments__segment-trigger:checked ~ .segments__segment-label {
    width: 450px;
  }
}
@media (max-width: 991px) {
  .segments__segment-trigger:checked ~ .segments__segment-label .segments__segment-title {
    bottom: -100px;
    opacity: 0;
  }
  .segments__segment-trigger:checked ~ .segments__segment-label .segments__segment-text {
    height: 100%;
    transition: height 0.5s var(--easeInOutCubic);
  }
}

.logowall__wrapper {
  padding-right: 20px;
  padding-left: 20px;
}
.logowall__intro {
  margin-bottom: 40px;
}
@media (min-width: 768px) {
  .logowall__intro {
    margin-bottom: 60px;
  }
}
@media (min-width: 992px) {
  .logowall__intro {
    margin-bottom: 80px;
  }
}
.logowall__list {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border: 1px solid rgba(var(--color-secondary), 0.05);
  border-radius: 5px;
  overflow: hidden;
}
@media (min-width: 992px) {
  .logowall__list {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (min-width: 992px) {
  .logowall__list {
    border-radius: 10px;
  }
}
.logowall__list:after {
  display: none;
  content: "";
  position: absolute;
  z-index: -1;
  bottom: -60px;
  left: 12%;
  width: 300px;
  height: 190px;
  background: rgb(115, 166, 255);
  background: radial-gradient(circle, rgba(115, 166, 255, 0.1068802521) 0%, rgba(115, 166, 255, 0) 54%);
}
@media (min-width: 992px) {
  .logowall__list:after {
    bottom: -210px;
    left: 6%;
    width: 764px;
    height: 417px;
  }
}
.logowall__logo {
  border-bottom: 1px solid rgba(var(--color-secondary), 0.05);
  border-right: 1px solid rgba(var(--color-secondary), 0.05);
}
@media (min-width: 992px) {
  .logowall__logo {
    position: relative;
    overflow: hidden;
    transition: box-shadow 0.6s var(--easeInOutQuad);
  }
}
@media (max-width: 991px) {
  .logowall__logo:nth-child(3n) {
    border-right: 0;
  }
}
@media (min-width: 992px) {
  .logowall__logo:nth-child(5n) {
    border-right: 0;
  }
}
@media (max-width: 991px) {
  .logowall__logo:nth-last-child(-n+3) {
    border-bottom: 0;
  }
}
@media (min-width: 992px) {
  .logowall__logo:nth-last-child(-n+5) {
    border-bottom: 0;
  }
}
.logowall__logo a {
  display: block;
  text-decoration: none;
  cursor: pointer;
}
@media (min-width: 992px) {
  .logowall__logo a:before {
    content: "";
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    pointer-events: none;
    transition: box-shadow 0.4s var(--easeInOutQuad);
  }
}
@media (min-width: 992px) {
  .logowall__logo a:hover {
    z-index: 2;
  }
}
@media (min-width: 992px) {
  .logowall__logo a:hover:before {
    box-shadow: inset 0 0 30px rgba(var(--color-lightblue), 0.35);
  }
}
@media (min-width: 992px) {
  .logowall__logo a:hover img {
    transform: scale(1.12);
  }
}
.logowall__logo img {
  position: relative;
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  border-radius: 0;
  object-fit: cover;
}
@media (min-width: 992px) {
  .logowall__logo img {
    transition: transform 0.3s var(--easeInOutQuad);
    transform-origin: center;
  }
}

.sidetabs__wrapper {
  padding-right: 20px;
  padding-left: 20px;
  overflow: hidden;
}
.sidetabs__intro {
  margin-bottom: 40px;
}
@media (min-width: 768px) {
  .sidetabs__intro {
    margin-bottom: 80px;
  }
}
@media (min-width: 1200px) {
  .sidetabs__intro {
    margin-bottom: 120px;
  }
}
.sidetabs__tabs {
  position: relative;
}
@media (max-width: 575px) {
  .sidetabs__tabs:before {
    content: "";
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    height: 50px;
    width: 60px;
    background: rgb(255, 255, 255);
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 35%, rgb(255, 255, 255) 100%);
    pointer-events: none;
  }
}
@media (max-width: 575px) {
  .sidetabs__tabs:after {
    content: "< Swipe";
    position: absolute;
    top: -30px;
    right: 0;
    color: rgba(var(--color-primary), 1);
    font-size: 12px;
    pointer-events: none;
    animation: subtleBounce 2s ease-in-out infinite;
  }
}
@media (min-width: 1200px) {
  .sidetabs__tabs {
    display: grid;
    grid-template-columns: 25% 75%;
    gap: 0;
    border-radius: 10px 0 0 0;
  }
}
.sidetabs__triggers {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  gap: 8px;
  margin-bottom: 30px;
  transition: all 0.3s var(--easeInOutSine);
}
@media (max-width: 767px) {
  .sidetabs__triggers {
    overflow-x: scroll;
    scroll-snap-type: inline mandatory;
    overscroll-behavior-inline: contain;
    padding-right: 40px;
  }
}
@media (min-width: 1200px) {
  .sidetabs__triggers {
    grid-column: 1;
    display: grid;
    grid-template-rows: repeat(auto-fit, minmax(0, 1fr)); /* Dynamically divide rows evenly */
    align-content: stretch; /* Stretch to fill the height of the parent */
    gap: 0;
    margin-bottom: 0;
  }
}
.sidetabs__triggers::-webkit-scrollbar {
  display: none;
}
.sidetabs__triggers > * { /* Target __list children */ }
@media (max-width: 767px) {
  .sidetabs__triggers > * {
    scroll-snap-align: center;
  }
}
@media (min-width: 1200px) {
  .sidetabs__targets {
    grid-column: 2;
  }
}
.sidetabs__tab-title {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-shrink: 0;
  gap: 8px;
  height: 50px;
  padding: 14px 12px;
  border: 1px solid rgba(var(--color-secondary), 0.05);
  border-radius: 50px;
  transition: padding 0.3s var(--easeInOutSine), gap 0.3s var(--easeInOutSine);
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  font-size: 16px;
}
@media (min-width: 1200px) {
  .sidetabs__tab-title {
    height: 100%;
    border-radius: 0;
    font-size: 18px;
    gap: 20px;
    padding-left: 20px;
    padding-right: 20px;
    line-height: 1.1;
    border-bottom: 0;
  }
}
@media (min-width: 1600px) {
  .sidetabs__tab-title {
    font-size: 20px;
  }
}
@media (min-width: 1200px) {
  .sidetabs__tab-title:first-child {
    border-radius: 10px 0 0 0;
  }
}
@media (min-width: 1200px) {
  .sidetabs__tab-title:last-child {
    border-radius: 0 0 0 10px;
    border-bottom: 1px solid rgba(var(--color-secondary), 0.05);
  }
}
.sidetabs__tab-title--active {
  padding-right: 18px;
  padding-left: 18px;
  border: 0;
  font-weight: 600;
}
@media (min-width: 1200px) {
  .sidetabs__tab-title--active {
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media (min-width: 992px) {
  .sidetabs__tab-title:hover {
    gap: 26px;
  }
}
.sidetabs__tab-title:hover img {
  transform: rotate(10deg);
}
.sidetabs__tab-title img {
  display: block;
  max-height: 25px;
  max-width: 25px;
}
@media (min-width: 1200px) {
  .sidetabs__tab-title img {
    width: 35px;
    max-height: none;
    max-width: none;
    height: auto;
    transition: transform 0.3s var(--easeInOutSine);
  }
}
@media (min-width: 1400px) {
  .sidetabs__tab-title img {
    width: 45px;
  }
}
.sidetabs__tab-content {
  position: relative;
  display: none;
  overflow: hidden;
  border-radius: 5px;
}
@media (min-width: 768px) {
  .sidetabs__tab-content {
    overflow: visible;
  }
}
@media (min-width: 992px) {
  .sidetabs__tab-content {
    border-radius: 10px;
  }
}
@media (min-width: 1200px) {
  .sidetabs__tab-content {
    border-radius: 0 10px 10px 0;
  }
}
.sidetabs__tab-text {
  padding: 30px 30px 0 30px;
}
@media (min-width: 768px) {
  .sidetabs__tab-text {
    padding: 40px 20px 40px 40px;
  }
}
@media (min-width: 768px) {
  .sidetabs__tab-text {
    padding: 40px 80px 40px 40px;
  }
}
@media (min-width: 1200px) {
  .sidetabs__tab-text {
    padding: 50px 50px 50px 50px;
  }
}
@media (min-width: 1400px) {
  .sidetabs__tab-text {
    padding: 70px 0 70px 70px;
  }
}
.sidetabs__tab-description h2, .sidetabs__tab-description h3 {
  font-size: 28px;
}
.sidetabs__tab-buttons {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}
@media (min-width: 576px) {
  .sidetabs__tab-buttons {
    flex-direction: row;
    align-items: center;
    gap: 32px;
  }
}
.sidetabs__tab-image {
  position: relative;
  display: flex;
  justify-content: flex-end;
  width: 100%;
  z-index: 1;
}
@media (min-width: 768px) {
  .sidetabs__tab-image {
    padding-top: 40px;
  }
}
@media (min-width: 1200px) {
  .sidetabs__tab-image {
    position: absolute;
    top: -50px;
    bottom: 0;
    right: -4px;
    width: auto;
    padding-top: 0;
    border-radius: 0 0 10px 0;
    overflow: hidden;
  }
}
.sidetabs__tab-image img {
  display: block;
}
@media (max-width: 767px) {
  .sidetabs__tab-image img {
    height: 280px;
    width: auto;
  }
}
@media (min-width: 768px) {
  .sidetabs__tab-image img {
    align-self: flex-end;
    max-height: 100%;
  }
}
.sidetabs__tab-bgimg {
  position: absolute;
  z-index: 0;
  bottom: -25px;
  right: -40px;
}
@media (min-width: 768px) {
  .sidetabs__tab-bgimg {
    bottom: 0;
    right: 0;
    height: 100%;
    overflow: hidden;
  }
}
@media (min-width: 1200px) {
  .sidetabs__tab-bgimg {
    border-radius: 0 10px 10px 0;
  }
}
.sidetabs__tab-bgimg img {
  display: block;
  width: 290px;
  height: auto;
  opacity: 0.25;
}
@media (min-width: 768px) {
  .sidetabs__tab-bgimg img {
    position: relative;
    right: -70px;
    bottom: -25%;
    width: 360px;
  }
}
@media (min-width: 1200px) {
  .sidetabs__tab-bgimg img {
    right: -130px;
    bottom: 10%;
    width: 490px;
  }
}
@media (min-width: 1400px) {
  .sidetabs__tab-bgimg img {
    right: -100px;
  }
}

/* Active content */
.tab-input:checked ~ .sidetabs__tab-content {
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .tab-input:checked ~ .sidetabs__tab-content {
    display: grid;
    grid-template-columns: 1fr 250px;
    align-items: center;
    gap: 64px;
  }
}
@media (min-width: 1200px) {
  .tab-input:checked ~ .sidetabs__tab-content {
    grid-template-columns: 1fr 310px;
  }
}
@media (min-width: 1400px) {
  .tab-input:checked ~ .sidetabs__tab-content {
    grid-template-columns: 1fr 350px;
  }
}

.textimage-overlap__intro {
  margin-bottom: 40px;
}
@media (min-width: 768px) {
  .textimage-overlap__intro {
    margin-bottom: 60px;
  }
}
@media (min-width: 992px) {
  .textimage-overlap__intro {
    margin-bottom: 80px;
  }
}
.textimage-overlap__wrapper {
  padding-right: 20px;
  padding-left: 20px;
}
.textimage-overlap__wrapper--reversed .textimage-overlap__description {
  flex-direction: column-reverse;
  padding: 30px 20px 0px 20px;
}
@media (min-width: 768px) {
  .textimage-overlap__wrapper--reversed .textimage-overlap__description {
    padding: 50px 50px 0px 50px;
  }
}
@media (min-width: 992px) {
  .textimage-overlap__wrapper--reversed .textimage-overlap__description {
    padding: 60px 60px 0px 60px;
  }
}
@media (min-width: 1200px) {
  .textimage-overlap__wrapper--reversed .textimage-overlap__description {
    left: 10%;
    flex-direction: row;
    padding: 50px;
  }
}
@media (min-width: 1400px) {
  .textimage-overlap__wrapper--reversed .textimage-overlap__description {
    padding: 70px;
  }
}
.textimage-overlap__wrapper--reversed .textimage-overlap__media {
  margin-top: 30px;
  margin-bottom: -40px;
}
@media (min-width: 768px) {
  .textimage-overlap__wrapper--reversed .textimage-overlap__media {
    margin-top: 60px;
    margin-bottom: -70px;
  }
}
@media (min-width: 1200px) {
  .textimage-overlap__wrapper--reversed .textimage-overlap__media {
    margin-right: auto;
    margin-left: -16.5%;
    margin-bottom: 0;
    margin-top: 0;
  }
}
@media (min-width: 1400px) {
  .textimage-overlap__wrapper--reversed .textimage-overlap__media {
    margin-right: auto;
    margin-left: -18.7%;
  }
}
.textimage-overlap__content {
  padding-top: 40px;
}
@media (min-width: 768px) {
  .textimage-overlap__content {
    padding-top: 60px;
  }
}
@media (min-width: 992px) {
  .textimage-overlap__content {
    padding-top: 70px;
  }
}
@media (min-width: 1200px) {
  .textimage-overlap__content {
    padding-top: 0px;
  }
}
.textimage-overlap__media {
  position: relative;
  z-index: 2;
  width: 100%;
  margin-top: -40px;
  margin-bottom: 30px;
  overflow: hidden;
  border-radius: 5px;
}
@media (min-width: 768px) {
  .textimage-overlap__media {
    margin-top: -70px;
    margin-bottom: 60px;
  }
}
@media (min-width: 1200px) {
  .textimage-overlap__media {
    margin-top: 0;
    margin-bottom: 0;
    border-radius: 10px;
    margin-right: -16.5%;
  }
}
@media (min-width: 1400px) {
  .textimage-overlap__media {
    margin-right: -18.7%;
  }
}
.textimage-overlap__media .section-media__visual--image img {
  display: block;
  width: 100%;
}
.textimage-overlap__media .section-media__visual--mp4 {
  /*max-height:545px;*/
}
.textimage-overlap__media .section-media__visual--mp4 video {
  width: 100%;
  object-fit: fill;
  border-radius: 10px;
}
.textimage-overlap__media .section-media__visual img {
  border-radius: 10px;
  height: auto;
}
.textimage-overlap__description {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 5px;
  padding: 0px 20px 30px 20px;
}
@media (min-width: 768px) {
  .textimage-overlap__description {
    padding: 0 50px 50px 50px;
  }
}
@media (min-width: 992px) {
  .textimage-overlap__description {
    padding: 0px 60px 60px 60px;
  }
}
@media (min-width: 1200px) {
  .textimage-overlap__description {
    flex-direction: row-reverse;
    align-items: center;
    width: 90%;
    gap: 50px;
    padding: 50px;
    border-radius: 10px;
  }
}
@media (min-width: 1400px) {
  .textimage-overlap__description {
    padding: 70px;
  }
}
@media (min-width: 1600px) {
  .textimage-overlap__description {
    gap: 80px;
  }
}
.textimage-overlap__description-text {
  position: relative;
  z-index: 1;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .textimage-overlap__description-text {
    padding-right: 20%;
  }
}
@media (min-width: 1200px) {
  .textimage-overlap__description-text {
    width: 70%;
  }
}
.textimage-overlap__graphic {
  position: absolute;
  z-index: 0;
  bottom: 0;
  right: 0;
  max-width: 100%;
  overflow: hidden;
  border-bottom-right-radius: 5px;
}
@media (min-width: 1200px) {
  .textimage-overlap__graphic {
    top: 0;
    left: 0;
    bottom: auto;
    right: auto;
    border-bottom-right-radius: 0px;
    border-top-left-radius: 10px;
  }
}
.textimage-overlap__graphic svg {
  position: relative;
  bottom: -100px;
  right: -50px;
  width: 400px;
  height: 400px;
  transition: width 0.3s var(--easeInOutQuint), height 0.3s var(--easeInOutQuint);
}
@media (min-width: 768px) {
  .textimage-overlap__graphic svg {
    bottom: -150px;
  }
}
@media (min-width: 992px) {
  .textimage-overlap__graphic svg {
    width: 500px;
    height: 500px;
  }
}
@media (min-width: 1200px) {
  .textimage-overlap__graphic svg {
    top: -70px;
    left: -100px;
    bottom: auto;
    right: auto;
    width: 400px;
    height: 400px;
  }
}
@media (min-width: 1600px) {
  .textimage-overlap__graphic svg {
    width: 450px;
    height: 450px;
  }
}

.cards__wrapper {
  padding-right: 20px;
  padding-left: 20px;
}
.cards__intro {
  position: relative;
  z-index: 2;
  margin-bottom: 40px;
}
@media (min-width: 768px) {
  .cards__intro {
    margin-bottom: 60px;
  }
}
@media (min-width: 992px) {
  .cards__intro {
    margin-bottom: 80px;
  }
}
.cards__list {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 50px;
}
@media (min-width: 768px) {
  .cards__list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
  }
}
@media (min-width: 992px) {
  .cards__list {
    gap: 32px;
  }
}
@media (min-width: 1200px) {
  .cards__list {
    gap: 40px;
  }
}
@media (min-width: 1600px) {
  .cards__list:after {
    display: none;
    content: "";
    position: absolute;
    z-index: -1;
    top: 11%;
    left: -699px;
    width: 964px;
    height: 617px;
    background: rgba(var(--color-complementary), 1);
    background: radial-gradient(circle, rgba(250, 212, 97, 0.3407738095) 0%, rgba(250, 212, 97, 0) 54%);
  }
}
.cards__list #cards__graphics--halfcircle,
.cards__list #cards__graphics--circle,
.cards__list #cards__graphics--square {
  position: absolute;
  z-index: 0;
}
@media (min-width: 1600px) {
  .cards__list #cards__graphics--halfcircle,
  .cards__list #cards__graphics--circle,
  .cards__list #cards__graphics--square {
    transition: all 0.7s var(--easeInOutCubic);
  }
}
@media (min-width: 1600px) {
  .cards__list #cards__graphics--halfcircle:hover,
  .cards__list #cards__graphics--circle:hover,
  .cards__list #cards__graphics--square:hover {
    transform: scale(1.3) rotate(-10deg);
    filter: blur(10px);
  }
}
.cards__list #cards__graphics--halfcircle {
  left: -60px;
  top: -60px;
}
@media (min-width: 992px) {
  .cards__list #cards__graphics--halfcircle {
    top: -80px;
  }
}
@media (min-width: 1600px) {
  .cards__list #cards__graphics--halfcircle {
    top: -170px;
    left: auto;
    right: -120px;
  }
}
.cards__list #cards__graphics--circle {
  top: 25%;
  right: -10px;
}
@media (min-width: 768px) {
  .cards__list #cards__graphics--circle {
    top: auto;
    right: auto;
    bottom: -36px;
    left: 80px;
  }
}
@media (min-width: 1600px) {
  .cards__list #cards__graphics--circle {
    left: auto;
    right: 120px;
    bottom: -130px;
  }
}
.cards__list #cards__graphics--square {
  bottom: -120px;
  right: -50px;
}
@media (min-width: 1600px) {
  .cards__list #cards__graphics--square {
    bottom: 30%;
    right: auto;
    left: -190px;
  }
}
.cards__card {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.cards__card-image {
  position: relative;
  z-index: 1;
  width: 100%;
  overflow: hidden;
  border-radius: 5px;
}
@media (min-width: 768px) {
  .cards__card-image {
    border-radius: 10px;
  }
}
.cards__card-image img {
  display: block;
  width: 100%;
  height: auto;
  transition: transform 0.6s var(--easeInOutCirc);
}
.cards__card-image:hover img {
  transform: scale(1.1);
}
.cards__card-text {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  width: 90%;
  margin-top: -30px;
  padding: 20px 20px 30px 20px;
  border-radius: 5px;
}
@media (max-width: 767px) {
  .cards__card-text {
    box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.05);
  }
}
@media (min-width: 768px) {
  .cards__card-text {
    padding: 16x;
    border-radius: 10px;
  }
}
@media (min-width: 1400px) {
  .cards__card-text {
    padding: 30px;
    margin-top: -40px;
  }
}
.cards__card-text a {
  font-size: 16px;
}
.cards__card-text a:hover {
  text-decoration: none;
}
@media (min-width: 768px) and (max-width: 991px) {
  .cards__card-title h4 {
    font-size: 22px;
  }
}
.cards__card-description {
  flex-grow: 1;
}
.cards__buttons {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding-top: 50px;
}
@media (min-width: 768px) {
  .cards__buttons {
    flex-direction: row;
    align-items: center;
    padding-top: 80px;
  }
}
@media (min-width: 992px) {
  .cards__buttons {
    padding-top: 120px;
  }
}
@media (min-width: 1600px) {
  .cards__buttons {
    padding-top: 150px;
  }
}
.cards__buttons .btn {
  align-self: flex-start;
}
.cards__buttons--centered {
  justify-content: center;
}
.cards__buttons--centered .btn {
  align-self: center;
}

.testimonial__wrapper {
  padding-right: 20px;
  padding-left: 20px;
}
.testimonial__intro {
  margin-bottom: 60px;
}
@media (min-width: 768px) {
  .testimonial__intro {
    margin-bottom: 80px;
  }
}
@media (min-width: 1200px) {
  .testimonial__intro {
    margin-bottom: 120px;
  }
}
@media (min-width: 1400px) {
  .testimonial__intro .section-intro__header {
    width: 75%;
    margin-right: auto;
    margin-left: auto;
  }
}
.testimonial__items--grid {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
@media (min-width: 992px) {
  .testimonial__items--grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1600px) {
  .testimonial__items--grid {
    gap: 40px;
  }
}
@media (min-width: 992px) {
  .testimonial__items--grid .testimonial__item {
    padding: 30px;
  }
}
@media (min-width: 1200px) {
  .testimonial__items--grid .testimonial__item {
    padding: 50px;
  }
}
.testimonial__items--grid .testimonial__graphic {
  display: none;
}
.testimonial__items--grid .testimonial__content {
  height: 100%;
}
@media (min-width: 992px) {
  .testimonial__items--grid .testimonial__content {
    flex-direction: column-reverse;
  }
}
@media (min-width: 1400px) {
  .testimonial__items--grid .testimonial__content {
    gap: 40px;
  }
}
@media (min-width: 768px) {
  .testimonial__items--grid .testimonial__content-text {
    flex-grow: 1;
    padding: 0;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .testimonial__items--grid .testimonial__content-header {
    font-size: 24px;
  }
}
@media (min-width: 1400px) {
  .testimonial__items--grid .testimonial__content-header {
    font-size: 32px;
  }
}
@media (min-width: 1200px) {
  .testimonial__items--grid .testimonial__content-description {
    font-size: 16px;
  }
}
@media (min-width: 1600px) {
  .testimonial__items--grid .testimonial__content-description {
    font-size: 18px;
  }
}
@media (min-width: 768px) {
  .testimonial__items--grid .testimonial__author {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
  }
}
@media (min-width: 992px) {
  .testimonial__items--grid .testimonial__author {
    align-items: flex-start;
  }
}
@media (min-width: 768px) {
  .testimonial__items--grid .testimonial__author-image {
    margin-bottom: 30px;
  }
}
@media (min-width: 1400px) {
  .testimonial__items--grid .testimonial__author-logo {
    width: 160px;
  }
}
.testimonial__item {
  position: relative;
  padding: 30px 20px;
  border-radius: 5px;
}
@media (min-width: 576px) {
  .testimonial__item {
    padding: 30px;
  }
}
@media (min-width: 768px) {
  .testimonial__item {
    padding: 50px;
  }
}
@media (min-width: 992px) {
  .testimonial__item {
    border-radius: 10px;
  }
}
@media (min-width: 1200px) {
  .testimonial__item {
    padding: 70px;
  }
}
@media (min-width: 1400px) {
  .testimonial__item {
    padding: 90px;
  }
}
.testimonial__item:only-of-type, .testimonial__item:last-child {
  margin-bottom: 0;
}
.testimonial__graphic {
  position: absolute;
  top: -40px;
  width: 100px;
}
@media (min-width: 576px) {
  .testimonial__graphic {
    left: auto;
    top: 230px;
    right: 30px;
  }
}
@media (min-width: 992px) {
  .testimonial__graphic {
    width: 200px;
    top: 60px;
    right: -70px;
  }
}
.testimonial__content {
  display: flex;
  flex-direction: column-reverse;
  gap: 32px;
}
@media (min-width: 576px) {
  .testimonial__content {
    flex-direction: row;
    align-items: flex-start;
  }
}
@media (min-width: 992px) {
  .testimonial__content {
    gap: 64px;
  }
}
@media (min-width: 1400px) {
  .testimonial__content {
    align-items: center;
    gap: 128px;
  }
}
.testimonial__content-text {
  position: relative;
  padding: 0 15px;
}
@media (min-width: 576px) {
  .testimonial__content-text {
    padding: 0;
  }
}
@media (min-width: 1400px) {
  .testimonial__content-text {
    padding-right: 70px;
  }
}
.testimonial__content-text svg {
  position: absolute;
  z-index: 0;
  top: -30px;
  left: 0;
}
@media (min-width: 576px) {
  .testimonial__content-text svg {
    top: -38px;
    left: -12px;
  }
}
@media (min-width: 768px) {
  .testimonial__content-text svg {
    top: -36px;
    left: -18px;
  }
}
.testimonial__content-header {
  position: relative;
  z-index: 1;
  font-size: 24px;
  line-height: 1.1;
}
@media (min-width: 768px) {
  .testimonial__content-header {
    font-size: 28px;
  }
}
@media (min-width: 992px) {
  .testimonial__content-header {
    font-size: 32px;
  }
}
@media (min-width: 1400px) {
  .testimonial__content-header {
    font-size: 42px;
  }
}
.testimonial__content-description {
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .testimonial__content-description {
    margin-bottom: 50px;
  }
}
@media (min-width: 992px) {
  .testimonial__content-description {
    font-size: 22px;
  }
}
.testimonial__content-description p, .testimonial__content-description span, .testimonial__content-description ol, .testimonial__content-description ul {
  display: block;
  color: rgba(var(--color-text), 1);
}
@media (min-width: 1200px) {
  .testimonial__content-description p, .testimonial__content-description span, .testimonial__content-description ol, .testimonial__content-description ul {
    font-size: 18px;
  }
}
@media (min-width: 1600px) {
  .testimonial__content-description p, .testimonial__content-description span, .testimonial__content-description ol, .testimonial__content-description ul {
    font-size: 20px;
  }
}
.testimonial__content-image {
  position: relative;
  z-index: 2;
  width: 90%;
  margin-right: auto;
  margin-left: auto;
  overflow: hidden;
  aspect-ratio: 1/1;
  border-radius: 50%;
}
@media (min-width: 992px) {
  .testimonial__content-image {
    width: 70%;
  }
}
@media (min-width: 1200px) {
  .testimonial__content-image {
    width: 60%;
  }
}
.testimonial__content-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}
.testimonial__company {
  margin-bottom: 30px;
}
@media (min-width: 576px) {
  .testimonial__company {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 16px;
  }
}
@media (min-width: 768px) {
  .testimonial__company {
    margin-bottom: 50px;
  }
}
.testimonial__company-details {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.testimonial__company-name-title p {
  margin-bottom: 0;
  font-weight: 600;
}
.testimonial__company-name-title span {
  display: block;
  font-size: 14px;
  font-weight: 400;
}
.testimonial__company-logo {
  width: 100px;
  margin-top: 15px;
  margin-bottom: 15px;
  padding: 5px 10px;
  border-radius: 5px;
  background-color: white;
}
@media (min-width: 576px) {
  .testimonial__company-logo {
    margin-top: 0;
    margin-bottom: 0;
  }
}
@media (min-width: 992px) {
  .testimonial__company-logo {
    border-radius: 10px;
  }
}
.testimonial__company-logo img {
  display: block;
  width: 100%;
}

.reviews__wrapper {
  position: relative;
  padding-left: 20px;
}
@media (min-width: 992px) {
  .reviews__wrapper {
    padding-right: 20px;
  }
}
.reviews__graphic {
  position: absolute;
  z-index: -1;
  transition: all 0.3s var(--easeInOutCirc);
}
.reviews__graphic--triangle {
  left: 0;
  top: 110px;
}
@media (max-width: 767px) {
  .reviews__graphic--triangle {
    width: 110px;
  }
}
@media (min-width: 992px) {
  .reviews__graphic--triangle {
    top: 90px;
    left: 90px;
  }
}
@media (min-width: 1200px) {
  .reviews__graphic--triangle {
    top: -40px;
    left: 110px;
  }
}
@media (min-width: 1600px) {
  .reviews__graphic--triangle {
    left: 150px;
    top: -70px;
  }
}
.reviews__graphic--circle {
  bottom: -80px;
  right: -70px;
}
@media (max-width: 767px) {
  .reviews__graphic--circle {
    width: 190px;
  }
}
@media (min-width: 1200px) {
  .reviews__graphic--circle {
    right: 50px;
  }
}
@media (min-width: 1600px) {
  .reviews__graphic--circle {
    right: 70px;
    bottom: -50px;
  }
}
.reviews__graphic--halfcircle {
  right: 20px;
  top: 40px;
}
@media (max-width: 767px) {
  .reviews__graphic--halfcircle {
    width: 70px;
  }
}
@media (min-width: 992px) {
  .reviews__graphic--halfcircle {
    right: 90px;
  }
}
@media (min-width: 1200px) {
  .reviews__graphic--halfcircle {
    top: auto;
    bottom: -110px;
    right: auto;
    left: 230px;
  }
}
.reviews__intro {
  margin-bottom: 40px;
}
@media (max-width: 991px) {
  .reviews__intro {
    padding-right: 20px;
  }
}
@media (min-width: 768px) {
  .reviews__intro {
    margin-bottom: 60px;
  }
}
@media (min-width: 992px) {
  .reviews__intro {
    margin-bottom: 80px;
  }
}
.reviews__list {
  display: flex;
  flex-direction: row;
  gap: 16px;
  overflow-x: scroll;
  scroll-behavior: smooth;
}
@media (min-width: 992px) {
  .reviews__list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 32px;
    overflow-x: visible;
  }
}
@media (min-width: 1200px) {
  .reviews__list {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 991px) {
  .reviews__list::-webkit-scrollbar {
    display: none;
  }
}
.reviews__list > * { /* Target __list children */ }
@media (max-width: 767px) {
  .reviews__list > * {
    scroll-snap-align: center;
  }
}
.reviews__review {
  display: flex;
  flex-direction: column;
  gap: 32px;
  flex-shrink: 0;
  width: 320px;
  padding: 20px;
  border-radius: 5px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .reviews__review {
    padding: 30px;
  }
}
@media (min-width: 992px) {
  .reviews__review {
    width: auto;
    flex-shrink: 1;
  }
}
@media (min-width: 1200px) {
  .reviews__review {
    border-radius: 10px;
  }
}
@media (min-width: 1400px) {
  .reviews__review {
    padding: 30px;
  }
}
.reviews__review-author {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
}
.reviews__review-author-details p {
  margin: 0;
  font-weight: 600;
}
.reviews__review-author-details p span {
  display: block;
  font-size: 12px;
  font-weight: 400;
}
.reviews__review-image {
  flex-shrink: 0;
  overflow: hidden;
}
@media (max-width: 1399px) {
  .reviews__review-image {
    width: 80px;
    border-radius: 80px;
  }
}
@media (min-width: 1400px) {
  .reviews__review-image {
    width: 100px;
    border-radius: 100px;
  }
}
.reviews__review-image img {
  display: block;
  width: 100%;
  height: auto;
}
.reviews__review-body {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: 16px;
}
.reviews__review-rating {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
}
.reviews__review-description {
  margin-bottom: 20px;
}
.reviews__review-description p {
  margin: 0;
}
.reviews__review-logo {
  margin-top: auto;
}
.reviews__review-logo img {
  display: block;
}
.reviews__button {
  display: flex;
  padding-top: 40px;
}
@media (min-width: 768px) {
  .reviews__button {
    padding-top: 80px;
  }
}
.reviews__button .btn {
  align-self: flex-start;
}
.reviews__button--centered {
  justify-content: center;
}
.reviews__button--centered .btn {
  align-self: center;
}

.text-image__wrapper {
  display: flex;
  flex-direction: column;
  padding-right: 20px;
  padding-left: 20px;
}
.text-image__wrapper-position--top, .text-image__wrapper-position--bottom {
  gap: 32px;
}
@media (min-width: 1200px) {
  .text-image__wrapper-position--top, .text-image__wrapper-position--bottom {
    gap: 64px;
  }
}
.text-image__wrapper-position--top {
  flex-direction: column-reverse;
}
.text-image__wrapper-position--right, .text-image__wrapper-position--left {
  gap: 32px;
}
@media (min-width: 992px) {
  .text-image__wrapper-position--right, .text-image__wrapper-position--left {
    align-items: center;
    gap: 64px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .text-image__wrapper-position--right, .text-image__wrapper-position--left {
    padding-right: 50px;
    padding-left: 50px;
  }
}
@media (min-width: 1200px) and (max-width: 1599px) {
  .text-image__wrapper-position--right, .text-image__wrapper-position--left {
    padding-right: 100px;
    padding-left: 100px;
  }
}
@media (min-width: 1400px) {
  .text-image__wrapper-position--right, .text-image__wrapper-position--left {
    gap: 96px;
  }
}
@media (min-width: 1600px) {
  .text-image__wrapper-position--right, .text-image__wrapper-position--left {
    gap: 128px;
  }
}
.text-image__wrapper-position--right .text-image__media img, .text-image__wrapper-position--left .text-image__media img {
  display: block;
  width: 100%;
}
@media (min-width: 1200px) and (max-width: 1599px) {
  .text-image__wrapper-position--right .text-image__media img, .text-image__wrapper-position--left .text-image__media img {
    max-width: 550px;
  }
}
@media (min-width: 1600px) {
  .text-image__wrapper-position--right .text-image__media img, .text-image__wrapper-position--left .text-image__media img {
    max-width: 640px;
  }
}
@media (min-width: 1200px) {
  .text-image__wrapper-position--right .text-image__media video, .text-image__wrapper-position--left .text-image__media video {
    max-width: 480px;
  }
}
@media (min-width: 1400px) {
  .text-image__wrapper-position--right .text-image__media video, .text-image__wrapper-position--left .text-image__media video {
    max-width: 640px;
  }
}
.text-image__wrapper-position--right .text-image__media .text-image__graphic--circle, .text-image__wrapper-position--left .text-image__media .text-image__graphic--circle {
  bottom: -120px;
  left: 60px;
  width: 100px;
}
@media (min-width: 992px) {
  .text-image__wrapper-position--right .text-image__media .text-image__graphic--circle, .text-image__wrapper-position--left .text-image__media .text-image__graphic--circle {
    width: 100px;
    bottom: -160px;
    left: 0;
  }
}
@media (min-width: 1400px) {
  .text-image__wrapper-position--right .text-image__media .text-image__graphic--circle, .text-image__wrapper-position--left .text-image__media .text-image__graphic--circle {
    bottom: -160px;
    left: 0;
    width: 100px;
  }
}
.text-image__wrapper-position--right .text-image__media .text-image__graphic--wave, .text-image__wrapper-position--left .text-image__media .text-image__graphic--wave {
  top: 100px;
  right: 20px;
  width: 70px;
}
@media (min-width: 992px) {
  .text-image__wrapper-position--right .text-image__media .text-image__graphic--wave, .text-image__wrapper-position--left .text-image__media .text-image__graphic--wave {
    top: -30px;
    width: 70px;
  }
}
@media (min-width: 1400px) {
  .text-image__wrapper-position--right .text-image__media .text-image__graphic--wave, .text-image__wrapper-position--left .text-image__media .text-image__graphic--wave {
    width: 70px;
  }
}
@media (min-width: 768px) {
  .text-image__wrapper-position--right {
    flex-direction: row;
  }
}
@media (min-width: 768px) {
  .text-image__wrapper-position--left {
    flex-direction: row-reverse;
  }
}
@media (min-width: 768px) {
  .text-image__intro .section-intro__subheader {
    width: 90%;
  }
}
@media (min-width: 1200px) {
  .text-image__intro .section-intro__subheader {
    width: 90%;
  }
}
@media (min-width: 1400px) {
  .text-image__intro .section-intro__subheader {
    width: 90%;
  }
}
.text-image__intro .section-intro__subheader p:last-child, .text-image__intro .section-intro__subheader p:only-of-type {
  margin-bottom: 0;
}
.text-image__intro-buttons {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding-top: 40px;
}
@media (min-width: 768px) {
  .text-image__intro-buttons {
    flex-direction: row;
    align-items: center;
    gap: 32px;
  }
}
.text-image__intro-buttons .btn {
  align-self: flex-start;
}
.text-image__intro-buttons--centered {
  justify-content: center;
}
.text-image__intro-buttons--centered .btn {
  align-self: center;
}
.text-image__media {
  position: relative;
}
@media (min-width: 1200px) {
  .text-image__media {
    flex-shrink: 0;
  }
}
.text-image__media .section-media__visual--image, .text-image__media .section-media__visual--vimeo {
  border-radius: 5px;
  overflow: hidden;
}
@media (min-width: 1200px) {
  .text-image__media .section-media__visual--image, .text-image__media .section-media__visual--vimeo {
    border-radius: 10px;
  }
}
.text-image__media img, .text-image__media video {
  display: block;
  width: 100%;
  height: auto;
}
.text-image__graphic {
  position: absolute;
  z-index: -1;
}
.text-image__graphic--circle {
  bottom: -120px;
  left: 60px;
  width: 100px;
}
@media (min-width: 992px) {
  .text-image__graphic--circle {
    width: 200px;
  }
}
@media (min-width: 1400px) {
  .text-image__graphic--circle {
    width: 307px;
    left: -90px;
    bottom: -40px;
  }
}
.text-image__graphic--wave {
  top: 100px;
  right: 20px;
  width: 70px;
}
@media (min-width: 992px) {
  .text-image__graphic--wave {
    top: 0;
    width: 140px;
  }
}
@media (min-width: 1400px) {
  .text-image__graphic--wave {
    width: 180px;
  }
}

.integrations__wrapper {
  position: relative;
  padding-right: 20px;
  padding-left: 20px;
}
.integrations__graphic {
  position: absolute;
  z-index: -1;
  top: -5%;
  right: -59px;
}
@media (min-width: 1400px) {
  .integrations__graphic {
    top: 38%;
  }
}
.integrations__logos {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
}
@media (max-width: 575px) {
  .integrations__logos {
    grid-auto-flow: dense;
  }
}
@media (min-width: 576px) {
  .integrations__logos {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (min-width: 768px) {
  .integrations__logos {
    grid-template-columns: repeat(8, 1fr); /* 8 equal-width columns */
    max-width: 860px;
    margin-right: auto;
    margin-left: auto;
  }
}
.integrations__logo {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 74px;
  padding-right: 10px;
  padding-left: 10px;
  border-radius: 5px;
  /* Row 1: 2 1 2 1 2 */
}
@media (min-width: 768px) {
  .integrations__logo {
    height: 86px;
  }
}
.integrations__logo:nth-child(10n+1) {
  grid-column: 1/span 2;
}
.integrations__logo:nth-child(10n+2) {
  grid-column: 3/span 1;
}
.integrations__logo:nth-child(10n+3) {
  grid-column: 2/span 2;
}
.integrations__logo:nth-child(10n+4) {
  grid-column: 1/span 1;
}
.integrations__logo:nth-child(10n+5) {
  grid-column: 1/span 2;
}
.integrations__logo:nth-child(10n+6) {
  grid-column: 3/span 1;
}
.integrations__logo:nth-child(10n+7) {
  grid-column: 2/span 2;
}
.integrations__logo:nth-child(10n+8) {
  grid-column: 1/span 1;
}
.integrations__logo:nth-child(10n+9) {
  grid-column: 3/span 1;
}
.integrations__logo:nth-child(10n+10) {
  grid-column: 1/span 2;
}
@media (min-width: 576px) {
  .integrations__logo {
    /* Row 1: 2 1 2 1 2 */
  }
  .integrations__logo:nth-child(10n+1) {
    grid-column: 1/span 2;
  }
  .integrations__logo:nth-child(10n+2) {
    grid-column: 3/span 1;
  }
  .integrations__logo:nth-child(10n+3) {
    grid-column: 4/span 2;
  }
  .integrations__logo:nth-child(10n+4) {
    grid-column: 1/span 1;
  }
  .integrations__logo:nth-child(10n+5) {
    grid-column: 2/span 3;
  }
  .integrations__logo:nth-child(10n+6) {
    grid-column: 5/span 1;
  }
  .integrations__logo:nth-child(10n+7) {
    grid-column: 1/span 3;
  }
  .integrations__logo:nth-child(10n+8) {
    grid-column: 4/span 1;
  }
  .integrations__logo:nth-child(10n+9) {
    grid-column: 5/span 1;
  }
  .integrations__logo:nth-child(10n+10) {
    grid-column: 1/span 5;
  }
}
@media (min-width: 768px) {
  .integrations__logo {
    /* Row 1: 2 1 2 1 2 */
    /* Row 2: 1 2.5 1 1 2.5 */
  }
  .integrations__logo:nth-child(10n+1) {
    grid-column: 1/span 2; /* Start at column 1, span 2 columns */
  }
  .integrations__logo:nth-child(10n+2) {
    grid-column: 3/span 1; /* Start at column 3, span 1 column */
  }
  .integrations__logo:nth-child(10n+3) {
    grid-column: 4/span 2; /* Start at column 4, span 2 columns */
  }
  .integrations__logo:nth-child(10n+4) {
    grid-column: 6/span 1; /* Start at column 6, span 1 column */
  }
  .integrations__logo:nth-child(10n+5) {
    grid-column: 7/span 2; /* Start at column 7, span 2 columns */
  }
  .integrations__logo:nth-child(10n+6) {
    grid-column: 1/span 1; /* Start at column 1, span 1 column */
  }
  .integrations__logo:nth-child(10n+7) {
    grid-column: 2/span 2; /* Start at column 2, span 2.5 equivalent (3 columns) */
  }
  .integrations__logo:nth-child(10n+8) {
    grid-column: 4/span 1; /* Start at column 4, span 1 column */
  }
  .integrations__logo:nth-child(10n+9) {
    grid-column: 5/span 1; /* Start at column 5, span 1 column */
  }
  .integrations__logo:nth-child(10n+10) {
    grid-column: 6/span 3; /* Start at column 6, span 2.5 equivalent (3 columns) */
  }
}
.integrations__logo a {
  display: block;
  display: flex;
  align-items: center;
  justify-content: center;
}
.integrations__logo img {
  display: block;
  width: 100%;
  transition: transform 0.3s var(--easeInOutCirc);
}
.integrations__logo img:hover {
  transform-origin: center;
  transform: scale(1.1);
}
.integrations__intro {
  margin-bottom: 60px;
}
@media (min-width: 768px) {
  .integrations__intro {
    margin-bottom: 80px;
  }
}
@media (min-width: 1200px) {
  .integrations__intro {
    margin-bottom: 120px;
  }
}
.integrations__buttons {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding-top: 50px;
}
@media (min-width: 768px) {
  .integrations__buttons {
    flex-direction: row;
    align-items: center;
    padding-top: 60px;
  }
}
.integrations__buttons .btn {
  align-self: flex-start;
}
.integrations__buttons--centered {
  justify-content: center;
}
.integrations__buttons--centered .btn {
  align-self: center;
}

.resource__wrapper {
  padding-right: 20px;
  padding-left: 20px;
}
@media (min-width: 992px) {
  .resource__wrapper {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    margin-right: auto;
    margin-left: auto;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .resource__wrapper {
    padding-right: 50px;
    padding-left: 50px;
  }
}
@media (min-width: 1200px) and (max-width: 1599px) {
  .resource__wrapper {
    padding-right: 100px;
    padding-left: 100px;
  }
}
.resource__intro {
  margin-bottom: 50px;
}
@media (min-width: 1200px) {
  .resource__intro {
    width: 40%;
    margin-bottom: 0;
  }
}
@media (min-width: 1400px) {
  .resource__intro {
    width: 45%;
  }
}
@media (min-width: 768px) {
  .resource__intro .section-intro__subheader {
    width: 90%;
  }
}
@media (min-width: 992px) {
  .resource__intro .section-intro__subheader {
    width: 90%;
  }
}
@media (min-width: 1200px) {
  .resource__intro .section-intro__subheader {
    width: 90%;
  }
}
@media (min-width: 1400px) {
  .resource__intro .section-intro__subheader {
    width: 90%;
  }
}
.resource__intro .section-intro__subheader ul li, .resource__intro .section-intro__subheader ol li {
  font-size: 18px;
}
@media (min-width: 1400px) {
  .resource__intro-buttons {
    padding-top: 20px;
  }
}
.resource__items {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (min-width: 768px) {
  .resource__items {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1200px) {
  .resource__items {
    width: 60%;
  }
}
@media (min-width: 1400px) {
  .resource__items {
    width: 55%;
  }
}
.resource__item {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
}
@media (min-width: 576px) {
  .resource__item {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
  }
}
.resource__item:hover:before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.05);
}
.resource__item-text {
  position: relative;
  z-index: 2;
  padding: 20px;
}
@media (min-width: 768px) {
  .resource__item-text {
    padding: 30px;
  }
}
@media (min-width: 1400px) {
  .resource__item-text {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media (min-width: 768px) {
  .resource__item:nth-child(4n+1) {
    grid-column: span 2;
  }
}
@media (min-width: 768px) {
  .resource__item:nth-child(4n+4) {
    grid-column: span 2;
  }
}
.resource__item-header {
  font-size: 18px;
  line-height: 1.2;
  font-weight: 700;
}
.resource__item-header a {
  text-decoration: none;
}
.resource__item-header a:hover {
  text-decoration: underline;
}
.resource__item-label {
  display: inline-flex;
  align-items: center;
  height: 30px;
  margin-bottom: 15px;
  padding-right: 15px;
  padding-left: 15px;
  text-transform: uppercase;
  border-radius: 30px;
  line-height: 14px;
  font-size: 14px;
  font-weight: 600;
}
@media (min-width: 992px) {
  .resource__item-label {
    margin-bottom: 20px;
  }
}
.resource__item-image {
  position: relative;
  z-index: 2;
}
@media (min-width: 576px) {
  .resource__item-image {
    flex-shrink: 0;
    height: 100%;
    width: 50%;
  }
}
@media (min-width: 768px) {
  .resource__item-image {
    width: calc(50% - 10px);
  }
}
.resource__item-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.footer {
  position: relative;
  overflow: hidden;
  background-color: rgba(var(--color-secondary), 1);
  color: rgba(var(--color-white), 1);
}
.footer:after, .footer:before {
  content: "";
  position: absolute;
  z-index: 1;
}
.footer:after {
  right: -100px;
  bottom: -100px;
  width: 1200px;
  height: 1200px;
  border-radius: 325px;
  background: rgb(115, 166, 255);
  background: radial-gradient(circle, rgba(115, 166, 255, 0.06) 0, rgba(115, 166, 255, 0) 67%, rgba(115, 166, 255, 0) 0);
}
.footer:before {
  left: -300px;
  top: -300px;
  width: 800px;
  height: 800px;
  border-radius: 325px;
  background: rgb(115, 166, 255);
  background: radial-gradient(circle, rgba(115, 166, 255, 0.06) 0, rgba(115, 166, 255, 0) 67%, rgba(115, 166, 255, 0) 0);
}
.footer__graphic {
  position: absolute;
  z-index: 0;
  pointer-events: none;
}
.footer__graphic--square {
  bottom: 0;
  right: 0;
}
.footer__graphic--circle {
  top: 50px;
  left: -34px;
}
@media (min-width: 1600px) {
  .footer__graphic--circle {
    left: -80px;
    top: 90px;
  }
}
.footer__wrapper {
  position: relative;
  z-index: 2;
  padding: 80px 20px;
}
@media (min-width: 1400px) {
  .footer__wrapper {
    padding: 100px 20px;
  }
}
.footer__header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 40px;
}
@media (min-width: 1400px) {
  .footer__header {
    margin-bottom: 80px;
  }
}
.footer__header .language-picker__list {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 5px;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.footer__header .language-picker__item {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 10px 13px;
  border-radius: 5px;
  background-color: rgba(var(--color-white), 0.1);
  transition: all 0.3s var(--easeInOutCirc);
}
.footer__header .language-picker__item:hover {
  background-color: rgba(var(--color-white), 0.2);
}
.footer__header .language-picker__item a {
  text-decoration: none;
  font-weight: 600;
}
.footer__header .language-picker__item--active {
  background-color: rgba(var(--color-complementary-2), 1);
}
.footer__header .language-picker__item--active:hover {
  background-color: rgba(var(--color-complementary-2), 1);
}
.footer__some {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
}
@media (min-width: 992px) {
  .footer__some {
    gap: 16px;
  }
}
.footer__some a {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 34px;
  background-color: rgba(var(--color-primary), 0.5);
  transition: all 0.3s var(--easeInOutCirc);
}
.footer__some a:hover {
  background-color: rgba(var(--color-primary), 1);
}
.footer__some a img {
  display: block;
  width: auto;
  max-height: 16px;
}
@media (min-width: 1200px) {
  .footer__body {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 32px;
  }
}
.footer .accordion {
  margin-bottom: 32px;
}
@media (min-width: 1200px) {
  .footer .accordion {
    width: 100%;
  }
}
.footer .accordion:last-child {
  margin-bottom: 0;
}
.footer .accordion__header {
  padding-left: 12px;
  background-color: transparent;
  cursor: pointer;
  color: rgba(var(--color-white), 1);
  border-left: 2px solid rgba(var(--color-primary), 1);
}
.footer .accordion__label {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-grow: 1;
  width: 100%;
  font-size: 18px;
  line-height: 1.1;
  font-weight: 600;
}
@media (min-width: 992px) {
  .footer .accordion__label {
    font-size: 20px;
  }
}
.footer .accordion__icon {
  transition: transform 0.3s ease;
}
.footer .accordion__icon svg {
  fill: rgba(var(--color-primary), 1);
  width: 16px;
  height: 16px;
  border-radius: 2px;
}
@media (min-width: 1200px) {
  .footer .accordion__icon svg {
    display: none;
  }
}
.footer .accordion__toggle:checked ~ .accordion__header .accordion__icon {
  transform: rotate(45deg);
}
.footer .accordion__content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease, padding 0.3s ease;
}
@media (min-width: 1200px) {
  .footer .accordion__content {
    max-height: none;
    transition: none;
  }
}
.footer .accordion__content-inner {
  padding: 28px 16px 0 16px;
}
@media (min-width: 1200px) {
  .footer .accordion__content-inner {
    padding-left: 0;
  }
}
.footer .accordion__content a {
  display: block;
  margin-bottom: 12px;
  text-decoration: none;
  color: rgba(var(--color-primary), 1);
  font-size: 16px;
  font-weight: 600;
}
.footer .accordion__content a:hover {
  color: rgba(var(--color-white), 1);
}
.footer .accordion__content a:last-child {
  margin-bottom: 0;
}
.footer .accordion__toggle:checked ~ .accordion__content {
  max-height: 500px; /* Set a large enough max-height for expanded content */
}
@media (min-width: 1200px) {
  .footer .accordion__toggle:checked ~ .accordion__content {
    max-height: none;
  }
}
.footer__end {
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding-top: 80px;
}
@media (min-width: 1200px) {
  .footer__end {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
}
@media (min-width: 1400px) {
  .footer__end {
    padding-top: 120px;
  }
}

.image-accordion__wrapper {
  padding-right: 20px;
  padding-left: 20px;
}
.image-accordion__intro {
  position: relative;
  z-index: 2;
  margin-bottom: 40px;
}
@media (min-width: 768px) {
  .image-accordion__intro {
    margin-bottom: 60px;
  }
}
@media (min-width: 992px) {
  .image-accordion__intro {
    margin-bottom: 80px;
  }
}
@media (min-width: 768px) {
  .image-accordion__intro .section-intro__subheader {
    width: 100%;
  }
}
@media (min-width: 1400px) {
  .image-accordion__intro .section-intro__subheader {
    padding-right: 40px;
  }
}
.image-accordion__items-wrapper {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
@media (min-width: 768px) {
  .image-accordion__items-wrapper {
    flex-direction: row;
    align-items: flex-start;
  }
}
@media (min-width: 768px) {
  .image-accordion__items-wrapper--reverse {
    flex-direction: row-reverse;
  }
}
.image-accordion__label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem;
  cursor: pointer;
  background-color: rgba(var(--color-lightblue), 0.3);
  font-size: 16px;
  font-weight: 600;
  transition: background-color 0.3s ease;
  border-radius: 5px;
}
@media (min-width: 992px) {
  .image-accordion__label {
    border-radius: 10px;
  }
}
.image-accordion__label:hover {
  background-color: rgba(var(--color-lightblue), 0.7);
}
.image-accordion__label-text {
  flex-grow: 1;
}
.image-accordion__label .image-accordion__icon {
  transition: transform 0.3s ease;
}
.image-accordion__items {
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 8px;
}
.image-accordion__items .image-accordion__toggle {
  display: none;
}
.image-accordion__items .image-accordion__toggle:checked + .image-accordion__label .image-accordion__icon {
  visibility: hidden;
}
.image-accordion__items .image-accordion__toggle:checked + .image-accordion__label {
  background-color: rgba(var(--color-lightblue), 0.7);
}
.image-accordion__items .image-accordion__toggle:checked + .image-accordion__label + .image-accordion__content {
  max-height: 1500px;
  padding: 1rem; /* Re-add padding when visible */
  opacity: 1;
}
.image-accordion__items .image-accordion__content {
  max-height: 0;
  overflow: hidden;
  padding: 0;
  opacity: 0;
  transition: max-height 0.5s var(--easeInOutExpo), padding 0.5s ease, opacity 0.5s ease;
}
.image-accordion__items .image-accordion__content-description {
  margin-bottom: 1rem;
}
.image-accordion__items .image-accordion__content-description:only-of-type, .image-accordion__items .image-accordion__content-description:last-of-type, .image-accordion__items .image-accordion__content-description:last-child {
  margin-bottom: 0;
}
.image-accordion__image-wrapper {
  position: relative;
  overflow: hidden; /* Ensures no part of the image goes outside the container */
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transform: translateY(25px);
  transition: opacity 0.5s ease, transform 0.5s ease;
}
@media (min-width: 768px) {
  .image-accordion__image-wrapper {
    width: 400px;
  }
}
@media (min-width: 992px) {
  .image-accordion__image-wrapper {
    width: 500px;
  }
}
@media (min-width: 1200px) {
  .image-accordion__image-wrapper {
    width: 600px;
  }
}
@media (min-width: 1400px) {
  .image-accordion__image-wrapper {
    width: 780px;
  }
}
.image-accordion__image-wrapper.image-accordion__image-visible {
  opacity: 1;
  transform: translateY(0);
}
.image-accordion__image {
  width: 100%;
  height: auto;
  display: block;
  max-width: 780px;
}

.twocolumn__wrapper {
  padding-right: 20px;
  padding-left: 20px;
}
@media (min-width: 1200px) {
  .twocolumn__wrapper {
    max-width: 1220px;
  }
}
.twocolumn__graphic {
  position: absolute;
  bottom: -100px;
  right: -100px;
  z-index: 1;
}
@media (min-width: 1200px) {
  .twocolumn__graphic {
    bottom: -120px;
  }
}
.twocolumn__graphic svg {
  width: 300px;
  height: auto;
}
@media (min-width: 1200px) {
  .twocolumn__graphic svg {
    width: 380px;
  }
}
.twocolumn__columns {
  position: relative;
  overflow: hidden;
  padding: 30px;
}
@media (min-width: 768px) {
  .twocolumn__columns {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 40px;
    gap: 32px;
  }
}
@media (min-width: 1200px) {
  .twocolumn__columns {
    padding: 70px;
  }
}
.twocolumn__columns--styled {
  border-radius: 10px;
}
@media (min-width: 768px) {
  .twocolumn__columns--styled .twocolumn__column--left {
    width: 55%;
  }
}
@media (min-width: 768px) {
  .twocolumn__columns--styled .twocolumn__column--right {
    width: 45%;
  }
}
@media (min-width: 992px) {
  .twocolumn__columns--stats {
    gap: 128px;
  }
}
@media (min-width: 992px) {
  .twocolumn__columns--stats .twocolumn__column {
    font-size: 22px;
  }
}
@media (min-width: 768px) {
  .twocolumn__columns--stats .twocolumn__column--left {
    width: auto;
  }
}
@media (min-width: 992px) {
  .twocolumn__columns--stats .twocolumn__column--left p, .twocolumn__columns--stats .twocolumn__column--left span, .twocolumn__columns--stats .twocolumn__column--left ol, .twocolumn__columns--stats .twocolumn__column--left ul {
    font-size: inherit;
  }
}
@media (min-width: 992px) {
  .twocolumn__columns--stats .twocolumn__column--left h1, .twocolumn__columns--stats .twocolumn__column--left h2, .twocolumn__columns--stats .twocolumn__column--left h3, .twocolumn__columns--stats .twocolumn__column--left h4, .twocolumn__columns--stats .twocolumn__column--left h5, .twocolumn__columns--stats .twocolumn__column--left h6 {
    font-size: 70px !important;
  }
}
@media (min-width: 1200px) {
  .twocolumn__columns--stats .twocolumn__column--left h1, .twocolumn__columns--stats .twocolumn__column--left h2, .twocolumn__columns--stats .twocolumn__column--left h3, .twocolumn__columns--stats .twocolumn__column--left h4, .twocolumn__columns--stats .twocolumn__column--left h5, .twocolumn__columns--stats .twocolumn__column--left h6 {
    font-size: 90px !important;
  }
}
@media (min-width: 1400px) {
  .twocolumn__columns--stats .twocolumn__column--left h1, .twocolumn__columns--stats .twocolumn__column--left h2, .twocolumn__columns--stats .twocolumn__column--left h3, .twocolumn__columns--stats .twocolumn__column--left h4, .twocolumn__columns--stats .twocolumn__column--left h5, .twocolumn__columns--stats .twocolumn__column--left h6 {
    font-size: 110px !important;
  }
}
@media (min-width: 768px) {
  .twocolumn__columns--stats .twocolumn__column--right {
    width: auto;
  }
}
@media (min-width: 1400px) {
  .twocolumn__columns--stats .twocolumn__column--right {
    font-size: 26px;
  }
}
@media (min-width: 992px) {
  .twocolumn__columns--stats .twocolumn__column--right p, .twocolumn__columns--stats .twocolumn__column--right span, .twocolumn__columns--stats .twocolumn__column--right ol, .twocolumn__columns--stats .twocolumn__column--right ul {
    font-size: inherit;
  }
}
@media (min-width: 1400px) {
  .twocolumn__columns--stats .twocolumn__column--right p, .twocolumn__columns--stats .twocolumn__column--right span, .twocolumn__columns--stats .twocolumn__column--right ol, .twocolumn__columns--stats .twocolumn__column--right ul {
    font-size: 26px;
  }
}
.twocolumn__column--left {
  position: relative;
  z-index: 3;
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .twocolumn__column--left {
    width: 40%;
    margin-bottom: 0;
  }
}
.twocolumn__column--left h1, .twocolumn__column--left h2, .twocolumn__column--left h3, .twocolumn__column--left h4, .twocolumn__column--left h5, .twocolumn__column--left h6 {
  color: inherit;
}
@media (min-width: 768px) {
  .twocolumn__column--left h1, .twocolumn__column--left h2, .twocolumn__column--left h3, .twocolumn__column--left h4, .twocolumn__column--left h5, .twocolumn__column--left h6 {
    margin-bottom: 0;
  }
}
.twocolumn__column--right {
  position: relative;
  z-index: 3;
}
@media (min-width: 768px) {
  .twocolumn__column--right {
    width: 60%;
  }
}
.twocolumn__column p {
  margin: 0 0 30px 0;
  color: #000;
}
.twocolumn__column p:last-child, .twocolumn__column p:only-child, .twocolumn__column p:only-of-type {
  margin-bottom: 0;
}
.twocolumn__column br {
  display: block;
}
.twocolumn__ratings {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(130px, max-content));
  gap: 16px;
}
@media (min-width: 768px) {
  .twocolumn__ratings {
    justify-content: end;
  }
}
@media (min-width: 1200px) {
  .twocolumn__ratings {
    grid-template-columns: repeat(auto-fit, minmax(150px, max-content));
    gap: 32px;
  }
}
.twocolumn__rating-score {
  margin: 0 0 10px 0;
  font-size: 30px;
  line-height: 30px;
  font-weight: 700;
}
@media (min-width: 768px) {
  .twocolumn__rating-score {
    font-size: 40px;
    line-height: 40px;
  }
}
.twocolumn__rating-stars {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 10px;
}
.twocolumn__rating-star {
  display: block;
  width: 17px;
  height: 17px;
  margin-right: 6px;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI2LjAuMywgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiIFsKCTwhRU5USVRZIG5zX2V4dGVuZCAiaHR0cDovL25zLmFkb2JlLmNvbS9FeHRlbnNpYmlsaXR5LzEuMC8iPgoJPCFFTlRJVFkgbnNfYWkgImh0dHA6Ly9ucy5hZG9iZS5jb20vQWRvYmVJbGx1c3RyYXRvci8xMC4wLyI+Cgk8IUVOVElUWSBuc19ncmFwaHMgImh0dHA6Ly9ucy5hZG9iZS5jb20vR3JhcGhzLzEuMC8iPgoJPCFFTlRJVFkgbnNfdmFycyAiaHR0cDovL25zLmFkb2JlLmNvbS9WYXJpYWJsZXMvMS4wLyI+Cgk8IUVOVElUWSBuc19pbXJlcCAiaHR0cDovL25zLmFkb2JlLmNvbS9JbWFnZVJlcGxhY2VtZW50LzEuMC8iPgoJPCFFTlRJVFkgbnNfc2Z3ICJodHRwOi8vbnMuYWRvYmUuY29tL1NhdmVGb3JXZWIvMS4wLyI+Cgk8IUVOVElUWSBuc19jdXN0b20gImh0dHA6Ly9ucy5hZG9iZS5jb20vR2VuZXJpY0N1c3RvbU5hbWVzcGFjZS8xLjAvIj4KCTwhRU5USVRZIG5zX2Fkb2JlX3hwYXRoICJodHRwOi8vbnMuYWRvYmUuY29tL1hQYXRoLzEuMC8iPgpdPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zOng9IiZuc19leHRlbmQ7IiB4bWxuczppPSImbnNfYWk7IiB4bWxuczpncmFwaD0iJm5zX2dyYXBoczsiCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAxOC4xMzQgMTcuMjkzIgoJIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE4LjEzNCAxNy4yOTM7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojRkZDMDQ3O30KPC9zdHlsZT4KPG1ldGFkYXRhPgoJPHNmdyAgeG1sbnM9IiZuc19zZnc7Ij4KCQk8c2xpY2VzPjwvc2xpY2VzPgoJCTxzbGljZVNvdXJjZUJvdW5kcyAgYm90dG9tTGVmdE9yaWdpbj0idHJ1ZSIgaGVpZ2h0PSIxNy4yOTMiIHdpZHRoPSIxOC4xMzQiIHg9IjAuNzAyIiB5PSIwLjM4MiI+PC9zbGljZVNvdXJjZUJvdW5kcz4KCTwvc2Z3Pgo8L21ldGFkYXRhPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTcuOTQsNy4wOTVjMC4zNjgtMC4yNjcsMC4xNzktMC44NDktMC4yNzYtMC44NDloLTUuODg2Yy0wLjIwMywwLTAuMzg0LTAuMTMxLTAuNDQ2LTAuMzI0TDkuNTEzLDAuMzI0CgljLTAuMTQxLTAuNDMyLTAuNzUyLTAuNDMyLTAuODkzLDBMNi44MDIsNS45MjJDNi43MzksNi4xMTUsNi41NTksNi4yNDYsNi4zNTYsNi4yNDZIMC40N2MtMC40NTUsMC0wLjY0NCwwLjU4Mi0wLjI3NiwwLjg0OQoJbDQuNzYyLDMuNDU5YzAuMTY0LDAuMTIsMC4yMzMsMC4zMzEsMC4xNywwLjUyNWwtMS44MTksNS41OTdjLTAuMTQsMC40MzIsMC4zNTQsMC43OTIsMC43MjIsMC41MjVsNC43NjItMy40NTkKCWMwLjE2NC0wLjExOSwwLjM4Ny0wLjExOSwwLjU1MiwwbDQuNzYyLDMuNDU5YzAuMzY4LDAuMjY3LDAuODYzLTAuMDkyLDAuNzIyLTAuNTI1bC0xLjgxOS01LjU5NwoJYy0wLjA2My0wLjE5MywwLjAwNi0wLjQwNSwwLjE3LTAuNTI1TDE3Ljk0LDcuMDk1eiIvPgo8L3N2Zz4K);
  background-repeat: no-repeat;
}
.twocolumn__rating-star:last-child {
  margin-right: 0;
}
.twocolumn__rating-star--half {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI2LjAuMywgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiIFsKCTwhRU5USVRZIG5zX2V4dGVuZCAiaHR0cDovL25zLmFkb2JlLmNvbS9FeHRlbnNpYmlsaXR5LzEuMC8iPgoJPCFFTlRJVFkgbnNfYWkgImh0dHA6Ly9ucy5hZG9iZS5jb20vQWRvYmVJbGx1c3RyYXRvci8xMC4wLyI+Cgk8IUVOVElUWSBuc19ncmFwaHMgImh0dHA6Ly9ucy5hZG9iZS5jb20vR3JhcGhzLzEuMC8iPgoJPCFFTlRJVFkgbnNfdmFycyAiaHR0cDovL25zLmFkb2JlLmNvbS9WYXJpYWJsZXMvMS4wLyI+Cgk8IUVOVElUWSBuc19pbXJlcCAiaHR0cDovL25zLmFkb2JlLmNvbS9JbWFnZVJlcGxhY2VtZW50LzEuMC8iPgoJPCFFTlRJVFkgbnNfc2Z3ICJodHRwOi8vbnMuYWRvYmUuY29tL1NhdmVGb3JXZWIvMS4wLyI+Cgk8IUVOVElUWSBuc19jdXN0b20gImh0dHA6Ly9ucy5hZG9iZS5jb20vR2VuZXJpY0N1c3RvbU5hbWVzcGFjZS8xLjAvIj4KCTwhRU5USVRZIG5zX2Fkb2JlX3hwYXRoICJodHRwOi8vbnMuYWRvYmUuY29tL1hQYXRoLzEuMC8iPgpdPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zOng9IiZuc19leHRlbmQ7IiB4bWxuczppPSImbnNfYWk7IiB4bWxuczpncmFwaD0iJm5zX2dyYXBoczsiCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAxOC4xMzQgMTcuMjkzIgoJIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE4LjEzNCAxNy4yOTM7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojRkZDMDQ3O30KPC9zdHlsZT4KPG1ldGFkYXRhPgoJPHNmdyAgeG1sbnM9IiZuc19zZnc7Ij4KCQk8c2xpY2VzPjwvc2xpY2VzPgoJCTxzbGljZVNvdXJjZUJvdW5kcyAgYm90dG9tTGVmdE9yaWdpbj0idHJ1ZSIgaGVpZ2h0PSIxNy4yOTMiIHdpZHRoPSIxOC4xMzQiIHg9IjAuNzAyIiB5PSIwLjM4MiI+PC9zbGljZVNvdXJjZUJvdW5kcz4KCTwvc2Z3Pgo8L21ldGFkYXRhPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTcuOTQsNy4wOTVjMC4zNjgtMC4yNjcsMC4xNzktMC44NDktMC4yNzYtMC44NDloLTUuODg2Yy0wLjIwMywwLTAuMzg0LTAuMTMxLTAuNDQ2LTAuMzI0TDkuNTEzLDAuMzI0CgljLTAuMTQxLTAuNDMyLTAuNzUyLTAuNDMyLTAuODkzLDBMNi44MDIsNS45MjJDNi43MzksNi4xMTUsNi41NTksNi4yNDYsNi4zNTYsNi4yNDZIMC40N2MtMC40NTUsMC0wLjY0NCwwLjU4Mi0wLjI3NiwwLjg0OQoJbDQuNzYyLDMuNDU5YzAuMTY0LDAuMTIsMC4yMzMsMC4zMzEsMC4xNywwLjUyNWwtMS44MTksNS41OTdjLTAuMTQsMC40MzIsMC4zNTQsMC43OTIsMC43MjIsMC41MjVsNC43NjItMy40NTkKCWMwLjE2NC0wLjExOSwwLjM4Ny0wLjExOSwwLjU1MiwwbDQuNzYyLDMuNDU5YzAuMzY4LDAuMjY3LDAuODYzLTAuMDkyLDAuNzIyLTAuNTI1bC0xLjgxOS01LjU5NwoJYy0wLjA2My0wLjE5MywwLjAwNi0wLjQwNSwwLjE3LTAuNTI1TDE3Ljk0LDcuMDk1eiBNMTIuMDU3LDExLjM4NmwxLjMxMyw0LjA0NWwtMy40MzktMi40OThjLTAuMjU0LTAuMTg1LTAuNTUyLTAuMjgtMC44NjQtMC4yOAoJVjIuMTg3bDEuMzE0LDQuMDQ0YzAuMTk2LDAuNjA2LDAuNzU4LDEuMDE1LDEuMzk3LDEuMDE1aDQuMjUybC0zLjQzOSwyLjVDMTIuMDc1LDEwLjExOCwxMS44NTksMTAuNzc4LDEyLjA1NywxMS4zODZ6Ii8+Cjwvc3ZnPgo=);
}
.twocolumn__rating-star--disabled {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI2LjAuMywgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiIFsKCTwhRU5USVRZIG5zX2V4dGVuZCAiaHR0cDovL25zLmFkb2JlLmNvbS9FeHRlbnNpYmlsaXR5LzEuMC8iPgoJPCFFTlRJVFkgbnNfYWkgImh0dHA6Ly9ucy5hZG9iZS5jb20vQWRvYmVJbGx1c3RyYXRvci8xMC4wLyI+Cgk8IUVOVElUWSBuc19ncmFwaHMgImh0dHA6Ly9ucy5hZG9iZS5jb20vR3JhcGhzLzEuMC8iPgoJPCFFTlRJVFkgbnNfdmFycyAiaHR0cDovL25zLmFkb2JlLmNvbS9WYXJpYWJsZXMvMS4wLyI+Cgk8IUVOVElUWSBuc19pbXJlcCAiaHR0cDovL25zLmFkb2JlLmNvbS9JbWFnZVJlcGxhY2VtZW50LzEuMC8iPgoJPCFFTlRJVFkgbnNfc2Z3ICJodHRwOi8vbnMuYWRvYmUuY29tL1NhdmVGb3JXZWIvMS4wLyI+Cgk8IUVOVElUWSBuc19jdXN0b20gImh0dHA6Ly9ucy5hZG9iZS5jb20vR2VuZXJpY0N1c3RvbU5hbWVzcGFjZS8xLjAvIj4KCTwhRU5USVRZIG5zX2Fkb2JlX3hwYXRoICJodHRwOi8vbnMuYWRvYmUuY29tL1hQYXRoLzEuMC8iPgpdPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zOng9IiZuc19leHRlbmQ7IiB4bWxuczppPSImbnNfYWk7IiB4bWxuczpncmFwaD0iJm5zX2dyYXBoczsiCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAxOCAxNy4yIgoJIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE4IDE3LjI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojRkZDMDQ3O30KPC9zdHlsZT4KPG1ldGFkYXRhPgoJPHNmdyAgeG1sbnM9IiZuc19zZnc7Ij4KCQk8c2xpY2VzPjwvc2xpY2VzPgoJCTxzbGljZVNvdXJjZUJvdW5kcyAgYm90dG9tTGVmdE9yaWdpbj0idHJ1ZSIgaGVpZ2h0PSIxNy4yIiB3aWR0aD0iMTgiIHg9IjAuNSIgeT0iMC40Ij48L3NsaWNlU291cmNlQm91bmRzPgoJPC9zZnc+CjwvbWV0YWRhdGE+CjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNCwxNy4xbC00LjctMy40Yy0wLjItMC4xLTAuNC0wLjEtMC41LDBMNCwxNy4xYy0wLjQsMC4zLTAuOS0wLjEtMC44LTAuNkw1LjEsMTFjMC4xLTAuMiwwLTAuNC0wLjItMC41CglMMC4yLDcuMUMtMC4yLDYuOCwwLDYuMiwwLjUsNi4yaDUuOGMwLjIsMCwwLjQtMC4xLDAuNC0wLjNsMS44LTUuNWMwLjEtMC41LDAuOC0wLjUsMSwwbDEuOCw1LjVjMC4xLDAuMiwwLjIsMC4zLDAuNCwwLjNoNS44CgljMC41LDAsMC43LDAuNiwwLjMsMC45bC00LjcsMy40Yy0wLjIsMC4xLTAuMiwwLjMtMC4yLDAuNWwxLjgsNS41QzE0LjksMTcsMTQuNCwxNy40LDE0LDE3LjF6IE0xLjksNy4xbDMuNiwyLjYKCWMwLjUsMC40LDAuNywxLDAuNSwxLjZsLTEuNCw0LjJsMy42LTIuNmMwLjUtMC40LDEuMi0wLjQsMS43LDBsMy42LDIuNmwtMS40LTQuMmMtMC4yLTAuNiwwLTEuMiwwLjUtMS42bDMuNi0yLjZoLTQuNAoJYy0wLjYsMC0xLjEtMC40LTEuMy0xTDksMS45TDcuNiw2LjFjLTAuMiwwLjYtMC43LDEtMS4zLDFIMS45eiIvPgo8L3N2Zz4K);
}
.twocolumn__rating-source {
  display: block;
  font-size: 14px;
}

.form__wrapper {
  display: flex;
  flex-direction: column;
  padding-right: 20px;
  padding-left: 20px;
}
.form__wrapper-position--top, .form__wrapper-position--bottom {
  gap: 32px;
}
@media (min-width: 1200px) {
  .form__wrapper-position--top, .form__wrapper-position--bottom {
    gap: 64px;
  }
}
.form__wrapper-position--top {
  flex-direction: column-reverse;
}
.form__wrapper-position--right, .form__wrapper-position--left {
  gap: 32px;
}
@media (min-width: 992px) {
  .form__wrapper-position--right, .form__wrapper-position--left {
    align-items: center;
    gap: 64px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .form__wrapper-position--right, .form__wrapper-position--left {
    padding-right: 50px;
    padding-left: 50px;
  }
}
@media (min-width: 1200px) and (max-width: 1599px) {
  .form__wrapper-position--right, .form__wrapper-position--left {
    padding-right: 100px;
    padding-left: 100px;
  }
}
@media (min-width: 1400px) {
  .form__wrapper-position--right, .form__wrapper-position--left {
    gap: 96px;
  }
}
@media (min-width: 1600px) {
  .form__wrapper-position--right, .form__wrapper-position--left {
    gap: 128px;
  }
}
.form__wrapper-position--right .form__form form, .form__wrapper-position--left .form__form form {
  display: block;
  width: 100%;
}
@media (min-width: 1200px) and (max-width: 1599px) {
  .form__wrapper-position--right .form__form form, .form__wrapper-position--left .form__form form {
    max-width: 550px;
  }
}
@media (min-width: 1600px) {
  .form__wrapper-position--right .form__form form, .form__wrapper-position--left .form__form form {
    max-width: 640px;
  }
}
@media (min-width: 992px) {
  .form__wrapper-position--right {
    flex-direction: row;
  }
}
@media (min-width: 992px) {
  .form__wrapper-position--left {
    flex-direction: row-reverse;
  }
}
@media (min-width: 992px) {
  .form__intro {
    flex: 1;
  }
}
@media (min-width: 768px) {
  .form__intro .section-intro__subheader {
    width: 90%;
  }
}
@media (min-width: 1200px) {
  .form__intro .section-intro__subheader {
    width: 90%;
  }
}
@media (min-width: 1400px) {
  .form__intro .section-intro__subheader {
    width: 90%;
  }
}
.form__intro-buttons {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding-top: 40px;
}
@media (min-width: 768px) {
  .form__intro-buttons {
    flex-direction: row;
    align-items: center;
    gap: 32px;
  }
}
.form__intro-buttons .btn {
  align-self: flex-start;
}
.form__intro-buttons--centered {
  justify-content: center;
}
.form__intro-buttons--centered .btn {
  align-self: center;
}
.form__form {
  position: relative;
  overflow: hidden;
  padding: 20px;
  border-radius: 5px;
  background-color: rgba(var(--color-white), 1);
  box-shadow: 5px 5px 30px 0 rgba(var(--color-text), 0.05);
}
@media (min-width: 768px) {
  .form__form {
    padding: 30px;
  }
}
@media (min-width: 992px) {
  .form__form {
    flex: 1;
    padding: 40px;
    border-radius: 10px;
  }
}
@media (min-width: 1200px) {
  .form__form {
    flex-shrink: 0;
  }
}
.form__form form {
  width: 100%;
}

.contentboxes__wrapper {
  padding-right: 20px;
  padding-left: 20px;
}
.contentboxes__intro {
  position: relative;
  z-index: 2;
  margin-bottom: 40px;
}
@media (min-width: 768px) {
  .contentboxes__intro {
    margin-bottom: 60px;
  }
}
@media (min-width: 992px) {
  .contentboxes__intro {
    margin-bottom: 80px;
  }
}
.contentboxes__items {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 30px;
}
@media (min-width: 768px) {
  .contentboxes__items {
    grid-template-columns: repeat(2, 1fr);
  }
}
.contentboxes__item {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 20px;
  border-radius: 10px;
  height: 100%;
  min-height: 350px;
  overflow: hidden;
}
@media (min-width: 768px) {
  .contentboxes__item {
    justify-content: flex-start;
    min-height: 450px;
    padding: 30px;
  }
}
@media (min-width: 1200px) {
  .contentboxes__item {
    min-height: 550px;
    padding: 36px;
  }
}
@media (min-width: 1400px) {
  .contentboxes__item {
    min-height: 700px;
  }
}
.contentboxes__item:nth-child(3n+1) .contentboxes__item-background {
  top: 60px;
  right: -65px;
  height: 260px;
}
@media (min-width: 768px) {
  .contentboxes__item:nth-child(3n+1) .contentboxes__item-background {
    top: 30px;
    height: 305px;
    right: -55px;
  }
}
@media (min-width: 992px) {
  .contentboxes__item:nth-child(3n+1) .contentboxes__item-background {
    top: 60px;
  }
}
@media (min-width: 1200px) {
  .contentboxes__item:nth-child(3n+1) .contentboxes__item-background {
    height: 435px;
    right: -25px;
  }
}
@media (min-width: 1400px) {
  .contentboxes__item:nth-child(3n+1) .contentboxes__item-background {
    top: 90px;
    right: 0px;
    height: 517px;
  }
}
.contentboxes__item:nth-child(3n+2) .contentboxes__item-label {
  margin-left: auto;
}
.contentboxes__item:nth-child(3n+2) .contentboxes__item-text {
  text-align: right;
  margin-left: auto;
}
.contentboxes__item:nth-child(3n+2) .contentboxes__item-background {
  top: 60px;
  left: -150px;
  height: 258px;
}
@media (min-width: 768px) {
  .contentboxes__item:nth-child(3n+2) .contentboxes__item-background {
    height: 304px;
    top: 30px;
  }
}
@media (min-width: 992px) {
  .contentboxes__item:nth-child(3n+2) .contentboxes__item-background {
    top: 60px;
  }
}
@media (min-width: 1200px) {
  .contentboxes__item:nth-child(3n+2) .contentboxes__item-background {
    height: 434px;
    width: 557px;
  }
}
@media (min-width: 1400px) {
  .contentboxes__item:nth-child(3n+2) .contentboxes__item-background {
    top: 90px;
    left: -125px;
    height: 517px;
  }
}
.contentboxes__item:nth-child(3n+2) .contentboxes__item-background svg {
  width: 450px;
  height: 100%;
}
@media (min-width: 768px) {
  .contentboxes__item:nth-child(3n+2) .contentboxes__item-background svg {
    width: 480px;
  }
}
@media (min-width: 1200px) {
  .contentboxes__item:nth-child(3n+2) .contentboxes__item-background svg {
    width: 557px;
  }
}
@media (min-width: 768px) {
  .contentboxes__item:nth-child(3n+3) {
    grid-column: span 2;
    min-height: 350px;
  }
}
@media (min-width: 1200px) {
  .contentboxes__item:nth-child(3n+3) {
    min-height: 450px;
  }
}
@media (min-width: 1200px) {
  .contentboxes__item:nth-child(3n+3) .contentboxes__item-text {
    max-width: 40%;
  }
}
.contentboxes__item:nth-child(3n+3) .contentboxes__item-background {
  top: -60px;
  right: 140px;
  width: 200px;
}
@media (min-width: 768px) {
  .contentboxes__item:nth-child(3n+3) .contentboxes__item-background {
    right: 136px;
    top: -38px;
  }
}
@media (min-width: 1200px) {
  .contentboxes__item:nth-child(3n+3) .contentboxes__item-background {
    right: 355px;
  }
}
.contentboxes__item:nth-child(3n+3) .contentboxes__item-background svg {
  width: 250px;
  height: 289px;
}
@media (min-width: 768px) {
  .contentboxes__item:nth-child(3n+3) .contentboxes__item-background svg {
    width: 304px;
    height: 293px;
  }
}
@media (min-width: 1200px) {
  .contentboxes__item:nth-child(3n+3) .contentboxes__item-background svg {
    width: 464px;
    height: 464px;
  }
}
.contentboxes__item-background {
  position: absolute;
  z-index: 1;
}
.contentboxes__item-background svg {
  height: 100%;
  opacity: 0.3;
}
@media (min-width: 768px) {
  .contentboxes__item-background svg {
    opacity: 1;
  }
}
.contentboxes__item-label {
  position: relative;
  z-index: 2;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-items: center;
  align-self: flex-start;
  width: auto;
  height: 25px;
  margin-bottom: 20px;
  padding: 2px 8px 0 8px;
  border-radius: 25px;
  font-size: 12px;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
}
.contentboxes__item-text {
  position: relative;
  z-index: 2;
}
@media (min-width: 768px) {
  .contentboxes__item-text {
    display: flex;
    flex-direction: column;
    height: 100%;
    max-width: 70%;
  }
}
@media (min-width: 1200px) {
  .contentboxes__item-text {
    max-width: 65%;
    height: auto;
    justify-items: flex-start;
  }
}
.contentboxes__item-text-header {
  display: block;
  font-weight: 700;
  font-family: var(--header-font-family);
  font-size: 22px;
  line-height: 1.1;
  color: rgba(var(--color-secondary), 1);
}
@media (min-width: 1200px) {
  .contentboxes__item-text-header {
    font-size: 32px;
  }
}
@media (min-width: 1200px) {
  .contentboxes__item-text-description {
    font-size: 18px;
  }
}
.contentboxes__item-text-button {
  padding-top: 30px;
}
@media (min-width: 768px) {
  .contentboxes__item-text-button {
    margin-top: auto;
  }
}
@media (min-width: 1200px) {
  .contentboxes__item-text-button {
    padding-top: 50px;
  }
}
.contentboxes__item-text-button .btn--green span, .contentboxes__item-text-button .btn--blue span {
  color: rgba(var(--color-secondary), 1);
}
.contentboxes__item-text-button .btn__icon {
  border-color: rgba(var(--color-secondary), 1);
}

.tabs {
  /* Tab contents wrapper */
}
.tabs__wrapper {
  padding-right: 20px;
  padding-left: 20px;
}
.tabs__intro {
  margin-bottom: 40px;
}
@media (min-width: 768px) {
  .tabs__intro {
    margin-bottom: 60px;
  }
}
@media (min-width: 992px) {
  .tabs__intro {
    margin-bottom: 80px;
  }
}
.tabs__tabs-headers {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 0 20px 0;
  padding: 0;
  list-style-type: none;
}
@media (min-width: 992px) {
  .tabs__tabs-headers {
    flex-direction: row;
    justify-content: center;
    margin-bottom: 50px;
  }
}
@media (min-width: 1400px) {
  .tabs__tabs-headers {
    margin-bottom: 70px;
  }
}
.tabs__tabs-header {
  margin: 0 0 10px 0;
  padding: 0;
  transition: all 0.3s ease-in-out;
}
@media (min-width: 992px) {
  .tabs__tabs-header {
    margin-right: 25px;
    margin-left: 25px;
    text-align: center;
    min-width: 200px;
  }
}
.tabs__tabs-header button {
  display: block;
  position: relative;
  background-color: transparent;
  border: 0;
  padding: 0;
  font-size: 17px;
  font-weight: 700;
  font-family: var(--heading-font);
  color: #D7D7D7;
  text-align: center;
}
@media (min-width: 992px) {
  .tabs__tabs-header button {
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .tabs__tabs-header button {
    font-size: 22px;
  }
}
.tabs__tabs-header button .tabs__timer {
  margin-top: 5px;
  height: 5px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.05s ease-in-out;
  overflow: hidden;
  border-radius: 5px;
}
@media (min-width: 992px) {
  .tabs__tabs-header button .tabs__timer {
    width: 70%;
    margin-top: 10px;
    margin-right: auto;
    margin-left: auto;
  }
}
@media (min-width: 1200px) {
  .tabs__tabs-header button .tabs__timer {
    margin-top: 15px;
    width: 50%;
  }
}
.tabs__tabs-header button span {
  display: block;
  width: 3%;
  height: 5px;
  border-radius: 5px;
  background-color: #7BA7FF;
  pointer-events: none;
}
.tabs__tabs-header--active button {
  color: var(--primary);
}
.tabs__tabs-header--active button .tabs__timer {
  opacity: 1;
}
.tabs__timer {
  width: 100%;
  height: 5px;
  border-radius: 5px;
  background-color: #D7D7D7;
  overflow: hidden;
}
.tabs__content-header {
  margin: 0 0 30px 0;
  text-align: center;
}
@media (min-width: 992px) {
  .tabs__content-header {
    margin-bottom: 50px;
  }
}
@media (min-width: 1400px) {
  .tabs__content-header {
    margin-bottom: 80px;
  }
}
.tabs__content-header h1, .tabs__content-header h2, .tabs__content-header h3, .tabs__content-header h4, .tabs__content-header h5, .tabs__content-header h6 {
  margin: 0;
}
.tabs__tab-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  overflow: hidden;
}
.tabs__tab {
  flex-shrink: 0;
  width: 0%;
  height: 0;
  transform: scale(0);
  transition: transform 0s ease-in, opacity 1.5s ease-in-out;
  opacity: 0;
}
@media (min-width: 992px) {
  .tabs__tab {
    display: flex;
    flex-direction: row;
    align-items: center;
  }
}
.tabs__tab--active {
  width: 100%;
  height: auto;
  opacity: 1;
  transform: scale(1);
}
@media (min-width: 992px) {
  .tabs__tab--reverse {
    flex-direction: row-reverse;
  }
}
@media (min-width: 992px) {
  .tabs__tab--reverse .tabs__tab-text {
    padding-left: 0;
    padding-right: 50px;
  }
}
@media (min-width: 1200px) {
  .tabs__tab--reverse .tabs__tab-text {
    padding-right: 80px;
    padding-left: 0;
  }
}
@media (min-width: 1400px) {
  .tabs__tab--reverse .tabs__tab-text {
    padding-right: 110px;
    padding-left: 0;
  }
}
.tabs__tab-image {
  margin-bottom: 20px;
  border-radius: 10px;
  overflow: hidden;
}
@media (min-width: 992px) {
  .tabs__tab-image {
    width: 50%;
    margin-bottom: 0;
  }
}
@media (min-width: 1400px) {
  .tabs__tab-image {
    flex-shrink: 0;
    width: 580px;
    height: 436px;
  }
}
.tabs__tab-image img {
  display: block;
  width: 100%;
}
@media (min-width: 992px) {
  .tabs__tab-image img {
    height: 100%;
    object-fit: cover;
  }
}
.tabs__tab-text {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
@media (min-width: 992px) {
  .tabs__tab-text {
    width: 50%;
    align-items: flex-start;
    padding-left: 50px;
    text-align: left;
  }
}
@media (min-width: 1200px) {
  .tabs__tab-text {
    padding-left: 80px;
  }
}
@media (min-width: 1400px) {
  .tabs__tab-text {
    width: 100%;
    padding-left: 110px;
  }
}
.tabs__tab-logo {
  margin-bottom: 10px;
}
@media (min-width: 1200px) {
  .tabs__tab-logo {
    margin-bottom: 20px;
  }
}
@media (min-width: 1400px) {
  .tabs__tab-logo {
    margin-bottom: 30px;
  }
}
.tabs__tab-logo img {
  max-width: 200px;
}
.tabs__tab-buttons {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 20px;
}
@media (min-width: 992px) {
  .tabs__tab-buttons {
    align-items: flex-start;
  }
}
.tabs__tab-buttons .aa-button {
  align-self: center;
  margin-bottom: 15px;
}
@media (min-width: 992px) {
  .tabs__tab-buttons .aa-button {
    align-self: flex-start;
  }
}
.tabs__tab-buttons .aa-button:only-child, .tabs__tab-buttons .aa-button:last-child, .tabs__tab-buttons .aa-button:only-of-type {
  margin-bottom: 0;
}

.faq__wrapper {
  padding-right: 20px;
  padding-left: 20px;
}
.faq__intro {
  position: relative;
  z-index: 2;
  margin-bottom: 40px;
}
@media (min-width: 768px) {
  .faq__intro {
    margin-bottom: 60px;
  }
}
@media (min-width: 992px) {
  .faq__intro {
    margin-bottom: 80px;
  }
}
.faq__items-wrapper {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
@media (min-width: 768px) {
  .faq__items-wrapper {
    flex-direction: row;
    align-items: flex-start;
  }
}
@media (min-width: 768px) {
  .faq__items-wrapper--reverse {
    flex-direction: row-reverse;
  }
}
.faq__label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem;
  cursor: pointer;
  background-color: rgba(var(--color-lightblue), 0.3);
  font-size: 16px;
  font-weight: 600;
  transition: background-color 0.3s ease;
  border-radius: 5px;
}
@media (min-width: 992px) {
  .faq__label {
    border-radius: 10px;
  }
}
.faq__label:hover {
  background-color: rgba(var(--color-lightblue), 0.7);
}
.faq__label-text {
  flex-grow: 1;
}
.faq__label .faq__icon {
  transition: transform 0.3s ease;
}
.faq__items {
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 8px;
}
.faq__items .faq__toggle {
  display: none;
}
.faq__items .faq__toggle:checked + .faq__label .faq__icon {
  transform: rotate(45deg);
}
.faq__items .faq__toggle:checked + .faq__label {
  background-color: rgba(var(--color-lightblue), 0.7);
}
.faq__items .faq__toggle:checked + .faq__label + .faq__content {
  max-height: 1500px;
  padding: 1rem; /* Re-add padding when visible */
  opacity: 1;
}
@media (min-width: 992px) {
  .faq__items .faq__toggle:checked + .faq__label + .faq__content {
    padding: 2rem;
  }
}
@media (min-width: 1600px) {
  .faq__items .faq__toggle:checked + .faq__label + .faq__content {
    padding: 3rem;
  }
}
.faq__items .faq__content {
  max-height: 0;
  overflow: hidden;
  padding: 0;
  opacity: 0;
  transition: max-height 0.5s var(--easeInOutExpo), padding 0.5s ease, opacity 0.5s ease;
}
.faq__items .faq__content-description p, .faq__items .faq__content-description ol, .faq__items .faq__content-description ul {
  margin-bottom: 1rem;
}
.faq__items .faq__content-description p:only-of-type, .faq__items .faq__content-description p:last-of-type, .faq__items .faq__content-description p:last-child {
  margin-bottom: 0;
}
.faq__content {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
@media (min-width: 768px) {
  .faq__content {
    flex-direction: row;
    align-items: center;
    gap: 64px;
  }
}
@media (min-width: 768px) {
  .faq__content-description {
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .faq__content-description {
    padding-right: 10%;
  }
}
@media (min-width: 768px) {
  .faq__content-description--textonly {
    padding-right: 20%;
  }
}
@media (min-width: 1400px) {
  .faq__content-description--textonly {
    padding-right: 25%;
  }
}
.faq__image-wrapper {
  position: relative;
  width: 100%;
  overflow: hidden;
}
@media (min-width: 768px) {
  .faq__image-wrapper {
    flex-shrink: 0;
    width: 250px;
  }
}
@media (min-width: 992px) {
  .faq__image-wrapper {
    width: 350px;
  }
}
@media (min-width: 1200px) {
  .faq__image-wrapper {
    width: 450px;
  }
}
.faq__image-wrapper .section-media__visual {
  overflow: hidden;
  border-radius: 5px;
}
.faq__image-wrapper img, .faq__image-wrapper video {
  display: block;
  width: 100%;
  height: auto;
}

.column-cards__wrapper {
  padding-right: 20px;
  padding-left: 20px;
}
.column-cards__intro {
  position: relative;
  z-index: 2;
  margin-bottom: 40px;
}
@media (min-width: 768px) {
  .column-cards__intro {
    margin-bottom: 60px;
  }
}
@media (min-width: 992px) {
  .column-cards__intro {
    margin-bottom: 80px;
  }
}
@media (min-width: 1400px) {
  .column-cards__intro .section-intro__header {
    width: 75%;
    margin-right: auto;
    margin-left: auto;
  }
}
.column-cards__list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 1rem;
}
@media (min-width: 992px) {
  .column-cards__list {
    grid-template-columns: repeat(auto-fit, minmax(226px, 1fr));
  }
}
@media (min-width: 1200px) {
  .column-cards__list {
    gap: 2rem;
  }
}
.column-cards__list--center .column-cards__list {
  justify-content: center;
}
.column-cards__item {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 1rem;
  padding: 20px;
  border-radius: 5px;
}
@media (min-width: 992px) {
  .column-cards__item {
    padding: 30px;
  }
}
.column-cards__item--center {
  align-items: center;
  text-align: center;
}
.column-cards__item--center .column-cards__label {
  align-self: center;
}
.column-cards__item--center .column-cards__image {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.column-cards__item--vertical-center {
  justify-content: center;
}
.column-cards__icon {
  max-width: 64px;
  max-height: 64px;
}
.column-cards__icon img {
  max-width: 64px;
}
.column-cards__image img {
  display: block;
  max-width: 100%;
  height: auto;
}
.column-cards__label {
  font-weight: bold;
  margin-bottom: 8px;
}
.column-cards__text p:last-child, .column-cards__text p:only-of-type {
  margin-bottom: 0;
}
.column-cards__text p span {
  padding-top: 0;
}
.column-cards__text-title {
  margin: 0 0 30px 0;
  font-family: var(--header-font-family);
  font-weight: var(--header-font-weight);
  color: rgba(var(--color-secondary), 1);
  font-size: 26px;
  line-height: 1.1;
}
.column-cards__text-title:only-of-type {
  margin-bottom: 30px;
}
.column-cards__text span {
  display: block;
  padding-top: 20px;
}

.slider--wide {
  max-width: 1920px;
  margin: 0 auto;
}
.slider__wrapper {
  padding-right: 20px;
  padding-left: 20px;
}
.slider__intro {
  margin-bottom: 40px;
}
@media (min-width: 768px) {
  .slider__intro {
    margin-bottom: 80px;
  }
}
@media (min-width: 1200px) {
  .slider__intro {
    margin-bottom: 120px;
  }
}
.slider__slide {
  overflow: hidden;
}
.slider__slide--vertical {
  width: 100%;
  height: auto;
}
.slider__slide--vertical .swiper-wrapper {
  height: auto;
}
.slider__slide--vertical .swiper-slide {
  height: auto;
  display: flex;
  justify-content: center;
  overflow: hidden;
}
.slider__slide--vertical .swiper-slide img, .slider__slide--vertical .swiper-slide video {
  display: block;
  width: 100%;
  height: auto;
}
.slider__slide--vertical .slider__navigation {
  position: absolute;
  top: 50%;
  left: 20px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 36px;
  height: 90px;
  margin-top: -45px;
}
@media (min-width: 992px) {
  .slider__slide--vertical .slider__navigation {
    padding-right: 0;
    padding-left: 0;
    left: 50px;
  }
}
.slider__slide--vertical .slider__navigation .navigation-button {
  background-color: rgba(var(--color-white), 1);
}
.slider__slide--vertical .slider__navigation .navigation-button--next {
  order: 1;
  transform: rotate(-90deg);
}
.slider__slide--vertical .slider__navigation .navigation-button--prev {
  order: 2;
  transform: rotate(-90deg);
}
.slider__slide--vertical .slider__navigation .navigation-button:hover {
  transform: scale(1.1) rotate(-90deg);
}
.slider__slide--vertical .slider__navigation .navigation-button:active {
  transform: scale(0.9) rotate(-90deg);
}
.slider__slide--vertical .slider__navigation .navigation-button svg path {
  stroke: rgba(var(--color-secondary), 1);
}
.slider__item {
  border-radius: 10px;
  overflow: hidden;
}
.slider__item-media {
  position: relative;
}
.slider__item-media img, .slider__item-media video {
  display: block;
  width: 100%;
  max-width: 100%;
}
.slider__item-content {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 20px;
  background-color: rgba(var(--color-secondary), 0.75);
}
@media (min-width: 992px) {
  .slider__item-content {
    padding: 30px;
  }
}
@media (min-width: 1200px) {
  .slider__item-content {
    padding: 40px;
  }
}
.slider__item-title {
  margin-top: 0;
  margin-bottom: 20px;
}
.slider__item-title, .slider__item-description, .slider__item-description p, .slider__item-description span {
  color: rgba(var(--color-white), 1);
}
.slider__navigation {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  justify-content: center;
  gap: 16px;
  margin-top: 30px;
}
@media (min-width: 768px) {
  .slider__navigation {
    position: absolute;
    top: 50%;
    z-index: 2;
    justify-content: space-between;
    height: 0;
    margin-top: 0;
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media (min-width: 992px) {
  .slider__navigation {
    padding-right: 40px;
    padding-left: 40px;
  }
}
.slider__navigation .navigation-button {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  background-color: rgba(var(--color-secondary), 1);
  border-radius: 36px;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  cursor: pointer;
}
@media (min-width: 768px) {
  .slider__navigation .navigation-button {
    background-color: rgba(var(--color-white), 1);
  }
}
.slider__navigation .navigation-button.swiper-button-disabled {
  opacity: 0.3;
}
.slider__navigation .navigation-button svg path {
  stroke: rgba(var(--color-white), 1);
}
@media (min-width: 768px) {
  .slider__navigation .navigation-button svg path {
    stroke: rgba(var(--color-secondary), 1);
  }
}
.slider__navigation .navigation-button:hover {
  transform: scale(1.1);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
.slider__navigation .navigation-button:active {
  transform: scale(0.9);
}
@media (min-width: 768px) {
  .slider__navigation .navigation-button--next {
    right: 20px;
  }
}
@media (min-width: 768px) {
  .slider__navigation .navigation-button--prev {
    left: 20px;
  }
}

.filter-cards {
  scroll-margin-top: 100px;
}
.filter-cards__wrapper {
  padding-left: 20px;
  padding-right: 0;
}
@media (min-width: 768px) {
  .filter-cards__wrapper {
    padding-right: 20px;
  }
}
.filter-cards__intro {
  position: relative;
  z-index: 2;
  margin-bottom: 40px;
  padding-right: 20px;
}
@media (min-width: 768px) {
  .filter-cards__intro {
    margin-bottom: 60px;
    padding-right: 0;
  }
}
@media (min-width: 992px) {
  .filter-cards__intro {
    margin-bottom: 80px;
  }
}
.filter-cards__filter {
  position: relative;
  margin-bottom: 40px;
}
@media (min-width: 992px) {
  .filter-cards__filter {
    margin-bottom: 60px;
  }
}
@media (min-width: 1400px) {
  .filter-cards__filter {
    margin-bottom: 80px;
  }
}
.filter-cards__filter:before {
  content: "← Swipe";
  position: absolute;
  top: -30px;
  right: 10px;
  font-size: 12px;
  color: rgba(var(--color-primary), 1);
}
@media (min-width: 768px) {
  .filter-cards__filter:before {
    display: none;
  }
}
.filter-cards__filter-list {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 0 20px 0 0;
  margin: 0;
  overflow-x: scroll;
  scroll-behavior: smooth;
  list-style-type: none;
}
@media (min-width: 768px) {
  .filter-cards__filter-list {
    justify-content: center;
    flex-wrap: wrap;
    padding: 0;
  }
}
.filter-cards__filter-list::-webkit-scrollbar {
  display: none;
}
.filter-cards__filter-list li {
  display: flex;
  flex-shrink: 0;
}
.filter-cards__filter-list li:last-child {
  margin-right: 20px;
}
.filter-cards__filter-button {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  padding: 10px 16px;
  border-radius: 50px;
  background-color: transparent;
  border: 1px solid rgba(var(--color-secondary), 1);
  color: rgba(var(--color-secondary), 1);
  cursor: pointer;
  transition: all 0.4s var(--easeInOutQuart);
}
.filter-cards__filter-button--active, .filter-cards__filter-button:hover {
  background-color: rgba(var(--color-secondary), 1);
  color: rgba(var(--color-white), 1);
}
.filter-cards__items {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  padding-right: 20px;
}
@media (min-width: 768px) {
  .filter-cards__items {
    padding-right: 0;
    gap: 32px;
  }
}
.filter-cards__item {
  width: 100%;
  padding: 16px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  background: rgba(var(--color-white), 1);
  border: 1px solid rgba(var(--color-light), 1);
  border-radius: 10px;
  transition: box-shadow 0.8s var(--easeInOutCirc);
}
@media (min-width: 768px) {
  .filter-cards__item {
    width: calc(50% - 32px + 16px);
  }
}
@media (min-width: 992px) {
  .filter-cards__item {
    width: calc(33.3333333333% - 32px + 10.6666666667px);
  }
}
@media (min-width: 1200px) {
  .filter-cards__item {
    width: calc(25% - 32px + 8px);
    padding: 20px;
  }
}
.filter-cards__item:hover {
  box-shadow: 0 10px 30px rgba(var(--color-secondary), 0.05);
  transition: box-shadow 0.8s var(--easeInOutCirc);
}
.filter-cards__item-link {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  text-decoration: none;
}
.filter-cards__item-image {
  overflow: hidden;
  border-radius: 6px;
}
.filter-cards__item-image img {
  width: 100%;
  height: auto;
  display: block;
  transition: transform 0.4s var(--easeInOutCirc);
  transform-origin: center center;
  transform: translateZ(0);
}
.filter-cards__item-image img:hover {
  transform: scale(1.1) rotate(0.01deg) translateZ(0);
  transform-origin: inherit;
}
.filter-cards__item-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  height: 100%;
  padding-top: 20px;
}
.filter-cards__item-label {
  font-weight: 400;
  font-size: 12px;
  margin-bottom: 5px;
  letter-spacing: 0.3px;
  color: rgba(var(--color-secondary), 1);
  display: block;
}
.filter-cards__item-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1;
}
.filter-cards__item-text h3 {
  font-size: 20px;
  line-height: 1.25;
}
@media (min-width: 768px) {
  .filter-cards__item-text p {
    margin-top: auto;
  }
}
@media (min-width: 1400px) {
  .filter-cards__item-text p {
    font-size: 16px;
  }
}
.filter-cards__item-text p:last-child, .filter-cards__item-text p:only-of-type {
  margin-bottom: 0;
}