@font-face {
  font-family: Inter Variablefont Opsz Wght;
  src: url('../images/') format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Figtree Variablefont Wght;
  src: url('../fonts/Figtree-VariableFont_wght.ttf') format("truetype");
  font-weight: 300 900;
  font-style: normal;
  font-display: swap;
}

:root {
  --nav--nav_height-desktop: 6rem;
  --background--background-gray: #f9f9f9;
  --_fonts---font--body-font: "Inter Variablefont Opsz Wght", Arial, sans-serif;
  --main-colors--primary: #242b60;
  --_fonts---font--body-text-size: 1rem;
  --_fonts---font--body-line-height: 1.6;
  --nav--nav_height-mobile: 4rem;
  --_fonts---font--heading-font: "Figtree Variablefont Wght", Arial, sans-serif;
  --_fonts---font-size-desktop--h1-desktop: 4rem;
  --_fonts---font--heading-line-height: 1.2;
  --_fonts---font-size-mobile--h1-mobile: 2.25rem;
  --_fonts---font-size-desktop--h2-desktop: 3rem;
  --_fonts---font-size-mobile--h2-mobile: 1.75rem;
  --_fonts---font-size-desktop--h3-desktop: 2.5rem;
  --_fonts---font-size-mobile--h3-mobile: 1.5rem;
  --_fonts---font-size-desktop--h4-desktop: 2rem;
  --_fonts---font-size-mobile--h4-mobile: 1rem;
  --_fonts---font-size-desktop--h5-desktop: 1rem;
  --_fonts---font-size-mobile--h5-mobile: 1rem;
  --_fonts---font-size-desktop--h6-desktop: 1rem;
  --_fonts---font-size-mobile--h6-mobile: 1rem;
  --font--body-line-height\<deleted\|variable-22b4d2ee-2f5b-1c5b-55a5-2bfb4e3ae940\>: 1.4;
  --font--heading-font\<deleted\|variable-330a1750-02a0-2d82-47f5-6536b94287c9\>: "Figtree Variablefont Wght", Arial, sans-serif;
  --neutral--transparant: transparent;
  --section-padding--padding↔desktop: 2.5rem;
  --border--border_light-gray: #e7e7e7;
  --neutral--white: white;
  --section-padding--padding↔mobile: 1.5rem;
  --container--container-large: 80rem;
  --section-padding--padding↕desktop: 5rem;
  --section-padding--padding↕mobile: 2.5rem;
  --container--container-medium: 60rem;
  --button--link--button-pressed\<deleted\|variable-d9c9d92a-7f16-adda-3b56-e5359fafeacb\>: var(--main-colors--accent\<deleted\|variable-78666bce-501d-7683-8458-b988d59a65e6\>);
  --text-color--text-color_gray: #414347;
  --font-size-mobile--text-size-small\<deleted\|variable-5e1e1d04-85bb-5a65-77f0-cf0c512125cc\>: .75rem;
  --border--border_medium-gray: #d0d0d1;
  --_fonts---font--text-size-small: .75rem;
  --main-colors--accent: #1b2153;
  --font--text-size-small\<deleted\|variable-1aa248b7-7a79-e5ad-6a15-a33e7fa72842\>: .75rem;
  --_fonts---font--text-size-large: 1.25rem;
  --text-color--text-color_body: #22292f;
  --button--link--button\<deleted\|variable-e271f4f7-b43d-0222-880a-9d01cf88e091\>: var(--main-colors--primary);
  --main-colors--secondary: #e0eeed;
  --main-colors--accent\<deleted\|variable-78666bce-501d-7683-8458-b988d59a65e6\>: #27265e;
  --margin--margin-bottom_xs: .5rem;
  --margin--margin-bottom_s: 1rem;
  --margin--margin-bottom_m: 1.5rem;
  --margin--margin-bottom_l: 3rem;
  --margin--margin-bottom_xl: 4.5rem;
  --margin--margin-bottom_xxl: 6rem;
  --margin--margin-bottom_xxxs: .125rem;
  --margin--margin-bottom_xxs: .25rem;
  --margin--margin-bottom_xxxl: 7.5rem;
  --border--radius: .5rem;
  --font--text-size-large\<deleted\|variable-7c927bf1-aaf4-b0b4-16c6-77a5e18c9e2e\>: 1.25rem;
  --font--body-text-size\<deleted\|variable-ffbbab0d-83fa-ca9a-652a-0e012d04ccf0\>: 1rem;
  --margin--margin-bottom_none: 0rem;
  --text-color--text-color_light-gray: #b3b3b3;
  --text-color--text-color_medium-gray: #717275;
  --container--container-small: 30rem;
  --neutral--black: #000;
  --border--border_dark-gray: #414347;
  --background--background-dark: #222;
  --background--background-color: #3b41ec1a;
}

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

.w-layout-hflex {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

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

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

body {
  padding-top: var(--nav--nav_height-desktop);
  background-color: var(--background--background-gray);
  font-family: var(--_fonts---font--body-font);
  color: var(--main-colors--primary);
  font-size: var(--_fonts---font--body-text-size);
  line-height: var(--_fonts---font--body-line-height);
}

h1 {
  font-family: var(--_fonts---font--heading-font);
  font-size: var(--_fonts---font-size-desktop--h1-desktop);
  line-height: var(--_fonts---font--heading-line-height);
  margin-top: 0;
  margin-bottom: .5rem;
  font-weight: 700;
}

h2 {
  font-family: var(--_fonts---font--heading-font);
  font-size: var(--_fonts---font-size-desktop--h2-desktop);
  line-height: var(--_fonts---font--heading-line-height);
  margin-top: 0;
  margin-bottom: .5rem;
  font-weight: 700;
}

h3 {
  font-family: var(--_fonts---font--heading-font);
  font-size: var(--_fonts---font-size-desktop--h3-desktop);
  line-height: var(--_fonts---font--heading-line-height);
  margin-top: 0;
  margin-bottom: .25rem;
  font-weight: 700;
}

h4 {
  font-family: var(--_fonts---font--heading-font);
  font-size: var(--_fonts---font-size-desktop--h4-desktop);
  line-height: var(--_fonts---font--heading-line-height);
  margin-top: 0;
  margin-bottom: .125rem;
  font-weight: 700;
}

h5 {
  font-family: var(--_fonts---font--heading-font);
  font-size: var(--_fonts---font-size-desktop--h5-desktop);
  line-height: var(--_fonts---font--heading-line-height);
  margin-top: 0;
  margin-bottom: .125rem;
  font-weight: 700;
}

h6 {
  font-family: var(--_fonts---font--heading-font);
  font-size: var(--_fonts---font-size-desktop--h6-desktop);
  line-height: var(--_fonts---font--heading-line-height);
  margin-top: 0;
  margin-bottom: .125rem;
  font-weight: 700;
}

p {
  margin-bottom: 1.5rem;
}

a {
  color: var(--main-colors--primary);
  text-decoration: underline;
}

ul {
  margin-top: 0;
  margin-bottom: 1.5rem;
  padding-left: 2.5rem;
}

ol {
  line-height: var(--font--body-line-height\<deleted\|variable-22b4d2ee-2f5b-1c5b-55a5-2bfb4e3ae940\>);
  margin-top: 0;
  margin-bottom: 1.5rem;
  padding-left: 40px;
}

img {
  object-fit: contain;
  width: 100%;
  max-width: 100%;
}

blockquote {
  border-left: .3125rem solid var(--main-colors--primary);
  font-family: var(--font--heading-font\<deleted\|variable-330a1750-02a0-2d82-47f5-6536b94287c9\>);
  color: var(--main-colors--primary);
  font-size: 1.125rem;
  line-height: var(--font--body-line-height\<deleted\|variable-22b4d2ee-2f5b-1c5b-55a5-2bfb4e3ae940\>);
  margin-bottom: 1.5rem;
  padding: .625rem 1.25rem;
  font-weight: 500;
}

.nav_link {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  border-bottom: 2px solid var(--neutral--transparant);
  color: var(--main-colors--primary);
  white-space: nowrap;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  padding: .25rem 0;
  font-weight: 500;
  text-decoration: none;
  display: flex;
}

.nav_link:hover {
  border-bottom-color: var(--main-colors--primary);
  color: var(--main-colors--primary);
}

.nav_link.w--current {
  color: var(--main-colors--primary);
}

.nav_link.cc-dropdown {
  border-bottom-style: none;
  padding: .75rem 1.5rem .75rem 1rem;
  font-weight: 500;
}

.nav_link.cc-dropdown:hover {
  background-color: var(--background--background-gray);
}

.container-large {
  max-width: var(--container--container-large);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.main {
  z-index: 2;
  background-color: var(--neutral--white);
  width: 100%;
  max-width: 100%;
  position: relative;
}

.section {
  padding: var(--section-padding--padding↕desktop) var(--section-padding--padding↔desktop);
  background-color: var(--neutral--white);
  width: 100%;
  max-width: 100%;
}

.section.c-404 {
  justify-content: center;
  align-items: center;
  height: 100svh;
  display: flex;
}

.section.c-background-gray {
  background-color: var(--background--background-gray);
}

.container-medium {
  max-width: var(--container--container-medium);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.page-hero {
  z-index: 2;
  padding: var(--section-padding--padding↕desktop) var(--section-padding--padding↔desktop);
  background-color: var(--main-colors--primary);
  color: var(--neutral--white);
  width: 100%;
  max-width: 100%;
  position: relative;
}

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

.logo-image {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.icon-embed-xsmall {
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
}

.nav_component {
  height: var(--nav--nav_height-desktop);
  padding: .5rem var(--section-padding--padding↔desktop);
  background-color: var(--neutral--white);
  width: 100%;
  max-width: 100%;
}

.nav_menu {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  background-color: var(--neutral--transparant);
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
}

.nav_container {
  max-width: var(--container--container-large);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  max-height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.nav_logo-link {
  height: calc(var(--nav--nav_height-desktop)  - 3rem);
  padding-left: 0;
  text-decoration: none;
}

.nav_button {
  flex: none;
  width: 2rem;
  height: 2rem;
  padding: 0;
}

.nav_button:active {
  color: var(--button--link--button-pressed\<deleted\|variable-d9c9d92a-7f16-adda-3b56-e5359fafeacb\>);
}

.nav_button.w--open {
  color: currentColor;
  background-color: #c8c8c800;
}

.nav_hb {
  grid-row-gap: var(--gap);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.nav_hb_line {
  background-color: currentColor;
  flex: none;
  width: 100%;
  max-width: 100%;
  height: .2rem;
  transition-property: all;
  transition-duration: .2s;
  transition-timing-function: ease;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

._404-content {
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 5rem;
  padding-bottom: 5rem;
  display: flex;
}

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

.footer {
  padding-top: 2.5rem;
  padding-right: var(--section-padding--padding↔desktop);
  padding-left: var(--section-padding--padding↔desktop);
  background-color: var(--border--border_light-gray);
  flex-flow: column;
  width: 100%;
  max-width: 100%;
  height: 26.5rem;
  display: flex;
  position: fixed;
  inset: auto 0% 0%;
  overflow: hidden;
}

.footer_wrapper {
  flex-flow: column;
  justify-content: space-around;
  width: 100%;
  max-width: 100%;
  display: flex;
  position: relative;
}

.footer_column {
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  padding-bottom: 3.5rem;
  padding-right: 1rem;
  display: flex;
}

.footer_column.cc-first {
  min-width: 30%;
  padding-right: 5rem;
}

.footer_row {
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 100%;
  display: flex;
}

.footer_list {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  font-size: .875rem;
  list-style-type: none;
  display: flex;
}

.footer_list-item {
  margin-bottom: .25rem;
  display: flex;
}

.footer_list-item_link {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: var(--text-color--text-color_gray);
  justify-content: flex-start;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  font-weight: 500;
  line-height: 1.4;
  text-decoration: none;
  display: flex;
}

.footer_list-item_link:hover {
  text-decoration: underline;
}

.footer_list-item_link.cc-btm {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  justify-content: flex-start;
  align-items: center;
  font-weight: 500;
}

.footer_list-item_link.cc-btm.c-no-click:hover {
  text-decoration: none;
}

.hero-content {
  z-index: 3;
  max-width: var(--container--container-large);
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
  container-type: inline-size;
}

.footer_list-bottom {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  border-top: 1px solid var(--border--border_medium-gray);
  font-size: var(--_fonts---font--text-size-small);
  flex-flow: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.footer_row_bottom {
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 100%;
}

.divider {
  background-color: var(--border--border_light-gray);
  width: 100%;
  max-width: 100%;
  height: 1px;
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.icon-embed-xxsmall {
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  display: flex;
  position: relative;
}

.icon-embed-xxsmall.c-footer {
  background-color: var(--neutral--white);
  color: var(--main-colors--primary);
  border-radius: .25rem;
  width: 2rem;
  height: 2rem;
  padding: .35rem;
  font-size: 1rem;
}

.icon-embed-xxsmall.c-nav {
  width: 1.25rem;
  height: 1.25rem;
}

.icon-embed-xxsmall.c-box {
  border-style: solid;
  border-width: 1px 1px 3px;
  border-color: var(--main-colors--accent);
  background-color: var(--border--border_light-gray);
  border-radius: .5rem;
  width: 2rem;
  height: 2rem;
  padding: .25rem;
  font-size: 1rem;
}

.icon-embed-xxsmall.c-box.c-white {
  border-width: 1px;
  border-color: var(--neutral--white);
  background-color: var(--neutral--transparant);
  padding: .35rem;
}

.text-size-small {
  font-size: var(--font--text-size-small\<deleted\|variable-1aa248b7-7a79-e5ad-6a15-a33e7fa72842\>);
}

.h1 {
  font-family: var(--_fonts---font--heading-font);
  font-size: var(--_fonts---font-size-desktop--h1-desktop);
  line-height: var(--_fonts---font--heading-line-height);
  margin-bottom: .5rem;
  font-weight: 700;
}

.h1.max-ch-24 {
  max-width: 24ch;
}

.h2 {
  font-family: var(--_fonts---font--heading-font);
  font-size: var(--_fonts---font-size-desktop--h2-desktop);
  line-height: var(--_fonts---font--heading-line-height);
  margin-bottom: .5rem;
  font-weight: 700;
}

.h3 {
  font-family: var(--_fonts---font--heading-font);
  font-size: var(--_fonts---font-size-desktop--h3-desktop);
  line-height: var(--_fonts---font--heading-line-height);
  margin-bottom: .25rem;
  font-weight: 700;
}

.h4 {
  font-family: var(--_fonts---font--heading-font);
  font-size: var(--_fonts---font-size-desktop--h4-desktop);
  line-height: var(--_fonts---font--heading-line-height);
  margin-bottom: .125rem;
  font-weight: 700;
}

.h5 {
  font-family: var(--_fonts---font--heading-font);
  font-size: var(--_fonts---font-size-desktop--h5-desktop);
  line-height: var(--_fonts---font--heading-line-height);
  margin-bottom: .125rem;
  font-weight: 700;
}

.h6 {
  font-family: var(--_fonts---font--heading-font);
  font-size: var(--_fonts---font-size-desktop--h6-desktop);
  line-height: var(--_fonts---font--heading-line-height);
  margin-bottom: .125rem;
  font-weight: 700;
}

.nav_dropdown {
  flex: none;
  margin-left: 0;
  margin-right: 0;
  display: block;
}

.nav_dropdown-list {
  background-color: var(--neutral--white);
}

.nav_dropdown-list.w--open {
  border: 1px solid var(--border--border_light-gray);
  border-radius: .5rem;
  left: -17.5%;
  overflow: hidden;
}

.nav_dropdown-icon {
  flex: none;
  width: 1.25rem;
  height: 1.25rem;
}

.code-embed {
  display: none;
}

.nav {
  z-index: 9;
  border-bottom: 1px solid var(--border--border_light-gray);
  position: fixed;
  inset: 0% 0% auto;
}

.button {
  border: 2px solid var(--main-colors--primary);
  background-color: var(--main-colors--primary);
  color: var(--neutral--white);
  border-radius: .25rem;
  padding: .75rem 1.25rem .75rem 1.5rem;
  font-weight: 500;
  text-decoration: none;
}

.button:where(.w-variant-17720688-1fa2-6fdd-7892-d284b8bf256e) {
  background-color: var(--neutral--transparant);
  color: var(--main-colors--primary);
}

.button:where(.w-variant-5503d2d1-77dd-bcba-615d-0c38771cac76) {
  border-color: var(--neutral--white);
  background-color: var(--neutral--transparant);
}

.button:hover {
  background-color: var(--main-colors--primary);
  color: var(--neutral--white);
}

.button:hover:where(.w-variant-17720688-1fa2-6fdd-7892-d284b8bf256e) {
  background-color: var(--neutral--transparant);
  color: var(--main-colors--primary);
}

.button:hover:where(.w-variant-5503d2d1-77dd-bcba-615d-0c38771cac76) {
  background-color: var(--neutral--transparant);
}

.button:active:where(.w-variant-17720688-1fa2-6fdd-7892-d284b8bf256e) {
  color: var(--button--link--button-pressed\<deleted\|variable-d9c9d92a-7f16-adda-3b56-e5359fafeacb\>);
}

.button-content {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.button-group {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  display: inline-flex;
}

.footer_header {
  font-family: var(--_fonts---font--heading-font);
  color: var(--main-colors--primary);
  font-size: var(--_fonts---font--text-size-large);
  margin-bottom: 1rem;
  font-weight: 700;
}

.grid-2 {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 100%;
  display: grid;
}

.grid-2.c-over {
  grid-template-columns: .75fr 1.25fr;
}

.grid-child {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 100%;
  display: flex;
}

.grid-child.c-centered {
  text-align: center;
  justify-content: flex-start;
  align-items: center;
}

.grid-child.c-align {
  justify-content: center;
  align-items: flex-start;
}

.nav_dropdown_list_item {
  border-bottom: 1px solid var(--border--border_light-gray);
  list-style-type: none;
}

.nav_dropdown_list {
  margin-bottom: 0;
  padding-left: 0;
}

.nav_list_item {
  list-style-type: none;
}

.nav_list_item.c-cta {
  margin-left: .5rem;
}

.nav_menu-wrapper {
  background-color: var(--neutral--transparant);
  justify-content: flex-end;
  align-items: center;
}

.subtitle {
  margin-bottom: 1.5rem;
  font-size: 1.75rem;
  font-weight: 300;
}

.subtitle.c-hero {
  border: 1px solid var(--neutral--white);
  color: var(--neutral--white);
  letter-spacing: 1px;
  text-transform: uppercase;
  border-radius: .25rem;
  padding-left: .75rem;
  padding-right: .75rem;
  font-size: 1.5rem;
  font-weight: 500;
}

.form_block {
  width: 100%;
  max-width: 100%;
  margin-bottom: 1rem;
}

.form_field-label {
  margin-bottom: .25rem;
  font-size: .875rem;
  font-weight: 600;
}

.form_input-field {
  border: 1px solid var(--border--border_medium-gray);
  background-color: var(--neutral--white);
  color: var(--text-color--text-color_body);
  border-radius: .25rem;
  width: 100%;
  max-width: 100%;
  min-height: 2.75rem;
  margin-bottom: 0;
  padding: .5rem .75rem;
}

.form_input-field:hover {
  border-color: var(--button--link--button\<deleted\|variable-e271f4f7-b43d-0222-880a-9d01cf88e091\>);
}

.form_input-field:active, .form_input-field:focus {
  border-color: var(--button--link--button-pressed\<deleted\|variable-d9c9d92a-7f16-adda-3b56-e5359fafeacb\>);
}

.form_input-field.cc-area {
  min-height: 8rem;
}

.form_field {
  text-align: left;
  width: 100%;
  max-width: 100%;
  margin-bottom: 1rem;
}

.form {
  flex-flow: column;
  width: 100%;
  max-width: 100%;
  display: flex;
}

.form_checkbox {
  border: 1px solid var(--border--border_medium-gray);
  background-color: var(--background--background-gray);
  flex: none;
  width: 1.25rem;
  height: 1.25rem;
  margin: 0 .5rem 0 0;
}

.form_checkbox.w--redirected-checked {
  background-color: var(--main-colors--primary);
  color: var(--neutral--white);
}

.form_checkbox_field {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 100%;
  margin-bottom: 1rem;
  padding-left: 0;
  display: flex;
}

.styleguide_section {
  margin-bottom: 5rem;
}

.text-color_primary {
  color: var(--main-colors--primary);
}

.text-color_secondary {
  color: var(--main-colors--secondary);
}

.text-color_accent {
  color: var(--main-colors--accent\<deleted\|variable-78666bce-501d-7683-8458-b988d59a65e6\>);
}

.link {
  color: var(--main-colors--primary);
  text-decoration: underline;
}

.link.c-icon {
  grid-column-gap: .1rem;
  grid-row-gap: .1rem;
  justify-content: flex-start;
  align-items: center;
  display: inline-flex;
}

.form_message {
  border: 1px solid var(--border--border_light-gray);
  background-color: var(--background--background-gray);
  border-radius: .25rem;
  padding: 2rem;
}

.form_message-icon {
  color: var(--main-colors--primary);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 5rem;
  height: 5rem;
  margin-bottom: 1rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.margin-bottom_xs {
  margin-bottom: var(--margin--margin-bottom_xs);
}

.margin-bottom_s {
  margin-bottom: var(--margin--margin-bottom_s);
}

.margin-bottom_m {
  margin-bottom: var(--margin--margin-bottom_m);
}

.margin-bottom_l {
  margin-bottom: var(--margin--margin-bottom_l);
}

.margin-bottom_xl {
  margin-bottom: var(--margin--margin-bottom_xl);
}

.margin-bottom_xxl {
  margin-bottom: var(--margin--margin-bottom_xxl);
}

.margin-bottom_xxxs {
  margin-bottom: var(--margin--margin-bottom_xxxs);
}

.margin-bottom_xxs {
  margin-bottom: var(--margin--margin-bottom_xxs);
}

.margin-bottom_xxxl {
  margin-bottom: var(--margin--margin-bottom_xxxl);
}

.nav_dropdown_backdrop {
  z-index: 8;
  background-image: linear-gradient(#00000080, #00000080);
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  inset: 0%;
}

.slider {
  border-radius: var(--border--radius);
  background-color: #0000;
  width: 100%;
  max-width: 100%;
  height: 35rem;
  overflow: hidden;
}

.slider_mask, .slider_slide {
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
}

.slider_image_wrapper {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  display: flex;
}

.slider_image {
  object-fit: cover;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
}

.thumbnail-image_wrapper {
  margin-bottom: var(--margin--margin-bottom_s);
  border-radius: var(--border--radius);
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  height: 15rem;
  display: flex;
  overflow: hidden;
}

.thumbnail-image_wrapper.c-large {
  height: 25rem;
}

.thumbnail-image {
  object-fit: cover;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
}

.container-heading {
  z-index: 3;
  max-width: var(--container--container-large);
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.styleguide_group {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.text-size-large {
  font-size: var(--font--text-size-large\<deleted\|variable-7c927bf1-aaf4-b0b4-16c6-77a5e18c9e2e\>);
}

.body-text-size {
  font-size: var(--font--body-text-size\<deleted\|variable-ffbbab0d-83fa-ca9a-652a-0e012d04ccf0\>);
}

.tab-link {
  border-bottom: 2px solid var(--main-colors--primary);
  background-color: var(--background--background-gray);
  color: var(--main-colors--primary);
  font-weight: 600;
}

.tab-link.w--current {
  background-color: var(--main-colors--primary);
  color: var(--neutral--white);
}

.tabs-menu, .tabs, .tabs-content, .tab-pane {
  width: 100%;
  max-width: 100%;
}

.list {
  padding-left: 0;
  list-style-type: none;
}

.list-item {
  background-image: url('../images/checkbox-dark.svg');
  background-position: 0 3px;
  background-repeat: no-repeat;
  background-size: 1rem 1rem;
  margin-bottom: .25rem;
  padding-left: 1.5rem;
}

.contact-details_list {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 100%;
  margin-top: 0;
  margin-bottom: 2rem;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.contact-details_list-item {
  margin-bottom: .25rem;
  display: flex;
}

.contact-details_list-item_link {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: var(--text-color--text-color_gray);
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 0;
  padding-bottom: 0;
  font-weight: 500;
  text-decoration: none;
  display: flex;
}

.image-wrapper {
  border-radius: var(--border--radius);
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.page-hero_bg-img {
  padding: 15svh var(--section-padding--padding↔desktop);
  background-color: var(--background--background-gray);
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  display: flex;
  position: relative;
}

.margin-bottom_none {
  margin-bottom: var(--margin--margin-bottom_none);
}

.google-maps_contact-page {
  aspect-ratio: 3 / 2;
  border: 1px solid #e7e7e7;
  border-radius: .5rem;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.icon-embed-xlarge {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 6.5rem;
  height: 6.5rem;
  display: flex;
}

.icon-embed-large {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 5rem;
  height: 5rem;
  display: flex;
}

.icon-embed-medium {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  display: flex;
}

.icon-embed-small {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  display: flex;
}

.styleguide_icon-wrapper {
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: inline-flex;
}

.styleguide_icon-group {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: wrap;
  display: flex;
}

.text-color_light-gray {
  color: var(--text-color--text-color_light-gray);
}

.text-color_medium-gray {
  color: var(--text-color--text-color_medium-gray);
}

.text-color_gray {
  color: var(--text-color--text-color_gray);
}

.text-color_body {
  color: var(--text-color--text-color_body);
}

.text-color_white {
  color: var(--neutral--white);
}

.background-color_primary {
  background-color: var(--main-colors--primary);
}

.text-weight_bold {
  font-weight: 700;
}

.text-weight_semi-bold {
  font-weight: 600;
}

.text-weight_light {
  font-weight: 300;
}

.container-small {
  max-width: var(--container--container-small);
  width: 100%;
}

.footer_logo-link {
  height: calc(var(--nav--nav_height-desktop)  - 3rem);
  margin-bottom: 2rem;
  padding-left: 0;
  text-decoration: none;
}

.homepage-title {
  color: var(--neutral--white);
  margin-bottom: 2rem;
}

.grid-3 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 100%;
  display: grid;
}

.large-text {
  margin-bottom: var(--margin--margin-bottom_l);
  font-size: 1.55rem;
}

.large-text.margin-bottom_xs {
  margin-bottom: var(--margin--margin-bottom_xs);
}

.hmpg-company-text {
  font-size: 1.6rem;
  font-weight: 300;
}

.hero_background-overlay {
  z-index: 2;
  object-fit: cover;
  background-image: linear-gradient(#242b60a6, #242b60a6);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.footer-space {
  height: 26.5rem;
}

.hide {
  display: none;
}

.grid-4 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: start stretch;
  width: 100%;
  max-width: 100%;
  display: grid;
}

.grid-4.c-contact {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
}

.card {
  border-radius: .5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 100%;
  padding: 2rem;
  display: flex;
  box-shadow: 0 2px 20px #0000000d;
}

.card.c-link {
  text-decoration: none;
}

.card.c-link.c-white-bg {
  background-color: var(--neutral--white);
}

.card.c-contact {
  justify-content: space-between;
  height: 100%;
  padding: 1.5rem;
}

.news-more {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 100%;
  display: flex;
}

.read-more {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  color: var(--main-colors--primary);
  justify-content: flex-start;
  align-items: center;
  margin-left: auto;
  font-weight: 500;
  text-decoration: none;
  display: flex;
}

.read-more:hover {
  text-decoration: underline;
}

.news-details {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  color: var(--text-color--text-color_medium-gray);
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 100%;
  margin-bottom: .5rem;
  display: flex;
}

.news-datum {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  justify-content: flex-start;
  align-items: center;
  display: inline-flex;
}

.vacature-detail {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: var(--main-colors--primary);
  justify-content: flex-start;
  align-items: center;
  margin-bottom: .5rem;
  padding-top: 0;
  padding-bottom: 0;
  font-weight: 500;
  line-height: 1.4;
  text-decoration: none;
  display: flex;
}

.vacature-detail.c-white {
  color: var(--neutral--white);
}

.vacature-detail_wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  font-size: var(--_fonts---font--text-size-small);
  flex-flow: wrap;
  width: 100%;
  max-width: 100%;
  padding-bottom: .5rem;
  display: flex;
}

.vacature-detail_wrapper.c-large {
  font-size: var(--_fonts---font--text-size-large);
}

.img-large {
  margin-bottom: var(--margin--margin-bottom_m);
  border-radius: var(--border--radius);
}

.duurzaamheid {
  padding: 15svh var(--section-padding--padding↔desktop);
  background-color: var(--background--background-gray);
  background-image: url('../images/DJI_0966.jpg');
  background-position: 50%;
  background-size: auto;
  background-attachment: fixed;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  display: flex;
  position: relative;
}

.swiper {
  margin-bottom: 2.5rem;
  position: relative;
}

.swiper-wrapper {
  align-items: flex-start;
  display: flex;
}

.swiper-slide {
  border: 1px solid var(--neutral--white);
  border-radius: .25rem;
  flex: none;
  overflow: hidden;
}

.swiper-slide.w--redirected-checked {
  background-image: none;
  border-width: 2px;
  border-color: #e76043;
  box-shadow: 0 2px #e76043;
}

.swiper-box {
  aspect-ratio: 1;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 12rem;
  height: 12rem;
  font-weight: 700;
  display: flex;
}

.swiper-box.w--redirected-checked {
  background-image: none;
  border-width: 2px;
  border-color: #e76043;
  box-shadow: 0 2px #e76043;
}

.sipwer-img {
  object-fit: cover;
  height: 100%;
  max-height: 100%;
}

.contact-heading {
  min-height: 6.3rem;
}

@media screen and (max-width: 991px) {
  .nav_link {
    padding: 1.25rem var(--section-padding--padding↔desktop);
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    border-bottom: .0625rem solid var(--border--border_light-gray);
    background-color: var(--neutral--white);
    width: 100%;
    max-width: 100%;
    font-size: 1rem;
  }

  .nav_link:hover {
    border-bottom-color: var(--border--border_light-gray);
  }

  .nav_link:active, .nav_link:focus {
    background-color: var(--background--background-gray);
  }

  .nav_link.w--current {
    border-bottom-color: var(--border--border_light-gray);
  }

  .nav_link.cc-dropdown {
    padding: .75rem var(--section-padding--padding↔desktop);
    background-color: var(--background--background-gray);
    font-size: .875rem;
  }

  .nav_menu {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    border-top: 1px solid var(--border--border_light-gray);
    flex-flow: column;
    flex: none;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    max-width: 100%;
    overflow: auto;
  }

  .nav_hb_line {
    border-radius: 2rem;
  }

  .footer {
    height: auto;
    position: static;
  }

  .footer_column.cc-first {
    flex: none;
    width: 100%;
    min-width: auto;
    max-width: 100%;
    padding-bottom: 2rem;
    padding-right: 0;
  }

  .footer_list, .footer_list-bottom {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

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

  .nav_dropdown-list.w--open {
    border-top-style: none;
    border-radius: 0;
    position: static;
    left: auto;
  }

  .nav_dropdown-icon {
    top: 0%;
    left: auto;
    right: var(--section-padding--padding↔desktop);
    width: 1.75rem;
    height: 100%;
    position: absolute;
    bottom: 0%;
  }

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

  .nav_list_item.c-cta {
    padding: 1.25rem var(--section-padding--padding↔desktop);
    background-color: var(--neutral--white);
    margin-left: 0;
  }

  .contact-details_list {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .grid-3 {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .footer-space {
    height: 0;
  }

  .grid-4 {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-columns: 1fr 1fr;
  }

  .contact-heading {
    min-height: auto;
  }
}

@media screen and (max-width: 767px) {
  body {
    padding-top: var(--nav--nav_height-mobile);
  }

  h1 {
    font-size: var(--_fonts---font-size-mobile--h1-mobile);
  }

  h2 {
    font-size: var(--_fonts---font-size-mobile--h2-mobile);
  }

  h3 {
    font-size: var(--_fonts---font-size-mobile--h3-mobile);
  }

  h4 {
    font-size: var(--_fonts---font-size-mobile--h4-mobile);
  }

  h5 {
    font-size: var(--_fonts---font-size-mobile--h5-mobile);
  }

  h6 {
    font-size: var(--_fonts---font-size-mobile--h6-mobile);
  }

  .nav_link {
    padding: 1rem var(--section-padding--padding↔mobile);
    font-size: .875rem;
  }

  .nav_link.cc-dropdown {
    padding-right: var(--section-padding--padding↔mobile);
    padding-left: var(--section-padding--padding↔mobile);
  }

  .section, .page-hero {
    padding: var(--section-padding--padding↕mobile) var(--section-padding--padding↔mobile);
  }

  .nav_component {
    height: var(--nav--nav_height-mobile);
    padding-right: var(--section-padding--padding↔mobile);
    padding-left: var(--section-padding--padding↔mobile);
  }

  .nav_menu {
    height: calc(100svh - var(--nav--nav_height-mobile));
  }

  ._404-content {
    min-height: auto;
  }

  .footer {
    padding-right: var(--section-padding--padding↔mobile);
    padding-left: var(--section-padding--padding↔mobile);
  }

  .footer_column.cc-first {
    flex: none;
  }

  .footer_list-item_link.cc-btm {
    font-size: var(--font-size-mobile--text-size-small\<deleted\|variable-5e1e1d04-85bb-5a65-77f0-cf0c512125cc\>);
  }

  .h1 {
    font-size: var(--_fonts---font-size-mobile--h1-mobile);
  }

  .h2 {
    font-size: var(--_fonts---font-size-mobile--h2-mobile);
  }

  .h3 {
    font-size: var(--_fonts---font-size-mobile--h3-mobile);
  }

  .h4 {
    font-size: var(--_fonts---font-size-mobile--h4-mobile);
  }

  .h5 {
    font-size: var(--_fonts---font-size-mobile--h5-mobile);
  }

  .h6 {
    font-size: var(--_fonts---font-size-mobile--h6-mobile);
  }

  .nav_dropdown-icon {
    right: var(--section-padding--padding↔mobile);
    width: 1.25rem;
  }

  .grid-2 {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
    grid-template-columns: 1fr;
    display: flex;
  }

  .grid-2.c-mobile-reversed {
    flex-flow: column-reverse;
    display: flex;
  }

  .grid-child.hide-on-mobile {
    display: none;
  }

  .nav_list_item.c-cta {
    padding-right: var(--section-padding--padding↔mobile);
    padding-left: var(--section-padding--padding↔mobile);
  }

  .form_message-icon {
    width: 3.5rem;
    height: 3.5rem;
    margin-bottom: .5rem;
  }

  .thumbnail-image_wrapper {
    height: 50svw;
  }

  .text-size-large {
    font-size: var(--font-size-mobile--text-size-small\<deleted\|variable-5e1e1d04-85bb-5a65-77f0-cf0c512125cc\>);
  }

  .page-hero_bg-img {
    padding: var(--section-padding--padding↕mobile) var(--section-padding--padding↔mobile);
  }

  .grid-3 {
    flex-flow: column;
    grid-template-columns: 1fr;
    display: flex;
  }

  .large-text {
    font-size: var(--_fonts---font--text-size-large);
  }

  .grid-4 {
    flex-flow: column;
    grid-template-columns: 1fr;
    display: flex;
  }

  .card {
    height: auto;
  }

  .card.c-contact {
    justify-content: flex-start;
  }

  .img-large {
    margin-bottom: 0;
  }

  .duurzaamheid {
    padding: var(--section-padding--padding↕mobile) var(--section-padding--padding↔mobile);
  }

  .swiper-box {
    width: 8rem;
    height: 8rem;
  }
}

@media screen and (max-width: 479px) {
  .nav_logo-link {
    height: calc(var(--nav--nav_height-desktop)  - 4rem);
    padding-right: 2rem;
  }

  .footer_column {
    flex: none;
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    padding-right: 0;
  }

  .footer_row_bottom {
    border-top-style: none;
  }

  .subtitle {
    font-size: 1.15rem;
  }

  .margin-bottom_l {
    margin-bottom: 1.5rem;
  }

  .thumbnail-image_wrapper.c-large {
    height: 50svw;
  }

  .footer_logo-link {
    margin-bottom: 0;
    padding-right: 2rem;
  }

  .homepage-title {
    font-size: 2rem;
  }

  .card {
    padding: 1rem;
  }

  .news-more {
    flex-flow: column;
    margin-bottom: 1rem;
  }
}


@font-face {
  font-family: 'Inter Variablefont Opsz Wght';
  src: url('../images/') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Figtree Variablefont Wght';
  src: url('../fonts/Figtree-VariableFont_wght.ttf') format('truetype');
  font-weight: 300 900;
  font-style: normal;
  font-display: swap;
}