/*!*********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/scss/screen.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * This is the primary stylesheet. We don"t actually write any styles here.
 * Instead, we import all of our styles from partials within the sub-folders.
 * This file is set up based on the Inverted Triangle CSS (ITCSS) system,
 * which gets more specific as we drill down each layer.  This keeps your
 * style code lean and organized.
 *
 * The bulk of your code should be within the `/components` folder.  By
 * default, we follow the Block-Element-Modifier (BEM) system in our HTML.
 * Each "block" is a "component" in our CSS.
 */
/**
 * Font Face Declarations
 * 
 * Variable fonts from /src/fonts directory
 */
@font-face {
  font-family: "Funnel Display";
  src: url(../fonts/FunnelDisplay.ad202d26.ttf) format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Funnel Sans";
  src: url(../fonts/FunnelSans.46289c39.ttf) format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
/* Box sizing rules */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Remove default margin */
body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd {
  margin: 0;
}

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

/* Set core root defaults */
html:focus-within {
  scroll-behavior: smooth;
}

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

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

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

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

/* Remove all animations, transitions and smooth scroll for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto;
  }
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
/**
 * Simple page-level setup.
 *
 * 1. Set the default `font-size` and `line-height` for the entire project.
 * 2. Ensure the page always fills at least the entire height of the viewport.
 * 3. Force scrollbars to always be visible to prevent awkward ‘jumps’ when
 *    navigating between pages that do/do not have enough content to produce
 *    scrollbars naturally.
 */
html {
  background-color: #f8f9fa;
  font-family: "Funnel Sans", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", "Arial", sans-serif;
  font-size: 16px;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  min-height: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
  text-rendering: optimizeLegibility;
}

p {
  color: #070445;
  font-size: 21px;
  margin-bottom: 1.6875rem;
}

body.menu-open {
  overflow: hidden;
  position: fixed;
  width: 100%;
  height: 100%;
}

html.menu-open {
  overflow: hidden;
  height: 100%;
}

ul,
ol {
  margin-bottom: 1.6875rem;
  margin-left: 2.53125rem;
}

ul {
  list-style-type: disc;
}

ol {
  list-style-type: decimal;
}

li > ol,
li > ul {
  margin-bottom: 0;
}

dl {
  margin-bottom: 1.6875rem;
}

dd {
  margin-bottom: 0.421875rem;
  margin-left: 0.84375rem;
}

dt {
  font-weight: 700;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show;
  margin-bottom: 1.6875rem;
  max-width: 100%;
  width: 100%;
}

th,
td {
  padding: 1.265625rem;
  text-align: left;
}

address {
  margin-bottom: 1.6875rem;
}

dfn,
cite,
em,
i {
  font-style: italic;
}

cite {
  color: #FF6200;
}

strong {
  font-weight: 700;
}

.strong {
  font-weight: 700;
}

/**
 * 1. Fluid images for responsive purposes.
 * 2. Offset `alt` text from surrounding copy.
 * 3. Setting `vertical-align` removes the whitespace that appears under `img`
 *    elements when they are dropped into a page as-is. Safer alternative to
 *    using `display: block;`.
 */
img {
  font-style: italic;
  /* [2] */
  height: auto;
  max-width: 100%;
  /* [1] */
  vertical-align: middle;
  /* [3] */
}

embed,
iframe,
object {
  max-width: 100%;
}

figure {
  margin: 0 0 1.6875rem;
  max-width: 100%;
  position: relative;
}
figure img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

figcaption {
  font-size: 14px;
  font-style: italic;
  margin-top: 0.421875rem;
  text-align: center;
  width: 100%;
}

.image-as-background {
  overflow: hidden;
  position: relative;
}

.video-background,
.image-background {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  transform: translateY(-50%);
  -o-object-fit: cover;
     object-fit: cover;
}

.video-background {
  -o-object-position: center top;
     object-position: center top;
}

.image-background {
  -o-object-position: center center;
     object-position: center center;
}

img.emoji {
  width: 20px;
  vertical-align: -3px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #001E50;
  font-family: "Funnel Sans", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", "Arial", sans-serif;
  font-weight: 700;
}

h1 {
  font-size: clamp(2rem, 1.568rem + 1.8434vw, 3.875rem);
  line-height: 1.1;
}

h2 {
  font-size: clamp(2rem, 1.568rem + 1.8434vw, 3.875rem);
  line-height: 1.1;
}

h3 {
  font-size: clamp(1.375rem, 1.299rem + 0.3241vw, 1.688rem);
  line-height: 1.1;
}

h4 {
  font-size: 1.375rem;
  line-height: 1.5;
}

@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fluid-grid {
  --col-gap: clamp(0.75rem, 2.5vw, 2.5rem);
  --content-max-width:1920px;
  --padding-left: clamp(calc(env(safe-area-inset-left, 0rem) + 0.5rem), 1.5vw, calc(env(safe-area-inset-left, 0rem) + 1rem));
  --padding-right: clamp(calc(env(safe-area-inset-right, 0rem) + 0.5rem), 1.5vw, calc(env(safe-area-inset-right, 0rem) + 1rem));
  --inner-calc: calc(100% - var(--padding-left) - var(--padding-right) - 2 * var(--col-gap));
  --min-width: min(var(--inner-calc), var(--content-max-width));
  --col-width: calc((var(--min-width) - 15 * var(--col-gap)) / 16);
  --side-width: minmax(0, 1fr);
  display: grid;
  -moz-column-gap: var(--col-gap);
       column-gap: var(--col-gap);
  grid-template-columns: [full-start] var(--side-width) [content-start col-1] var(--col-width) [col-2] var(--col-width) [col-3] var(--col-width) [col-4] var(--col-width) [col-5] var(--col-width) [col-6] var(--col-width) [col-7] var(--col-width) [col-8] var(--col-width) [col-9] var(--col-width) [col-10] var(--col-width) [col-11] var(--col-width) [col-12] var(--col-width) [col-13] var(--col-width) [col-14] var(--col-width) [col-15] var(--col-width) [col-16] var(--col-width) [content-end] var(--side-width) [full-end];
}

.span-content, .span-md, .span-lg, .span-xl {
  grid-column: col-1/span 16;
}

@media (min-width: 48em) {
  .span-md {
    grid-column: col-2/span 14;
  }
  .span-lg {
    grid-column: col-2/span 14;
  }
  .span-xl {
    grid-column: col-1/span 16;
  }
}
@media (min-width: 64em) {
  .span-md {
    grid-column: col-4/span 10;
  }
  .span-lg {
    grid-column: col-2/span 14;
  }
  .span-xl {
    grid-column: col-2/span 14;
  }
}
@media (min-width: 90em) {
  .span-md {
    grid-column: col-4/span 10;
  }
  .span-lg {
    grid-column: col-3/span 12;
  }
  .span-xl {
    grid-column: col-2/span 14;
  }
}
@media (min-width: 100em) {
  .span-lg {
    grid-column: col-3/span 12;
  }
  .span-xl {
    grid-column: col-3/span 12;
  }
}
/* Grid column span classes */
.span-1 {
  grid-column: col-1/span 1;
}

.span-2 {
  grid-column: col-1/span 2;
}

.span-3 {
  grid-column: col-1/span 3;
}

.span-4 {
  grid-column: span 4;
}

/* Grid Column Start Classes */
.start-1 {
  grid-column-start: col-1;
}

.start-2 {
  grid-column-start: col-2;
}

.start-3 {
  grid-column-start: col-3;
}

.start-4 {
  grid-column-start: col-4;
}

.start-5 {
  grid-column-start: col-5;
}

.start-6 {
  grid-column-start: col-6;
}

.start-7 {
  grid-column-start: col-7;
}

.start-8 {
  grid-column-start: col-8;
}

.start-9 {
  grid-column-start: col-9;
}

.start-10 {
  grid-column-start: col-10;
}

.start-11 {
  grid-column-start: col-11;
}

.start-12 {
  grid-column-start: col-12;
}

.start-13 {
  grid-column-start: col-13;
}

.start-14 {
  grid-column-start: col-14;
}

.start-15 {
  grid-column-start: col-15;
}

.start-16 {
  grid-column-start: col-16;
}

/* Responsive Starting Position Classes for medium screen size */
@media (min-width: 48em) {
  .md-start-1 {
    grid-column-start: col-1;
  }
  .md-start-2 {
    grid-column-start: col-2;
  }
  .md-start-3 {
    grid-column-start: col-3;
  }
  .md-start-4 {
    grid-column-start: col-4;
  }
  .md-start-5 {
    grid-column-start: col-5;
  }
  .md-start-6 {
    grid-column-start: col-6;
  }
  .md-start-7 {
    grid-column-start: col-7;
  }
  .md-start-8 {
    grid-column-start: col-8;
  }
  .md-start-9 {
    grid-column-start: col-9;
  }
  .md-start-10 {
    grid-column-start: col-10;
  }
  .md-start-11 {
    grid-column-start: col-11;
  }
  .md-start-12 {
    grid-column-start: col-12;
  }
  .md-start-13 {
    grid-column-start: col-13;
  }
  .md-start-14 {
    grid-column-start: col-14;
  }
  .md-start-15 {
    grid-column-start: col-15;
  }
  .md-start-16 {
    grid-column-start: col-16;
  }
}
/* Responsive Starting Position Classes for large screen size */
@media (min-width: 64em) {
  .lg-start-1 {
    grid-column-start: col-1;
  }
  .lg-start-2 {
    grid-column-start: col-2;
  }
  .lg-start-3 {
    grid-column-start: col-3;
  }
  .lg-start-4 {
    grid-column-start: col-4;
  }
  .lg-start-5 {
    grid-column-start: col-5;
  }
  .lg-start-6 {
    grid-column-start: col-6;
  }
  .lg-start-7 {
    grid-column-start: col-7;
  }
  .lg-start-8 {
    grid-column-start: col-8;
  }
  .lg-start-9 {
    grid-column-start: col-9;
  }
  .lg-start-10 {
    grid-column-start: col-10;
  }
  .lg-start-11 {
    grid-column-start: col-11;
  }
  .lg-start-12 {
    grid-column-start: col-12;
  }
  .lg-start-13 {
    grid-column-start: col-13;
  }
  .lg-start-14 {
    grid-column-start: col-14;
  }
  .lg-start-15 {
    grid-column-start: col-15;
  }
  .lg-start-16 {
    grid-column-start: col-16;
  }
}
/* Responsive Starting Position Classes for extra large screen size */
@media (min-width: 90em) {
  .xl-start-1 {
    grid-column-start: col-1;
  }
  .xl-start-2 {
    grid-column-start: col-2;
  }
  .xl-start-3 {
    grid-column-start: col-3;
  }
  .xl-start-4 {
    grid-column-start: col-4;
  }
  .xl-start-5 {
    grid-column-start: col-5;
  }
  .xl-start-6 {
    grid-column-start: col-6;
  }
  .xl-start-7 {
    grid-column-start: col-7;
  }
  .xl-start-8 {
    grid-column-start: col-8;
  }
  .xl-start-9 {
    grid-column-start: col-9;
  }
  .xl-start-10 {
    grid-column-start: col-10;
  }
  .xl-start-11 {
    grid-column-start: col-11;
  }
  .xl-start-12 {
    grid-column-start: col-12;
  }
  .xl-start-13 {
    grid-column-start: col-13;
  }
  .xl-start-14 {
    grid-column-start: col-14;
  }
  .xl-start-15 {
    grid-column-start: col-15;
  }
  .xl-start-16 {
    grid-column-start: col-16;
  }
}
/* Grid Column Start Classes for xxlarge screens */
@media (min-width: 120em) {
  .xxl-start-1 {
    grid-column-start: col-1;
  }
  .xxl-start-2 {
    grid-column-start: col-2;
  }
  .xxl-start-3 {
    grid-column-start: col-3;
  }
  .xxl-start-4 {
    grid-column-start: col-4;
  }
  .xxl-start-5 {
    grid-column-start: col-5;
  }
  .xxl-start-6 {
    grid-column-start: col-6;
  }
  .xxl-start-7 {
    grid-column-start: col-7;
  }
  .xxl-start-8 {
    grid-column-start: col-8;
  }
  .xxl-start-9 {
    grid-column-start: col-9;
  }
  .xxl-start-10 {
    grid-column-start: col-10;
  }
  .xxl-start-11 {
    grid-column-start: col-11;
  }
  .xxl-start-12 {
    grid-column-start: col-12;
  }
  .xxl-start-13 {
    grid-column-start: col-13;
  }
  .xxl-start-14 {
    grid-column-start: col-14;
  }
  .xxl-start-15 {
    grid-column-start: col-15;
  }
  .xxl-start-16 {
    grid-column-start: col-16;
  }
}
/* Ending Position Classes */
.end-1 {
  grid-column-end: col-2;
}

.end-2 {
  grid-column-end: col-3;
}

.end-3 {
  grid-column-end: col-4;
}

.end-4 {
  grid-column-end: col-5;
}

.end-5 {
  grid-column-end: col-6;
}

.end-6 {
  grid-column-end: col-7;
}

.end-7 {
  grid-column-end: col-8;
}

.end-8 {
  grid-column-end: col-9;
}

.end-9 {
  grid-column-end: col-10;
}

.end-10 {
  grid-column-end: col-11;
}

.end-11 {
  grid-column-end: col-12;
}

.end-12 {
  grid-column-end: col-13;
}

.end-13 {
  grid-column-end: col-14;
}

.end-14 {
  grid-column-end: col-15;
}

.end-15 {
  grid-column-end: col-16;
}

.end-16 {
  grid-column-end: content-end;
}

.end-17 {
  grid-column-end: full-end;
}

/* Responsive Ending Position Classes for medium screen size */
@media (min-width: 48em) {
  .md-end-1 {
    grid-column-end: col-2;
  }
  .md-end-2 {
    grid-column-end: col-3;
  }
  .md-end-3 {
    grid-column-end: col-4;
  }
  .md-end-4 {
    grid-column-end: col-5;
  }
  .md-end-5 {
    grid-column-end: col-6;
  }
  .md-end-6 {
    grid-column-end: col-7;
  }
  .md-end-7 {
    grid-column-end: col-8;
  }
  .md-end-8 {
    grid-column-end: col-9;
  }
  .md-end-9 {
    grid-column-end: col-10;
  }
  .md-end-10 {
    grid-column-end: col-11;
  }
  .md-end-11 {
    grid-column-end: col-12;
  }
  .md-end-12 {
    grid-column-end: col-13;
  }
  .md-end-13 {
    grid-column-end: col-14;
  }
  .md-end-14 {
    grid-column-end: col-15;
  }
  .md-end-15 {
    grid-column-end: col-16;
  }
  .md-end-16 {
    grid-column-end: content-end;
  }
  .md-end-17 {
    grid-column-end: full-end;
  }
}
/* Responsive Ending Position Classes for large screen size */
@media (min-width: 64em) {
  .lg-end-1 {
    grid-column-end: col-2;
  }
  .lg-end-2 {
    grid-column-end: col-3;
  }
  .lg-end-3 {
    grid-column-end: col-4;
  }
  .lg-end-4 {
    grid-column-end: col-5;
  }
  .lg-end-5 {
    grid-column-end: col-6;
  }
  .lg-end-6 {
    grid-column-end: col-7;
  }
  .lg-end-7 {
    grid-column-end: col-8;
  }
  .lg-end-8 {
    grid-column-end: col-9;
  }
  .lg-end-9 {
    grid-column-end: col-10;
  }
  .lg-end-10 {
    grid-column-end: col-11;
  }
  .lg-end-11 {
    grid-column-end: col-12;
  }
  .lg-end-12 {
    grid-column-end: col-13;
  }
  .lg-end-13 {
    grid-column-end: col-14;
  }
  .lg-end-14 {
    grid-column-end: col-15;
  }
  .lg-end-15 {
    grid-column-end: col-16;
  }
  .lg-end-16 {
    grid-column-end: content-end;
  }
  .lg-end-17 {
    grid-column-end: full-end;
  }
}
/* Responsive Ending Position Classes for extra large screen size */
@media (min-width: 90em) {
  .xl-end-1 {
    grid-column-end: col-2;
  }
  .xl-end-2 {
    grid-column-end: col-3;
  }
  .xl-end-3 {
    grid-column-end: col-4;
  }
  .xl-end-4 {
    grid-column-end: col-5;
  }
  .xl-end-5 {
    grid-column-end: col-6;
  }
  .xl-end-6 {
    grid-column-end: col-7;
  }
  .xl-end-7 {
    grid-column-end: col-8;
  }
  .xl-end-8 {
    grid-column-end: col-9;
  }
  .xl-end-9 {
    grid-column-end: col-10;
  }
  .xl-end-10 {
    grid-column-end: col-11;
  }
  .xl-end-11 {
    grid-column-end: col-12;
  }
  .xl-end-12 {
    grid-column-end: col-13;
  }
  .xl-end-13 {
    grid-column-end: col-14;
  }
  .xl-end-14 {
    grid-column-end: col-15;
  }
  .xl-end-15 {
    grid-column-end: col-16;
  }
  .xl-end-16 {
    grid-column-end: content-end;
  }
  .xl-end-17 {
    grid-column-end: full-end;
  }
}
/* Grid Column End Classes for xxlarge screens */
@media (min-width: 120em) {
  .xxl-end-1 {
    grid-column-end: col-2;
  }
  .xxl-end-2 {
    grid-column-end: col-3;
  }
  .xxl-end-3 {
    grid-column-end: col-4;
  }
  .xxl-end-4 {
    grid-column-end: col-5;
  }
  .xxl-end-5 {
    grid-column-end: col-6;
  }
  .xxl-end-6 {
    grid-column-end: col-7;
  }
  .xxl-end-7 {
    grid-column-end: col-8;
  }
  .xxl-end-8 {
    grid-column-end: col-9;
  }
  .xxl-end-9 {
    grid-column-end: col-10;
  }
  .xxl-end-10 {
    grid-column-end: col-11;
  }
  .xxl-end-11 {
    grid-column-end: col-12;
  }
  .xxl-end-12 {
    grid-column-end: col-13;
  }
  .xxl-end-13 {
    grid-column-end: col-14;
  }
  .xxl-end-14 {
    grid-column-end: col-15;
  }
  .xxl-end-15 {
    grid-column-end: col-16;
  }
  .xxl-end-16 {
    grid-column-end: content-end;
  }
  .xxl-end-17 {
    grid-column-end: full-end;
  }
}
/* Span classes for medium screen size */
/* Full Span Classes with padding */
.span-wide {
  grid-column: col-1/content-end;
}

/* Full span from start to end within the content area */
.span-full {
  grid-column: full;
}

@media (min-width: 320px) and (max-width: 1023px) {
  .mb-span-full {
    grid-column: full;
  }
}

/* subgrid helper classes */
/**
 * Place any image and text-like content side-by-side, as per:
 * http://www.stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code
 */
.o-media {
  align-items: flex-start;
  display: flex;
}

.o-media__img {
  margin-right: 1.6875rem;
}
.o-media__img > img {
  display: block;
}

.o-media__body {
  flex: 1;
}
.o-media__body,
.o-media__body > :last-child {
  margin-bottom: 0;
}

/* Reversed media objects
   ========================================================================== */
.o-media--reverse > .o-media__img {
  margin-left: 1.6875rem;
  margin-right: 0;
}

/* Gutterless media objects
   ========================================================================== */
.o-media--flush > .o-media__img {
  margin-left: 0;
  margin-right: 0;
}

/**
 * Page-level constraining and wrapping elements.
 */
.wrapper {
  margin-left: auto;
  margin-right: auto;
  max-width: 1280px;
}
.wrapper--narrow {
  max-width: 840px;
}
.wrapper--wide {
  max-width: 1920px;
}
.wrapper--full {
  max-width: 100%;
}
.wrapper--flush {
  padding-left: 0;
  padding-right: 0;
}

.block-hero {
  position: relative;
  overflow: hidden;
  min-height: 680px;
  margin-top: 0;
}
@media (min-width: 90em) {
  .block-hero {
    height: 70vh;
    min-height: 900px;
  }
}
.block-hero__background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.block-hero__background-image {
  width: 100%;
  height: 100%;
}
.block-hero__background-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.block-hero__content {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  max-width: 740px;
}
.block-hero__headline {
  font-weight: 420 !important;
  letter-spacing: 2.4px;
  margin-bottom: 1rem;
}
.block-hero__title {
  font-family: "Funnel Display", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", "Arial", sans-serif;
  font-weight: 800;
  line-height: 1.1 !important;
  margin-bottom: 1.6875rem;
}
.block-hero__ankeiler p {
  font-size: clamp(1.25rem, 1.1893rem + 0.2589vw, 27px);
  margin-bottom: 2rem;
}
.block-hero__buttons {
  display: flex;
  gap: 1.6875rem;
  flex-wrap: wrap;
}
@keyframes hero-animation-scroll {
  0% {
    transform: translateX(-50%) translateY(calc(-50% + 6px));
  }
  50% {
    transform: translateX(-50%) translateY(calc(-50% - 6px));
  }
  100% {
    transform: translateX(-50%) translateY(calc(-50% + 6px));
  }
}
.block-hero__scroll {
  position: absolute;
  bottom: 1.6875rem;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  animation: hero-animation-scroll 1s ease-out;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  z-index: 1;
}
.block-hero__scroll .svg {
  transform: rotateX(180deg);
}
.block-hero__scroll-link {
  display: flex;
  align-items: center;
  gap: 0.421875rem;
  text-decoration: none;
  color: #fff;
}
.block-hero--slider {
  min-height: 600px;
}
@media (min-width: 90em) {
  .block-hero--slider {
    height: 70vh;
    min-height: 900px;
  }
}
.block-hero--slider .block-hero__background {
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}
.block-hero--slider .block-hero-slider__swiper {
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}
.block-hero--slider .block-hero-slider__swiper,
.block-hero--slider .block-hero-slider__swiper .swiper-wrapper,
.block-hero--slider .block-hero-slider__swiper .swiper-slide {
  height: 100%;
}
.block-hero--slider .block-hero-slider__swiper .swiper-wrapper {
  width: 100%;
  max-width: 100%;
}
.block-hero--slider .swiper-slide {
  position: relative;
  overflow: hidden;
  width: 100%;
  max-width: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  transition: opacity 0.5s ease-in-out !important;
}
.block-hero--slider .swiper-slide .block-hero-slider__content {
  z-index: 3;
}
.block-hero--slider .swiper-slide.swiper-slide-active {
  opacity: 1 !important;
  z-index: 10;
}
.block-hero--slider .swiper-slide.swiper-slide-active .block-hero-slider__content {
  z-index: 11;
}
.block-hero--slider .swiper-slide:not(.swiper-slide-active) {
  opacity: 0 !important;
  z-index: 1;
}
.block-hero--slider .swiper-slide:not(.swiper-slide-active) .block-hero-slider__content {
  z-index: 3;
}
.block-hero--slider .swiper-slide .block-hero__background-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.block-hero--slider .block-hero-slider__content {
  position: relative;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: space-between;
  gap: 0.84375rem;
  position: relative;
  margin-bottom: 2.5%;
  width: calc(100% - 2 * 1.6875rem);
  max-width: min(100vw - 2 * 1.6875rem, 1680px);
  background: #fff;
  border-radius: 16px;
  padding: 1.6875rem 1.6875rem 6.75rem 1.6875rem;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
  z-index: 3;
}
@media (min-width: 48em) {
  .block-hero--slider .block-hero-slider__content {
    padding: 1.6875rem;
  }
}
@media (min-width: 64em) {
  .block-hero--slider .block-hero-slider__content {
    align-items: baseline;
    flex-direction: row;
  }
}
.block-hero--slider .left-content {
  min-width: 0;
}
.block-hero--slider .block-hero-slider__title {
  display: block;
  font-size: clamp(2rem, 1.6rem + 1.6vw, 50px);
  font-weight: 700;
  color: #001E50;
  line-height: 1;
  justify-self: flex-start;
  min-height: 65px;
  margin-bottom: 0.421875rem;
}
.block-hero--slider .block-hero-slider__text {
  min-height: 32px;
  margin-bottom: 0.421875rem;
}
@media (min-width: 48em) {
  .block-hero--slider .block-hero-slider__link {
    align-self: baseline;
  }
}
.block-hero--slider .block-hero-slider__navigation {
  position: absolute;
  bottom: 40px;
  left: 60px;
  width: -moz-fit-content;
  width: fit-content;
  z-index: 2;
}
@media (min-width: 48em) {
  .block-hero--slider .block-hero-slider__navigation {
    transform: translateX(0);
    left: auto;
    bottom: 45px;
    right: 10vw;
  }
}
@media (min-width: 64em) {
  .block-hero--slider .block-hero-slider__navigation {
    bottom: 85px;
    right: 18vw;
  }
}
@media (min-width: 90em) {
  .block-hero--slider .block-hero-slider__navigation {
    bottom: 95px;
    right: 18.5625rem;
  }
}
@media (min-width: 107.5em) {
  .block-hero--slider .block-hero-slider__navigation {
    right: 18.5625rem;
  }
}
.block-hero--slider .block-hero-slider__navigation-buttons {
  display: flex;
  align-items: center;
  gap: 0.84375rem;
  margin-bottom: 0.84375rem;
}
@media (min-width: 48em) {
  .block-hero--slider .block-hero-slider__navigation-buttons {
    margin-bottom: 1.6875rem;
  }
}
.block-hero--slider .swiper-button-prev,
.block-hero--slider .swiper-button-next {
  position: static;
  width: 70px;
  height: 40px;
  margin: 0;
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  background: white;
  border: 2px solid #E8E4DF;
  border-radius: 20px;
  transition: all 0.3s ease;
}
.block-hero--slider .swiper-button-prev::after,
.block-hero--slider .swiper-button-next::after {
  content: "" !important;
  width: 8px !important;
  height: 8px !important;
  border-right: 2px solid #E8E4DF !important;
  border-bottom: 2px solid #E8E4DF !important;
  border-left: none !important;
  border-top: none !important;
  transform: rotate(45deg) !important;
  transition: all 0.3s ease !important;
  font-size: 0 !important;
  font-family: none !important;
  text-align: center !important;
  line-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  color: transparent !important;
}
.block-hero--slider .swiper-button-prev.swiper-button-disabled, .block-hero--slider .swiper-button-prev.swiper-button-disabled-custom,
.block-hero--slider .swiper-button-next.swiper-button-disabled,
.block-hero--slider .swiper-button-next.swiper-button-disabled-custom {
  opacity: 0.5 !important;
  cursor: not-allowed !important;
  pointer-events: none !important;
  border-color: #B8B3AE !important;
}
.block-hero--slider .swiper-button-prev.swiper-button-disabled::after, .block-hero--slider .swiper-button-prev.swiper-button-disabled-custom::after,
.block-hero--slider .swiper-button-next.swiper-button-disabled::after,
.block-hero--slider .swiper-button-next.swiper-button-disabled-custom::after {
  border-right-color: #B8B3AE !important;
  border-bottom-color: #B8B3AE !important;
}
.block-hero--slider .swiper-button-prev::after {
  transform: rotate(135deg) !important;
}
.block-hero--slider .swiper-button-next::after {
  transform: rotate(-45deg) !important;
}
.block-hero--slider .swiper-button-prev,
.block-hero--slider .swiper-button-next {
  border-color: #001E50 !important;
}
.block-hero--slider .swiper-button-prev::after,
.block-hero--slider .swiper-button-next::after {
  border-right-color: #001E50 !important;
  border-bottom-color: #001E50 !important;
}
.block-hero--slider .swiper-pagination {
  position: static;
  text-align: left;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 8px;
}
.block-hero--slider .swiper-pagination-bullet {
  width: 60px !important;
  height: 4px;
  border-radius: 2px;
  background: #E8E4DF;
  opacity: 1;
  margin: 0 !important;
  transition: all 0.3s ease;
}
@media (min-width: 64em) {
  .block-hero--slider .swiper-pagination-bullet {
    width: 120px !important;
  }
}
.block-hero--slider .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #001E50;
  opacity: 1;
}

/**
 * Swiper 11.2.10
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2025 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: June 28, 2025
 */
@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") format("woff");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}

:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.swiper-3d {
  perspective: 1200px;
}
.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}

/* 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-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

/* Slide styles start */
/* 3D Shadows */
.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-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));
}

.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);
  }
}
/* Slide styles end */
:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-top-offset: 50%;
  --swiper-navigation-sides-offset: 10px;
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}

.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: var(--swiper-navigation-top-offset, 50%);
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}
.swiper-navigation-disabled .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-next {
  display: none !important;
}
.swiper-button-prev svg,
.swiper-button-next svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  transform-origin: center;
}
.swiper-rtl .swiper-button-prev svg,
.swiper-rtl .swiper-button-next svg {
  transform: rotate(180deg);
}

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

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

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

/* Navigation font start */
.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:after,
.swiper-rtl .swiper-button-next:after {
  content: "prev";
}

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

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

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
.swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}

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

/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

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

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

.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform, 200ms top;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms left;
}

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

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

/* Progress */
.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}
.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: var(--swiper-pagination-progressbar-size, 4px);
  left: 0;
  top: 0;
}
.swiper-vertical > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
  width: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
  left: 0;
  top: 0;
}

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

.logo-block {
  background-color: #F5EFE6;
  padding: 2.53125rem 0;
  position: relative;
}
.logo-block__title-text {
  color: #81877A;
  font-weight: 500;
  font-size: 16px;
  margin-bottom: 0;
}
.logo-block__wrapper {
  display: flex;
  position: relative;
}
.logo-block__wrapper .swiper {
  width: 100%;
  overflow: hidden;
}
.logo-block__wrapper .swiper.swiper-horizontal .swiper-wrapper {
  display: flex;
  flex-direction: row;
}
.logo-block__wrapper .swiper .swiper-slide {
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.logo-block__wrapper .swiper-button-prev,
.logo-block__wrapper .swiper-button-next {
  color: #FF6200;
}
.logo-block__wrapper .swiper-button-prev:after,
.logo-block__wrapper .swiper-button-next:after {
  font-size: 24px;
}
.logo-block__wrapper .swiper-pagination {
  margin-top: 1.6875rem;
  bottom: 10px;
}
.logo-block__wrapper .swiper-pagination .swiper-pagination-bullet {
  background: #FF6200;
}
.logo-block .grid__item {
  align-items: center;
  display: flex;
  justify-content: center;
  height: 100%;
  padding: 0.421875rem;
}
.logo-block .grid__item img {
  max-width: 220px !important;
  width: 100% !important;
  height: auto !important;
  display: block !important;
  filter: grayscale(100%);
  -o-object-fit: contain;
     object-fit: contain;
}
@media (min-width: 48em) {
  .logo-block .grid__item img {
    max-width: 250px !important;
  }
}
@media (min-width: 64em) {
  .logo-block .grid__item img {
    max-width: 300px !important;
    padding: 1.6875rem;
  }
}

.cta-columns-block__title {
  line-height: 1.1;
}
.cta-columns-block__buttons {
  display: flex;
  flex-direction: column;
  gap: 1.6875rem;
  margin-top: 3.375rem;
}
@media (min-width: 64em) {
  .cta-columns-block__buttons {
    flex-direction: row;
  }
}
.cta-columns-block .button--primary {
  background: transparent linear-gradient(90deg, #1B7EC7 0%, #0070C3 100%) 0% 0% no-repeat padding-box;
  color: #fff;
}
.cta-columns-block .button--primary:hover {
  background: transparent linear-gradient(90deg, #1566A3 0%, #005A9E 100%) 0% 0% no-repeat padding-box;
  color: #fff;
}
.cta-columns-block__column--text p {
  font-weight: 300;
}
.cta-columns-block__column--list {
  margin-top: 3.375rem;
}
@media (min-width: 64em) {
  .cta-columns-block__column--list {
    margin-top: 0;
  }
}
.cta-columns-block__usp {
  display: flex;
  align-items: center;
}

.cta-image {
  padding: 3.375rem 0 !important;
  position: relative;
  row-gap: 0;
  container-type: inline-size;
}
@media (min-width: 64em) {
  .cta-image {
    justify-items: center;
    grid-template-rows: 50px 1fr 50px;
  }
}
@media (min-width: 120em) {
  .cta-image {
    padding: 5.0625rem 0 !important;
  }
}
.cta-image__content {
  z-index: 1;
  grid-row: 2;
}
@media (min-width: 64em) {
  .cta-image__content {
    border-radius: 13px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    grid-row: 2;
    justify-self: center;
  }
}
.cta-image__content-inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  row-gap: 1.6875rem;
  padding: 3.375rem;
}
@media (min-width: 64em) {
  .cta-image__content-inner {
    row-gap: 2.53125rem;
  }
}
@media (min-width: 64em) {
  .cta-image__content-inner {
    padding: 4.21875rem;
  }
}
@media (min-width: 120em) {
  .cta-image__content-inner {
    min-height: 720px;
  }
}
.cta-image__title {
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.1;
  margin-bottom: 0;
}
.cta-image__ankeiler {
  font-size: clamp(1.125rem, 1.0588rem + 0.2909vw, 1.55rem);
  color: #070445;
  margin-bottom: 0;
}
.cta-image__image {
  width: 100%;
  height: auto;
  display: block;
  grid-row: 1;
}
@media (min-width: 64em) {
  .cta-image__image {
    grid-row: 1/span 3;
    justify-self: center;
  }
}
.cta-image__image-background {
  width: 100%;
  height: 100%;
  min-height: 400px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
@media (min-width: 64em) {
  .cta-image__image-background {
    border-radius: 13px;
  }
}
@media (min-width: 64em) {
  .cta-image__image-background {
    min-height: 500px;
  }
}
.cta-image__image-container {
  border-radius: 13px;
  width: 100%;
  height: auto;
  display: block;
  margin-bottom: 0;
}
.cta-image__image-container img {
  margin: 0;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 64em) {
  .cta-image__image-container img {
    border-radius: 13px;
  }
}

.featured-project {
  padding: 6.75rem 0;
  position: relative;
  row-gap: 0;
  container-type: inline-size;
}
@media (min-width: 64em) {
  .featured-project {
    justify-items: center;
    grid-template-rows: 50px 1fr 50px;
  }
}
@media (min-width: 120em) {
  .featured-project {
    grid-template-rows: 70px 1fr 70px;
  }
}
.featured-project__image {
  width: 100%;
  height: auto;
  display: block;
  grid-row: 1;
  z-index: 2;
}
@media (min-width: 64em) {
  .featured-project__image {
    grid-row: 2;
    justify-self: center;
  }
}
.featured-project__image-background {
  width: 100%;
  height: 100%;
  min-height: 400px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
}
@media (min-width: 64em) {
  .featured-project__image-background {
    border-radius: 13px;
    min-height: 500px;
  }
}
.featured-project__content {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 1;
  grid-row: 2;
}
@media (min-width: 64em) {
  .featured-project__content {
    min-height: 500px;
    grid-row: 1/span 3;
    justify-self: center;
  }
}
.featured-project__content-inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  background: #F5EFE6;
  padding: 3.375rem 7vw;
  border-bottom-left-radius: 13px;
  border-bottom-right-radius: 13px;
  width: 100%;
  position: relative;
  height: 100%;
  z-index: 3;
}
@media (min-width: 64em) {
  .featured-project__content-inner {
    border-radius: 13px;
    padding: 5.0625rem;
  }
}
@media (min-width: 90em) {
  .featured-project__content-inner {
    padding: 5.0625rem 6.75rem;
  }
}
@media (min-width: 106.25em) {
  .featured-project__content-inner {
    padding: 5.0625rem 6.75rem 6.75rem 8.4375rem;
  }
}
.featured-project__title {
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.1;
  margin-bottom: 0.84375rem;
}
.featured-project__subtitle {
  color: #001E50;
  font-size: 27px;
  font-weight: 500;
  margin-bottom: 1.6875rem;
}
.featured-project__intro {
  font-size: clamp(1.375rem, 1.2792rem + 0.4088vw, 1.688rem);
  color: #070445;
  margin-bottom: 3.375rem;
}
.featured-project__responsibilities {
  margin-bottom: 2.953125rem;
}
.featured-project__responsibilities-title {
  font-weight: 700;
  margin-bottom: 1.6875rem;
}
.featured-project__responsibilities-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.featured-project__responsibility-item {
  display: flex;
  align-items: flex-start;
  margin-bottom: 1.265625rem;
  font-size: 18px;
  color: #001E50;
}

.featured-systems {
  container-type: inline-size;
}
@media (min-width: 90em) {
  .featured-systems {
    padding: 6.75rem 5.0625rem !important;
  }
}
.featured-systems__system-inner {
  display: grid;
  grid-template-columns: 1fr;
}
@media (min-width: 90em) {
  .featured-systems__system-inner {
    grid-template-columns: 1.15fr 1fr;
    row-gap: 0;
  }
}
@media (min-width: 120em) {
  .featured-systems__system-inner {
    grid-template-columns: 1fr 1fr;
  }
}
.featured-systems__system-title {
  margin-bottom: 1.265625rem;
  line-height: 1;
}
@media (min-width: 90em) {
  .featured-systems__system-title {
    margin-bottom: 2.53125rem;
    margin-top: 40px;
  }
}
.featured-systems__system-list-title {
  margin-bottom: 1.6875rem;
}
.featured-systems__system-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
@media (min-width: 90em) {
  .featured-systems__system-list {
    min-height: 130px;
  }
}
.featured-systems__system-list-item {
  display: flex;
  align-items: flex-start;
  margin-bottom: 0.84375rem;
  font-size: 18px;
  color: #001E50;
}
.featured-systems__system-list-item:last-child {
  margin-bottom: 0;
}
@media (min-width: 90em) {
  .featured-systems__system-list-item {
    margin-bottom: 1.265625rem;
  }
}
.featured-systems__cta {
  position: relative;
  text-align: center;
}
@media (min-width: 64em) {
  .featured-systems__cta {
    text-align: left;
    margin-left: 40px;
  }
}
@container (min-width: 1300px) {
  .featured-systems__cta {
    margin-top: -120px;
    padding-bottom: 60px;
    z-index: 3;
  }
}
@container (min-width: 1900px) {
  .featured-systems__cta {
    margin-top: -160px;
    padding-bottom: 100px;
  }
}
.featured-systems__image-container {
  margin-bottom: 0;
}
@media (min-width: 48em) {
  .featured-systems__image-container {
    margin-bottom: 0;
  }
}
.featured-systems__image-container img {
  margin: 0;
}
@media (min-width: 90em) {
  .featured-systems__image-container img {
    margin: 0 auto;
  }
}
.featured-systems__navigation {
  text-align: right;
  margin-top: 1.6875rem;
}
@media (min-width: 64em) {
  .featured-systems__navigation {
    max-width: 25%;
  }
}
@media (min-width: 90em) {
  .featured-systems__navigation {
    margin-top: -90px;
  }
}
@media (min-width: 93.75em) {
  .featured-systems__navigation {
    margin-top: -140px;
  }
}
@media (min-width: 120em) {
  .featured-systems__navigation {
    margin-top: -150px;
  }
}
.featured-systems__navigation-buttons {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.6875rem;
}
.featured-systems__navigation-buttons-inner {
  display: flex;
  align-items: center;
  gap: 16px;
  justify-content: space-between;
}
.featured-systems__navigation .--current-slide {
  font-size: clamp(2.5rem, 1.926rem + 2.449vw, 4.375rem);
  font-weight: 700;
  color: #001E50;
  line-height: 1;
  justify-self: flex-start;
}
.featured-systems .swiper-button-prev,
.featured-systems .swiper-button-next {
  position: static;
  width: 70px;
  height: 40px;
  margin: 0;
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  background: white;
  border: 2px solid #E8E4DF;
  border-radius: 20px;
  transition: all 0.3s ease;
}
.featured-systems .swiper-button-prev::after,
.featured-systems .swiper-button-next::after {
  content: "" !important;
  width: 8px !important;
  height: 8px !important;
  border-right: 2px solid #E8E4DF !important;
  border-bottom: 2px solid #E8E4DF !important;
  border-left: none !important;
  border-top: none !important;
  transform: rotate(45deg) !important;
  transition: all 0.3s ease !important;
  font-size: 0 !important;
  font-family: none !important;
  text-align: center !important;
  line-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  color: transparent !important;
}
.featured-systems .swiper-button-prev.swiper-button-disabled, .featured-systems .swiper-button-prev.swiper-button-disabled-custom,
.featured-systems .swiper-button-next.swiper-button-disabled,
.featured-systems .swiper-button-next.swiper-button-disabled-custom {
  opacity: 0.5 !important;
  cursor: not-allowed !important;
  pointer-events: none !important;
  border-color: #B8B3AE !important;
}
.featured-systems .swiper-button-prev.swiper-button-disabled::after, .featured-systems .swiper-button-prev.swiper-button-disabled-custom::after,
.featured-systems .swiper-button-next.swiper-button-disabled::after,
.featured-systems .swiper-button-next.swiper-button-disabled-custom::after {
  border-right-color: #B8B3AE !important;
  border-bottom-color: #B8B3AE !important;
}
.featured-systems .swiper-button-prev.swiper-button-hidden,
.featured-systems .swiper-button-next.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}
.swiper-navigation-disabled .featured-systems .swiper-button-prev,
.swiper-navigation-disabled .featured-systems .swiper-button-next {
  display: none !important;
}
.featured-systems .swiper-button-prev {
  color: #001E50 !important;
}
.featured-systems .swiper-button-prev::after {
  transform: rotate(135deg) !important;
}
.featured-systems .swiper-button-next::after {
  transform: rotate(-45deg) !important;
}
.featured-systems .swiper-button-prev,
.featured-systems .swiper-button-next {
  border-color: #001E50 !important;
}
.featured-systems .swiper-button-prev::after,
.featured-systems .swiper-button-next::after {
  border-right-color: #001E50 !important;
  border-bottom-color: #001E50 !important;
}
.featured-systems .swiper-pagination {
  position: static;
  text-align: left;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 8px;
}
.featured-systems .swiper-pagination-bullet {
  width: 120px !important;
  height: 4px;
  border-radius: 2px;
  background: #E8E4DF;
  opacity: 1;
  margin: 0 !important;
  transition: all 0.3s ease;
}
.featured-systems .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #001E50;
  opacity: 1;
}
.featured-systems .swiper-slide {
  transition: opacity 0.5s ease-in-out !important;
  pointer-events: none;
}
.featured-systems .swiper-slide-active {
  opacity: 1 !important;
  pointer-events: auto;
}
.featured-systems .swiper-slide:not(.swiper-slide-active) {
  opacity: 0 !important;
}

@media (min-width: 64em) {
  .about-slider {
    padding: 5.0625rem 0 6.75rem !important;
  }
}
@media (min-width: 90em) {
  .about-slider {
    padding: 6.75rem 0 8.4375rem !important;
  }
}
.about-slider .swiper-slide {
  background: #F5EFE6;
  padding: 3.375rem 1.6875rem;
}
@media (min-width: 64em) {
  .about-slider .swiper-slide {
    border-radius: 13px;
    padding: 3.375rem;
  }
}
@media (min-width: 120em) {
  .about-slider .swiper-slide {
    padding: 5.0625rem;
  }
}
.about-slider .swiper-slide-next {
  opacity: 0.4;
}
.about-slider .swiper-slide-prev {
  opacity: 0.4;
}
.about-slider__text {
  font-size: clamp(1.125rem, 1.0588rem + 0.2909vw, 1.55rem);
  line-height: 1.15;
}
.about-slider__title {
  font-size: 45px;
  font-weight: 500;
  color: #001E50;
  margin-bottom: 3.375rem;
}
.about-slider__content {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.6875rem;
}
@media (min-width: 64em) {
  .about-slider__content {
    grid-template-columns: 1fr 1fr;
  }
}
.about-slider__list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.about-slider__list .--checkmark {
  margin-top: 5px;
}
.about-slider__list-item-text {
  display: flex;
  align-items: flex-start;
  margin-bottom: 1.6875rem;
  font-size: 20px;
  color: #001E50;
}
.about-slider__navigation-wrapper {
  display: flex;
  flex-direction: column;
  row-gap: 1.6875rem;
  padding: 0 1.6875rem;
}
@media (min-width: 64em) {
  .about-slider__navigation-wrapper {
    padding: 0;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    row-gap: 0;
  }
}
.about-slider__navigation {
  text-align: right;
  margin-top: 1.6875rem;
}
.about-slider__navigation-buttons {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.6875rem;
  margin-left: 1.6875rem;
}
.about-slider__navigation-buttons-inner {
  display: flex;
  align-items: center;
  gap: 16px;
  justify-content: space-between;
}
.about-slider__navigation .--current-slide {
  font-size: clamp(2.5rem, 1.926rem + 2.449vw, 4.375rem);
  font-weight: 700;
  color: #001E50;
  line-height: 1;
  justify-self: flex-start;
}
.about-slider .swiper-button-prev--about,
.about-slider .swiper-button-next--about {
  position: static;
  width: 70px;
  height: 40px;
  margin: 0;
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  background: white;
  border: 2px solid #E8E4DF;
  border-radius: 20px;
  transition: all 0.3s ease;
}
.about-slider .swiper-button-prev--about::after,
.about-slider .swiper-button-next--about::after {
  content: "" !important;
  width: 8px !important;
  height: 8px !important;
  border-right: 2px solid #E8E4DF !important;
  border-bottom: 2px solid #E8E4DF !important;
  border-left: none !important;
  border-top: none !important;
  transform: rotate(45deg) !important;
  transition: all 0.3s ease !important;
  font-size: 0 !important;
  font-family: none !important;
  text-align: center !important;
  line-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  color: transparent !important;
}
.about-slider .swiper-button-prev--about.swiper-button-disabled, .about-slider .swiper-button-prev--about.swiper-button-about-disabled,
.about-slider .swiper-button-next--about.swiper-button-disabled,
.about-slider .swiper-button-next--about.swiper-button-about-disabled {
  opacity: 0.5 !important;
  cursor: not-allowed !important;
  pointer-events: none !important;
  border-color: #B8B3AE !important;
}
.about-slider .swiper-button-prev--about.swiper-button-disabled::after, .about-slider .swiper-button-prev--about.swiper-button-about-disabled::after,
.about-slider .swiper-button-next--about.swiper-button-disabled::after,
.about-slider .swiper-button-next--about.swiper-button-about-disabled::after {
  border-right-color: #B8B3AE !important;
  border-bottom-color: #B8B3AE !important;
}
.about-slider .swiper-button-prev--about.swiper-button-hidden,
.about-slider .swiper-button-next--about.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}
.swiper-navigation-disabled .about-slider .swiper-button-prev--about,
.swiper-navigation-disabled .about-slider .swiper-button-next--about {
  display: none !important;
}
.about-slider .swiper-button-prev--about {
  color: #001E50 !important;
}
.about-slider .swiper-button-prev--about::after {
  transform: rotate(135deg) !important;
}
.about-slider .swiper-button-next--about::after {
  transform: rotate(-45deg) !important;
}
.about-slider .swiper-button-prev--about,
.about-slider .swiper-button-next--about {
  border-color: #001E50 !important;
}
.about-slider .swiper-button-prev--about::after,
.about-slider .swiper-button-next--about::after {
  border-right-color: #001E50 !important;
  border-bottom-color: #001E50 !important;
}
.about-slider .swiper-pagination--about {
  position: static;
  text-align: left;
  margin: 0 0 0 1.6875rem;
  display: flex;
  align-items: center;
  gap: 8px;
}
.about-slider .swiper-pagination-bullet {
  width: 120px !important;
  height: 4px;
  border-radius: 2px;
  background: #E8E4DF;
  opacity: 1;
  margin: 0 !important;
  transition: all 0.3s ease;
}
.about-slider .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #001E50;
  opacity: 1;
}

.method-block {
  position: relative;
  row-gap: 0;
  container-type: inline-size;
}
@media (min-width: 64em) {
  .method-block {
    grid-template-rows: 120px 1fr 140px;
  }
}
@media (min-width: 100em) {
  .method-block {
    padding: 5.0625rem !important;
  }
}
@media (min-width: 120em) {
  .method-block {
    grid-template-rows: 180px 1fr 250px;
    padding: 8.4375rem !important;
  }
}
.method-block__image {
  width: 100%;
  height: auto;
  display: block;
  grid-row: 1;
  position: relative;
  z-index: 1;
}
@media (min-width: 64em) {
  .method-block__image {
    grid-row: 1/span 2;
    justify-self: center;
  }
}
.method-block__image-background {
  width: 100%;
  height: 100%;
  min-height: 380px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
@media (min-width: 64em) {
  .method-block__image-background {
    border-radius: 13px;
    min-height: 500px;
  }
}
.method-block__content {
  background: #fff;
  grid-row: 2;
  padding: 3.375rem 1.6875rem;
  position: relative;
  border-radius: 13px;
  z-index: 2;
}
@media (min-width: 64em) {
  .method-block__content {
    grid-row: 2/span 2;
    padding: 5.0625rem;
  }
}
.method-block__title {
  margin-bottom: 1.6875rem;
}
.method-block__ankeiler {
  font-size: clamp(1.125rem, 1.0588rem + 0.2909vw, 1.55rem);
  color: #001E50;
  font-weight: 600;
  margin-bottom: 2.53125rem;
  max-width: 70%;
}
.method-block__responsibilities-list {
  list-style: none;
  counter-reset: responsibility;
  padding: 0;
  margin-left: 0;
  margin-bottom: 3.375rem;
}
.method-block__responsibility-item {
  font-size: 22px;
  color: #001E50;
  margin-bottom: 1.265625rem;
  display: flex;
  align-items: flex-start;
  gap: 0.84375rem;
}
.method-block__responsibility-item::before {
  counter-increment: responsibility;
  content: counter(responsibility);
  background: #001E50;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  font-weight: 700;
  line-height: 1;
  flex: 0 0 28px;
}

.page-intro-block {
  padding: 1.6875rem 0 !important;
}
.page-intro-block__title {
  margin-bottom: 1.6875rem;
  text-wrap: balance;
}
@media (min-width: 90em) {
  .page-intro-block__title {
    margin-bottom: 2.53125rem;
  }
}
.page-intro-block__image {
  margin-bottom: 1.6875rem;
}
.page-intro-block__image img {
  max-height: 400px;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
@media (min-width: 64em) {
  .page-intro-block__image img {
    max-height: 100%;
    border-radius: 13px;
  }
}

.system-block__inner {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 3.375rem;
}
@media (min-width: 64em) {
  .system-block__inner {
    grid-template-columns: 1.15fr 1fr;
    row-gap: 0;
    -moz-column-gap: 0;
         column-gap: 0;
  }
}
.system-block__title {
  margin-bottom: 1.6875rem;
}
@media (min-width: 90em) {
  .system-block__title {
    margin-top: 2.53125rem;
  }
}
.system-block__description {
  margin-bottom: 1.6875rem;
  text-wrap: pretty;
}
@media (min-width: 90em) {
  .system-block__description {
    margin-bottom: 2.53125rem;
  }
}
.system-block__list {
  list-style: none;
  padding: 0;
  margin: 0;
  min-height: 130px;
}
.system-block__list-item {
  display: flex;
  align-items: flex-start;
  margin-bottom: 1.265625rem;
  font-size: 18px;
  color: #001E50;
}
.system-block__images {
  position: relative;
  min-width: 0;
}
.system-block .system-swiper {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.system-block .swiper-wrapper {
  display: flex;
  align-items: stretch;
}
.system-block .swiper-slide {
  width: 100%;
  flex-shrink: 0;
}
.system-block__image-container {
  margin-bottom: 0;
  position: relative;
}
.system-block__image-container img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.system-block__navigation {
  text-align: right;
  margin-top: 1.6875rem;
}
@media (min-width: 64em) {
  .system-block__navigation {
    margin-top: 5.0625rem;
    max-width: 75%;
  }
}
.system-block__navigation-buttons {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
}
@media (min-width: 64em) {
  .system-block__navigation-buttons {
    justify-content: flex-end;
  }
}
.system-block .swiper-button-prev,
.system-block .swiper-button-next {
  position: static;
  width: 70px;
  height: 40px;
  margin: 0;
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  background: white;
  border: 2px solid #E8E4DF;
  border-radius: 20px;
  transition: all 0.3s ease;
}
.system-block .swiper-button-prev::after,
.system-block .swiper-button-next::after {
  content: "" !important;
  width: 8px !important;
  height: 8px !important;
  border-right: 2px solid #E8E4DF !important;
  border-bottom: 2px solid #E8E4DF !important;
  border-left: none !important;
  border-top: none !important;
  transform: rotate(45deg) !important;
  transition: all 0.3s ease !important;
  font-size: 0 !important;
  font-family: none !important;
  text-align: center !important;
  line-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  color: transparent !important;
}
.system-block .swiper-button-prev.swiper-button-disabled, .system-block .swiper-button-prev.swiper-button-disabled-custom,
.system-block .swiper-button-next.swiper-button-disabled,
.system-block .swiper-button-next.swiper-button-disabled-custom {
  opacity: 0.5 !important;
  cursor: not-allowed !important;
  pointer-events: none !important;
  border-color: #B8B3AE !important;
}
.system-block .swiper-button-prev.swiper-button-disabled::after, .system-block .swiper-button-prev.swiper-button-disabled-custom::after,
.system-block .swiper-button-next.swiper-button-disabled::after,
.system-block .swiper-button-next.swiper-button-disabled-custom::after {
  border-right-color: #B8B3AE !important;
  border-bottom-color: #B8B3AE !important;
}
.system-block .swiper-button-prev::after {
  transform: rotate(135deg) !important;
}
.system-block .swiper-button-next::after {
  transform: rotate(-45deg) !important;
}
.system-block .swiper-button-prev,
.system-block .swiper-button-next {
  border-color: #001E50 !important;
}
.system-block .swiper-button-prev::after,
.system-block .swiper-button-next::after {
  border-right-color: #001E50 !important;
  border-bottom-color: #001E50 !important;
}
.system-block .swiper-slide {
  transition: opacity 0.5s ease-in-out !important;
}
.system-block .swiper-slide-active {
  opacity: 1 !important;
}
.system-block .swiper-slide:not(.swiper-slide-active) {
  opacity: 0 !important;
}

.two-column-usp__wrapper {
  display: grid;
  grid-template-columns: 1fr;
  gap: 5.0625rem;
}
@media (min-width: 64em) {
  .two-column-usp__wrapper {
    grid-template-columns: 1fr 1fr;
  }
}
.two-column-usp__description {
  display: flex;
  flex-direction: column;
  font-weight: 300;
  gap: 1.6875rem;
  text-wrap: pretty;
}
@media (min-width: 90em) {
  .two-column-usp__description {
    padding: 0 1.6875rem;
  }
}
.two-column-usp__list-wrapper {
  display: flex;
  flex-direction: column;
  gap: 1.6875rem;
}
@media (min-width: 90em) {
  .two-column-usp__list-wrapper {
    padding-right: 3.375rem;
  }
}
.two-column-usp__list {
  list-style: none;
  padding: 0;
  margin: 0 0 0 0.84375rem;
}
.two-column-usp__list-item {
  font-size: 22px;
  font-weight: 500;
  display: flex;
  align-items: flex-start;
  padding: 2.53125rem 0;
  border-bottom: 1px solid #001E50;
}
.two-column-usp__list-item:last-child {
  border-bottom: none;
}
.two-column-usp .--checkmark {
  margin-top: 6px;
  min-width: 20px;
}

.timeline-block {
  position: relative;
  padding: 0 !important;
}
.timeline-block__container {
  position: relative;
  padding: 6.75rem 0;
}
@media (min-width: 120em) {
  .timeline-block__container {
    padding: 6.75rem 5.0625rem;
  }
}
.timeline-block__line {
  position: absolute;
  left: 13px;
  top: 8.4375rem;
  height: calc(100% - 250px);
  width: 2px;
  background-color: rgb(227, 225, 225);
  z-index: 1;
}
@media (min-width: 120em) {
  .timeline-block__line {
    left: 94px;
  }
}
.timeline-block__phase {
  position: relative;
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.6875rem 3.375rem;
  margin-bottom: 6.75rem;
  padding-left: 40px;
}
@media (min-width: 48em) {
  .timeline-block__phase {
    padding-left: 80px;
  }
}
@media (min-width: 64em) {
  .timeline-block__phase {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
    grid-template-areas: "left-title right-empty" "left-content right-content";
    gap: 1.6875rem 3.375rem;
  }
}
.timeline-block__phase:last-child {
  margin-bottom: 0;
}
.timeline-block__indicator {
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  -moz-column-gap: 30px;
       column-gap: 30px;
  align-items: center;
  z-index: 2;
}
.timeline-block__dot {
  width: 28px;
  height: 28px;
  background-color: #FF8C00;
  border-radius: 50%;
  border: 8px solid #FDFBF7;
  position: relative;
  z-index: 3;
  flex-shrink: 0;
}
.timeline-block__phase-badge {
  position: relative;
  background-color: #fff;
  color: #070445;
  font-size: 18px;
  padding: 8px 28px 12px 50px;
  border-radius: 9999px;
  margin-left: -25px;
  font-weight: 600;
  white-space: nowrap;
  display: flex;
  align-items: center;
  gap: 8px;
}
@media (min-width: 48em) {
  .timeline-block__phase-badge {
    padding: 12px 32px 12px 67px;
    margin-left: 12px;
  }
}
.timeline-block__phase-number {
  color: #fff;
  position: absolute;
  top: 3px;
  left: 3px;
  padding: 20px;
  background-color: #070445;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-weight: 700;
}
@media (min-width: 48em) {
  .timeline-block__phase-number {
    padding: 26px;
    left: -1px;
    top: -2px;
  }
}
.timeline-block__phase-title {
  font-weight: 600;
  font-size: 18px;
}
.timeline-block__left-content {
  grid-column: 1;
  padding-top: 6.75rem;
}
@media (min-width: 64em) {
  .timeline-block__left-content {
    grid-area: left-title;
  }
}
.timeline-block__left-content-bottom {
  grid-column: 1;
}
@media (min-width: 64em) {
  .timeline-block__left-content-bottom {
    grid-area: left-content;
  }
}
.timeline-block__main-title {
  font-size: clamp(2rem, 4vw, 3.5rem);
  font-weight: 700;
  margin-bottom: 0;
  line-height: 1.1;
}
.timeline-block__subtitle {
  font-size: 22px;
  margin-bottom: 2.53125rem;
  font-weight: 700;
  text-wrap: pretty;
}
.timeline-block__list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.timeline-block__list-item {
  display: flex;
  align-items: flex-start;
  margin-bottom: 1.265625rem;
  font-size: 18px;
  color: #001E50;
}
.timeline-block .--checkmark {
  min-width: 20px;
}
.timeline-block__right-content {
  grid-column: 1;
}
@media (min-width: 64em) {
  .timeline-block__right-content {
    grid-area: right-content;
    padding-top: 0;
  }
}
.timeline-block__right-title {
  font-size: clamp(1.25rem, 2.5vw, 1.75rem);
  font-weight: 700;
  margin-bottom: 1.6875rem;
  line-height: 1.2;
}
.timeline-block__right-text {
  font-size: clamp(1rem, 1.5vw, 1.125rem);
  line-height: 1.6;
}
.timeline-block__right-text p {
  margin-bottom: 1.6875rem;
}
.timeline-block__right-text p:last-child {
  margin-bottom: 0;
}

.highlights__wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.84375rem;
  border-bottom: 1px solid #070445;
  padding: 0.84375rem 0;
}
@media (min-width: 64em) {
  .highlights__wrapper {
    display: flex;
    flex-direction: row;
    -moz-column-gap: 5.0625rem;
         column-gap: 5.0625rem;
  }
}
@media (min-width: 90em) {
  .highlights__wrapper {
    -moz-column-gap: 6.75rem;
         column-gap: 6.75rem;
  }
}
.highlights__item {
  display: flex;
  align-items: center;
  gap: 0.421875rem;
}
.highlights__item-title {
  font-size: clamp(18px, 1.75vw, 22px);
  font-weight: 400;
  color: #070445;
}
.highlights .svg {
  width: 24px;
  stroke: #070445;
}
@media (min-width: 48em) {
  .highlights .svg {
    width: 30px;
  }
}

.project-content__inner {
  display: grid;
  grid-template-columns: 1fr;
  -moz-column-gap: 6.75rem;
       column-gap: 6.75rem;
  row-gap: 2.53125rem;
}
@media (min-width: 64em) {
  .project-content__inner {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto 1fr;
    grid-template-areas: "left-title right-empty" "left-content right-content";
  }
  .project-content__inner > .timeline-block__left-content {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .project-content__inner > .timeline-block__left-content-bottom {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .project-content__inner > .timeline-block__right-content {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
}
@media (min-width: 64em) {
  .project-content__content {
    display: contents;
  }
}
.project-content__title {
  margin-bottom: 2.53125rem;
}
@media (min-width: 64em) {
  .project-content__title {
    grid-area: left-title;
    margin-bottom: 0;
  }
}
.project-content h3 {
  margin-bottom: 2.109375rem;
}
@media (min-width: 64em) {
  .project-content__description {
    grid-area: left-content;
  }
}
.project-content__partners {
  display: flex;
  flex-direction: column;
}
@media (min-width: 64em) {
  .project-content__partners {
    grid-area: right-content;
  }
}
@media (min-width: 64em){
  .timeline-block__left-content {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .timeline-block__left-content-bottom {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .timeline-block__right-content {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }
  .project-content__title {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .project-content__inner > .project-content__title {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .project-content__description {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .project-content__inner > .project-content__description {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .project-content__partners {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }
  .project-content__inner > .project-content__partners {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
}
.project-content__partners-title {
  margin-top: 0.421875rem;
  margin-bottom: 0;
}
.project-content .partners-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.project-content .partners-list__item {
  color: #001E50;
  display: flex;
  font-size: 18px;
  justify-content: space-between;
  padding: 1.6875rem 0;
  border-bottom: 1px solid #001E50;
}
.project-content .partners-list__item:first-child {
  padding-top: 0;
}
.project-content .partners-list__item:last-child {
  border-bottom: 0;
}
.project-content .partners-list .partner-name {
  font-weight: 700;
}

/**
 * Two Column Image Block
 */
.two-column-image {
  position: relative;
  row-gap: 0;
  container-type: inline-size;
  padding: 5.0625rem 0 !important;
}
@media (min-width: 64em) {
  .two-column-image {
    grid-template-rows: 260px 1fr 100px;
    row-gap: 0;
  }
}
.two-column-image__image-left {
  border-radius: 13px;
  position: relative;
  z-index: 1;
  grid-row: 1;
}
@media (min-width: 64em) {
  .two-column-image__image-left {
    grid-row: 1/span 2;
  }
}
.two-column-image__image-right {
  border-radius: 13px;
  position: relative;
  z-index: 2;
  grid-row: 2;
}
@media (min-width: 64em) {
  .two-column-image__image-right {
    grid-row: 2/span 2;
  }
}
.two-column-image__image-left-background, .two-column-image__image-right-background {
  border-radius: 13px;
  position: relative;
  width: 100%;
  height: 100%;
  height: 400px;
}
@media (min-width: 64em) {
  .two-column-image__image-left-background, .two-column-image__image-right-background {
    height: 500px;
  }
}
@media (min-width: 90em) {
  .two-column-image__image-left-background, .two-column-image__image-right-background {
    height: 480px;
  }
}
@media (min-width: 120em) {
  .two-column-image__image-left-background, .two-column-image__image-right-background {
    height: 600px;
  }
}
.two-column-image__image-left-background .image-as-background, .two-column-image__image-right-background .image-as-background {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  overflow: hidden;
}
.two-column-image__image-left-background {
  margin-bottom: 1.6875rem;
}
.two-column-image__image-right-background {
  margin-top: 1.6875rem;
}
@media (min-width: 64em) {
  .two-column-image__image-right-background {
    margin-top: 0;
  }
}
@media (min-width: 100em) {
  .two-column-image__image-right-background {
    height: 600px;
  }
}

.accordion-block {
  padding: 3.375rem 0;
}
.accordion-block__item {
  margin-bottom: 1.6875rem;
}
.accordion-block__title {
  background-color: #F5EFE6;
  border-radius: 13px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 0.84375rem 1.6875rem;
}
@media (min-width: 48em) {
  .accordion-block__title {
    padding: 2.109375rem 1.6875rem;
  }
}
.accordion-block__title .title-text {
  flex-basis: 100%;
  font-weight: 600;
}
.accordion-block__title .title-icon {
  margin-right: 0.84375rem;
}
.accordion-block__title .svg {
  fill: #001E50;
  width: 16px;
  transition: transform 0.3s ease;
}
.accordion-block__text {
  overflow: hidden;
  opacity: 0;
  margin-bottom: 0;
  transition: opacity 0.3s ease, max-height 0.3s ease;
  max-height: 0;
}
.accordion-block__text p {
  font-size: 18px;
}
.accordion-block__text > p:last-of-type {
  margin-bottom: 0;
}
@media (min-width: 64em) {
  .accordion-block__text {
    max-width: 55%;
  }
}
.accordion-block__text.show {
  opacity: 1;
  max-height: -moz-fit-content;
  max-height: fit-content;
  padding: 0.84375rem 1.6875rem 0.84375rem 0.84375rem;
}
.accordion-block__title.active .svg {
  transform: rotate(180deg);
}

.archive-header {
  margin-bottom: 3.375rem;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1.6875rem;
}
.archive-header__description :last-child {
  margin-bottom: 0;
}

.button {
  border-radius: 50px;
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  gap: 0.84375rem;
  font-size: 18px;
  padding: 14px 52px;
  text-decoration: none;
  transition: all 300ms ease-in-out;
}
.button:hover .svg {
  transform: translateX(4px);
  transition: transform 300ms ease-in-out;
}
.button--primary {
  background: linear-gradient(90deg, #1B7EC7 0%, #0070C3 100%);
  color: white;
  border: none;
}
.button--primary:hover {
  background: linear-gradient(90deg, #1566A3 0%, #005A9E 100%);
}
#hero-1:not(.block-hero--slider) .button--primary {
  background: #FF6200;
  color: #fff;
}
#hero-1:not(.block-hero--slider) .button--primary:hover {
  background: #e65800;
  color: #fff;
}
#hero-1:not(.block-hero--slider) .button--primary .svg {
  fill: #fff;
  width: 40px;
}
.button--outline {
  background: transparent;
  border: 1px solid #070445;
  color: #070445;
}
.button--outline .svg {
  fill: #070445;
  width: 40px;
}
.button--outline:hover {
  background: #070445;
  color: #fff;
}
.button--outline:hover .svg {
  fill: #fff;
}

.terms-nav {
  border-radius: 6px;
  display: none;
  position: absolute;
  background-color: #fff;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
  list-style-type: none;
  margin: 0 0 1.6875rem;
  padding: 0.84375rem 0 0;
  z-index: 10;
}
.terms-nav__item {
  padding: 10px 16px;
  cursor: pointer;
  width: 240px;
  text-align: left;
}
.terms-nav__item:hover {
  background-color: #f8f9fa;
}
.terms-nav__item a {
  text-decoration: none;
  color: #070445;
}
.terms-nav__item.active {
  background-color: #FF6200;
}
.terms-nav__item.active a {
  color: #fff;
}

.dropdown-container {
  position: relative;
  display: inline-block;
  margin-bottom: 0.84375rem;
}

.button--dropdown {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 0.84375rem 1.6875rem;
}
.button--dropdown .svg {
  margin-top: 2px;
  width: 16px;
}
.button--dropdown:hover .svg {
  transform: none;
  transition: none;
}
.button--dropdown[aria-expanded=true] .svg {
  transform: rotate(180deg);
}

.site {
  margin-left: auto;
  margin-right: auto;
  max-width: 1920px;
}

.content-block {
  padding: 2.53125rem 0;
}
@media (min-width: 64em) {
  .content-block {
    padding: 5.0625rem 0;
  }
}

.site-header {
  background: #fff;
  border-bottom: 1px solid #d5dde5;
  padding: 0.84375rem 0;
  z-index: 9;
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%) translateY(0);
  width: 100%;
  max-width: 1920px;
  transition: transform 300ms ease-in-out;
}
@media (min-width: 48em) {
  .site-header {
    padding: 2.53125rem 0;
  }
}
.site-header__wrapper {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.site-header__branding {
  width: clamp(7rem, 5.2394rem + 7.4vw, 20rem);
  height: auto;
  z-index: 9;
}
.site-header__branding .svg--logo-diapositief {
  display: none;
}
.site-header__title {
  margin: 0;
  font-size: 30px;
  font-weight: 500;
  line-height: normal;
}
.site-header__title-link {
  color: inherit;
  text-decoration: none;
}
.site-header__description {
  margin: 0;
}
.site-header .navigation-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
}
@media (min-width: 64em) {
  .site-header .navigation-wrapper {
    gap: 0.421875rem;
  }
}
.site-header .navigation-wrapper .svg--icon-separator {
  color: #FF6200;
  margin: 0 0.421875rem;
  height: 30px;
  z-index: 20;
}
.site-header .navigation-wrapper .search-form {
  position: relative;
  display: block;
  z-index: 20;
}
.site-header .navigation-wrapper .search-form .search-field {
  border-radius: 3px;
  cursor: pointer;
  opacity: 0;
  font-family: "Funnel Sans", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", "Arial", sans-serif;
  font-size: 18px;
  position: absolute;
  top: 3px;
  left: 5px;
  transition: all 300ms ease-in-out;
  width: 0;
  padding: 5px 12px;
  z-index: 10;
}
.site-header .navigation-wrapper .search-form .search-field:focus {
  cursor: text;
  left: -220px;
  top: 60px;
  opacity: 1;
  outline: none;
  width: 300px;
  z-index: 20;
}
@media (min-width: 64em) {
  .site-header .navigation-wrapper .search-form .search-field:focus {
    left: -300px;
    top: 3px;
  }
}
.site-header .navigation-wrapper .search-form .search-button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
  min-width: 48px;
  min-height: 48px;
}
.site-header .navigation-wrapper .search-form .search-button .svg--icon-search {
  cursor: pointer;
  color: #FF6200;
  height: 32px;
  width: 32px;
  z-index: 2;
}
body:has(#hero-1) .site-header {
  background: transparent;
}
body:has(#hero-1) .site-header .navigation-wrapper .svg--icon-separator {
  color: #fff;
}
body:has(#hero-1) .site-header .navigation-wrapper .search-form .search-button .svg--icon-search {
  color: #fff;
}
body:has(#hero-1) .site-header__branding .svg--logo {
  display: none;
}
body:has(#hero-1) .site-header__branding .svg--logo-diapositief {
  display: inline;
}
body.menu-open .site-header__branding .svg--logo {
  display: none;
}
body.menu-open .site-header__branding .svg--logo-diapositief {
  display: inline;
}
.site-header--scroll-up {
  transform: translateX(-50%) translateY(-100%);
}
.site-header--collapse {
  transform: translateX(-50%) translateY(0);
}
.admin-bar .site-header {
  top: 46px;
}
@media (min-width: 48em) {
  .admin-bar .site-header {
    top: 32px;
  }
}

body:has(#hero-1) .site-header {
  border-bottom: none;
}
body:has(#hero-1) .site-header--collapse {
  background: radial-gradient(circle at 70% 60%, #288DBA 0%, #056A95 50%, #034269 100%);
}

.site-content {
  background: #fff;
}
body:not(:has(#hero-1)) .site-content {
  padding-top: 86px;
}
@media (min-width: 48em) {
  body:not(:has(#hero-1)) .site-content {
    padding-top: 158px;
  }
}

.site-main {
  background: #fff;
  padding: 0;
  animation: fadein 0.5s ease-in-out;
}
.archive .site-main, .error404 .site-main {
  padding-top: 3.796875rem;
}

.site-footer {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/><feComponentTransfer><feFuncA type='table' tableValues='0 0.40'/></feComponentTransfer></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>"), radial-gradient(circle at 70% 60%, #288DBA 0%, #056A95 50%, #034269 100%);
  background-repeat: repeat, no-repeat;
  background-size: 120px 120px, auto;
  background-blend-mode: overlay, normal;
  min-height: 30vh;
  padding: 5.0625rem 0;
}
.site-footer__text {
  font-size: 18px;
  color: #fff;
  margin: 0;
}
.site-footer__ankeiler {
  color: #fff !important;
  font-family: "Funnel Display", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", "Arial", sans-serif !important;
  font-weight: 800;
  line-height: 1.1 !important;
  margin-top: 3.375rem;
  max-width: 600px;
}
.site-footer__contact {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.84375rem;
  align-items: start;
  justify-items: start;
}
@media (min-width: 64em) {
  .site-footer__contact {
    grid-template-columns: 1fr 1fr;
  }
}
.site-footer .button--outline {
  color: #fff;
  align-self: start;
  justify-self: start;
  width: -moz-max-content;
  width: max-content;
}

.entry {
  margin-bottom: 3.375rem;
}
.page .entry {
  padding-top: 3.375rem;
}
.entry__header {
  max-width: var(--wp--style--global--content-size);
  margin: 0 auto;
}
.page-template-default .entry__title {
  margin-bottom: 1.6875rem;
}
.entry__permalink {
  text-decoration: none;
}
.entry__meta {
  font-size: 16px;
  margin-bottom: 1.6875rem;
}
.entry__content form {
  max-width: 800px;
}
.entry__content form input[type=submit] {
  border-radius: 50px;
  padding: 14px 52px;
  font-size: 18px;
  background: linear-gradient(90deg, #1B7EC7 0%, #0070C3 100%);
  color: white;
  border: none;
}
.entry__content form input[type=submit]:hover {
  background: linear-gradient(90deg, #1566A3 0%, #005A9E 100%);
}
.entry__content .search-field {
  margin-bottom: 1.265625rem;
}
input[type=text],
input[type=email],
input[type=search],
input[type=tel],
textarea {
  border: 1px solid #ccd4db;
  padding: 0.84375rem 1.6875rem;
  width: 100%;
  font-size: 18px;
  font-weight: 300;
  color: #070445;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=search]:focus,
input[type=tel]:focus,
textarea:focus {
  outline: none;
  border-color: #aebecd;
}

.gravity-theme .gform_required_legend {
  display: none;
}
.gravity-theme input[type=submit] {
  background-color: #FF6200;
  color: #fff;
  cursor: pointer;
  border: none;
}
.gravity-theme input[type=submit]:hover {
  background-color: #cc4e00;
}

.project-list {
  padding: 6.75rem 0;
}
.project-list__items {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--col-gap);
}
@media (min-width: 64em) {
  .project-list__items {
    grid-template-columns: repeat(2, 1fr);
  }
}

.project-card__link {
  display: block;
  text-decoration: none;
  color: inherit;
  transition: opacity 0.3s ease;
}
.project-card__link:hover {
  opacity: 0.8;
}
.project-card__image {
  margin: 0 0 1.6875rem;
  overflow: hidden;
  aspect-ratio: 3/1.5;
  border-radius: 13px;
  margin-bottom: 0.84375rem;
}
.project-card__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.project-card__title {
  margin: 0;
  font-size: clamp(1.25rem, 1.1893rem + 0.2589vw, 28px);
  line-height: 1.4;
}

.menu__items {
  display: flex;
  flex-direction: row;
  list-style: none;
  margin: 0;
  padding: 0;
}
.menu__item {
  display: block;
}
.menu__link {
  display: block;
  text-decoration: none;
  transition: all 300ms ease-in-out;
}
.menu__toggle {
  background-color: transparent;
  border: none;
  cursor: pointer;
  height: 40px;
  padding: 0.5rem;
  position: relative;
  width: 40px;
  z-index: 999;
}
.menu__toggle-icon {
  height: 100%;
  width: 100%;
}
.menu__toggle-icon path {
  fill: #FF6200;
  opacity: 1;
  transform: rotate(0) translate(0, 0);
  transform-origin: 50% 50%;
  transition: all 300ms ease-in-out;
}
body:has(#hero-1) .menu__toggle-icon path {
  fill: #fff;
}
.menu__toggle-icon path:nth-of-type(3) {
  transform: scaleX(0.6);
  transform-origin: left center;
}
[aria-expanded=true] > .menu__toggle-icon path:nth-of-type(1) {
  transform: rotate(-45deg) translateY(42%);
  fill: #fff !important;
}
[aria-expanded=true] > .menu__toggle-icon path:nth-of-type(2) {
  opacity: 0;
}
[aria-expanded=true] > .menu__toggle-icon path:nth-of-type(3) {
  transform: rotate(45deg) translateY(-42%) scaleX(1);
  transform-origin: center;
  fill: #fff !important;
}
.menu__sub-menu-toggle {
  background-color: #fff;
  border: none;
  width: 40px;
}
.menu__sub-menu-toggle-icon {
  fill: #202833;
  height: 1rem;
  transition: transform 300ms ease-in-out;
  width: 1rem;
}
[aria-expanded=true] > .menu__sub-menu-toggle-icon {
  transform: rotate(180deg);
}

.menu--responsive .menu__items {
  display: flex;
  flex-direction: column;
  height: 100vh !important;
  left: 50%;
  transform: translateX(-50%);
  list-style: none;
  margin: 0;
  opacity: 0;
  overflow-y: auto;
  overflow-x: hidden;
  justify-content: flex-start;
  align-items: center;
  padding-top: 6.75rem;
  padding-bottom: 6.75rem;
  position: fixed;
  text-align: center;
  top: 0;
  transition: all 300ms ease-in-out, text-align 0s ease-in-out;
  visibility: hidden;
  width: 100vw;
  z-index: 3;
}
@media (min-width: 120em) {
  .menu--responsive .menu__items {
    padding-top: 0;
    padding-bottom: 3.375rem;
    justify-content: center;
  }
}
.menu--responsive [aria-expanded=true] + .menu__items {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/><feComponentTransfer><feFuncA type='table' tableValues='0 0.40'/></feComponentTransfer></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>"), radial-gradient(circle at 70% 60%, #288DBA 0%, #056A95 50%, #034269 100%);
  background-repeat: repeat, no-repeat;
  background-size: 120px 120px, auto;
  background-blend-mode: overlay, normal;
  height: 100vh !important;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  opacity: 1;
  overflow-y: auto;
  overflow-x: hidden;
  top: 0;
  text-align: center;
  visibility: visible;
}
.menu--responsive .menu__item--extra {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.menu--responsive .menu__item {
  display: block;
}
.menu--responsive .has-children {
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
.menu--responsive .menu__link {
  color: #fff;
  display: block;
  flex: 1 1 0px;
  font-family: "Funnel Sans", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", "Arial", sans-serif;
  font-size: 20px;
  font-weight: 200;
  width: 320px;
  padding: 0.84375rem;
  text-decoration: none;
}
.menu--responsive .menu__link:hover, .menu--responsive .menu__link:focus {
  color: #FF6200;
  text-decoration: none;
}
@media (min-width: 48em) {
  .menu--responsive .menu__link {
    padding: 0.84375rem;
    width: 380px;
  }
}
@media (min-width: 64em) {
  .menu--responsive .menu__link {
    font-size: 24px;
  }
}
.menu--responsive .menu__item.--strong a {
  font-weight: 800;
  font-size: 22px;
}
@media (min-width: 120em) {
  .menu--responsive .menu__item.--strong a {
    font-size: 30px;
  }
}
.menu--responsive .menu__item.has-border-bottom a {
  padding-bottom: 2.109375rem;
  border-bottom: 1px solid #fff;
}
@media (min-width: 120em) {
  .menu--responsive .menu__item.has-border-bottom a {
    padding-bottom: 4.640625rem;
  }
}
.menu--responsive .has-dropdown-icon {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.menu--responsive .menu__dropdown-icon {
  height: 0.5rem;
  margin-left: 0.421875rem;
  width: 0.5rem;
}
.menu--responsive .menu__sub-menu .menu__dropdown-icon {
  transform: rotate(-90deg);
}
.menu--responsive .menu__link.is-active {
  color: #FF6200;
}
.menu--responsive .menu__item--extra {
  display: flex !important;
  row-gap: 2.53125rem;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 2.53125rem;
  width: 100%;
}
@media (min-width: 64em) {
  .menu--responsive .menu__item--extra {
    flex-direction: row;
    padding-top: 3.375rem;
    max-width: 1400px;
    margin: 0 auto;
    row-gap: 2.53125rem;
  }
}
.menu--responsive .menu__extra {
  color: #fff;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 100%;
  text-align: left;
}
.menu--responsive .menu__extra .svg {
  width: 45px;
  height: 45px;
  fill: #fff;
}
.menu--responsive .menu__extra .svg--linkedin {
  margin-right: 1.6875rem;
}
.menu--responsive .menu__extra--button .button--outline {
  padding: 8px 32px !important;
}
.menu--responsive .menu__sub-menu {
  background: #fff;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  display: flex;
  flex-direction: column;
  height: auto;
  list-style: none;
  margin: 0;
  opacity: 1;
  padding: 0;
  visibility: hidden;
  width: 100%;
  z-index: 100;
  transition: height 300ms ease-in-out;
}
@media (min-width: 48em) {
  .menu--responsive .menu__sub-menu {
    height: auto;
    left: 0;
    min-width: 180px;
    position: absolute;
    top: 100%;
  }
}
.menu--responsive .menu__sub-menu > .menu__item {
  margin: 0;
  padding: 0;
}
.menu--responsive [aria-expanded=true] + .menu__sub-menu {
  opacity: 1;
  visibility: visible;
}
@media (min-width: 48em) {
  .menu--responsive .has-focus-within > .menu__sub-menu,
  .menu--responsive .is-toggled + .menu__sub-menu,
  .menu--responsive .menu__sub-menu:hover,
  .menu--responsive .menu__sub-menu:focus,
  .menu--responsive .menu__item:hover > .menu__sub-menu,
  .menu--responsive .menu__item:focus-within > .menu__sub-menu {
    opacity: 1;
    visibility: visible;
  }
}
.menu--responsive .menu__sub-menu .menu__sub-menu {
  left: 100%;
  right: auto;
  top: 0;
}

.menu--top .menu__items {
  display: flex;
  flex-direction: row;
  position: relative;
  z-index: 3;
  display: none;
}
@media (min-width: 48em) {
  .menu--top .menu__items {
    display: flex;
  }
}
.menu--top .menu__item {
  display: block;
}
.menu--top .menu__link {
  color: #001E50;
  display: block;
  font-size: 18px;
  font-weight: 600;
  padding: 0.84375rem 1.6875rem;
  text-decoration: none;
}
.menu--top .menu__link.is-active, .menu--top .menu__link:hover, .menu--top .menu__link:focus {
  color: #FF6200;
}

body:has(#hero-1) .site-header .menu--top .menu__link,
body:has(#hero-1) .site-header .menu--primary .menu__toggle-icon path {
  color: #fff;
}
body:has(#hero-1) .site-header .menu--top .menu__link path,
body:has(#hero-1) .site-header .menu--primary .menu__toggle-icon path path {
  fill: #fff;
}

.menu--subsidiary .menu__items {
  display: inline-flex;
}

.menu--widget .menu__item + .menu__item {
  margin-top: 0.421875rem;
}
.menu--widget .menu__link {
  padding: 0;
  width: 100%;
}
.menu--widget .menu__sub-menu {
  opacity: 1;
  visibility: visible;
}

.alignleft {
  float: left;
  margin-bottom: 1.5rem;
  margin-right: 1.5rem;
  max-width: 50%;
}

.alignright {
  float: right;
  margin-bottom: 1.5rem;
  margin-left: 1.5rem;
  max-width: 50%;
}

.aligncenter {
  clear: both;
  display: block;
  margin-bottom: 1.5rem;
  margin-left: auto;
  margin-right: auto;
}

.alignwide {
  max-width: 1500px;
  margin: auto;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.clear {
  clear: both;
}

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

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

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

.has-primary-color {
  color: #FF6200;
}

.has-primary-background-color {
  background-color: #FF6200;
}

.has-white-color {
  color: #fff;
}

.has-white-background-color {
  background-color: #fff;
}

.has-grey-color {
  color: #e1e7ec;
}

.has-grey-background-color {
  background-color: #F5EFE6;
}

.has-light-grey-color {
  color: #f8f9fa;
}

.has-light-grey-background-color {
  background-color: #f8f9fa;
}

.has-black-color {
  color: #202833;
}

.has-black-background-color {
  background-color: #202833;
}

.has-alert-color {
  color: #8c182b;
}

.has-color-heading {
  color: #001E50 !important;
}

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

.has-text-align-left {
  text-align: left;
}

.has-text-align-right {
  text-align: right;
}

.text-underline {
  text-decoration: underline;
  text-decoration-thickness: 3px;
  text-underline-offset: 4px;
  text-decoration-color: #001E50;
}

.font-size-19 {
  font-size: 19px;
}

.font-size-20 {
  font-size: 20px;
}

.has-huge-font-size {
  font-size: clamp(3rem, 2rem + 3.5vw, 6.125rem);
}

.stack {
  padding: 3.375rem 0;
}

.mb-1 {
  margin-bottom: 1.6875rem;
}

.mt-2 {
  margin-top: 3.375rem;
}

.lg-mt-2 {
  margin-top: 1.6875rem;
}
@media (min-width: 64em) {
  .lg-mt-2 {
    margin-top: 3.375rem;
  }
}

.mb-2 {
  margin-bottom: 3.375rem;
}

.mt-3 {
  margin-top: 5.0625rem;
}

.mb-3 {
  margin-bottom: 5.0625rem;
}

.pt-1 {
  padding-top: 1.6875rem;
}

.pb-1 {
  padding-bottom: 1.6875rem;
}

.pt-2 {
  padding-top: 3.375rem;
}

.pb-2 {
  padding-bottom: 3.375rem;
}

.--checkmark {
  color: #fff;
  font-weight: 600;
  margin-right: 0.50625rem;
  margin-top: 3px;
  font-size: 13px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: flex;
  align-items: flex-start;
  flex: 0 0 20px;
  justify-content: center;
  background-color: #001E50;
}

.display-flex {
  display: flex;
  gap: 1.6875rem;
}

.border-top {
  border-top: 1px solid #001E50;
}

/**
 * Redefine all of our basic heading styles against utility classes so as to
 * allow for double stranded heading hierarchy, e.g. we semantically need an H2,
 * but we want it to be sized like an H1:
 *
 *   <h2 class="h1"></h2>
 *
 */
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  color: #001E50;
  font-family: "Funnel Sans", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", "Arial", sans-serif;
  font-weight: 700;
  line-height: 1.1;
}

.h1 {
  font-size: clamp(2rem, 1.568rem + 1.8434vw, 3.78rem);
}

.h2 {
  font-size: clamp(2rem, 1.568rem + 1.8434vw, 3.78rem);
}

.h3 {
  font-size: clamp(1.375rem, 1.299rem + 0.3241vw, 1.688rem);
}

.h4 {
  font-size: 27px;
}

/**
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */
.hide-visually,
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
  word-wrap: normal;
}
.hide-visually:focus,
.screen-reader-text:focus {
  background-color: #FF6200;
  clip: auto;
  clip-path: none;
  color: #fff;
  height: auto;
  left: 1.6875rem;
  overflow: visible;
  padding: 0.84375rem 1.265625rem;
  text-decoration: none;
  top: 1.6875rem;
  white-space: normal;
  width: auto;
}

/**
 * Hide visually and from screen readers.
 */
.hidden {
  display: none !important;
}

/*# sourceMappingURL=screen.css.map*/