:root {
  --wenow-green-900: #0C5551;
  --wenow-green-600: #03A797;
  --wenow-green-500: #00B7A5;
  --wenow-green-100: #C6FFF5;
  --wenow-green-50: #EDF8F1;
  --wenow-green-20: #F9FFFB;
  --wenow-grey-clear: #6D708B;
  --wenow-star-grey: #D9D9D9;
  --wenow-light-grey: #E0E6E2;
  --wenow-grey-500: #004251;
  --wenow-pink-500: #FF3AAF;
  --wenow-pink-200: #FFD7EF;
  --wenow-yellow: #FFB100;
  --wenow-accents-red: #FF383C;
  /* Fonts */
  --header-font-family: "Century Gothic", sans-serif;
  --header-font-color: var(--wenow-grey-500);
  --content-font-family: "Atkinson Hyperlegible", sans-serif;
  --content-font-color: var(--wenow-grey-clear);
  /* Widths & sizes */
  --max-content-width: 100rem;
  --hero-title-font-size: clamp(2.25rem, 1.886rem + 1.553vw, 3.75rem);
  --hero-description-font-size: clamp(1.2rem, 1.127rem + 0.311vw, 1.5rem);
  /* Components */
  --cta-button-bg-color: var(--wenow-green-500);
  --cta-button-font-size: clamp(0.9rem, 0.845rem + 0.233vw, 1.125rem);
  --cta-button-font-family: var(--header-font-family) ;
}

html {
  font-size: 16px;
}

/* Regular */
@font-face {
  font-family: "Atkinson Hyperlegible";
  src: url("/fonts/AtkinsonHyperlegible-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
/* Italic */
@font-face {
  font-family: "Atkinson Hyperlegible";
  src: url("/fonts/AtkinsonHyperlegible-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
/* Bold */
@font-face {
  font-family: "Atkinson Hyperlegible";
  src: url("/fonts/AtkinsonHyperlegible-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
/* Bold Italic */
@font-face {
  font-family: "Atkinson Hyperlegible";
  src: url("/fonts/AtkinsonHyperlegible-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Century Gothic";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("/fonts/century-gothic-normal.ttf");
}
@font-face {
  font-family: "Century Gothic";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("/fonts/century-gothic-bold.ttf");
}
body {
  background-color: white;
  display: flex;
  flex-direction: column;
  margin: 0;
  min-height: 100vh;
}
body .content {
  padding: 0 1rem;
  flex: 1;
  margin: 0 0.75rem;
  max-width: var(--max-content-width);
  font-family: var(--content-font-family);
  color: var(--content-font-color);
  /*div.information {*/
  /*    .title {*/
  /*        font-weight: bold;*/
  /*        font-size: 3.75rem;*/
  /*    }*/
  /*    .description {*/
  /*        font-weight: normal;*/
  /*        font-size: 2.5rem;*/
  /*    }*/
  /*}*/
}
body .content h1, body .content h2, body .content h3, body .content h4, body .content h5, body .content h6 {
  font-weight: bold;
  line-height: 1.1;
  font-family: var(--header-font-family);
  color: var(--header-font-color);
}
body .content h1 {
  font-size: clamp(2rem, 1.7rem + 1.29vw, 3.25rem);
}
body .content h2 {
  font-size: clamp(1.75rem, 1.57rem + 0.78vw, 2.5rem);
}
body .content h3 {
  font-size: clamp(1.5rem, 1.38rem + 0.52vw, 2rem);
}
body .content h4 {
  font-size: clamp(1.25rem, 1.19rem + 0.26vw, 1.5rem);
}
body .content h5 {
  font-size: clamp(1.1rem, 1.06rem + 0.16vw, 1.25rem);
}
body .content h6 {
  font-size: 1rem;
}
body .content p {
  line-height: 1.1;
}
body .content .highlight {
  position: relative;
  z-index: 1;
  display: inline-block;
}
body .content .highlight::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 120%;
  height: 150%;
  transform: translate(-50%, -50%);
  background-image: url("/images/clients/mobility-platform/highlight.svg");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  z-index: -1;
  filter: drop-shadow(0 0 1px var(--wenow-green-500));
}
body .modal-content .modal-header h2.title {
  font-weight: bold;
  font-size: clamp(1.25rem, -0.58rem + 3.8vw, 4rem);
}
body .modal-content .modal-body .description {
  font-weight: 500;
  font-size: clamp(1rem, 0.5rem + 1.05vw, 1.75rem);
}

@media (min-width: 1440px) {
  body .content {
    margin: auto;
    padding: 0 2rem;
  }
}
.alert_success {
  background: var(--wenow-green-100);
  color: black;
}