@font-face {
  font-family: Instrumentsans;
  src: url('../fonts/InstrumentSans-Medium.ttf') format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Instrumentsans;
  src: url('../fonts/InstrumentSans-Regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Instrumentsans;
  src: url('../fonts/InstrumentSans-Italic.ttf') format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Kmrwaldenburg;
  src: url('../fonts/KMRWaldenburg-Regular.ttf') format("truetype");
  font-weight: 40 210;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Senticosansdt;
  src: url('../fonts/SenticoSansDT-BoldItalic.ttf') format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Senticosansdt;
  src: url('../fonts/SenticoSansDT-ThinItalic.ttf') format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Senticosansdtcond Extbdita;
  src: url('../fonts/SenticoSansDTCond-ExtBdIta.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Senticosansdtcond;
  src: url('../fonts/SenticoSansDTCond-Regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Senticosansdtcond;
  src: url('../fonts/SenticoSansDTCond-Thin.ttf') format("truetype"), url('../fonts/SenticoSansDTCond-ThinIta.ttf') format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Senticosansdtcond;
  src: url('../fonts/SenticoSansDTCond-MediumIta.ttf') format("truetype"), url('../fonts/SenticoSansDTCond-Medium.ttf') format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Senticosansdtcond;
  src: url('../fonts/SenticoSansDTCond-Italic.ttf') format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Senticosansdtcond;
  src: url('../fonts/SenticoSansDTCond-Bold.ttf') format("truetype"), url('../fonts/SenticoSansDTCond-ExtraBold.ttf') format("truetype"), url('../fonts/SenticoSansDTCond-BoldIta.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Senticosansdtcond;
  src: url('../fonts/SenticoSansDTCond-LightIta.ttf') format("truetype"), url('../fonts/SenticoSansDTCond-Light.ttf') format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Senticosansdt;
  src: url('../fonts/SenticoSansDT-Regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Senticosansdt;
  src: url('../fonts/SenticoSansDT-Italic.ttf') format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Senticosansdt;
  src: url('../fonts/SenticoSansDT-Bold.ttf') format("truetype"), url('../fonts/SenticoSansDT-ExtraBold.ttf') format("truetype"), url('../fonts/SenticoSansDT-ExtraBoldIta.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Senticosansdt;
  src: url('../fonts/SenticoSansDT-Light.ttf') format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Senticosansdt;
  src: url('../fonts/SenticoSansDT-Medium.ttf') format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Senticosansdt;
  src: url('../fonts/SenticoSansDT-LightItalic.ttf') format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Senticosansdt;
  src: url('../fonts/SenticoSansDT-Thin.ttf') format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Senticosansdt;
  src: url('../fonts/SenticoSansDT-MediumItalic.ttf') format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Kmr Waldenburg Feinhalbschmal;
  src: url('../fonts/KMR-Waldenburg-FeinHalbschmal.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Kmr Waldenburg Halbfettschmal;
  src: url('../fonts/KMR-Waldenburg-HalbfettSchmal.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Kmr Waldenburg Schwerhalbschmalkursiv;
  src: url('../fonts/KMR-Waldenburg-SchwerHalbschmalKursiv.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Kmr Waldenburg Schwarzkursiv;
  src: url('../fonts/KMR-Waldenburg-SchwarzKursiv.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Kmr Waldenburg Schwerkursiv;
  src: url('../fonts/KMR-Waldenburg-SchwerKursiv.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Kmr Waldenburg Schwarzhalbschmalkursiv;
  src: url('../fonts/KMR-Waldenburg-SchwarzHalbschmalKursiv.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Kmr Waldenburg Schwerschmalkursiv;
  src: url('../fonts/KMR-Waldenburg-SchwerSchmalKursiv.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Kmr Waldenburg Schwarzschmalkursiv;
  src: url('../fonts/KMR-Waldenburg-SchwarzSchmalKursiv.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Kmr Waldenburg;
  src: url('../fonts/KMR-Waldenburg-NormalKursiv.ttf') format("truetype"), url('../fonts/KMR-Waldenburg-Normal.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Kmr Waldenburg Magerhalbschmalkursiv;
  src: url('../fonts/KMR-Waldenburg-MagerHalbschmalKursiv.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Kmr Waldenburg Schmalkursiv;
  src: url('../fonts/KMR-Waldenburg-SchmalKursiv.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Kmr Waldenburg Feinschmal;
  src: url('../fonts/KMR-Waldenburg-FeinSchmal.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Kmr Waldenburg Magerkursiv;
  src: url('../fonts/KMR-Waldenburg-MagerKursiv.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Kmr Waldenburg Buchschmalkursiv;
  src: url('../fonts/KMR-Waldenburg-BuchSchmalKursiv.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Kmr Waldenburg Schwer;
  src: url('../fonts/KMR-Waldenburg-Schwer.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Kmr Waldenburg Halbfetthalbschmalkursiv;
  src: url('../fonts/KMR-Waldenburg-HalbfettHalbschmalKursiv.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Kmr Waldenburg Halbfettschmalkursiv;
  src: url('../fonts/KMR-Waldenburg-HalbfettSchmalKursiv.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Kmr Waldenburg Halbschmalkursiv;
  src: url('../fonts/KMR-Waldenburg-HalbschmalKursiv.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Kmr Waldenburg Feinhalbschmalkursiv;
  src: url('../fonts/KMR-Waldenburg-FeinHalbschmalKursiv.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Kmr Waldenburg Fettschmalkursiv;
  src: url('../fonts/KMR-Waldenburg-FettSchmalKursiv.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Kmr Waldenburg Fettkursiv;
  src: url('../fonts/KMR-Waldenburg-FettKursiv.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Kmr Waldenburg Halbfettkursiv;
  src: url('../fonts/KMR-Waldenburg-HalbfettKursiv.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Kmr Waldenburg Schwerschmal;
  src: url('../fonts/KMR-Waldenburg-SchwerSchmal.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Kmr Waldenburg Feinkursiv;
  src: url('../fonts/KMR-Waldenburg-FeinKursiv.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Kmr Waldenburg Fetthalbschmalkursiv;
  src: url('../fonts/KMR-Waldenburg-FettHalbschmalKursiv.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Kmr Waldenburg Schwerhalbschmal;
  src: url('../fonts/KMR-Waldenburg-SchwerHalbschmal.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Kmr Waldenburg Buchkursiv;
  src: url('../fonts/KMR-Waldenburg-BuchKursiv.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Kmr Waldenburg Schwarzschmal;
  src: url('../fonts/KMR-Waldenburg-SchwarzSchmal.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Kmr Waldenburg Buchhalbschmalkursiv;
  src: url('../fonts/KMR-Waldenburg-BuchHalbschmalKursiv.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Kmr Waldenburg Schmal;
  src: url('../fonts/KMR-Waldenburg-Schmal.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Kmr Waldenburg Schwarz;
  src: url('../fonts/KMR-Waldenburg-Schwarz.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Kmr Waldenburg Schwarzhalbschmal;
  src: url('../fonts/KMR-Waldenburg-SchwarzHalbschmal.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Kmr Waldenburg Magerhalbschmal;
  src: url('../fonts/KMR-Waldenburg-MagerHalbschmal.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Kmr Waldenburg Fein;
  src: url('../fonts/KMR-Waldenburg-Fein.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Kmr Waldenburg Fetthalbschmal;
  src: url('../fonts/KMR-Waldenburg-FettHalbschmal.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Kmr Waldenburg Buchhalbschmal;
  src: url('../fonts/KMR-Waldenburg-BuchHalbschmal.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Kmr Waldenburg Buch;
  src: url('../fonts/KMR-Waldenburg-Buch.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Kmr Waldenburg Magerschmalkursiv;
  src: url('../fonts/KMR-Waldenburg-MagerSchmalKursiv.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Kmr Waldenburg Halbschmal;
  src: url('../fonts/KMR-Waldenburg-Halbschmal.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Kmr Waldenburg Buchschmal;
  src: url('../fonts/KMR-Waldenburg-BuchSchmal.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Kmr Waldenburg Feinschmalkursiv;
  src: url('../fonts/KMR-Waldenburg-FeinSchmalKursiv.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Kmr Waldenburg Halbfett;
  src: url('../fonts/KMR-Waldenburg-Halbfett.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Kmr Waldenburg Magerschmal;
  src: url('../fonts/KMR-Waldenburg-MagerSchmal.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Kmr Waldenburg Fettschmal;
  src: url('../fonts/KMR-Waldenburg-FettSchmal.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Kmr Waldenburg Mager;
  src: url('../fonts/KMR-Waldenburg-Mager.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Kmr Waldenburg Halbfetthalbschmal;
  src: url('../fonts/KMR-Waldenburg-HalbfettHalbschmal.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Kmr Waldenburg Fett;
  src: url('../fonts/KMR-Waldenburg-Fett.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Neco;
  src: url('../fonts/Neco-Regular.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Neco;
  src: url('../fonts/Neco-Medium.otf') format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Neco;
  src: url('../fonts/Neco-Bold.otf') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --white: white;
  --color: #576067;
  --black: #0a0908;
  --gray: #f5f3f5;
  --test-gris\<deleted\|variable-a98369d9-d690-04ec-c70a-dcd3858a52d4\>: var(--gray);
  --deep-blue: #00a9ec;
  --orange: #004fa0;
  --purple: #b1ff02;
  --text-color: #282828;
  --primary: #00ad00;
  --gray-2: #e7e7e7;
  --color-2: #f6f7f9;
  --black-transparent: #ffffff0d;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-form-formrecaptcha {
  margin-bottom: 8px;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

h1 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 38px;
  font-weight: 700;
  line-height: 44px;
}

h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 700;
  line-height: 36px;
}

h4 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
}

h5 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}

h6 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
}

p {
  margin-bottom: 0;
}

a {
  text-decoration: underline;
}

.page-padding {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.page-container {
  max-width: 990px;
}

.paragraph-18px {
  letter-spacing: -.6px;
  font-family: Senticosansdt, Arial, sans-serif;
  font-size: 26px;
  line-height: 1.4;
}

.paragraph-18px.rel {
  z-index: 2;
  flex: 1;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.paragraph-16px {
  text-align: center;
  letter-spacing: -.55px;
  font-family: Senticosansdt, Arial, sans-serif;
  font-size: 20px;
  line-height: 1.6;
}

.paragraph-16px.margin-bottom {
  margin-bottom: 24px;
}

.paragraph-14px {
  color: var(--white);
  letter-spacing: -.4px;
  font-family: Kmr Waldenburg Halbfett, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.5;
  display: block;
  position: relative;
  overflow: hidden;
}

.paragraph-14px.front-spacing {
  color: var(--color);
  margin-right: 4px;
  font-family: Senticosansdtcond, Arial, sans-serif;
}

.heading-xlarge {
  letter-spacing: -4px;
  font-family: Kmrwaldenburg, Arial, sans-serif;
  font-size: 77px;
  font-weight: 400;
  line-height: 1.1;
}

.heading-1 {
  letter-spacing: -2.5px;
  font-family: Kmr Waldenburg Halbschmal, Arial, sans-serif;
  font-size: 64px;
  font-weight: 400;
  line-height: 1.2;
}

.heading-2 {
  letter-spacing: -2.5px;
  font-family: Instrumentsans, sans-serif;
  font-size: 48px;
  font-weight: 400;
  line-height: 1.2;
}

.heading-3 {
  letter-spacing: -1.4px;
  font-family: Instrumentsans, sans-serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 1.2;
}

.heading-4 {
  color: var(--gray);
  letter-spacing: -1.1px;
  font-family: Kmr Waldenburg Halbfetthalbschmal, Arial, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.2;
}

.heading-5 {
  letter-spacing: -.7px;
  font-family: Instrumentsans, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2;
}

.heading-6 {
  letter-spacing: -.6px;
  font-family: Instrumentsans, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.3;
}

.heading-6.blue-color {
  color: var(--deep-blue);
}

.heading-6.orange {
  color: var(--orange);
}

.heading-6.purple {
  color: var(--purple);
}

.hero-section {
  margin-top: 24px;
  margin-bottom: 24px;
}

.page-container {
  color: var(--text-color);
  max-width: 1300px;
}

.hero-section-wrapper {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  background-color: var(--gray);
  border: 1px solid #0000001a;
  border-radius: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-top: 180px;
  padding-bottom: 180px;
  padding-left: 7%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hero-section-wrapper.licenses {
  align-items: center;
  height: auto;
  padding-top: 88px;
  padding-bottom: 88px;
  padding-left: 0;
}

.hero-section-contents {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  align-items: flex-start;
  width: 55%;
  display: flex;
}

.hero-section-contents.licenses {
  z-index: 2;
  width: 70%;
  position: relative;
}

.hero-section-paragraph {
  color: #515151;
  width: 70%;
}

.hero-section-paragraph.licenses {
  width: 100%;
}

.hero-butttons-wrp {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  align-items: center;
  display: flex;
}

.custom-button {
  background-color: var(--primary);
  color: #2e2e2e;
  border-radius: 48px;
  justify-content: space-between;
  align-items: center;
  width: 250px;
  padding: 18px 16px 18px 24px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.custom-button.black {
  color: #fff;
  background-color: #181818;
}

.button-arrow {
  z-index: 2;
  background-color: #000;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.button-arrow.white {
  background-color: #fff;
}

.button-arrow-image.abs {
  position: absolute;
  left: -60%;
}

.button-animation-circle {
  z-index: 1;
  background-color: #000;
  border-radius: 100%;
  width: 4px;
  height: 4px;
  position: absolute;
  inset: 2rem 2rem 0% auto;
}

.button-animation-circle.white {
  background-color: #fff;
}

.secondary-button {
  color: #323232;
  letter-spacing: -.5px;
  background-color: #0000;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Instrumentsans, sans-serif;
  font-size: 18px;
  font-weight: 500;
  text-decoration: underline;
  transition: color .25s;
}

.secondary-button:hover {
  color: #93a954;
}

.hero-card {
  width: auto;
  height: 100%;
  margin-top: auto;
  margin-bottom: auto;
  position: absolute;
  inset: -171px -32vw 0% auto;
}

.hero-card._2 {
  top: 87px;
  right: -28vw;
}

.hero-card._3 {
  top: 375px;
  right: -23.4vw;
}

.partners-section {
  margin-top: 24px;
  margin-bottom: 24px;
}

.partner-section-wrp {
  background-color: #0f0f0f;
  border-radius: 16px;
  justify-content: space-between;
  padding: 48px 64px;
  display: flex;
}

.partner-logo {
  width: 9vw;
}

.page-padding {
  width: 100%;
  padding: 0 30px 24px;
}

.about-us-section {
  margin-top: 24px;
  margin-bottom: 24px;
}

.about-us-wrp {
  background-color: var(--primary);
  color: var(--text-color);
  border-radius: 16px;
  padding: 72px 8%;
}

.about-us-title {
  border-bottom: 1px solid #282828;
  margin-bottom: 36px;
  padding-bottom: 36px;
}

.about-us-paragraph {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.a-paragraph-wrp {
  max-width: 60%;
}

.our-story {
  justify-content: space-between;
  align-items: stretch;
  margin-top: 169px;
  display: flex;
  position: relative;
}

.our-story-title {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  align-items: flex-start;
  width: 50%;
  height: 100%;
  display: flex;
  position: sticky;
  top: 15vh;
}

.our-story-paragraphs {
  flex-direction: column;
  justify-content: space-between;
  width: 26%;
  height: 80vh;
  display: flex;
}

.paragraph-24px {
  letter-spacing: -.6px;
  font-family: Instrumentsans, sans-serif;
  font-size: 24px;
  line-height: 1.4;
}

.our-values-paragraphs {
  flex-direction: column;
  justify-content: space-between;
  width: 26%;
  height: 40vh;
  display: flex;
}

.products-section {
  margin-top: 24px;
  margin-bottom: 24px;
}

.product-section-wrp {
  background-color: var(--gray);
  border: 1px solid #0000001a;
  border-radius: 16px;
  justify-content: space-between;
  padding: 72px 8%;
  display: flex;
}

.pr-scroll-progress {
  width: 16%;
  position: relative;
}

.products-list-wrp {
  grid-column-gap: 120px;
  grid-row-gap: 120px;
  flex-direction: column;
  align-items: flex-start;
  width: 65%;
  display: flex;
}

.pr-heading {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  display: flex;
}

.pr-heading-texts {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.pr-image-wrp {
  background-color: var(--gray-2);
  border-radius: 6px;
  width: 100%;
  height: 300px;
  position: relative;
  overflow: hidden;
}

.product {
  width: 100%;
}

.product-name {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border-bottom: 1px solid #2c2c2c;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  padding-bottom: 24px;
  display: flex;
}

.card-images-wrp {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  margin-top: 28px;
  display: flex;
}

.card-image-container {
  background-color: #fff;
  border-radius: 6px;
  width: 100%;
  height: 300px;
  position: relative;
  overflow: hidden;
}

.card-image-container.deep-blue {
  background-color: #1d3d55;
}

.card-image-container.orange {
  background-color: #231504;
}

.card-image-container.purple {
  background-color: #3f3357;
}

.card-product-features {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  margin-top: 28px;
  display: flex;
}

.card-feature {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.scroll-links-wrp {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
  position: sticky;
  top: 10vh;
}

.scroll-progress-link {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  color: #8b8a8a;
  flex-direction: column;
  align-items: flex-start;
  text-decoration: none;
}

.apply-section {
  margin-top: 24px;
  margin-bottom: 24px;
}

.apply-section-wrp {
  background-color: var(--color-2);
  background-image: url('../images/Untitled-1-Recovered.png');
  background-position: 5%;
  background-repeat: repeat-y;
  background-size: contain;
  background-attachment: fixed;
  border: 1px solid #a030301a;
  border-radius: 16px;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding: 72px 8%;
  font-family: Kmrwaldenburg, Arial, sans-serif;
  display: flex;
}

.apply-section-header {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 80%;
  display: flex;
}

.apply-cards-wrp {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 48px;
  display: grid;
}

.apply-step-card {
  background-color: #005dac;
  border: 0 solid #0003;
  border-radius: .375rem;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 32px 16px;
  display: flex;
}

.apply-step-texts {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 76px;
  display: flex;
}

.apply-button {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: var(--text-color);
  background-color: #fff;
  border-radius: 48px;
  align-items: center;
  min-height: 32px;
  padding: 5px 15px 5px 13px;
  text-decoration: none;
  display: flex;
}

.arrow-icon {
  min-width: 12px;
}

.benefits-section {
  margin-top: 24px;
  margin-bottom: 24px;
}

.benefits-section-wrp {
  background-color: var(--gray);
  border: 1px solid #0000001a;
  border-radius: 16px;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding: 72px 88px;
  display: flex;
}

.benefits-section-header {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 90%;
  display: flex;
}

.features-table-wrp {
  width: 100%;
  margin-top: 32px;
}

.benefit-table-head {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #c4e56833;
  grid-template-rows: auto;
  grid-template-columns: .8fr .75fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.card-type-head {
  justify-content: flex-start;
  padding-top: 24px;
  padding-bottom: 24px;
  padding-left: 16px;
  display: flex;
}

.card-features-head, .card-benefits-head {
  justify-content: flex-start;
  padding-top: 24px;
  padding-bottom: 24px;
  padding-left: 8px;
  display: flex;
}

.benefit-details {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: .8fr .75fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.benefit-details.top {
  margin-top: 16px;
}

.card-features-cell, .card-benefits-cell {
  color: #626162;
  border-top: 1px solid #dddbdb;
  border-bottom: 1px solid #dddbdb;
  justify-content: flex-start;
  align-items: center;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 8px;
  display: flex;
}

.card-type-cell {
  justify-content: flex-start;
  align-items: center;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 16px;
  display: flex;
}

.row-title-wrp {
  max-width: 100%;
}

.faq-section {
  margin-top: 24px;
  margin-bottom: 24px;
}

.faq-section-wrp {
  background-color: var(--gray);
  border: 1px solid #0000001a;
  border-radius: 16px;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding: 72px 8%;
  display: flex;
}

.faw-qa-qrapper {
  width: 75%;
  margin-top: 48px;
}

.faq {
  border-bottom: 1px solid #00000026;
  flex-direction: column;
  display: flex;
  overflow: hidden;
}

.question-icon {
  border-top: 1px solid #00000026;
  justify-content: space-between;
  align-items: center;
  padding-top: 24px;
  padding-bottom: 24px;
  display: flex;
}

.plus-icon-wrp {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.icon-horizontal {
  background-color: #333;
  width: 24px;
  height: 1px;
}

.icon-vertical {
  background-color: #333;
  width: 1.5px;
  height: 24px;
  position: absolute;
}

.faq-answer {
  color: #626162;
  margin-top: 0;
  overflow: hidden;
}

.testimonial-section {
  margin-top: 24px;
  margin-bottom: 24px;
}

.testimonial-section-wrp {
  background-color: var(--black);
  color: #fff;
  border: 1px solid #0000001a;
  border-radius: 16px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 72px 8%;
  display: flex;
}

.testimonial-header {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: left;
  flex-direction: column;
  align-items: flex-start;
  width: 75%;
  margin-right: auto;
  display: flex;
}

.testimonial-video-wrp {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  width: 100%;
  margin-top: 36px;
  display: flex;
}

.testimonial-video-card {
  background-color: var(--black-transparent);
  border: 1px solid #ffffff1a;
  border-radius: 6px;
  width: 100%;
  padding: 16px;
}

.testi-video-wrp {
  border-radius: 6px;
  height: 300px;
  margin-bottom: 28px;
  position: relative;
  overflow: hidden;
}

.lightbox-link {
  z-index: 2;
  background-color: #fff6;
  border: 1px solid #fff6;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
  position: absolute;
  inset: auto auto 16px 16px;
}

.testimonial-name-wrp {
  margin-top: 40px;
}

.contact-section {
  margin-top: 24px;
  margin-bottom: 24px;
}

.contact-section-wrapper {
  background-color: var(--color-2);
  background-image: url('../images/Untitled-2-Recovered.png');
  background-position: 0%;
  background-repeat: repeat-y;
  background-size: contain;
  background-attachment: fixed;
  border: 1px solid #0000001a;
  border-radius: 16px;
  flex-direction: column;
  align-items: center;
  padding-top: 88px;
  padding-bottom: 88px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.contact-section-contents {
  z-index: 4;
  max-width: 620px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.contact-section-heading {
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 400px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.contact-form-wrapper {
  margin-top: 48px;
}

.contact-form-container {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  display: flex;
}

.contact-form-field {
  color: #1f1f1f;
  background-color: #f6f7f9;
  border: 1px solid #d7d7d7;
  border-radius: 6px;
  margin-bottom: 0;
  padding: 12px 16px;
  font-family: Instrumentsans, sans-serif;
  font-weight: 400;
}

.contact-form-field::placeholder {
  color: #1b1b1b;
}

.contact-form-field.text-area {
  min-height: 100px;
}

.submit-button {
  background-color: var(--primary);
  color: #fff;
  letter-spacing: -.5px;
  border: 1px solid #fff;
  border-radius: 72px;
  width: 160px;
  height: 60px;
  margin-left: auto;
  margin-right: auto;
  padding: 12px 20px;
  font-family: Senticosansdt, Arial, sans-serif;
  font-size: 24px;
  transition: background-color .3s;
}

.submit-button:hover {
  color: #fff;
  background-color: #000;
}

.form-field-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  display: flex;
}

.cta-section-wrapper {
  background-color: var(--gray);
  border: 1px solid #0000001a;
  border-radius: 16px;
  flex-direction: column;
  align-items: center;
  padding-top: 88px;
  padding-bottom: 88px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.cta-section {
  margin-top: 24px;
  margin-bottom: 24px;
}

.cta-section-inner-wrapper {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  background-color: #fff;
  border-radius: 16px;
  flex-direction: column;
  align-items: flex-start;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  padding: 56px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.cta-contents {
  z-index: 3;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  align-items: flex-start;
  width: 39.375rem;
  display: flex;
  position: relative;
}

.button {
  background-color: var(--primary);
  color: #fff;
  text-align: center;
  letter-spacing: -.5px;
  border: 0 solid #fff;
  border-radius: 72px;
  padding: 10px 24px;
  font-family: Kmr Waldenburg Halbfett, Arial, sans-serif;
  font-size: 16px;
  font-weight: 100;
  transition: background-color .3s;
  position: sticky;
  left: 181px;
}

.button:hover {
  color: #fff;
  background-color: #000;
}

.button.buy {
  background-image: url('../images/r99BS8-verde.png');
  background-position: 0 0;
  background-size: auto;
  border: 1px solid #0000001a;
  width: 87px;
  height: 69px;
  overflow: auto;
}

.cta-vector-image {
  margin-top: auto;
  margin-bottom: auto;
  position: absolute;
  inset: 53% 0% 0% auto;
}

.footer {
  margin-top: 24px;
  margin-bottom: 24px;
}

.footer-wrapper {
  background-color: var(--color);
  border: 1px solid #0000001a;
  border-radius: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding: 13px 56px 20px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.footer-contents-upper {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding-top: 0;
  display: flex;
  position: relative;
  top: 28px;
}

.footer-links-container {
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  display: flex;
}

.footer-links-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.footer-text-link {
  color: #fff;
  letter-spacing: -.4px;
  text-decoration: none;
  transition: color .25s;
}

.footer-text-link:hover {
  color: #729a00;
}

.footer-divider-line {
  border: 1px solid var(--gray-2);
  background-color: #46532233;
  width: 100%;
  height: 1px;
  margin-top: 72px;
  margin-bottom: 72px;
}

.footer-copyright-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: none;
}

.purchase-template {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  display: flex;
}

.navbar {
  z-index: 99999;
  background-color: #0000;
  margin-top: 24px;
  margin-bottom: 24px;
  font-family: Kmrwaldenburg, Arial, sans-serif;
  position: static;
  top: 0;
}

.navbar-wrapper {
  background-color: var(--orange);
  border-radius: 16px;
  justify-content: space-between;
  align-items: center;
  padding: 22px 20px;
  display: flex;
}

.navbar-logo {
  align-items: center;
  width: 35%;
  display: flex;
}

.navlink {
  color: #fff;
  letter-spacing: -.2px;
  font-family: Kmrwaldenburg, Arial, sans-serif;
  font-weight: 100;
  text-decoration: none;
  transition: color .25s;
}

.navlink:hover {
  color: #868686;
}

.navlink.w--current {
  width: 40.0625px;
  font-family: Kmr Waldenburg Halbschmal, Arial, sans-serif;
  font-weight: 100;
}

.pr-image {
  position: absolute;
}

.pr-image._1 {
  inset: auto 0% -6% auto;
  transform: rotate(60deg);
}

.pr-image._2 {
  filter: blur(1.5px);
  inset: auto auto 7% 7%;
  transform: rotate(-150deg);
}

.pr-image._3 {
  filter: blur(3px);
  inset: 4% 0% auto 23%;
  transform: rotate(66.2deg);
}

.card-image {
  min-width: 120%;
  position: absolute;
  top: 19%;
  left: auto;
  right: -33%;
}

.inclined-card-image {
  min-width: 120%;
  position: absolute;
  inset: auto -33% 9% auto;
}

.testimonial-bg-video {
  z-index: 1;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.navbar-menu-button {
  padding: 0;
}

.navbar-logo-link {
  padding-left: 0;
}

.navlinks-wrapper {
  align-items: center;
  display: flex;
  position: static;
}

.navlinks-wrapper.page-height-tablet {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
}

.changelog-ill-image {
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: auto 0% -37%;
}

.changelog-section-wrp {
  background-color: var(--gray);
  border: 1px solid #0000001a;
  border-radius: 16px;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding: 72px 88px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.changelog-section {
  margin-top: 24px;
  margin-bottom: 24px;
}

.changelog-section-header {
  z-index: 2;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 40%;
  display: flex;
  position: relative;
}

.licenses-content-wrapper {
  z-index: 2;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  align-items: flex-start;
  width: 70%;
  margin-top: 32px;
  display: flex;
  position: relative;
}

.licenses-content-wrapper.terms {
  margin-top: 20px;
}

.link {
  color: #7ea11f;
  text-decoration: none;
}

.license-hero-image {
  position: absolute;
  inset: -10% -16% 0% auto;
}

.list-item {
  margin-top: 16px;
  margin-bottom: 16px;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  max-height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin: auto;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.password-field-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  width: 320px;
  display: flex;
}

.password-section-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--gray);
  border: 1px solid #0000001a;
  border-radius: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 70vh;
  padding-top: 88px;
  padding-bottom: 88px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.field-label {
  font-family: Instrumentsans, sans-serif;
  font-size: 16px;
  line-height: 1.3;
}

.lottie-animation {
  max-width: 320px;
  margin-bottom: -64px;
}

._404-lottie {
  max-width: 400px;
}

.success-message {
  background-color: #c4e568;
  border-radius: 6px;
}

.text-block {
  letter-spacing: -.3px;
  font-family: Instrumentsans, sans-serif;
}

.our-values {
  justify-content: space-between;
  align-items: stretch;
  margin-top: 169px;
  display: flex;
  position: relative;
}

.buy-buttton-wrp {
  z-index: 50;
  margin-left: auto;
  margin-right: auto;
  position: fixed;
  bottom: 60px;
  right: -7px;
}

.image {
  height: auto;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: visible;
}

.mask {
  height: 100%;
}

.slider {
  border-radius: 20px;
  width: 1300px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}

.container {
  justify-content: center;
  align-items: center;
  max-width: none;
  display: flex;
  position: relative;
}

.image-2 {
  width: 42%;
}

.image-3 {
  float: none;
  clear: right;
  width: 15%;
  padding-left: 0;
  position: relative;
  left: 416px;
}

.image-4 {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  top: 60px;
}

.banner {
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
}

.mask-2 {
  border-radius: 20px;
}

.image-10 {
  width: 14%;
  position: relative;
  top: auto;
  left: auto;
}

.text-block-2 {
  color: var(--gray-2);
  width: 479px;
}

.button-2 {
  font-size: 22px;
  position: sticky;
  top: 900px;
  left: 30px;
}

.paragraph-2, .paragraph-3, .paragraph-4 {
  color: var(--gray);
  font-family: Senticosansdt, Arial, sans-serif;
}

.paragraph-5 {
  color: var(--color-2);
  margin-top: 20px;
  font-family: Kmr Waldenburg Halbschmal, Arial, sans-serif;
}

.image-11 {
  position: relative;
  top: -44px;
  left: 163px;
}

@media screen and (min-width: 1920px) {
  .paragraph-16px {
    text-align: center;
  }

  .paragraph-14px.front-spacing {
    color: var(--black);
  }

  .heading-4 {
    color: var(--test-gris\<deleted\|variable-a98369d9-d690-04ec-c70a-dcd3858a52d4\>);
    font-family: Kmr Waldenburg Halbfetthalbschmal, Arial, sans-serif;
  }

  .hero-card {
    right: -36.4vw;
  }

  .hero-card._2 {
    right: -32.1vw;
  }

  .hero-card._3 {
    right: -26.4vw;
  }

  .partner-section-wrp {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .apply-section-wrp {
    background-color: var(--color-2);
    background-position: 0%;
  }

  .apply-cards-wrp {
    grid-row-gap: 16px;
  }

  .apply-step-card {
    background-color: #0161ae;
    border-radius: 1rem;
  }

  .contact-section-wrapper {
    background-color: var(--color-2);
    background-image: url('../images/Untitled-2-Recovered.png');
    background-position: 0%;
    background-repeat: repeat-y;
    background-size: contain;
    background-attachment: fixed;
  }

  .contact-form-field {
    background-color: #f6f7f9;
  }

  .button {
    object-fit: fill;
    flex: none;
    max-width: 100%;
    margin-right: 56px;
    font-family: Kmr Waldenburg Halbschmal, Arial, sans-serif;
    font-size: 18px;
    font-weight: 400;
  }

  .footer-wrapper {
    background-color: var(--color);
  }

  .footer-text-link, .footer-text-link.w--current {
    font-family: Senticosansdt, Arial, sans-serif;
    font-size: 20px;
  }

  .navbar {
    margin-left: auto;
    margin-right: auto;
    position: static;
  }

  .navlink {
    font-size: 18px;
  }

  .navlink.w--current {
    display: flex;
  }

  .navlinks-wrapper.page-height-tablet {
    grid-column-gap: 70px;
    grid-row-gap: 70px;
    flex: 1;
    font-family: Senticosansdt, Arial, sans-serif;
    font-size: 20px;
  }

  .buy-buttton-wrp {
    left: 1227px;
  }

  .image {
    aspect-ratio: auto;
    object-fit: cover;
    border-radius: 20px;
    width: 100%;
    height: auto;
    overflow: clip;
  }

  .slider {
    box-sizing: border-box;
    aspect-ratio: auto;
    object-fit: fill;
    flex: none;
    justify-content: center;
    align-items: center;
    width: 1300px;
    max-width: none;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    overflow: clip;
  }

  .container {
    max-width: 67%;
  }

  .image-4 {
    top: 59px;
  }

  .image-5, .image-6 {
    object-fit: cover;
  }

  .image-7, .image-8, .image-9 {
    object-fit: contain;
  }

  .mask-2 {
    max-width: none;
    overflow: clip;
  }

  .select-field {
    border-radius: 5px;
    width: 100px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .recaptcha {
    clear: none;
    position: relative;
    left: 125px;
  }

  .image-10 {
    top: -40px;
  }

  .paragraph {
    color: var(--gray);
  }

  .text-block-2 {
    color: var(--gray-2);
    width: 34%;
    font-family: Senticosansdt, Arial, sans-serif;
    font-size: 17px;
  }

  .paragraph-2, .paragraph-3, .paragraph-4 {
    color: var(--test-gris\<deleted\|variable-a98369d9-d690-04ec-c70a-dcd3858a52d4\>);
    font-family: Senticosansdt, Arial, sans-serif;
    font-size: 20px;
  }
}

@media screen and (max-width: 991px) {
  .heading-xlarge {
    font-size: 72px;
  }

  .heading-1 {
    font-size: 48px;
    line-height: 1;
  }

  .heading-2 {
    font-size: 40px;
  }

  .hero-section-wrapper {
    justify-content: flex-start;
    padding: 32px 32px 240px;
  }

  .hero-section-wrapper.licenses {
    padding: 48px 32px;
  }

  .hero-section-contents, .hero-section-contents.licenses {
    width: 100%;
  }

  .custom-button {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .custom-button.black {
    width: 220px;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 20px;
  }

  .button-arrow.white {
    width: 24px;
    height: 24px;
  }

  .hero-card {
    inset: auto -10% -19% auto;
  }

  .hero-card._2 {
    inset: auto 11% -18% auto;
  }

  .hero-card._3 {
    inset: auto 40% -19% auto;
  }

  .partner-section-wrp {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    padding: 32px;
    display: grid;
  }

  .partner-logo {
    width: 78%;
  }

  .about-us-wrp {
    padding: 32px;
  }

  .about-us-paragraph {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex-direction: column;
    align-items: flex-start;
  }

  .a-paragraph-wrp {
    max-width: none;
  }

  .our-story {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .our-story-title {
    width: 60%;
  }

  .our-story-paragraphs {
    width: 45%;
  }

  .paragraph-24px {
    font-size: 22px;
  }

  .our-values-paragraphs {
    width: 45%;
  }

  .product-section-wrp {
    flex-direction: column;
    padding: 0;
    position: relative;
  }

  .pr-scroll-progress {
    z-index: 10;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    width: 100%;
    position: sticky;
    top: 0;
  }

  .products-list-wrp {
    width: 100%;
    margin-top: 64px;
    padding-bottom: 32px;
    padding-left: 32px;
    padding-right: 32px;
  }

  .scroll-links-wrp {
    text-align: center;
    background-color: #f5f3f533;
    flex-direction: row;
    padding: 32px 32px 24px;
    position: static;
  }

  .apply-section-wrp {
    padding: 32px;
  }

  .apply-section-header {
    width: 100%;
  }

  .apply-cards-wrp {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  .benefits-section-wrp {
    padding: 32px;
  }

  .benefits-section-header {
    width: 100%;
  }

  .benefit-details.top {
    grid-template-columns: .8fr .75fr 1fr;
  }

  .card-type-cell {
    padding-right: 16px;
  }

  .faq-section-wrp {
    padding: 32px;
  }

  .faw-qa-qrapper {
    width: 95%;
  }

  .testimonial-section-wrp {
    padding: 32px;
  }

  .testimonial-header {
    width: 100%;
  }

  .testi-video-wrp {
    height: 280px;
  }

  .testimonial-name-wrp {
    margin-top: 28px;
  }

  .contact-section-contents {
    width: 80%;
    max-width: none;
  }

  .cta-section-wrapper {
    padding-top: 32px;
    padding-bottom: 32px;
  }

  .cta-section-inner-wrapper {
    width: 90%;
  }

  .cta-contents {
    width: 100%;
  }

  .footer-wrapper {
    padding: 32px;
  }

  .navlink {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 32px;
    font-size: 22px;
    line-height: 1.3;
    display: block;
  }

  .menu-icon-line-top {
    background-color: #fff;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .navbar-menu-button.w--open {
    background-color: #0000;
  }

  .menu-icon {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    margin-right: -.5rem;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .menu-icon-line-bottom {
    background-color: #fff;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .menu-icon-line-middle-inner {
    width: 4px;
    height: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .navlinks-wrapper {
    border-bottom: 1px solid var(--\<unknown\|relume-variable-border-color-1\>);
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    background-color: #0006;
    padding: 1rem 5% 2rem;
    position: absolute;
    overflow: auto;
  }

  .navlinks-wrapper.page-height-tablet {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    background-color: #00000080;
    border-radius: 12px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    max-width: 94vw;
    height: 100dvh;
    margin-left: auto;
    margin-right: auto;
    padding-top: 3rem;
    padding-bottom: 6.5rem;
    transition: height .5s;
  }

  .menu-icon-line-middle {
    background-color: #fff;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 2px;
    margin-top: 6px;
    margin-bottom: 6px;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .changelog-section-wrp {
    padding: 48px 32px;
  }

  .changelog-section-header, .licenses-content-wrapper {
    width: 100%;
  }

  .password-section-wrapper {
    justify-content: center;
    height: 70vh;
    padding-top: 32px;
    padding-left: 32px;
  }

  .our-values {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .slider {
    width: 100%;
    max-width: 100%;
  }

  .image-12 {
    width: auto;
  }
}

@media screen and (max-width: 767px) {
  .heading-xlarge {
    font-size: 64px;
  }

  .heading-1 {
    font-size: 48px;
    line-height: 1;
  }

  .hero-section {
    margin-top: 12px;
    margin-bottom: 12px;
  }

  .hero-section-wrapper {
    justify-content: center;
    height: auto;
    padding: 64px 24px;
  }

  .hero-section-wrapper.licenses {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    padding: 32px 20px;
  }

  .custom-button {
    width: 230px;
  }

  .hero-card {
    display: none;
  }

  .partner-section-wrp {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-rows: auto;
    grid-template-columns: .75fr .75fr .75fr;
    grid-auto-columns: 1fr;
    padding: 32px;
    display: grid;
  }

  .partner-logo {
    width: 20vw;
  }

  .page-padding {
    padding: 12px 20px;
  }

  .about-us-wrp {
    padding: 32px 20px;
  }

  .our-story {
    flex-direction: column;
    margin-top: 88px;
  }

  .our-story-title {
    width: 100%;
    position: static;
  }

  .our-story-paragraphs {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    width: 100%;
    height: auto;
    margin-top: 32px;
  }

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

  .our-values-paragraphs {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    width: 100%;
    height: auto;
    margin-top: 32px;
  }

  .products-list-wrp {
    margin-top: 48px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .card-images-wrp, .card-product-features {
    flex-direction: column;
  }

  .scroll-links-wrp {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    padding: 20px;
    display: grid;
  }

  .apply-section-wrp {
    padding: 20px;
  }

  .apply-cards-wrp {
    grid-template-columns: 1fr;
  }

  .benefits-section-wrp {
    padding: 20px;
  }

  .card-type-head {
    padding-left: 8px;
  }

  .card-features-head, .card-benefits-head {
    padding-left: 0;
  }

  .card-features-cell {
    padding-left: 0;
    padding-right: 8px;
  }

  .card-benefits-cell {
    padding-left: 4px;
  }

  .card-type-cell {
    padding-left: 0;
  }

  .faq-section-wrp {
    padding: 32px 20px;
  }

  .faw-qa-qrapper {
    width: 100%;
  }

  .testimonial-video-wrp {
    flex-direction: column;
  }

  .contact-section-wrapper {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .contact-section-contents {
    width: 90%;
  }

  .cta-section-inner-wrapper {
    padding: 20px;
  }

  .cta-contents {
    width: 100%;
  }

  .cta-vector-image {
    right: -43%;
  }

  .footer-contents-upper {
    grid-column-gap: 36px;
    grid-row-gap: 36px;
    flex-direction: column;
  }

  .footer-links-container {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    flex-direction: column;
  }

  .footer-copyright-wrapper {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-direction: column;
  }

  .navbar {
    margin-top: 0;
  }

  .navlink {
    margin-bottom: 24px;
    font-size: 20px;
  }

  .navbar-logo-link {
    padding-left: 0;
  }

  .navlinks-wrapper.page-height-tablet {
    padding-bottom: 6rem;
  }

  .changelog-section-wrp {
    padding: 56px 20px;
  }

  .password-section-wrapper {
    justify-content: center;
    height: 50vh;
    padding: 24px;
  }

  .our-values {
    flex-direction: column;
    margin-top: 88px;
  }

  .image-4 {
    margin-top: -150px;
  }
}

@media screen and (max-width: 479px) {
  .paragraph-18px {
    font-size: 16px;
  }

  .paragraph-16px {
    font-size: 14px;
  }

  .paragraph-16px.margin-bottom {
    margin-bottom: 16px;
  }

  .heading-xlarge {
    font-size: 48px;
  }

  .heading-1 {
    font-size: 36px;
    line-height: 1.2;
  }

  .heading-2 {
    font-size: 32px;
  }

  .hero-section {
    margin-top: 16px;
    margin-bottom: 16px;
  }

  .hero-section-wrapper {
    height: auto;
    padding: 64px 16px;
  }

  .hero-section-wrapper.licenses {
    padding: 24px 16px;
  }

  .hero-section-paragraph {
    width: 100%;
  }

  .hero-butttons-wrp {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: column;
    align-items: flex-start;
  }

  .custom-button {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
    width: auto;
    max-width: 100%;
    padding: 12px;
  }

  .custom-button.black {
    width: auto;
  }

  .button-animation-circle.white {
    top: 1.9rem;
    right: 1.9rem;
  }

  .partners-section {
    margin-top: 16px;
    margin-bottom: 16px;
  }

  .partner-section-wrp {
    grid-template-columns: .75fr .75fr;
  }

  .partner-logo {
    width: auto;
  }

  .page-padding {
    padding: 8px 16px;
  }

  .about-us-section {
    margin-top: 16px;
    margin-bottom: 16px;
  }

  .about-us-wrp {
    padding: 32px 16px;
  }

  .our-values-paragraphs {
    grid-column-gap: 36px;
    grid-row-gap: 36px;
  }

  .products-section {
    margin-top: 16px;
    margin-bottom: 16px;
  }

  .products-list-wrp {
    padding-bottom: 16px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .apply-section {
    margin-top: 16px;
    margin-bottom: 16px;
  }

  .apply-section-wrp {
    background-size: cover;
    padding: 16px;
  }

  .apply-step-card {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .benefits-section {
    margin-top: 16px;
    margin-bottom: 16px;
  }

  .features-table-wrp {
    width: 250%;
  }

  .faq-section {
    margin-top: 16px;
    margin-bottom: 16px;
  }

  .faq {
    padding-bottom: 0;
  }

  .question-icon {
    padding-top: 16px;
    padding-bottom: 16px;
    overflow: hidden;
  }

  .faq-answer {
    overflow: hidden;
  }

  .testimonial-section {
    margin-top: 16px;
    margin-bottom: 16px;
  }

  .testimonial-section-wrp {
    padding: 24px 16px;
  }

  .contact-section {
    margin-top: 16px;
    margin-bottom: 16px;
  }

  .contact-section-wrapper {
    background-size: cover;
    padding-top: 32px;
    padding-bottom: 32px;
  }

  .contact-section-heading {
    width: 100%;
  }

  .contact-form-container, .form-field-wrapper {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .cta-section {
    margin-top: 16px;
    margin-bottom: 16px;
  }

  .footer {
    margin-top: 16px;
    margin-bottom: 20px;
  }

  .footer-wrapper {
    padding: 16px;
  }

  .footer-links-wrapper {
    justify-content: center;
    align-items: flex-start;
    padding-top: 31px;
  }

  .footer-divider-line {
    margin-top: 48px;
    margin-bottom: 48px;
  }

  .navbar {
    margin-top: 0;
    margin-bottom: 0;
  }

  .navbar-wrapper {
    padding: 16px;
  }

  .changelog-section-wrp {
    padding: 64px 16px;
  }

  .list {
    padding-left: 16px;
  }

  .password-field-wrapper {
    width: 100%;
  }

  .password-section-wrapper {
    height: auto;
    padding: 88px 16px;
  }

  .benefits-subwrap-mobile {
    width: 100%;
    overflow: scroll;
  }

  .buy-buttton-wrp {
    z-index: 900000;
    position: sticky;
    left: auto;
    right: 0;
  }

  .slider {
    width: auto;
  }

  .image-4 {
    margin-top: -111px;
    padding-top: 0;
  }

  .text-block-2 {
    width: auto;
  }
}


@font-face {
  font-family: 'Instrumentsans';
  src: url('../fonts/InstrumentSans-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Instrumentsans';
  src: url('../fonts/InstrumentSans-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Instrumentsans';
  src: url('../fonts/InstrumentSans-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Kmrwaldenburg';
  src: url('../fonts/KMRWaldenburg-Regular.ttf') format('truetype');
  font-weight: 40 210;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Senticosansdt';
  src: url('../fonts/SenticoSansDT-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Senticosansdt';
  src: url('../fonts/SenticoSansDT-ThinItalic.ttf') format('truetype');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Senticosansdtcond Extbdita';
  src: url('../fonts/SenticoSansDTCond-ExtBdIta.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Senticosansdtcond';
  src: url('../fonts/SenticoSansDTCond-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Senticosansdtcond';
  src: url('../fonts/SenticoSansDTCond-Thin.ttf') format('truetype'), url('../fonts/SenticoSansDTCond-ThinIta.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Senticosansdtcond';
  src: url('../fonts/SenticoSansDTCond-MediumIta.ttf') format('truetype'), url('../fonts/SenticoSansDTCond-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Senticosansdtcond';
  src: url('../fonts/SenticoSansDTCond-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Senticosansdtcond';
  src: url('../fonts/SenticoSansDTCond-Bold.ttf') format('truetype'), url('../fonts/SenticoSansDTCond-ExtraBold.ttf') format('truetype'), url('../fonts/SenticoSansDTCond-BoldIta.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Senticosansdtcond';
  src: url('../fonts/SenticoSansDTCond-LightIta.ttf') format('truetype'), url('../fonts/SenticoSansDTCond-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Senticosansdt';
  src: url('../fonts/SenticoSansDT-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Senticosansdt';
  src: url('../fonts/SenticoSansDT-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Senticosansdt';
  src: url('../fonts/SenticoSansDT-Bold.ttf') format('truetype'), url('../fonts/SenticoSansDT-ExtraBold.ttf') format('truetype'), url('../fonts/SenticoSansDT-ExtraBoldIta.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Senticosansdt';
  src: url('../fonts/SenticoSansDT-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Senticosansdt';
  src: url('../fonts/SenticoSansDT-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Senticosansdt';
  src: url('../fonts/SenticoSansDT-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Senticosansdt';
  src: url('../fonts/SenticoSansDT-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Senticosansdt';
  src: url('../fonts/SenticoSansDT-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Kmr Waldenburg Feinhalbschmal';
  src: url('../fonts/KMR-Waldenburg-FeinHalbschmal.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Kmr Waldenburg Halbfettschmal';
  src: url('../fonts/KMR-Waldenburg-HalbfettSchmal.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Kmr Waldenburg Schwerhalbschmalkursiv';
  src: url('../fonts/KMR-Waldenburg-SchwerHalbschmalKursiv.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Kmr Waldenburg Schwarzkursiv';
  src: url('../fonts/KMR-Waldenburg-SchwarzKursiv.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Kmr Waldenburg Schwerkursiv';
  src: url('../fonts/KMR-Waldenburg-SchwerKursiv.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Kmr Waldenburg Schwarzhalbschmalkursiv';
  src: url('../fonts/KMR-Waldenburg-SchwarzHalbschmalKursiv.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Kmr Waldenburg Schwerschmalkursiv';
  src: url('../fonts/KMR-Waldenburg-SchwerSchmalKursiv.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Kmr Waldenburg Schwarzschmalkursiv';
  src: url('../fonts/KMR-Waldenburg-SchwarzSchmalKursiv.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Kmr Waldenburg';
  src: url('../fonts/KMR-Waldenburg-NormalKursiv.ttf') format('truetype'), url('../fonts/KMR-Waldenburg-Normal.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Kmr Waldenburg Magerhalbschmalkursiv';
  src: url('../fonts/KMR-Waldenburg-MagerHalbschmalKursiv.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Kmr Waldenburg Schmalkursiv';
  src: url('../fonts/KMR-Waldenburg-SchmalKursiv.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Kmr Waldenburg Feinschmal';
  src: url('../fonts/KMR-Waldenburg-FeinSchmal.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Kmr Waldenburg Magerkursiv';
  src: url('../fonts/KMR-Waldenburg-MagerKursiv.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Kmr Waldenburg Buchschmalkursiv';
  src: url('../fonts/KMR-Waldenburg-BuchSchmalKursiv.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Kmr Waldenburg Schwer';
  src: url('../fonts/KMR-Waldenburg-Schwer.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Kmr Waldenburg Halbfetthalbschmalkursiv';
  src: url('../fonts/KMR-Waldenburg-HalbfettHalbschmalKursiv.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Kmr Waldenburg Halbfettschmalkursiv';
  src: url('../fonts/KMR-Waldenburg-HalbfettSchmalKursiv.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Kmr Waldenburg Halbschmalkursiv';
  src: url('../fonts/KMR-Waldenburg-HalbschmalKursiv.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Kmr Waldenburg Feinhalbschmalkursiv';
  src: url('../fonts/KMR-Waldenburg-FeinHalbschmalKursiv.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Kmr Waldenburg Fettschmalkursiv';
  src: url('../fonts/KMR-Waldenburg-FettSchmalKursiv.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Kmr Waldenburg Fettkursiv';
  src: url('../fonts/KMR-Waldenburg-FettKursiv.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Kmr Waldenburg Halbfettkursiv';
  src: url('../fonts/KMR-Waldenburg-HalbfettKursiv.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Kmr Waldenburg Schwerschmal';
  src: url('../fonts/KMR-Waldenburg-SchwerSchmal.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Kmr Waldenburg Feinkursiv';
  src: url('../fonts/KMR-Waldenburg-FeinKursiv.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Kmr Waldenburg Fetthalbschmalkursiv';
  src: url('../fonts/KMR-Waldenburg-FettHalbschmalKursiv.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Kmr Waldenburg Schwerhalbschmal';
  src: url('../fonts/KMR-Waldenburg-SchwerHalbschmal.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Kmr Waldenburg Buchkursiv';
  src: url('../fonts/KMR-Waldenburg-BuchKursiv.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Kmr Waldenburg Schwarzschmal';
  src: url('../fonts/KMR-Waldenburg-SchwarzSchmal.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Kmr Waldenburg Buchhalbschmalkursiv';
  src: url('../fonts/KMR-Waldenburg-BuchHalbschmalKursiv.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Kmr Waldenburg Schmal';
  src: url('../fonts/KMR-Waldenburg-Schmal.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Kmr Waldenburg Schwarz';
  src: url('../fonts/KMR-Waldenburg-Schwarz.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Kmr Waldenburg Schwarzhalbschmal';
  src: url('../fonts/KMR-Waldenburg-SchwarzHalbschmal.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Kmr Waldenburg Magerhalbschmal';
  src: url('../fonts/KMR-Waldenburg-MagerHalbschmal.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Kmr Waldenburg Fein';
  src: url('../fonts/KMR-Waldenburg-Fein.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Kmr Waldenburg Fetthalbschmal';
  src: url('../fonts/KMR-Waldenburg-FettHalbschmal.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Kmr Waldenburg Buchhalbschmal';
  src: url('../fonts/KMR-Waldenburg-BuchHalbschmal.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Kmr Waldenburg Buch';
  src: url('../fonts/KMR-Waldenburg-Buch.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Kmr Waldenburg Magerschmalkursiv';
  src: url('../fonts/KMR-Waldenburg-MagerSchmalKursiv.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Kmr Waldenburg Halbschmal';
  src: url('../fonts/KMR-Waldenburg-Halbschmal.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Kmr Waldenburg Buchschmal';
  src: url('../fonts/KMR-Waldenburg-BuchSchmal.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Kmr Waldenburg Feinschmalkursiv';
  src: url('../fonts/KMR-Waldenburg-FeinSchmalKursiv.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Kmr Waldenburg Halbfett';
  src: url('../fonts/KMR-Waldenburg-Halbfett.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Kmr Waldenburg Magerschmal';
  src: url('../fonts/KMR-Waldenburg-MagerSchmal.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Kmr Waldenburg Fettschmal';
  src: url('../fonts/KMR-Waldenburg-FettSchmal.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Kmr Waldenburg Mager';
  src: url('../fonts/KMR-Waldenburg-Mager.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Kmr Waldenburg Halbfetthalbschmal';
  src: url('../fonts/KMR-Waldenburg-HalbfettHalbschmal.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Kmr Waldenburg Fett';
  src: url('../fonts/KMR-Waldenburg-Fett.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Neco';
  src: url('../fonts/Neco-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Neco';
  src: url('../fonts/Neco-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Neco';
  src: url('../fonts/Neco-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}