/*!***************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js!./wordpress/wp-content/themes/sds/styles/frontend.scss ***!
  \***************************************************************************************************************************************************************************/
@charset "UTF-8";
/*! normalize.css v7.0.0 | 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
 *    IE on Windows Phone and in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

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

/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main { /* 1 */
  display: block;
}

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 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 gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}

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

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}

/**
 * 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 style in Android 4.3-.
 */
dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}

/**
 * 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;
}

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}

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

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

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

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button; /* 2 */
}

/**
 * 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;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * 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 and cancel buttons in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-cancel-button,
[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 IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block;
}

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

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */
template {
  display: none;
}

/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}

/*!
 * Bootstrap Grid v4.5.2 (https://getbootstrap.com/)
 * Copyright 2011-2020 The Bootstrap Authors
 * Copyright 2011-2020 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
html {
  box-sizing: border-box;
  -ms-overflow-style: scrollbar;
  --grid-gap: 4px;
  --grid-margin: 2.4rem;
}
@media (min-width: 768px) {
  html {
    --grid-margin: 8rem;
  }
}
@media (min-width: 992px) {
  html {
    --grid-gap: 8px;
    --grid-margin: 6rem;
  }
}
@media (min-width: 1440px) {
  html {
    --grid-margin: 120px;
  }
}
@media (min-width: 2000px) {
  html {
    --grid-margin: 20rem;
  }
}

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

.container,
.container-fluid,
.container-fluid-wide,
.container-sm,
.container-md,
.container-lg,
.container-xl {
  width: 100%;
  padding-right: var(--grid-margin);
  padding-left: var(--grid-margin);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container, .container-sm {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container, .container-sm, .container-md {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container, .container-sm, .container-md, .container-lg {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container, .container-sm, .container-md, .container-lg, .container-xl {
    max-width: 1140px;
  }
}
.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: calc(var(--grid-gap) * -1);
  margin-left: calc(var(--grid-gap) * -1);
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.no-gutters > .col,
.no-gutters > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto, .col-hg-1, .col-hg-2, .col-hg-3, .col-hg-4, .col-hg-5, .col-hg-6, .col-hg-7, .col-hg-8, .col-hg-9, .col-hg-10, .col-hg-11, .col-hg-12, .col-hg,
.col-hg-auto, .col-gt-1, .col-gt-2, .col-gt-3, .col-gt-4, .col-gt-5, .col-gt-6, .col-gt-7, .col-gt-8, .col-gt-9, .col-gt-10, .col-gt-11, .col-gt-12, .col-gt,
.col-gt-auto {
  position: relative;
  width: 100%;
  padding-right: var(--grid-gap);
  padding-left: var(--grid-gap);
}

.col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}

.row-cols-1 > * {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.row-cols-2 > * {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.row-cols-3 > * {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.row-cols-4 > * {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}

.row-cols-5 > * {
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%;
}

.row-cols-6 > * {
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}

.col-auto {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

.col-1 {
  -ms-flex: 0 0 8.333333%;
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}

.col-2 {
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}

.col-3 {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.col-5 {
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}

.col-6 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  -ms-flex: 0 0 58.333333%;
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}

.col-8 {
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}

.col-9 {
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  -ms-flex: 0 0 83.333333%;
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}

.col-11 {
  -ms-flex: 0 0 91.666667%;
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}

.col-12 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.order-first {
  -ms-flex-order: -1;
  order: -1;
}

.order-last {
  -ms-flex-order: 13;
  order: 13;
}

.order-0 {
  -ms-flex-order: 0;
  order: 0;
}

.order-1 {
  -ms-flex-order: 1;
  order: 1;
}

.order-2 {
  -ms-flex-order: 2;
  order: 2;
}

.order-3 {
  -ms-flex-order: 3;
  order: 3;
}

.order-4 {
  -ms-flex-order: 4;
  order: 4;
}

.order-5 {
  -ms-flex-order: 5;
  order: 5;
}

.order-6 {
  -ms-flex-order: 6;
  order: 6;
}

.order-7 {
  -ms-flex-order: 7;
  order: 7;
}

.order-8 {
  -ms-flex-order: 8;
  order: 8;
}

.order-9 {
  -ms-flex-order: 9;
  order: 9;
}

.order-10 {
  -ms-flex-order: 10;
  order: 10;
}

.order-11 {
  -ms-flex-order: 11;
  order: 11;
}

.order-12 {
  -ms-flex-order: 12;
  order: 12;
}

.offset-1 {
  margin-left: 8.333333%;
}

.offset-2 {
  margin-left: 16.666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.333333%;
}

.offset-5 {
  margin-left: 41.666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.333333%;
}

.offset-8 {
  margin-left: 66.666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.333333%;
}

.offset-11 {
  margin-left: 91.666667%;
}

@media (min-width: 576px) {
  .col-sm {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-sm-1 > * {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-sm-2 > * {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-sm-3 > * {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .row-cols-sm-4 > * {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-sm-5 > * {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-sm-6 > * {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-sm-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-sm-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-sm-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-sm-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-sm-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-sm-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-sm-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-sm-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-sm-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-sm-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-sm-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-sm-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-sm-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-sm-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-sm-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-sm-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-sm-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-sm-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-sm-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-sm-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-sm-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-sm-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-sm-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-sm-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.333333%;
  }
  .offset-sm-2 {
    margin-left: 16.666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.333333%;
  }
  .offset-sm-5 {
    margin-left: 41.666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.333333%;
  }
  .offset-sm-8 {
    margin-left: 66.666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.333333%;
  }
  .offset-sm-11 {
    margin-left: 91.666667%;
  }
}
@media (min-width: 768px) {
  .col-md {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-md-1 > * {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-md-2 > * {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-md-3 > * {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .row-cols-md-4 > * {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-md-5 > * {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-md-6 > * {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-md-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-md-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-md-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-md-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-md-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-md-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-md-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-md-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-md-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-md-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-md-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-md-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-md-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-md-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-md-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-md-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-md-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-md-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-md-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-md-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-md-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-md-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-md-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.333333%;
  }
  .offset-md-2 {
    margin-left: 16.666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.333333%;
  }
  .offset-md-5 {
    margin-left: 41.666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.333333%;
  }
  .offset-md-8 {
    margin-left: 66.666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.333333%;
  }
  .offset-md-11 {
    margin-left: 91.666667%;
  }
}
@media (min-width: 992px) {
  .col-lg {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-lg-1 > * {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-lg-2 > * {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-lg-3 > * {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .row-cols-lg-4 > * {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-lg-5 > * {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-lg-6 > * {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-lg-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-lg-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-lg-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-lg-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-lg-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-lg-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-lg-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-lg-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-lg-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-lg-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-lg-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-lg-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-lg-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-lg-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-lg-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-lg-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-lg-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-lg-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-lg-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-lg-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-lg-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-lg-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-lg-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-lg-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.333333%;
  }
  .offset-lg-2 {
    margin-left: 16.666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.333333%;
  }
  .offset-lg-5 {
    margin-left: 41.666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.333333%;
  }
  .offset-lg-8 {
    margin-left: 66.666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.333333%;
  }
  .offset-lg-11 {
    margin-left: 91.666667%;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-xl-1 > * {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-xl-2 > * {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-xl-3 > * {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .row-cols-xl-4 > * {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-xl-5 > * {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-xl-6 > * {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-xl-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-xl-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-xl-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-xl-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-xl-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-xl-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-xl-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-xl-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-xl-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-xl-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-xl-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-xl-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-xl-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-xl-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-xl-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-xl-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-xl-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-xl-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-xl-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-xl-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-xl-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-xl-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-xl-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-xl-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.333333%;
  }
  .offset-xl-2 {
    margin-left: 16.666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.333333%;
  }
  .offset-xl-5 {
    margin-left: 41.666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.333333%;
  }
  .offset-xl-8 {
    margin-left: 66.666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.333333%;
  }
  .offset-xl-11 {
    margin-left: 91.666667%;
  }
}
@media (min-width: 1600px) {
  .col-hg {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-hg-1 > * {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-hg-2 > * {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-hg-3 > * {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .row-cols-hg-4 > * {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-hg-5 > * {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-hg-6 > * {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-hg-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-hg-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-hg-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-hg-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-hg-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-hg-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-hg-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-hg-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-hg-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-hg-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-hg-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-hg-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-hg-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-hg-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-hg-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-hg-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-hg-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-hg-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-hg-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-hg-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-hg-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-hg-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-hg-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-hg-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-hg-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-hg-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-hg-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-hg-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-hg-0 {
    margin-left: 0;
  }
  .offset-hg-1 {
    margin-left: 8.333333%;
  }
  .offset-hg-2 {
    margin-left: 16.666667%;
  }
  .offset-hg-3 {
    margin-left: 25%;
  }
  .offset-hg-4 {
    margin-left: 33.333333%;
  }
  .offset-hg-5 {
    margin-left: 41.666667%;
  }
  .offset-hg-6 {
    margin-left: 50%;
  }
  .offset-hg-7 {
    margin-left: 58.333333%;
  }
  .offset-hg-8 {
    margin-left: 66.666667%;
  }
  .offset-hg-9 {
    margin-left: 75%;
  }
  .offset-hg-10 {
    margin-left: 83.333333%;
  }
  .offset-hg-11 {
    margin-left: 91.666667%;
  }
}
@media (min-width: 1840px) {
  .col-gt {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-gt-1 > * {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-gt-2 > * {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-gt-3 > * {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .row-cols-gt-4 > * {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-gt-5 > * {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-gt-6 > * {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-gt-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-gt-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-gt-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-gt-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-gt-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-gt-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-gt-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-gt-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-gt-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-gt-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-gt-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-gt-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-gt-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-gt-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-gt-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-gt-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-gt-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-gt-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-gt-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-gt-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-gt-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-gt-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-gt-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-gt-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-gt-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-gt-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-gt-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-gt-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-gt-0 {
    margin-left: 0;
  }
  .offset-gt-1 {
    margin-left: 8.333333%;
  }
  .offset-gt-2 {
    margin-left: 16.666667%;
  }
  .offset-gt-3 {
    margin-left: 25%;
  }
  .offset-gt-4 {
    margin-left: 33.333333%;
  }
  .offset-gt-5 {
    margin-left: 41.666667%;
  }
  .offset-gt-6 {
    margin-left: 50%;
  }
  .offset-gt-7 {
    margin-left: 58.333333%;
  }
  .offset-gt-8 {
    margin-left: 66.666667%;
  }
  .offset-gt-9 {
    margin-left: 75%;
  }
  .offset-gt-10 {
    margin-left: 83.333333%;
  }
  .offset-gt-11 {
    margin-left: 91.666667%;
  }
}
.d-none {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: -ms-flexbox !important;
  display: flex !important;
}

.d-inline-flex {
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-md-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
@media (min-width: 1440px) {
  .d-hg-none {
    display: none !important;
  }
  .d-hg-inline {
    display: inline !important;
  }
  .d-hg-inline-block {
    display: inline-block !important;
  }
  .d-hg-block {
    display: block !important;
  }
  .d-hg-table {
    display: table !important;
  }
  .d-hg-table-row {
    display: table-row !important;
  }
  .d-hg-table-cell {
    display: table-cell !important;
  }
  .d-hg-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-hg-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
@media (min-width: 1840px) {
  .d-gt-none {
    display: none !important;
  }
  .d-gt-inline {
    display: inline !important;
  }
  .d-gt-inline-block {
    display: inline-block !important;
  }
  .d-gt-block {
    display: block !important;
  }
  .d-gt-table {
    display: table !important;
  }
  .d-gt-table-row {
    display: table-row !important;
  }
  .d-gt-table-cell {
    display: table-cell !important;
  }
  .d-gt-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-gt-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
@media print {
  .d-print-none {
    display: none !important;
  }
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-print-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
.flex-row {
  -ms-flex-direction: row !important;
  flex-direction: row !important;
}

.flex-column {
  -ms-flex-direction: column !important;
  flex-direction: column !important;
}

.flex-row-reverse {
  -ms-flex-direction: row-reverse !important;
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  -ms-flex-direction: column-reverse !important;
  flex-direction: column-reverse !important;
}

.flex-wrap {
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
}

.flex-nowrap {
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse !important;
  flex-wrap: wrap-reverse !important;
}

.flex-fill {
  -ms-flex: 1 1 auto !important;
  flex: 1 1 auto !important;
}

.flex-grow-0 {
  -ms-flex-positive: 0 !important;
  flex-grow: 0 !important;
}

.flex-grow-1 {
  -ms-flex-positive: 1 !important;
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  -ms-flex-negative: 0 !important;
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  -ms-flex-negative: 1 !important;
  flex-shrink: 1 !important;
}

.justify-content-start {
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
}

.justify-content-end {
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}

.justify-content-center {
  -ms-flex-pack: center !important;
  justify-content: center !important;
}

.justify-content-between {
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}

.justify-content-around {
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important;
}

.align-items-start {
  -ms-flex-align: start !important;
  align-items: flex-start !important;
}

.align-items-end {
  -ms-flex-align: end !important;
  align-items: flex-end !important;
}

.align-items-center {
  -ms-flex-align: center !important;
  align-items: center !important;
}

.align-items-baseline {
  -ms-flex-align: baseline !important;
  align-items: baseline !important;
}

.align-items-stretch {
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
}

.align-content-start {
  -ms-flex-line-pack: start !important;
  align-content: flex-start !important;
}

.align-content-end {
  -ms-flex-line-pack: end !important;
  align-content: flex-end !important;
}

.align-content-center {
  -ms-flex-line-pack: center !important;
  align-content: center !important;
}

.align-content-between {
  -ms-flex-line-pack: justify !important;
  align-content: space-between !important;
}

.align-content-around {
  -ms-flex-line-pack: distribute !important;
  align-content: space-around !important;
}

.align-content-stretch {
  -ms-flex-line-pack: stretch !important;
  align-content: stretch !important;
}

.align-self-auto {
  -ms-flex-item-align: auto !important;
  align-self: auto !important;
}

.align-self-start {
  -ms-flex-item-align: start !important;
  align-self: flex-start !important;
}

.align-self-end {
  -ms-flex-item-align: end !important;
  align-self: flex-end !important;
}

.align-self-center {
  -ms-flex-item-align: center !important;
  align-self: center !important;
}

.align-self-baseline {
  -ms-flex-item-align: baseline !important;
  align-self: baseline !important;
}

.align-self-stretch {
  -ms-flex-item-align: stretch !important;
  align-self: stretch !important;
}

@media (min-width: 576px) {
  .flex-sm-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-sm-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-sm-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-sm-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-sm-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-sm-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-sm-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-sm-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-sm-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-sm-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-sm-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-sm-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-sm-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-sm-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}
@media (min-width: 768px) {
  .flex-md-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-md-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-md-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-md-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-md-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-md-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-md-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-md-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-md-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-md-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-md-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-md-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-md-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-md-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-md-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-md-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-md-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-md-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-md-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-md-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-md-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}
@media (min-width: 992px) {
  .flex-lg-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-lg-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-lg-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-lg-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-lg-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-lg-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-lg-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-lg-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-lg-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-lg-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-lg-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-lg-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-lg-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-lg-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}
@media (min-width: 1200px) {
  .flex-xl-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-xl-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-xl-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-xl-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-xl-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-xl-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-xl-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-xl-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-xl-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-xl-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-xl-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-xl-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-xl-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-xl-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}
@media (min-width: 1440px) {
  .flex-hg-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-hg-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-hg-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-hg-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-hg-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-hg-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-hg-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-hg-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-hg-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-hg-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-hg-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-hg-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-hg-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-hg-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-hg-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-hg-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-hg-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-hg-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-hg-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-hg-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-hg-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-hg-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-hg-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-hg-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-hg-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-hg-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-hg-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-hg-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-hg-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-hg-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-hg-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-hg-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-hg-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-hg-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}
@media (min-width: 1840px) {
  .flex-gt-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-gt-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-gt-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-gt-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-gt-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-gt-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-gt-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-gt-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-gt-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-gt-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-gt-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-gt-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-gt-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-gt-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-gt-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-gt-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-gt-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-gt-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-gt-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-gt-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-gt-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-gt-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-gt-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-gt-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-gt-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-gt-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-gt-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-gt-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-gt-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-gt-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-gt-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-gt-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-gt-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-gt-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}
.m-0 {
  margin: 0 !important;
}

.mt-0,
.my-0 {
  margin-top: 0 !important;
}

.mr-0,
.mx-0 {
  margin-right: 0 !important;
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
  margin-left: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.mt-1,
.my-1 {
  margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mt-2,
.my-2 {
  margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.mt-3,
.my-3 {
  margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
  margin-right: 1rem !important;
}

.mb-3,
.my-3 {
  margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
  margin-left: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.mt-4,
.my-4 {
  margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.mt-5,
.my-5 {
  margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
  margin-right: 3rem !important;
}

.mb-5,
.my-5 {
  margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
  margin-left: 3rem !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0,
.py-0 {
  padding-top: 0 !important;
}

.pr-0,
.px-0 {
  padding-right: 0 !important;
}

.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
  padding-left: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.pt-1,
.py-1 {
  padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
  padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
  padding-left: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.pt-2,
.py-2 {
  padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
  padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
  padding-left: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.pt-3,
.py-3 {
  padding-top: 1rem !important;
}

.pr-3,
.px-3 {
  padding-right: 1rem !important;
}

.pb-3,
.py-3 {
  padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
  padding-left: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.pt-4,
.py-4 {
  padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
  padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
  padding-left: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.pt-5,
.py-5 {
  padding-top: 3rem !important;
}

.pr-5,
.px-5 {
  padding-right: 3rem !important;
}

.pb-5,
.py-5 {
  padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
  padding-left: 3rem !important;
}

.m-n1 {
  margin: -0.25rem !important;
}

.mt-n1,
.my-n1 {
  margin-top: -0.25rem !important;
}

.mr-n1,
.mx-n1 {
  margin-right: -0.25rem !important;
}

.mb-n1,
.my-n1 {
  margin-bottom: -0.25rem !important;
}

.ml-n1,
.mx-n1 {
  margin-left: -0.25rem !important;
}

.m-n2 {
  margin: -0.5rem !important;
}

.mt-n2,
.my-n2 {
  margin-top: -0.5rem !important;
}

.mr-n2,
.mx-n2 {
  margin-right: -0.5rem !important;
}

.mb-n2,
.my-n2 {
  margin-bottom: -0.5rem !important;
}

.ml-n2,
.mx-n2 {
  margin-left: -0.5rem !important;
}

.m-n3 {
  margin: -1rem !important;
}

.mt-n3,
.my-n3 {
  margin-top: -1rem !important;
}

.mr-n3,
.mx-n3 {
  margin-right: -1rem !important;
}

.mb-n3,
.my-n3 {
  margin-bottom: -1rem !important;
}

.ml-n3,
.mx-n3 {
  margin-left: -1rem !important;
}

.m-n4 {
  margin: -1.5rem !important;
}

.mt-n4,
.my-n4 {
  margin-top: -1.5rem !important;
}

.mr-n4,
.mx-n4 {
  margin-right: -1.5rem !important;
}

.mb-n4,
.my-n4 {
  margin-bottom: -1.5rem !important;
}

.ml-n4,
.mx-n4 {
  margin-left: -1.5rem !important;
}

.m-n5 {
  margin: -3rem !important;
}

.mt-n5,
.my-n5 {
  margin-top: -3rem !important;
}

.mr-n5,
.mx-n5 {
  margin-right: -3rem !important;
}

.mb-n5,
.my-n5 {
  margin-bottom: -3rem !important;
}

.ml-n5,
.mx-n5 {
  margin-left: -3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto,
.my-auto {
  margin-top: auto !important;
}

.mr-auto,
.mx-auto {
  margin-right: auto !important;
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
  margin-left: auto !important;
}

@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 !important;
  }
  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important;
  }
  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important;
  }
  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important;
  }
  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .mt-sm-1,
  .my-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mr-sm-1,
  .mx-sm-1 {
    margin-right: 0.25rem !important;
  }
  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-sm-1,
  .mx-sm-1 {
    margin-left: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .mt-sm-2,
  .my-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mr-sm-2,
  .mx-sm-2 {
    margin-right: 0.5rem !important;
  }
  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-sm-2,
  .mx-sm-2 {
    margin-left: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .mt-sm-3,
  .my-sm-3 {
    margin-top: 1rem !important;
  }
  .mr-sm-3,
  .mx-sm-3 {
    margin-right: 1rem !important;
  }
  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 1rem !important;
  }
  .ml-sm-3,
  .mx-sm-3 {
    margin-left: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .mt-sm-4,
  .my-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mr-sm-4,
  .mx-sm-4 {
    margin-right: 1.5rem !important;
  }
  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .mt-sm-5,
  .my-sm-5 {
    margin-top: 3rem !important;
  }
  .mr-sm-5,
  .mx-sm-5 {
    margin-right: 3rem !important;
  }
  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 3rem !important;
  }
  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 3rem !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important;
  }
  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important;
  }
  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important;
  }
  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .pt-sm-1,
  .py-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pr-sm-1,
  .px-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-sm-1,
  .px-sm-1 {
    padding-left: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .pt-sm-2,
  .py-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pr-sm-2,
  .px-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-sm-2,
  .px-sm-2 {
    padding-left: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .pt-sm-3,
  .py-sm-3 {
    padding-top: 1rem !important;
  }
  .pr-sm-3,
  .px-sm-3 {
    padding-right: 1rem !important;
  }
  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pl-sm-3,
  .px-sm-3 {
    padding-left: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .pt-sm-4,
  .py-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pr-sm-4,
  .px-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-sm-4,
  .px-sm-4 {
    padding-left: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .pt-sm-5,
  .py-sm-5 {
    padding-top: 3rem !important;
  }
  .pr-sm-5,
  .px-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 3rem !important;
  }
  .pl-sm-5,
  .px-sm-5 {
    padding-left: 3rem !important;
  }
  .m-sm-n1 {
    margin: -0.25rem !important;
  }
  .mt-sm-n1,
  .my-sm-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-sm-n1,
  .mx-sm-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-sm-n1,
  .my-sm-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-sm-n1,
  .mx-sm-n1 {
    margin-left: -0.25rem !important;
  }
  .m-sm-n2 {
    margin: -0.5rem !important;
  }
  .mt-sm-n2,
  .my-sm-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-sm-n2,
  .mx-sm-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-sm-n2,
  .my-sm-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-sm-n2,
  .mx-sm-n2 {
    margin-left: -0.5rem !important;
  }
  .m-sm-n3 {
    margin: -1rem !important;
  }
  .mt-sm-n3,
  .my-sm-n3 {
    margin-top: -1rem !important;
  }
  .mr-sm-n3,
  .mx-sm-n3 {
    margin-right: -1rem !important;
  }
  .mb-sm-n3,
  .my-sm-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-sm-n3,
  .mx-sm-n3 {
    margin-left: -1rem !important;
  }
  .m-sm-n4 {
    margin: -1.5rem !important;
  }
  .mt-sm-n4,
  .my-sm-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-sm-n4,
  .mx-sm-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-sm-n4,
  .my-sm-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-sm-n4,
  .mx-sm-n4 {
    margin-left: -1.5rem !important;
  }
  .m-sm-n5 {
    margin: -3rem !important;
  }
  .mt-sm-n5,
  .my-sm-n5 {
    margin-top: -3rem !important;
  }
  .mr-sm-n5,
  .mx-sm-n5 {
    margin-right: -3rem !important;
  }
  .mb-sm-n5,
  .my-sm-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-sm-n5,
  .mx-sm-n5 {
    margin-left: -3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important;
  }
  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important;
  }
  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important;
  }
  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important;
  }
  .mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important;
  }
  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important;
  }
  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .mt-md-1,
  .my-md-1 {
    margin-top: 0.25rem !important;
  }
  .mr-md-1,
  .mx-md-1 {
    margin-right: 0.25rem !important;
  }
  .mb-md-1,
  .my-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-md-1,
  .mx-md-1 {
    margin-left: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .mt-md-2,
  .my-md-2 {
    margin-top: 0.5rem !important;
  }
  .mr-md-2,
  .mx-md-2 {
    margin-right: 0.5rem !important;
  }
  .mb-md-2,
  .my-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-md-2,
  .mx-md-2 {
    margin-left: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .mt-md-3,
  .my-md-3 {
    margin-top: 1rem !important;
  }
  .mr-md-3,
  .mx-md-3 {
    margin-right: 1rem !important;
  }
  .mb-md-3,
  .my-md-3 {
    margin-bottom: 1rem !important;
  }
  .ml-md-3,
  .mx-md-3 {
    margin-left: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .mt-md-4,
  .my-md-4 {
    margin-top: 1.5rem !important;
  }
  .mr-md-4,
  .mx-md-4 {
    margin-right: 1.5rem !important;
  }
  .mb-md-4,
  .my-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-md-4,
  .mx-md-4 {
    margin-left: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .mt-md-5,
  .my-md-5 {
    margin-top: 3rem !important;
  }
  .mr-md-5,
  .mx-md-5 {
    margin-right: 3rem !important;
  }
  .mb-md-5,
  .my-md-5 {
    margin-bottom: 3rem !important;
  }
  .ml-md-5,
  .mx-md-5 {
    margin-left: 3rem !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important;
  }
  .pr-md-0,
  .px-md-0 {
    padding-right: 0 !important;
  }
  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important;
  }
  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .pt-md-1,
  .py-md-1 {
    padding-top: 0.25rem !important;
  }
  .pr-md-1,
  .px-md-1 {
    padding-right: 0.25rem !important;
  }
  .pb-md-1,
  .py-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-md-1,
  .px-md-1 {
    padding-left: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .pt-md-2,
  .py-md-2 {
    padding-top: 0.5rem !important;
  }
  .pr-md-2,
  .px-md-2 {
    padding-right: 0.5rem !important;
  }
  .pb-md-2,
  .py-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-md-2,
  .px-md-2 {
    padding-left: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .pt-md-3,
  .py-md-3 {
    padding-top: 1rem !important;
  }
  .pr-md-3,
  .px-md-3 {
    padding-right: 1rem !important;
  }
  .pb-md-3,
  .py-md-3 {
    padding-bottom: 1rem !important;
  }
  .pl-md-3,
  .px-md-3 {
    padding-left: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .pt-md-4,
  .py-md-4 {
    padding-top: 1.5rem !important;
  }
  .pr-md-4,
  .px-md-4 {
    padding-right: 1.5rem !important;
  }
  .pb-md-4,
  .py-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-md-4,
  .px-md-4 {
    padding-left: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .pt-md-5,
  .py-md-5 {
    padding-top: 3rem !important;
  }
  .pr-md-5,
  .px-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-5,
  .py-md-5 {
    padding-bottom: 3rem !important;
  }
  .pl-md-5,
  .px-md-5 {
    padding-left: 3rem !important;
  }
  .m-md-n1 {
    margin: -0.25rem !important;
  }
  .mt-md-n1,
  .my-md-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-md-n1,
  .mx-md-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-md-n1,
  .my-md-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-md-n1,
  .mx-md-n1 {
    margin-left: -0.25rem !important;
  }
  .m-md-n2 {
    margin: -0.5rem !important;
  }
  .mt-md-n2,
  .my-md-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-md-n2,
  .mx-md-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-md-n2,
  .my-md-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-md-n2,
  .mx-md-n2 {
    margin-left: -0.5rem !important;
  }
  .m-md-n3 {
    margin: -1rem !important;
  }
  .mt-md-n3,
  .my-md-n3 {
    margin-top: -1rem !important;
  }
  .mr-md-n3,
  .mx-md-n3 {
    margin-right: -1rem !important;
  }
  .mb-md-n3,
  .my-md-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-md-n3,
  .mx-md-n3 {
    margin-left: -1rem !important;
  }
  .m-md-n4 {
    margin: -1.5rem !important;
  }
  .mt-md-n4,
  .my-md-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-md-n4,
  .mx-md-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-md-n4,
  .my-md-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-md-n4,
  .mx-md-n4 {
    margin-left: -1.5rem !important;
  }
  .m-md-n5 {
    margin: -3rem !important;
  }
  .mt-md-n5,
  .my-md-n5 {
    margin-top: -3rem !important;
  }
  .mr-md-n5,
  .mx-md-n5 {
    margin-right: -3rem !important;
  }
  .mb-md-n5,
  .my-md-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-md-n5,
  .mx-md-n5 {
    margin-left: -3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important;
  }
  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important;
  }
  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important;
  }
  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 !important;
  }
  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important;
  }
  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important;
  }
  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important;
  }
  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .mt-lg-1,
  .my-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mr-lg-1,
  .mx-lg-1 {
    margin-right: 0.25rem !important;
  }
  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-lg-1,
  .mx-lg-1 {
    margin-left: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .mt-lg-2,
  .my-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mr-lg-2,
  .mx-lg-2 {
    margin-right: 0.5rem !important;
  }
  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-lg-2,
  .mx-lg-2 {
    margin-left: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .mt-lg-3,
  .my-lg-3 {
    margin-top: 1rem !important;
  }
  .mr-lg-3,
  .mx-lg-3 {
    margin-right: 1rem !important;
  }
  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 1rem !important;
  }
  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .mt-lg-4,
  .my-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mr-lg-4,
  .mx-lg-4 {
    margin-right: 1.5rem !important;
  }
  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .mt-lg-5,
  .my-lg-5 {
    margin-top: 3rem !important;
  }
  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 3rem !important;
  }
  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 3rem !important;
  }
  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 3rem !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important;
  }
  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important;
  }
  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important;
  }
  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .pt-lg-1,
  .py-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pr-lg-1,
  .px-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-lg-1,
  .px-lg-1 {
    padding-left: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .pt-lg-2,
  .py-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pr-lg-2,
  .px-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-lg-2,
  .px-lg-2 {
    padding-left: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .pt-lg-3,
  .py-lg-3 {
    padding-top: 1rem !important;
  }
  .pr-lg-3,
  .px-lg-3 {
    padding-right: 1rem !important;
  }
  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pl-lg-3,
  .px-lg-3 {
    padding-left: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .pt-lg-4,
  .py-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pr-lg-4,
  .px-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-lg-4,
  .px-lg-4 {
    padding-left: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .pt-lg-5,
  .py-lg-5 {
    padding-top: 3rem !important;
  }
  .pr-lg-5,
  .px-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 3rem !important;
  }
  .pl-lg-5,
  .px-lg-5 {
    padding-left: 3rem !important;
  }
  .m-lg-n1 {
    margin: -0.25rem !important;
  }
  .mt-lg-n1,
  .my-lg-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-lg-n1,
  .mx-lg-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-lg-n1,
  .my-lg-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-lg-n1,
  .mx-lg-n1 {
    margin-left: -0.25rem !important;
  }
  .m-lg-n2 {
    margin: -0.5rem !important;
  }
  .mt-lg-n2,
  .my-lg-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-lg-n2,
  .mx-lg-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-lg-n2,
  .my-lg-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-lg-n2,
  .mx-lg-n2 {
    margin-left: -0.5rem !important;
  }
  .m-lg-n3 {
    margin: -1rem !important;
  }
  .mt-lg-n3,
  .my-lg-n3 {
    margin-top: -1rem !important;
  }
  .mr-lg-n3,
  .mx-lg-n3 {
    margin-right: -1rem !important;
  }
  .mb-lg-n3,
  .my-lg-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-lg-n3,
  .mx-lg-n3 {
    margin-left: -1rem !important;
  }
  .m-lg-n4 {
    margin: -1.5rem !important;
  }
  .mt-lg-n4,
  .my-lg-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-lg-n4,
  .mx-lg-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-lg-n4,
  .my-lg-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-lg-n4,
  .mx-lg-n4 {
    margin-left: -1.5rem !important;
  }
  .m-lg-n5 {
    margin: -3rem !important;
  }
  .mt-lg-n5,
  .my-lg-n5 {
    margin-top: -3rem !important;
  }
  .mr-lg-n5,
  .mx-lg-n5 {
    margin-right: -3rem !important;
  }
  .mb-lg-n5,
  .my-lg-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-lg-n5,
  .mx-lg-n5 {
    margin-left: -3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important;
  }
  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important;
  }
  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 !important;
  }
  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important;
  }
  .mr-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important;
  }
  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important;
  }
  .ml-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .mt-xl-1,
  .my-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mr-xl-1,
  .mx-xl-1 {
    margin-right: 0.25rem !important;
  }
  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-xl-1,
  .mx-xl-1 {
    margin-left: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .mt-xl-2,
  .my-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mr-xl-2,
  .mx-xl-2 {
    margin-right: 0.5rem !important;
  }
  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-xl-2,
  .mx-xl-2 {
    margin-left: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .mt-xl-3,
  .my-xl-3 {
    margin-top: 1rem !important;
  }
  .mr-xl-3,
  .mx-xl-3 {
    margin-right: 1rem !important;
  }
  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: 1rem !important;
  }
  .ml-xl-3,
  .mx-xl-3 {
    margin-left: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .mt-xl-4,
  .my-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mr-xl-4,
  .mx-xl-4 {
    margin-right: 1.5rem !important;
  }
  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-xl-4,
  .mx-xl-4 {
    margin-left: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .mt-xl-5,
  .my-xl-5 {
    margin-top: 3rem !important;
  }
  .mr-xl-5,
  .mx-xl-5 {
    margin-right: 3rem !important;
  }
  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 3rem !important;
  }
  .ml-xl-5,
  .mx-xl-5 {
    margin-left: 3rem !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important;
  }
  .pr-xl-0,
  .px-xl-0 {
    padding-right: 0 !important;
  }
  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important;
  }
  .pl-xl-0,
  .px-xl-0 {
    padding-left: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .pt-xl-1,
  .py-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pr-xl-1,
  .px-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-xl-1,
  .px-xl-1 {
    padding-left: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .pt-xl-2,
  .py-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pr-xl-2,
  .px-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-xl-2,
  .px-xl-2 {
    padding-left: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .pt-xl-3,
  .py-xl-3 {
    padding-top: 1rem !important;
  }
  .pr-xl-3,
  .px-xl-3 {
    padding-right: 1rem !important;
  }
  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pl-xl-3,
  .px-xl-3 {
    padding-left: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .pt-xl-4,
  .py-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pr-xl-4,
  .px-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-xl-4,
  .px-xl-4 {
    padding-left: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .pt-xl-5,
  .py-xl-5 {
    padding-top: 3rem !important;
  }
  .pr-xl-5,
  .px-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 3rem !important;
  }
  .pl-xl-5,
  .px-xl-5 {
    padding-left: 3rem !important;
  }
  .m-xl-n1 {
    margin: -0.25rem !important;
  }
  .mt-xl-n1,
  .my-xl-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-xl-n1,
  .mx-xl-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-xl-n1,
  .my-xl-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-xl-n1,
  .mx-xl-n1 {
    margin-left: -0.25rem !important;
  }
  .m-xl-n2 {
    margin: -0.5rem !important;
  }
  .mt-xl-n2,
  .my-xl-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-xl-n2,
  .mx-xl-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-xl-n2,
  .my-xl-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-xl-n2,
  .mx-xl-n2 {
    margin-left: -0.5rem !important;
  }
  .m-xl-n3 {
    margin: -1rem !important;
  }
  .mt-xl-n3,
  .my-xl-n3 {
    margin-top: -1rem !important;
  }
  .mr-xl-n3,
  .mx-xl-n3 {
    margin-right: -1rem !important;
  }
  .mb-xl-n3,
  .my-xl-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-xl-n3,
  .mx-xl-n3 {
    margin-left: -1rem !important;
  }
  .m-xl-n4 {
    margin: -1.5rem !important;
  }
  .mt-xl-n4,
  .my-xl-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-xl-n4,
  .mx-xl-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-xl-n4,
  .my-xl-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-xl-n4,
  .mx-xl-n4 {
    margin-left: -1.5rem !important;
  }
  .m-xl-n5 {
    margin: -3rem !important;
  }
  .mt-xl-n5,
  .my-xl-n5 {
    margin-top: -3rem !important;
  }
  .mr-xl-n5,
  .mx-xl-n5 {
    margin-right: -3rem !important;
  }
  .mb-xl-n5,
  .my-xl-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-xl-n5,
  .mx-xl-n5 {
    margin-left: -3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important;
  }
  .mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important;
  }
  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1200px) {
  .m-hg-0 {
    margin: 0 !important;
  }
  .mt-hg-0,
  .my-hg-0 {
    margin-top: 0 !important;
  }
  .mr-hg-0,
  .mx-hg-0 {
    margin-right: 0 !important;
  }
  .mb-hg-0,
  .my-hg-0 {
    margin-bottom: 0 !important;
  }
  .ml-hg-0,
  .mx-hg-0 {
    margin-left: 0 !important;
  }
  .m-hg-1 {
    margin: 0.25rem !important;
  }
  .mt-hg-1,
  .my-hg-1 {
    margin-top: 0.25rem !important;
  }
  .mr-hg-1,
  .mx-hg-1 {
    margin-right: 0.25rem !important;
  }
  .mb-hg-1,
  .my-hg-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-hg-1,
  .mx-hg-1 {
    margin-left: 0.25rem !important;
  }
  .m-hg-2 {
    margin: 0.5rem !important;
  }
  .mt-hg-2,
  .my-hg-2 {
    margin-top: 0.5rem !important;
  }
  .mr-hg-2,
  .mx-hg-2 {
    margin-right: 0.5rem !important;
  }
  .mb-hg-2,
  .my-hg-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-hg-2,
  .mx-hg-2 {
    margin-left: 0.5rem !important;
  }
  .m-hg-3 {
    margin: 1rem !important;
  }
  .mt-hg-3,
  .my-hg-3 {
    margin-top: 1rem !important;
  }
  .mr-hg-3,
  .mx-hg-3 {
    margin-right: 1rem !important;
  }
  .mb-hg-3,
  .my-hg-3 {
    margin-bottom: 1rem !important;
  }
  .ml-hg-3,
  .mx-hg-3 {
    margin-left: 1rem !important;
  }
  .m-hg-4 {
    margin: 1.5rem !important;
  }
  .mt-hg-4,
  .my-hg-4 {
    margin-top: 1.5rem !important;
  }
  .mr-hg-4,
  .mx-hg-4 {
    margin-right: 1.5rem !important;
  }
  .mb-hg-4,
  .my-hg-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-hg-4,
  .mx-hg-4 {
    margin-left: 1.5rem !important;
  }
  .m-hg-5 {
    margin: 3rem !important;
  }
  .mt-hg-5,
  .my-hg-5 {
    margin-top: 3rem !important;
  }
  .mr-hg-5,
  .mx-hg-5 {
    margin-right: 3rem !important;
  }
  .mb-hg-5,
  .my-hg-5 {
    margin-bottom: 3rem !important;
  }
  .ml-hg-5,
  .mx-hg-5 {
    margin-left: 3rem !important;
  }
  .p-hg-0 {
    padding: 0 !important;
  }
  .pt-hg-0,
  .py-hg-0 {
    padding-top: 0 !important;
  }
  .pr-hg-0,
  .px-hg-0 {
    padding-right: 0 !important;
  }
  .pb-hg-0,
  .py-hg-0 {
    padding-bottom: 0 !important;
  }
  .pl-hg-0,
  .px-hg-0 {
    padding-left: 0 !important;
  }
  .p-hg-1 {
    padding: 0.25rem !important;
  }
  .pt-hg-1,
  .py-hg-1 {
    padding-top: 0.25rem !important;
  }
  .pr-hg-1,
  .px-hg-1 {
    padding-right: 0.25rem !important;
  }
  .pb-hg-1,
  .py-hg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-hg-1,
  .px-hg-1 {
    padding-left: 0.25rem !important;
  }
  .p-hg-2 {
    padding: 0.5rem !important;
  }
  .pt-hg-2,
  .py-hg-2 {
    padding-top: 0.5rem !important;
  }
  .pr-hg-2,
  .px-hg-2 {
    padding-right: 0.5rem !important;
  }
  .pb-hg-2,
  .py-hg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-hg-2,
  .px-hg-2 {
    padding-left: 0.5rem !important;
  }
  .p-hg-3 {
    padding: 1rem !important;
  }
  .pt-hg-3,
  .py-hg-3 {
    padding-top: 1rem !important;
  }
  .pr-hg-3,
  .px-hg-3 {
    padding-right: 1rem !important;
  }
  .pb-hg-3,
  .py-hg-3 {
    padding-bottom: 1rem !important;
  }
  .pl-hg-3,
  .px-hg-3 {
    padding-left: 1rem !important;
  }
  .p-hg-4 {
    padding: 1.5rem !important;
  }
  .pt-hg-4,
  .py-hg-4 {
    padding-top: 1.5rem !important;
  }
  .pr-hg-4,
  .px-hg-4 {
    padding-right: 1.5rem !important;
  }
  .pb-hg-4,
  .py-hg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-hg-4,
  .px-hg-4 {
    padding-left: 1.5rem !important;
  }
  .p-hg-5 {
    padding: 3rem !important;
  }
  .pt-hg-5,
  .py-hg-5 {
    padding-top: 3rem !important;
  }
  .pr-hg-5,
  .px-hg-5 {
    padding-right: 3rem !important;
  }
  .pb-hg-5,
  .py-hg-5 {
    padding-bottom: 3rem !important;
  }
  .pl-hg-5,
  .px-hg-5 {
    padding-left: 3rem !important;
  }
  .m-hg-n1 {
    margin: -0.25rem !important;
  }
  .mt-hg-n1,
  .my-hg-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-hg-n1,
  .mx-hg-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-hg-n1,
  .my-hg-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-hg-n1,
  .mx-hg-n1 {
    margin-left: -0.25rem !important;
  }
  .m-hg-n2 {
    margin: -0.5rem !important;
  }
  .mt-hg-n2,
  .my-hg-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-hg-n2,
  .mx-hg-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-hg-n2,
  .my-hg-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-hg-n2,
  .mx-hg-n2 {
    margin-left: -0.5rem !important;
  }
  .m-hg-n3 {
    margin: -1rem !important;
  }
  .mt-hg-n3,
  .my-hg-n3 {
    margin-top: -1rem !important;
  }
  .mr-hg-n3,
  .mx-hg-n3 {
    margin-right: -1rem !important;
  }
  .mb-hg-n3,
  .my-hg-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-hg-n3,
  .mx-hg-n3 {
    margin-left: -1rem !important;
  }
  .m-hg-n4 {
    margin: -1.5rem !important;
  }
  .mt-hg-n4,
  .my-hg-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-hg-n4,
  .mx-hg-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-hg-n4,
  .my-hg-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-hg-n4,
  .mx-hg-n4 {
    margin-left: -1.5rem !important;
  }
  .m-hg-n5 {
    margin: -3rem !important;
  }
  .mt-hg-n5,
  .my-hg-n5 {
    margin-top: -3rem !important;
  }
  .mr-hg-n5,
  .mx-hg-n5 {
    margin-right: -3rem !important;
  }
  .mb-hg-n5,
  .my-hg-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-hg-n5,
  .mx-hg-n5 {
    margin-left: -3rem !important;
  }
  .m-hg-auto {
    margin: auto !important;
  }
  .mt-hg-auto,
  .my-hg-auto {
    margin-top: auto !important;
  }
  .mr-hg-auto,
  .mx-hg-auto {
    margin-right: auto !important;
  }
  .mb-hg-auto,
  .my-hg-auto {
    margin-bottom: auto !important;
  }
  .ml-hg-auto,
  .mx-hg-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1200px) {
  .m-gt-0 {
    margin: 0 !important;
  }
  .mt-gt-0,
  .my-gt-0 {
    margin-top: 0 !important;
  }
  .mr-gt-0,
  .mx-gt-0 {
    margin-right: 0 !important;
  }
  .mb-gt-0,
  .my-gt-0 {
    margin-bottom: 0 !important;
  }
  .ml-gt-0,
  .mx-gt-0 {
    margin-left: 0 !important;
  }
  .m-gt-1 {
    margin: 0.25rem !important;
  }
  .mt-gt-1,
  .my-gt-1 {
    margin-top: 0.25rem !important;
  }
  .mr-gt-1,
  .mx-gt-1 {
    margin-right: 0.25rem !important;
  }
  .mb-gt-1,
  .my-gt-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-gt-1,
  .mx-gt-1 {
    margin-left: 0.25rem !important;
  }
  .m-gt-2 {
    margin: 0.5rem !important;
  }
  .mt-gt-2,
  .my-gt-2 {
    margin-top: 0.5rem !important;
  }
  .mr-gt-2,
  .mx-gt-2 {
    margin-right: 0.5rem !important;
  }
  .mb-gt-2,
  .my-gt-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-gt-2,
  .mx-gt-2 {
    margin-left: 0.5rem !important;
  }
  .m-gt-3 {
    margin: 1rem !important;
  }
  .mt-gt-3,
  .my-gt-3 {
    margin-top: 1rem !important;
  }
  .mr-gt-3,
  .mx-gt-3 {
    margin-right: 1rem !important;
  }
  .mb-gt-3,
  .my-gt-3 {
    margin-bottom: 1rem !important;
  }
  .ml-gt-3,
  .mx-gt-3 {
    margin-left: 1rem !important;
  }
  .m-gt-4 {
    margin: 1.5rem !important;
  }
  .mt-gt-4,
  .my-gt-4 {
    margin-top: 1.5rem !important;
  }
  .mr-gt-4,
  .mx-gt-4 {
    margin-right: 1.5rem !important;
  }
  .mb-gt-4,
  .my-gt-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-gt-4,
  .mx-gt-4 {
    margin-left: 1.5rem !important;
  }
  .m-gt-5 {
    margin: 3rem !important;
  }
  .mt-gt-5,
  .my-gt-5 {
    margin-top: 3rem !important;
  }
  .mr-gt-5,
  .mx-gt-5 {
    margin-right: 3rem !important;
  }
  .mb-gt-5,
  .my-gt-5 {
    margin-bottom: 3rem !important;
  }
  .ml-gt-5,
  .mx-gt-5 {
    margin-left: 3rem !important;
  }
  .p-gt-0 {
    padding: 0 !important;
  }
  .pt-gt-0,
  .py-gt-0 {
    padding-top: 0 !important;
  }
  .pr-gt-0,
  .px-gt-0 {
    padding-right: 0 !important;
  }
  .pb-gt-0,
  .py-gt-0 {
    padding-bottom: 0 !important;
  }
  .pl-gt-0,
  .px-gt-0 {
    padding-left: 0 !important;
  }
  .p-gt-1 {
    padding: 0.25rem !important;
  }
  .pt-gt-1,
  .py-gt-1 {
    padding-top: 0.25rem !important;
  }
  .pr-gt-1,
  .px-gt-1 {
    padding-right: 0.25rem !important;
  }
  .pb-gt-1,
  .py-gt-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-gt-1,
  .px-gt-1 {
    padding-left: 0.25rem !important;
  }
  .p-gt-2 {
    padding: 0.5rem !important;
  }
  .pt-gt-2,
  .py-gt-2 {
    padding-top: 0.5rem !important;
  }
  .pr-gt-2,
  .px-gt-2 {
    padding-right: 0.5rem !important;
  }
  .pb-gt-2,
  .py-gt-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-gt-2,
  .px-gt-2 {
    padding-left: 0.5rem !important;
  }
  .p-gt-3 {
    padding: 1rem !important;
  }
  .pt-gt-3,
  .py-gt-3 {
    padding-top: 1rem !important;
  }
  .pr-gt-3,
  .px-gt-3 {
    padding-right: 1rem !important;
  }
  .pb-gt-3,
  .py-gt-3 {
    padding-bottom: 1rem !important;
  }
  .pl-gt-3,
  .px-gt-3 {
    padding-left: 1rem !important;
  }
  .p-gt-4 {
    padding: 1.5rem !important;
  }
  .pt-gt-4,
  .py-gt-4 {
    padding-top: 1.5rem !important;
  }
  .pr-gt-4,
  .px-gt-4 {
    padding-right: 1.5rem !important;
  }
  .pb-gt-4,
  .py-gt-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-gt-4,
  .px-gt-4 {
    padding-left: 1.5rem !important;
  }
  .p-gt-5 {
    padding: 3rem !important;
  }
  .pt-gt-5,
  .py-gt-5 {
    padding-top: 3rem !important;
  }
  .pr-gt-5,
  .px-gt-5 {
    padding-right: 3rem !important;
  }
  .pb-gt-5,
  .py-gt-5 {
    padding-bottom: 3rem !important;
  }
  .pl-gt-5,
  .px-gt-5 {
    padding-left: 3rem !important;
  }
  .m-gt-n1 {
    margin: -0.25rem !important;
  }
  .mt-gt-n1,
  .my-gt-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-gt-n1,
  .mx-gt-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-gt-n1,
  .my-gt-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-gt-n1,
  .mx-gt-n1 {
    margin-left: -0.25rem !important;
  }
  .m-gt-n2 {
    margin: -0.5rem !important;
  }
  .mt-gt-n2,
  .my-gt-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-gt-n2,
  .mx-gt-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-gt-n2,
  .my-gt-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-gt-n2,
  .mx-gt-n2 {
    margin-left: -0.5rem !important;
  }
  .m-gt-n3 {
    margin: -1rem !important;
  }
  .mt-gt-n3,
  .my-gt-n3 {
    margin-top: -1rem !important;
  }
  .mr-gt-n3,
  .mx-gt-n3 {
    margin-right: -1rem !important;
  }
  .mb-gt-n3,
  .my-gt-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-gt-n3,
  .mx-gt-n3 {
    margin-left: -1rem !important;
  }
  .m-gt-n4 {
    margin: -1.5rem !important;
  }
  .mt-gt-n4,
  .my-gt-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-gt-n4,
  .mx-gt-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-gt-n4,
  .my-gt-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-gt-n4,
  .mx-gt-n4 {
    margin-left: -1.5rem !important;
  }
  .m-gt-n5 {
    margin: -3rem !important;
  }
  .mt-gt-n5,
  .my-gt-n5 {
    margin-top: -3rem !important;
  }
  .mr-gt-n5,
  .mx-gt-n5 {
    margin-right: -3rem !important;
  }
  .mb-gt-n5,
  .my-gt-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-gt-n5,
  .mx-gt-n5 {
    margin-left: -3rem !important;
  }
  .m-gt-auto {
    margin: auto !important;
  }
  .mt-gt-auto,
  .my-gt-auto {
    margin-top: auto !important;
  }
  .mr-gt-auto,
  .mx-gt-auto {
    margin-right: auto !important;
  }
  .mb-gt-auto,
  .my-gt-auto {
    margin-bottom: auto !important;
  }
  .ml-gt-auto,
  .mx-gt-auto {
    margin-left: auto !important;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

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

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

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

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

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

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

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

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

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

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

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

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

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* a11y */
.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

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

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

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

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

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

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

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

.swiper-cube {
  overflow: visible;
}

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

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

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

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

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

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

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

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

.swiper-flip {
  overflow: visible;
}

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

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

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

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

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

.swiper-cards {
  overflow: visible;
}

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

/*! purgecss start ignore */
@font-face {
  font-family: "The Future";
  src: url("../../assets/fonts/the-future-regular.woff2") format("woff2");
  font-weight: 400;
  font-stretch: normal;
  font-display: swap;
}
@font-face {
  font-family: "The Future";
  src: url("../../assets/fonts/the-future-medium.woff2") format("woff2"), url("../../assets/fonts/TheFuture-Medium.otf") format("opentype");
  font-weight: 500;
  font-stretch: normal;
  font-display: swap;
}
@font-face {
  font-family: "The Future";
  src: url("../../assets/fonts/the-future-bold.woff2") format("woff2");
  font-weight: 700;
  font-stretch: normal;
  font-display: swap;
}
@font-face {
  font-family: "SDS";
  src: url("../../assets/fonts/SDS.eot?4ccp82");
  src: url("../../assets/fonts/SDS.eot?4ccp82#iefix") format("embedded-opentype"), url("../../assets/fonts/SDS.ttf?4ccp82") format("truetype"), url("../../assets/fonts/SDS.woff?4ccp82") format("woff"), url("../../assets/fonts/SDS.svg?4ccp82#SDS") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=icon-], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "SDS" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-geos-tech-exception-handling:before {
  content: "\e98b";
}

.icon-geos-tech-straight-through-processing-automatisierung:before {
  content: "\e98c";
}

.icon-geos-tech-enorme-fachliche-tiefe:before {
  content: "\e98d";
}

.icon-geos-tech-konformitat-regulatorischen-anforderungen:before {
  content: "\e98e";
}

.icon-geos-tech-bankfachlichkeit-regulatorik:before {
  content: "\e98f";
}

.icon-geos-tech-effizienz:before {
  content: "\e990";
}

.icon-geos-tech-bedienbarkeit:before {
  content: "\e991";
}

.icon-geos-tech-portierbarkeit:before {
  content: "\e992";
}

.icon-geos-tech-wartbarkeit:before {
  content: "\e993";
}

.icon-geos-tech-skalierbarkeit:before {
  content: "\e994";
}

.icon-geos-tech-robustheit-investitionsschutz:before {
  content: "\e995";
}

.icon-geos-tech-jounal-historie:before {
  content: "\e996";
}

.icon-geos-tech-rollenbasiertes-berechtigungssystem:before {
  content: "\e997";
}

.icon-geos-tech-identity-provider:before {
  content: "\e998";
}

.icon-geos-tech-sicherheit-compliance:before {
  content: "\e999";
}

.icon-geos-tech-WM:before {
  content: "\e99a";
}

.icon-geos-tech-SWIFT-ISO-15022-und-20222:before {
  content: "\e99b";
}

.icon-geos-tech-SOAP:before {
  content: "\e99c";
}

.icon-geos-tech-REST:before {
  content: "\e99d";
}

.icon-geos-tech-industry-standards:before {
  content: "\e99e";
}

.icon-geos-tech-kafka:before {
  content: "\e99f";
}

.icon-geos-tech-tomcat:before {
  content: "\e9a0";
}

.icon-geos-tech-IBM-websphere:before {
  content: "\e9a1";
}

.icon-geos-tech-messaging:before {
  content: "\e9a2";
}

.icon-geos-tech-kubernetes:before {
  content: "\e9a3";
}

.icon-geos-tech-IBM-Db2-LUW:before {
  content: "\e9a4";
}

.icon-geos-tech-oracle:before {
  content: "\e9a5";
}

.icon-OS:before {
  content: "\e9a6";
}

.icon-geos-tech-linux-RHEL:before {
  content: "\e9a7";
}

.icon-geos-tech-operations:before {
  content: "\e9a8";
}

.icon-kundenzufriedenheit:before {
  content: "\e9a9";
}

.icon-zuverlassigkeit:before {
  content: "\e9aa";
}

.icon-innovation:before {
  content: "\e9ab";
}

.icon-produktdatenblatter:before {
  content: "\e9ac";
}

.icon-broschuren:before {
  content: "\e9ad";
}

.icon-pause:before {
  content: "\e9ae";
}

.icon-arrow-extern:before {
  content: "\e900";
}

.icon-arrow-down:before {
  content: "\e901";
}

.icon-arrow-left:before {
  content: "\e902";
}

.icon-arrow-right:before {
  content: "\e903";
}

.icon-chevron-down:before {
  content: "\e904";
}

.icon-accessible-menu:before {
  content: "\e905";
}

.icon-accessible:before {
  content: "\e906";
}

.icon-add-circle:before {
  content: "\e907";
}

.icon-add:before {
  content: "\e908";
}

.icon-api:before {
  content: "\e909";
}

.icon-arrow-down-circle:before {
  content: "\e90a";
}

.icon-arrow-right-circle:before {
  content: "\e90b";
}

.icon-arrow-right1:before {
  content: "\e90c";
}

.icon-autoplay:before {
  content: "\e90d";
}

.icon-award:before {
  content: "\e90e";
}

.icon-benefit--advanced-training:before {
  content: "\e90f";
}

.icon-benefit--affordable-garage:before {
  content: "\e910";
}

.icon-benefit--attractive-remuneration:before {
  content: "\e911";
}

.icon-benefit--bicycle-storage-room:before {
  content: "\e912";
}

.icon-benefit--bonus-for-marriage-and-offspring:before {
  content: "\e913";
}

.icon-benefit--canteen-meal-vouchers:before {
  content: "\e914";
}

.icon-benefit--company-doctor-pharmacy-service:before {
  content: "\e915";
}

.icon-benefit--company-kindergarten:before {
  content: "\e916";
}

.icon-benefit--development-opportunities:before {
  content: "\e917";
}

.icon-benefit--employee-assistance-programme:before {
  content: "\e918";
}

.icon-benefit--finders-fee:before {
  content: "\e919";
}

.icon-benefit--fitness-gym-courses:before {
  content: "\e91a";
}

.icon-benefit--flexible-working-hours:before {
  content: "\e91b";
}

.icon-benefit--freizeit-artbrunch:before {
  content: "\e91c";
}

.icon-benefit--freizeit-business-run:before {
  content: "\e91d";
}

.icon-benefit--freizeit-museumsbesuche:before {
  content: "\e91e";
}

.icon-benefit--freizeit-skitag:before {
  content: "\e91f";
}

.icon-benefit--freizeit-spartan-race:before {
  content: "\e920";
}

.icon-benefit--freizeit-spieleabend:before {
  content: "\e921";
}

.icon-benefit--freizeit-sport:before {
  content: "\e922";
}

.icon-benefit--group-benefit:before {
  content: "\e923";
}

.icon-benefit--home-office-possibility:before {
  content: "\e924";
}

.icon-benefit--mobile-massage:before {
  content: "\e925";
}

.icon-benefit--new-modern-office-space:before {
  content: "\e926";
}

.icon-benefit--paid-special-leave-for-dads:before {
  content: "\e927";
}

.icon-benefit--service-for-laundry:before {
  content: "\e928";
}

.icon-benefit--work-life-balance:before {
  content: "\e929";
}

.icon-broschuren1:before {
  content: "\e92a";
}

.icon-burger-light:before {
  content: "\e92b";
}

.icon-burger:before {
  content: "\e92c";
}

.icon-calendar:before {
  content: "\e92d";
}

.icon-call:before {
  content: "\e92e";
}

.icon-case-study:before {
  content: "\e92f";
}

.icon-chat:before {
  content: "\e930";
}

.icon-check-circle:before {
  content: "\e931";
}

.icon-check:before {
  content: "\e932";
}

.icon-chevron-down1:before {
  content: "\e933";
}

.icon-chevron-left:before {
  content: "\e934";
}

.icon-chevron-right:before {
  content: "\e935";
}

.icon-chevron-up:before {
  content: "\e936";
}

.icon-contact-support:before {
  content: "\e937";
}

.icon-conversion-path:before {
  content: "\e938";
}

.icon-copy:before {
  content: "\e939";
}

.icon-costs:before {
  content: "\e93a";
}

.icon-database:before {
  content: "\e93b";
}

.icon-deployed-code:before {
  content: "\e93c";
}

.icon-diversity2:before {
  content: "\e93d";
}

.icon-diversity3:before {
  content: "\e93e";
}

.icon-dotting:before {
  content: "\e93f";
}

.icon-download-1:before {
  content: "\e940";
}

.icon-download:before {
  content: "\e941";
}

.icon-dropdown:before {
  content: "\e942";
}

.icon-dropup:before {
  content: "\e943";
}

.icon-edit-note:before {
  content: "\e944";
}

.icon-editor-choice:before {
  content: "\e945";
}

.icon-epapers:before {
  content: "\e946";
}

.icon-euro-symbol:before {
  content: "\e947";
}

.icon-eye:before {
  content: "\e948";
}

.icon-fax:before {
  content: "\e949";
}

.icon-files:before {
  content: "\e94a";
}

.icon-filter:before {
  content: "\e94b";
}

.icon-handshake:before {
  content: "\e94c";
}

.icon-heart-active:before {
  content: "\e94d";
}

.icon-heart-inactive:before {
  content: "\e94e";
}

.icon-hedge-fund:before {
  content: "\e94f";
}

.icon-home-pin:before {
  content: "\e950";
}

.icon-host:before {
  content: "\e951";
}

.icon-ibm-bee:before {
  content: "\e952";
}

.icon-keyboard-command-key:before {
  content: "\e953";
}

.icon-language:before {
  content: "\e954";
}

.icon-link-circle:before {
  content: "\e955";
}

.icon-link:before {
  content: "\e956";
}

.icon-location-flag:before {
  content: "\e957";
}

.icon-location-pin:before {
  content: "\e958";
}

.icon-lock:before {
  content: "\e959";
}

.icon-manage-history:before {
  content: "\e95a";
}

.icon-menu:before {
  content: "\e95b";
}

.icon-minus-med:before {
  content: "\e95c";
}

.icon-news:before {
  content: "\e95d";
}

.icon-oracle:before {
  content: "\e95e";
}

.icon-phone:before {
  content: "\e95f";
}

.icon-play-circle:before {
  content: "\e960";
}

.icon-play:before {
  content: "\e961";
}

.icon-plus-bold-circle:before {
  content: "\e962";
}

.icon-plus-med:before {
  content: "\e963";
}

.icon-produktdatenblatter1:before {
  content: "\e964";
}

.icon-query-stats:before {
  content: "\e965";
}

.icon-raking:before {
  content: "\e966";
}

.icon-region:before {
  content: "\e967";
}

.icon-remove-circle:before {
  content: "\e968";
}

.icon-remove:before {
  content: "\e969";
}

.icon-reports:before {
  content: "\e96a";
}

.icon-reset:before {
  content: "\e96b";
}

.icon-sailing:before {
  content: "\e96c";
}

.icon-savings:before {
  content: "\e96d";
}

.icon-schedule:before {
  content: "\e96e";
}

.icon-search:before {
  content: "\e96f";
}

.icon-send-money:before {
  content: "\e970";
}

.icon-shield:before {
  content: "\e971";
}

.icon-sign-up:before {
  content: "\e972";
}

.icon-social-email:before {
  content: "\e973";
}

.icon-social-facebook:before {
  content: "\e974";
}

.icon-social-instagram:before {
  content: "\e975";
}

.icon-social-link:before {
  content: "\e976";
}

.icon-social-linkedin:before {
  content: "\e977";
}

.icon-social-messanger:before {
  content: "\e978";
}

.icon-social-newlink:before {
  content: "\e979";
}

.icon-social-telegram:before {
  content: "\e97a";
}

.icon-social-tiktok:before {
  content: "\e97b";
}

.icon-social-whatsapp:before {
  content: "\e97c";
}

.icon-social-x:before {
  content: "\e97d";
}

.icon-social-xing:before {
  content: "\e97e";
}

.icon-social-youtube:before {
  content: "\e97f";
}

.icon-tags:before {
  content: "\e980";
}

.icon-time:before {
  content: "\e981";
}

.icon-view-object-track:before {
  content: "\e982";
}

.icon-volunteer-activism:before {
  content: "\e983";
}

.icon-whitepapers:before {
  content: "\e984";
}

.icon-work:before {
  content: "\e985";
}

.icon-x-bold-circle:before {
  content: "\e986";
}

.icon-x-circle:before {
  content: "\e987";
}

.icon-x-med:before {
  content: "\e988";
}

.icon-x-thin:before {
  content: "\e989";
}

.icon-x:before {
  content: "\e98a";
}

@keyframes collage-item-1 {
  0%, 40% {
    transform: none;
    right: 0;
    width: 100%;
  }
  60%, 100% {
    right: calc(-68% - 1.4rem);
    width: 68%;
  }
}
@keyframes collage-figure-1 {
  0%, 40% {
    padding-top: 120%;
  }
  60%, 100% {
    padding-top: 100%;
  }
}
@keyframes collage-figure-alt-1 {
  0%, 40% {
    opacity: 1;
    padding-top: 120%;
  }
  60%, 100% {
    opacity: 0;
    padding-top: 100%;
  }
}
@keyframes collage-figure-2 {
  0%, 40% {
    padding-top: 137.5%;
    top: 20%;
    transform: translateY(0);
  }
  60%, 100% {
    padding-top: 120%;
    top: calc(35.5% + 1.4rem);
  }
}
@keyframes collage-figure-alt-2 {
  0%, 40% {
    opacity: 1;
    padding-top: 137.5%;
    top: 20%;
    transform: translateY(0);
  }
  60%, 100% {
    opacity: 0;
    padding-top: 120%;
    top: calc(35.5% + 1.4rem);
  }
}
@keyframes collage-item-3 {
  0%, 40% {
    transform: none;
    width: 68%;
  }
  60%, 100% {
    transform: translateY(-32%);
    width: 100%;
  }
}
@keyframes collage-figure-3 {
  0%, 40% {
    padding-top: 100%;
  }
  60%, 100% {
    padding-top: 120%;
  }
}
@keyframes collage-figure-alt-3 {
  0%, 40% {
    opacity: 1;
    padding-top: 100%;
  }
  60%, 100% {
    opacity: 0;
    padding-top: 120%;
  }
}
@keyframes accordion-collage-item-1 {
  0%, 5% {
    transform: none;
    right: 0;
    width: 100%;
  }
  40%, 100% {
    right: calc(-68% - 1.4rem);
    width: 68%;
  }
}
@keyframes accordion-collage-figure-1 {
  0%, 5% {
    padding-top: 120%;
  }
  40%, 100% {
    padding-top: 100%;
  }
}
@keyframes accordion-collage-figure-alt-1 {
  0%, 5% {
    opacity: 1;
    padding-top: 120%;
  }
  40%, 100% {
    opacity: 0;
    padding-top: 100%;
  }
}
@keyframes accordion-collage-figure-2 {
  0%, 5% {
    padding-top: 137.5%;
    top: 20%;
    transform: translateY(0);
  }
  40%, 100% {
    padding-top: 120%;
    top: calc(35.5% + 1.4rem);
  }
}
@keyframes accordion-collage-figure-alt-2 {
  0%, 5% {
    opacity: 1;
    padding-top: 137.5%;
    top: 20%;
    transform: translateY(0);
  }
  40%, 100% {
    opacity: 0;
    padding-top: 120%;
    top: calc(35.5% + 1.4rem);
  }
}
@keyframes accordion-collage-item-3 {
  0%, 5% {
    transform: none;
    width: 68%;
  }
  40%, 100% {
    transform: translateY(-32%);
    width: 100%;
  }
}
@keyframes accordion-collage-figure-3 {
  0%, 5% {
    padding-top: 100%;
  }
  40%, 100% {
    padding-top: 120%;
  }
}
@keyframes accordion-collage-figure-alt-3 {
  0%, 5% {
    opacity: 1;
    padding-top: 100%;
  }
  40%, 100% {
    opacity: 0;
    padding-top: 120%;
  }
}
:root {
  --theme-primary-color: #e54400;
  --theme-secondary-color: #4298b8;
  --theme-button-color: #ffffff;
  --a11y-text-size-factor: 1;
  --grid-width: calc((100vw - (var(--grid-margin) * 2)) / 12);
  background-color: #f9f7f5;
  box-sizing: border-box;
  font-family: Arial, Helvetica, sans-serif;
  font-size: calc(10px * var(--a11y-text-size-factor));
  font-weight: 300;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media screen and (min-width: 992px) {
  :root {
    font-size: calc((6.6px + (100vw - 992px) * 0.0066532258) * var(--a11y-text-size-factor));
  }
}
@media screen and (min-width: 1322px) {
  :root {
    font-size: calc((5.85px + (100vw - 992px) * 0.0060483871) * var(--a11y-text-size-factor));
  }
}
@media screen and (min-width: 2000px) {
  :root {
    font-size: calc((6px + (2000px - 992px) * 0.0060483871) * var(--a11y-text-size-factor));
  }
}

body {
  font-family: "The Future";
  font-size: 1.8rem;
  font-weight: 400;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.3;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
}

h1, .h1 {
  font-family: "The Future";
  font-size: 3.6rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.15;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  margin: 0 0 calc(var(--grid-gap) * 2) 0;
}

h2, .h2 {
  font-family: "The Future";
  font-size: 3.4rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.15;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  margin: 0 0 calc(var(--grid-gap) * 2) 0;
}

h3, .h3 {
  font-family: "The Future";
  font-size: 2.2rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.05;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  margin: 0 0 calc(var(--grid-gap) * 2) 0;
}

h4, .h4 {
  font-family: "The Future";
  font-size: 1.7rem;
  font-weight: 400;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.3;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  margin: 0 0 calc(var(--grid-gap) * 2) 0;
}

h1 br, .h1 br,
h2 br, .h2 br,
h3 br, .h3 br,
h4 br, .h4 br {
  display: none;
}
h1 em, .h1 em,
h2 em, .h2 em,
h3 em, .h3 em,
h4 em, .h4 em {
  color: var(--theme-primary-color);
  font-style: normal;
}

a {
  text-decoration: none;
  color: inherit;
}

img {
  max-width: 100%;
  height: auto;
}

picture {
  display: flex;
}
picture img {
  width: 100%;
}

figure {
  margin: 0;
}

figcaption {
  font-family: "The Future";
  font-size: 1.4rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.15;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  color: #757575;
  margin: var(--grid-gap);
}

p {
  margin: 0;
}

*, *:active, *:focus {
  outline: none !important;
}

.active-a11y-grayscale {
  filter: grayscale(1);
}

.active-a11y-contrast {
  --theme-primary-color: #e54400 !important;
  background-color: #ffffff;
}
.active-a11y-contrast .moving-background {
  display: none;
}
.active-a11y-contrast .post-preview__image {
  background-color: #e54400;
}
.active-a11y-contrast .card-blur:before {
  mask: none;
}
.active-a11y-contrast .header:after,
.active-a11y-contrast .wide-video__toggle-icon,
.active-a11y-contrast .featured-posts__main-badge,
.active-a11y-contrast .featured-posts__single-post-badge,
.active-a11y-contrast .white-paper-preview__badge {
  background-color: #000000;
}
.active-a11y-contrast .footer__inner,
.active-a11y-contrast .footer__contact-wrapper,
.active-a11y-contrast .footer__products-services-wrapper,
.active-a11y-contrast .footer__extensions-wrapper,
.active-a11y-contrast .footer__desktop-hr,
.active-a11y-contrast .faq ul li,
.active-a11y-contrast .active-a11y-contrast .features-list__tabs,
.active-a11y-contrast .features-list__tab-block,
.active-a11y-contrast .features-list__tab-block-list li,
.active-a11y-contrast .scroll-list__item-block,
.active-a11y-contrast .steps__list-item,
.active-a11y-contrast .links-list__list li > *:first-child,
.active-a11y-contrast .scroll-list__item,
.active-a11y-contrast .category-preview,
.active-a11y-contrast .archive-pagination__control-input,
.active-a11y-contrast .archive-pagination__control-button,
.active-a11y-contrast .events-page__tabs,
.active-a11y-contrast .form,
.active-a11y-contrast .form__input-wrapper input[type=text],
.active-a11y-contrast .form__input-wrapper input[type=email],
.active-a11y-contrast .form__input-wrapper textarea,
.active-a11y-contrast .form__input-wrapper select,
.active-a11y-contrast .custom-checkbox {
  border-color: #000000;
}
.active-a11y-contrast .breadcrumb,
.active-a11y-contrast .content-fader__suptitle,
.active-a11y-contrast .features-list__suptitle,
.active-a11y-contrast .block-headline__suptitle,
.active-a11y-contrast .solution-extensions__suptitle,
.active-a11y-contrast .features-list__tab,
.active-a11y-contrast .event-previews__suptitle,
.active-a11y-contrast .video-stories__suptitle,
.active-a11y-contrast .featured-posts__main-date,
.active-a11y-contrast .featured-posts__single-post-date,
.active-a11y-contrast .white-paper-preview__date,
.active-a11y-contrast .footer__copyright,
.active-a11y-contrast .footer__full-address {
  color: #000000;
}
.active-a11y-contrast .features-list__tabs {
  background-color: #ffffff;
}
.active-a11y-contrast .card-deck__card {
  border: 1px solid #000000;
}
.active-a11y-contrast .product-success-stories__item {
  background-color: #e54400 !important;
}
.active-a11y-contrast .post-preview__abstract,
.active-a11y-contrast .keywords__content,
.active-a11y-contrast .overlay-video-preview__content-author,
.active-a11y-contrast ._icon-tabs__label,
.active-a11y-contrast ._icon-tabs__subheadline,
.active-a11y-contrast .video-stories__item-caption {
  color: #ffffff;
}
.active-a11y-contrast ._icon-tabs__tabs-wrapper {
  background-color: transparent;
  border-color: #ffffff;
}
.active-a11y-contrast ._icon-tabs__tab .amount {
  background-color: transparent;
  border: 1px solid #ffffff;
}
.active-a11y-contrast .events-page__tab .amount {
  background-color: transparent;
  border: 1px solid #000000;
  color: #000000;
}
.active-a11y-contrast .events-page__tab.active .amount {
  border: none;
}
.active-a11y-contrast .highlight-kpis__item-icon img {
  filter: saturate(10) brightness(130) grayscale(1) contrast(0);
}
.active-a11y-contrast .keywords {
  background-color: #e54400;
}
.active-a11y-contrast .keywords:before {
  background: linear-gradient(0deg, rgba(176, 20, 120, 0) 0%, #e54400 90%);
}
.active-a11y-contrast .keywords:after {
  background: linear-gradient(180deg, rgba(176, 20, 120, 0) 0%, #e54400 90%);
}
.active-a11y-contrast .intro-items.type-t-systems .intro-items__headline em,
.active-a11y-contrast .intro-items.type-t-systems .intro-items__text em,
.active-a11y-contrast .intro-items.type-t-systems .intro-items__list em,
.active-a11y-contrast .intro-items.type-t-systems .intro-items__list {
  color: #e54400;
}

.active-a11y-text-smallest {
  --a11y-text-size-factor: 0.6;
}

.active-a11y-text-smaller {
  --a11y-text-size-factor: 0.8;
}

.active-a11y-text-bigger {
  --a11y-text-size-factor: 1.2;
}

.active-a11y-text-biggest {
  --a11y-text-size-factor: 1.4;
}
@media (min-width: 992px) {
  .active-a11y-text-biggest .footer__contact-wrapper {
    padding-right: 2rem;
  }
  .active-a11y-text-biggest .footer__products-services-wrapper,
  .active-a11y-text-biggest .footer__extensions-wrapper,
  .active-a11y-text-biggest .footer__pages-wrapper {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 768px) {
  html {
    font-size: 10px;
  }
  h1, .h1 {
    font-family: "The Future";
    font-size: 5.8rem;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.15;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
    font-size: 4.8rem;
  }
  h1 br, .h1 br,
  h2 br, .h2 br,
  h3 br, .h3 br,
  h4 br, .h4 br {
    display: block;
  }
}
@media (min-width: 992px) {
  h1, .h1 {
    font-family: "The Future";
    font-size: 5.8rem;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.15;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
  }
  h2, .h2 {
    font-family: "The Future";
    font-size: 4.6rem;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.1;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
  }
  h3, .h3 {
    font-family: "The Future";
    font-size: 2.6rem;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.5;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
  }
  h4, .h4 {
    font-family: "The Future";
    font-size: 1.8rem;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.3;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
  }
}
* {
  box-sizing: border-box !important;
}

.swiper:not(.swiper-initialized) .swiper-wrapper .swiper-slide {
  width: 70%;
  margin-right: 0.8rem;
}
@media (min-width: 992px) {
  .swiper:not(.swiper-initialized) .swiper-wrapper .swiper-slide {
    width: 25%;
  }
}

@media (min-width: 992px) {
  h1, .h1,
  h2, .h2,
  h3, .h3,
  h4, .h4 {
    text-wrap: balance;
  }
}
.swiper.autoplay-stop .swiper-pagination .swiper-pagination-bullet:before {
  transition: none;
}
.swiper .swiper-pagination {
  position: relative;
  left: 0;
  bottom: 0;
  margin: 3.2rem auto 0;
  padding: 1.6rem;
  background-color: #dddddd;
  border-radius: 100rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.8rem;
  width: max-content;
}
.swiper .swiper-pagination:not(:has(.swiper-pagination-bullet:nth-child(2))) {
  display: none;
}
.swiper .swiper-pagination .swiper-pagination-bullet {
  position: relative;
  margin: 0;
  width: 6px;
  height: 6px;
  border-radius: 10rem;
  background-color: #969696;
  transition: width 1.2s ease;
  overflow: hidden;
  opacity: 1;
}
.swiper .swiper-pagination .swiper-pagination-bullet-active {
  width: 32px;
}
.swiper .swiper-pagination .swiper-pagination-bullet:before {
  content: "";
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #444444;
  transform: scaleX(0);
  transition: transform 0s linear 0.3s;
  transform-origin: left center;
}
.swiper .swiper-pagination .swiper-pagination-bullet-active:before {
  transition: transform 7s linear 0.3s;
  transform: scaleX(1);
}

.button,
.cta-banner__link .link,
.cta-banner__link .button {
  font-family: "The Future";
  font-size: 1.6rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  align-items: center;
  border-radius: 1.2rem;
  color: var(--theme-button-color);
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  min-height: 3.8rem;
  outline: 0;
  overflow: hidden;
  padding: 0 2rem 0.3rem;
  position: relative;
  text-align: center;
  width: auto;
  z-index: 0;
}
.button::before,
.cta-banner__link .link::before,
.cta-banner__link .button::before {
  background-color: var(--theme-primary-color);
  border: 1px solid var(--theme-primary-color);
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}
.button__label {
  order: 2;
  position: relative;
}
.button:hover::before, .button:focus::before, .button:active::before,
.cta-banner__link .link:hover::before,
.cta-banner__link .link:focus::before,
.cta-banner__link .link:active::before {
  filter: brightness(80%);
}
.button:disabled, .button.disabled,
.cta-banner__link .link:disabled,
.cta-banner__link .disabled.link {
  color: #181818;
  cursor: no-drop;
}
.button:disabled::before, .button.disabled::before,
.cta-banner__link .link:disabled::before,
.cta-banner__link .disabled.link::before {
  background-color: rgba(0, 0, 0, 0.1019607843);
  border-color: rgba(0, 0, 0, 0.1019607843);
}
.button--primary {
  color: var(--theme-button-color);
}
.button--primary::before {
  background-color: var(--theme-primary-color);
  border-color: var(--theme-primary-color);
}
.button--primary:disabled, .button--primary.disabled {
  color: #181818;
}
.button--primary:disabled::before, .button--primary.disabled::before {
  background-color: rgba(0, 0, 0, 0.1019607843);
  border-color: rgba(0, 0, 0, 0.1019607843);
}
.button--size-large,
.cta-banner__link .link,
.cta-banner__link .button {
  font-family: "The Future";
  font-size: 1.8rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.2;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  min-height: 4.8rem;
}
.button--size-small {
  font-family: "The Future";
  font-size: 1.3rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.2;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  border-radius: 1rem;
  min-height: 3.2rem;
}
.button--icon-arrow-right::after {
  color: var(--theme-button-color);
  content: "\e903";
  font-family: "SDS";
  font-size: 1em;
  margin-left: 0.5rem;
  order: 2;
  position: relative;
}
.button--icon-play-circle::after {
  color: var(--theme-button-color);
  content: "\e960";
  font-family: "SDS";
  font-size: 1em;
  margin-left: 0.5em;
  order: 2;
  position: relative;
}
.button--icon-copy::after {
  color: var(--theme-button-color);
  content: "\e939";
  font-family: "SDS";
  font-size: 1.5em;
  margin-left: 0.5em;
  order: 2;
  position: relative;
}
.button--icon-position-front .button {
  order: 2;
}
.button--icon-position-front:after {
  margin-left: 0;
  margin-right: 0.5rem;
  order: 1;
}
.button--secondary {
  color: #ffffff;
}
.button--secondary::before {
  background-color: var(--theme-secondary-color);
  border-color: var(--theme-secondary-color);
}
.button--secondary:disabled, .button--secondary.disabled {
  color: #181818;
}
.button--secondary:disabled::before, .button--secondary.disabled::before {
  background-color: rgba(0, 0, 0, 0.1019607843);
  border-color: rgba(0, 0, 0, 0.1019607843);
}
.button--secondary:hover::before, .button--secondary:focus::before, .button--secondary:active::before {
  filter: brightness(80%);
}
.button--white {
  color: #181818;
}
.button--white::before {
  background-color: #ffffff;
  border-color: #ffffff;
}
.button--white:disabled, .button--white.disabled {
  color: #181818;
}
.button--white:disabled::before, .button--white.disabled::before {
  background-color: rgba(0, 0, 0, 0.1019607843);
  border-color: rgba(0, 0, 0, 0.1019607843);
}
.button--white:hover, .button--white:focus, .button--white:active {
  color: #181818;
}
.button--white:hover::before, .button--white:focus::before, .button--white:active::before {
  background-color: rgb(242.25, 242.25, 242.25);
  border-color: rgb(242.25, 242.25, 242.25);
}
.button--inverted {
  color: #ffffff;
}
.button--inverted.button--primary {
  color: var(--black--300);
}
.button--inverted.button--primary::before {
  background-color: #ffffff;
  border-color: #ffffff;
}
.button--inverted.button--primary:disabled, .button--inverted.button--primary.disabled {
  color: #181818;
}
.button--inverted.button--primary:disabled::before, .button--inverted.button--primary.disabled::before {
  background-color: rgba(0, 0, 0, 0.1019607843);
  border-color: rgba(0, 0, 0, 0.1019607843);
}
.button--inverted.button--primary:hover, .button--inverted.button--primary:focus, .button--inverted.button--primary:active {
  color: #181818;
}
.button--inverted.button--primary:hover::before, .button--inverted.button--primary:focus::before, .button--inverted.button--primary:active::before {
  background-color: rgb(229.5, 229.5, 229.5);
  border-color: rgb(229.5, 229.5, 229.5);
}
.button--inverted:disabled, .button--inverted.disabled {
  color: #181818;
}
.button--inverted:disabled::before, .button--inverted.disabled::before {
  background-color: rgba(0, 0, 0, 0.1019607843);
  border-color: rgba(0, 0, 0, 0.1019607843);
}
.button--inverted:hover, .button--inverted:focus, .button--inverted:active {
  color: #181818;
}
.button--inverted:hover::before, .button--inverted:focus::before, .button--inverted:active::before {
  background-color: rgb(229.5, 229.5, 229.5);
  border-color: rgb(229.5, 229.5, 229.5);
}

.lazyloading,
.lazyload {
  opacity: 0;
}

.visually-hidden,
.basic-video__control span {
  display: block;
  height: 0;
  left: -999em;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 0;
}

.expand-background {
  position: relative;
}
.expand-background:before {
  background-color: inherit;
  bottom: 0;
  content: "";
  position: absolute;
  left: -999em;
  top: 0;
  width: 999em;
}
.expand-background:after {
  background-color: inherit;
  bottom: 0;
  content: "";
  height: auto;
  overflow: hidden;
  position: absolute;
  right: -999em;
  top: 0;
  visibility: visible;
  width: 999em;
}

.link,
.text-block__text p a {
  align-items: center;
  color: var(--theme-primary-color);
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  outline: 0;
  position: relative;
  text-align: center;
  text-decoration: none;
  width: auto;
}
.link__label {
  order: 2;
  position: relative;
  white-space: nowrap;
}
.link__label::before {
  background-color: var(--theme-primary-color);
  backface-visibility: hidden;
  content: "";
  bottom: -1px;
  height: 1px;
  position: absolute;
  right: 0;
  transition: width 0.5s ease 0s, left 0.5s ease 0s, right 0.5s ease 0s;
  width: 0;
}
.link__label::after {
  background-color: var(--theme-primary-color);
  backface-visibility: hidden;
  bottom: -1px;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  transition: width 0.5s ease 0.25s, left 0.5s ease 0.25s, right 0.5s ease 0.25s;
  width: 100%;
}
.link__label:hover::before, .link__label:focus::before, .link__label:active::before {
  left: 0;
  transition-delay: 0.25s;
  width: 100%;
}
.link__label:hover::after, .link__label:focus::after, .link__label:active::after {
  left: unset;
  right: 0;
  transition-delay: 0s;
  width: 0;
}
.link .file-type,
.text-block__text p a .file-type {
  text-transform: uppercase;
}
.link:not(:has(.link__label)),
.text-block__text p a:not(:has(.link__label)) {
  overflow: unset;
}
.link:not(:has(.link__label))::before,
.text-block__text p a:not(:has(.link__label))::before {
  background-color: var(--theme-primary-color);
  backface-visibility: hidden;
  content: "";
  bottom: -1px;
  height: 1px;
  position: absolute;
  right: 0;
  transition: width 0.5s ease 0s, left 0.5s ease 0s, right 0.5s ease 0s;
  width: 0;
}
.link:not(:has(.link__label))::after,
.text-block__text p a:not(:has(.link__label))::after {
  background-color: var(--theme-primary-color);
  backface-visibility: hidden;
  bottom: -1px;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  transition: width 0.5s ease 0.25s, left 0.5s ease 0.25s, right 0.5s ease 0.25s;
  width: 100%;
}
.link:not(:has(.link__label)):hover::before, .link:not(:has(.link__label)):focus::before, .link:not(:has(.link__label)):active::before,
.text-block__text p a:not(:has(.link__label)):hover::before,
.text-block__text p a:not(:has(.link__label)):focus::before,
.text-block__text p a:not(:has(.link__label)):active::before {
  left: 0;
  transition-delay: 0.25s;
  width: 100%;
}
.link:not(:has(.link__label)):hover::after, .link:not(:has(.link__label)):focus::after, .link:not(:has(.link__label)):active::after,
.text-block__text p a:not(:has(.link__label)):hover::after,
.text-block__text p a:not(:has(.link__label)):focus::after,
.text-block__text p a:not(:has(.link__label)):active::after {
  left: unset;
  right: 0;
  transition-delay: 0s;
  width: 0;
}
.link:has(.link__label).link--icon-arrow::after,
.text-block__text p a:has(.link__label).link--icon-arrow::after {
  content: "\e903";
  font-family: "SDS";
  font-size: 1em;
  margin-left: 0.5rem;
  order: 1;
  position: relative;
}
.link:has(.link__label).link--icon-play-circle::after,
.text-block__text p a:has(.link__label).link--icon-play-circle::after {
  content: "\e960";
  font-family: "SDS";
  font-size: 1em;
  margin-left: 0.5rem;
  order: 1;
  position: relative;
}
.link:has(.link__label).link--icon-copy::after,
.text-block__text p a:has(.link__label).link--icon-copy::after {
  content: "\e939";
  font-family: "SDS";
  font-size: 1.5em;
  margin-left: 0.5rem;
  order: 1;
  position: relative;
}
.link:has(.link__label).link--icon-position-front .link__label,
.text-block__text p a:has(.link__label).link--icon-position-front .link__label {
  order: 2;
}
.link:has(.link__label).link--icon-position-front .link__label::after,
.text-block__text p a:has(.link__label).link--icon-position-front .link__label::after {
  left: calc(-1em - 0.5rem);
}
.link:has(.link__label).link--icon-position-front .link__label::after,
.text-block__text p a:has(.link__label).link--icon-position-front .link__label::after {
  width: calc(100% + 1em + 0.5rem);
}
.link:has(.link__label).link--icon-position-front:after,
.text-block__text p a:has(.link__label).link--icon-position-front:after {
  margin-left: 0;
  margin-right: 0.5rem;
  order: 1;
}
.link:has(.link__label).link--icon-position-back .link__label,
.text-block__text p a:has(.link__label).link--icon-position-back .link__label {
  order: unset;
}
.link:has(.link__label).link--icon-position-back .link__label::before, .link:has(.link__label).link--icon-position-back .link__label::after,
.text-block__text p a:has(.link__label).link--icon-position-back .link__label::before,
.text-block__text p a:has(.link__label).link--icon-position-back .link__label::after {
  right: calc(-1em - 0.5rem);
}
.link:has(.link__label).link--icon-position-back .link__label::after,
.text-block__text p a:has(.link__label).link--icon-position-back .link__label::after {
  width: calc(100% + 1em + 0.5rem);
}
.link:has(.link__label).link--icon-position-front:hover .link__label::before, .link:has(.link__label).link--icon-position-front:focus .link__label::before, .link:has(.link__label).link--icon-position-front:active .link__label::before,
.text-block__text p a:has(.link__label).link--icon-position-front:hover .link__label::before,
.text-block__text p a:has(.link__label).link--icon-position-front:focus .link__label::before,
.text-block__text p a:has(.link__label).link--icon-position-front:active .link__label::before {
  left: calc(-1em - 0.5rem);
  transition-delay: 0.25s;
  width: calc(100% + 1em + 0.5rem);
}
.link:has(.link__label).link--icon-position-front:hover .link__label::after, .link:has(.link__label).link--icon-position-front:focus .link__label::after, .link:has(.link__label).link--icon-position-front:active .link__label::after,
.text-block__text p a:has(.link__label).link--icon-position-front:hover .link__label::after,
.text-block__text p a:has(.link__label).link--icon-position-front:focus .link__label::after,
.text-block__text p a:has(.link__label).link--icon-position-front:active .link__label::after {
  left: unset;
  right: 0;
  transition-delay: 0s;
  width: 0;
}
.link:has(.link__label).link--icon-position-back:hover .link__label::before, .link:has(.link__label).link--icon-position-back:focus .link__label::before, .link:has(.link__label).link--icon-position-back:active .link__label::before,
.text-block__text p a:has(.link__label).link--icon-position-back:hover .link__label::before,
.text-block__text p a:has(.link__label).link--icon-position-back:focus .link__label::before,
.text-block__text p a:has(.link__label).link--icon-position-back:active .link__label::before {
  left: 0;
  transition-delay: 0.25s;
  width: calc(100% + 1em + 0.5rem);
}
.link:has(.link__label).link--icon-position-back:hover .link__label::after, .link:has(.link__label).link--icon-position-back:focus .link__label::after, .link:has(.link__label).link--icon-position-back:active .link__label::after,
.text-block__text p a:has(.link__label).link--icon-position-back:hover .link__label::after,
.text-block__text p a:has(.link__label).link--icon-position-back:focus .link__label::after,
.text-block__text p a:has(.link__label).link--icon-position-back:active .link__label::after {
  left: unset;
  right: calc(-1em - 0.5rem);
  transition-delay: 0s;
  width: 0;
}
.link__vimeo-video {
  display: none;
}

.tag {
  font-family: "The Future";
  font-size: 1.2rem;
  font-weight: 700;
  font-style: normal;
  letter-spacing: 0.012rem;
  line-height: 1.15;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  background-color: rgba(0, 0, 0, 0.3);
  align-items: center;
  backdrop-filter: blur(40px);
  border-radius: 0.3rem;
  color: #ffffff;
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  min-height: 2.1rem;
  outline: 0;
  overflow: hidden;
  padding: 0 0.5rem;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  width: auto;
}
.tag__label {
  position: relative;
}

@media (min-width: 992px) {
  .tag--size-medium {
    font-family: "The Future";
    font-size: 1.4rem;
    font-weight: 700;
    font-style: normal;
    letter-spacing: 0.014rem;
    line-height: 1.15;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
    min-height: 2.7rem;
    padding: 0 1rem;
  }
}
.text-link, .footer__contact-link, .footer__full-address a {
  font-family: "The Future";
  font-size: 1.6rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.3;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  color: #c44109;
  position: relative;
}
.text-link:after, .footer__contact-link:after, .footer__full-address a:after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  top: 100%;
  height: 0;
  border-bottom: 1px solid #c44109;
}
.text-link:focus-visible:after, .footer__contact-link:focus-visible:after, .footer__full-address a:focus-visible:after {
  border-style: dashed;
}

.overlay {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.overlay.original {
  display: none;
}
.overlay.opened .overlay__background {
  opacity: 1;
}
.overlay__close-button {
  position: absolute;
  top: 1.6rem;
  right: 1.6rem;
  display: flex;
  width: 3rem;
  height: 3rem;
  padding: 0.8rem;
  justify-content: center;
  align-items: center;
  border-radius: 0.4rem;
  background: var(--black--400, #000);
  cursor: pointer;
  z-index: 3;
  display: none;
}
.overlay__close-button .icon {
  color: #ffffff;
  font-size: 1.4rem;
}
.overlay__background {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: rgba(0, 0, 0, 0.6);
  opacity: 0;
  transition: opacity 0.3s ease;
}
.overlay__content-wrapper {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 2;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
  background-color: #ffffff;
  overflow: hidden;
}
.overlay__content {
  padding: 7.4rem 2.4rem 9rem;
  position: relative;
  overflow: auto;
  max-height: calc(100dvh - 4rem);
}
.overlay__content > * {
  max-width: 100%;
}

@media (max-width: 992px) {
  .overlay.opened .overlay__content-wrapper {
    transform: translateY(0);
  }
  .overlay__content-wrapper {
    transform: translateY(100%);
    transition: transform 0.3s ease;
  }
}
@media (min-width: 768px) {
  .overlay__content {
    padding-left: 8rem;
    padding-right: 8rem;
  }
}
@media (min-width: 992px) {
  .overlay__content {
    max-height: calc(100vh - 20rem);
    padding: 7.8rem 3.2rem 10rem;
  }
  .overlay__close-button {
    transform: translateX(100vw);
    transition: transform 0.8s cubic-bezier(0.85, 0, 0.15, 1);
  }
  .overlay__content-wrapper {
    position: absolute;
    left: 50%;
    top: 50%;
    bottom: unset;
    transform: translate(-50%, -50%);
    max-width: 75vw;
    width: max-content;
    max-height: calc(100vh - 20rem);
    border-radius: 0.8rem;
    border: 1px solid var(--gray--150, #CBCBCB);
    background: radial-gradient(50% 50% at 50% 50%, #FCFCFC 0%, #F2F2F2 100%);
    /* hover-shadow-1 */
    box-shadow: 0px 100px 80px 0px rgba(0, 0, 0, 0.07);
  }
}
.overlay-header {
  position: absolute;
  top: 0;
  left: 0;
  padding: 1.6rem 2rem;
  white-space: nowrap;
  height: 5rem;
  width: 100%;
  border-bottom: 1px solid var(--gray--100, #DDD);
  background: var(--white-opacity--30, rgba(255, 255, 255, 0.3));
  backdrop-filter: blur(6px);
  z-index: 10;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
.overlay-header__close-icon {
  position: absolute;
  right: 1.6rem;
  top: 1.4rem;
  cursor: pointer;
}
.overlay-header__close-icon .icon {
  font-size: 1.8rem;
}
.overlay-header__close-icon:focus-visible {
  color: var(--theme-primary-color);
}
.overlay-header__text {
  font-family: "The Future";
  font-size: 1.8rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.2;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  text-align: center;
}

.is-iOS .overlay-header__close-icon:focus-visible {
  color: inherit;
}

@media (min-width: 992px) {
  .overlay-header {
    height: 4.6rem;
    padding: 1.2rem 5.6rem;
  }
}
.overlay-footer {
  position: absolute;
  bottom: -2px;
  left: 0;
  padding: 1.2rem 5.6rem;
  white-space: nowrap;
  height: 6.1rem;
  width: 100%;
  border-top: 1px solid var(--gray--100, #DDD);
  background: var(--white-opacity--30, rgba(255, 255, 255, 0.4));
  backdrop-filter: blur(6px);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 10;
}
.overlay-footer__button {
  border: 2px dashed transparent;
  background-color: var(--theme-primary-color);
  color: var(--theme-button-color);
  border-radius: 1.2rem;
  padding: 0.9rem 1.2rem 1.2rem;
  font-family: "The Future";
  font-size: 1.6rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  cursor: pointer;
}
.overlay-footer__button:focus-visible {
  border-color: #000000;
}

@media (min-width: 992px) {
  .overlay-footer {
    border-bottom-left-radius: 0.8rem;
    border-bottom-right-radius: 0.8rem;
  }
}
.post-search-preview {
  padding: 3.2rem 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1019607843);
}
.post-search-preview__headline {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 0.8rem;
}
.post-search-preview__badge {
  font-family: "The Future";
  font-size: 1.4rem;
  font-weight: 700;
  font-style: normal;
  letter-spacing: 0.014rem;
  line-height: 1.15;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  border-radius: 0.3rem;
  background: var(--black--400-opacity-30, rgba(0, 0, 0, 0.3));
  backdrop-filter: blur(20px);
  text-transform: uppercase;
  padding: 0.3rem 0.4rem 0.4rem 0.4rem;
  color: #ffffff;
}
.post-search-preview__headline-text {
  font-family: "The Future";
  font-size: 1.4rem;
  font-weight: 700;
  font-style: normal;
  letter-spacing: 0.014rem;
  line-height: 1.15;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.4);
}
.post-search-preview__title {
  font-family: "The Future";
  font-size: 2.2rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.15;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  color: #222222;
  margin-bottom: 1.6rem;
}
.post-search-preview__title strong {
  font-weight: 500;
  display: inline-block;
  color: #ffffff;
  background-color: #e54400;
  padding: 0 0.5rem 0.4rem;
  border-radius: 0.3rem;
}
.post-search-preview__excerpt {
  font-family: "The Future";
  font-size: 1.7rem;
  font-weight: 400;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.3;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  color: #222222;
  margin-bottom: 1.6rem;
}
.post-search-preview__excerpt .excerpt_part strong {
  font-weight: 400;
  display: inline-block;
  background-color: #e54400;
  border-radius: 0.3rem;
  padding: 0 0.4rem 0.4rem;
  color: #ffffff;
}
.post-search-preview__link {
  font-family: "The Future";
  font-size: 1.8rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.3;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  color: #e54400;
  text-decoration: underline;
}
.post-search-preview__link:focus-visible {
  text-decoration: dashed underline;
}

@media (min-width: 992px) {
  .post-search-preview__badge {
    font-family: "The Future";
    font-size: 1.4rem;
    font-weight: 700;
    font-style: normal;
    letter-spacing: 0.014rem;
    line-height: 1.15;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
    padding: 0.5rem 0.6rem 0.6rem 0.6rem;
  }
  .post-search-preview__title {
    font-family: "The Future";
    font-size: 2.8rem;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.15;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
  }
  .post-search-preview__excerpt {
    font-family: "The Future";
    font-size: 1.6rem;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.3;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
  }
}
.animline {
  position: relative;
  width: max-content;
  max-width: 100%;
}
.animline:before, .animline:after {
  content: "";
  position: absolute;
  top: calc(100% + 0.1rem);
  border-top: 0.1rem solid #000000;
  transition: width 0.3s ease;
  pointer-events: none;
}
.animline:before {
  left: 0;
  width: 100%;
  transition-delay: 0.3s;
}
.animline:after {
  width: 0;
  right: 0;
}
.animline--black:before, .animline--black:after {
  border-color: #000000;
}
.animline--single:after {
  transition-delay: 0s !important;
}
.animline--single:before {
  display: none;
}

@media (hover: hover) {
  .animline {
    cursor: pointer;
  }
  .animline:hover:before {
    right: 0;
    width: 0;
    left: unset;
    transition-delay: 0s;
  }
  .animline:hover:after {
    width: 100%;
    right: unset;
    left: 0;
    transition-delay: 0.3s;
  }
}
.multianimline {
  background-size: 300% 1px;
}
.multianimline:not(.no-animline) {
  width: max-content;
  --underline-color: var(--theme-primary-color);
  background-image: linear-gradient(90deg, var(--underline-color) 0, var(--underline-color) 33%, transparent 33.0001%, transparent 66%, var(--underline-color) 66.0001%, var(--underline-color) 100%);
  background-repeat: no-repeat;
  background-position: 100% 100%;
  transition: background-position 0.6s ease;
  cursor: pointer;
}
.multianimline:not(.no-animline).black {
  --underline-color: #181818;
}
.multianimline:not(.no-animline).white {
  --underline-color: #ffffff;
}
.multianimline.bold {
  background-size: 300% 2px;
}
.multianimline:focus-visible {
  background-position: 0 100%;
}

@media (min-width: 992px) {
  .multianimline {
    background-size: 300% 2px;
  }
}
@media (hover: hover) {
  .multianimline:hover {
    background-position: 0 100%;
  }
}
.label {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  border-radius: 0.3rem;
  background: var(--black--400-opacity-30, rgba(0, 0, 0, 0.3));
  backdrop-filter: blur(20px);
  color: #ffffff;
  text-transform: uppercase;
  width: max-content;
  max-width: 100%;
}
.label-s {
  font-family: "The Future";
  font-size: 1.2rem;
  font-weight: 700;
  font-style: normal;
  letter-spacing: 0.012rem;
  line-height: 1.15;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  padding: 0.3rem 0.4rem 0.4rem 0.4rem;
}
.label-m {
  font-family: "The Future";
  font-size: 1.4rem;
  font-weight: 700;
  font-style: normal;
  letter-spacing: 0.014rem;
  line-height: 1.15;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  padding: 0.5rem 0.6rem 0.6rem 0.6rem;
}
.label-l {
  font-family: "The Future";
  font-size: 1.6rem;
  font-weight: 700;
  font-style: normal;
  letter-spacing: 0.016rem;
  line-height: 1.15;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  padding: 0.6rem 0.8rem 0.8rem;
}

@media (min-width: 992px) {
  .label-lg-s {
    font-family: "The Future";
    font-size: 1.2rem;
    font-weight: 700;
    font-style: normal;
    letter-spacing: 0.012rem;
    line-height: 1.15;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
    padding: 0.3rem 0.4rem 0.4rem 0.4rem;
  }
  .label-lg-m {
    font-family: "The Future";
    font-size: 1.4rem;
    font-weight: 700;
    font-style: normal;
    letter-spacing: 0.014rem;
    line-height: 1.15;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
    padding: 0.5rem 0.6rem 0.6rem 0.6rem;
  }
  .label-lg-l {
    font-family: "The Future";
    font-size: 1.6rem;
    font-weight: 700;
    font-style: normal;
    letter-spacing: 0.016rem;
    line-height: 1.15;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
    padding: 0.6rem 0.8rem 0.8rem;
  }
}
.post-preview {
  position: relative;
  width: 100%;
  aspect-ratio: 342/479;
  color: #ffffff;
  border-radius: 0.3rem;
  overflow: hidden;
  display: grid;
}
.post-preview__image {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.post-preview__image picture {
  width: 100%;
  height: 100%;
}
.post-preview__image picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.post-preview__content {
  position: relative;
  z-index: 4;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0.8rem 0.8rem 1.2rem;
}
.post-preview__date {
  font-family: "The Future";
  font-size: 1rem;
  font-weight: 700;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.15;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  text-transform: uppercase;
  margin-bottom: 0.4rem;
}
.post-preview__title {
  font-family: "The Future";
  font-size: 1.6rem;
  font-weight: 700;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.15;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  line-height: 1.25;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  margin-bottom: 0;
  hyphens: auto;
}
.post-preview__abstract {
  display: none;
}
.post-preview__link {
  font-family: "The Future";
  font-size: 1.4rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.3;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
.post-preview:has(a:focus-visible) {
  box-shadow: 0px 100px 80px 0px rgba(0, 0, 0, 0.07);
}

@media (min-width: 992px) {
  .post-preview__content {
    padding: 1.2rem 2rem 2rem;
  }
  .post-preview__date {
    font-family: "The Future";
    font-size: 1.2rem;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.15;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
  }
  .post-preview__title {
    font-family: "The Future";
    font-size: 2.1rem;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.15;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
    padding-bottom: 0.1em;
    margin-bottom: 1.2rem;
  }
  .post-preview__abstract {
    display: block;
    font-family: "The Future";
    font-size: 1.7rem;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.3;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
    color: rgba(255, 255, 255, 0.8509803922);
    margin-bottom: 1.2rem;
    line-clamp: 3;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    hyphens: auto;
  }
  .post-preview__link {
    font-family: "The Future";
    font-size: 1.6rem;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.3;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
  }
}
@media (hover: hover) {
  .post-preview {
    backface-visibility: hidden;
    transform: scaleY(1);
    will-change: box-shadow;
  }
  .post-preview:hover {
    box-shadow: 0px 100px 80px 0px rgba(0, 0, 0, 0.07);
  }
}
.success-story-preview {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-radius: 0.3rem;
  aspect-ratio: 36/38;
}
.success-story-preview__category {
  padding: 1.2rem 1.2rem 0;
}
.success-story-preview__content {
  color: #ffffff;
  padding: 0 1.6rem 1.6rem;
}
.success-story-preview__logo {
  display: flex;
  align-items: center;
  justify-content: center;
}
.success-story-preview__logo img {
  max-width: 15.6rem;
  max-height: 4rem;
  object-fit: contain;
}
.success-story-preview__tags {
  font-family: "The Future";
  font-size: 1.1rem;
  font-weight: 700;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.15;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  text-transform: uppercase;
  margin-bottom: 0.4rem;
}
.success-story-preview__title {
  font-family: "The Future";
  font-size: 1.9rem;
  font-weight: 700;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.15;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  margin-bottom: 0.8rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.success-story-preview__abstract {
  font-family: "The Future";
  font-size: 1.5rem;
  font-weight: 400;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.3;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  color: rgba(255, 255, 255, 0.8509803922);
  margin-bottom: 0.8rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.success-story-preview__link {
  font-family: "The Future";
  font-size: 1.4rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.3;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
}

@media (min-width: 992px) {
  .success-story-preview {
    aspect-ratio: 712/479;
  }
  .success-story-preview__content {
    color: #ffffff;
    padding: 0 2rem 2rem;
  }
  .success-story-preview__logo img {
    max-width: 21rem;
    max-height: 6rem;
  }
  .success-story-preview__tags {
    font-family: "The Future";
    font-size: 1.2rem;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.15;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
  }
  .success-story-preview__title {
    font-family: "The Future";
    font-size: 2.1rem;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.15;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
    margin-bottom: 1.2rem;
  }
  .success-story-preview__abstract {
    font-family: "The Future";
    font-size: 1.7rem;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.3;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
    margin-bottom: 1.2rem;
  }
  .success-story-preview__link {
    font-family: "The Future";
    font-size: 1.6rem;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.3;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
  }
}
.white-paper-preview {
  position: relative;
  aspect-ratio: 274/383;
}
.white-paper-preview__title {
  margin-bottom: 0;
}
.white-paper-preview__content {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  color: #ffffff;
  display: flex;
  flex-direction: column;
  padding: 1.2rem;
}
.white-paper-preview__image {
  width: 100%;
  height: 100%;
}
.white-paper-preview__image picture {
  width: 100%;
  height: 100%;
}
.white-paper-preview__image picture img {
  width: 100%;
  height: 100%;
  border-radius: 0.3rem;
  object-fit: cover;
}
.white-paper-preview__headline {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 0.4rem;
}
.white-paper-preview__date {
  font-family: "The Future";
  font-size: 1.1rem;
  font-weight: 700;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.15;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  text-transform: uppercase;
}
.white-paper-preview__title {
  font-family: "The Future";
  font-size: 1.9rem;
  font-weight: 700;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.15;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  margin-bottom: 0.8rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  padding-bottom: 0.15em;
}
.white-paper-preview__abstract {
  font-family: "The Future";
  font-size: 1.5rem;
  font-weight: 400;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.3;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  color: rgba(255, 255, 255, 0.8509803922);
  margin-bottom: 0.8rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  padding-bottom: 0.15em;
}
.white-paper-preview__link {
  font-family: "The Future";
  font-size: 1.4rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.3;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
}

@media (min-width: 992px) {
  .white-paper-preview {
    aspect-ratio: unset;
    display: flex;
    align-items: center;
    gap: 2.2rem;
  }
  .white-paper-preview__image {
    width: 34.2rem;
    flex: 0 0 34.2rem;
    height: 47.9rem;
    border-radius: 0.3rem;
  }
  .white-paper-preview__content {
    position: relative;
    width: auto;
    height: auto;
    display: flex;
    flex-direction: column;
    gap: 2.4rem;
    color: #181818;
    padding: 0;
  }
  .white-paper-preview__headline {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 0.4rem;
    margin-bottom: 0;
  }
  .white-paper-preview__date {
    font-family: "The Future";
    font-size: 1.4rem;
    font-weight: 700;
    font-style: normal;
    letter-spacing: 0.014rem;
    line-height: 1.15;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
    color: rgba(0, 0, 0, 0.4);
    text-transform: uppercase;
  }
  .white-paper-preview__title {
    font-family: "The Future";
    font-size: 2.1rem;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.15;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
    margin-bottom: 0;
  }
  .white-paper-preview__abstract {
    font-family: "The Future";
    font-size: 1.7rem;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.3;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
    color: #444444;
    margin-bottom: 0;
  }
  .white-paper-preview__link {
    font-family: "The Future";
    font-size: 1.8rem;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.3;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
    --underline-color: #181818 !important;
  }
}
.overlay.vimeo-video .overlay-header, .overlay.vimeo-video .overlay-footer {
  display: none;
}
.overlay.vimeo-video .overlay__content {
  padding: 0;
}

.overlay-video-preview {
  position: relative;
  aspect-ratio: 274/383;
  border-radius: 0.3rem;
  overflow: hidden;
  cursor: pointer;
}
.overlay-video-preview__vimeo-content {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  overflow: hidden;
}
.overlay-video-preview__vimeo {
  width: 95vw;
  aspect-ratio: 9/16;
  display: flex;
}
.overlay-video-preview__vimeo iframe {
  width: 100%;
  height: 100%;
}
.overlay-video-preview:hover .overlay-video-preview__video-preview {
  opacity: 1;
}
.overlay-video-preview__video-preview {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 1;
}
.overlay-video-preview__video-preview video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.overlay-video-preview__thumbnail {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.overlay-video-preview__thumbnail picture {
  width: 100%;
  height: 100%;
}
.overlay-video-preview__thumbnail picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.overlay-video-preview__content {
  position: relative;
  height: 100%;
  width: 100%;
  z-index: 3;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.overlay-video-preview__content-top {
  padding: 1.2rem;
}
.overlay-video-preview__content-bottom {
  padding: 1.6rem;
}
.overlay-video-preview__content-caption {
  font-family: "The Future";
  font-size: 1.5rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.1;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  color: #ffffff;
  margin-bottom: 0.8rem;
}
.overlay-video-preview__content-bottom-line {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.overlay-video-preview__content-author {
  font-family: "The Future";
  font-size: 1.5rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.1;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  color: rgba(255, 255, 255, 0.6980392157);
}
.overlay-video-preview__content-toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4rem;
  height: 4rem;
  flex: 0 0 4rem;
  border-radius: 100rem;
  background: var(--black--400-opacity-30, rgba(0, 0, 0, 0.3));
  backdrop-filter: blur(20px);
}
.overlay-video-preview__content-toggle .icon {
  font-size: 2.4rem;
  color: #ffffff;
}

@media (min-width: 992px) {
  .overlay-video-preview__vimeo {
    width: 70vw;
    aspect-ratio: 16/9;
  }
  .overlay-video-preview__content-caption {
    font-family: "The Future";
    font-size: 1.7rem;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.1;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
    margin-bottom: 1.3rem;
  }
  .overlay-video-preview__content-author {
    font-family: "The Future";
    font-size: 1.7rem;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.1;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
  }
}
.card-blur:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 60%;
  width: 100%;
  mask: linear-gradient(359deg, #ffffff, #fff 50%, transparent);
  backdrop-filter: blur(20px);
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 2;
}

.post-overview-block {
  margin-bottom: 7.2rem;
}
.post-overview-block__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.8rem;
  padding: 1.6rem;
  border-top: 1px solid var(--gray--100, #DDD);
  border-bottom: 1px solid var(--gray--100, #DDD);
}
.post-overview-block__reading-time {
  font-family: "The Future";
  font-size: 1.7rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.15;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  color: #444444;
}
.post-overview-block__event-data {
  background-color: #ffffff;
  padding: 1.6rem;
  border-radius: 0.3rem;
  border: 1px solid var(--black--400-opacity-10, rgba(0, 0, 0, 0.1));
  background: var(--white-opacity--80, rgba(255, 255, 255, 0.8));
  /* bgblur-shadow-1 */
  box-shadow: 0px 51px 71px 0px rgba(0, 0, 0, 0.08);
  backdrop-filter: blur(20px);
  display: flex;
  flex-wrap: wrap;
  gap: 3.2rem 1.6rem;
  margin-top: 1.6rem;
}
.post-overview-block__event-data-column {
  flex: 0 0 calc(50% - 0.8rem);
  width: calc(50% - 0.8rem);
}
.post-overview-block__event-data-column:first-child {
  width: 100%;
  flex: 0 0 100%;
}
.post-overview-block__event-data-column:last-child {
  width: 100%;
  flex: 0 0 100%;
}
.post-overview-block__event-data-column:last-child .button {
  width: 100%;
}
.post-overview-block__event-data-text {
  font-family: "The Future";
  font-size: 1.7rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.3;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  color: #444444;
}
.post-overview-block__event-data-text strong {
  display: block;
  font-weight: 700;
  color: #181818;
}
.post-overview-block__event-data-link {
  margin-top: 0.8rem;
  font-family: "The Future";
  font-size: 1.8rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.3;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  color: var(--theme-primary-color);
}
.post-overview-block__main {
  display: flex;
  padding: 2.4rem 1.6rem 1.8rem;
  flex-direction: column;
  align-items: flex-start;
  border-bottom: 1px solid var(--gray--100, #DDD);
}
.post-overview-block__main:has(input:checked) .post-overview-block__content-items-wrapper {
  grid-template-rows: 1fr;
}
.post-overview-block__main input {
  position: absolute;
  visibility: hidden;
  opacity: 0;
}
.post-overview-block__content-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-family: "The Future";
  font-size: 1.7rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.15;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  color: #181818;
  font-weight: 700;
  width: 100%;
}
.post-overview-block__content-title .icon {
  font-size: 1rem;
}
.post-overview-block__content-items-wrapper {
  display: grid;
  grid-template-rows: 0fr;
  overflow: hidden;
  transition: grid-template-rows 0.3s ease;
}
.post-overview-block__content-items-inner-wrapper {
  overflow: hidden;
}
.post-overview-block__content-items {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
  font-family: "The Future";
  font-size: 1.7rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.15;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  color: #444444;
  padding-top: 1.6rem;
  padding-bottom: 0.6rem;
}
.post-overview-block__event-data-bottom {
  width: 100%;
  flex: 0 0 100%;
  display: flex;
  gap: 1.2rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.post-overview-block__event-data-bottom .post-overview-block__event-data-link {
  margin-top: 0;
}
.post-overview-block__event-data-button {
  width: 100%;
}
.post-overview-block__event-data-button .button {
  width: 100%;
}
.post-overview-block__event-data-ics-download {
  cursor: pointer;
}

@media (min-width: 992px) {
  .post-overview-block {
    margin-bottom: 6.4rem;
  }
  .post-overview-block__top {
    margin-bottom: 1rem;
  }
  .post-overview-block__reading-time {
    font-family: "The Future";
    font-size: 2rem;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.15;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
  }
  .post-overview-block__event-data {
    padding: 2.4rem;
    gap: 1.6rem;
  }
  .post-overview-block__event-data-column {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 2.4rem;
  }
  .post-overview-block__event-data-column:nth-child(n) {
    flex: 0 0 calc(33.3333% - 1.0666666667rem);
    width: calc(33.3333% - 1.0666666667rem);
  }
  .post-overview-block__event-data-text {
    font-family: "The Future";
    font-size: 1.7rem;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.3;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
  }
  .post-overview-block__event-data-link {
    font-family: "The Future";
    font-size: 1.8rem;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.3;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
  }
  .post-overview-block__content-title .icon {
    display: none;
  }
  .post-overview-block__content-items-wrapper {
    width: 100%;
    grid-template-rows: 1fr !important;
  }
  .post-overview-block__content-title {
    font-family: "The Future";
    font-size: 2rem;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.15;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
    font-weight: 700;
  }
  .post-overview-block__content-items {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 0.8rem 1.6rem;
  }
  .post-overview-block__content-item {
    font-family: "The Future";
    font-size: 2rem;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.15;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
  }
  .post-overview-block__content-item:hover {
    color: var(--theme-primary-color);
  }
  .post-overview-block__event-data-bottom {
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: flex-end;
  }
  .post-overview-block__event-data-button {
    width: max-content;
  }
}
.share-button {
  display: flex;
  min-width: 4.3rem;
  padding: 0.9rem 1.2rem 1.2rem 1.2rem;
  justify-content: center;
  align-items: center;
  gap: 0.6rem;
  border-radius: 1.2rem;
  background: var(--black--400-opacity-10, rgba(0, 0, 0, 0.1));
  font-family: "The Future";
  font-size: 1.6rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
.share-button .icon {
  font-size: 1.6rem;
}

@media (min-width: 992px) {
  .share-button {
    cursor: pointer;
  }
}
.block-headline {
  margin-bottom: 3.2rem;
}
.block-headline__suptitle {
  font-family: "The Future";
  font-size: 1.4rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.3019607843);
  margin-bottom: 0.8rem;
}
.block-headline__title {
  font-family: "The Future";
  font-size: 3.4rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.15;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  margin-bottom: 1.6rem;
}
.block-headline__description {
  font-family: "The Future";
  font-size: 1.7rem;
  font-weight: 400;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.3;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  color: #444444;
}

@media (min-width: 992px) {
  .block-headline {
    margin-bottom: 5.6rem;
  }
  .block-headline__suptitle {
    text-align: center;
  }
  .block-headline__title {
    text-align: center;
    font-family: "The Future";
    font-size: 4.6rem;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.1;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
  }
  .block-headline__description {
    text-align: center;
    font-family: "The Future";
    font-size: 2rem;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.3;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
  }
}
.archive-pagination {
  margin-top: 3.2rem;
}
.archive-pagination.hidden {
  display: none;
}
.archive-pagination__next-button-wrapper {
  display: flex;
  justify-content: center;
  margin-bottom: 1.6rem;
}
.archive-pagination__next-button {
  border-color: transparent;
  width: 16rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.2rem 1.6rem 1.4rem 1.6rem;
  background-color: var(--theme-primary-color);
  color: var(--theme-button-color);
  font-family: "The Future";
  font-size: 1.6rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  border-radius: 1.2rem;
}
.archive-pagination__next-button--disabled {
  cursor: no-drop;
}
.archive-pagination__next-button:focus-visible {
  border: 2px dashed #444444;
}
.archive-pagination__controls-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}
.archive-pagination__control-button, .archive-pagination__control-input {
  width: 4.1rem;
  height: 4.1rem;
  background-color: #ffffff;
  border-radius: 0.8rem;
  margin-right: 0.4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #444444;
}
.archive-pagination__control-button {
  width: 4.1rem;
  height: 4.1rem;
  background-color: #ffffff;
  border-radius: 0.8rem;
  margin-right: 0.4rem;
  font-size: 1.5rem;
  cursor: pointer;
  border: 1px solid #cbcbcb;
}
.archive-pagination__control-button--disabled {
  cursor: no-drop;
  background-color: #ebebeb;
  color: #bbbbbb;
}
.archive-pagination__control-button .icon {
  font-size: 2.6rem;
}
.archive-pagination__control-button:focus-visible {
  border: 2px dashed #444444;
}
.archive-pagination__control-input {
  font-family: "The Future";
  font-size: 1.6rem;
  font-weight: 700;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  color: #181818;
  border: 1px solid #cbcbcb;
  text-align: center;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}
.archive-pagination__control-input:focus {
  color: #181818;
  border: 2px solid #181818;
}
.archive-pagination__control-input::-webkit-outer-spin-button, .archive-pagination__control-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.archive-pagination__control-label {
  font-family: "The Future";
  font-size: 1.4rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.3;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  color: #444444;
  margin-left: 1.2rem;
}
@media (min-width: 992px) {
  .archive-pagination {
    margin-bottom: 12rem;
  }
  .archive-pagination__controls-wrapper {
    justify-content: flex-end;
  }
  .archive-pagination__next-button-wrapper {
    margin-bottom: 0;
  }
  .archive-pagination__next-button {
    font-family: "The Future";
    font-size: 1.8rem;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.2;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
  }
}
@media (hover: hover) {
  .archive-pagination__control-button:not(.archive-pagination__control-button--disabled):hover {
    border: 2px solid #181818;
    color: #181818;
  }
  .archive-pagination__control-input:hover {
    color: #181818;
    border: 2px solid #181818;
  }
  .archive-pagination__next-button {
    cursor: pointer;
    transition: background-color 0.3s ease;
  }
  .archive-pagination__next-button:not(.archive-pagination__control-button--disabled):hover {
    background-color: #ffffff;
    color: var(--theme-primary-color);
  }
}
.category-preview {
  aspect-ratio: 304/213;
  border-radius: 0.3rem;
  border: 1px solid var(--black--400-opacity-10, rgba(0, 0, 0, 0.1));
  background: var(--white-opacity--80, rgba(255, 255, 255, 0.8));
  backdrop-filter: blur(20px);
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 1.6rem;
  width: 100%;
}
.category-preview__headline {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}
.category-preview__headline .icon {
  font-size: 2.6rem;
}
.category-preview__headline h2 {
  font-family: "The Future";
  font-size: 3.4rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.15;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
.category-preview__title {
  font-family: "The Future";
  font-size: 2rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.35;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
.category-preview__abstract {
  color: #444444;
  font-family: "The Future";
  font-size: 1.5rem;
  font-weight: 400;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.3;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
  margin-top: auto;
  margin-bottom: 1.6rem;
}
.category-preview__link {
  font-family: "The Future";
  font-size: 1.6rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.3;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
.category-preview:has(a:focus-visible) {
  box-shadow: 0px 51px 71px 0px rgba(0, 0, 0, 0.08);
}

@media (min-width: 992px) {
  .category-preview {
    padding: 2rem;
  }
  .category-preview__headline .icon {
    font-size: 2.8rem;
  }
  .category-preview__headline h2 {
    font-family: "The Future";
    font-size: 4.8rem;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.15;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
  }
  .category-preview__title {
    font-family: "The Future";
    font-size: 2.2rem;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.35;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
  }
  .category-preview__abstract {
    font-family: "The Future";
    font-size: 1.7rem;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.25;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
  }
}
@media (hover: hover) {
  .category-preview:hover {
    box-shadow: 0px 51px 71px 0px rgba(0, 0, 0, 0.08);
  }
}
.insights-categories-slider__headline {
  position: relative;
  z-index: 20;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 1rem;
  margin-bottom: 3.2rem;
}
.insights-categories-slider__headline h2 {
  margin-bottom: 0;
}
.insights-categories-slider .swiper {
  left: -2.4rem;
  width: calc(100% + 4.8rem);
  padding: 10rem 2.4rem;
  margin: -10rem 0;
}
.insights-categories-slider .swiper .swiper-wrapper .swiper-slide {
  box-sizing: border-box;
}
.insights-categories-slider__navigation {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  visibility: hidden;
}
.insights-categories-slider__nav-item {
  flex: 0 0 4rem;
  width: 4rem;
  height: 4rem;
  border-color: transparent;
  border-radius: 100%;
  background-color: var(--theme-primary-color);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.insights-categories-slider__nav-item.disabled, .insights-categories-slider__nav-item:disabled {
  background-color: #dddddd;
  cursor: no-drop;
}
.insights-categories-slider__nav-item .icon {
  color: var(--theme-button-color);
  font-size: 2.4rem;
}
.insights-categories-slider__nav-item:focus-visible {
  border: 2px dashed #444444;
}

@media (min-width: 768px) {
  .insights-categories-slider__headline {
    padding-left: 0;
    padding-right: 0;
  }
  .insights-categories-slider .swiper {
    left: -8rem;
    width: calc(100% + 16rem);
    padding: 10rem 8rem;
  }
}
@media (min-width: 992px) {
  .insights-categories-slider .swiper {
    left: calc(-1 * var(--grid-margin));
    width: calc(100% + 2 * var(--grid-margin));
    padding: 10rem var(--grid-margin);
  }
  .insights-categories-slider__headline {
    padding-left: 0;
    padding-right: 0;
  }
}
.form {
  padding: 1.6rem;
  border-radius: 0.3rem;
  border: 1px solid var(--black--400-opacity-7, rgba(0, 0, 0, 0.07));
  background: var(--white-opacity--80, rgba(255, 255, 255, 0.8));
  /* bgblur-shadow-1 */
  box-shadow: 0px 51px 71px 0px rgba(0, 0, 0, 0.08);
  backdrop-filter: blur(20px);
}
.form.success .form__content {
  display: none;
}
.form.success .form__success-message {
  display: block;
}
.form.sending button[type=submit] .process {
  display: inline-block;
}
.form.sending button[type=submit] .idle {
  display: none;
}
.form__success-message {
  display: none;
}
.form__content {
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
}
.form__row {
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
}
.form__group {
  flex: 1 1 0;
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}
.form__group .required-symbol {
  display: none;
}
.form__group:has(*[required]) .required-symbol {
  display: inline;
}
.form__group > label {
  font-family: "The Future";
  font-size: 1.5rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.2;
  font-feature-settings: "dlig" off, "liga" off, "calt" off, "salt" off;
  padding: 0 0.4rem;
}
.form__group > label .required-symbol {
  color: #ff0000;
}
.form__group > label .error-message {
  font-family: "The Future";
  font-size: 1.5rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.2;
  font-feature-settings: "dlig" off, "liga" off, "calt" off, "salt" off;
  color: #ff0000;
  white-space: nowrap;
  display: none;
}
.form__group.error input[type=text], .form__group.error input[type=email], .form__group.error input[type=tel], .form__group.error textarea, .form__group.error select {
  outline: 2px solid #ff0000 !important;
  color: #ff0000 !important;
}
.form__group.error input[type=text]::placeholder, .form__group.error input[type=email]::placeholder, .form__group.error input[type=tel]::placeholder, .form__group.error textarea::placeholder, .form__group.error select::placeholder {
  color: #ff0000 !important;
}
.form__group.error .custom-checkbox {
  outline: 2px solid #ff0000 !important;
}
.form__group.error .checkbox-label {
  color: #ff0000 !important;
}
.form__group.error .error-message {
  display: inline;
}
.form__input-wrapper {
  position: relative;
}
.form__input-wrapper button[type=submit] {
  width: 100%;
  padding: 0.9rem 1.2rem 1.2rem;
  font-family: "The Future";
  font-size: 1.6rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  background-color: var(--theme-primary-color);
  color: var(--theme-button-color);
  border-radius: 1.2rem;
  border: none;
  cursor: pointer;
}
.form__input-wrapper button[type=submit] .process {
  display: none;
  animation: process-anim 6s ease infinite alternate;
}
.form__input-wrapper button[type=submit] .process .icon {
  font-size: 2rem;
}
@keyframes process-anim {
  0% {
    transform: scale(1);
  }
  33% {
    transform: scale(0.6) rotate(900deg);
  }
  50% {
    transform: scale(0.8) rotate(180deg);
  }
  66% {
    transform: scale(0.5) rotate(270deg);
  }
  100% {
    transform: scale(1) rotate(360deg);
  }
}
.form__input-wrapper button[type=submit]:hover, .form__input-wrapper button[type=submit]:focus-visible {
  background-color: rgb(178, 52.8558951965, 0);
}
.form__input-wrapper input, .form__input-wrapper textarea, .form__input-wrapper select {
  width: 100%;
}
.form__input-wrapper input[type=text], .form__input-wrapper input[type=email], .form__input-wrapper input[type=tel], .form__input-wrapper textarea, .form__input-wrapper select {
  padding: 1rem 1.6rem;
  border-radius: 0.8rem;
  border: 1px solid var(--gray--100, #DDD);
  background: var(--white, #FFF);
  font-family: "The Future";
  font-size: 1.6rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.3;
  font-feature-settings: "dlig" off, "liga" off, "calt" off, "salt" off;
  resize: none;
}
.form__input-wrapper input[type=text]::placeholder, .form__input-wrapper input[type=email]::placeholder, .form__input-wrapper input[type=tel]::placeholder, .form__input-wrapper textarea::placeholder, .form__input-wrapper select::placeholder {
  color: #757575;
  font-family: "The Future";
  font-size: 1.6rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.3;
  font-feature-settings: "dlig" off, "liga" off, "calt" off, "salt" off;
}
.form__input-wrapper input[type=text]:focus-visible, .form__input-wrapper input[type=email]:focus-visible, .form__input-wrapper input[type=tel]:focus-visible, .form__input-wrapper textarea:focus-visible, .form__input-wrapper select:focus-visible {
  border-color: #c44109;
}
.form__input-wrapper:has(select):after {
  content: "\e904";
  font-family: "SDS" !important;
  font-size: 2.4rem;
  position: absolute;
  right: 1.6rem;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  pointer-events: none;
}
.form__input-wrapper select {
  appearance: none;
}
.form__input-wrapper select:not([data-value]) {
  color: #757575;
}
.form__input-wrapper:has(input[type=checkbox], input[type=radio]) {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.form__input-wrapper:has(input[type=checkbox], input[type=radio]) > label {
  display: flex;
  position: relative;
  cursor: pointer;
  color: var(--black--100, #444);
  font-feature-settings: "dlig" on, "salt" on;
  font-family: "The Future";
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 500;
  line-height: 120%; /* 1.8rem */
  padding: 0.4rem;
}
.form__input-wrapper:has(input[type=checkbox], input[type=radio]) > label a {
  text-decoration: underline;
}
.form__input-wrapper:has(input[type=checkbox], input[type=radio]) > label a:focus-visible {
  color: #c44109;
  text-decoration: 1px dashed underline;
}
.form__input-wrapper:has(input[type=checkbox], input[type=radio]) > label input {
  position: absolute;
  left: 0;
  width: 0;
  height: 0;
  overflow: hidden;
}
.form__input-wrapper:has(input[type=checkbox]:focus-visible, input[type=radio]:focus-visible) .custom-checkbox {
  border-color: #c44109;
}

.custom-checkbox {
  flex: 0 0 1.8rem;
  width: 1.8rem;
  height: 1.8rem;
}

@media (min-width: 992px) {
  .form {
    padding: 5.6rem;
  }
  .form__row {
    flex-direction: row;
  }
  .form__input-wrapper input[type=text], .form__input-wrapper input[type=email], .form__input-wrapper input[type=tel], .form__input-wrapper textarea, .form__input-wrapper select {
    font-family: "The Future";
    font-size: 1.7rem;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.3;
    font-feature-settings: "dlig" off, "liga" off, "calt" off, "salt" off;
  }
  .form__input-wrapper input[type=text]::placeholder, .form__input-wrapper input[type=email]::placeholder, .form__input-wrapper input[type=tel]::placeholder, .form__input-wrapper textarea::placeholder, .form__input-wrapper select::placeholder {
    font-family: "The Future";
    font-size: 1.7rem;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.3;
    font-feature-settings: "dlig" off, "liga" off, "calt" off, "salt" off;
  }
  .form__input-wrapper button[type=submit] {
    padding: 1.2rem 1.6rem 1.4rem;
    font-family: "The Future";
    font-size: 1.8rem;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.2;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
  }
}
.custom-checkbox {
  width: 1.8rem;
  height: 1.8rem;
  flex: 0 0 1.8rem;
  border: 1px solid #cbcbcb;
  border-radius: 0.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.8rem;
}

input[type=checkbox]:checked + .custom-checkbox {
  background-color: #181818;
}
input[type=checkbox]:checked + .custom-checkbox:before {
  content: "\e932";
  font-family: "SDS";
  color: #ffffff;
  font-size: 1rem;
}

.context-menu-overlay .context-menu {
  display: flex;
}
.context-menu-overlay .overlay__content {
  padding-left: 2rem;
  padding-right: 2rem;
}

.context-menu {
  flex-direction: column;
  gap: 1.6rem;
  display: none;
}
.context-menu.visible {
  display: flex;
}
.context-menu__item {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  padding: 0.8rem;
  border-radius: 0.4rem;
  white-space: nowrap;
  cursor: pointer;
  font-family: "The Future";
  font-size: 1.7rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.3;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
.context-menu__item .icon {
  font-size: 2.1rem;
}

@media (min-width: 992px) {
  .context-menu {
    position: absolute;
    gap: 1.2rem;
    left: 50%;
    transform: translateX(-50%) translateY(100%);
    bottom: -2rem;
    z-index: 1000;
    width: max-content;
    padding: 0.8rem;
    border-radius: 0.3rem;
    background: rgba(255, 255, 255, 0.9);
    /* bgblur-shadow-2 */
    box-shadow: 0px 4.253px 18.607px 0px rgba(0, 0, 0, 0.09);
    backdrop-filter: blur(40px);
  }
  .context-menu.position-top {
    bottom: unset;
    top: -2rem;
    transform: translateX(-50%) translateY(-100%);
  }
  .context-menu:before {
    content: "";
    position: absolute;
    left: -2rem;
    top: -2rem;
    width: calc(100% + 4rem);
    height: calc(100% + 4rem);
    z-index: -1;
  }
  .context-menu__item {
    font-family: "The Future";
    font-size: 1.6rem;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
  }
  .context-menu__item:hover {
    background: var(--gray--75, #E0E0E0);
  }
}
.accessibility-menu {
  display: flex;
}
.accessibility-menu__items {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.2rem;
}
.accessibility-menu label {
  cursor: pointer;
}
.accessibility-menu__item {
  width: 100%;
  display: flex;
  align-items: center;
}
.accessibility-menu__item:has(.accessibility-menu__item-toggle) {
  padding: 0.8rem;
}
.accessibility-menu__item:has(.accessibility-menu__item-input-wrapper) {
  padding: 0 0.8rem;
}
.accessibility-menu__item-toggle {
  position: relative;
  flex: 0 0 34px;
  width: 34px;
  height: 18px;
  border-radius: 999rem;
  background-color: #bbbbbb;
  display: flex;
  align-items: center;
  margin-right: 0.6rem;
  transition: color 0.3s ease;
}
.accessibility-menu__item-toggle input {
  opacity: 0;
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
}
.accessibility-menu__item-toggle:has(input:focus:not(input:hover)), .accessibility-menu__item-toggle:has(input:active:not(input:hover)) {
  background-color: #444444;
}
.accessibility-menu__item-toggle:has(input:focus:not(input:hover)) + .accessibility-menu__item-toggle-label, .accessibility-menu__item-toggle:has(input:active:not(input:hover)) + .accessibility-menu__item-toggle-label {
  color: var(--theme-primary-color) !important;
}
.accessibility-menu__item-toggle:has(input:checked) {
  background-color: #e54400;
}
.accessibility-menu__item-toggle:has(input:checked):before {
  transform: translateX(100%);
}
.accessibility-menu__item-toggle:before {
  content: "";
  position: relative;
  left: 0;
  transform: translateX(1px);
  background-color: #ffffff;
  border-radius: 100%;
  width: 16px;
  height: 16px;
  transition: transform 0.3s ease;
}
.accessibility-menu__item-toggle-label {
  font-family: "The Future";
  font-size: 1.6rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  color: #444444;
}
.accessibility-menu__item-input-wrapper {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  margin-right: 3.2rem;
}
.accessibility-menu__item-input-value {
  color: #444444;
  flex: 0 0 4rem;
  width: 4rem;
  font-family: "The Future";
  font-size: 1.6rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  white-space: nowrap;
}
.accessibility-menu__item-input-value:before {
  content: attr(data-value);
}
.accessibility-menu__item-input-value input {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  overflow: hidden;
  opacity: 0;
}
.accessibility-menu__item-input-control {
  background-color: transparent;
  border-radius: 100%;
  color: #444444;
  display: flex;
  padding: 0.3rem;
}
.accessibility-menu__item-input-control .icon {
  font-size: 1.6rem;
}
.accessibility-menu__item-input-control:focus-visible {
  background-color: var(--theme-primary-color);
  color: #ffffff;
}
.accessibility-menu__item-input-reset {
  width: 4.3rem;
  flex: 0 0 4.3rem;
  padding: 0.9rem 1rem;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  border: 2px solid transparent;
  border-radius: 1.2rem;
  background-color: rgba(0, 0, 0, 0.1019607843);
  color: #181818;
  cursor: no-drop;
}
.accessibility-menu__item-input-reset.active {
  background-color: #e54400;
  color: #ffffff;
  cursor: pointer;
}
.accessibility-menu__item-input-reset.active:focus-visible {
  border-color: #444444;
}

@media (min-width: 992px) {
  .accessibility-menu__items {
    border-radius: 0.3rem;
    background: rgba(255, 255, 255, 0.9);
    /* bgblur-shadow-2 */
    box-shadow: 0px 4.253px 18.607px 0px rgba(0, 0, 0, 0.09);
    backdrop-filter: blur(40px);
    padding: 0.8rem;
  }
}
.hide-scrollbars {
  /* Hide scrollbar for Chrome, Safari and Opera */
  /* Hide scrollbar for IE, Edge and Firefox */
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
.hide-scrollbars::-webkit-scrollbar {
  display: none;
}

.basic-video {
  align-items: center;
  display: flex;
  position: relative;
}
.basic-video__video-wrapper {
  background-color: #000000;
  display: flex;
  height: 0;
  padding-top: 56.25%;
  position: relative;
  width: 100%;
  overflow: hidden;
}
.basic-video__video-wrapper video,
.basic-video__video-wrapper iframe,
.basic-video__video-wrapper .basic-video__video-container {
  height: 100%;
  left: 0;
  object-fit: contain;
  position: absolute;
  top: 0;
  width: 100%;
}
.basic-video__placeholder {
  background-color: #000000;
  height: 100%;
  position: absolute;
  width: 100%;
}
.basic-video__placeholder img {
  height: 100%;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
}
.basic-video__fallback-message {
  background-color: #ffffff;
  color: #000000;
  display: block;
  font-size: 1.8rem;
  height: auto;
  left: 50%;
  line-height: 2.5rem;
  margin: 0;
  padding: 6rem;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  z-index: 0;
}
.basic-video__controls {
  display: flex;
  position: absolute;
  right: 2rem;
  top: 2rem;
}
.basic-video__control {
  align-items: center;
  background-color: transparent;
  color: #ffffff;
  display: flex;
  height: 3rem;
  justify-content: center;
  margin-left: 1rem;
  width: 3rem;
}
.basic-video__control::before {
  content: "";
  font-family: "SDS";
  font-size: 1.5em;
  line-height: 1;
}
.basic-video__control--sound::before {
  content: "\e90d";
  font-size: 2.5em;
}
.basic-video__control--fullscreen::before {
  content: "\e963";
  font-weight: 700;
}
.basic-video.is-unmuted .basic-video__control--sound::before {
  content: "\e96b";
}
.basic-video.is-fullscreen .basic-video__control--fullscreen::before {
  content: "\e95c";
}

/*===== yeoman hook: content-modules/index.scss =====*/
.bento-box {
  margin-bottom: 12rem;
}
.bento-box__suptitle {
  font-family: "The Future";
  font-size: 1.4rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.3019607843);
  margin-bottom: 0.8rem;
  text-align: center;
}
.bento-box__headline {
  text-align: center;
  margin-bottom: 5.6rem;
}
.bento-box__bottom-text {
  font-family: "The Future";
  font-size: 1.8rem;
  font-weight: 400;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.3;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  color: #444444;
  margin-top: 5.6rem;
  text-align: center;
}
.bento-box__overlay-trigger, .bento-box__link {
  font-family: "The Future";
  font-size: 1.8rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.3;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  display: block;
  margin: 0.4rem auto 0;
  color: var(--theme-primary-color);
}
.bento-box__overlay-content {
  display: none;
}
.bento-box__overlay-list-item {
  display: flex;
  padding: 1.2rem;
  gap: 1.2rem;
  border-bottom: 1px solid var(--gray--100, #DDD);
}
.bento-box__overlay-list-item-left {
  flex: 0 0 2.2rem;
  width: 2.2rem;
  position: relative;
  top: 0.2rem;
}
.bento-box__overlay-list-item-left .icon {
  font-size: 2rem;
  color: var(--theme-primary-color);
}
.bento-box__overlay-list-item-title {
  font-family: "The Future";
  font-size: 1.8rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.2;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
.bento-box__overlay-list-item-text {
  font-family: "The Future";
  font-size: 1.6rem;
  font-weight: 400;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.2;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  margin-top: 0.6rem;
  color: #444444;
}
.bento-box__overlay-list-item-text:empty {
  display: none;
}
.bento-box__grid {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  grid-gap: 1.6rem;
}
.bento-box__box {
  min-width: 0;
  border-radius: 0.3rem;
  border: 1px solid var(--black--400-opacity-10, rgba(0, 0, 0, 0.1));
  background: rgba(255, 255, 255, 0.3);
  /* bento-light-bg-shadow-1 */
  box-shadow: 0px 9px 18px 0px rgba(0, 0, 0, 0.03);
  padding: 2.4rem;
  height: auto;
  min-height: 31.1rem;
  backface-visibility: hidden;
  transform: scaleY(1);
  display: flex;
  flex-direction: column;
}
.bento-box__box[data-width="3"] {
  grid-column: span 10;
}
.bento-box__box[data-width="4"] {
  grid-column: span 10;
}
.bento-box__box[data-width="5"] {
  grid-column: span 10;
}
.bento-box__box.no-pb {
  padding-bottom: 0;
}
.bento-box__box.no-pt {
  padding-top: 0;
}
.bento-box__box.image-top .bento-box__box-image {
  align-items: flex-start;
  order: 1;
}
.bento-box__box.image-center .bento-box__box-image {
  order: 3;
}
.bento-box__box.image-bottom .bento-box__box-image {
  order: 5;
  align-items: flex-end;
}
.bento-box__box.text-center {
  text-align: center;
}
.bento-box__box.text-right {
  text-align: right;
}
.bento-box__box-title {
  position: relative;
  font-family: "The Future";
  font-size: 2.2rem;
  font-weight: 700;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.1;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  order: 2;
}
.bento-box__box-subtitle {
  font-family: "The Future";
  font-size: 1.7rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.3;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  color: #757575;
  order: 4;
}
.bento-box__box-image {
  margin: 0 auto;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bento-box__box-image picture {
  width: 100%;
}
.bento-box__box-image picture img {
  mix-blend-mode: multiply;
}
.bento-box__overlay-list {
  max-width: 64.8rem;
  width: 100%;
}
.bento-box__overlay-list-item {
  padding: 1.6rem 1.2rem;
}
.bento-box__overlay-list-item-left .icon {
  font-size: 2rem;
}

@media (min-width: 992px) {
  .bento-box {
    margin-bottom: 16rem;
  }
  .bento-box__grid {
    display: grid;
    grid-template-columns: repeat(10, 1fr);
    grid-gap: 1.6rem;
  }
  .bento-box__box[data-width="3"] {
    grid-column: span 3;
  }
  .bento-box__box[data-width="4"] {
    grid-column: span 4;
  }
  .bento-box__box[data-width="5"] {
    grid-column: span 5;
  }
  .bento-box__overlay-list-item {
    padding: 2rem 2.4rem;
  }
  .bento-box__overlay-list-item-left .icon {
    font-size: 2.2rem;
  }
  .bento-box__overlay-list-item-title {
    font-family: "The Future";
    font-size: 2rem;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.2;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
  }
  .bento-box__overlay-list-item-text {
    font-family: "The Future";
    font-size: 1.7rem;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.3;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
    margin-top: 0.2rem;
  }
  .bento-box__overlay-list {
    width: 64.8rem;
  }
}
.card-deck {
  margin-bottom: 12rem;
}
.card-deck__title {
  text-align: center;
  margin-bottom: 1.6rem;
}
.card-deck__description {
  font-family: "The Future";
  font-size: 1.7rem;
  font-weight: 400;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.3;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  text-align: center;
  color: #444444;
  margin-bottom: 3.2rem;
}
.card-deck__main-content {
  position: relative;
}
.card-deck__cards {
  position: relative;
  width: 100%;
  height: 15.2rem;
}
.card-deck__cards.prev .card-deck__card--prev {
  transform: translateY(80%) scale(0.8);
  transition-duration: 0.15s;
}
.card-deck__card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  gap: 1.6rem;
  height: 11.2rem;
  padding: 0 1.6rem 0.8rem;
  border-radius: 1.2rem;
  color: var(--theme-button-color);
  transition: transform 0.3s ease;
  overflow: hidden;
  will-change: transform;
}
.card-deck__card--current {
  z-index: 3;
}
.card-deck__card > * {
  position: relative;
  z-index: 2;
  transition: opacity 0.3s ease;
}
.card-deck__card:before, .card-deck__card:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.card-deck__card:before {
  background-color: var(--theme-primary-color);
}
.card-deck__card:after {
  background-color: rgba(255, 255, 255, 0);
  transition: background-color 0.3s ease;
  pointer-events: none;
}
.card-deck__card--next {
  z-index: 2;
  transform: translateY(2.8rem) scale(0.9);
}
.card-deck__card--next:after {
  background-color: rgba(255, 255, 255, 0.2);
}
.card-deck__card--next > * {
  opacity: 0.8;
}
.card-deck__card--prev {
  transform: translateY(5.2rem) scale(0.8);
  z-index: 1;
}
.card-deck__card--prev:after {
  background-color: rgba(255, 255, 255, 0.4);
}
.card-deck__card--prev > * {
  opacity: 0.6;
}
.card-deck__card--move {
  animation: anim-next 0.3s ease 1 forwards;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}
@keyframes anim-next {
  0% {
    transform: translateY(0) scale(1);
    z-index: 3;
  }
  25% {
    z-index: 1;
  }
  50% {
    transform: translateY(-65%) scale(0.6);
    z-index: 1;
  }
  100% {
    transform: translateY(8rem) scale(0.8);
    z-index: 1;
  }
}
.card-deck__card--hidden {
  display: none;
}
.card-deck__card-text-large {
  font-family: "The Future";
  font-size: 5.2rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  font-size: 4.2rem;
}
.card-deck__card-text {
  font-family: "The Future";
  font-size: 1.6rem;
  font-weight: 400;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.15;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  font-size: 1.4rem;
}

@media (min-width: 992px) {
  .card-deck__description {
    font-family: "The Future";
    font-size: 2rem;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.3;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
    margin-bottom: 5.6rem;
  }
  .card-deck__cards {
    height: 29.3rem;
  }
  .card-deck__card {
    height: 16rem;
    padding: 0 2.4rem;
    border-radius: 2.4rem;
  }
  .card-deck__card--next {
    transform: translateY(7rem) scale(0.94);
  }
  .card-deck__card--prev {
    transform: translateY(14rem) scale(0.88);
  }
  .card-deck__card-text-large {
    font-family: "The Future";
    font-size: 9.6rem;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
  }
  .card-deck__card-text {
    max-width: 59rem;
    font-family: "The Future";
    font-size: 2rem;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.15;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
  }
  @keyframes anim-next {
    0% {
      transform: translateY(0) scale(1);
      z-index: 3;
    }
    25% {
      z-index: 1;
    }
    50% {
      transform: translateY(-65%) scale(0.6);
      z-index: 1;
    }
    100% {
      transform: translateY(14rem) scale(0.88);
      z-index: 1;
    }
  }
}
.certificates__title {
  margin-bottom: 3.2rem;
}
.certificates__items {
  border-radius: 0.3rem;
  background: var(--white, #FFF);
  border: 1px solid var(--black--400-opacity-7, rgba(0, 0, 0, 0.07));
  overflow: hidden;
}
.certificates__item {
  padding: 1.6rem 2.4rem 2.4rem;
  background-color: #ffffff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.0705882353);
}
.certificates__item:last-child {
  border-bottom: none;
}
.certificates__item-icon {
  width: 8rem;
  margin-bottom: 0.8rem;
}
.certificates__item-icon picture {
  width: 100%;
}
.certificates__item-icon picture img {
  width: 100%;
}
.certificates__item-text {
  font-family: "The Future";
  font-size: 1.7rem;
  font-weight: 400;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.3;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  color: var(--black--100, #444);
}

@media (min-width: 992px) {
  .certificates__item {
    display: flex;
    gap: 2.4rem;
    padding: 2.4rem;
  }
  .certificates__item-icon {
    flex: 0 0 13.2rem;
    width: 13.2rem;
    margin-bottom: 0;
  }
  .certificates__item-text {
    font-feature-settings: "dlig" on;
    font-family: "The Future";
    font-size: 2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
  }
}
.contact-block .form {
  margin-bottom: 5.6rem;
}
.contact-block .footer__contact-wrapper {
  border-right: none;
}
.contact-block .footer__contact-wrapper a {
  color: var(--theme-primary-color);
}
.contact-block .footer__contact-wrapper a:before, .contact-block .footer__contact-wrapper a:after {
  background-color: var(--theme-primary-color);
}
.contact-block__links-list {
  list-style: none;
  padding: 0;
  margin: 0 0 5.6rem;
}
.contact-block__links-list li > * {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.6rem 0.8rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1019607843);
  font-family: "The Future";
  font-size: 1.8rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.3;
}
.contact-block__links-list li > * .icon {
  font-size: 2.2rem;
}
.contact-block__links-list li > *:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 0;
  background-color: #181818;
  height: 2px;
  transition: width 0.3s ease;
}
.contact-block__links-list li > *:hover:after, .contact-block__links-list li > *:focus-visible:after {
  width: 100%;
}

@media (min-width: 992px) {
  .contact-block .form {
    margin-bottom: 0;
  }
}
.contacts-grid {
  margin-bottom: 12rem;
}
.contacts-grid .block-headline > * {
  text-align: left;
}
.contacts-grid__contacts {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 2.4rem 0.8rem;
}
.contacts-grid__contact-preview {
  min-width: 0;
  display: flex;
  flex-direction: column;
}
.contacts-grid__contact-preview .contacts-grid__contact-overlay-content {
  display: none;
}
.contacts-grid__contact-image {
  margin-bottom: 0.8rem;
}
.contacts-grid__contact-image picture img {
  border-radius: 0.3rem;
}
.contacts-grid__contact-image figcaption {
  display: none;
}
.contacts-grid__socials {
  margin-bottom: 0.4rem;
  display: flex;
  gap: 0.8rem;
  color: #444444;
}
.contacts-grid__socials .icon {
  font-size: 2.4rem;
}
.contacts-grid__socials a:focus-visible {
  color: #e54400;
}
.contacts-grid__contact-name {
  font-family: "The Future";
  font-size: 1.6rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.15;
  font-feature-settings: "dlig" off, "liga" off, "calt" off, "salt" off;
}
.contacts-grid__contact-position {
  font-family: "The Future";
  font-size: 1.5rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.15;
  font-feature-settings: "dlig" off, "liga" off, "calt" off, "salt" off;
  color: #919191;
  margin-bottom: 0.4rem;
}
.contacts-grid__contact-link {
  margin-top: auto;
  font-family: "The Future";
  font-size: 1.6rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.3;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  color: var(--theme-primary-color);
}

@media (min-width: 992px) {
  .contacts-grid {
    margin-bottom: 16rem;
  }
  .contacts-grid .block-headline {
    position: sticky;
    top: 14rem;
  }
  .contacts-grid__overlay .scroll-list__item-block--overlay {
    max-width: 80rem;
  }
  .contacts-grid__contacts {
    grid-gap: 3.2rem 1.6rem;
  }
  .contacts-grid__contact-image {
    margin-bottom: 1.2rem;
  }
  .contacts-grid__contact-name {
    font-family: "The Future";
    font-size: 2rem;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.3;
    font-feature-settings: "dlig" off, "liga" off, "calt" off, "salt" off;
  }
  .contacts-grid__contact-position {
    font-family: "The Future";
    font-size: 1.8rem;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.15;
    font-feature-settings: "dlig" off, "liga" off, "calt" off, "salt" off;
    margin-bottom: 1.2rem;
  }
  .contacts-grid__link {
    font-family: "The Future";
    font-size: 1.8rem;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.3;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
  }
}
.content-fader {
  margin-bottom: 16rem;
}
.content-fader__suptitle {
  font-family: "The Future";
  font-size: 1.4rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  color: rgba(0, 0, 0, 0.3019607843);
  margin-bottom: 0.8rem;
  text-transform: uppercase;
  text-align: center;
}
.content-fader__title {
  margin-bottom: 1.6rem;
  text-wrap: balance;
  text-align: center;
}
.content-fader__title em {
  color: var(--theme-primary-color);
}
.content-fader__description {
  font-family: "The Future";
  font-size: 1.7rem;
  font-weight: 400;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.3;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  color: #444444;
  text-align: center;
  margin: 0 auto;
}
.content-fader__content-wrapper {
  margin-top: 3.2rem;
  display: flex;
  flex-direction: column;
  gap: 3.2rem;
  padding: 0 2rem;
}
.content-fader__item-content-wrapper {
  color: #444444;
}
.content-fader__item-link {
  margin-top: 0.8rem;
}
.content-fader__images {
  position: relative;
  max-width: 100%;
  flex: 0 0 100%;
  width: 100%;
  aspect-ratio: 1/1;
}
.content-fader__image {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}
.content-fader__image.active {
  opacity: 1;
}
.content-fader__image figcaption {
  display: none;
}
.content-fader__image picture {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: stretch;
  justify-content: center;
}
.content-fader__image picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  border-radius: 0.3rem;
}
.content-fader__items {
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
  padding-left: 1.6rem;
}
.content-fader__item {
  --progress: 0%;
  position: relative;
}
.content-fader__item.active .content-fader__item-content-wrapper {
  display: grid;
  grid-template-rows: 1fr;
}
.content-fader__item:not(.active):before, .content-fader__item:not(.active):after {
  height: 0;
  transition: height 0.3s ease;
}
.content-fader__item:before, .content-fader__item:after {
  content: "";
  position: absolute;
  top: 0;
  left: -1.6rem;
  width: 0.4rem;
  border-radius: 999rem;
}
.content-fader__item:before {
  background-color: rgba(0, 0, 0, 0.1019607843);
  height: 100%;
}
.content-fader__item:after {
  background-color: var(--theme-primary-color);
  height: var(--progress);
}
.content-fader__item-headline {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}
.content-fader__item-title {
  font-family: "The Future";
  font-size: 2.4rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.1;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  margin-bottom: 0;
}
.content-fader__item-title:focus-visible {
  color: var(--theme-primary-color);
  text-decoration: 2px dashed underline;
}
.content-fader__item-badge {
  width: max-content;
  padding: 0.3rem 0.4rem 0.4rem 0.4rem;
  border-radius: 0.3rem;
  background: var(--theme-primary-color);
  color: var(--theme-button-color);
  backdrop-filter: blur(20px);
  font-family: "The Future";
  font-size: 1.2rem;
  font-weight: 700;
  font-style: normal;
  letter-spacing: 0.012rem;
  line-height: 1.15;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  text-transform: uppercase;
}
.content-fader__item-content-wrapper {
  position: relative;
  font-family: "The Future";
  font-size: 1.7rem;
  font-weight: 400;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.3;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  display: none;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.3s ease;
}
.content-fader__item-content-wrapper a {
  font-weight: 500;
  color: var(--theme-primary-color);
  text-decoration: underline;
}
.content-fader__item-content-wrapper a:after {
  content: " \e955";
  font-family: "SDS";
  line-height: 1;
  font-size: 1.8rem;
}
.content-fader__item-content-wrapper a:focus-visible {
  text-decoration: 2px dashed underline;
}
.content-fader__item-progress {
  content: "";
  position: absolute;
  left: -2rem;
  top: 0;
  width: 0.3rem;
  border-radius: 999rem;
  background-color: rgba(0, 0, 0, 0.1019607843);
  height: 100%;
  overflow: hidden;
}
.content-fader__item-progress span {
  width: 100%;
  display: block;
  background-color: #ffffff;
  height: var(--progress, 0%);
}
.content-fader__item-content {
  overflow: hidden;
}
.content-fader__item-content-inner {
  padding-top: 1.6rem;
}
.content-fader__bottom {
  font-family: "The Future";
  font-size: 1.7rem;
  font-weight: 400;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.3;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  color: #444444;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.4rem;
  margin-top: 3.2rem;
}
.content-fader__bottom a {
  color: var(--theme-primary-color);
  text-decoration: underline;
  font-weight: 500;
  font-family: "The Future";
  font-size: 1.6rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.3;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
.content-fader__bottom a:focus-visible {
  text-decoration: 2px dashed underline;
}
.content-fader__related-solutions {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.6rem;
  margin-top: 2rem;
  flex-wrap: wrap;
}
.content-fader__related-solution {
  padding: 0.6rem 0.8rem;
  display: flex;
  align-items: center;
  gap: 0.8rem;
  border-radius: 0.3rem;
  transition: background-color 0.3s ease;
}
.content-fader__related-solution img {
  flex: 0 0 3.2rem;
  width: 3.2rem;
}
.content-fader__related-solution span {
  font-family: "The Future";
  font-size: 1.7rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  text-transform: uppercase;
}
.content-fader__related-solution a {
  color: var(--theme-primary-color);
  text-decoration: underline;
  font-weight: 500;
  font-family: "The Future";
  font-size: 1.6rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.3;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
.content-fader__related-solution:hover, .content-fader__related-solution:focus, .content-fader__related-solution:active {
  background-color: rgba(0, 0, 0, 0.1019607843);
}
.content-fader--collage .content-fader__images {
  aspect-ratio: 1/1;
  background-color: var(--theme-primary-color);
  border-radius: 0.3rem;
  display: grid;
  grid-template-columns: 1fr 0.85fr;
  grid-template-rows: auto auto;
  grid-template-areas: "first second" "third second";
  gap: 1.4rem;
  min-height: 39rem;
  overflow: hidden;
  padding: 2.5rem;
  position: relative;
}
.content-fader--collage .content-fader__images .content-fader__collage-item {
  display: block;
  position: relative;
  transition: all 0.7s ease-in-out;
}
.content-fader--collage .content-fader__images .content-fader__collage-item-figure {
  border-radius: 0.3rem;
  height: 0;
  margin: 0;
  overflow: hidden;
  position: relative;
  transition: all 0.7s ease-in-out;
  width: 100%;
  z-index: 1;
}
.content-fader--collage .content-fader__images .content-fader__collage-item-figure video,
.content-fader--collage .content-fader__images .content-fader__collage-item-figure img {
  background-color: var(--theme-button-color);
  bottom: 0;
  left: 0;
  height: 100%;
  object-fit: cover;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}
.content-fader--collage .content-fader__images .content-fader__collage-item-figure--alt {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 0;
}
.content-fader--collage .content-fader__images .content-fader__collage-item--first {
  grid-area: first;
  margin: auto 0 0 auto;
  right: 0;
  transform: none;
  width: 100%;
}
.content-fader--collage .content-fader__images .content-fader__collage-item--first .content-fader__collage-item-figure--main {
  padding-top: 120%;
}
.content-fader--collage .content-fader__images .content-fader__collage-item--first .content-fader__collage-item-figure--alt img {
  object-fit: contain;
  padding: 1.6rem;
}
.content-fader--collage .content-fader__images .content-fader__collage-item--first:has(.content-fader__collage-item-figure--alt) .content-fader__collage-item-figure--main {
  opacity: 1;
  padding-top: 120%;
}
.content-fader--collage .content-fader__images .content-fader__collage-item--first:has(.content-fader__collage-item-figure--alt) .content-fader__collage-item-figure--alt {
  padding-top: 120%;
}
.content-fader--collage .content-fader__images .content-fader__collage-item--second {
  grid-area: second;
}
.content-fader--collage .content-fader__images .content-fader__collage-item--second .content-fader__collage-item-figure {
  height: 0;
  padding-top: 137.5%;
  top: 20%;
  transform: translateY(0);
}
.content-fader--collage .content-fader__images .content-fader__collage-item--second:has(.content-fader__collage-item-figure--alt) .content-fader__collage-item-figure--main {
  opacity: 1;
  padding-top: 137.5%;
  top: 20%;
  transform: translateY(0);
}
.content-fader--collage .content-fader__images .content-fader__collage-item--third {
  grid-area: third;
  margin: 0 0 0 auto;
  transform: none;
  width: 68%;
}
.content-fader--collage .content-fader__images .content-fader__collage-item--third .content-fader__collage-item-figure--main {
  padding-top: 100%;
}
.content-fader--collage .content-fader__images .content-fader__collage-item--third .content-fader__collage-item-figure--main img {
  object-fit: contain;
  padding: 1.6rem;
}
.content-fader--collage .content-fader__images .content-fader__collage-item--third .content-fader__collage-item-figure--alt {
  padding-top: 100%;
}
.content-fader--collage .content-fader__images .content-fader__collage-item--third:has(.content-fader__collage-item-figure--alt) .content-fader__collage-item-figure--main {
  opacity: 1;
  padding-top: 100%;
}
.content-fader--collage .content-fader__images .content-fader__collage-item--third:has(.content-fader__collage-item-figure--alt) .content-fader__collage-item-figure--alt {
  padding-top: 100%;
}
.content-fader--collage .content-fader__collage-item-container {
  inset: 0;
  position: absolute;
}
.content-fader--collage.animate .content-fader__images .content-fader__collage-item--first {
  right: calc(-68% - 1.4rem);
  width: 68%;
}
.content-fader--collage.animate .content-fader__images .content-fader__collage-item--first .content-fader__collage-item-figure--main {
  padding-top: 100%;
}
.content-fader--collage.animate .content-fader__images .content-fader__collage-item--first:has(.content-fader__collage-item-figure--alt) .content-fader__collage-item-figure--main {
  opacity: 0;
  padding-top: 100%;
}
.content-fader--collage.animate .content-fader__images .content-fader__collage-item--first:has(.content-fader__collage-item-figure--alt) .content-fader__collage-item-figure--alt {
  padding-top: 100%;
}
.content-fader--collage.animate .content-fader__images .content-fader__collage-item--second .content-fader__collage-item-figure {
  padding-top: 120%;
  top: calc(35.5% + 1.4rem);
}
.content-fader--collage.animate .content-fader__images .content-fader__collage-item--second:has(.content-fader__collage-item-figure--alt) .content-fader__collage-item-figure--main {
  opacity: 0;
  padding-top: 120%;
  top: calc(35.5% + 1.4rem);
}
.content-fader--collage.animate .content-fader__images .content-fader__collage-item--third {
  transform: translateY(-32%);
  width: 100%;
}
.content-fader--collage.animate .content-fader__images .content-fader__collage-item--third .content-fader__collage-item-figure--main {
  padding-top: 120%;
}
.content-fader--collage.animate .content-fader__images .content-fader__collage-item--third:has(.content-fader__collage-item-figure--alt) .content-fader__collage-item-figure--main {
  opacity: 0;
  padding-top: 120%;
}
.content-fader--collage.animate .content-fader__images .content-fader__collage-item--third:has(.content-fader__collage-item-figure--alt) .content-fader__collage-item-figure--alt {
  padding-top: 120%;
}

@media (min-width: 768px) {
  .content-fader--collage .content-fader__images {
    padding: 4rem;
  }
  .content-fader__content-wrapper {
    padding-left: 16rem;
    padding-right: 16rem;
  }
}
@media (min-width: 992px) {
  .content-fader.inverted .content-fader__content {
    order: 1;
  }
  .content-fader.inverted .content-fader__images {
    order: 2;
  }
  .content-fader__content-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 9.6rem;
    align-items: center;
    margin-top: 5.6rem;
    padding: 0;
  }
  .content-fader__description {
    font-family: "The Future";
    font-size: 2rem;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.3;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
    width: 90rem;
    margin: 0 auto;
  }
  .content-fader__images {
    flex: 0 0 59rem;
    width: 59rem;
    height: 59rem;
    max-width: 100%;
    order: 1;
  }
  .content-fader__image {
    position: absolute;
    left: 0;
    top: 0;
  }
  .content-fader__items {
    padding-left: 0;
  }
  .content-fader__content {
    flex: 0 0 51rem;
    width: 51rem;
    order: 2;
  }
  .content-fader__item-title {
    font-family: "The Future";
    font-size: 2.6rem;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.1;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
    cursor: pointer;
  }
  .content-fader__item-content-wrapper {
    font-family: "The Future";
    font-size: 1.8rem;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.3;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
  }
  .content-fader__bottom {
    font-family: "The Future";
    font-size: 1.8rem;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.3;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
    margin-top: 5.6rem;
  }
  .content-fader__bottom a {
    font-family: "The Future";
    font-size: 1.8rem;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.3;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
    font-weight: 500;
  }
}
.cta-banner {
  margin-bottom: 12rem;
}
.cta-banner__content {
  border: 1px solid rgba(0, 0, 0, 0.1019607843);
  border-left: none;
  border-right: none;
  padding: 2.4rem;
  text-align: center;
}
.cta-banner__text {
  gap: 0.8rem;
  margin-bottom: 2.4rem;
}
.cta-banner__headline {
  font-family: "The Future";
  font-size: 2.2rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.15;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  text-wrap: balance;
}
.cta-banner__description {
  font-family: "The Future";
  font-size: 1.7rem;
  font-weight: 400;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.3;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
.cta-banner__link .link,
.cta-banner__link .button {
  white-space: nowrap;
}
.cta-banner__link .link__label::before,
.cta-banner__link .link__label::after {
  content: none;
}
.cta-banner--theme-bg .cta-banner__content {
  background-color: var(--theme-primary-color);
  border: none;
  border-radius: 0.3rem;
  color: var(--theme-button-color);
  text-align: left;
}
.cta-banner--theme-bg .cta-banner__link .link,
.cta-banner--theme-bg .cta-banner__link .button {
  color: #181818;
}
.cta-banner--theme-bg .cta-banner__link .link::before,
.cta-banner--theme-bg .cta-banner__link .button::before {
  background-color: var(--theme-button-color);
}
.cta-banner--theme-bg .cta-banner__link .link::after,
.cta-banner--theme-bg .cta-banner__link .button::after {
  color: inherit;
}
.cta-banner--theme-bg .cta-banner__link .link:hover::before, .cta-banner--theme-bg .cta-banner__link .link:focus::before, .cta-banner--theme-bg .cta-banner__link .link:active::before,
.cta-banner--theme-bg .cta-banner__link .button:hover::before,
.cta-banner--theme-bg .cta-banner__link .button:focus::before,
.cta-banner--theme-bg .cta-banner__link .button:active::before {
  border-color: var(--theme-button-color);
}

@media (min-width: 992px) {
  .cta-banner {
    margin-bottom: 16rem;
  }
  .cta-banner__content {
    padding: 5.6rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8rem;
    text-align: left;
  }
  .cta-banner__text {
    margin-bottom: 0;
  }
  .cta-banner__headline {
    font-family: "The Future";
    font-size: 3.2rem;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.15;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
  }
  .cta-banner__description {
    font-family: "The Future";
    font-size: 2.2rem;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.3;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
  }
}
.double-image {
  margin-bottom: 12rem;
}
.double-image.portrait-right .double-image__landscape {
  margin-bottom: 3.2rem;
}
.double-image.portrait-right .double-image__portrait {
  margin-bottom: 0;
}
.double-image__image picture img {
  object-fit: cover;
  border-radius: 0.3rem;
}
.double-image__portrait {
  margin-bottom: 3.2rem;
}
.double-image__portrait picture img {
  aspect-ratio: 4/5;
}
.double-image__landscape picture img {
  aspect-ratio: 3/2;
}

@media (min-width: 992px) {
  .double-image {
    margin-bottom: 16rem;
  }
  .double-image__portrait, .double-image__landscape {
    margin-bottom: 3.2rem !important;
  }
}
.embed-form {
  margin-bottom: 12rem;
}
.embed-form__form form {
  background: transparent !important;
  display: flex;
  flex-direction: column;
  padding: 0 !important;
  gap: 2.4rem;
}
.embed-form__form label {
  color: inherit !important;
  font-family: "The Future" !important;
  font-size: 1.5rem !important;
  font-weight: 500 !important;
  font-style: normal !important;
  letter-spacing: normal !important;
  line-height: 1.2 !important;
  padding: 0 0.4rem !important;
  margin-bottom: 0.8rem !important;
}
.embed-form__form input[type=text],
.embed-form__form input[type=email],
.embed-form__form textarea,
.embed-form__form select {
  font-family: "The Future" !important;
  font-size: 1.6rem !important;
  font-weight: 500 !important;
  font-style: normal !important;
  letter-spacing: normal !important;
  line-height: 1.3 !important;
  resize: none;
  padding: 1rem 1.6rem !important;
  border-radius: 0.8rem !important;
  border: 1px solid var(--gray--100, #DDD) !important;
  background: var(--white, #FFF) !important;
  height: auto !important;
  color: inherit !important;
}
.embed-form__form input[type=text]::placeholder,
.embed-form__form input[type=email]::placeholder,
.embed-form__form textarea::placeholder,
.embed-form__form select::placeholder {
  color: #757575 !important;
  font-family: "The Future" !important;
  font-size: 1.6rem !important;
  font-weight: 500 !important;
  font-style: normal !important;
  letter-spacing: normal !important;
  line-height: 1.3 !important;
}
.embed-form__form input[type=text]:focus-visible,
.embed-form__form input[type=email]:focus-visible,
.embed-form__form textarea:focus-visible,
.embed-form__form select:focus-visible {
  border-color: #e54400 !important;
}
.embed-form__form button {
  max-width: unset !important;
  width: 100% !important;
  padding: 0.9rem 1.2rem 1.2rem !important;
  font-family: "The Future" !important;
  font-size: 1.6rem !important;
  font-weight: 500 !important;
  font-style: normal !important;
  letter-spacing: normal !important;
  line-height: 1 !important;
  background-color: var(--theme-primary-color) !important;
  color: var(--theme-button-color) !important;
  border-radius: 1.2rem !important;
  border: none !important;
  cursor: pointer !important;
}
.embed-form__form button:hover, .embed-form__form button:focus-visible {
  background-color: rgb(178, 52.8558951965, 0) !important;
}
.embed-form__form select {
  appearance: none;
  color: inherit !important;
}
.embed-form__form sugar-market-frontend-line-element {
  display: none;
}
.embed-form__form sugar-market-frontend-field-label > div {
  margin: 0 !important;
}
.embed-form__form .form-field-container {
  margin: 0 !important;
}
.embed-form__form .form-container__row,
.embed-form__form .form-container__column {
  gap: 2.4rem;
}

.theme--primary .embed-form__form input[type=text]:focus-visible,
.theme--primary .embed-form__form input[type=email]:focus-visible,
.theme--primary .embed-form__form textarea:focus-visible,
.theme--primary .embed-form__form select:focus-visible {
  border-color: #e54400 !important;
}
.theme--primary .embed-form__form button:hover, .theme--primary .embed-form__form button:focus-visible {
  background-color: rgb(178, 52.8558951965, 0) !important;
}

.theme--secondary .embed-form__form input[type=text]:focus-visible,
.theme--secondary .embed-form__form input[type=email]:focus-visible,
.theme--secondary .embed-form__form textarea:focus-visible,
.theme--secondary .embed-form__form select:focus-visible {
  border-color: #4298b8 !important;
}
.theme--secondary .embed-form__form button:hover, .theme--secondary .embed-form__form button:focus-visible {
  background-color: rgb(52.536, 120.992, 146.464) !important;
}

@media (min-width: 992px) {
  .embed-form {
    margin-bottom: 16rem;
  }
  .embed-form__form input[type=text],
  .embed-form__form input[type=email],
  .embed-form__form textarea,
  .embed-form__form select {
    font-size: 1.7rem !important;
  }
  .embed-form__form button {
    font-size: 1.8rem !important;
  }
}
.event-previews {
  margin-bottom: 12rem;
}
.event-previews:not(:has(.swiper .swiper-slide:nth-child(2))) .swiper-wrapper {
  justify-content: center;
}
.event-previews:not(:has(.swiper .swiper-slide:nth-child(2))) .video-stories__navigation {
  display: none;
}
.event-previews__suptitle {
  font-family: "The Future";
  font-size: 1.4rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.3019607843);
  margin-bottom: 0.8rem;
}
.event-previews__title {
  font-family: "The Future";
  font-size: 3.4rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.15;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  margin-bottom: 1.6rem;
}
.event-previews__description {
  font-family: "The Future";
  font-size: 1.7rem;
  font-weight: 400;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.3;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  color: #444444;
  margin-bottom: 3.2rem;
}
.event-previews .swiper {
  padding: 16rem 2.4rem;
  margin: -16rem 0;
}
.event-previews .swiper .swiper-wrapper .swiper-slide {
  box-sizing: border-box;
}
.event-previews .swiper:not(.swiper-initialized) .swiper-wrapper .swiper-slide {
  width: 70%;
  margin-right: 0.8rem;
}

@media (min-width: 768px) {
  .event-previews .swiper {
    padding-left: 14rem;
    padding-right: 14rem;
  }
}
@media (min-width: 992px) {
  .event-previews {
    margin-bottom: 16rem;
  }
  .event-previews:not(:has(.swiper .swiper-slide:nth-child(5))) .swiper-wrapper {
    justify-content: center;
  }
  .event-previews:not(:has(.swiper .swiper-slide:nth-child(5))) .video-stories__navigation {
    display: none;
  }
  .event-previews__suptitle {
    text-align: center;
  }
  .event-previews__title {
    text-align: center;
    font-family: "The Future";
    font-size: 4.6rem;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.1;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
  }
  .event-previews__description {
    text-align: center;
    font-family: "The Future";
    font-size: 2rem;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.3;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
    margin-bottom: 5.6rem;
  }
  .event-previews__grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 2.4rem;
  }
  .event-previews__grid-item {
    min-width: 0;
  }
  .event-previews .swiper {
    padding: 16rem 120px;
  }
  .event-previews .swiper:not(.swiper-initialized) .swiper-wrapper .swiper-slide {
    width: 25%;
    margin-right: 0.8rem;
  }
}
.faq input[type=checkbox] {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  width: 0;
  overflow: hidden;
}
.faq .icon-remove-circle {
  display: none;
}
.faq ul li > *:first-child {
  padding: 2.4rem 0;
}
.faq label {
  cursor: pointer;
  border-bottom: none !important;
}
.faq ul li {
  border-bottom: 1px solid var(--black--400-opacity-10, rgba(0, 0, 0, 0.1));
}
.faq ul li:has(input:checked) .icon-add-circle {
  display: none;
}
.faq ul li:has(input:checked) .icon-remove-circle {
  display: inline-block;
}
.faq ul li:has(input:checked) .faq__item-content-wrapper {
  grid-template-rows: 1fr;
}
.faq__item-headline-left {
  display: flex;
  align-items: flex-start;
  gap: 0.8rem;
}
.faq__item-headline-left picture {
  flex: 0 0 3.2rem;
  width: 3.2rem;
}
.faq__item-content-inner {
  font-family: "The Future";
  font-size: 1.7rem;
  font-weight: 400;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.35;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  color: #444444;
  padding-top: 0.8rem;
  padding-bottom: 3.2rem;
}
.faq__item-content-inner a {
  color: var(--theme-primary-color);
  text-decoration: underline;
}
.faq__item-content-wrapper {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.3s ease;
}
.faq__item-content {
  height: 100%;
  overflow: hidden;
}

@media (min-width: 992px) {
  .faq__item-content-inner {
    font-family: "The Future";
    font-size: 2rem;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.35;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
  }
  .faq__item-headline-left {
    gap: 1.2rem;
  }
  .faq__item-headline-left picture {
    flex: 0 0 5rem;
    width: 5rem;
  }
}
.features-list {
  margin-bottom: 12rem;
}
.features-list__suptitle {
  font-family: "The Future";
  font-size: 1.4rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  color: rgba(0, 0, 0, 0.3019607843);
  text-transform: uppercase;
  margin-bottom: 0.8rem;
}
.features-list__description {
  font-family: "The Future";
  font-size: 1.7rem;
  font-weight: 400;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.3;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  color: #444444;
  margin-top: 1.6rem;
}
.features-list__main {
  margin-top: 3.2rem;
}
.features-list__tabs {
  border-radius: 1.2rem;
  border: 1px solid var(--black--400-opacity-10, rgba(0, 0, 0, 0.1));
  background-color: #f6eade;
  width: 100%;
  margin-bottom: 2.4rem;
}
.features-list__tab {
  height: 3.8rem;
  width: 100%;
  font-family: "The Future";
  font-size: 1.6rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.45;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  color: var(--theme-primary-color);
}
.features-list__tab.active {
  border-radius: 1.2rem;
  background: var(--theme-primary-color);
  color: var(--theme-button-color);
}
.features-list__tab:focus-visible {
  border: 2px dashed;
  border-radius: 1.2rem;
}
.features-list__tab-content {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1.6rem;
}
.features-list__tab-content:not(.active) {
  display: none;
}
.features-list__tab-block {
  padding: 2.4rem;
  background-color: #ffffff;
  border-radius: 0.6rem;
  border: 1px solid var(--black--400-opacity-7, rgba(0, 0, 0, 0.07));
}
.features-list__tab-block-circle {
  width: 4.8rem;
  height: 4.8rem;
  margin-bottom: 1.6rem;
  border-radius: 100%;
  background-color: var(--theme-primary-color);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--theme-button-color);
}
.features-list__tab-block-circle .icon {
  font-size: 2.2rem;
}
.features-list__tab-block-circle .number {
  color: var(--white, #FFF);
  font-family: "The Future";
  font-size: 2.2rem;
  font-style: normal;
  font-weight: 700;
  line-height: 110%; /* 2.42rem */
}
.features-list__tab-block-title {
  font-family: "The Future";
  font-size: 2.2rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.1;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  height: 2em;
  display: flex;
  align-items: flex-end;
  margin-bottom: 0.4rem;
}
.features-list__tab-block-text {
  font-family: "The Future";
  font-size: 1.7rem;
  font-weight: 400;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.3;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  color: #444444;
  margin-bottom: 1.6rem;
}
.features-list__tab-block-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.features-list__tab-block-list li {
  display: flex;
  gap: 0.8rem;
  color: var(--theme-primary-color);
  padding: 1.6rem 0;
  border-bottom: 1px solid var(--gray--100, #DDD);
  font-family: "The Future";
  font-size: 1.6rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.25;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
.features-list__tab-block-list li:last-child {
  border-bottom: none;
}
.features-list__tab-block-list li .icon {
  font-size: 2rem;
  padding-top: 0.2rem;
}

@media (min-width: 992px) {
  .features-list {
    margin-bottom: 16rem;
  }
  .features-list__suptitle {
    text-align: center;
  }
  .features-list__title {
    text-align: center;
  }
  .features-list__description {
    font-family: "The Future";
    font-size: 2rem;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.3;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
    text-align: center;
  }
  .features-list__main {
    margin-top: 5.6rem;
  }
  .features-list__tabs {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 4.2rem;
    width: max-content;
    margin: 0 auto 3.2rem;
  }
  .features-list__tab {
    height: 100%;
    flex: 0 0 34rem;
    width: 34rem;
    font-family: "The Future";
    font-size: 1.7rem;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.45;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
    cursor: pointer;
  }
  .features-list__tab-block {
    min-width: 0;
    backface-visibility: hidden;
    transform: scaleY(1);
    will-change: box-shadow;
  }
  .features-list__tab-block:hover {
    box-shadow: 0px 42px 54px 0px rgba(0, 0, 0, 0.06);
  }
  .features-list__tab-content {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .features-list__tab-content:has(.features-list__tab-block:nth-child(4)) {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  .features-list__tab-block {
    padding: 3.2rem 2.4rem;
    border-radius: 0.3rem;
  }
  .features-list__tab-block-circle {
    width: 5.6rem;
    height: 5.6rem;
    margin-bottom: 1.2rem;
  }
  .features-list__tab-block-circle .icon {
    font-size: 2.6rem;
  }
  .features-list__tab-block-circle .number {
    font-family: "The Future";
    font-size: 2.2rem;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.1;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
  }
  .features-list__tab-block-title {
    font-family: "The Future";
    font-size: 2.6rem;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.1;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
  }
  .features-list__tab-block-text {
    font-family: "The Future";
    font-size: 1.8rem;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.3;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
    margin-bottom: 3.2rem;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .features-list__tab-block-list li {
    font-family: "The Future";
    font-size: 1.7rem;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.25;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
  }
}
.featured-posts {
  margin-bottom: 12rem;
}
.featured-posts__main-headline {
  display: flex;
  align-items: center;
  gap: 0.8rem;
}
.featured-posts__main {
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
  margin-bottom: 12rem;
}
.featured-posts__main-image {
  order: 2;
}
.featured-posts__main-image picture img {
  border-radius: 0.3rem;
  aspect-ratio: 366/512;
  object-fit: cover;
}
.featured-posts__main-content {
  order: 1;
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
}
.featured-posts__main-date {
  font-family: "The Future";
  font-size: 1.4rem;
  font-weight: 700;
  font-style: normal;
  letter-spacing: 0.014rem;
  line-height: 1.15;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.4);
}
.featured-posts__main-content-title {
  font-family: "The Future";
  font-size: 3.4rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.15;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  margin-bottom: 0;
  hyphens: auto;
}
.featured-posts__main-content-abstract {
  font-family: "The Future";
  font-size: 1.7rem;
  font-weight: 400;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.3;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  color: #444444;
}
.featured-posts__main-link {
  font-family: "The Future";
  font-size: 1.6rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.3;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
.featured-posts__suggested-title {
  font-family: "The Future";
  font-size: 3.4rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.15;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  margin-bottom: 1.6rem;
}
.featured-posts__single-post {
  padding: 2.4rem 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.0705882353);
}
.featured-posts__single-post-headline {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  margin-bottom: 0.8rem;
  text-transform: uppercase;
}
.featured-posts__single-post-date {
  font-family: "The Future";
  font-size: 1.4rem;
  font-weight: 700;
  font-style: normal;
  letter-spacing: 0.014rem;
  line-height: 1.15;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  color: rgba(0, 0, 0, 0.4);
}
.featured-posts__single-post-title {
  font-family: "The Future";
  font-size: 2rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.15;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  margin-bottom: 1.6rem;
}
.featured-posts__single-post-link {
  font-family: "The Future";
  font-size: 1.8rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.3;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
}

@media (min-width: 768px) {
  .featured-posts__main {
    margin-bottom: 8rem;
    flex-direction: row-reverse;
    align-items: center;
  }
  .featured-posts__main-image {
    flex: 0 0 50%;
    width: 50%;
  }
}
@media (min-width: 992px) {
  .featured-posts {
    margin-bottom: 6.4rem;
  }
  .featured-posts__main {
    flex-direction: row;
    gap: 5.6rem;
    margin-bottom: 0;
  }
  .featured-posts__main-image {
    order: 1;
    width: 38.3rem;
    flex: 0 0 38.3rem;
  }
  .featured-posts__main-image picture img {
    aspect-ratio: 383/536;
    border-radius: 0.3rem;
  }
  .featured-posts__main-content {
    order: 2;
    gap: 2.4rem;
  }
  .featured-posts__main-content-title {
    font-family: "The Future";
    font-size: 4.2rem;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.15;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
    margin-bottom: 0;
  }
  .featured-posts__main-content-abstract {
    font-family: "The Future";
    font-size: 2rem;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.25;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
  }
  .featured-posts__main-link {
    font-family: "The Future";
    font-size: 1.8rem;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.3;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
  }
  .featured-posts__suggested-title {
    font-family: "The Future";
    font-size: 2.8rem;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.15;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
    margin-bottom: 0.4rem;
  }
  .featured-posts__single-post-date {
    font-family: "The Future";
    font-size: 1.2rem;
    font-weight: 700;
    font-style: normal;
    letter-spacing: 0.012rem;
    line-height: 1.15;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
  }
  .featured-posts__single-post-title {
    margin-bottom: 1.4rem;
  }
  .featured-posts__single-post-link {
    font-family: "The Future";
    font-size: 1.6rem;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.3;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
  }
}
.highlight-kpis {
  margin-bottom: 12rem;
}
.highlight-kpis__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 3.2rem 0.8rem;
}
.highlight-kpis__item {
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.highlight-kpis__item-icon {
  margin-bottom: 1.6rem;
}
.highlight-kpis__item-icon img {
  width: 4rem;
  height: 4rem;
  object-fit: contain;
  object-position: center;
}
.highlight-kpis__item-headline {
  font-family: "The Future";
  font-size: 2.2rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.1;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  text-align: center;
  color: #181818;
  margin-bottom: 1.2rem;
}
.highlight-kpis__item-text {
  font-family: "The Future";
  font-size: 1.7rem;
  font-weight: 400;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.25;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  text-align: center;
  color: #444444;
}

@media (min-width: 992px) {
  .highlight-kpis {
    margin-bottom: 16rem;
  }
  .highlight-kpis__grid {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 3.2rem;
  }
  .highlight-kpis__item {
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .highlight-kpis__item-icon {
    margin-bottom: 2rem;
  }
  .highlight-kpis__item-icon img {
    width: 5rem;
    height: 5rem;
  }
  .highlight-kpis__item-headline {
    font-family: "The Future";
    font-size: 2.8rem;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.1;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
    color: #181818;
    text-align: left;
  }
  .highlight-kpis__item-text {
    text-align: left;
  }
}
.home-text-image {
  margin-bottom: 12rem;
}
.home-text-image__title {
  font-feature-settings: "dlig" on;
  font-family: "The Future";
  font-size: 2.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 115%; /* 2.99rem */
  hyphens: manual;
  -webkit-hyphens: manual;
  hyphenate-character: "";
  text-wrap: auto;
}
.home-text-image__image picture img {
  aspect-ratio: 366/512;
  object-fit: cover;
  border-radius: 0.3rem;
}
.home-text-image__link {
  font-family: "The Future";
  font-size: 1.6rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.3;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  margin-top: 1.6rem;
}
.home-text-image__text {
  color: var(--black--100, #444);
  font-kerning: none;
  font-feature-settings: "dlig" on;
  font-family: "The Future";
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 2.08rem */
  margin-top: 3.2rem;
  margin-bottom: 3.3rem;
}

@media (min-width: 992px) {
  .home-text-image {
    margin-bottom: 16rem;
  }
  .home-text-image__title {
    font-family: "The Future";
    font-size: 4rem;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.15;
  }
  .home-text-image__text {
    font-family: "The Future";
    font-size: 1.8rem;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.25;
    margin-left: 24.3rem;
    margin-top: 16rem;
    margin-bottom: 0;
    width: 46.9rem;
  }
}
._icon-tabs {
  background-color: var(--theme-primary-color);
  color: var(--theme-button-color);
  padding: 4rem 0;
  margin-bottom: 12rem;
}
._icon-tabs__label {
  font-family: "The Future";
  font-size: 1.4rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  color: rgba(255, 255, 255, 0.3019607843);
  text-transform: uppercase;
  margin-bottom: 0.8rem;
  text-align: center;
}
._icon-tabs__headline {
  font-family: "The Future";
  font-size: 3.4rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.15;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  text-align: center;
  text-wrap: balance;
  margin-bottom: 1.6rem;
}
._icon-tabs__subheadline {
  font-family: "The Future";
  font-size: 1.7rem;
  font-weight: 400;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.3;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  color: rgba(255, 255, 255, 0.8);
  text-align: center;
  margin-bottom: 3.2rem;
}
._icon-tabs__tabs-wrapper {
  display: flex;
  margin-bottom: 5.6rem;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid var(--black--400-opacity-10, rgba(0, 0, 0, 0.1));
  background: var(--white-opacity--30, rgba(255, 255, 255, 0.3));
  border-radius: 1.2rem;
}
._icon-tabs__tab {
  width: 50%;
  flex: 0 0 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.8rem;
  height: 3.2rem;
  border-radius: 1.2rem;
  position: relative;
  z-index: 1;
  cursor: pointer;
  font-family: "The Future";
  font-size: 1.4rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.45;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
._icon-tabs__tab.active {
  background: #ffffff;
  color: #181818;
  z-index: 2;
  cursor: default;
}
._icon-tabs__tab.active .amount {
  background-color: #000000;
}
._icon-tabs__tab .amount {
  border-radius: 99.9rem;
  background: var(--white-opacity--40, rgba(255, 255, 255, 0.4));
  width: 1.6rem;
  height: 1.6rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "The Future";
  font-size: 1.1rem;
  font-weight: 700;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.1;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  color: #ffffff;
}
._icon-tabs__tab-content-wrapper {
  overflow: hidden;
  height: calc(100% - 2px);
}
._icon-tabs__tab-content {
  display: none;
  grid-template-columns: 1fr 1fr;
}
._icon-tabs__tab-content.active {
  display: grid;
}
._icon-tabs__item {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  padding: 1.6rem 1.2rem;
  border-right: 1px solid var(--white-opacity--30, rgba(255, 255, 255, 0.3));
  border-bottom: 1px solid var(--white-opacity--30, rgba(255, 255, 255, 0.3));
}
._icon-tabs__item .icon {
  font-size: 2.8rem;
}
._icon-tabs__item:nth-child(2n) {
  border-right: none;
}
._icon-tabs__item-label {
  font-family: "The Future";
  font-size: 1.6rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.35;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  hyphens: auto;
}

@media (min-width: 992px) {
  ._icon-tabs {
    margin-bottom: 16rem;
    padding: 8rem 0;
  }
  ._icon-tabs__headline {
    font-family: "The Future";
    font-size: 4.6rem;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.1;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
  }
  ._icon-tabs__subheadline {
    font-family: "The Future";
    font-size: 2rem;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.3;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
  }
  ._icon-tabs__tabs-wrapper {
    display: flex;
    justify-content: center;
    margin-bottom: 5.6rem;
    width: max-content;
  }
  ._icon-tabs__tab {
    font-family: "The Future";
    font-size: 1.7rem;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.45;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
    width: 22.5rem;
    flex: 0 0 22.5rem;
    height: 4.2rem;
  }
  ._icon-tabs__tab .amount {
    width: 1.8rem;
    height: 1.8rem;
    font-family: "The Future";
    font-size: 1.2rem;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.1;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
  }
  ._icon-tabs__tab-content {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }
  ._icon-tabs__item {
    gap: 1.2rem;
    padding: 3.2rem 1.6rem;
    border-right: 1px solid var(--white-opacity--30, rgba(255, 255, 255, 0.3));
    border-bottom: 1px solid var(--white-opacity--30, rgba(255, 255, 255, 0.3));
  }
  ._icon-tabs__item .icon {
    font-size: 3.2rem;
  }
  ._icon-tabs__item:nth-child(2n) {
    border-right: 1px solid var(--white-opacity--30, rgba(255, 255, 255, 0.3));
  }
  ._icon-tabs__item:nth-child(5n) {
    border-right: none;
  }
  ._icon-tabs__item-label {
    font-family: "The Future";
    font-size: 2rem;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.35;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
  }
}
.image-list {
  margin-bottom: 12rem;
  --theme-primary-color: #b01478;
}
.image-list .services__title {
  margin-top: 0;
}
.image-list__image {
  margin: 3.2rem 0;
}
.image-list__image picture img {
  object-fit: cover;
  aspect-ratio: 712/623;
  border-radius: 0.3rem;
}
.image-list__link {
  display: flex;
  justify-content: center;
  margin-top: 1.6rem;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 992px) {
  .image-list {
    margin-bottom: 16rem;
  }
  .image-list__image {
    margin: 0;
  }
  .image-list__link {
    margin-top: 2rem;
    justify-content: flex-start;
  }
}
.image-slider {
  display: flex;
  flex-direction: column;
  margin-bottom: 8rem;
  overflow: hidden;
  padding-left: var(--grid-margin);
  padding-right: var(--grid-margin);
  position: relative;
}
.image-slider__slides {
  box-sizing: border-box;
}
.image-slider__slide {
  margin: 0;
  padding-bottom: 0;
  position: relative;
  width: auto;
}
.image-slider__slide img {
  height: 27rem;
  width: auto;
}
.image-slider__nav {
  display: none;
}
.image-slider__nav-next, .image-slider__nav-prev {
  background-color: var(--theme-primary-color);
  border-radius: 100%;
  color: #ffffff;
  cursor: pointer;
  height: 4rem;
  padding: 1rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 4rem;
  z-index: 1;
}
.image-slider__nav-next.swiper-button-disabled, .image-slider__nav-prev.swiper-button-disabled {
  display: none;
}
.image-slider__nav-next::before, .image-slider__nav-prev::before {
  align-items: center;
  content: "";
  display: flex;
  font-family: "SDS";
  font-size: 2rem;
  justify-content: center;
  line-height: 1.2;
}
.image-slider__nav-next {
  right: var(--grid-margin);
}
.image-slider__nav-next::before {
  content: "\e903";
}
.image-slider__nav-prev {
  left: var(--grid-margin);
}
.image-slider__nav-prev::before {
  content: "\e902";
}
.image-slider--shows-fullscreen .image-slider__slides,
.image-slider--shows-fullscreen .image-slider__slide.swiper-slide-active {
  transform: none !important;
  z-index: 100;
}
.image-slider--margin-none {
  margin-bottom: 0;
}
.image-slider--static .image-slider__slide img {
  height: auto;
  max-height: 27rem;
  object-fit: contain;
  object-position: top left;
  width: 100%;
}

@media (min-width: 768px) {
  .image-slider__nav {
    display: flex;
  }
  .image-slider__slide img {
    height: 52rem;
  }
  .image-slider--static .image-slider__container {
    margin: auto;
    width: 66.6666666667%;
  }
  .image-slider--static .image-slider__slide img {
    max-height: 52rem;
  }
}
@media (min-width: 992px) {
  .image-slider {
    margin-bottom: 6rem;
  }
  .image-slider--margin-none {
    margin-bottom: 0;
  }
  .image-slider--static .image-slider__container {
    width: 50%;
  }
}
.intro-items {
  margin-bottom: 12rem;
}
.intro-items.type-t-systems .intro-items__headline em, .intro-items.type-t-systems .intro-items__text em, .intro-items.type-t-systems .intro-items__list em {
  color: #e21774;
}
.intro-items.type-t-systems .intro-items__list {
  color: #e21774;
}
.intro-items__logo {
  margin-bottom: 2.4rem;
}
.intro-items__logo picture img {
  width: 16rem;
}
.intro-items__headline {
  font-family: "The Future";
  font-size: 3.4rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.15;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  margin-bottom: 1.6rem;
}
.intro-items__text {
  font-family: "The Future";
  font-size: 1.7rem;
  font-weight: 400;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.3;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  margin-bottom: 1.6rem;
}
.intro-items__text em {
  font-weight: 700;
  color: var(--theme-primary-color);
  font-style: normal;
}
.intro-items__list {
  list-style: none;
  padding: 0;
  color: var(--theme-primary-color);
  margin: 0;
}
.intro-items__list li {
  padding: 1.6rem 0;
  display: flex;
  gap: 0.8rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1019607843);
  font-family: "The Future";
  font-size: 1.7rem;
  font-weight: 400;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.3;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  font-weight: 700;
}
.intro-items__list li .icon {
  font-size: 1.6rem;
  padding-top: 0.3rem;
}
.intro-items__list li:last-child {
  border-bottom: none;
}

@media (min-width: 992px) {
  .intro-items {
    margin-bottom: 16rem;
  }
  .intro-items__headline {
    font-family: "The Future";
    font-size: 4.8rem;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.15;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
    margin-bottom: 2.4rem;
  }
  .intro-items__text {
    font-family: "The Future";
    font-size: 1.8rem;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.3;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
    margin-bottom: 0;
  }
  .intro-items__list {
    list-style: none;
    padding: 0;
    color: var(--theme-primary-color);
  }
  .intro-items__list li {
    font-family: "The Future";
    font-size: 2rem;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.25;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
  }
  .intro-items__list li .icon {
    font-size: 2rem;
    padding-top: 0.4rem;
  }
}
.keywords {
  margin-bottom: 12rem;
  padding-top: 4rem;
  background-color: #b01478;
  color: #ffffff;
  display: flex;
  align-items: center;
}
.keywords__title {
  font-family: "The Future";
  font-size: 3.4rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.15;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  margin-bottom: 1.6rem;
}
.keywords__description {
  font-family: "The Future";
  font-size: 1.7rem;
  font-weight: 400;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.3;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  margin-bottom: 3.2rem;
  color: rgba(255, 255, 255, 0.8);
}
.keywords__main {
  position: relative;
  aspect-ratio: 41/30;
}
.keywords__main:before, .keywords__main:after {
  content: "";
  position: absolute;
  left: 0;
  height: 33%;
  width: 100%;
  z-index: 2;
}
.keywords__main:before {
  background: linear-gradient(0deg, rgba(176, 20, 120, 0) 0%, #B01478 90%);
  top: 0;
}
.keywords__main:after {
  bottom: 0;
  background: linear-gradient(180deg, rgba(176, 20, 120, 0) 0%, #B01478 90%);
}
.keywords__content {
  color: var(--white-opacity--30, rgba(255, 255, 255, 0.3));
  font-family: "The Future";
  font-size: 2.7rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 6.3rem */
  height: 100%;
  overflow: hidden;
}
.keywords__content-group {
  animation: 20s vertical-anim linear infinite forwards;
}
.keywords__content-group p {
  white-space: nowrap;
}

@keyframes vertical-anim {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-100%);
  }
}
@media (min-width: 992px) {
  .keywords {
    margin-bottom: 16rem;
    position: relative;
    overflow: hidden;
    padding-top: 0;
  }
  .keywords:before, .keywords:after {
    content: "";
    position: absolute;
    left: 0;
    height: 33%;
    width: 100%;
    z-index: 2;
  }
  .keywords:before {
    background: linear-gradient(0deg, rgba(176, 20, 120, 0) 0%, #B01478 90%);
    top: 0;
  }
  .keywords:after {
    bottom: 0;
    background: linear-gradient(180deg, rgba(176, 20, 120, 0) 0%, #B01478 90%);
  }
  .keywords__left {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 1.6rem;
  }
  .keywords__title {
    font-family: "The Future";
    font-size: 4.8rem;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.15;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
    margin-bottom: 0;
  }
  .keywords__description {
    font-family: "The Future";
    font-size: 1.8rem;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.3;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
    margin-bottom: 0;
  }
  .keywords__content {
    font-size: 4.2rem;
  }
  .keywords__main {
    aspect-ratio: 400/530;
  }
  .keywords__main:before, .keywords__main:after {
    display: none;
  }
}
.keywords-with-title {
  --itemHeight: 3rem;
  margin-bottom: 12rem;
  background-color: var(--theme-primary-color);
  padding-bottom: 4rem;
}
.keywords-with-title__main {
  display: flex;
  align-items: center;
  gap: 1.6rem;
}
.keywords-with-title__label {
  font-kerning: none;
  font-feature-settings: "dlig" on;
  font-family: "The Future";
  font-size: 2.2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%; /* 7.02rem */
  color: var(--theme-button-color);
  height: var(--itemHeight);
  white-space: nowrap;
}
.keywords-with-title__phrases-wrapper {
  display: flex;
  flex-direction: column;
}
.keywords-with-title__phrases-wrapper span {
  display: flex;
  align-items: center;
  height: var(--itemHeight);
  flex: 0 0 var(--itemHeight);
}
.keywords-with-title__phrases {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  font-kerning: none;
  font-feature-settings: "dlig" on;
  font-family: "The Future";
  font-size: 2.2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%; /* 7.02rem */
  color: var(--theme-button-color);
  white-space: nowrap;
  height: calc(9 * var(--itemHeight));
  overflow: hidden;
}
.keywords-with-title__phrases:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(180deg, var(--theme-primary-color) 0%, var(--theme-primary-color) 10%, transparent calc(50% - 3rem), transparent calc(50% + 3rem), var(--theme-primary-color) 90%, var(--theme-primary-color) 100%);
  z-index: 10;
}
.keywords-with-title__right-text {
  font-family: "The Future";
  font-size: 1.7rem;
  font-weight: 400;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.3;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  color: rgba(255, 255, 255, 0.8);
}

@media (min-width: 768px) {
  .keywords-with-title {
    --itemHeight: 4.7rem;
  }
  .keywords-with-title__label, .keywords-with-title__phrases {
    font-size: 3.7rem;
  }
}
@media (min-width: 992px) {
  .keywords-with-title {
    --itemHeight: 7rem;
    padding-bottom: 2rem;
    padding-top: 2rem;
    margin-bottom: 16rem;
  }
  .keywords-with-title__right-text {
    font-family: "The Future";
    font-size: 1.8rem;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.3;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
  }
  .keywords-with-title__label, .keywords-with-title__phrases {
    font-size: 5.4rem;
  }
}
.latest-insights {
  width: 100%;
  overflow: hidden;
}
.latest-insights .swiper {
  width: calc(100% + 2 * var(--grid-margin));
  left: calc(-1 * var(--grid-margin));
  padding: 0 var(--grid-margin);
}

@media (min-width: 768px) {
  .latest-insights .swiper {
    width: calc(100% + 16rem);
    left: -8rem;
    padding: 0 8rem;
  }
}
@media (min-width: 992px) {
  .latest-insights .post-previews__grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 2.4rem;
  }
  .latest-insights .post-previews__item {
    min-width: 0;
  }
}
.links-list {
  margin-bottom: 12rem;
}
.links-list__headline {
  margin-bottom: 1.6rem;
}
.links-list__list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.links-list__list li {
  font-family: "The Future";
  font-size: 1.9rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.5;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  position: relative;
}
.links-list__list li > *:first-child {
  display: flex;
  align-items: center;
  gap: 2.4rem;
  padding: 1.6rem 0;
  border-bottom: 1px solid var(--black--400-opacity-10, rgba(0, 0, 0, 0.1));
}
.links-list__list li > *:first-child .icon {
  font-size: 2.2rem;
  margin-left: auto;
}
.links-list__list li a {
  position: relative;
}
.links-list__list li:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 2px;
  transition: width 0.3s ease;
  background-color: #181818;
}
.links-list__list li:has(a:focus-visible)::before, .links-list__list li:has(input:focus-visible)::before {
  width: 100%;
}
.links-list__hint {
  margin-top: 3.2rem;
  font-family: "The Future";
  font-size: 1.7rem;
  font-weight: 400;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.3;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
.links-list__hint a {
  position: relative;
  color: var(--theme-primary-color);
  text-decoration: underline;
  font-weight: 500;
}
.links-list__hint a:focus-visible {
  text-decoration: 2px dashed underline;
}

@media (min-width: 992px) {
  .links-list {
    margin-bottom: 16rem;
  }
  .links-list__headline {
    position: sticky;
    top: 3.2rem;
    padding-top: 3.2rem;
    padding-bottom: 20rem;
  }
  .links-list__list li {
    font-family: "The Future";
    font-size: 2.6rem;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.5;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
  }
  .links-list__list li > *:first-child {
    gap: 5.6rem;
    padding: 2.4rem 0;
  }
  .links-list__list li > *:first-child .icon {
    font-size: 2.4rem;
  }
  .links-list__list li:hover:before {
    width: 100%;
  }
  .links-list__hint {
    font-family: "The Future";
    font-size: 2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 110%; /* 2.2rem */
  }
}
.overlay-video-previews {
  margin-bottom: 12rem;
}
.overlay-video-previews .swiper {
  position: relative;
  left: -2.4rem;
  width: calc(100% + 4.8rem);
  padding: 0 2.4rem;
}
.overlay-video-previews .block-headline {
  text-align: center;
}

@media (min-width: 768px) {
  .overlay-video-previews .swiper {
    left: -14rem;
    width: calc(100% + 28rem);
    padding: 0 14rem;
  }
}
@media (min-width: 992px) {
  .overlay-video-previews {
    margin-bottom: 16rem;
  }
  .overlay-video-previews__grid {
    display: flex;
    justify-content: center;
    gap: 2.4rem;
  }
  .overlay-video-previews__grid > * {
    flex: 0 0 34.2rem;
    width: 34.2rem;
  }
}
.parallax-image-scroll-text {
  margin-bottom: 12rem;
  --theme-primary-color: #43a22a;
  --theme-secondary-color: rgb(16.75, 40.5, 10.5);
  --theme-button-color: #ffffff;
}
.parallax-image-scroll-text__main {
  margin: 3rem 0;
}
.parallax-image-scroll-text__title {
  margin-bottom: 1.6rem;
  text-align: center;
  width: 75%;
  margin-left: 12.5%;
}
.parallax-image-scroll-text__text {
  color: var(--black--100, #444);
  font-family: "The Future";
  font-size: 1.7rem;
  font-weight: 400;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.3;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  text-align: center;
}
.parallax-image-scroll-text__text strong {
  font-weight: 700;
}
.parallax-image-scroll-text__link {
  display: flex;
  justify-content: center;
  margin-top: 1.6rem;
}
.parallax-image-scroll-text__image img {
  width: 100%;
  height: 100%;
  overflow: hidden;
  object-fit: cover;
  object-position: center;
}
.parallax-image-scroll-text__image figcaption {
  display: none;
}
.parallax-image-scroll-text__image.top-right img {
  aspect-ratio: 20/28;
  transform: translateY(4rem);
}
.parallax-image-scroll-text__image.top-right .scroll-trigger {
  top: 4rem;
}
.parallax-image-scroll-text__image.top-left img {
  aspect-ratio: 41/26;
}
.parallax-image-scroll-text__image.bottom-left {
  margin-bottom: 1rem;
}
.parallax-image-scroll-text__image.bottom-left img {
  aspect-ratio: 41/23;
  transform: translateY(2rem);
}
.parallax-image-scroll-text__image.bottom-left .scroll-trigger {
  top: 2rem;
}
.parallax-image-scroll-text__image.bottom-right img {
  aspect-ratio: 31/25;
  transform: translateY(7rem);
}
.parallax-image-scroll-text__image.bottom-right .scroll-trigger {
  top: 7rem;
}
.parallax-image-scroll-text__image .scroll-trigger {
  position: absolute;
  left: 0;
}

@media (min-width: 992px) {
  .parallax-image-scroll-text {
    margin-bottom: 16rem;
  }
  .parallax-image-scroll-text__main {
    width: 72.2rem;
    margin: 5rem auto 9.6rem;
  }
  .parallax-image-scroll-text__title {
    width: 100%;
    margin-left: 0;
  }
  .parallax-image-scroll-text__text {
    font-family: "The Future";
    font-size: 1.8rem;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.25;
  }
  .parallax-image-scroll-text__image.top-right img {
    transform: translateY(9.6rem);
  }
  .parallax-image-scroll-text__image.top-right .scroll-trigger {
    top: 9.6rem;
  }
  .parallax-image-scroll-text__image.bottom-left {
    margin-bottom: 0;
  }
  .parallax-image-scroll-text__image.bottom-left img {
    transform: translateY(4rem);
  }
  .parallax-image-scroll-text__image.bottom-left .scroll-trigger {
    top: 4rem;
  }
  .parallax-image-scroll-text__image.bottom-right img {
    transform: translateY(14rem);
  }
  .parallax-image-scroll-text__image.bottom-right .scroll-trigger {
    top: 14rem;
  }
}
.partner-tabs {
  margin-bottom: 12rem;
}
.partner-tabs__tab-content:not(.active) {
  display: none;
}
.partner-tabs__tab-content .swiper {
  position: relative;
  left: -2.4rem;
  width: calc(100% + 4.8rem);
  padding: 0 2.4rem;
}

@media (min-width: 768px) {
  .partner-tabs__tab-content div[data-swiper-class=swiper-wrapper] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 2.4rem;
  }
  .partner-tabs__tab-content:not(.active) {
    display: none;
  }
}
@media (min-width: 992px) {
  .partner-tabs {
    margin-bottom: 16rem;
  }
  .partner-tabs__tab-content div[data-swiper-class=swiper-wrapper] {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  .partner-tabs__partner-wrapper {
    min-width: 0;
  }
}
.post-previews {
  margin-bottom: 12rem;
}
.post-previews__headline {
  margin-bottom: 1.6rem;
}
.post-previews__title {
  font-family: "The Future";
  font-size: 3.4rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.15;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  margin-bottom: 0;
}
.post-previews__grid {
  row-gap: 0.8rem;
}
.post-previews__read-more {
  display: inline-block;
  font-family: "The Future";
  font-size: 1.6rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.3;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  margin-top: 1.6rem;
}
.post-previews__read-more.desktop {
  display: none;
}

@media (min-width: 992px) {
  .post-previews {
    margin-bottom: 16rem;
  }
  .post-previews__headline {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 3.2rem;
  }
  .post-previews__title {
    font-family: "The Future";
    font-size: 4rem;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.15;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
  }
  .post-previews__read-more {
    margin-top: 0;
  }
  .post-previews__read-more.desktop {
    display: inline;
  }
}
.product-success-stories {
  margin-bottom: 12rem;
}
.product-success-stories .swiper {
  padding: 0 2.4rem;
  width: calc(100% + 4.8rem);
  position: relative;
  left: -2.4rem;
}
.product-success-stories__item {
  position: relative;
  height: 100%;
  width: 100%;
  aspect-ratio: 274/384;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-radius: 0.3rem;
}
.product-success-stories__item.white .product-success-stories__item-content {
  color: #ffffff;
}
.product-success-stories__item.black .product-success-stories__item-logo img {
  filter: invert(1);
}
.product-success-stories__item-category {
  padding: 1.2rem 1.2rem 0;
}
.product-success-stories__item-logo {
  display: flex;
  align-items: center;
  justify-content: center;
}
.product-success-stories__item-logo img {
  max-width: unset;
  width: auto;
  height: calc(4.2rem * var(--scale-size));
}
.product-success-stories__item-content {
  padding: 0 1.6rem 1.6rem;
}
.product-success-stories__item-title {
  display: inline;
  max-width: 100%;
  font-family: "The Future";
  font-size: 1.6rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.3;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
.product-success-stories__item-description {
  margin-top: 0.8rem;
  font-family: "The Future";
  font-size: 1.5rem;
  font-weight: 400;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.3;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

@media (min-width: 768px) {
  .product-success-stories__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, calc(50% - 1.2rem));
    grid-gap: 2.4rem;
    justify-content: center;
  }
}
@media (min-width: 992px) {
  .product-success-stories {
    margin-bottom: 18rem;
  }
  .product-success-stories__grid {
    grid-template-columns: repeat(auto-fit, 34.3rem);
  }
  .product-success-stories__item-wrapper {
    min-width: 0;
  }
  .product-success-stories__item-description {
    margin-top: 1.2rem;
    font-family: "The Future";
    font-size: 1.7rem;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.3;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
  }
  .product-success-stories__item-logo img {
    height: calc(4.8rem * var(--scale-size));
  }
}
.overlay.products-intro-overlay-mobile .overlay-footer {
  display: none;
}
.overlay.products-intro-overlay-mobile .overlay__content {
  padding-bottom: 2rem;
}

.products-intro {
  margin-bottom: 12rem;
}
.products-intro .block-headline {
  text-align: center;
}
.products-intro .block-headline h2 {
  text-wrap: balance;
}
.products-intro__product {
  border: 1px dashed transparent;
  transition: background-color 0.3s ease;
}
.products-intro__product:has(.products-intro__product-link:focus-visible) {
  background-color: #F0F0F2;
  border: 1px dashed;
}
.products-intro__product:has(.products-intro__product-link:focus-visible) .products-intro__product-image:after {
  opacity: 1;
}
.products-intro__product:has(.products-intro__product-link:focus-visible) .products-intro__product-app-icon-wrapper:before {
  filter: blur(32.6315803528px);
  opacity: 1;
}
.products-intro__product-tag {
  position: absolute;
  top: 1.6rem;
  left: 1.6rem;
  z-index: 2;
}
.products-intro__product-image {
  position: relative;
  margin-bottom: 2.4rem;
  aspect-ratio: 33.6/25;
  display: flex;
  align-items: center;
  justify-content: center;
  background-size: cover;
  background-position: center center;
  transition: background-color 0.3s ease;
}
.products-intro__product-image:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(50% 50% at 50% 50%, rgba(250, 247, 245, 0) 60%, #FAF7F5 100%);
  transition: opacity 0.3s ease;
}
.products-intro__product-image:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(50% 50% at 50% 50%, rgba(240, 240, 242, 0) 60%, #F0F0F2 100%);
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 1;
}
.products-intro__product-app-icon-wrapper {
  width: 7.6rem;
  height: 7.6rem;
  position: relative;
}
.products-intro__product-app-icon-wrapper--red:before {
  background: var(--cd--sp--400, #E54400);
}
.products-intro__product-app-icon-wrapper--blue:before {
  background: var(--cd--second--400, #4298B8);
}
.products-intro__product-app-icon-wrapper:before {
  content: "";
  border-radius: 1.1368rem;
  filter: blur(42.6315803528px);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  transition: 0.3s ease;
}
.products-intro__product-app-icon-wrapper picture {
  width: 100%;
}
.products-intro__product-app-icon-wrapper img {
  width: 100%;
  position: relative;
  z-index: 5;
}
.products-intro__product-info {
  padding: 0 1.6rem 1.6rem;
}
.products-intro__product-name {
  font-family: "The Future";
  font-size: 1.8rem;
  font-weight: 700;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.1;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  margin-bottom: 0.4rem;
}
.products-intro__product-description {
  font-family: "The Future";
  font-size: 1.6rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.25;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  color: #757575;
}
.products-intro__products-wrapper {
  display: flex;
  flex-direction: column;
}
.products-intro__product {
  width: 100%;
  padding-bottom: 2.4rem;
}
.products-intro__product:first-child {
  border-bottom: 1px solid var(--black--400-opacity-10, rgba(0, 0, 0, 0.1));
}
.products-intro__product-extensions {
  border: 1px dashed transparent;
  position: relative;
  width: 100%;
  padding: 0 1.6rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1.6rem;
  border-radius: 0.3rem;
  font-family: "The Future";
  font-size: 1.8rem;
  font-weight: 700;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.1;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
.products-intro__product-extensions .icon {
  font-size: 2rem;
  line-height: 1;
}
.products-intro__product-extensions-trigger {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.products-intro__product-extensions-trigger > span {
  text-transform: uppercase;
}
.products-intro__product-extensions:has(.products-intro__product-extensions-trigger:focus-visible) {
  border-color: #000000;
}
.products-intro__product-extensions-overlay-content {
  display: none;
  position: absolute;
  left: 100%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
}
.products-intro__product-extensions-overlay {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.2rem;
}
.products-intro__product-extensions-overlay-item {
  display: flex;
  padding: 1.2rem;
  align-items: flex-start;
  gap: 1.2rem;
  border-radius: 0.3rem;
  transition: background-color 0.3s ease;
}
.products-intro__product-extensions-overlay-item:focus-visible {
  background: var(--black--400-opacity-7, rgba(0, 0, 0, 0.07));
}
.products-intro__product-extensions-overlay-item-icon {
  flex: 0 0 4rem;
  width: 4rem;
}
.products-intro__product-extensions-overlay-item-name {
  font-family: "The Future";
  font-size: 1.5rem;
  font-weight: 700;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  margin-bottom: 0.4rem;
}
.products-intro__product-extensions-overlay-item-description {
  font-family: "The Future";
  font-size: 1.5rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.25;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  color: var(--gray--260, #757575);
  font-feature-settings: "dlig" on;
}

@media (max-width: 992px) {
  .products-intro__product-tag {
    font-family: "The Future";
    font-size: 1.4rem;
    font-weight: 700;
    font-style: normal;
    letter-spacing: 0.014rem;
    line-height: 1.15;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
    padding: 0.5rem 0.6rem 0.6rem 0.6rem;
  }
}
@media (min-width: 768px) {
  .products-intro__products-wrapper {
    flex-direction: row;
  }
  .products-intro__product {
    flex: 0 0 50%;
    width: 50%;
    padding-bottom: 5.6rem;
    border-top: 1px solid var(--black--400-opacity-10, rgba(0, 0, 0, 0.1));
  }
  .products-intro__product:first-child {
    border-bottom-color: transparent;
    border-right: 1px solid var(--black--400-opacity-10, rgba(0, 0, 0, 0.1));
  }
}
@media (min-width: 992px) {
  .products-intro {
    margin-bottom: 16rem;
  }
  .products-intro__product-image {
    margin-bottom: 1.6rem;
  }
  .products-intro__product-info {
    padding: 0 3.2rem 1.6rem;
  }
  .products-intro__product-app-icon-wrapper {
    width: 9rem;
    height: 9rem;
  }
  .products-intro__product-app-icon-wrapper:before {
    opacity: 0;
  }
  .products-intro__product-extensions-overlay {
    width: 33.6rem;
    padding: 0.8rem;
    border-radius: 0.3rem;
    background: rgba(255, 255, 255, 0.9);
    /* bgblur-shadow-2 */
    box-shadow: 0px 4.253px 18.607px 0px rgba(0, 0, 0, 0.09);
    backdrop-filter: blur(40px);
    backface-visibility: hidden;
    transform: scaleY(1);
  }
  .products-intro__product-extensions {
    width: calc(100% - 4rem);
    margin-left: 2rem;
    padding: 0.8rem 1.2rem;
  }
  .products-intro__product-extensions.hover .products-intro__product-extensions-overlay-content {
    display: block;
    opacity: 1;
    pointer-events: auto;
  }
}
@media (hover: hover) and (min-width: 768px) {
  .products-intro__product-extensions {
    cursor: pointer;
  }
  .products-intro__product-extensions:hover {
    background: var(--black--400-opacity-10, rgba(0, 0, 0, 0.1));
  }
  .products-intro__product-extensions-overlay-item:hover {
    background: var(--black--400-opacity-7, rgba(0, 0, 0, 0.07));
  }
  .products-intro__product {
    transition: background-color 0.3s ease;
  }
  .products-intro__product:hover {
    background-color: #F0F0F2;
  }
  .products-intro__product:hover .products-intro__product-image:after {
    opacity: 1;
  }
  .products-intro__product:hover .products-intro__product-app-icon-wrapper:before {
    filter: blur(32.6315803528px);
    opacity: 1;
  }
}
.quote-block {
  margin-bottom: 8rem;
}
.quote-block__quote {
  background-color: rgba(255, 255, 255, 0.8);
  border: 1px solid rgba(0, 0, 0, 0.0705882353);
  display: flex;
  flex-direction: column;
  gap: calc(var(--grid-gap) * 4);
  margin: 0;
  padding: calc(var(--grid-gap) * 6);
}
.quote-block__text {
  font-family: "The Future";
  font-size: 1.9rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.3;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
.quote-block__author {
  font-family: "The Future";
  font-size: 1.7rem;
  font-weight: 400;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.3;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
.quote-block__author strong {
  color: var(--theme-primary-color);
}
.quote-block__author strong::after {
  content: " – ";
  display: inline-flex;
  margin-left: 0.1em;
  margin-right: 0.1em;
}
.quote-block__image {
  margin: 0;
  padding: 0;
}
.quote-block__image picture {
  display: flex;
}
.quote-block__image figcaption {
  display: none;
}
.quote-block:has(.quote-block__image) .quote-block__text {
  grid-area: g_text;
}
.quote-block:has(.quote-block__image) .quote-block__author {
  grid-area: g_author;
}
.quote-block:has(.quote-block__image) .quote-block__image {
  grid-area: g_image;
}
.quote-block:has(.quote-block__image) .quote-block__quote {
  display: grid;
  grid-template-areas: "g_image g_author" "g_text g_text";
  padding: calc(var(--grid-gap) * 4);
}
.quote-block:has(.quote-block__image) .quote-block__author strong {
  display: block;
}
.quote-block:has(.quote-block__image) .quote-block__author strong::after {
  content: none;
}
.quote-block:has(.quote-block__image) footer {
  align-items: flex-end;
  display: flex;
  gap: calc(var(--grid-gap) * 4);
}
.quote-block--margin-none {
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .quote-block__quote {
    gap: calc(var(--grid-gap) * 2);
    padding: 4rem;
  }
  .quote-block__text {
    font-family: "The Future";
    font-size: 2.5rem;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.3;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
  }
  .quote-block__author {
    font-family: "The Future";
    font-size: 1.8rem;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.3;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
  }
  .quote-block:has(.quote-block__image) .quote-block__quote {
    grid-template-areas: "g_image g_text" "g_image g_author";
    padding: 4rem;
  }
}
@media (min-width: 992px) {
  .quote-block {
    margin-bottom: 6rem;
  }
  .quote-block--margin-none {
    margin-bottom: 0;
  }
}
.scroll-gallery {
  display: flex;
  gap: 1.6rem;
  width: 100%;
  overflow: hidden;
  margin-bottom: 12rem;
}
.scroll-gallery__group {
  display: flex;
  gap: 1.6rem;
}
.scroll-gallery__item {
  height: 28rem;
  width: 42rem;
  flex: 0 0 42rem;
  border-radius: 0.3rem;
}
.scroll-gallery__item picture {
  width: 100%;
  height: 100%;
}
.scroll-gallery__item picture img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.scroll-gallery__item--mono {
  width: 21.2rem;
  flex: 0 0 21.2rem;
  padding: 1.2rem;
  background-color: var(--theme-primary-color);
  color: var(--theme-button-color);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.scroll-gallery__item--mono .button {
  width: max-content;
}
.scroll-gallery__item-mono-title {
  font-family: "The Future";
  font-size: 1.9rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.1;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
}

@media (min-width: 992px) {
  .scroll-gallery {
    margin-bottom: 16rem;
  }
  .scroll-gallery__item {
    height: 50rem;
    width: 75rem;
    flex: 0 0 75rem;
  }
  .scroll-gallery__item--mono {
    width: 38rem;
    flex: 0 0 38rem;
    padding: 2.4rem;
  }
  .scroll-gallery__item-mono-title {
    font-family: "The Future";
    font-size: 3.4rem;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.1;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
  }
}
.scroll-list {
  margin-bottom: 12rem;
}
.scroll-list__image--desktop {
  display: none;
}
.scroll-list__image--mobile {
  margin-bottom: 3.2rem;
}
.scroll-list__image img {
  border-radius: 0.3rem;
}
.scroll-list__headline {
  margin-bottom: 3rem;
}
.scroll-list__items {
  display: flex;
  flex-direction: column;
  gap: 4.8rem;
}
.scroll-list__item {
  display: flex;
  flex-wrap: wrap;
  gap: 1.6rem;
}
.scroll-list__item-icon {
  width: 4.8rem;
  height: 4.8rem;
  flex: 0 0 4.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 1000rem;
  background: var(--theme-primary-color);
  color: var(--theme-button-color);
}
.scroll-list__item-icon .icon {
  font-size: 2.8rem;
}
.scroll-list__item-content {
  flex: 1 1 calc(100% - 6.4rem);
  width: calc(100% - 6.4rem);
}
.scroll-list__item-content-title {
  font-family: "The Future";
  font-size: 2.2rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.05;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  margin-bottom: 0.4rem;
}
.scroll-list__item-content-description {
  font-family: "The Future";
  font-size: 1.7rem;
  font-weight: 400;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.3;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  color: #222222;
}
.scroll-list__item-blocks {
  width: 100%;
  flex: 0 0 100%;
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
}
.scroll-list__item-block {
  display: flex;
  align-items: center;
  padding: 0.8rem 1.2rem 0.8rem 0.8rem;
  cursor: pointer;
  border-radius: 0.8rem;
  border: 1px solid rgba(0, 0, 0, 0.1019607843);
  background: #ffffff;
}
.scroll-list__item-block--overlay {
  flex-wrap: wrap;
  padding: 0;
  background-color: transparent;
  border: none;
  max-width: 64rem;
}
.scroll-list__item-block--overlay .scroll-list__item-block-overlay-content {
  display: block;
}
.scroll-list__item-block--overlay .scroll-list__item-block-overlay-trigger {
  display: none;
}
.scroll-list__item-block-image {
  width: 5.6rem;
  height: 5.6rem;
  flex: 0 0 5.6rem;
  margin-right: 1.6rem;
}
.scroll-list__item-block-image picture {
  width: 100%;
  height: 100%;
}
.scroll-list__item-block-image picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0.6rem;
}
.scroll-list__item-block-image figcaption {
  display: none;
}
.scroll-list__item-block-title {
  font-family: "The Future";
  font-size: 1.6rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.15;
  font-feature-settings: "dlig" off, "liga" off, "calt" off, "salt" off;
  margin-bottom: 0;
}
.scroll-list__item-block-subtitle {
  font-family: "The Future";
  font-size: 1.5rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.15;
  font-feature-settings: "dlig" off, "liga" off, "calt" off, "salt" off;
  color: #919191;
}
.scroll-list__item-block-overlay-trigger {
  margin-left: auto;
  font-family: "The Future";
  font-size: 1.6rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.3;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  color: var(--theme-primary-color);
}
.scroll-list__item-block-overlay-content {
  display: none;
  font-family: "The Future";
  font-size: 2.2rem;
  font-weight: 400;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.3;
  font-feature-settings: "dlig" off, "liga" off, "calt" off, "salt" off;
  color: #181818;
  margin-bottom: 3.2rem;
  flex: 0 0 100%;
}

@media (min-width: 992px) {
  .scroll-list {
    margin-bottom: 16rem;
  }
  .scroll-list__headline {
    margin-bottom: 5.6rem;
  }
  .scroll-list__image {
    position: sticky;
    top: 5.6rem;
  }
  .scroll-list__image--mobile {
    display: none;
  }
  .scroll-list__image--desktop {
    display: block;
  }
  .scroll-list__item-icon {
    width: 5.6rem;
    height: 5.6rem;
    flex: 0 0 5.6rem;
  }
  .scroll-list__item-icon .icon {
    font-size: 3.2rem;
  }
  .scroll-list__items {
    gap: 5.6rem;
  }
  .scroll-list__item {
    padding-bottom: 5.6rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1019607843);
  }
  .scroll-list__item:last-child {
    border-bottom: none;
    padding-bottom: 0;
  }
  .scroll-list__item-content {
    flex: 1 1 calc(100% - 7.2rem);
    width: calc(100% - 7.2rem);
  }
  .scroll-list__item-content-title {
    font-family: "The Future";
    font-size: 3.2rem;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.05;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
    margin-bottom: 1.2rem;
  }
  .scroll-list__item-content-description {
    font-family: "The Future";
    font-size: 1.8rem;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.3;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
    margin-bottom: 1.2rem;
  }
  .scroll-list__item-blocks {
    padding-left: 7.2rem;
  }
  .scroll-list__item-block {
    padding: 1.2rem 1.6rem;
  }
  .scroll-list__item-block:not(.scroll-list__item-block--overlay):hover {
    box-shadow: 0px 42px 54px 0px rgba(0, 0, 0, 0.06);
  }
  .scroll-list__item-block-image {
    width: 6.4rem;
    height: 6.4rem;
    flex: 0 0 6.4rem;
  }
  .scroll-list__item-block-title {
    font-family: "The Future";
    font-size: 2rem;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.3;
    font-feature-settings: "dlig" off, "liga" off, "calt" off, "salt" off;
  }
  .scroll-list__item-block-subtitle {
    font-family: "The Future";
    font-size: 1.8rem;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.15;
    font-feature-settings: "dlig" off, "liga" off, "calt" off, "salt" off;
  }
  .scroll-list__item-block-overlay-content {
    font-family: "The Future";
    font-size: 2.4rem;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.3;
    font-feature-settings: "dlig" off, "liga" off, "calt" off, "salt" off;
  }
}
.services {
  margin-bottom: 12rem;
}
.services__title {
  font-family: "The Future";
  font-size: 3.4rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.15;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  margin-bottom: 3.2rem;
}
.services__image picture img {
  aspect-ratio: 366/320;
  border-radius: 0.3rem;
  object-fit: cover;
}
.services__image figcaption {
  display: none;
}
.services__block {
  padding: 3.2rem 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1019607843);
}
.services__block:first-child:last-child {
  border-bottom: none;
  padding: 1.2rem 0 0 0;
}
.services__block-title {
  font-family: "The Future";
  font-size: 2.2rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.05;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  text-wrap: balance;
  margin-bottom: 1.2rem;
}
.services__block-description {
  font-family: "The Future";
  font-size: 1.7rem;
  font-weight: 400;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.3;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  color: #444444;
  margin-bottom: 1.2rem;
}
.services__block-link {
  margin-top: 2rem;
}

@media (min-width: 992px) {
  .services {
    margin-bottom: 16rem;
  }
  .services__title {
    font-family: "The Future";
    font-size: 4.8rem;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.15;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
    margin-top: 5.6rem;
    margin-bottom: 0;
  }
  .services__image {
    padding-top: 3.2rem;
    position: sticky;
    top: 10rem;
  }
  .services__image.mobile {
    display: none;
  }
  .services__block {
    padding: 5.6rem 0;
  }
  .services__block-title {
    font-family: "The Future";
    font-size: 3.2rem;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.05;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
  }
  .services__block-description {
    font-family: "The Future";
    font-size: 1.8rem;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.3;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
  }
}
.services-intro {
  margin-bottom: 12rem;
}
.services-intro__headline .block-headline {
  text-align: center;
}
.services-intro__grid .mega-menu__service {
  height: 100%;
  display: block;
  min-width: 0;
}
.services-intro__grid .mega-menu__service:not(:first-child) {
  border-top: none;
}
@media (min-width: 768px) and (max-width: 992px) {
  .services-intro__grid .mega-menu__service {
    border: none !important;
  }
}
@media (min-width: 768px) {
  .services-intro__grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    border: 1px solid var(--black--400-opacity-10, rgba(0, 0, 0, 0.1));
    border-radius: 0.3rem;
    overflow: hidden;
  }
  .services-intro__grid .mega-menu__service {
    border-top: none;
    border-bottom: none;
    border-left: none;
  }
}
@media (min-width: 992px) {
  .services-intro {
    margin-bottom: 16rem;
  }
  .services-intro__grid {
    width: calc(100% - 12rem);
    margin-left: 6rem;
  }
}
.simple-contact-preview__title {
  margin-bottom: 1.6rem;
}
.simple-contact-preview__grid {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 2.4rem;
}
.simple-contact-preview__grid:has(+ .simple-contact-preview__show-more) .simple-contact-preview__content:nth-child(n+3) {
  display: none;
}
.simple-contact-preview__content {
  min-width: 0;
  display: flex;
  gap: 2.4rem;
}
.simple-contact-preview__image {
  width: 11.8rem;
  flex: 0 0 11.8rem;
}
.simple-contact-preview__image picture img {
  aspect-ratio: 118/165;
  object-fit: cover;
  border-radius: 0.3rem;
}
.simple-contact-preview__name {
  font-family: "The Future";
  font-size: 1.7rem;
  font-weight: 400;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.3;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  font-weight: 700;
}
.simple-contact-preview__function {
  font-family: "The Future";
  font-size: 1.7rem;
  font-weight: 400;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.3;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
.simple-contact-preview__contact-links {
  margin: 1.6rem 0 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}
.simple-contact-preview__contact-links li a {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  font-family: "The Future";
  font-size: 1.6rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.3;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
.simple-contact-preview__contact-links li a .icon {
  font-size: 1.6rem;
}
.simple-contact-preview__social-media-links {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  gap: 1.2rem;
  margin-top: 1.6rem;
}
.simple-contact-preview__social-media-links li a {
  font-size: 2.2rem;
  color: #444444;
  text-decoration: none;
}
.simple-contact-preview__show-more {
  font-family: "The Future";
  font-size: 1.6rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.3;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  margin-top: 1.6rem;
}

@media (min-width: 992px) {
  .simple-contact-preview__title {
    margin-bottom: 3.2rem;
  }
  .simple-contact-preview__grid {
    grid-template-columns: 1fr 1fr;
  }
  .simple-contact-preview__name {
    font-family: "The Future";
    font-size: 1.8rem;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.3;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
    font-weight: 700;
  }
  .simple-contact-preview__function {
    font-family: "The Future";
    font-size: 1.8rem;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.3;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
  }
  .simple-contact-preview__contact-links li a {
    font-family: "The Future";
    font-size: 1.8rem;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.3;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
  }
  .simple-contact-preview__contact-links li a .icon {
    font-size: 2rem;
  }
  .simple-contact-preview__show-more {
    font-family: "The Future";
    font-size: 1.8rem;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.3;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
    margin-top: 3.2rem;
    cursor: pointer;
  }
}
.simple-download {
  padding: 2.4rem 1.6rem;
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  text-align: center;
}
.simple-download__filename {
  font-family: "The Future";
  font-size: 2.2rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.15;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  margin-bottom: 0.8rem;
}
.simple-download__file-info {
  font-family: "The Future";
  font-size: 1.7rem;
  font-weight: 400;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.3;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  color: #444444;
  text-transform: uppercase;
}
.simple-download__right {
  width: 100%;
  margin-top: 1.6rem;
}
.simple-download__right a {
  width: 100%;
  display: block;
  background-color: var(--theme-primary-color) !important;
  color: var(--theme-button-color) !important;
  text-decoration: none !important;
  font-family: "The Future";
  font-size: 1.6rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  padding: 0.9rem 1.2rem 1.2rem;
  border-radius: 1.2rem;
}

@media (max-width: 768px) {
  .simple-download__button {
    width: 100% !important;
  }
}
@media (min-width: 768px) {
  .simple-download {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 4rem 2.4rem;
    position: relative;
    gap: 4rem;
    text-align: left;
  }
  .simple-download__filename {
    font-family: "The Future";
    font-size: 2.8rem;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.15;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
  }
  .simple-download__file-info {
    font-family: "The Future";
    font-size: 2.2rem;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.3;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
  }
  .simple-download__right {
    margin-top: 0;
    width: max-content;
  }
  .simple-download__right a {
    font-family: "The Future";
    font-size: 1.8rem;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.2;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
    padding: 1.2rem 1.6rem 1.4rem;
    border-radius: 1.2rem;
  }
}
.simple-gallery-slider {
  margin-bottom: 7.2rem;
}
.simple-gallery-slider.start .simple-gallery-slider__navigation.prev {
  display: none;
}
.simple-gallery-slider.end .simple-gallery-slider__navigation.next {
  display: none;
}
.simple-gallery-slider .swiper {
  padding: 0 2.4rem;
}
.simple-gallery-slider .swiper .swiper-wrapper .swiper-slide {
  width: max-content;
}
.simple-gallery-slider .swiper .swiper-wrapper .swiper-slide img {
  height: 27.4rem;
  object-fit: cover;
  max-width: 36.6rem;
  border-radius: 0.3rem;
}
.simple-gallery-slider__navigation {
  display: none;
}

@media (min-width: 992px) {
  .simple-gallery-slider {
    margin-bottom: 6.4rem;
  }
  .simple-gallery-slider .swiper {
    padding: var(--grid-margin);
  }
  .simple-gallery-slider .swiper .swiper-wrapper .swiper-slide img {
    height: 64.4rem;
    max-width: 96.6rem;
  }
  .simple-gallery-slider__navigation {
    position: absolute;
    top: 50%;
    transform: translateY(-75%);
    width: 4rem;
    height: 4rem;
    border-radius: 100%;
    z-index: 20;
    background-color: var(--theme-primary-color);
    color: var(--theme-button-color);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
  }
  .simple-gallery-slider__navigation .icon {
    font-size: 2.4rem;
  }
  .simple-gallery-slider__navigation.prev {
    left: var(--grid-margin);
  }
  .simple-gallery-slider__navigation.next {
    right: var(--grid-margin);
  }
}
.solution-extensions {
  margin-bottom: 12rem;
}
.solution-extensions__suptitle {
  font-family: "The Future";
  font-size: 1.4rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  color: rgba(0, 0, 0, 0.3019607843);
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 0.8rem;
}
.solution-extensions__title {
  text-align: center;
  margin-bottom: 4rem;
}
.solution-extensions__grid {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1.6rem;
}
.solution-extensions__page-preview {
  min-width: 0;
  display: flex;
  flex-direction: column;
  border-radius: 0.3rem;
  border: 1px solid var(--black--400-opacity-10, rgba(0, 0, 0, 0.1));
  background: var(--gray--50, #F0F0F2);
  backface-visibility: hidden;
  transform: scaleY(1);
}
.solution-extensions__page-preview:has(a:focus-visible) {
  box-shadow: 0px 100px 80px 0px rgba(0, 0, 0, 0.07);
}
.solution-extensions__page-logo {
  position: relative;
  padding: 3.5rem 0 2.6rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background-size: cover;
  background-position: center center;
}
.solution-extensions__page-logo.securities-processing-2 picture:before {
  background: #800f0f;
}
.solution-extensions__page-logo.securities-processing-3 picture:before {
  background: #b01515;
}
.solution-extensions__page-logo.securities-processing-4 picture:before {
  background: #d82300;
}
.solution-extensions__page-logo.securities-processing-5 picture:before {
  background: #e36d00;
}
.solution-extensions__page-logo:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: radial-gradient(50% 50% at 50% 50%, rgba(242, 242, 242, 0) 60%, #F2F2F2 100%);
}
.solution-extensions__page-logo picture {
  position: relative;
  z-index: 1;
  width: 5.6em;
  flex: 0 0 5.6rem;
}
.solution-extensions__page-logo picture:before {
  content: "";
  border-radius: 1.1368rem;
  filter: blur(42.6315803528px);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.solution-extensions__page-preview-content {
  display: flex;
  flex-direction: column;
  padding: 0.8rem 1.6rem 1.6rem;
  flex: 1 1 auto;
}
.solution-extensions__page-title {
  font-family: "The Future";
  font-size: 2.4rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.1;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  margin-bottom: 0.2rem;
}
.solution-extensions__page-description {
  font-family: "The Future";
  font-size: 1.7rem;
  font-weight: 400;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.3;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  color: #666666;
  margin-bottom: 1.2rem;
}
.solution-extensions__page-link {
  font-family: "The Future";
  font-size: 1.6rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.3;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  margin-top: auto;
  color: var(--theme-primary-color);
}

@media (min-width: 768px) {
  .solution-extensions__grid {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 992px) {
  .solution-extensions__grid {
    grid-template-columns: 1fr 1fr;
  }
  .solution-extensions__page-preview-content {
    padding: 1rem 8rem 2.4rem 2.4rem;
  }
  .solution-extensions__page-logo {
    padding: 4.5rem 0 3.5rem;
  }
  .solution-extensions__page-logo picture {
    width: 7rem;
    flex: 0 0 7rem;
  }
  .solution-extensions__page-title {
    font-family: "The Future";
    font-size: 2.2rem;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.1;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
  }
  .solution-extensions__page-description {
    font-family: "The Future";
    font-size: 1.7rem;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.25;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
    margin-bottom: 1.6rem;
  }
}
@media (hover: hover) {
  .solution-extensions__page-preview {
    backface-visibility: hidden;
    transform: scaleY(1);
  }
  .solution-extensions__page-preview:hover {
    box-shadow: 0px 100px 80px 0px rgba(0, 0, 0, 0.07);
  }
  .solution-extensions__page-preview:hover .solution-extensions__page-logo picture:before {
    opacity: 1;
  }
}
.steps {
  margin-bottom: 12rem;
}
.steps__title {
  margin-bottom: 1.6rem;
}
.steps__description {
  font-family: "The Future";
  font-size: 1.7rem;
  font-weight: 400;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.3;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  color: #444444;
  margin-bottom: 3.2rem;
}
.steps__list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.steps__list-item {
  padding-bottom: 2.4em;
  border-bottom: 1px solid var(--black--400-opacity-10, rgba(0, 0, 0, 0.1));
}
.steps__list-item-headline {
  display: flex;
  align-items: center;
  gap: 1.2rem;
  padding: 1.6rem 0;
}
.steps__list-item-number {
  flex: 0 0 3.2rem;
  width: 3.2rem;
  height: 3.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "The Future";
  font-size: 1.9rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  border-radius: 100%;
  background-color: var(--theme-primary-color);
  color: var(--theme-button-color);
}
.steps__list-item-title {
  font-family: "The Future";
  font-size: 2.2rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.05;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
.steps__list-item-text {
  font-family: "The Future";
  font-size: 1.7rem;
  font-weight: 400;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.3;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  color: #444444;
}
.steps__list-item-text a {
  color: var(--theme-primary-color);
  text-decoration: underline;
  font-weight: 500;
}
.steps__list-item-text a:focus-visible {
  text-decoration: 2px dashed underline;
}

@media (min-width: 992px) {
  .steps {
    margin-bottom: 16rem;
  }
  .steps__title {
    position: sticky;
    top: 5.6rem;
    padding-bottom: 5.6rem;
    margin-bottom: 0;
  }
  .steps__description {
    font-family: "The Future";
    font-size: 2rem;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.3;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
    margin-bottom: 5.6rem;
  }
  .steps__list-item {
    padding-bottom: 3.2rem;
  }
  .steps__list-item-headline {
    gap: 1.6rem;
    margin-bottom: 1.2rem;
  }
  .steps__list-item-number {
    flex: 0 0 4rem;
    width: 4rem;
    height: 4rem;
    font-family: "The Future";
    font-size: 2.4rem;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
  }
  .steps__list-item-title {
    font-family: "The Future";
    font-size: 2.6rem;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.5;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
  }
  .steps__list-item-text {
    font-family: "The Future";
    font-size: 2rem;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.35;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
  }
}
.success-story-previews {
  margin-bottom: 12rem;
}
.success-story-previews__grid {
  row-gap: 0.8rem;
}

@media (min-width: 992px) {
  .success-story-previews {
    margin-bottom: 18rem;
  }
}
.text-block {
  margin-bottom: 8rem;
}
.text-block__text {
  font-family: "The Future";
  font-size: 1.7rem;
  font-weight: 400;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.3;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  color: #444444;
}
.text-block__text h1, .text-block__text h2, .text-block__text h3, .text-block__text h4, .text-block__text h5, .text-block__text h6 {
  color: #181818;
  margin: 1em 0;
}
.text-block__text h1, .text-block__text .h1 {
  font-family: "The Future";
  font-size: 3.6rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.15;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  margin: 0 0 calc(var(--grid-gap) * 2) 0;
}
.text-block__text h2, .text-block__text .h2 {
  font-family: "The Future";
  font-size: 2.2rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.15;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  margin: 0 0 1.6rem 0;
}
.text-block__text h3, .text-block__text .h3 {
  font-family: "The Future";
  font-size: 1.7rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.3;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
.text-block__text h4, .text-block__text .h4,
.text-block__text h5, .text-block__text .h5 {
  font-family: "The Future";
  font-size: 1.7rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.15;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  margin: 0 0 calc(var(--grid-gap) * 2) 0;
}
.text-block__text ul, .text-block__text ol {
  margin: 0 0 1em;
  padding-left: 1.6rem;
}
.text-block__text li {
  margin: calc(var(--grid-gap) * 4) 0;
}
.text-block__text li:first-child {
  margin-top: 0;
}
.text-block__text ul li::marker {
  color: var(--theme-primary-color);
}
.text-block__text ol {
  counter-reset: listCounter;
  list-style-type: none;
}
.text-block__text ol li {
  counter-increment: listCounter;
}
.text-block__text ol li::before {
  font-family: "The Future";
  font-size: 1.4rem;
  font-weight: 700;
  font-style: normal;
  letter-spacing: normal;
  line-height: 0.9;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  align-items: center;
  background-color: var(--theme-primary-color);
  border-radius: 100%;
  content: counter(listCounter);
  color: var(--theme-button-color);
  display: inline-flex;
  height: 2.4rem;
  justify-content: center;
  margin-left: -4rem;
  margin-right: 1.6rem;
  width: 2.4rem;
}
.text-block__text p {
  display: inline-block;
  margin: 0 0 1em;
  width: 100%;
}
.text-block__text p a {
  position: relative;
  hyphens: auto;
  -webkit-hyphens: auto;
}
.text-block__text strong, .text-block__text em {
  color: var(--theme-primary-color);
  font-weight: 500;
  font-style: normal;
}
.text-block__text img {
  height: auto;
  max-width: 100%;
}
.text-block__links {
  display: inline-flex;
  flex-wrap: wrap;
  margin-top: 1rem;
  gap: 0 1rem;
}
.text-block__link {
  display: inline-flex;
  margin-top: 1rem;
}
.text-block--margin-none {
  margin-bottom: 0;
}

.template-text_block:has(+ .template-text_block) .text-block {
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .text-block__text {
    font-family: "The Future";
    font-size: 2.2rem;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.3;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
  }
  .text-block__text h1, .text-block__text .h1 {
    font-family: "The Future";
    font-size: 4.6rem;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.1;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
  }
  .text-block__text h2, .text-block__text .h2 {
    font-family: "The Future";
    font-size: 2.8rem;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.15;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
  }
  .text-block__text h3, .text-block__text .h3 {
    font-family: "The Future";
    font-size: 2.2rem;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.3;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
  }
  .text-block__text h4, .text-block__text .h4,
  .text-block__text h5, .text-block__text .h5 {
    font-family: "The Future";
    font-size: 2rem;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.15;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
  }
  .text-block__text li {
    margin: calc(var(--grid-gap) * 2) 0;
  }
  .text-block__text ul, .text-block__text ol {
    padding-left: 3.2rem;
  }
  .text-block__text ol li::before {
    font-family: "The Future";
    font-size: 1.6rem;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: 0.9;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
  }
}
@media (min-width: 992px) {
  .text-block {
    margin-bottom: 6rem;
  }
  .text-block--margin-none {
    margin-bottom: 0;
  }
  .text-block__text p a:before, .text-block__text p a:after {
    height: 2px !important;
  }
  .template-text_block:has(+ .template-text_block) .text-block {
    margin-bottom: 0;
  }
}
.timeline {
  margin-bottom: 12rem;
}
.timeline__headline {
  margin-bottom: 4rem;
}
.timeline__item {
  display: flex;
  gap: 3rem;
  align-items: stretch;
}
.timeline__item:first-child .timeline__item-left, .timeline__item:last-child .timeline__item-left {
  padding-top: 0;
  padding-bottom: 2rem;
}
.timeline__item:first-child .timeline__item-left:before, .timeline__item:last-child .timeline__item-left:before {
  display: none;
}
.timeline__item-left {
  position: relative;
  height: auto;
  width: 1.8rem;
  padding: 4rem 0;
  flex: 0 0 1.8rem;
}
.timeline__item-left:before {
  content: "";
  position: absolute;
  width: 1.8rem;
  height: 1.8rem;
  background-color: var(--theme-primary-color);
  border-radius: 100%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.timeline__item-left:after {
  content: "";
  position: absolute;
  left: calc(50% - 1px);
  top: 0;
  height: 100%;
  width: 2px;
  background-color: var(--theme-primary-color);
}
.timeline__item-right {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 1rem 0;
}
.timeline__item-right strong {
  font-family: "The Future";
  font-size: 2.1rem;
  font-weight: 700;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.15;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  font-size: 1.8rem;
}
.timeline__item-right span {
  font-family: "The Future";
  font-size: 1.7rem;
  font-weight: 400;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.3;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  color: #444444;
}

@media (min-width: 992px) {
  .timeline {
    margin-bottom: 16rem;
  }
  .timeline__headline {
    padding-top: 3.2rem;
    position: sticky;
    top: 10rem;
    margin-bottom: 5.6rem;
    font-family: "The Future";
    font-size: 4.8rem;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.15;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
  }
  .timeline__item {
    gap: 6.2rem;
  }
  .timeline__item:first-child .timeline__item-left, .timeline__item:last-child .timeline__item-left {
    padding-bottom: 5rem;
  }
  .timeline__item-left {
    padding: 5rem 0;
  }
  .timeline__item-right strong {
    font-family: "The Future";
    font-size: 2.1rem;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.15;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
  }
}
.video-block {
  margin-bottom: 8rem;
}
.video-block--margin-none {
  margin-bottom: 0;
}

@media (min-width: 992px) {
  .video-block {
    margin-bottom: 6rem;
  }
  .video-block--margin-none {
    margin-bottom: 0;
  }
}
.video-stories {
  margin-bottom: 12rem;
}
.video-stories__suptitle {
  font-family: "The Future";
  font-size: 1.4rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.3019607843);
  margin-bottom: 0.8rem;
}
.video-stories__title {
  font-family: "The Future";
  font-size: 3.4rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.15;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  margin-bottom: 1.6rem;
}
.video-stories__description {
  font-family: "The Future";
  font-size: 1.7rem;
  font-weight: 400;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.3;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  color: #444444;
  margin-bottom: 3.2rem;
}
.video-stories__navigation {
  position: relative;
  z-index: 20;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  margin-bottom: 3.2rem;
}
.video-stories__nav-item {
  flex: 0 0 4rem;
  width: 4rem;
  height: 4rem;
  border-color: transparent;
  border-radius: 100%;
  background-color: var(--theme-primary-color);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.video-stories__nav-item.disabled, .video-stories__nav-item:disabled {
  background-color: #dddddd;
  cursor: no-drop;
}
.video-stories__nav-item .icon {
  color: var(--theme-button-color);
  font-size: 2.4rem;
}
.video-stories__nav-item:focus-visible {
  border-style: dashed;
  border-color: #444444;
}
.video-stories .swiper {
  padding: 0 2.4rem;
}
.video-stories .swiper.no-autoplay .swiper-pagination-bullet-active:before {
  transition: none;
}
.video-stories .swiper .swiper-wrapper .swiper-slide {
  box-sizing: border-box;
  border-radius: 0.3rem;
  overflow: hidden;
}
.video-stories__item {
  aspect-ratio: 38/63;
  display: flex;
  align-items: flex-end;
  padding: 2rem 1.6rem;
  cursor: pointer;
}
.video-stories__item:before {
  height: 30%;
}
.video-stories__item.clicked video {
  opacity: 1;
}
.video-stories__item.clicked .video-stories__item-caption {
  opacity: 0;
  pointer-events: none;
}
.video-stories__item.active .video-stories__item-caption {
  opacity: 0;
  pointer-events: none;
}
.video-stories__item.active .video-stories__item-toggle .icon::before {
  content: "\e9ae";
}
.video-stories__item-thumbnail {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.video-stories__item-thumbnail picture {
  width: 100%;
  height: 100%;
}
.video-stories__item-thumbnail picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.video-stories video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  object-fit: cover;
  opacity: 0;
}
.video-stories__item-bottom {
  position: relative;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.video-stories__item-caption {
  font-family: "The Future";
  font-size: 1.5rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.1;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  color: rgba(255, 255, 255, 0.6980392157);
}
.video-stories__item-toggle {
  flex: 0 0 4rem;
  width: 4rem;
  height: 4rem;
  border-radius: 100%;
  background-color: rgba(0, 0, 0, 0.3019607843);
  backdrop-filter: blur(20px);
  display: flex;
  align-items: center;
  justify-content: center;
}
.video-stories__item-toggle .icon {
  font-size: 2.4rem;
  color: #ffffff;
}
.video-stories__item-toggle:focus-visible {
  border-style: dashed;
  border-color: #ffffff;
}

@media (min-width: 992px) {
  .video-stories {
    margin-bottom: 16rem;
  }
  .video-stories__suptitle {
    text-align: center;
  }
  .video-stories__title {
    text-align: center;
    font-family: "The Future";
    font-size: 4.6rem;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.1;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
  }
  .video-stories__description {
    text-align: center;
    font-family: "The Future";
    font-size: 2rem;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.3;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
    margin-bottom: 5.6rem;
  }
  .video-stories .swiper {
    padding: 0 120px;
  }
  .video-stories__item {
    aspect-ratio: 266/441;
  }
  .video-stories__item-caption {
    font-family: "The Future";
    font-size: 1.7rem;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.1;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
  }
}
.white-paper-previews {
  margin-bottom: 12rem;
}
.white-paper-previews .swiper {
  width: calc(100% + 4.8rem);
  position: relative;
  left: -2.4rem;
  padding: 0 2.4rem;
}
.white-paper-previews .swiper .swiper-wrapper .swiper-slide {
  box-sizing: border-box;
}

@media (min-width: 768px) {
  .white-paper-previews__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 0.8rem;
  }
  .white-paper-previews__item {
    min-width: 0;
  }
}
@media (min-width: 992px) {
  .white-paper-previews {
    margin-bottom: 16rem;
  }
  .white-paper-previews__grid {
    grid-gap: 1.6rem;
  }
}
.wide-video {
  margin-bottom: 4rem;
}
.wide-video__video {
  position: relative;
  cursor: pointer;
}
.wide-video__video video {
  width: 100%;
  mix-blend-mode: multiply;
}
.wide-video__video:has(video.playing) .wide-video__toggle-icon .icon.icon-pause {
  display: inline;
}
.wide-video__video:has(video.playing) .wide-video__toggle-icon .icon.icon-play {
  display: none;
}
.wide-video__toggle-icon {
  position: absolute;
  left: 0;
  top: 4rem;
  width: 4rem;
  height: 4rem;
  background-color: #cbcbcb;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.wide-video__toggle-icon .icon {
  font-size: 2.4rem;
  color: #ffffff;
}
.wide-video__toggle-icon .icon.icon-pause {
  display: none;
}
.wide-video__toggle-icon:focus-visible {
  border: 2px dashed;
}

@media (min-width: 992px) {
  .wide-video {
    margin-bottom: 8rem;
  }
  .wide-video__video {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .wide-video__video video {
    aspect-ratio: 1/1;
    object-fit: contain;
    width: 85rem;
  }
}
.wysiwyg {
  font-family: "The Future";
  font-size: 1.7rem;
  font-weight: 400;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.3;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
.wysiwyg h2 {
  margin-bottom: 0;
}

@media (min-width: 992px) {
  .wysiwyg {
    font-family: "The Future";
    font-size: 2.2rem;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.3;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
  }
}
.insight-big-number {
  margin-bottom: 8rem;
}
.insight-big-number__container {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
  padding: 1.6rem;
  border-radius: 0.3rem;
  border: 1px solid var(--black--400-opacity-7, rgba(0, 0, 0, 0.07));
  background: var(--cd-deka--400, #4D7281);
  background-color: var(--theme-primary-color);
  color: var(--theme-button-color);
}
.insight-big-number__number {
  font-family: "The Future";
  font-size: 4.6rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.1;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
.insight-big-number__text {
  font-family: "The Future";
  font-size: 1.7rem;
  font-weight: 400;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.3;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
.insight-big-number__text strong {
  font-family: "The Future";
  font-size: 2.2rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.15;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
}

@media (min-width: 992px) {
  .insight-big-number {
    margin-bottom: 6rem;
  }
  .insight-big-number__container {
    padding: 3.2rem 4rem 5.6rem;
    gap: 2.4rem;
  }
  .insight-big-number__number {
    font-family: "The Future";
    font-size: 5.6rem;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.1;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
  }
  .insight-big-number__text {
    font-family: "The Future";
    font-size: 2.2rem;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.3;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
  }
  .insight-big-number__text strong {
    font-family: "The Future";
    font-size: 2.8rem;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.15;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
  }
}
.success-story-facts {
  margin-bottom: 8rem;
}
.success-story-facts__grid {
  display: grid;
  grid-template-columns: 1fr;
}
.success-story-facts__item {
  padding: 2.4rem;
  border-top: 1px solid var(--black--400-opacity-10, rgba(0, 0, 0, 0.1));
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}
.success-story-facts__item-label {
  font-family: "The Future";
  font-size: 4.6rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.1;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  color: var(--theme-primary-color);
}
.success-story-facts__item-text {
  font-family: "The Future";
  font-size: 1.7rem;
  font-weight: 400;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.3;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  color: var(--black--100, #444);
}

@media (min-width: 992px) {
  .success-story-facts {
    margin-bottom: 6rem;
  }
  .success-story-facts__grid {
    grid-template-columns: 1fr 1fr 1fr;
    border-top: 1px solid var(--black--400-opacity-10, rgba(0, 0, 0, 0.1));
  }
  .success-story-facts__item {
    padding: 2.4rem 4rem;
    min-width: 0;
    border-top: none;
  }
  .success-story-facts__item:not(:nth-child(3n)) {
    border-right: 1px solid var(--black--400-opacity-10, rgba(0, 0, 0, 0.1));
  }
  .success-story-facts__item-label {
    font-family: "The Future";
    font-size: 5.6rem;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.1;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
  }
  .success-story-facts__item-text {
    font-family: "The Future";
    font-size: 1.6rem;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.25;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
  }
}
.video-bento__overlay .overlay__content {
  padding-top: 4.9rem;
  padding-bottom: 5.8rem;
}
.video-bento__overlay .overlay__content-wrapper {
  background: #f9f7f5;
}
.video-bento__overlay-list {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.video-bento__overlay-list-item {
  padding: 2.4rem 1.2rem;
  min-width: 0;
  border-bottom: 1px solid #dddddd;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 0.6rem;
}
.video-bento__overlay-list-item:not(:has(.video-bento__overlay-list-item-title)) {
  justify-content: center;
}
@media (max-width: 992px) {
  .video-bento__overlay-list-item:nth-child(2n+1) {
    border-right: 1px solid #dddddd;
  }
  .video-bento__overlay-list-item:last-child {
    border-bottom: none;
  }
  .video-bento__overlay-list-item:has(+ *:last-child:nth-child(2n)) {
    border-bottom: none;
  }
}
.video-bento__overlay-list-item-title {
  font-family: "The Future";
  font-size: 1.8rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.2;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  text-align: center;
}
.video-bento__overlay-list-item-logo {
  height: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.video-bento__overlay-list-item-logo picture img {
  height: 3.5rem;
  width: auto;
  object-fit: contain;
  object-position: center;
  transform: scale(var(--item-logo-scale, 1));
}
.video-bento__bottom-logos {
  position: absolute;
  top: 100%;
  margin: 1.6rem auto 0;
  display: flex;
  align-items: center;
  gap: 4.8rem;
  overflow: hidden;
  width: 100%;
}
.video-bento__bottom-logos-row {
  flex: 1 0 auto;
  display: flex;
  align-items: center;
  gap: 4.8rem;
  animation: marquee-anim-logos 60s linear infinite forwards;
}
@keyframes marquee-anim-logos {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}
.video-bento__bottom-logo {
  flex: 1 0 auto;
}
.video-bento__bottom-logo picture img {
  height: calc(1.8rem * var(--item-logo-scale, 1));
  width: auto;
  object-fit: contain;
}

.video-bento .bento-box__box {
  padding: 3rem 0 1rem;
  background-color: #f3f3f3;
}
.video-bento .bento-box__box.text-center .bento-box__overlay-trigger {
  margin-left: auto;
  margin-right: auto;
}
.video-bento .bento-box__box.image-top .bento-box__box-title {
  margin-top: auto;
}
.video-bento .bento-box__box.image-center .bento-box__box-image {
  order: 3;
}
.video-bento .bento-box__box.image-center .bento-box__box-subtitle {
  margin-top: auto;
}
@media (max-width: 992px) {
  .video-bento .bento-box__box:has(.video-bento__bottom-logos) {
    margin-bottom: 4rem;
  }
}
.video-bento .bento-box__box-image {
  width: 100%;
}
.video-bento .bento-box__box-image video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.video-bento .bento-box__overlay-trigger {
  order: 99999;
  margin-left: 0;
  margin-right: 0;
}
.video-bento__box-text {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 2.4rem;
  display: flex;
  flex-direction: column;
  z-index: 10;
}

@media (min-width: 992px) {
  .video-bento__overlay .overlay__content {
    padding-top: 4.6rem;
    padding-bottom: 5.6rem;
  }
  .video-bento__overlay-list {
    width: 64.8rem;
    grid-template-columns: 1fr 1fr 1fr;
  }
  .video-bento__overlay-list-item:not(:nth-child(3n)) {
    border-right: 1px solid #dddddd;
  }
  .video-bento__overlay-list-item-title {
    font-family: "The Future";
    font-size: 2rem;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.2;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
  }
}
body:not(:has(.in-page-nav)) .breadcrumbs-wrapper {
  top: 6.6rem;
}

.breadcrumbs-wrapper {
  position: absolute;
  top: 11.8rem;
  left: 0;
  width: 100%;
}

.breadcrumb {
  font-family: "The Future";
  font-size: 1.6rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  color: #757575;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  overflow: hidden;
  padding-bottom: 0.4rem;
}
.breadcrumb .icon.icon-chevron-right {
  position: relative;
  top: 0.1rem;
}
.breadcrumb a {
  position: relative;
}
.breadcrumb a:focus-visible::after {
  background-color: transparent;
  border-bottom: 2px dashed var(--theme-primary-color);
  bottom: -0.5rem;
  content: "";
  display: block;
  height: 0;
  left: 0;
  position: absolute;
  transform: translateX(var(--currentItemOffset, 0));
  width: var(--currentItemWidth, 100%);
}

@media (min-width: 768px) {
  body:not(:has(.in-page-nav)) .breadcrumbs-wrapper {
    top: 7.4rem;
  }
  .breadcrumbs-wrapper {
    top: 11.4rem;
  }
}
@media (min-width: 992px) {
  body:not(:has(.in-page-nav)) .breadcrumbs-wrapper {
    top: 7.4rem;
  }
  .breadcrumbs-wrapper {
    top: 13.4rem;
  }
}
body.home .header:after {
  display: none;
}

.darken-page .header {
  transition: 0s;
  background: var(--cd-background-400, #F9F7F5);
}
.darken-page .header:after {
  background-color: transparent;
}

.header {
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100%;
  padding: 0 var(--grid-margin);
  transition: 0.3s ease;
}
.header:after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  height: 1px;
  background-color: rgba(0, 0, 0, 0.1);
  width: calc(100% - 2 * var(--grid-margin));
  bottom: 0;
  transition: 0.3s ease;
}
.header--unpinned:not(.header--mobile-menu-open) {
  transform: translateY(-5.3rem);
}
.header--not-top .in-page-nav__title {
  cursor: pointer;
}
.header--not-top {
  background: #ffffff;
}
.header--not-top:after {
  width: 100%;
}
.header--mobile-menu-open {
  background: var(--cd-background-400, #F9F7F5);
}
.header--mobile-menu-open .header__main-nav {
  background: var(--cd-background-400, #F9F7F5);
  transition: 0.3s ease 0s;
}
.header--mobile-menu-open .header__mobile-menu-trigger .icon-menu {
  display: none;
}
.header--mobile-menu-open .header__mobile-menu-trigger .icon-x-thin {
  display: inline;
}
.header__meta-menu-item-overlay {
  position: absolute;
  top: calc(100% + 2rem);
  left: 50%;
  transform: translateX(-50%);
  width: max-content;
  transition: opacity 0.3s ease;
  opacity: 0;
  pointer-events: none;
}
.header__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
.header__main-nav {
  padding: 1.1rem 0;
  z-index: 100;
  background: transparent;
  transition: 0.3s ease 0.3s;
}
.header__main-nav-navigation-wrapper {
  display: none;
}
.header__in-page-nav {
  z-index: 20;
}
.header__logo-wrapper {
  display: flex;
  position: relative;
}
.header__logo-wrapper:focus-visible::after {
  border: 2px dashed var(--theme-primary-color);
  content: "";
  display: block;
  inset: -1.8rem;
  position: absolute;
}
.header__mobile-menu-trigger {
  cursor: pointer;
  font-size: 2.8rem;
  line-height: 1;
}
.header__mobile-menu-trigger .icon-x-thin {
  display: none;
}
.header__mobile-menu-trigger:focus-visible {
  color: var(--theme-primary-color);
}
.header__meta-menu {
  display: none;
}

@media (min-width: 768px) {
  .header {
    padding: 0 8rem;
  }
}
@media (min-width: 992px) {
  .header {
    padding: 0 var(--grid-margin);
  }
  .header.no-in-page-nav .header__in-page-nav {
    display: none;
  }
  .header__main-nav {
    padding: 1.6rem 0;
  }
  .header__mobile-menu-trigger {
    display: none;
  }
  .header__main-nav-navigation-wrapper {
    display: flex;
    align-items: center;
    gap: 2.4rem;
  }
  .header__meta-menu {
    display: flex;
    align-items: center;
    gap: 2.4rem;
  }
  .header__meta-menu-item-overlay {
    display: none;
  }
  .header__meta-menu-item {
    position: relative;
    font-family: "The Future";
    font-size: 1.6rem;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
  }
  .header__meta-menu-item, .header__meta-menu-item > a {
    position: relative;
  }
  .header__meta-menu-item:focus-visible::after, .header__meta-menu-item > a:focus-visible::after {
    border-bottom: 2px dashed var(--theme-primary-color);
    bottom: -2rem;
    content: "";
    display: block;
    height: 0;
    left: 0;
    position: absolute;
    right: 0;
  }
  .header__meta-menu-item--icon {
    cursor: pointer;
    font-size: 2rem;
  }
  .header__meta-menu-item.opened .header__meta-menu-item-overlay {
    display: block;
    pointer-events: auto;
    opacity: 1;
  }
}
.header-navigation {
  display: none;
}

@media (min-width: 992px) {
  .header-navigation {
    display: block;
  }
  .header-navigation__level {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 2.4rem;
  }
  .header-navigation__level .menu-item {
    font-family: "The Future";
    font-size: 1.6rem;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
    color: var(--black--100, #444);
    font-feature-settings: "dlig" on;
    position: relative;
  }
  .header-navigation__level .menu-item > a {
    position: relative;
  }
  .header-navigation__level .menu-item > a:focus-visible {
    color: var(--theme-primary-color);
  }
  .header-navigation__level .menu-item > a:focus-visible::after {
    border-bottom: 2px dashed var(--theme-primary-color);
    bottom: -2rem;
    content: "";
    display: block;
    height: 0;
    left: 0;
    position: absolute;
    right: 0;
    width: 100%;
  }
}
body:has(.home-hero[data-current-theme=dark]):not(:has(.header--not-top)) .header__mobile-menu-trigger .icon-menu {
  color: #ffffff;
}
body:has(.home-hero[data-current-theme=dark]):not(:has(.header--not-top)) .header__logo-wrapper img {
  filter: brightness(100000);
}

.home-hero {
  position: relative;
  margin-top: -19.2rem;
  margin-bottom: 5.6rem;
}
.home-hero.manual .home-hero__background-slider-navigation-item {
  --slideProgress: 0 !important;
}
.home-hero.manual .home-hero__background-slider-navigation-item.active {
  --slideProgress: 1 !important;
}
.home-hero__next-event {
  align-items: flex-start;
  position: fixed;
  left: 1.2rem;
  bottom: 1.2rem;
  width: calc(100% - 2.4rem);
  padding: 1.2rem;
  display: flex;
  gap: 1.2rem;
  border-radius: 0.5rem;
  border: 1px solid var(--gray--100, #DDD);
  background: var(--white-opacity--80, rgba(255, 255, 255, 0.8));
  z-index: 999;
  /* bgblur-cursor */
  backdrop-filter: blur(10px);
  transition: transform 0.3s ease;
}
.home-hero__next-event.hidden, .home-hero__next-event.closed {
  transform: translateY(calc(100% + 1.2rem));
}
.home-hero__next-event-image {
  flex: 0 0 7.2rem;
}
.home-hero__next-event-image picture {
  width: 100%;
}
.home-hero__next-event-image picture img {
  width: 100%;
  aspect-ratio: 5/7;
  object-fit: cover;
}
.home-hero__next-event-content {
  flex: 1 1 auto;
  overflow: hidden;
}
.home-hero__next-event-top {
  display: flex;
}
.home-hero__next-event-date {
  margin-bottom: 0.8rem;
}
.home-hero__next-event-sup {
  display: block;
  font-family: "The Future";
  font-size: 1.1rem;
  font-weight: 700;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.15;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  text-transform: uppercase;
  color: var(--gray--250, #969696);
  font-feature-settings: "dlig" on;
  margin-bottom: 0.6rem;
}
.home-hero__next-event-title {
  display: block;
  font-family: "The Future";
  font-size: 1.9rem;
  font-weight: 700;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.15;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  align-self: stretch;
  text-overflow: ellipsis;
  margin-bottom: 0.8rem;
}
.home-hero__next-event-links {
  display: flex;
  gap: 1.6rem;
}
.home-hero__next-event-links a {
  font-family: "The Future";
  font-size: 1.4rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.3;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
.home-hero__next-event-hide {
  flex: 0 0 1.8rem;
  width: 1.8rem;
}
.home-hero__next-event-hide .icon {
  font-size: 1.8rem;
}
.home-hero__next-event-hide:focus-visible {
  border: 1px dashed #000000;
  color: #c44109;
}
.home-hero__background-slider {
  position: relative;
  width: 100%;
  aspect-ratio: 414/310;
  margin-bottom: 5.6rem;
  touch-action: pan-x;
}
.home-hero__background-slide {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.4s ease 0.2s;
}
.home-hero__background-slide.active {
  opacity: 1;
  visibility: visible;
  transition-delay: 0.2s;
}
.home-hero__background-slide video, .home-hero__background-slide picture, .home-hero__background-slide img {
  width: 100%;
  height: 100%;
}
.home-hero__background-slide video, .home-hero__background-slide img {
  object-fit: cover;
}
.home-hero__background-slider-navigation {
  position: absolute;
  left: 2.4rem;
  bottom: 2rem;
  display: flex;
  gap: 0.8rem;
  z-index: 100;
}
.home-hero__background-slider-navigation-item {
  flex: 1 0 0;
  display: flex;
  flex-direction: column-reverse;
  gap: 2.4rem;
  cursor: pointer;
  --slideProgress: 0;
}
.home-hero__background-slider-navigation-item:not(.active) .home-hero__background-slider-navigation-item-progress:after {
  opacity: 0.3;
}
.home-hero__background-slider-navigation-item:not(.active) .home-hero__background-slider-navigation-item-label {
  opacity: 0.3;
}
.home-hero__background-slider-navigation-item-progress {
  position: relative;
  width: 3.2rem;
  height: 0.6rem;
  overflow: hidden;
  border-radius: 10rem;
  transition: width 0.3s ease;
}
.home-hero__background-slider-navigation-item-progress:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  opacity: 0.3;
  z-index: 1;
}
.home-hero__background-slider-navigation-item-progress:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transform-origin: left center;
  transform: scaleX(var(--slideProgress, 0.5));
  background-color: #ffffff;
}
.home-hero__background-slider-navigation-item-label {
  font-family: "The Future";
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: 100%; /* 1.4rem */
  color: #ffffff;
}
.home-hero__overlays-wrapper {
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: auto;
}
.home-hero__overlay {
  padding-left: 2.4rem;
  padding-right: 2.4rem;
  grid-area: 1/1/1/1;
  transition: opacity 0.4s ease 0.2s;
}
.home-hero__overlay:not(.active) {
  opacity: 0;
  pointer-events: none;
  transition-delay: 0s;
}
.home-hero__overlay-title {
  text-wrap: balance;
  margin-bottom: 4rem;
}
.home-hero__overlay-links {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  margin-bottom: 4rem;
}
.home-hero__overlay-link:not(:has(.button)) {
  font-family: "The Future";
  font-size: 1.6rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.3;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
.home-hero__overlay-partners {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.home-hero__overlay-partners-title {
  color: var(--black--100, #444);
  font-family: "The Future";
  font-size: 1.4rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.15;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
.home-hero__overlay-partners-row-wrapper {
  position: relative;
  display: flex;
  gap: 4rem;
  overflow: hidden;
  width: calc(100% + 4.8rem);
  left: -2.4rem;
}
.home-hero__overlay-partners-row {
  display: flex;
  gap: 4rem;
  width: max-content;
  flex: 1 0 auto;
  animation: row-anim 60s linear infinite;
}
@keyframes row-anim {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
.home-hero__overlay-partner {
  transform-origin: center center;
  flex: 1 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.home-hero__overlay-partner picture img {
  height: calc(2.4rem * var(--scale-size, 1));
  width: auto;
  filter: brightness(0);
}

@media (max-width: 992px) {
  .home-hero__background-slider-navigation-item:not(.active) .home-hero__background-slider-navigation-item-progress {
    width: 0.6rem;
  }
  .home-hero__background-slider-navigation-item:not(.active) .home-hero__background-slider-navigation-item-label {
    display: none;
  }
  .home-hero__background-slider-navigation-item-label {
    position: absolute;
    bottom: calc(100% + 2rem);
    left: 0;
    white-space: nowrap;
  }
}
@media (min-width: 768px) {
  .home-hero__overlay {
    position: absolute;
    top: 14rem;
    left: 8rem;
    width: 67rem;
    z-index: 2;
    padding: 0;
  }
  .home-hero__overlay[data-current-theme=dark] .home-hero__overlay-title {
    color: #ffffff;
  }
  .home-hero__overlay[data-current-theme=dark] .home-hero__overlay-link {
    color: #ffffff;
  }
  .home-hero__overlay[data-current-theme=dark] .home-hero__overlay-link a {
    --underline-color: #ffffff;
  }
  .home-hero__overlay[data-current-theme=dark] .home-hero__overlay-partners-title {
    color: #ffffff;
  }
  .home-hero__overlay[data-current-theme=dark] .home-hero__overlay-partner picture img {
    filter: brightness(1);
  }
  .home-hero__background-slider-navigation {
    left: 8rem;
  }
  .home-hero__overlay-partners-row-wrapper {
    width: 45rem;
    left: 0;
  }
  .home-hero__next-event {
    width: calc((100% - 4rem) / 12 * 8);
    left: 50%;
    bottom: 2rem;
    transform: translateX(-50%);
  }
  .home-hero__next-event.hidden, .home-hero__next-event.closed {
    transform: translateY(calc(100% + 2rem)) translateX(-50%);
  }
}
@media (min-width: 992px) {
  body:has(.home-hero[data-current-theme=dark]):not(:has(.header--not-top)) .header-navigation__level .menu-item, body:has(.home-hero[data-current-theme=dark]):not(:has(.header--not-top)) .header__meta-menu {
    color: #ffffff;
  }
  .home-hero__background-slider {
    height: 85vh;
    aspect-ratio: auto;
    touch-action: auto;
  }
  .home-hero__background-slider-navigation {
    bottom: 2.4rem;
    left: 12rem;
    width: calc(100% - 24rem);
    gap: 2.4rem;
  }
  .home-hero__background-slider-navigation-item {
    display: flex;
    flex-direction: column;
    gap: 2.4rem;
  }
  .home-hero__background-slider-navigation-item-progress {
    width: 100%;
    height: 2px;
  }
  .home-hero__next-event {
    left: unset;
    right: 12rem;
    bottom: 10rem;
    width: 46.9rem;
    transform: none;
    padding: 0.9rem 1rem 1.2rem 1.2rem;
    gap: 2rem;
  }
  .home-hero__next-event.hidden, .home-hero__next-event.closed {
    transform: translateX(calc(100% + 12rem));
  }
  .home-hero__next-event-image {
    flex: 0 0 8.3rem;
    width: 8.3rem;
  }
  .home-hero__next-event-tag {
    margin-bottom: 1.2rem;
  }
  .home-hero__next-event-sup {
    font-family: "The Future";
    font-size: 1.2rem;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.15;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
    margin-bottom: 0.4rem;
  }
  .home-hero__next-event-title {
    margin-bottom: 1.2rem;
  }
  .home-hero__next-event-links a {
    font-family: "The Future";
    font-size: 1.6rem;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.3;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
  }
  .home-hero__next-event-hide {
    cursor: pointer;
  }
  .home-hero__background-image {
    aspect-ratio: unset;
    margin-bottom: 0;
    width: 100%;
    height: 100%;
  }
  .home-hero__overlay {
    top: calc(50% - 4.4rem);
    transform: translateY(-50%);
    left: 12rem;
    width: 71.2rem;
  }
  .home-hero__overlay[data-current-theme=dark] .home-hero__overlay-title {
    color: #ffffff;
  }
  .home-hero__overlay[data-current-theme=dark] .home-hero__overlay-link {
    color: #ffffff;
  }
  .home-hero__overlay[data-current-theme=dark] .home-hero__overlay-link a {
    --underline-color: #ffffff;
  }
  .home-hero__overlay[data-current-theme=dark] .home-hero__overlay-partners-title {
    color: #ffffff;
  }
  .home-hero__overlay[data-current-theme=dark] .home-hero__overlay-partner picture img {
    filter: brightness(1);
  }
  .home-hero__overlay-title {
    margin-bottom: 3.2rem;
  }
  .home-hero__overlay-links {
    display: flex;
    align-items: center;
    flex-direction: row;
    margin-bottom: 3.2rem;
    gap: 1.6rem;
  }
  .home-hero__overlay-partner picture img {
    height: calc(2.1rem * var(--scale-size, 1));
  }
  .home-hero__overlay-partners-row-wrapper {
    gap: 4.4rem;
    width: 75%;
    left: 0;
  }
  .home-hero__overlay-partners-row {
    gap: 4.4rem;
  }
}
@media (min-width: 1322px) {
  .home-hero__background-slider-navigation {
    left: 12rem;
    width: 95.8rem;
  }
  .home-hero__next-event {
    right: 2.4rem;
    bottom: 2.4rem;
  }
  .home-hero__next-event.hidden, .home-hero__next-event.closed {
    transform: translateX(calc(100% + 2.4rem));
  }
}
.intro {
  margin-bottom: 12rem;
  position: relative;
}
.intro--type-text {
  margin-bottom: 5.6rem;
}
.intro__inner-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.intro__headline {
  hyphens: manual;
  -webkit-hyphens: manual;
}
.intro__text {
  font-family: "The Future";
  font-size: 1.7rem;
  font-weight: 400;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.3;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  color: #444444;
}
.intro__ctas {
  align-items: center;
  display: inline-flex;
  flex-wrap: wrap;
  gap: 1.5rem 0;
  margin-top: calc(var(--grid-gap) * 8);
}
.intro__link {
  font-family: "The Future";
  font-size: 1.6rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.3;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  display: inline-flex;
  margin-right: 1.5rem;
}
.intro__link .link {
  color: #181818;
}
.intro__link .link__label::before, .intro__link .link__label::after {
  background-color: #181818;
}
.intro__figure {
  height: 0;
  margin: 0;
  padding-top: 140%;
  position: relative;
  width: 100%;
}
.intro__figure img,
.intro__figure video {
  bottom: 0;
  display: flex;
  height: 100%;
  left: 0;
  object-fit: cover;
  position: absolute;
  right: 0;
  top: 0;
}
.intro__collage {
  aspect-ratio: 0.93/1;
  display: grid;
  grid-template-columns: 1fr 0.76fr;
  grid-template-rows: auto auto;
  grid-template-areas: "first second" "third second";
  gap: 1.4rem;
  overflow: hidden;
  position: relative;
}
.intro__collage-item {
  display: block;
  position: relative;
}
.intro__collage-item-figure {
  background-color: var(--theme-primary-color);
  border-radius: 0.3rem;
  height: 0;
  margin: 0;
  overflow: hidden;
  position: relative;
  width: 100%;
  z-index: 1;
}
.intro__collage-item-figure video,
.intro__collage-item-figure img {
  bottom: 0;
  left: 0;
  height: 100%;
  object-fit: cover;
  position: absolute;
  right: 0;
  top: 0;
}
.intro__collage-item-figure--alt {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 0;
}
.intro__collage-item--first {
  grid-area: first;
  margin: auto 0 0 auto;
  width: 100%;
}
.intro__collage-item--first figure {
  margin: 0 auto 0 0;
  padding-top: 120%;
}
.intro__collage-item--first .intro__collage-item-figure--alt img {
  object-fit: contain;
  padding: 1.6rem;
}
.intro__collage-item--second {
  grid-area: second;
}
.intro__collage-item--second .intro__collage-item-figure {
  height: 0;
  padding-top: 137.5% !important;
  top: 20%;
}
.intro__collage-item--third {
  grid-area: third;
  margin: 0 0 0 auto;
  width: 68%;
}
.intro__collage-item--third .intro__collage-item-figure--main {
  padding-top: 100%;
}
.intro__collage-item--third .intro__collage-item-figure--main img {
  object-fit: contain;
  padding: 1.6rem;
}
.intro__collage-item--third .intro__collage-item-figure--alt {
  padding-top: 100%;
}
.intro__collage--animated .intro__collage-item--first {
  animation: collage-item-1 5s ease-in-out 5s infinite alternate;
}
.intro__collage--animated .intro__collage-item--first .intro__collage-item-figure--main {
  animation: collage-figure-1 5s ease-in-out 5s infinite alternate;
}
.intro__collage--animated .intro__collage-item--first:has(.intro__collage-item-figure--alt) .intro__collage-item-figure--main {
  animation: collage-figure-alt-1 5s ease-in-out 5s infinite alternate;
}
.intro__collage--animated .intro__collage-item--first:has(.intro__collage-item-figure--alt) .intro__collage-item-figure--alt {
  animation: collage-figure-1 5s ease-in-out 5s infinite alternate;
}
.intro__collage--animated .intro__collage-item--second .intro__collage-item-figure {
  animation: collage-figure-2 5s ease-in-out 5s infinite alternate;
}
.intro__collage--animated .intro__collage-item--second:has(.intro__collage-item-figure--alt) .intro__collage-item-figure--main {
  animation: collage-figure-alt-2 5s ease-in-out 5s infinite alternate;
}
.intro__collage--animated .intro__collage-item--third {
  animation: collage-item-3 5s ease-in-out 5s infinite alternate;
}
.intro__collage--animated .intro__collage-item--third .intro__collage-item-figure--main {
  animation: collage-figure-3 5s ease-in-out 5s infinite alternate;
}
.intro__collage--animated .intro__collage-item--third:has(.intro__collage-item-figure--alt) .intro__collage-item-figure--main {
  animation: collage-figure-alt-3 5s ease-in-out 5s infinite alternate;
}
.intro__collage--animated .intro__collage-item--third:has(.intro__collage-item-figure--alt) .intro__collage-item-figure--alt {
  animation: collage-figure-3 5s ease-in-out 5s infinite alternate;
}
.intro:not(.intro--type-text) .intro__inner-container {
  margin-bottom: 6rem;
}
.intro__figure:has(video[data-video-overlay]), .intro__collage-item-figure:has(video[data-video-overlay]) {
  cursor: pointer;
}
.intro__figure:has(video[data-video-overlay])::after, .intro__collage-item-figure:has(video[data-video-overlay])::after {
  align-items: center;
  background-color: var(--theme-primary-color);
  border-radius: 100%;
  color: var(--theme-button-color);
  content: "\e961";
  display: flex;
  font-family: "SDS";
  font-size: 2rem;
  height: 4rem;
  justify-content: center;
  left: 50%;
  pointer-events: none;
  position: absolute;
  text-indent: -0.15em;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 4rem;
}
.intro__figure:has(video[data-video-overlay]:focus-visible)::after, .intro__collage-item-figure:has(video[data-video-overlay]:focus-visible)::after {
  border: 2px dashed;
}
.intro__available-solutions {
  margin-top: 3.2rem;
}
.intro__available-solutions .content-fader__related-solutions {
  justify-content: flex-start;
}
.intro__available-solutions-title {
  font-family: "The Future";
  font-size: 1.4rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  margin-bottom: 1.2rem;
}
.intro .home-hero__overlay-partners {
  margin-top: 3.2rem;
}
.intro .home-hero__overlay-partners-row-wrapper:before, .intro .home-hero__overlay-partners-row-wrapper:after {
  display: none;
}
.intro .home-hero__overlay-partners-row {
  width: 100%;
  animation: none;
}
.intro .home-hero__overlay-partner {
  flex: 0 1 auto;
}

@media (max-width: 992px) {
  .intro .home-hero__overlay-partners-row-wrapper {
    width: 100%;
    left: 0;
  }
}
@media (min-width: 768px) {
  .intro__text {
    font-family: "The Future";
    font-size: 2rem;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.25;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
  }
  .intro__ctas {
    margin-top: calc(var(--grid-gap) * 4);
  }
  .intro__media-wrapper {
    display: flex;
    justify-content: center;
  }
  .intro__collage {
    min-height: 39rem;
    height: 65vmin;
  }
  .intro__figure:has(video[data-video-overlay])::after, .intro__collage-item-figure:has(video[data-video-overlay])::after {
    font-size: 3rem;
    height: 6rem;
    width: 6rem;
  }
}
@media (min-width: 992px) {
  .intro {
    margin-bottom: 6rem;
  }
  .intro__ctas {
    margin-top: calc(var(--grid-gap) * 2);
  }
  .intro__media-wrapper {
    justify-content: flex-end;
  }
  .intro__collage {
    height: min(65vmin, var(--grid-width) * 5);
    min-height: 52rem;
  }
  .intro--type-text {
    margin-bottom: 8rem;
  }
  .intro--type-text .intro__headline {
    font-family: "The Future";
    font-size: 6.4rem;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.15;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
  }
  .intro--type-text .intro__inner-container {
    flex-direction: row;
    gap: calc(8.3333333333% + 2rem);
  }
  .intro--type-text .intro__header {
    max-width: 41.6666666667%;
    flex: 0 0 41.6666666667%;
  }
  .intro--type-text .intro__text {
    font-family: "The Future";
    font-size: 2.2rem;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.35;
    font-feature-settings: "dlig" off, "liga" off, "calt" off, "salt" off;
  }
  .intro:not(.intro--type-text) .intro__inner-container {
    margin-bottom: 0;
  }
}
@media (min-width: 1200px) {
  .intro__collage {
    height: min(65vmin, var(--grid-width) * 6);
  }
}
.mobile-menu {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 50;
  width: 100%;
  padding: 5rem 2.4rem 6rem;
  height: 100dvh;
  overflow: auto;
  transform: translateY(calc(-100% - 6rem));
  transition: 0.3s ease;
  background: var(--cd-background-400, #F9F7F5);
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
.mobile-menu::-webkit-scrollbar {
  display: none;
}
.mobile-menu--visible {
  transform: translateY(0);
}
.mobile-menu__navigation {
  position: relative;
  z-index: 5;
}
.mobile-menu__navigation-level {
  list-style: none;
  padding: 0;
  margin: 0;
}
.mobile-menu__navigation-level .menu-item {
  font-family: "The Future";
  font-size: 2.2rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.35;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  padding: 2.4rem 0;
  border-bottom: 1px solid var(--black--400-opacity-10, rgba(0, 0, 0, 0.1));
}
.mobile-menu__navigation-level .menu-item:has(.mega-menu) {
  padding: 0;
}
.mobile-menu__navigation-level .menu-item:has(.mega-menu) > a {
  display: none;
}
.mobile-menu__navigation-level .menu-item:not(:has(.mega-menu)) {
  padding: 0;
  line-height: 1;
}
.mobile-menu__navigation-level .menu-item:not(:has(.mega-menu)) > a {
  display: block;
  width: 100%;
  padding: 2.4rem 0;
}
.mobile-menu__navigation-level .menu-item > a {
  color: #444444;
}
.mobile-menu__navigation-level .menu-item > a:focus-visible {
  color: var(--theme-primary-color);
}
.mobile-menu .mega-menu {
  position: relative;
  left: 0;
  transform: none;
  top: 0;
  opacity: 1;
  pointer-events: auto;
  box-shadow: none;
  background-color: transparent;
  width: 100%;
  padding: 0;
}
.mobile-menu .mega-menu__products-wrapper {
  display: none;
  overflow: hidden;
  grid-template-columns: 1fr;
  border: none;
}
.mobile-menu .mega-menu__product-wrapper {
  grid-template-columns: 1fr;
  border-bottom: 1px solid var(--black--400-opacity-10, rgba(0, 0, 0, 0.1));
  border-left: 1px solid var(--black--400-opacity-10, rgba(0, 0, 0, 0.1));
  border-right: 1px solid var(--black--400-opacity-10, rgba(0, 0, 0, 0.1));
}
.mobile-menu .mega-menu__product-wrapper:first-child {
  border-top: 1px solid var(--black--400-opacity-10, rgba(0, 0, 0, 0.1));
}
.mobile-menu .mega-menu__row {
  display: grid;
  grid-template-rows: max-content 0fr;
  transition: grid-template-rows 0.3s ease, padding-bottom 0.3s ease;
  overflow: hidden;
  margin-bottom: 0;
}
.mobile-menu .mega-menu__row:not(:last-child) {
  border-bottom: 1px solid var(--black--400-opacity-10, rgba(0, 0, 0, 0.1));
}
.mobile-menu .mega-menu__row.opened {
  padding-bottom: 2.4rem;
  grid-template-rows: max-content 1fr;
}
.mobile-menu .mega-menu__row.opened .mega-menu__products-wrapper,
.mobile-menu .mega-menu__row.opened .mega-menu__services-wrapper {
  display: grid;
}
.mobile-menu .mega-menu__row-headline {
  position: relative;
  color: var(--black--100, #444);
  font-feature-settings: "dlig" on;
  font-family: "The Future";
  font-size: 2.2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 100%; /* 2.2rem */
  margin-bottom: 0;
  padding: 2.4rem 0;
  display: flex;
  align-items: center;
  gap: 0.2rem;
}
.mobile-menu .mega-menu__row-headline:after {
  content: "\e942";
  font-family: "SDS" !important;
  position: relative;
  top: 0.4rem;
  font-size: 1rem;
  color: #444444;
}
.mobile-menu .mega-menu__row-headline:focus-visible {
  color: var(--theme-primary-color);
}
.mobile-menu .mega-menu__row-headline:focus-visible::after {
  color: var(--theme-primary-color);
}
.mobile-menu .mega-menu__product-wrapper--has-extensions > .mega-menu__product {
  border-bottom: 1px solid var(--black--400-opacity-10, rgba(0, 0, 0, 0.1));
}
.mobile-menu .mega-menu__product-extensions-headline {
  display: none;
}
.mobile-menu .mega-menu__services-wrapper {
  border: none;
  display: none;
  grid-template-columns: 1fr;
}
.mobile-menu .mega-menu__service {
  border-right: none;
  border-left: 1px solid var(--black--400-opacity-10, rgba(0, 0, 0, 0.1));
  border-right: 1px solid var(--black--400-opacity-10, rgba(0, 0, 0, 0.1));
  border-bottom: 1px solid var(--black--400-opacity-10, rgba(0, 0, 0, 0.1));
}
.mobile-menu .mega-menu__service:first-child {
  border-top: 1px solid var(--black--400-opacity-10, rgba(0, 0, 0, 0.1));
}
.mobile-menu .mega-menu__service:last-child {
  border-left: 1px solid var(--black--400-opacity-10, rgba(0, 0, 0, 0.1));
  border-right: 1px solid var(--black--400-opacity-10, rgba(0, 0, 0, 0.1));
}
.mobile-menu__bottom-items {
  color: var(--black--100, #444);
  font-feature-settings: "dlig" on;
  font-family: "The Future";
  font-size: 2.2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 100%; /* 2.2rem */
  list-style: none;
  margin: 0;
  padding: 0;
}
.mobile-menu__bottom-items li {
  padding: 0;
  border-bottom: 1px solid var(--black--400-opacity-10, rgba(0, 0, 0, 0.1));
}
.mobile-menu__bottom-items li > * {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 2.4rem 0;
}
.mobile-menu__bottom-items li > * .icon {
  font-size: 2.2rem;
}
.mobile-menu__bottom-items li a:focus-visible {
  color: var(--theme-primary-color);
}

@media (min-width: 768px) {
  .mobile-menu {
    padding-left: var(--grid-margin);
    padding-right: var(--grid-margin);
  }
}
@media (min-width: 992px) {
  .mobile-menu {
    display: none;
  }
}
.moving-background {
  background-color: #f5f5f5;
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: -1;
}
.moving-background__video {
  bottom: 0;
  height: 101%;
  left: 0;
  object-fit: cover;
  position: absolute;
  right: 0;
  top: 0;
  width: 101%;
}
.moving-background__video--desktop {
  display: none;
}
.moving-background.has-started::after {
  background-color: var(--theme-primary-color);
  bottom: 0;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  mix-blend-mode: overlay;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1;
}

.is-hidden .moving-background::after {
  background-color: inherit !important;
  mix-blend-mode: normal;
}
.is-hidden.theme--securities-processing-1 .moving-background::after {
  background-color: #fff6f1 !important;
}
.is-hidden.theme--securities-processing-2 .moving-background::after {
  background-color: #f8f4f2 !important;
}
.is-hidden.theme--securities-processing-3 .moving-background::after {
  background-color: #fcf8f7 !important;
}
.is-hidden.theme--securities-processing-4 .moving-background::after {
  background-color: #fef7f5 !important;
}
.is-hidden.theme--securities-processing-5 .moving-background::after {
  background-color: #fdf7f1 !important;
}
.is-hidden.theme--regulatory-reporting-1 .moving-background::after {
  background-color: #f6fbfc !important;
}
.is-hidden.theme--services-1 .moving-background::after {
  background-color: #f7f7f6 !important;
}
.is-hidden.theme--services-2 .moving-background::after {
  background-color: #faf4f6 !important;
}
.is-hidden.theme--services-3 .moving-background::after {
  background-color: #f8f8f8 !important;
}
.is-hidden.theme--sw-testing-1 .moving-background::after {
  background-color: #f9f4f6 !important;
}
.is-hidden.theme--career-1 .moving-background::after {
  background-color: #f6fbf4 !important;
}
.is-hidden.theme--primary .moving-background::after {
  background-color: #f7fcfc !important;
}
.is-hidden.theme--secondary .moving-background::after {
  background-color: #f5f9f8 !important;
}

@media (min-width: 768px) {
  .moving-background__video--mobile {
    display: none;
  }
  .moving-background__video--desktop {
    display: block;
  }
}
.theme--securities-processing-1 {
  --theme-primary-color: #e54400;
  --theme-button-color: #ffffff;
}
.theme--securities-processing-2 {
  --theme-primary-color: #800f0f;
  --theme-button-color: #ffffff;
}
.theme--securities-processing-3 {
  --theme-primary-color: #b01515;
  --theme-button-color: #ffffff;
}
.theme--securities-processing-4 {
  --theme-primary-color: #d82300;
  --theme-button-color: #ffffff;
}
.theme--securities-processing-5 {
  --theme-primary-color: #e36d00;
  --theme-button-color: #ffffff;
}
.theme--regulatory-reporting-1 {
  --theme-primary-color: #4298b8;
  --theme-button-color: #ffffff;
}
.theme--services-1 {
  --theme-primary-color: #978c88;
  --theme-button-color: #ffffff;
}
.theme--services-2 {
  --theme-primary-color: #b01478;
  --theme-button-color: #ffffff;
}
.theme--services-3 {
  --theme-primary-color: #965466;
  --theme-button-color: #ffffff;
}
.theme--sw-testing-1 {
  --theme-primary-color: #b01478;
  --theme-button-color: #ffffff;
}
.theme--career-1 {
  --theme-primary-color: #43a22a;
  --theme-secondary-color: rgb(16.75, 40.5, 10.5);
  --theme-button-color: #ffffff;
}
.theme--primary {
  --theme-primary-color: #e54400;
  --theme-secondary-color: #4298b8;
  --theme-button-color: #ffffff;
}
.theme--secondary {
  --theme-primary-color: #4298b8;
  --theme-secondary-color: #e54400;
  --theme-button-color: #ffffff;
}

.mega-menu {
  position: fixed;
  left: 50%;
  transform: translateX(-50%) translateY(0.5rem);
  padding: 1.6rem;
  background-color: #ffffff;
  top: 5.2rem;
  border-radius: 0.8rem;
  box-shadow: 0 24px 105px 0 rgba(0, 0, 0, 0.12);
  backdrop-filter: blur(15px);
  width: 108rem;
  opacity: 0;
  transition: opacity 0.3s ease, transform 0.3s ease;
  pointer-events: none;
  backface-visibility: hidden;
  will-change: box-shadow, opacity;
}
.mega-menu--visible {
  opacity: 1;
  pointer-events: auto;
  transform: translateX(-50%) translateY(0);
}
.mega-menu__row {
  margin-bottom: 1.6rem;
}
.mega-menu__row:last-child {
  margin-bottom: 0;
}
.mega-menu__row-headline {
  color: #181818;
  font-family: "The Future";
  font-size: 1.6rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  margin-bottom: 1.6rem;
}
.mega-menu__products-wrapper {
  display: grid;
  grid-template-columns: 2fr 1fr;
  border: 1px solid var(--black--400-opacity-10, rgba(0, 0, 0, 0.1));
  border-radius: 0.3rem;
  background-color: #f0f0f2;
}
.mega-menu__product-wrapper--has-extensions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border-right: 1px solid var(--black--400-opacity-10, rgba(0, 0, 0, 0.1));
}
.mega-menu__product {
  border: 1px dashed transparent;
  display: block;
  padding: 1.6rem 1.2rem;
  height: 100%;
  background-color: #f0f0f2;
  transition: background-color 0.3s ease;
}
.mega-menu__product-tag {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
.mega-menu__product-image {
  position: relative;
  margin-bottom: 1.6rem;
  aspect-ratio: 33.6/25;
  display: flex;
  align-items: center;
  justify-content: center;
  background-size: cover;
  background-position: center center;
  transition: background-color 0.3s ease 0.2s;
}
.mega-menu__product-image:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(50% 50% at 50% 50%, rgba(240, 240, 242, 0) 60%, #F0F0F2 100%);
  transition: opacity 0.3s ease;
}
.mega-menu__product-image:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(50% 50% at 50% 50%, rgba(230, 230, 230, 0) 60%, #E6E6E6 100%);
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 1;
}
.mega-menu__product-image img {
  width: 7.6rem;
}
.mega-menu__product-app-icon-wrapper {
  width: 9rem;
  height: 9rem;
  position: relative;
}
.mega-menu__product-app-icon-wrapper--red:before {
  background: var(--cd--sp--400, #E54400);
}
.mega-menu__product-app-icon-wrapper--blue:before {
  background: var(--cd--second--400, #4298B8);
}
.mega-menu__product-app-icon-wrapper:before {
  content: "";
  border-radius: 1.1368rem;
  filter: blur(42.6315803528px);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  transition: 0.3s ease;
}
.mega-menu__product-app-icon-wrapper img {
  position: relative;
  z-index: 5;
}
.mega-menu__product-title {
  color: #000000;
  font-family: "The Future";
  font-size: 1.8rem;
  font-weight: 700;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.1;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  margin-bottom: 0.4rem;
}
.mega-menu__product-description {
  font-family: "The Future";
  font-size: 1.6rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.25;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  color: #757575;
}
.mega-menu__product-extensions {
  padding: 1.6rem 1.2rem 1.6rem 0;
}
.mega-menu__product-extensions-headline {
  font-family: "The Future";
  font-size: 1.6rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  margin-bottom: 0.4rem;
  padding: 0 1.2rem;
}
.mega-menu__product-extension {
  border: 1px dashed transparent;
  display: flex;
  padding: 1.2rem;
  gap: 1.2rem;
  border-radius: 0.3rem;
  transition: background-color 0.3s ease;
}
.mega-menu__product-extension-icon {
  flex-shrink: 0;
}
.mega-menu__product-extension-icon img {
  width: 4rem;
}
.mega-menu__product-extension-title {
  color: #000000;
  font-family: "The Future";
  font-size: 1.5rem;
  font-weight: 700;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  margin-bottom: 0.4rem;
}
.mega-menu__product-extension-description {
  font-family: "The Future";
  font-size: 1.5rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.25;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  color: #757575;
}
.mega-menu__services-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  border: 1px solid var(--black--400-opacity-10, rgba(0, 0, 0, 0.1));
  overflow: hidden;
  border-radius: 0.3rem;
}
.mega-menu__service {
  background-color: #f0f0f2;
  padding: 0 1.6rem 1.6rem;
  border-right: 1px solid var(--black--400-opacity-10, rgba(0, 0, 0, 0.1));
  transition: background-color 0.3s ease;
  min-width: 0;
}
.mega-menu__service:last-child {
  border-right: none;
}
.mega-menu__service-description {
  font-family: "The Future";
  font-size: 1.6rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.25;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  color: var(--gray--260, #757575);
}
.mega-menu__service-image {
  margin-bottom: 1.6rem;
}
.mega-menu__service-image picture {
  position: relative;
}
.mega-menu__service-image picture:before {
  content: "";
  position: absolute;
  left: -1.2rem;
  top: 0;
  width: calc(100% + 2.4rem);
  height: 100%;
  z-index: 2;
  opacity: 1;
  transition: opacity 0.3s;
  background: radial-gradient(50% 50% at 50% 50%, rgba(240, 240, 242, 0) 60%, #F0F0F2 100%);
}
.mega-menu__service-image picture:after {
  content: "";
  position: absolute;
  left: -1.2rem;
  top: 0;
  background: radial-gradient(50% 50% at 50% 50%, rgba(230, 230, 230, 0) 60%, #E6E6E6 100%);
  width: calc(100% + 2.4rem);
  height: 100%;
  z-index: 3;
  opacity: 0;
  transition: opacity 0.3s;
}
.mega-menu__service-title {
  color: #000000;
  font-family: "The Future";
  font-size: 1.8rem;
  font-weight: 700;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.1;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  text-transform: uppercase;
  margin-bottom: 0.4rem;
}
.mega-menu__service:focus-visible, .mega-menu__product-extension:focus-visible, .mega-menu__product:focus-visible {
  background-color: #e6e6e6;
  border: 1px dashed #444444 !important;
}
.mega-menu__service:focus-visible .mega-menu__product-image:before, .mega-menu__product-extension:focus-visible .mega-menu__product-image:before, .mega-menu__product:focus-visible .mega-menu__product-image:before {
  opacity: 0;
}
.mega-menu__service:focus-visible .mega-menu__product-image:after, .mega-menu__product-extension:focus-visible .mega-menu__product-image:after, .mega-menu__product:focus-visible .mega-menu__product-image:after {
  opacity: 1;
}
.mega-menu__service:focus-visible .mega-menu__product-app-icon-wrapper:before, .mega-menu__product-extension:focus-visible .mega-menu__product-app-icon-wrapper:before, .mega-menu__product:focus-visible .mega-menu__product-app-icon-wrapper:before {
  filter: blur(32.6315803528px);
}

@media (max-width: 992px) {
  .mega-menu__service {
    border-right: none;
    border-left: 1px solid var(--black--400-opacity-10, rgba(0, 0, 0, 0.1));
    border-right: 1px solid var(--black--400-opacity-10, rgba(0, 0, 0, 0.1));
    border-bottom: 1px solid var(--black--400-opacity-10, rgba(0, 0, 0, 0.1));
  }
  .mega-menu__service:not(:first-child) {
    border-top: none;
  }
  .mega-menu__service:first-child {
    border-top: 1px solid var(--black--400-opacity-10, rgba(0, 0, 0, 0.1));
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0.3rem;
  }
  .mega-menu__service:last-child {
    border-left: 1px solid var(--black--400-opacity-10, rgba(0, 0, 0, 0.1));
    border-right: 1px solid var(--black--400-opacity-10, rgba(0, 0, 0, 0.1));
    border-bottom-left-radius: 0.3rem;
    border-bottom-right-radius: 0.3rem;
  }
  .mega-menu__product-image {
    aspect-ratio: 58.6/25;
  }
}
@media (min-width: 992px) {
  .mega-menu {
    display: none;
  }
  .mega-menu__service-image picture:before, .mega-menu__service-image picture:after {
    width: calc(100% + 4.8rem);
    left: -2.4rem;
  }
  .mega-menu__service {
    padding: 0 2.4rem 2.4rem;
  }
  .mega-menu--visible {
    display: block;
  }
}
@media (hover: hover) {
  .mega-menu__service:hover {
    background-color: #e6e6e6;
  }
  .mega-menu__service:hover .mega-menu__service-image picture:after {
    opacity: 1;
  }
  .mega-menu__product-extension:hover {
    background-color: #e6e6e6;
  }
  .mega-menu__product:hover {
    background-color: #e6e6e6;
  }
  .mega-menu__product:hover .mega-menu__product-image:before {
    opacity: 0;
  }
  .mega-menu__product:hover .mega-menu__product-image:after {
    opacity: 1;
  }
  .mega-menu__product:hover .mega-menu__product-app-icon-wrapper:before {
    filter: blur(32.6315803528px);
  }
}
.footer {
  margin-top: 12rem;
  padding: 0 var(--grid-margin) 8rem;
}
.footer__inner {
  padding: 2.4rem 2.4rem 3.2rem;
  border-radius: 0.3rem;
  background-color: rgba(255, 255, 255, 0.8);
  border: 1px solid rgba(0, 0, 0, 0.1019607843);
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  position: relative;
  color: #181818;
  /* bgblur-shadow-1 */
  box-shadow: 0px 51px 71px 0px rgba(0, 0, 0, 0.08);
  backdrop-filter: blur(20px);
}
.footer__mobile-divider {
  grid-column-start: 1;
  grid-column-end: span 5;
  padding-bottom: 2.4rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1019607843);
  margin-bottom: 2.4rem;
}
.footer__contact-wrapper {
  grid-column-start: 1;
  grid-column-end: span 5;
}
.footer__sds-logo-wrapper {
  margin-bottom: 2.4rem;
}
.footer__full-address {
  margin-bottom: 2.4rem;
  font-family: "The Future";
  font-size: 1.5rem;
  font-weight: 400;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.25;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  color: #444444;
}
.footer__full-address a {
  display: inline-block;
  margin-top: 0.8rem;
}
.footer__contact-links {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.footer__contact-link {
  width: max-content;
}
.footer__contact-link:last-child {
  margin-bottom: 0;
}
.footer__products-services-wrapper {
  padding-bottom: 2.4rem;
  grid-column-start: 1;
  grid-column-end: span 5;
}
.footer__extensions-wrapper {
  grid-column-start: 1;
  grid-column-end: span 5;
}
.footer__pages-wrapper {
  grid-column-start: 1;
  grid-column-end: span 2;
}
.footer__services-wrapper {
  grid-column-start: 3;
  grid-column-end: span 5;
  margin-left: auto;
}
.footer__services-wrapper--desktop {
  display: none;
}
.footer__meta-links-wrapper {
  grid-column-start: 1;
  grid-column-end: span 2;
}
.footer__socials-wrapper {
  grid-column-start: 3;
  grid-column-end: span 5;
  display: flex;
  justify-content: flex-end;
  gap: 1.6rem;
}
.footer__section-headline {
  font-family: "The Future";
  font-size: 1.7rem;
  font-weight: 700;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  margin-bottom: 1.6rem;
}
.footer__icon-links {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.footer__icon-link {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  padding: 0.6rem 0;
  width: max-content;
}
.footer__icon-link-icon {
  display: flex;
}
.footer__icon-link-icon picture {
  display: flex;
}
.footer__icon-link-icon img {
  width: 2.8rem;
}
.footer__icon-link-label {
  font-family: "The Future";
  font-size: 1.7rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
.footer__navigation {
  flex: 0 0 40%;
}
.footer__navigation-level, .footer__meta-navigation-level {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
}
.footer__navigation-level .menu-item, .footer__meta-navigation-level .menu-item {
  font-family: "The Future";
  font-size: 1.6rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  color: #444444;
}
.footer__navigation-level .menu-item:hover, .footer__navigation-level .menu-item:focus, .footer__navigation-level .menu-item:active, .footer__navigation-level .menu-item:has(a:hover), .footer__navigation-level .menu-item:has(a:focus), .footer__navigation-level .menu-item:has(a:active), .footer__meta-navigation-level .menu-item:hover, .footer__meta-navigation-level .menu-item:focus, .footer__meta-navigation-level .menu-item:active, .footer__meta-navigation-level .menu-item:has(a:hover), .footer__meta-navigation-level .menu-item:has(a:focus), .footer__meta-navigation-level .menu-item:has(a:active) {
  text-decoration: underline;
}
.footer__meta-navigation {
  margin-bottom: 1.6rem;
  color: #444444;
}
.footer__meta-navigation-level {
  gap: 1.6rem;
}
.footer__text-links {
  flex: 0 0 40%;
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
}
.footer__text-link {
  font-family: "The Future";
  font-size: 1.6rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  color: #444444;
}
.footer__text-link:hover, .footer__text-link:focus, .footer__text-link:active {
  text-decoration: underline;
}
.footer__social {
  display: flex;
  font-size: 2.4rem;
  color: #444444;
}
.footer__social:focus-visible {
  color: #e54400;
}
.footer__telekom-wrapper {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
  margin-top: 2.4rem;
  grid-column-start: 1;
  grid-column-end: span 5;
}
.footer__telekom-wrapper img {
  width: 14.6rem;
}
.footer__copyright {
  font-family: "The Future";
  font-size: 1.2rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  color: rgba(0, 0, 0, 0.3019607843);
}
.footer__desktop-hr {
  display: none;
}
.footer__ki-hint {
  font-family: "The Future";
  font-size: 1.2rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  line-height: 1.2;
  color: rgba(0, 0, 0, 0.3019607843);
  grid-column-start: 1;
  grid-column-end: span 4;
  padding-top: 2.4rem;
}

@media (min-width: 768px) {
  .footer {
    padding-left: 8rem;
    padding-right: 8rem;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .footer__products-services-wrapper, .footer__pages-wrapper, .footer__meta-links-wrapper {
    grid-column-end: 4;
  }
  .footer__extensions-wrapper, .footer__services-wrapper, .footer__socials-wrapper {
    grid-column-start: 4;
    grid-column-end: 5;
  }
  .footer__socials-wrapper {
    justify-content: flex-start;
  }
}
@media (min-width: 992px) {
  .footer__inner {
    padding: 5.6rem 5.6rem 8rem;
    grid-template-columns: 32.3fr 35.2fr 36.3fr 29fr;
    box-shadow: 0px 51px 71px 0px rgba(0, 0, 0, 0.08);
    backdrop-filter: blur(20px);
  }
  .footer__mobile-divider {
    display: none;
  }
  .footer__contact-wrapper {
    grid-column-start: 1;
    grid-column-end: 1;
    border-right: 1px solid rgba(0, 0, 0, 0.1019607843);
  }
  .footer__products-services-wrapper {
    display: flex;
    flex-direction: column;
    gap: 4rem;
    grid-row: auto;
    grid-column-start: 2;
    grid-column-end: 2;
    padding-bottom: 0;
    border-right: 1px solid rgba(0, 0, 0, 0.1019607843);
    padding-left: 9rem;
    padding-right: 8rem;
  }
  .footer__extensions-wrapper {
    grid-column-start: 3;
    grid-column-end: 3;
    border-right: 1px solid rgba(0, 0, 0, 0.1019607843);
    padding-left: 9rem;
    padding-right: 8rem;
  }
  .footer__pages-wrapper {
    grid-column-start: 4;
    grid-column-end: 4;
    padding-left: 9rem;
    padding-right: 7rem;
  }
  .footer__services-wrapper {
    margin-left: 0;
  }
  .footer__services-wrapper--mobile {
    display: none;
  }
  .footer__services-wrapper--desktop {
    display: block;
  }
  .footer__meta-links-wrapper {
    display: flex;
    grid-column-start: unset;
    grid-column-end: unset;
    position: absolute;
    bottom: 8rem;
    left: 50%;
    transform: translateX(-50%);
    gap: 1.6rem;
  }
  .footer__socials-wrapper {
    grid-row: 3;
    grid-column-start: 4;
    grid-column-end: 4;
    align-items: flex-end;
  }
  .footer__telekom-wrapper {
    grid-row: 3;
    grid-column-start: 1;
    grid-column-end: 1;
    margin-top: 0;
  }
  .footer__icon-link {
    padding: 0.6rem 0.8rem;
    border-radius: 0.3rem;
    transition: 0.3s ease;
  }
  .footer__icon-link:hover, .footer__icon-link:focus, .footer__icon-link:active {
    background-color: rgba(0, 0, 0, 0.1019607843);
  }
  .footer__meta-navigation {
    margin-bottom: 0;
  }
  .footer__meta-navigation-level {
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
  .footer__desktop-hr {
    grid-row: 2;
    display: block;
    grid-column-start: 1;
    grid-column-end: 5;
    padding-bottom: 4rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1019607843);
    margin-bottom: 2.4rem;
  }
  .footer__ki-hint {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 3.6rem;
    padding: 0;
  }
}
.error404 .in-page-nav {
  display: none;
}

.header--not-top .in-page-nav {
  padding-bottom: 1rem;
}

.in-page-nav {
  display: flex;
  width: 100%;
  position: relative;
  align-items: center;
  justify-content: space-between;
  padding-top: 1rem;
  padding-bottom: 1.1rem;
  transition: padding-bottom 0.3s ease;
}
.in-page-nav--menu-open .in-page-nav__menu {
  display: flex;
  height: auto;
  padding: 0 var(--grid-margin) 3.2rem;
}
.in-page-nav__title {
  font-family: "The Future";
  font-size: 1.6rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  display: flex;
  align-items: center;
  gap: 0.4rem;
  cursor: pointer;
  color: #444444;
  min-height: 3.6rem;
}
.in-page-nav__title:focus-visible {
  color: var(--theme-primary-color);
}
.in-page-nav__app-icon-wrapper {
  margin-right: 0.4rem;
}
.in-page-nav__app-icon-wrapper img {
  width: 3.2rem;
}
.in-page-nav__dropdown-icon {
  font-size: 0.8rem;
  transition: 0.3s ease;
  transform-origin: center center;
  position: relative;
  top: 0.2rem;
}
.in-page-nav__menu {
  display: none;
  flex-direction: column;
  gap: 2.4rem;
  border-radius: 0 0 0.3rem 0.3rem;
  background: #f9f7f5;
  backdrop-filter: blur(20px);
  position: absolute;
  left: calc(var(--grid-margin) * -1);
  top: 100%;
  width: calc(100% + var(--grid-margin) * 2);
  z-index: 15;
  padding: 0 var(--grid-margin) 0;
  height: 0;
  overflow: hidden;
}
.in-page-nav__menu-link {
  font-family: "The Future";
  font-size: 1.7rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  color: #444444;
}
.in-page-nav__menu-link:focus-visible {
  color: var(--theme-primary-color);
}
.in-page-nav__cta {
  margin-left: 1rem;
}
.in-page-nav__cta-label--desktop {
  display: none;
}

@media (max-width: 992px) {
  .in-page-nav__cta {
    min-height: 3.2rem;
    font-size: 1.3rem;
  }
  .in-page-nav__moving-line {
    display: none;
  }
}
@media (min-width: 992px) {
  .in-page-nav {
    justify-content: flex-end;
  }
  .in-page-nav__moving-line {
    position: absolute;
    bottom: 0;
    opacity: 0;
  }
  .in-page-nav__title {
    font-family: "The Future";
    font-size: 1.6rem;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
    cursor: default;
  }
  .in-page-nav__dropdown-icon {
    display: none;
  }
  .in-page-nav__menu {
    display: flex;
    position: static;
    height: auto;
    overflow: visible;
    flex-direction: row;
    width: auto;
    padding: 0;
    margin-left: auto;
    background: transparent;
    backdrop-filter: none;
    gap: 0;
  }
  .in-page-nav__menu-item {
    position: relative;
    padding: 0 1.2rem;
    transition: color 0.3s ease;
  }
  .in-page-nav__menu-item.active a {
    color: var(--theme-primary-color);
  }
  .in-page-nav__menu-item.active.static a:before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    bottom: -1.8rem;
    height: 2px;
    background: var(--theme-primary-color);
    opacity: 1;
  }
  .in-page-nav__menu-item:not(.static):first-child a:before {
    content: "";
    position: absolute;
    left: 0;
    width: var(--currentItemWidth, 100%);
    transform: translateX(var(--currentItemOffset, 0));
    bottom: -1.8rem;
    height: 2px;
    background: var(--theme-primary-color);
    opacity: 1;
    transition: transform 0.1s ease, width 0.1s ease;
  }
  .in-page-nav__menu-link {
    font-family: "The Future";
    font-size: 1.6rem;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
  }
  .in-page-nav__menu-link:focus-visible {
    color: #444444;
  }
  .in-page-nav__menu-link:focus-visible::before {
    background-color: transparent !important;
    border-bottom: 2px dashed var(--theme-primary-color);
    bottom: -1.8rem;
    content: "";
    display: block;
    height: 0;
    left: 0 !important;
    position: absolute;
    right: 0;
    transform: none !important;
    width: auto !important;
  }
  .in-page-nav__cta-label--mobile {
    display: none;
  }
  .in-page-nav__cta-label--desktop {
    display: inline;
  }
}
.page-darkener {
  position: fixed;
  width: 100vw;
  height: 100vh;
  z-index: 1;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
}

body.darken-page .page-darkener {
  opacity: 1;
}

.single-intro .intro__headline {
  hyphens: auto;
}
.single-intro.intro--type-text .intro__headline {
  margin-bottom: 1.6rem;
}
.single-intro .product-success-stories__item-logo {
  margin: auto;
}
.single-intro__post-data {
  margin-bottom: 0.8rem;
  display: flex;
  align-items: center;
  gap: 0.8rem;
}
.single-intro__post-label {
  font-family: "The Future";
  font-size: 1.4rem;
  font-weight: 700;
  font-style: normal;
  letter-spacing: 0.014rem;
  line-height: 1.15;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  color: var(--black--400-opacity-40, rgba(0, 0, 0, 0.4));
}

@media (min-width: 768px) {
  .single-intro.intro--type-text .intro__inner-container {
    flex-direction: column;
    gap: 1.6rem;
  }
  .single-intro.intro--type-text .intro__header {
    max-width: 100%;
    width: 100%;
    flex: 1 1 auto;
  }
  .single-intro.intro--type-text .intro__intro-body {
    width: 100%;
  }
  .single-intro.intro--type-text .intro__text {
    font-family: "The Future";
    font-size: 2rem;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.25;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
  }
  .single-intro .intro__headline {
    font-family: "The Future";
    font-size: 4.6rem;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.1;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
  }
}
.page-error {
  height: 100vh;
  padding-top: 8rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-error__title {
  font-family: "The Future";
  font-size: 3.6rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.15;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  text-align: center;
  margin-bottom: 1.6rem;
}
.page-error__text {
  font-family: "The Future";
  font-size: 1.7rem;
  font-weight: 400;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.3;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  text-align: center;
  color: #444444;
  margin-bottom: 2.4rem;
}
.page-error__home-link {
  display: flex;
  justify-content: center;
}

@media (min-width: 992px) {
  .page-error {
    height: 75vh;
  }
  .page-error__title {
    font-family: "The Future";
    font-size: 5.8rem;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.15;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
    margin-bottom: 2.4rem;
  }
  .page-error__text {
    font-family: "The Future";
    font-size: 2rem;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.25;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
    margin-bottom: 3.2rem;
  }
}
body:not(:has(.in-page-nav)) .page-flexible-content {
  padding-top: 14.2rem;
}

.page-flexible-content {
  padding-top: 20.2rem;
}

@media (min-width: 992px) {
  body:not(:has(.in-page-nav)) .page-flexible-content {
    padding-top: 17rem;
  }
  .page-flexible-content {
    padding-top: 19.2rem;
  }
}
.page-home {
  padding-top: 19.2rem;
  min-height: 100vh;
}

.page-simple {
  padding-top: 12rem;
  font-family: "The Future";
  font-size: 1.7rem;
  font-weight: 400;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.3;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
.page-simple__title {
  font-family: "The Future";
  font-size: 3.4rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.15;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  margin-bottom: 5.6rem;
}
.page-simple a {
  text-decoration: none;
}
.page-simple a:not(.button) {
  color: var(--theme-primary-color);
}
.page-simple h2 {
  font-family: "The Future";
  font-size: 2.2rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.15;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
.page-simple__content {
  display: flex;
  flex-direction: column;
  gap: 5.6rem;
}

@media (min-width: 992px) {
  .page-simple {
    padding-top: 16rem;
    font-family: "The Future";
    font-size: 2.2rem;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.3;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
  }
  .page-simple__title {
    font-family: "The Future";
    font-size: 4.6rem;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.1;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
    margin-bottom: 6.4rem;
  }
  .page-simple h2 {
    font-family: "The Future";
    font-size: 2.8rem;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.15;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
  }
}
.single-post .cta-banner {
  margin-bottom: 8rem;
}
.single-post .cta-banner--margin-none {
  margin-bottom: 0;
}
.single-post__related-posts .post-previews__read-more {
  display: none !important;
}

@media (min-width: 992px) {
  .single-post .cta-banner {
    margin-bottom: 6rem;
  }
  .single-post .cta-banner--margin-none {
    margin-bottom: 0;
  }
  .single-post__related-posts {
    margin-top: 16rem;
  }
}
.search-page {
  padding-top: 16rem;
}
.search-page mark {
  background-color: #e54400;
  padding-left: 0.2rem;
  padding-right: 0.2rem;
  border-radius: 0.4rem;
}
.search-page__input-wrapper {
  position: relative;
  margin-bottom: 5.6rem;
}
.search-page__input {
  border-radius: 0.8rem;
  border: 1px solid #dddddd;
  background: #ffffff;
  padding: 1.2rem 4.2rem;
  font-family: "The Future";
  font-size: 1.6rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.3;
  font-feature-settings: "dlig" off, "liga" off, "calt" off, "salt" off;
  width: 100%;
}
.search-page__input::placeholder {
  font-family: "The Future";
  font-size: 1.6rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.3;
  font-feature-settings: "dlig" off, "liga" off, "calt" off, "salt" off;
  color: #757575;
}
.search-page__input:placeholder-shown ~ .icon-x-thin {
  opacity: 0;
  pointer-events: none;
}
.search-page__input ~ .icon-search {
  position: absolute;
  left: 1.2rem;
  top: 50%;
  transform: translateY(-50%);
  font-size: 2rem;
}
.search-page__input ~ .icon-x-thin {
  position: absolute;
  right: 1.4rem;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.8rem;
  color: #444444;
  cursor: pointer;
}
.search-page__input:focus {
  border-color: #c44109;
}
.search-page__stage {
  display: none;
}
.search-page__stage.active {
  display: block;
}
.search-page__request-empty {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
}
.search-page__request-empty-title {
  font-family: "The Future";
  font-size: 2.2rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.15;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  color: #181818;
}
.search-page__request-empty-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0.8rem;
}
.search-page__request-empty-grid-item {
  min-width: 0;
}
.search-page__loader {
  min-height: 33vh;
  padding-bottom: 10vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
.search-page__not-found {
  display: none;
  margin-top: 10.6rem;
  padding: 0 2rem;
  font-family: "The Future";
  font-size: 2.2rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.15;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  text-align: center;
}
.search-page__not-found.active {
  display: block;
}
.search-page__results-title {
  font-family: "The Future";
  font-size: 1.6rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  text-align: center;
  color: #969696;
}
.search-page__tabs-wrapper {
  display: flex;
  width: 100%;
  margin-bottom: 1.6rem;
  border-radius: 1.2rem;
  border: 1px solid rgba(0, 0, 0, 0.1019607843);
  background: var(--cd--sp--100, #F6EADE);
  height: 3.8rem;
}
.search-page__tab {
  position: relative;
  flex: 0 0 33.3333333333%;
  width: 33.3333333333%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "The Future";
  font-size: 1.6rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.45;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  border-radius: 1.2rem;
  color: #e36d00;
  cursor: pointer;
}
.search-page__tab span {
  position: relative;
}
.search-page__tab.active {
  color: #ffffff;
  cursor: default;
  background-color: #e54400;
}
.search-page__results-container {
  margin-top: 3.2rem;
}
.search-page__results-container:not(:has(.search-page__result-item)) {
  display: none;
}
.search-page__results-container-type[data-post-type=vwgt_offer] .search-page__results-container-type-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
}
.search-page__results-container-type[data-post-type=vwgt_offer] .search-page__results-container-type-grid > * {
  flex: 0 0 calc(50% - 0.4rem);
  width: calc(50% - 0.4rem);
}
.search-page__results-container-type {
  display: none;
}
.search-page__results-container-type.active {
  display: block;
}

@media (min-width: 992px) {
  .search-page__input-wrapper {
    width: calc(100% - 6.4rem);
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 3.2rem;
  }
  .search-page__results-title {
    text-align: center;
  }
  .search-page__tabs-wrapper {
    width: calc(100% - 3.2rem);
    margin-left: auto;
    margin-right: auto;
  }
  .search-page__not-found {
    font-family: "The Future";
    font-size: 2.8rem;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.15;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
    padding: 0 4rem;
    text-align: center;
    margin-top: 20.3rem;
  }
  .search-page__input ~ .icon-x-thin {
    font-size: 2.2rem;
  }
  .search-page__input ~ .icon-search {
    left: 1.4rem;
    font-size: 2.2rem;
  }
  .search-page__results-container-type[data-post-type=vwgt_offer] .search-page__results-container-type-grid {
    gap: 2.4rem;
    padding: 0 3.2rem;
  }
  .search-page__results-container-type[data-post-type=vwgt_offer] .search-page__results-container-type-grid > * {
    flex: 0 0 calc(33.33333% - 1.6rem);
    width: calc(33.33333% - 1.6rem);
  }
  .search-page__request-empty {
    gap: 2.4rem;
    margin-top: 4.8rem;
  }
  .search-page__request-empty-title {
    font-family: "The Future";
    font-size: 4rem;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.15;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
  }
  .search-page__request-empty-grid {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 2.4rem;
  }
  .search-page__loader {
    min-height: 50vh;
  }
}
.category-page {
  padding-top: 19.2rem;
}
.category-page.loading .category-page__categories, .category-page.loading .category-page__grid, .category-page.loading .category-page__mobile-filter-trigger, .category-page.loading .archive-pagination {
  pointer-events: none;
  opacity: 0.4;
}
.category-page__title {
  text-align: center;
  margin-bottom: 3.2rem;
}
.category-page__title sup {
  top: -1em;
  font-size: 50%;
}
.category-page__mobile-filter-trigger {
  width: 100%;
  margin-bottom: 3.2rem;
}
.category-page__mobile-filter-trigger .button {
  width: 100%;
}
.category-page__categories-wrapper {
  display: none;
}
.category-page__categories {
  width: max-content;
  max-width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
}
.category-page__category {
  height: 4rem;
  padding: 0 2.4rem;
  font-family: "The Future";
  font-size: 1.5rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.2;
  font-feature-settings: "dlig" off, "liga" off, "calt" off, "salt" off;
  border-radius: 1.2rem;
  border: 1px solid var(--black--400-opacity-7, rgba(0, 0, 0, 0.07));
  background: var(--white-opacity--70, rgba(255, 255, 255, 0.7));
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.3s ease, color 0.3s ease;
}
.category-page__category.active {
  background-color: var(--theme-primary-color);
  color: var(--theme-button-color);
}
.category-page__category:not(.active) {
  cursor: pointer;
}
.category-page__category:not(.active):hover {
  background-color: var(--theme-primary-color);
  color: var(--theme-button-color);
}
.category-page__category:focus-visible {
  border-width: 2px;
  border-style: dashed;
}
.category-page__category:focus-visible.active {
  border-color: #444444;
}
.category-page__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0.8rem;
}
.category-page__grid .post-preview {
  min-width: 0;
}
.category-page__grid:not(:has(.post-preview)) + .category-page__empty-grid-results {
  height: 5rem;
  margin-bottom: 3rem;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-family: "The Future";
  font-size: 1.7rem;
  font-weight: 400;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.3;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  color: #444444;
}
.category-page__other-categories {
  margin-top: 12rem;
}
.category-page__empty-grid-results {
  display: none;
}

@media (min-width: 768px) {
  .category-page__mobile-filter-trigger {
    display: none;
  }
  .category-page__categories-wrapper {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-bottom: 3.2rem;
  }
  .category-page__categories {
    gap: 0.8rem;
  }
}
@media (min-width: 992px) {
  .category-page__title {
    font-family: "The Future";
    font-size: 7.2rem;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
    margin-bottom: 8rem;
  }
  .category-page__title sup {
    font-family: "The Future";
    font-size: 2rem;
    font-weight: 700;
    font-style: normal;
    letter-spacing: 0.02rem;
    line-height: 1;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
    top: -1.5em;
  }
  .category-page__grid {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 2.4rem;
  }
  .category-page__categories {
    justify-content: center;
  }
  .category-page__other-categories {
    margin-top: 16rem;
  }
}
.events-page.loading .events-page__tabs {
  opacity: 0.4;
  pointer-events: none;
}
.events-page__tabs {
  width: 100%;
  max-width: 100%;
  margin: 0 auto 5.6rem;
  display: flex;
  border-radius: 1.2rem;
  border: 1px solid var(--black--400-opacity-10, rgba(0, 0, 0, 0.1));
  background: var(--white, #FFF);
  height: 3.2rem;
}
.events-page__tab {
  height: 100%;
  flex: 0 0 50%;
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.8rem;
  font-family: "The Future";
  font-size: 1.4rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.45;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
  padding: 0 2rem 0.2rem;
  border-radius: 1.2rem;
  user-select: none;
  white-space: nowrap;
}
.events-page__tab .amount {
  width: 1.8rem;
  height: 1.8rem;
  flex: 0 0 1.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 99.9rem;
  background: var(--gray--200, #BBB);
  color: #ffffff;
  font-family: "The Future";
  font-size: 1.1rem;
  font-weight: 700;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.1;
  font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
.events-page__tab.active {
  background-color: var(--theme-primary-color);
  color: var(--theme-button-color);
}
.events-page__tab.active .amount {
  color: #181818;
  background-color: #ffffff;
}
.events-page__tab:focus-visible {
  border: 2px dashed;
  border-radius: 1.2rem;
}
.events-page__tab:not(.active) {
  cursor: pointer;
}

@media (min-width: 992px) {
  .events-page__tabs {
    gap: 0;
    height: 4.2rem;
    width: max-content;
  }
  .events-page__tab {
    padding: 0 5rem;
    flex: 0 0 34rem;
    width: max-content;
    font-family: "The Future";
    font-size: 1.7rem;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.45;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
  }
  .events-page__tab .amount {
    font-family: "The Future";
    font-size: 1.2rem;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.1;
    font-feature-settings: "dlig" off, "liga" off, "calt" off;
  }
}
/*! purgecss end ignore */