/*! 
 * OverlayScrollbars
 * Version: 2.16.0
 * 
 * Copyright (c) Rene Haas | KingSora.
 * https://github.com/KingSora
 * 
 * Released under the MIT license.
 */
.os-size-observer,
.os-size-observer-listener {
  scroll-behavior: auto !important;
  direction: inherit;
  pointer-events: none;
  overflow: hidden;
  visibility: hidden;
  box-sizing: border-box;
}

.os-size-observer,
.os-size-observer-listener,
.os-size-observer-listener-item,
.os-size-observer-listener-item-final {
  writing-mode: horizontal-tb;
  position: absolute;
  left: 0;
  top: 0;
}

.os-size-observer {
  z-index: -1;
  contain: strict;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  padding: inherit;
  border: inherit;
  box-sizing: inherit;
  margin: -133px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: scale(0.1);
}
.os-size-observer::before {
  content: "";
  flex: none;
  box-sizing: inherit;
  padding: 10px;
  width: 10px;
  height: 10px;
}

.os-size-observer-appear {
  animation: os-size-observer-appear-animation 1ms forwards;
}

.os-size-observer-listener {
  box-sizing: border-box;
  position: relative;
  flex: auto;
  padding: inherit;
  border: inherit;
  margin: -133px;
  transform: scale(calc(1 / 0.1));
}
.os-size-observer-listener.ltr {
  margin-right: -266px;
  margin-left: 0;
}
.os-size-observer-listener.rtl {
  margin-left: -266px;
  margin-right: 0;
}
.os-size-observer-listener:empty::before {
  content: "";
  width: 100%;
  height: 100%;
}
.os-size-observer-listener:empty::before, .os-size-observer-listener > .os-size-observer-listener-item {
  display: block;
  position: relative;
  padding: inherit;
  border: inherit;
  box-sizing: content-box;
  flex: auto;
}

.os-size-observer-listener-scroll {
  box-sizing: border-box;
  display: flex;
}

.os-size-observer-listener-item {
  right: 0;
  bottom: 0;
  overflow: hidden;
  direction: ltr;
  flex: none;
}

.os-size-observer-listener-item-final {
  transition: none;
}

@keyframes os-size-observer-appear-animation {
  from {
    cursor: auto;
  }
  to {
    cursor: none;
  }
}
.os-trinsic-observer {
  flex: none;
  box-sizing: border-box;
  position: relative;
  max-width: 0px;
  max-height: 1px;
  padding: 0;
  margin: 0;
  border: none;
  overflow: hidden;
  z-index: -1;
  height: 0;
  top: calc(100% + 1px);
  contain: strict;
}
.os-trinsic-observer:not(:empty) {
  height: calc(100% + 1px);
  top: -1px;
}
.os-trinsic-observer:not(:empty) > .os-size-observer {
  width: 1000%;
  height: 1000%;
  min-height: 1px;
  min-width: 1px;
}

/**
 * hide native scrollbars
 * changes to this styles need to be reflected in the environment styles to correctly detect scrollbar hiding
 */
/**
 * body element
 */
html[data-overlayscrollbars-body] {
  overflow: hidden;
}

html[data-overlayscrollbars-body],
html[data-overlayscrollbars-body] > body {
  width: 100%;
  height: 100%;
  margin: 0;
}

html[data-overlayscrollbars-body] > body {
  overflow: visible;
  margin: 0;
}

/**
 * structure setup 
 */
[data-overlayscrollbars] {
  position: relative;
}

[data-overlayscrollbars~=host],
[data-overlayscrollbars-padding] {
  display: flex;
  align-items: stretch !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  scroll-behavior: auto !important;
}

[data-overlayscrollbars-padding],
[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]) {
  box-sizing: inherit;
  position: relative;
  flex: auto;
  height: auto;
  width: 100%;
  min-width: 0;
  padding: 0;
  margin: 0;
  border: none;
  z-index: 0;
}

[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]) {
  --os-vaw: 0;
  --os-vah: 0;
  outline: none;
}
[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]):focus {
  outline: none;
}
[data-overlayscrollbars-viewport][data-overlayscrollbars-viewport~=arrange]::before {
  content: "";
  position: absolute;
  pointer-events: none;
  z-index: -1;
  min-width: 1px;
  min-height: 1px;
  width: var(--os-vaw);
  height: var(--os-vah);
}

/**
 * wrapper elements overflow:
 */
[data-overlayscrollbars~=host],
[data-overlayscrollbars-padding] {
  overflow: hidden !important;
}

[data-overlayscrollbars~=host][data-overlayscrollbars~=noClipping],
[data-overlayscrollbars-padding~=noClipping] {
  overflow: visible !important;
}

/**
 * viewport overflow:
 */
[data-overlayscrollbars-viewport] {
  --os-viewport-overflow-x: hidden;
  --os-viewport-overflow-y: hidden;
  overflow-x: var(--os-viewport-overflow-x);
  overflow-y: var(--os-viewport-overflow-y);
}

[data-overlayscrollbars-viewport~=overflowXVisible] {
  --os-viewport-overflow-x: visible;
}

[data-overlayscrollbars-viewport~=overflowXHidden] {
  --os-viewport-overflow-x: hidden;
}

[data-overlayscrollbars-viewport~=overflowXScroll] {
  --os-viewport-overflow-x: scroll;
}

[data-overlayscrollbars-viewport~=overflowYVisible] {
  --os-viewport-overflow-y: visible;
}

[data-overlayscrollbars-viewport~=overflowYHidden] {
  --os-viewport-overflow-y: hidden;
}

[data-overlayscrollbars-viewport~=overflowYScroll] {
  --os-viewport-overflow-y: scroll;
}

[data-overlayscrollbars-viewport~=overflowImportant] {
  overflow-x: var(--os-viewport-overflow-x) !important;
  overflow-y: var(--os-viewport-overflow-y) !important;
}

/**
 * viewport state modifiers:
 */
[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId) {
  font-size: 0 !important;
  line-height: 0 !important;
}

[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId)::before,
[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId)::after,
[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId) > *:not(#osFakeId) {
  display: none !important;
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border-width: 0 !important;
}

[data-overlayscrollbars-viewport~=measuring],
[data-overlayscrollbars-viewport~=scrolling] {
  scroll-behavior: auto !important;
  scroll-snap-type: none !important;
}

[data-overlayscrollbars-viewport~=measuring][data-overlayscrollbars-viewport~=overflowXVisible] {
  overflow-x: hidden !important;
}

[data-overlayscrollbars-viewport~=measuring][data-overlayscrollbars-viewport~=overflowYVisible] {
  overflow-y: hidden !important;
}

/**
 * content element:
 */
[data-overlayscrollbars-content] {
  box-sizing: inherit;
}

/**
 * Display contents to bridge any flickering during deferred initialization.
 */
[data-overlayscrollbars-contents]:not(#osFakeId):not([data-overlayscrollbars-padding]):not([data-overlayscrollbars-viewport]):not([data-overlayscrollbars-content]) {
  display: contents;
}

/**
 * optional & experimental grid mode
 */
[data-overlayscrollbars-grid],
[data-overlayscrollbars-grid] [data-overlayscrollbars-padding] {
  display: grid;
  grid-template: 1fr/1fr;
}

[data-overlayscrollbars-grid] > [data-overlayscrollbars-padding],
[data-overlayscrollbars-grid] > [data-overlayscrollbars-viewport],
[data-overlayscrollbars-grid] > [data-overlayscrollbars-padding] > [data-overlayscrollbars-viewport] {
  height: auto !important;
  width: auto !important;
}

@property --os-scroll-percent {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
@property --os-viewport-percent {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
.os-scrollbar {
  --os-viewport-percent: 0;
  --os-scroll-percent: 0;
  --os-scroll-direction: 0;
  --os-scroll-percent-directional: calc(
    var(--os-scroll-percent) - (var(--os-scroll-percent) + (1 - var(--os-scroll-percent)) * -1) *
      var(--os-scroll-direction)
  );
}

.os-scrollbar {
  contain: size layout;
  contain: size layout style;
  transition: opacity 0.15s, visibility 0.15s, top 0.15s, right 0.15s, bottom 0.15s, left 0.15s;
  pointer-events: none;
  position: absolute;
  opacity: 0;
  visibility: hidden;
}

body > .os-scrollbar {
  position: fixed;
  z-index: 99999;
}

.os-scrollbar-transitionless {
  transition: none !important;
}

.os-scrollbar-track {
  position: relative;
  padding: 0 !important;
  border: none !important;
}

.os-scrollbar-handle {
  position: absolute;
}

.os-scrollbar-track,
.os-scrollbar-handle {
  pointer-events: none;
  width: 100%;
  height: 100%;
}

.os-scrollbar.os-scrollbar-track-interactive .os-scrollbar-track,
.os-scrollbar.os-scrollbar-handle-interactive .os-scrollbar-handle {
  pointer-events: auto;
  touch-action: none;
}

.os-scrollbar-horizontal {
  bottom: 0;
  left: 0;
}

.os-scrollbar-vertical {
  top: 0;
  right: 0;
}

.os-scrollbar-rtl.os-scrollbar-horizontal {
  right: 0;
}

.os-scrollbar-rtl.os-scrollbar-vertical {
  right: auto;
  left: 0;
}

.os-scrollbar-visible {
  opacity: 1;
  visibility: visible;
}

.os-scrollbar-auto-hide.os-scrollbar-auto-hide-hidden {
  opacity: 0;
  visibility: hidden;
}

.os-scrollbar-interaction.os-scrollbar-visible {
  opacity: 1;
  visibility: visible;
}

.os-scrollbar-unusable,
.os-scrollbar-unusable *,
.os-scrollbar-wheel,
.os-scrollbar-wheel * {
  pointer-events: none !important;
}

.os-scrollbar-unusable .os-scrollbar-handle {
  opacity: 0 !important;
  transition: none !important;
}

.os-scrollbar-horizontal .os-scrollbar-handle {
  bottom: 0;
  left: calc(var(--os-scroll-percent-directional) * 100%);
  transform: translateX(calc(var(--os-scroll-percent-directional) * -100%));
  width: calc(var(--os-viewport-percent) * 100%);
}

.os-scrollbar-vertical .os-scrollbar-handle {
  right: 0;
  top: calc(var(--os-scroll-percent-directional) * 100%);
  transform: translateY(calc(var(--os-scroll-percent-directional) * -100%));
  height: calc(var(--os-viewport-percent) * 100%);
}

@supports (container-type: size) {
  .os-scrollbar-track {
    container-type: size;
  }
  .os-scrollbar-horizontal .os-scrollbar-handle {
    left: auto;
    transform: translateX(calc(var(--os-scroll-percent-directional) * 100cqw + var(--os-scroll-percent-directional) * -100%));
  }
  .os-scrollbar-vertical .os-scrollbar-handle {
    top: auto;
    transform: translateY(calc(var(--os-scroll-percent-directional) * 100cqh + var(--os-scroll-percent-directional) * -100%));
  }
  .os-scrollbar-rtl.os-scrollbar-horizontal .os-scrollbar-handle {
    right: auto;
    left: 0;
  }
}
.os-scrollbar-rtl.os-scrollbar-vertical .os-scrollbar-handle {
  right: auto;
  left: 0;
}

.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless,
.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless.os-scrollbar-rtl {
  left: 0;
  right: 0;
}

.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless,
.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless.os-scrollbar-rtl {
  top: 0;
  bottom: 0;
}

@media print {
  .os-scrollbar {
    display: none;
  }
}
.os-scrollbar {
  --os-size: 0;
  --os-padding-perpendicular: 0;
  --os-padding-axis: 0;
  --os-track-border-radius: 0;
  --os-track-bg: none;
  --os-track-bg-hover: none;
  --os-track-bg-active: none;
  --os-track-border: none;
  --os-track-border-hover: none;
  --os-track-border-active: none;
  --os-handle-border-radius: 0;
  --os-handle-bg: none;
  --os-handle-bg-hover: none;
  --os-handle-bg-active: none;
  --os-handle-border: none;
  --os-handle-border-hover: none;
  --os-handle-border-active: none;
  --os-handle-min-size: 33px;
  --os-handle-max-size: none;
  --os-handle-perpendicular-size: 100%;
  --os-handle-perpendicular-size-hover: 100%;
  --os-handle-perpendicular-size-active: 100%;
  --os-handle-interactive-area-offset: 0;
}

.os-scrollbar-track {
  border: var(--os-track-border);
  border-radius: var(--os-track-border-radius);
  background: var(--os-track-bg);
  transition: opacity 0.15s, background-color 0.15s, border-color 0.15s;
}
.os-scrollbar-track:hover {
  border: var(--os-track-border-hover);
  background: var(--os-track-bg-hover);
}
.os-scrollbar-track:active {
  border: var(--os-track-border-active);
  background: var(--os-track-bg-active);
}

.os-scrollbar-handle {
  border: var(--os-handle-border);
  border-radius: var(--os-handle-border-radius);
  background: var(--os-handle-bg);
}
.os-scrollbar-handle:hover {
  border: var(--os-handle-border-hover);
  background: var(--os-handle-bg-hover);
}
.os-scrollbar-handle:active {
  border: var(--os-handle-border-active);
  background: var(--os-handle-bg-active);
}

.os-scrollbar-track:before,
.os-scrollbar-handle:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: block;
}

.os-scrollbar-horizontal {
  padding: var(--os-padding-perpendicular) var(--os-padding-axis);
  right: var(--os-size);
  height: var(--os-size);
}
.os-scrollbar-horizontal.os-scrollbar-rtl {
  left: var(--os-size);
  right: 0;
}
.os-scrollbar-horizontal .os-scrollbar-track:before {
  top: calc(var(--os-padding-perpendicular) * -1);
  bottom: calc(var(--os-padding-perpendicular) * -1);
}
.os-scrollbar-horizontal .os-scrollbar-handle {
  min-width: var(--os-handle-min-size);
  max-width: var(--os-handle-max-size);
  height: var(--os-handle-perpendicular-size);
  transition: opacity 0.15s, background-color 0.15s, border-color 0.15s, height 0.15s;
}
.os-scrollbar-horizontal .os-scrollbar-handle:before {
  top: calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);
  bottom: calc(var(--os-padding-perpendicular) * -1);
}
.os-scrollbar-horizontal:hover .os-scrollbar-handle {
  height: var(--os-handle-perpendicular-size-hover);
}
.os-scrollbar-horizontal:active .os-scrollbar-handle {
  height: var(--os-handle-perpendicular-size-active);
}

.os-scrollbar-vertical {
  padding: var(--os-padding-axis) var(--os-padding-perpendicular);
  bottom: var(--os-size);
  width: var(--os-size);
}
.os-scrollbar-vertical .os-scrollbar-track:before {
  left: calc(var(--os-padding-perpendicular) * -1);
  right: calc(var(--os-padding-perpendicular) * -1);
}
.os-scrollbar-vertical .os-scrollbar-handle {
  min-height: var(--os-handle-min-size);
  max-height: var(--os-handle-max-size);
  width: var(--os-handle-perpendicular-size);
  transition: opacity 0.15s, background-color 0.15s, border-color 0.15s, width 0.15s;
}
.os-scrollbar-vertical .os-scrollbar-handle:before {
  left: calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);
  right: calc(var(--os-padding-perpendicular) * -1);
}
.os-scrollbar-vertical.os-scrollbar-rtl .os-scrollbar-handle:before {
  right: calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);
  left: calc(var(--os-padding-perpendicular) * -1);
}
.os-scrollbar-vertical:hover .os-scrollbar-handle {
  width: var(--os-handle-perpendicular-size-hover);
}
.os-scrollbar-vertical:active .os-scrollbar-handle {
  width: var(--os-handle-perpendicular-size-active);
}

/* NONE THEME: */
[data-overlayscrollbars-viewport~=measuring] > .os-scrollbar,
.os-theme-none.os-scrollbar {
  display: none !important;
}

/* DARK & LIGHT THEME: */
.os-theme-dark,
.os-theme-light {
  box-sizing: border-box;
  --os-size: 10px;
  --os-padding-perpendicular: 2px;
  --os-padding-axis: 2px;
  --os-track-border-radius: 10px;
  --os-handle-interactive-area-offset: 4px;
  --os-handle-border-radius: 10px;
}

.os-theme-dark {
  --os-handle-bg: rgba(0, 0, 0, 0.44);
  --os-handle-bg-hover: rgba(0, 0, 0, 0.55);
  --os-handle-bg-active: rgba(0, 0, 0, 0.66);
}

.os-theme-light {
  --os-handle-bg: rgba(255, 255, 255, 0.44);
  --os-handle-bg-hover: rgba(255, 255, 255, 0.55);
  --os-handle-bg-active: rgba(255, 255, 255, 0.66);
}

[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport]),
[data-overlayscrollbars-viewport~=scrollbarHidden],
html[data-overlayscrollbars-viewport~=scrollbarHidden] > body {
  scrollbar-width: none !important;
}

[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport])::-webkit-scrollbar,
[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport])::-webkit-scrollbar-corner,
[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar,
[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar-corner,
html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar,
html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar-corner {
  appearance: none !important;
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}

[data-overlayscrollbars-initialize]:not([data-overlayscrollbars]):not(html):not(body) {
  overflow: auto;
}

[data-aos] {
  transition-duration: 0.65s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

/*
100	Thin (Hairline)
200	Extra Light (Ultra Light)
300	Light
400	Normal (Regular)
500	Medium
600	Semi Bold (Demi Bold)
700	Bold
800	Extra Bold (Ultra Bold)
900	Black (Heavy)
950	Extra Black (Ultra Black)
 */
/*
Figtree - variable font, wght 300-500 (Light, Regular, Medium used by the design).
Source: Google Fonts (fonts.googleapis.com/css2?family=Figtree:wght@300..500), SIL Open Font License 1.1.
Files: fonts/Figtree/. URLs resolve from assets/css/ (compiled stylesheet location).
The subsets and unicode-range values are kept as served by Google Fonts.
*/
/* latin-ext */
@font-face {
  font-family: "Figtree";
  font-style: normal;
  font-weight: 300 500;
  font-display: swap;
  src: url("../../fonts/Figtree/Figtree-Variable-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Figtree";
  font-style: normal;
  font-weight: 300 500;
  font-display: swap;
  src: url("../../fonts/Figtree/Figtree-Variable-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/*
Zalando Sans SemiExpanded - Variable 300-400 (Light, Regular), display font for the main headings.
Source: Google Fonts (fonts.googleapis.com/css2?family=Zalando+Sans+SemiExpanded:wght@300..400), SIL Open Font License 1.1.
Files: fonts/ZalandoSansSemiExpanded/. URLs resolve from assets/css/ (compiled stylesheet location).
Subsets and unicode-range values are kept as served; vietnamese is not used by the site languages.
*/
/* latin-ext */
@font-face {
  font-family: "Zalando Sans SemiExpanded";
  font-style: normal;
  font-weight: 300 400;
  font-display: swap;
  src: url("../../fonts/ZalandoSansSemiExpanded/ZalandoSansSemiExpanded-Variable-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Zalando Sans SemiExpanded";
  font-style: normal;
  font-weight: 300 400;
  font-display: swap;
  src: url("../../fonts/ZalandoSansSemiExpanded/ZalandoSansSemiExpanded-Variable-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

*:not(mark) {
  background: transparent;
}

html {
  --header-height: 0px;
}

html,
body {
  scroll-behavior: auto;
  font-family: "Figtree", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: normal;
  line-height: normal;
  word-break: break-word;
  white-space: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: #fff;
  color: #000;
  font-size: clamp(13.44px, 4.103vw, 4.103vh);
}
@supports (height: 1svh) {
  html,
  body {
    font-size: clamp(13.44px, 4.103vw, 4.103svh);
  }
}
@media (min-width: 768px) {
  html,
  body {
    font-size: calc(1.15 * clamp(13.44px, 1.951vw, 1.951vh));
  }
  @supports (height: 1svh) {
    html,
    body {
      font-size: calc(1.15 * clamp(13.44px, 1.951vw, 1.951svh));
    }
  }
}
@media (min-width: 1033px) {
  html,
  body {
    font-size: clamp(14.4px, 1.111vw, 2.092vh);
  }
  @supports (height: 1svh) {
    html,
    body {
      font-size: clamp(14.4px, 1.111vw, 2.092svh);
    }
  }
}
@media (min-width: 1440px) and (min-height: 765px) {
  html,
  body {
    font-size: clamp(16px, 0.922vw, 1.736vh);
  }
  @supports (height: 1svh) {
    html,
    body {
      font-size: clamp(16px, 0.922vw, 1.736svh);
    }
  }
}
html.overflow-hidden,
body.overflow-hidden {
  overflow: hidden !important;
  -webkit-user-select: none;
          user-select: none;
  touch-action: none;
  overscroll-behavior: none;
}
@supports (overflow: clip) {
  html.overflow-hidden,
  body.overflow-hidden {
    overflow: clip !important;
  }
}
html.overflow-hidden.os-scrollbar,
html.overflow-hidden body.os-scrollbar,
body.overflow-hidden.os-scrollbar,
body.overflow-hidden body.os-scrollbar {
  display: none !important;
}

*,
*::before,
*::after {
  box-sizing: border-box !important;
  text-decoration: none;
  -o-appearance: none;
  appearance: none;
  border: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  padding: 0;
  margin: 0;
  text-underline-offset: 3px;
  border-radius: 0;
}
*:not(:focus-visible),
*::before:not(:focus-visible),
*::after:not(:focus-visible) {
  outline: none !important;
}

#page {
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 1;
  overflow: hidden;
  min-height: 100vh;
  margin: 0 auto;
  max-width: 100%;
  width: 100%;
  background: inherit;
}
@media (min-width: 1440px) and (min-width: 250vh) {
  #page {
    max-width: 90rem;
  }
}
@supports (height: 1svh) {
  #page {
    min-height: 100svh;
  }
}
@supports (overflow: clip) {
  #page {
    overflow: clip;
  }
}

main {
  position: relative;
  z-index: 2;
  min-height: 50vh;
}
@supports (height: 1svh) {
  main {
    min-height: 50svh;
  }
}

a {
  color: inherit;
}
a[href="#"]:not([role=button]) {
  pointer-events: none;
}

img, video, iframe {
  max-width: 100%;
  height: auto;
}
img:not([src]), video:not([src]), iframe:not([src]) {
  visibility: hidden;
}

b, strong {
  font-weight: 600;
}

i, em {
  font-style: italic;
}

u {
  text-decoration: underline;
}

button {
  font-family: inherit;
  color: inherit;
}
button:not(:disabled) {
  cursor: pointer;
}
button:disabled {
  opacity: 0.5;
}

input, textarea {
  outline: none !important;
}

input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button {
  display: none;
  appearance: none;
}

input[type=search]::-moz-search-clear-button {
  display: none;
}

input[type=search]::-ms-clear {
  display: none;
}

.lenis.lenis-smooth {
  scroll-behavior: auto !important;
}

.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}

.lenis.lenis-stopped {
  overflow: hidden;
}

.lenis.lenis-smooth:not(.fslightbox-open) iframe {
  pointer-events: none;
}

#vh,
#svh {
  position: fixed;
  inset: 0 0 auto;
  pointer-events: none;
  z-index: -999999999999;
  opacity: 0;
}

#vh {
  height: 100vh;
}
@supports (height: 1dvh) {
  #vh {
    height: 100dvh;
  }
}

#svh {
  height: 100vh;
}
@supports (height: 1svh) {
  #svh {
    height: 100svh;
  }
}

#backdrop {
  position: absolute;
  inset: 0;
  z-index: 1000;
  transition: 0.65s cubic-bezier(0.76, 0, 0.24, 1);
  transition-property: opacity, visibility, background;
}

body:not(.burger-menu-active) #backdrop {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

main > *:first-child *[data-aos^=fade][data-aos^=fade]:not(.aos-animate) {
  opacity: 0.1 !important;
}

[data-section]:not(.is-viewed, .is-hero),
[data-section]:not(.is-viewed, .is-hero) *,
[data-section]:not(.is-viewed, .is-hero) *::before,
[data-section]:not(.is-viewed, .is-hero) *::after {
  background-image: none !important;
}

.marquee:not(:has(.marquee3k__wrapper)) {
  opacity: 0;
}

.container {
  margin: 0 auto;
  padding: 0 1.25rem;
  max-width: 100%;
}
@media (min-width: 1033px) {
  .container {
    padding: 0 2.5rem;
    max-width: 90rem;
  }
}

.container-full {
  width: 100%;
  margin: 0 auto;
  max-width: 100%;
  padding: 0 1.25rem;
}
@media (min-width: 1033px) {
  .container-full {
    padding: 0 2.5rem;
  }
}
@media (min-width: 1440px) and (min-width: 250vh) {
  .container-full {
    max-width: 90rem;
  }
}

@media (hover: hover) and (pointer: fine) {
  ::-webkit-scrollbar {
    width: 4px;
    height: 4px;
  }
  ::-webkit-scrollbar-track {
    background: #fff;
  }
  ::-webkit-scrollbar-thumb {
    background: #000;
    border-radius: 10px;
  }
  [data-os]::-webkit-scrollbar {
    display: none;
  }
}
.m-cover,
.m-contain {
  position: relative;
}
.m-cover img, .m-cover video,
.m-contain img,
.m-contain video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.m-cover img, .m-cover video {
  object-fit: cover;
  border-radius: inherit;
}

.m-contain img, .m-contain video {
  object-fit: contain;
}

.media-parallax {
  position: absolute;
  inset: 0 0 -25%;
}
.media-parallax-wrap {
  overflow: clip;
  position: relative;
}

.aspect_16-9 {
  width: 100%;
  aspect-ratio: 16/9;
}

.aspect_16-10 {
  width: 100%;
  aspect-ratio: 16/10;
}

.aspect_3-4 {
  width: 100%;
  aspect-ratio: 3/4;
}

.aspect_9-16 {
  width: 100%;
  aspect-ratio: 9/16;
}

.sticky-cards {
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: clip;
}

.sticky-card {
  position: sticky;
  top: var(--sticky-top, 0);
  z-index: 1;
  margin-top: calc(var(--margin-top, 0) * -1);
  margin-bottom: var(--margin-bottom, 0);
}

.btn-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 3.125rem;
  padding: 0.75rem 1.25rem;
  border-radius: 3.75rem;
  font-size: 0.9375rem;
  font-weight: 300;
  letter-spacing: -0.01em;
  white-space: nowrap;
  color: #ffffff;
}
.btn-nav.is-active {
  background: #ffffff;
  -webkit-backdrop-filter: blur(0.4375rem);
          backdrop-filter: blur(0.4375rem);
  font-weight: 400;
  color: #11172d;
}
@media (hover: hover) and (pointer: fine) {
  .btn-nav:hover {
    background: #ffffff;
    -webkit-backdrop-filter: blur(0.4375rem);
            backdrop-filter: blur(0.4375rem);
    font-weight: 400;
    color: #11172d;
  }
}

.btn-gradient {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.6875rem 1rem;
  border-radius: 2.5rem;
  background: linear-gradient(158.856216787deg, rgb(45, 56, 138) 12.202%, rgb(16, 148, 211) 208.97%);
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  white-space: nowrap;
  color: #ffffff;
}
.btn-gradient--lg {
  padding: 1rem 1.5rem;
  background: linear-gradient(157.518224748deg, rgb(45, 56, 138) 12.202%, rgb(16, 148, 211) 208.97%);
  font-size: 0.9375rem;
}

.btn-white-icon,
.btn-black-icon {
  display: inline-flex;
  align-items: center;
  gap: 0.1875rem;
  padding: 0.375rem;
  border-radius: 2rem;
}
.btn-white-icon__label,
.btn-black-icon__label {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.6875rem 1.3125rem;
  border-radius: 2rem;
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  white-space: nowrap;
}
.btn-white-icon__icon,
.btn-black-icon__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 2.4375rem;
  height: 2.4375rem;
  border-radius: 2.5rem;
}
.btn-white-icon__icon::before,
.btn-black-icon__icon::before {
  content: "";
  width: 0.7628125rem;
  height: 0.4375rem;
  mask: url("../../media/icons/logo-mark.svg") center/100% 100% no-repeat;
}
@media (min-width: 1033px) {
  .btn-white-icon__label,
  .btn-black-icon__label {
    height: 3rem;
    padding: 1rem 1.5rem;
    font-size: 0.9375rem;
  }
  .btn-white-icon__icon,
  .btn-black-icon__icon {
    width: 3rem;
    height: 3rem;
  }
  .btn-white-icon__icon::before,
  .btn-black-icon__icon::before {
    width: 0.87175rem;
    height: 0.5rem;
  }
}

.btn-white-icon {
  background: #ffffff;
  color: #11172d;
}
.btn-white-icon .btn-white-icon__label,
.btn-white-icon .btn-white-icon__icon {
  background: rgba(17, 23, 45, 0.1);
}
.btn-white-icon .btn-white-icon__icon::before {
  background-color: #11172d;
}

.btn-black-icon {
  background: #11172d;
  color: #ffffff;
}
.btn-black-icon .btn-black-icon__label,
.btn-black-icon .btn-black-icon__icon {
  background: rgba(255, 255, 255, 0.05);
}
.btn-black-icon .btn-black-icon__icon::before {
  background-color: #ffffff;
}

@media (min-width: 1033px) {
  .h-70 {
    font-family: "Zalando Sans SemiExpanded", "Figtree", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 4.375rem;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: -0.03em;
  }
  .h-48 {
    font-family: "Zalando Sans SemiExpanded", "Figtree", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 3rem;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: -0.03em;
  }
  .h-32 {
    font-family: "Zalando Sans SemiExpanded", "Figtree", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 2rem;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: -0.03em;
  }
  .h-28 {
    font-family: "Zalando Sans SemiExpanded", "Figtree", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 1.75rem;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: -0.03em;
  }
  .h-22 {
    font-family: "Zalando Sans SemiExpanded", "Figtree", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 1.375rem;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: -0.03em;
  }
  .txt-18 {
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: -0.02em;
  }
  .txt-16 {
    font-size: 1rem;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: -0.02em;
  }
}
@media (max-width: 1032px) {
  .h-52-m {
    font-family: "Zalando Sans SemiExpanded", "Figtree", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 3.25rem;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: -0.03em;
  }
  .h-40-m {
    font-family: "Zalando Sans SemiExpanded", "Figtree", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 2.5rem;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: -0.03em;
  }
  .h-28-m {
    font-family: "Zalando Sans SemiExpanded", "Figtree", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 1.75rem;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: -0.03em;
  }
  .h-26-m {
    font-family: "Zalando Sans SemiExpanded", "Figtree", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 1.625rem;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: -0.03em;
  }
  .h-22-m {
    font-family: "Zalando Sans SemiExpanded", "Figtree", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 1.375rem;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: -0.03em;
  }
  .txt-16-m {
    font-size: 1rem;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: -0.02em;
  }
}
.h-70 mark,
.h-52-m mark,
.h-48 mark,
.h-40-m mark {
  background: transparent;
  color: #fec902;
}

.cf7 {
  position: relative;
}
.cf7-thanks {
  position: absolute;
  inset: 0 0 auto;
  min-height: 100%;
}
.cf7-thanks, .cf7 > * {
  transition: 0.65s cubic-bezier(0.76, 0, 0.24, 1);
  transition-property: opacity, visibility;
}
.cf7:not(.thanks) .cf7-thanks {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.cf7.thanks > *:not(.cf7-thanks) {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.wpcf7 [data-np-uid] {
  display: none !important;
}
.wpcf7 form {
  position: relative;
}
.wpcf7 input[type=text],
.wpcf7 input[type=number],
.wpcf7 input[type=email],
.wpcf7 input[type=tel],
.wpcf7 input[type=password],
.wpcf7 input[type=url],
.wpcf7 textarea {
  max-width: 100%;
  width: 100%;
  font-family: inherit;
  transition: all 0.3s ease-in-out, height 0s;
  -webkit-appearance: none;
}
.wpcf7 input[type=text]:focus::placeholder, .wpcf7 input[type=text]:active::placeholder,
.wpcf7 input[type=number]:focus::placeholder,
.wpcf7 input[type=number]:active::placeholder,
.wpcf7 input[type=email]:focus::placeholder,
.wpcf7 input[type=email]:active::placeholder,
.wpcf7 input[type=tel]:focus::placeholder,
.wpcf7 input[type=tel]:active::placeholder,
.wpcf7 input[type=password]:focus::placeholder,
.wpcf7 input[type=password]:active::placeholder,
.wpcf7 input[type=url]:focus::placeholder,
.wpcf7 input[type=url]:active::placeholder,
.wpcf7 textarea:focus::placeholder,
.wpcf7 textarea:active::placeholder {
  color: transparent !important;
}
.wpcf7 textarea {
  resize: none;
  min-height: 6.25rem;
  max-height: 25rem;
}
@supports (field-sizing: content) {
  .wpcf7 textarea {
    field-sizing: content;
  }
}
.wpcf7 textarea {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.wpcf7 textarea::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.wpcf7-form-control-wrap {
  width: 100%;
  display: block;
  position: relative;
}
.wpcf7-spinner {
  display: none !important;
}
.wpcf7-response-output {
  display: none;
}

[data-accordion] > .accordion__item > .accordion__panel {
  overflow: clip;
  max-height: 0;
  transition: max-height 0.45s cubic-bezier(0.4, 0, 0.2, 1);
}

@media (prefers-reduced-motion: reduce) {
  [data-accordion] > .accordion__item > .accordion__panel {
    transition: none;
  }
}
.cky-consent-container {
  transition: 0.65s cubic-bezier(0.16, 1, 0.3, 1);
  transition-property: opacity, visibility;
}

.cky-notice-content-wrapper {
  padding: 0 !important;
}
.cky-notice-content-wrapper ~ * {
  display: none !important;
}

.cky-notice .cky-title:empty {
  display: none !important;
}

.cky-btn-revisit-wrapper {
  display: none !important;
}

body:not(.is-user-active) .cky-consent-container {
  opacity: 0;
  visibility: hidden;
}

.modal {
  position: fixed;
  z-index: 9999999;
  inset: 0;
  transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
}
.modal.active {
  opacity: 1;
  visibility: visible;
}
body.modal-is-active #backdrop {
  opacity: 1;
  visibility: visible;
}

.header {
  position: fixed;
  inset: 0 0 auto;
  z-index: 999999;
  transition: 0.65s cubic-bezier(0.76, 0, 0.24, 1);
  transition-property: transform;
}
.header__container {
  padding-inline: 0.9375rem;
}
@media (min-width: 1033px) {
  .header__container {
    padding-inline: 2.5rem;
  }
}
.header__row {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding-top: 0.9375rem;
}
@media (min-width: 1033px) {
  .header__row {
    padding-top: 1.5rem;
  }
}
.header__bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 0.375rem 0.875rem 0.375rem 1.125rem;
  border-radius: 2rem;
  background: rgba(255, 255, 255, 0.2);
  -webkit-backdrop-filter: blur(0.9375rem);
          backdrop-filter: blur(0.9375rem);
}
@media (min-width: 1033px) {
  .header__bar {
    justify-content: flex-start;
    gap: 1.25rem;
    width: auto;
    height: 3.875rem;
    padding: 0.375rem 1.25rem;
    background: #1b2137;
  }
}
.header__logo {
  display: block;
  flex-shrink: 0;
}
.header__logo-img {
  display: block;
  width: auto;
  max-width: none;
  height: 1.0625rem;
}
@media (min-width: 1033px) {
  .header__logo-img {
    height: 1.25rem;
  }
}
.header__nav {
  display: none;
}
@media (min-width: 1033px) {
  .header__nav {
    display: block;
  }
}
.header__list {
  display: flex;
  align-items: center;
  list-style: none;
}
.header__item {
  position: relative;
}
.header__actions {
  display: none;
}
@media (min-width: 1033px) {
  .header__actions {
    display: flex;
    align-items: center;
    gap: 0.1875rem;
    height: 3.875rem;
    padding: 0.375rem;
    border-radius: 2rem;
    background: #11172d;
    -webkit-backdrop-filter: blur(0.9375rem);
            backdrop-filter: blur(0.9375rem);
  }
}
.header__tools {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}
@media (min-width: 1033px) {
  .header__tools {
    display: none;
  }
}
.header__burger {
  width: 1.5rem;
  height: 1.5rem;
  background-color: #ffffff;
  mask: url("../../media/icons/burger.svg") center/1.5rem 1.5rem no-repeat;
}
.header__drop {
  position: absolute;
  top: calc(100% + 1rem);
  left: 0;
  width: 18.5625rem;
  padding: 1.625rem;
  border-radius: 1.375rem;
  background: #1b2137;
  -webkit-backdrop-filter: blur(0.9375rem);
          backdrop-filter: blur(0.9375rem);
  opacity: 0;
  visibility: hidden;
  transform: translateY(0.5rem);
  transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition-property: opacity, transform, visibility;
}
.header__drop::before {
  content: "";
  position: absolute;
  inset: -1rem 0 auto;
  height: 1rem;
}
.header__drop--nested {
  width: 35.8125rem;
}
.header__item.is-open > .header__drop {
  opacity: 1;
  visibility: visible;
  transform: none;
}
.header__col {
  display: flex;
  flex-direction: column;
  gap: 1.1875rem;
  width: 15.3125rem;
}
.header__title {
  padding-left: 0.625rem;
  font-size: 0.8125rem;
  font-weight: 300;
  line-height: 100%;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.6);
}
.header__sublist {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  list-style: none;
}
.header__sublink {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem;
  border-radius: 0.5rem;
  background: transparent;
  color: #ffffff;
  transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition-property: background-color, padding;
}
.header__subitem.is-active > .header__sublink {
  padding-inline: 1rem;
  background: rgba(255, 255, 255, 0.05);
}
.header__text {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  white-space: nowrap;
}
.header__sublabel {
  font-size: 1.125rem;
  font-weight: 500;
  letter-spacing: -0.01em;
}
.header__subdesc {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.02em;
  color: rgba(255, 255, 255, 0.6);
}
.header__arrow {
  opacity: 0;
  transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  flex-shrink: 0;
  width: 0.625rem;
  height: 1.375rem;
  background-color: #ffffff;
  mask: url("../../media/icons/arrow-right.svg") center/0.6875rem 1.375rem no-repeat;
}
.header__subitem.is-active > .header__sublink .header__arrow {
  opacity: 1;
}
.header__nested {
  position: absolute;
  top: 1.625rem;
  left: 19.8125rem;
  display: flex;
  flex-direction: column;
  gap: 1.1875rem;
  width: 14.375rem;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition-property: opacity, visibility;
}
.header__nested .header__title {
  padding-left: 0.5rem;
}
.header__subitem.is-active > .header__nested {
  opacity: 1;
  visibility: visible;
}
.header__nested-list {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  list-style: none;
}
.header__nested-link {
  display: block;
  padding: 0.5rem;
  font-size: 1rem;
  font-weight: 300;
  letter-spacing: -0.01em;
  white-space: nowrap;
  color: #ffffff;
}
.header__divider {
  position: absolute;
  top: 50%;
  left: 18.375rem;
  width: 15.375rem;
  height: 0.0625rem;
  background: url("../../media/icons/header-divider.svg") center/100% 100% no-repeat;
  transform: translate(-50%, -50%) rotate(90deg);
}
.header__mobile {
  position: fixed;
  inset: 0;
  z-index: 1;
  overflow-y: auto;
  padding-top: 6.375rem;
  background: #11172d;
  transition: 0.65s cubic-bezier(0.76, 0, 0.24, 1);
  transition-property: opacity, visibility;
}
@media (min-width: 1033px) {
  .header__mobile {
    display: none;
  }
}
.header__mlist {
  list-style: none;
}
.header__mrow {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 1.4375rem 0.9375rem;
  border-top: 1px dashed rgba(255, 255, 255, 0.2);
  font-size: 1.375rem;
  font-weight: 400;
  letter-spacing: -0.01em;
  text-align: left;
  color: #ffffff;
}
.header__mitem:first-child > .header__mrow, .header__mitem:last-child > .header__mrow {
  border-bottom: 1px dashed rgba(255, 255, 255, 0.2);
}
.header__chev {
  flex-shrink: 0;
  width: 0.625rem;
  height: 0.625rem;
  transform: rotate(-90deg);
  background-color: #ffffff;
  mask: url("../../media/icons/chevron-left.svg") center/0.6875rem 0.6875rem no-repeat;
}
.header__mitem.is-open > .header__mrow .header__chev {
  transform: rotate(90deg);
}
.header__mpanel {
  display: flex;
  flex-direction: column;
  gap: 1.75rem;
  padding: 1.5rem 0.9375rem;
  background: rgba(255, 255, 255, 0.05);
}
.header__mgroup {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.header__mlink {
  font-size: 1.375rem;
  font-weight: 400;
  letter-spacing: -0.01em;
  color: #ffffff;
}
.header__mnested {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding-left: 1rem;
  border-left: 1px dashed rgba(255, 255, 255, 0.2);
  list-style: none;
}
.header__mnested-link {
  font-size: 1rem;
  font-weight: 300;
  letter-spacing: -0.01em;
  color: #ffffff;
}

@media (max-width: 1032px) {
  body.burger-menu-active .header__bar {
    background: rgba(255, 255, 255, 0.05);
  }
}

body.burger-menu-active .header__burger {
  mask-image: url("../../media/icons/close.svg");
}

body:not(.burger-menu-active) .header__mobile {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

body:not(.burger-menu-active) .header.hide {
  transform: translateY(-101%);
}

.footer {
  padding-block: 2.5rem;
  background: radial-gradient(84.62% 124.46% at 50% 124.46%, #25315F 0%, #050609 100%);
  color: #ffffff;
}
.footer__container {
  display: flex;
  flex-direction: column;
  gap: 1.375rem;
  padding-inline: 0.9375rem;
}
@media (min-width: 1033px) {
  .footer__container {
    gap: 0;
    padding-inline: 2.5rem;
  }
}
.footer__sep {
  position: relative;
  display: block;
  flex-shrink: 0;
  height: 0;
}
.footer__sep::before {
  content: "";
  position: absolute;
  inset: -0.03125rem 0 auto;
  height: 0.0625rem;
  background: url("../../media/icons/footer-line-mobile.svg") 0 0/100% 100% no-repeat;
}
@media (min-width: 1033px) {
  .footer__sep::before {
    background-image: url("../../media/icons/footer-line-desktop.svg");
  }
}
@media (min-width: 1033px) {
  .footer__main .footer__sep {
    width: 0;
    height: auto;
    align-self: stretch;
  }
  .footer__main .footer__sep::before {
    inset: 0 auto 0 -0.03125rem;
    width: 0.0625rem;
    height: auto;
    background-image: url("../../media/icons/footer-line-vertical.svg");
  }
}
.footer__main {
  display: flex;
  flex-direction: column;
  gap: 1.375rem;
}
@media (min-width: 1033px) {
  .footer__main {
    flex-direction: row;
    align-items: flex-start;
    gap: 2.5rem;
    height: 20rem;
  }
}
.footer__brand {
  display: flex;
  flex-direction: column;
  gap: 1.875rem;
}
@media (min-width: 1033px) {
  .footer__brand {
    flex: 0 0 18.5625rem;
    padding-top: 2.5rem;
  }
}
.footer__intro {
  display: flex;
  flex-direction: column;
  gap: 0.9375rem;
}
@media (min-width: 1033px) {
  .footer__intro {
    gap: 1.0625rem;
  }
}
.footer__logo {
  display: block;
  align-self: flex-start;
}
.footer__logo-img {
  display: block;
  width: auto;
  max-width: none;
  height: 2.125rem;
}
.footer__tagline {
  font-size: 1rem;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.02em;
  color: rgba(255, 255, 255, 0.6);
}
@media (min-width: 1033px) {
  .footer__tagline {
    font-size: 1.125rem;
  }
}
.footer__socials {
  display: flex;
  gap: 0.75rem;
  list-style: none;
}
.footer__social {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.75rem;
  height: 2.75rem;
  border-radius: 0.375rem;
  background: rgba(255, 255, 255, 0.1);
}
.footer__social-img {
  display: block;
  width: 1.125rem;
  height: 1.125rem;
  max-width: none;
}
.footer__nav {
  display: flex;
  flex-wrap: wrap;
  column-gap: 7rem;
  row-gap: 1.625rem;
}
@media (min-width: 1033px) {
  .footer__nav {
    flex: 0 1 30.6875rem;
    flex-wrap: nowrap;
    justify-content: space-between;
    gap: 1.5rem;
    padding-top: 2.5rem;
  }
}
.footer__col {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.footer__nav .footer__col {
  gap: 0.875rem;
}
@media (min-width: 1033px) {
  .footer__nav .footer__col {
    gap: 1rem;
  }
}
.footer__title {
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 100%;
  text-transform: uppercase;
  white-space: nowrap;
  color: rgba(255, 255, 255, 0.6);
}
.footer__list {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  list-style: none;
}
.footer__link {
  display: block;
  font-size: 1rem;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -0.02em;
  white-space: nowrap;
  color: rgba(255, 255, 255, 0.8);
}
.footer__address {
  font-style: normal;
}
.footer__contacts {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
}
@media (min-width: 1033px) {
  .footer__contacts {
    flex: 1 1 25.75rem;
    min-width: 0;
    padding-top: 2.5rem;
  }
}
.footer__contacts .footer__link {
  white-space: normal;
}
.footer__back {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 1rem;
}
.footer__top {
  position: relative;
  width: 2.5rem;
  height: 2.5rem;
}
.footer__top::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url("../../media/icons/footer-arrow-button.svg") center/100% 100% no-repeat;
  transform: rotate(-90deg);
}
.footer__credits {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.9375rem;
  text-align: center;
}
@media (min-width: 1033px) {
  .footer__credits {
    flex-direction: row;
    justify-content: space-between;
    gap: 0;
    margin-block: 1.25rem;
    text-align: left;
  }
}
.footer__copyright {
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 100%;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.6);
}
.footer__credit {
  font-size: 1rem;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.02em;
  color: rgba(255, 255, 255, 0.8);
}
.footer__credit a {
  text-decoration: underline;
  text-decoration-thickness: from-font;
  text-underline-position: from-font;
}

.hero-home {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-height: 100vh;
  padding-top: 1.5rem;
  padding-bottom: 3.0625rem;
  background: #11172d;
  color: #ffffff;
}
@supports (height: 1svh) {
  .hero-home {
    min-height: 100svh;
  }
}
@media (min-width: 1033px) {
  .hero-home {
    padding-bottom: 3.75rem;
  }
}
.hero-home__media {
  position: absolute;
  inset: 0;
  overflow: hidden;
}
.hero-home__media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%), linear-gradient(180deg, rgba(2, 4, 9, 0) 62.35%, rgba(2, 4, 9, 0.6) 100%);
  pointer-events: none;
}
.hero-home__container {
  position: relative;
  z-index: 1;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 2.25rem;
  padding-inline: 0.9375rem;
}
@media (min-width: 1033px) {
  .hero-home__container {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    gap: 0;
    padding-inline: 2.5rem;
  }
}
.hero-home__copy {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media (min-width: 1033px) {
  .hero-home__copy {
    gap: 2rem;
  }
}
.hero-home__title {
  max-width: 16.5625rem;
}
@media (min-width: 1033px) {
  .hero-home__title {
    max-width: none;
    white-space: nowrap;
  }
}
.hero-home__text {
  max-width: 19.6875rem;
  color: rgba(255, 255, 255, 0.6);
}
@media (min-width: 1033px) {
  .hero-home__text {
    max-width: 27.3125rem;
  }
}
.hero-home__cta {
  align-self: flex-start;
}
@media (min-width: 1033px) {
  .hero-home__cta {
    align-self: auto;
  }
}

.stats {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  padding-block: 5rem;
  background: #050811;
  color: #ffffff;
}
@media (min-width: 1033px) {
  .stats {
    min-height: 37.5rem;
    padding-block: 0;
  }
}
.stats__bg {
  position: absolute;
  inset: 0;
  width: 100%;
  max-width: 90rem;
  margin-inline: auto;
  pointer-events: none;
}
.stats__arch {
  position: absolute;
  overflow: hidden;
  opacity: 0.4;
}
.stats__arch img {
  position: absolute;
  max-width: none;
}
.stats__arch--left {
  display: none;
  left: 31.875rem;
  top: -1.375rem;
  width: 18.4375rem;
  height: 39.75rem;
  opacity: 0.6;
}
.stats__arch--left img {
  left: 13.14%;
  top: 13.21%;
  width: 284.24%;
  height: 73.58%;
}
.stats__arch--right {
  left: 12.66334375rem;
  bottom: -6.36565625rem;
  width: 16.518rem;
  height: 24.872625rem;
  transform: rotate(-153.16deg) scaleY(-1);
}
.stats__arch--right img {
  left: -160.63%;
  top: 2.49%;
  width: 256.42%;
  height: 95.02%;
}
@media (min-width: 1033px) {
  .stats__arch--left {
    display: block;
  }
  .stats__arch--right {
    left: 71.625rem;
    top: 0.1875rem;
    bottom: auto;
    width: 20.4375rem;
    height: 36.625rem;
    opacity: 0.6;
    transform: none;
  }
  .stats__arch--right img {
    top: 10.07%;
    height: 79.86%;
  }
}
.stats__bar {
  position: absolute;
  left: 0;
  z-index: 2;
  width: 100%;
  max-width: none;
  object-fit: cover;
  pointer-events: none;
}
.stats__bar--top {
  display: none;
  top: 0;
  height: 7.375rem;
}
.stats__bar--bottom {
  display: none;
  bottom: 0;
  height: 7.25rem;
  transform: scaleY(-1);
}
.stats__bar--bottom-m {
  bottom: 0;
  height: 9.75rem;
  transform: scaleY(-1);
}
@media (min-width: 1033px) {
  .stats__bar--top, .stats__bar--bottom {
    display: block;
  }
  .stats__bar--bottom-m {
    display: none;
  }
}
.stats__container {
  position: relative;
  z-index: 1;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
  padding-inline: 0.9375rem;
}
@media (min-width: 1033px) {
  .stats__container {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 27.5rem;
    align-items: center;
    gap: 0;
    padding-inline: 2.5rem 13.5rem;
  }
}
.stats__about {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2.25rem;
}
@media (min-width: 1033px) {
  .stats__about {
    gap: 2.75rem;
  }
}
.stats__copy {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
@media (min-width: 1033px) {
  .stats__copy {
    gap: 2rem;
  }
}
@media (min-width: 1033px) {
  .stats__title {
    white-space: nowrap;
  }
}
.stats__text {
  color: rgba(255, 255, 255, 0.6);
}
@media (min-width: 1033px) {
  .stats__text {
    max-width: 23.75rem;
  }
}
.stats__list {
  width: 100%;
  list-style: none;
}
.stats__row {
  position: relative;
  display: flex;
  align-items: flex-end;
  gap: 0.8125rem;
  padding-block: 1.25rem;
}
@media (min-width: 1033px) {
  .stats__row {
    padding-block: 1.75rem;
  }
}
.stats__row::before, .stats__row:last-child::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 0.0625rem;
  background: url("../../media/icons/stats-line-m.svg") 0 0/100% 100% no-repeat;
}
@media (min-width: 1033px) {
  .stats__row::before, .stats__row:last-child::after {
    background-image: url("../../media/icons/stats-line-d.svg");
  }
}
.stats__row::before {
  top: -0.0625rem;
}
.stats__row:last-child::after {
  bottom: 0;
}
.stats__bullet {
  flex-shrink: 0;
  align-self: center;
  width: 0.5rem;
  height: 0.5rem;
  background: url("../../media/icons/stats-bullet.svg") center/100% 100% no-repeat;
}
.stats__value {
  font-family: "Zalando Sans SemiExpanded", "Figtree", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 2.25rem;
  font-weight: 300;
  line-height: 100%;
  letter-spacing: -0.03em;
  white-space: nowrap;
}
@media (min-width: 1033px) {
  .stats__value {
    font-size: 3rem;
    font-weight: 400;
  }
}
.stats__label {
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -0.02em;
  text-align: center;
  white-space: nowrap;
}
@media (min-width: 1033px) {
  .stats__label {
    font-size: 1.375rem;
  }
}

.transport {
  position: relative;
  overflow: hidden;
  padding-block: 5rem;
  color: #ffffff;
}
@media (min-width: 1033px) {
  .transport {
    padding-block: 7.5rem;
  }
}
.transport__bg {
  position: absolute;
  inset: 0;
  isolation: isolate;
  background: #02040a;
  pointer-events: none;
}
.transport__bg-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  opacity: 0.7;
}
.transport__bg-img--desktop {
  display: none;
  object-fit: fill;
  object-position: bottom;
}
.transport__bg-img--mobile {
  object-fit: cover;
}
@media (min-width: 1033px) {
  .transport__bg-img--desktop {
    display: block;
  }
  .transport__bg-img--mobile {
    display: none;
  }
}
.transport__bg-hue {
  position: absolute;
  inset: 0;
  background: #11172d;
  mix-blend-mode: hue;
}
.transport__bg-tile {
  position: absolute;
  inset: 0;
  background: url("../../media/images/transport-tile.jpg") 0 0/36.125rem 24.086875rem;
  mix-blend-mode: darken;
  opacity: 0.06;
}
.transport__bg-fade {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(5, 8, 17, 0) 69.615%, #050811 100%);
}
.transport__container {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
  padding-inline: 0.9375rem;
}
@media (min-width: 1033px) {
  .transport__container {
    gap: 4.375rem;
    padding-inline: 2.5rem;
  }
}
.transport__intro {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
@media (min-width: 1033px) {
  .transport__intro {
    gap: 2rem;
    max-width: 55.75rem;
  }
}
.transport__label {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.8125rem;
  font-weight: 300;
  line-height: 100%;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  white-space: nowrap;
}
.transport__label::before {
  content: "";
  flex-shrink: 0;
  width: 0.3125rem;
  height: 0.3125rem;
  background: url("../../media/icons/label-dot.svg") center/100% 100% no-repeat;
}
.transport__cards {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1.25rem;
  list-style: none;
}
@media (min-width: 1033px) {
  .transport__cards {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.transport__card {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 0.5625rem;
  border: 1px dashed rgba(255, 255, 255, 0.2);
  border-radius: 0.875rem;
  background: rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(0.6875rem);
          backdrop-filter: blur(0.6875rem);
  transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition-property: background-color, border-color;
}
@media (max-width: 1032px) {
  .transport__card {
    width: 100%;
    max-width: 22.375rem;
  }
}
.transport__media {
  position: relative;
  aspect-ratio: 420/441;
  border-radius: 0.625rem;
  overflow: hidden;
}
.transport__media::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.1) 15.533%, rgba(0, 0, 0, 0) 40.136%);
}
.transport__card:nth-child(2) .transport__media::after {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 70.295%, rgba(0, 0, 0, 0.1) 136.51%), linear-gradient(180deg, rgba(0, 0, 0, 0.1) 15.533%, rgba(0, 0, 0, 0) 40.136%);
}
.transport__card:nth-child(3) .transport__media::after {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 70.295%, rgba(0, 0, 0, 0.1) 136.51%), linear-gradient(180deg, rgba(0, 0, 0, 0.1) 15.533%, rgba(0, 0, 0, 0) 59.864%);
}
.transport__copy {
  display: flex;
  flex-direction: column;
  gap: 0.875rem;
  padding: 0.875rem;
}
.transport__card-title {
  color: #ffffff;
  transition: color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.transport__card-text {
  color: rgba(255, 255, 255, 0.8);
  transition: color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.transport__link {
  position: absolute;
  inset: 0;
  z-index: 1;
  border-radius: inherit;
}
@media (hover: hover) and (pointer: fine) {
  .transport__card:hover {
    border-color: transparent;
    background: #ffffff;
  }
  .transport__card:hover .transport__card-title {
    color: #11172d;
    text-decoration: underline;
    -webkit-text-decoration-skip-ink: none;
            text-decoration-skip-ink: none;
    text-underline-position: from-font;
  }
  .transport__card:hover .transport__card-text {
    color: rgba(17, 23, 45, 0.8);
  }
}

@media (min-width: 768px) and (max-width: 1032px) {
  .transport__cards {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
  }
  .transport__card {
    gap: 0.5rem;
    max-width: none;
  }
  .transport__copy {
    gap: 0.625rem;
    padding: 0.5rem 0.625rem 0.75rem;
  }
  .transport__card-title {
    font-size: 1.5rem;
    line-height: 120%;
    text-decoration-thickness: 1px;
    text-underline-offset: 0.25rem;
  }
  .transport__card-text {
    font-size: 0.875rem;
    line-height: 135%;
  }
}
.carriers {
  position: relative;
}
.carriers__track {
  position: relative;
}
.carriers__intro {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 5rem 0.9375rem;
  background: #f7f9ff;
  color: #11172d;
}
.carriers__intro::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url("../../media/images/transport-tile.jpg") 0 0/36.125rem 24.086875rem;
  mix-blend-mode: darken;
  opacity: 0.06;
  pointer-events: none;
}
@media (min-width: 1033px) {
  .carriers__intro {
    padding: 7.5rem 5.5625rem;
  }
}
.carriers__hero {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2.25rem;
  width: 100%;
  text-align: center;
}
@media (min-width: 1033px) {
  .carriers__hero {
    gap: 2.75rem;
  }
}
.carriers__copy {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.carriers__label {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
  font-size: 0.8125rem;
  font-weight: 300;
  line-height: 100%;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  white-space: nowrap;
}
.carriers__label::before {
  content: "";
  flex-shrink: 0;
  width: 0.3125rem;
  height: 0.3125rem;
  background: url("../../media/icons/label-dot-blue.svg") center/100% 100% no-repeat;
}
@media (min-width: 1033px) {
  .carriers__label {
    margin-bottom: 2rem;
  }
}
.carriers__title {
  max-width: 17.875rem;
  margin-bottom: 1.25rem;
}
.carriers__title mark {
  color: #2d388a;
}
@media (min-width: 1033px) {
  .carriers__title {
    max-width: 29.125rem;
    margin-bottom: 2rem;
  }
}
.carriers__text {
  max-width: 20.375rem;
  color: rgba(17, 23, 45, 0.8);
}
@media (min-width: 1033px) {
  .carriers__text {
    max-width: 34.5rem;
  }
}
.carriers__pagination {
  display: none;
  align-items: center;
  gap: 0.9375rem;
}
.carriers__num {
  font-family: "Zalando Sans SemiExpanded", "Figtree", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 0.9375rem;
  line-height: 100%;
  letter-spacing: -0.03em;
  white-space: nowrap;
  color: #11172d;
}
.carriers__progress {
  position: relative;
  flex-shrink: 0;
  width: 15.25rem;
  height: 0.25rem;
  background: url("../../media/icons/carriers-progress-track.svg") 0 0/100% 100% no-repeat;
}
.carriers__progress-fill {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: max(0px, var(--dots, 0) * 0.625rem - 0.375rem);
  background: url("../../media/icons/carriers-progress-fill.svg") 0 0/15.25rem 100% no-repeat;
}
.carriers__stage {
  position: relative;
}
.carriers__state {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-height: 51.25rem;
  padding: 0.9375rem;
  overflow: hidden;
}
@media (min-width: 768px) {
  .carriers__state {
    padding: 2.25rem;
  }
}
.carriers__media {
  position: absolute;
  inset: 0;
  display: block;
}
.carriers__media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 36.013%, rgba(0, 0, 0, 0.5) 100%);
}
.carriers__media .carriers__img {
  object-position: center bottom;
}
.carriers__state:nth-child(2) .carriers__media::after {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 36.013%, rgba(0, 0, 0, 0.9) 100%);
}
.carriers__panel {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 1.625rem;
  width: 100%;
  padding: 1.6875rem;
  border: 1px dashed rgba(255, 255, 255, 0.2);
  border-radius: 0.875rem;
  background: rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(1.625rem);
          backdrop-filter: blur(1.625rem);
  color: #ffffff;
}
@media (min-width: 768px) {
  .carriers__panel {
    gap: 1.875rem;
    width: 27.375rem;
    padding: 1.9375rem;
  }
}
.carriers__panel-head {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.carriers__panel-text {
  color: rgba(255, 255, 255, 0.8);
}
.carriers__benefits {
  list-style: none;
}
.carriers__benefit {
  position: relative;
  padding-block: 0.625rem;
  font-size: 1rem;
  line-height: 140%;
  letter-spacing: -0.02em;
  white-space: nowrap;
  color: rgba(255, 255, 255, 0.8);
}
.carriers__benefit::before, .carriers__benefit:last-child::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 0.0625rem;
  background: rgba(255, 255, 255, 0.14);
}
.carriers__benefit::before {
  top: -0.0625rem;
}
.carriers__benefit:last-child::after {
  bottom: 0;
}
@media (min-width: 1033px) {
  .carriers__benefit {
    padding-block: 0.6875rem;
  }
}

.carriers--scroll .carriers__track {
  display: flex;
  flex-direction: column;
}
.carriers--scroll .carriers__track::after {
  content: "";
  display: block;
  height: calc((var(--states, 2) - 1) * 100vh * var(--scroll-k, 1));
}
@supports (height: 1svh) {
  .carriers--scroll .carriers__track::after {
    height: calc((var(--states, 2) - 1) * 100svh * var(--scroll-k, 1));
  }
}
.carriers--scroll .carriers__sticky {
  display: contents;
}
.carriers--scroll .carriers__stage {
  position: sticky;
  top: 0;
  height: 51.25rem;
}
.carriers--scroll .carriers__state {
  position: absolute;
  inset: 0;
  min-height: 0;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.8s cubic-bezier(0.65, 0, 0.35, 1), visibility 0s linear 0.8s;
}
.carriers--scroll .carriers__state.is-active {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.8s cubic-bezier(0.65, 0, 0.35, 1), visibility 0s;
}
.carriers--scroll .carriers__panel {
  transform: translateY(1.5rem);
  transition: transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}
.carriers--scroll .carriers__state.is-active .carriers__panel {
  transform: none;
}
.carriers--scroll .carriers__state.is-before .carriers__panel {
  transform: translateY(-1.5rem);
}
.carriers--scroll .carriers__num--last {
  transition: opacity 0.5s ease;
}
.carriers--scroll .carriers__pagination.is-end .carriers__num--last {
  opacity: 1;
}
@media (prefers-reduced-motion: reduce) {
  .carriers--scroll .carriers__state,
  .carriers--scroll .carriers__panel,
  .carriers--scroll .carriers__num--last {
    transition-duration: 0.01s !important;
    transition-delay: 0s !important;
  }
}
@media (min-width: 1033px) {
  .carriers--scroll .carriers__track {
    display: block;
    height: calc(var(--states, 2) * 100vh);
  }
  @supports (height: 1svh) {
    .carriers--scroll .carriers__track {
      height: calc(var(--states, 2) * 100svh);
    }
  }
  .carriers--scroll .carriers__track::after {
    display: none;
  }
  .carriers--scroll .carriers__sticky {
    position: sticky;
    top: 0;
    display: grid;
    grid-template-columns: minmax(0, 730fr) minmax(0, 710fr);
    height: 100vh;
  }
  @supports (height: 1svh) {
    .carriers--scroll .carriers__sticky {
      height: 100svh;
    }
  }
  .carriers--scroll .carriers__intro {
    padding: 2.625rem 5.5625rem;
  }
  .carriers--scroll .carriers__stage {
    position: relative;
    height: auto;
  }
  .carriers--scroll .carriers__pagination {
    position: absolute;
    bottom: 2.25rem;
    left: 50%;
    display: flex;
    transform: translateX(-50%);
  }
  .carriers--scroll .carriers__num--last {
    opacity: 0.1;
  }
}

@media (min-width: 768px) and (max-width: 1032px) {
  .carriers {
    --scroll-k: 1.5;
  }
  .carriers--scroll .carriers__stage {
    height: min(51.25rem, 100vh);
  }
  @supports (height: 1svh) {
    .carriers--scroll .carriers__stage {
      height: min(51.25rem, 100svh);
    }
  }
}
@keyframes advantage-fill {
  from {
    transform: scaleX(0);
  }
  to {
    transform: scaleX(1);
  }
}
.advantage {
  position: relative;
  overflow: hidden;
  padding: 5rem 0;
  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 390 1343' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'><rect x='0' y='0' height='100%' width='100%' fill='url(%23grad)' opacity='0.6'/><defs><radialGradient id='grad' gradientUnits='userSpaceOnUse' cx='0' cy='0' r='10' gradientTransform='matrix(30.35 -31.919 30.35 31.919 362.5 735.13)'><stop stop-color='rgba(37,49,95,1)' offset='0'/><stop stop-color='rgba(21,28,52,0.5)' offset='0.5'/><stop stop-color='rgba(5,6,9,0)' offset='1'/></radialGradient></defs></svg>"), url("data:image/svg+xml;utf8,<svg viewBox='0 0 390 1343' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'><rect x='0' y='0' height='100%' width='100%' fill='url(%23grad)' opacity='1'/><defs><radialGradient id='grad' gradientUnits='userSpaceOnUse' cx='0' cy='0' r='10' gradientTransform='matrix(18.849 -37.798 35.941 19.823 73 977.01)'><stop stop-color='rgba(37,49,95,1)' offset='0'/><stop stop-color='rgba(21,28,52,0.5)' offset='0.5'/><stop stop-color='rgba(5,6,9,0)' offset='1'/></radialGradient></defs></svg>"), linear-gradient(90deg, #050811 0%, #050811 100%);
  background-size: 100% 100%;
  color: #ffffff;
}
@media (min-width: 1033px) {
  .advantage {
    padding: 7.5rem 0;
    background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 1440 912' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'><rect x='0' y='0' height='100%' width='100%' fill='url(%23grad)' opacity='0.6'/><defs><radialGradient id='grad' gradientUnits='userSpaceOnUse' cx='0' cy='0' r='10' gradientTransform='matrix(13.828 -40.901 39.062 14.479 662 599.97)'><stop stop-color='rgba(37,49,95,1)' offset='0'/><stop stop-color='rgba(21,28,52,0.5)' offset='0.5'/><stop stop-color='rgba(5,6,9,0)' offset='1'/></radialGradient></defs></svg>"), url("data:image/svg+xml;utf8,<svg viewBox='0 0 1440 912' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'><rect x='0' y='0' height='100%' width='100%' fill='url(%23grad)' opacity='0.6'/><defs><radialGradient id='grad' gradientUnits='userSpaceOnUse' cx='0' cy='0' r='10' gradientTransform='matrix(63 5.8636 -5.6 65.966 632.5 378.52)'><stop stop-color='rgba(37,49,95,1)' offset='0'/><stop stop-color='rgba(21,28,52,0.5)' offset='0.5'/><stop stop-color='rgba(5,6,9,0)' offset='1'/></radialGradient></defs></svg>"), url("data:image/svg+xml;utf8,<svg viewBox='0 0 1440 912' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'><rect x='0' y='0' height='100%' width='100%' fill='url(%23grad)' opacity='1'/><defs><radialGradient id='grad' gradientUnits='userSpaceOnUse' cx='0' cy='0' r='10' gradientTransform='matrix(-29.45 69.683 74.482 35.398 1260 -290.04)'><stop stop-color='rgba(37,49,95,1)' offset='0'/><stop stop-color='rgba(21,28,52,0.5)' offset='0.5'/><stop stop-color='rgba(5,6,9,0)' offset='1'/></radialGradient></defs></svg>"), linear-gradient(90deg, #050811 0%, #050811 100%);
    background-size: 100% 100%;
  }
}
.advantage__inner {
  width: 100%;
  max-width: 90rem;
  margin-inline: auto;
  padding-inline: 0.9375rem;
}
@media (min-width: 1033px) {
  .advantage__inner {
    padding-inline: 2.5rem;
  }
}
.advantage__inner {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}
@media (min-width: 1033px) {
  .advantage__inner {
    gap: 4.375rem;
  }
}
.advantage__head {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
@media (min-width: 1033px) {
  .advantage__head {
    display: grid;
    grid-template-columns: minmax(0, 487fr) minmax(0, 784fr);
    column-gap: 5.5625rem;
    align-items: start;
  }
}
.advantage__label {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.8125rem;
  font-weight: 300;
  line-height: 100%;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  white-space: nowrap;
}
.advantage__label::before {
  content: "";
  flex-shrink: 0;
  width: 0.3125rem;
  height: 0.3125rem;
  background: url("../../media/icons/label-dot.svg") center/100% 100% no-repeat;
}
.advantage__body {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
@media (min-width: 1033px) {
  .advantage__body {
    display: grid;
    grid-template-columns: minmax(0, 487fr) minmax(0, 784fr);
    column-gap: 5.5625rem;
    align-items: start;
  }
}
.advantage__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.advantage__item {
  position: relative;
  padding-block: 1.625rem;
}
@media (min-width: 1033px) {
  .advantage__item {
    padding-block: 1.875rem;
  }
}
.advantage__item:last-child::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background: rgba(255, 255, 255, 0.2);
  mask: url("../../media/icons/advantage-dots.svg") 0 0/auto 100% repeat-x;
}
.advantage__line {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
}
.advantage__line::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, 0.2);
  mask: url("../../media/icons/advantage-dots.svg") 0 0/auto 100% repeat-x;
  transition: background-color 0.4s ease;
}
.advantage__item.is-active .advantage__line::before {
  background: rgba(255, 255, 255, 0.6);
}
.advantage__fill {
  position: absolute;
  inset: 0;
  background: #fec902;
  transform: scaleX(0);
  transform-origin: left center;
}
.advantage__item.is-active .advantage__fill {
  transform: scaleX(1);
}
.advantage--auto .advantage__item.is-active .advantage__fill {
  animation: advantage-fill var(--adv-duration, 6s) linear forwards;
}
.advantage--paused .advantage__item.is-active .advantage__fill {
  animation-play-state: paused;
}
.advantage__heading {
  margin: 0;
}
.advantage__tab {
  display: block;
  width: 100%;
  padding: 0;
  border: 0;
  background: none;
  color: rgba(255, 255, 255, 0.2);
  text-align: left;
  cursor: pointer;
  transition: color 0.4s ease;
}
.advantage__tab:focus-visible {
  outline: 1px dashed rgba(255, 255, 255, 0.6);
  outline-offset: 0.375rem;
}
.advantage__item.is-active .advantage__tab {
  color: #ffffff;
}
.advantage__desc {
  display: grid;
  grid-template-rows: 0fr;
  visibility: hidden;
  transition: grid-template-rows 0.5s ease, visibility 0s linear 0.5s;
}
.advantage__item.is-active .advantage__desc {
  grid-template-rows: 1fr;
  visibility: visible;
  transition: grid-template-rows 0.5s ease, visibility 0s;
}
.advantage__desc-in {
  min-height: 0;
  overflow: hidden;
}
.advantage__text {
  padding-top: 0.875rem;
  color: rgba(255, 255, 255, 0.8);
  opacity: 0;
  transition: opacity 0.3s ease;
}
@media (min-width: 1033px) {
  .advantage__text {
    padding-top: 1.25rem;
  }
}
.advantage__item.is-active .advantage__text {
  opacity: 1;
  transition: opacity 0.4s ease 0.15s;
}
.advantage__visuals {
  position: relative;
  height: 26.25rem;
  border-radius: 0.875rem;
  overflow: hidden;
}
@media (min-width: 1033px) {
  .advantage__visuals {
    height: 34.625rem;
  }
}
.advantage__visual {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.6s ease, visibility 0s linear 0.6s;
}
.advantage__visual.is-active {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.6s ease, visibility 0s;
}
.advantage__media {
  position: absolute;
  inset: 0;
}
.advantage__media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.2);
}
.advantage__media .advantage__img {
  object-position: center bottom;
}
.advantage__graphic {
  position: absolute;
  inset: 0;
  display: block;
  transform: translateY(1.25rem);
  transition: transform 0.6s ease;
}
.advantage__graphic-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.advantage__visual.is-active .advantage__graphic {
  transform: none;
  transition: transform 0.7s ease 0.1s;
}

.advantage--measuring .advantage__desc,
.advantage--measuring .advantage__text {
  transition: none !important;
}

.drivers {
  position: relative;
  overflow: hidden;
  color: #ffffff;
}
.drivers__bg {
  position: absolute;
  inset: 0;
  isolation: isolate;
  background: #050811;
  pointer-events: none;
}
.drivers__bg-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
}
.drivers__bg-img--desktop {
  display: none;
  object-fit: fill;
}
.drivers__bg-img--mobile {
  object-fit: cover;
}
@media (min-width: 1033px) {
  .drivers__bg-img--desktop {
    display: block;
  }
  .drivers__bg-img--mobile {
    display: none;
  }
}
.drivers__bg-hue {
  position: absolute;
  inset: 0;
  background: #11172d;
  mix-blend-mode: hue;
}
.drivers__bg-tile {
  position: absolute;
  inset: 0;
  background: url("../../media/images/transport-tile.jpg") 0 0/36.125rem 24.086875rem;
  mix-blend-mode: darken;
  opacity: 0.06;
}
.drivers__bg-shade {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(5, 8, 17, 0) 74.084%, #050811 100%), linear-gradient(0deg, rgba(5, 8, 17, 0) 69.615%, #050811 100%), linear-gradient(90deg, rgba(17, 23, 45, 0) 79.091%, #11172d 109.27%);
}
.drivers__inner {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
  width: 100%;
  max-width: 90rem;
  margin-inline: auto;
  padding: 5rem 0.9375rem;
}
@media (min-width: 1033px) {
  .drivers__inner {
    gap: 4.375rem;
    padding: 7.5rem 0 6.875rem 2.5rem;
  }
}
.drivers__hero {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2.25rem;
}
@media (min-width: 1033px) {
  .drivers__hero {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    gap: 2rem;
    padding-right: 2.5rem;
  }
}
.drivers__copy {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.drivers__label {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.8125rem;
  font-weight: 300;
  line-height: 100%;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  white-space: nowrap;
}
.drivers__label::before {
  content: "";
  flex-shrink: 0;
  width: 0.3125rem;
  height: 0.3125rem;
  background: url("../../media/icons/label-dot.svg") center/100% 100% no-repeat;
}
@media (min-width: 1033px) {
  .drivers__title {
    max-width: 36.3125rem;
  }
}
.drivers__cta {
  flex-shrink: 0;
}
.drivers__benefits {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
@media (min-width: 1033px) {
  .drivers__benefits {
    gap: 2.5rem;
  }
}
.drivers__carousel {
  min-height: max(17.5rem, var(--drivers-min, 0px));
  overflow: hidden;
}
@media (min-width: 768px) {
  .drivers__carousel {
    overflow: visible;
    clip-path: inset(0 -100vw 0 -100vw);
  }
}
.drivers__swiper {
  position: relative;
  width: 100%;
  min-height: max(17.5rem, var(--drivers-min, 0px));
}
@media (min-width: 768px) {
  .drivers__swiper {
    width: 14.75rem;
    overflow: visible;
  }
}
.drivers__wrapper {
  display: flex;
  align-items: flex-end;
  min-height: inherit;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.65, 0, 0.35, 1);
}
@media (min-width: 768px) {
  .drivers__wrapper {
    transform: translate3d(var(--drivers-x, 0px), 0, 0) !important;
  }
}
.drivers__slide {
  flex-shrink: 0;
  transition: width 0.6s cubic-bezier(0.65, 0, 0.35, 1);
}
@media (min-width: 768px) {
  .drivers__slide.is-open {
    width: 26.25rem !important;
  }
}
.drivers__card {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  min-height: 12.5rem;
  padding: 1.4375rem;
  border: 1px dashed rgba(255, 255, 255, 0.2);
  border-radius: 0.875rem;
  background: rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(1.625rem);
          backdrop-filter: blur(1.625rem);
  overflow: hidden;
  color: #ffffff;
  transition: min-height 0.6s cubic-bezier(0.65, 0, 0.35, 1), border-color 0.6s cubic-bezier(0.65, 0, 0.35, 1), color 0.4s ease;
  cursor: pointer;
}
.drivers__card::before {
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: inherit;
  background: #ffffff;
  opacity: 0;
  transition: opacity 0.6s cubic-bezier(0.65, 0, 0.35, 1);
}
.drivers__card > * {
  position: relative;
}
.drivers__slide.is-open .drivers__card {
  min-height: 17.5rem;
  border-color: transparent;
  color: #11172d;
  cursor: default;
}
.drivers__slide.is-open .drivers__card::before {
  opacity: 1;
}
.drivers__icon {
  flex-shrink: 0;
  width: 3rem;
  height: 3rem;
  background: currentColor;
  mask: var(--icon) center/100% 100% no-repeat;
}
.drivers__content {
  display: flex;
  flex-direction: column;
}
.drivers__card-title {
  min-width: 0;
}
.drivers__desc {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.6s cubic-bezier(0.65, 0, 0.35, 1);
}
.drivers__slide.is-open .drivers__desc {
  grid-template-rows: 1fr;
}
.drivers__desc-in {
  min-height: 0;
  overflow: hidden;
}
.drivers__text {
  width: 23.25rem;
}
@media (max-width: 1032px) {
  .drivers__text {
    max-width: 100%;
  }
}
.drivers__text {
  padding-top: 0.875rem;
  color: rgba(17, 23, 45, 0.8);
  opacity: 0;
  transform: translateY(0.5rem);
  transition: opacity 0.2s ease, transform 0.2s ease;
}
.drivers__slide.is-open .drivers__text {
  opacity: 1;
  transform: none;
  transition: opacity 0.4s ease 0.25s, transform 0.5s cubic-bezier(0.65, 0, 0.35, 1) 0.25s;
}
.drivers__controls {
  display: flex;
  gap: 0.75rem;
}
@media (min-width: 768px) {
  .drivers__controls {
    padding-right: 2.5rem;
  }
}
.drivers__arrow {
  position: relative;
  flex-shrink: 0;
  width: 3.25rem;
  height: 3.25rem;
  padding: 0;
  border: 0;
  border-radius: 0.625rem;
  background: #ffffff;
  color: #11172d;
  cursor: pointer;
  transition: background-color 0.3s ease, color 0.3s ease;
  -webkit-backdrop-filter: blur(1.625rem);
          backdrop-filter: blur(1.625rem);
}
.drivers__arrow::before {
  content: "";
  position: absolute;
  inset: 0;
  background: currentColor;
  mask: url("../../media/icons/drivers-arrow.svg") center/100% 100% no-repeat;
}
.drivers__arrow--prev::before {
  transform: rotate(180deg);
}
.drivers__arrow.is-disabled {
  background: rgba(255, 255, 255, 0.1);
  color: #ffffff;
  cursor: default;
  pointer-events: none;
}
.drivers__arrow:focus-visible {
  outline: 1px dashed rgba(255, 255, 255, 0.6);
  outline-offset: 0.25rem;
}
@media (prefers-reduced-motion: reduce) {
  .drivers__slide, .drivers__card, .drivers__card::before, .drivers__desc, .drivers__text, .drivers__arrow {
    transition-duration: 0.01s !important;
    transition-delay: 0s !important;
  }
}

@media (min-width: 768px) and (max-width: 1032px) {
  .drivers__inner {
    padding-right: 0;
  }
  .drivers__hero {
    padding-right: 0.9375rem;
  }
  .drivers__controls {
    padding-right: 0.9375rem;
  }
}
.industries {
  position: relative;
  color: #ffffff;
}
.industries__track {
  position: relative;
}
.industries__sticky {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100vh;
  min-height: 40rem;
  overflow: hidden;
  background: #050811;
}
@supports (height: 1svh) {
  .industries__sticky {
    height: 100svh;
  }
}
@media (min-width: 1033px) {
  .industries__sticky {
    min-height: 35rem;
  }
}
.industries__bg {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.industries__slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 0.8s cubic-bezier(0.65, 0, 0.35, 1);
}
.industries__slide.is-active {
  opacity: 1;
}
.industries__media {
  position: absolute;
  inset: 0;
  transform: scale(1.05);
  transition: transform 1.6s cubic-bezier(0.65, 0, 0.35, 1);
}
.industries__slide.is-active .industries__media {
  transform: none;
}
.industries__video {
  opacity: 0;
  transition: opacity 0.6s ease;
}
.industries__video.is-ready {
  opacity: 1;
}
.industries__shade {
  position: absolute;
  inset: 0;
  background: linear-gradient(270deg, rgba(0, 0, 0, 0) 45%, rgba(0, 0, 0, 0.5) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));
}
.industries__shade::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url("../../media/images/transport-tile.jpg") 0 0/36.125rem 24.086875rem;
  mix-blend-mode: darken;
  opacity: 0.06;
}
.industries__inner {
  position: relative;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  max-width: 90rem;
  margin-inline: auto;
  padding: 3.75rem 0.9375rem;
}
@media (min-width: 768px) {
  .industries__inner {
    padding: 3.75rem 2.5rem 3.5rem;
  }
}
.industries__head {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.5rem;
}
@media (min-width: 768px) {
  .industries__head {
    gap: 2rem;
  }
}
.industries__label {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.8125rem;
  font-weight: 300;
  line-height: 100%;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  white-space: nowrap;
}
.industries__label::before {
  content: "";
  flex-shrink: 0;
  width: 0.3125rem;
  height: 0.3125rem;
  background: url("../../media/icons/label-dot.svg") center/100% 100% no-repeat;
}
.industries__title {
  max-width: 16.5rem;
}
@media (min-width: 1033px) {
  .industries__title {
    max-width: 20.875rem;
  }
}
.industries__foot {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2.25rem;
}
@media (min-width: 768px) {
  .industries__foot {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    gap: 2rem;
  }
}
.industries__panels {
  display: grid;
  align-items: end;
  width: 100%;
}
@media (min-width: 768px) {
  .industries__panels {
    width: 27.375rem;
  }
}
.industries__panel {
  grid-area: 1/1;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1.4375rem;
  border: 1px dashed rgba(255, 255, 255, 0.2);
  border-radius: 0.875rem;
  background: rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(1.625rem);
          backdrop-filter: blur(1.625rem);
  opacity: 0;
  visibility: hidden;
  transform: translateY(1rem);
  transition: opacity 0.35s ease, transform 0.35s ease, visibility 0s linear 0.35s;
}
.industries__panel.is-active {
  opacity: 1;
  visibility: visible;
  transform: none;
  transition: opacity 0.6s ease 0.25s, transform 0.7s cubic-bezier(0.65, 0, 0.35, 1) 0.25s, visibility 0s linear 0.25s;
}
@media (min-width: 768px) {
  .industries__panel {
    gap: 1.125rem;
    padding: 1.9375rem;
  }
}
.industries__panel-title {
  text-wrap: balance;
}
.industries__panel-text {
  color: rgba(255, 255, 255, 0.8);
}
.industries__cta {
  flex-shrink: 0;
}
.industries__dots {
  position: absolute;
  top: 50%;
  right: calc(max(0px, (100% - 90rem) / 2) + 0.9375rem);
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  transform: translateY(-50%);
}
@media (min-width: 768px) {
  .industries__dots {
    right: calc(max(0px, (100% - 90rem) / 2) + 2.5rem);
  }
}
.industries__dot {
  position: relative;
  display: block;
  width: 0.25rem;
  height: 0.875rem;
  padding: 0;
  border: 0;
  border-radius: 2.5rem;
  background: rgba(255, 255, 255, 0.2);
  cursor: pointer;
  transition: height 0.5s cubic-bezier(0.65, 0, 0.35, 1), background-color 0.5s ease;
}
.industries__dot::before {
  content: "";
  position: absolute;
  inset: -0.25rem -0.75rem;
}
.industries__dot.is-active {
  height: 2rem;
  background: #ffffff;
}
.industries__dot:focus-visible {
  outline: 1px dashed rgba(255, 255, 255, 0.6);
  outline-offset: 0.25rem;
}
@media (prefers-reduced-motion: reduce) {
  .industries__slide, .industries__media, .industries__video, .industries__panel, .industries__panel.is-active, .industries__dot {
    transition-duration: 0.01s !important;
    transition-delay: 0s !important;
  }
  .industries__media {
    transform: none;
  }
}

.industries--scroll .industries__track {
  display: flex;
  flex-direction: column;
}
.industries--scroll .industries__track::after {
  content: "";
  display: block;
  height: calc((var(--states, 2) - 1) * 100vh * var(--scroll-k, 1));
}
@supports (height: 1svh) {
  .industries--scroll .industries__track::after {
    height: calc((var(--states, 2) - 1) * 100svh * var(--scroll-k, 1));
  }
}
.industries--scroll .industries__sticky {
  position: sticky;
  top: 0;
}

@media (min-width: 768px) and (max-width: 1032px) {
  .industries {
    --scroll-k: 1.5;
  }
}
.news {
  position: relative;
  overflow: hidden;
  background: #f7f9ff;
  color: #11172d;
}
.news::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url("../../media/images/transport-tile.jpg") 0 0/36.125rem 24.086875rem;
  mix-blend-mode: darken;
  opacity: 0.06;
  pointer-events: none;
}
.news__inner {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
  width: 100%;
  max-width: 90rem;
  margin-inline: auto;
  padding: 5rem 0.9375rem;
}
@media (min-width: 1033px) {
  .news__inner {
    gap: 4.375rem;
    padding: 7.5rem 2.5rem;
  }
}
.news__head {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2.25rem;
}
@media (min-width: 1033px) {
  .news__head {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    gap: 2rem;
  }
}
.news__copy {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
@media (min-width: 1033px) {
  .news__copy {
    gap: 2rem;
  }
}
.news__label {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.8125rem;
  font-weight: 300;
  line-height: 100%;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  white-space: nowrap;
}
.news__label::before {
  content: "";
  flex-shrink: 0;
  width: 0.3125rem;
  height: 0.3125rem;
  background: url("../../media/icons/label-dot-blue.svg") center/100% 100% no-repeat;
}
.news__title mark {
  color: #2d388a;
}
.news__cta {
  flex-shrink: 0;
}
.news__body {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.news__swiper {
  overflow: visible;
  width: 100%;
}
.news__list {
  display: flex;
  align-items: stretch;
  list-style: none;
  margin: 0;
  padding: 0;
  transition-property: transform;
}
.news__slide {
  flex-shrink: 0;
  width: 100%;
  height: auto;
}
@media (min-width: 1033px) {
  .news .news__list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.25rem;
    transform: none;
  }
  .news .news__controls {
    display: none;
  }
}
.news__card {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  height: 100%;
  padding: 0.5625rem;
  border: 1px dashed rgba(17, 23, 45, 0.1);
  border-radius: 0.875rem;
  background: rgba(17, 23, 45, 0.05);
  -webkit-backdrop-filter: blur(0.6875rem);
          backdrop-filter: blur(0.6875rem);
}
.news__media {
  flex-shrink: 0;
  aspect-ratio: 420/305;
  border-radius: 0.875rem;
  overflow: hidden;
  background: rgba(17, 23, 45, 0.1);
}
.news__details {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  gap: 2.25rem;
  width: 100%;
  padding: 0.125rem 0.875rem 0.875rem;
}
.news__header {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
}
.news__meta {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.875rem;
}
@media (min-width: 1033px) {
  .news__meta {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 0.875rem;
  }
}
.news__tags {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.875rem;
}
.news__tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 1.4375rem;
  padding: 0.375rem 0.875rem;
  border: 1px solid rgba(17, 23, 45, 0.2);
  border-radius: 1.4375rem;
  font-size: 0.6875rem;
  font-weight: 300;
  line-height: 1;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  white-space: nowrap;
}
.news__tag--filled {
  border-color: #2d388a;
  background: #2d388a;
  color: #ffffff;
}
.news__date {
  font-size: 0.6875rem;
  font-weight: 300;
  line-height: 1;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  white-space: nowrap;
}
.news__card-title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-family: "Zalando Sans SemiExpanded", "Figtree", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.12;
  letter-spacing: -0.03em;
}
.news__read {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding-bottom: 0.25rem;
  border-bottom: 1px solid rgba(17, 23, 45, 0.6);
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  color: #11172d;
}
.news__read::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
}
.news__read:focus-visible {
  outline: 1px dashed #11172d;
  outline-offset: -0.25rem;
}
.news__read-icon {
  width: 0.8395625rem;
  height: 0.4815625rem;
  background: currentColor;
  mask: url("../../media/icons/logo-mark.svg") center/100% 100% no-repeat;
}
.news__controls {
  display: flex;
  gap: 0.75rem;
}
.news__arrow {
  position: relative;
  flex-shrink: 0;
  width: 3.25rem;
  height: 3.25rem;
  padding: 0;
  border: 0;
  border-radius: 0.625rem;
  background: #11172d;
  color: #ffffff;
  cursor: pointer;
  transition: background-color 0.3s ease, color 0.3s ease;
}
.news__arrow::before {
  content: "";
  position: absolute;
  inset: 0;
  background: currentColor;
  mask: url("../../media/icons/drivers-arrow.svg") center/100% 100% no-repeat;
}
.news__arrow--prev::before {
  transform: rotate(180deg);
}
.news__arrow.is-disabled {
  background: rgba(17, 23, 45, 0.1);
  color: #11172d;
  cursor: default;
  pointer-events: none;
}
.news__arrow:focus-visible {
  outline: 1px dashed #11172d;
  outline-offset: 0.25rem;
}

.cta {
  position: relative;
  overflow: hidden;
  min-height: 35rem;
  background: #050811;
  color: #ffffff;
}
@media (min-width: 1033px) {
  .cta {
    display: flex;
    align-items: center;
    min-height: 32.8125rem;
  }
}
.cta__bg {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.cta__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 317.7%;
  max-width: none;
  height: auto;
  transform: translate(-32.85%, -6.2%);
}
@media (min-width: 1033px) {
  .cta__img {
    width: 135.56%;
    transform: translate(-7.02%, -36.34%);
  }
}
.cta__shade {
  position: absolute;
  inset: 0;
  background: linear-gradient(270deg, rgba(0, 0, 0, 0) 37.049%, rgba(0, 0, 0, 0.6) 100%);
}
.cta__shade::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url("../../media/images/transport-tile.jpg") 0 0/36.125rem 24.086875rem;
  mix-blend-mode: darken;
  opacity: 0.06;
}
.cta__inner {
  position: relative;
  width: 100%;
  max-width: 90rem;
  margin-inline: auto;
  padding: 3.75rem 0.9375rem;
}
@media (min-width: 1033px) {
  .cta__inner {
    padding: 3.75rem 2.5rem;
  }
}
.cta__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2.25rem;
}
@media (min-width: 1033px) {
  .cta__content {
    gap: 2.75rem;
    width: 34.6875rem;
  }
}
.cta__copy {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
@media (min-width: 1033px) {
  .cta__copy {
    gap: 2rem;
  }
}
@media (min-width: 1033px) {
  .cta__title {
    max-width: 24.25rem;
  }
}
.cta__text {
  color: rgba(255, 255, 255, 0.8);
}
@media (min-width: 1033px) {
  .cta__text {
    max-width: 30.0625rem;
  }
}

@media (min-width: 768px) and (max-width: 1032px) {
  .cta__img {
    left: 50%;
    top: calc(100% - 46.4375rem);
    width: auto;
    height: 56.25rem;
    transform: translateX(-53.5%);
  }
}
/*# sourceMappingURL=style.min.css.map */