*, :before, :after {
  box-sizing: border-box;
}

html {
  -webkit-text-size-adjust: 100%;
  tab-size: 4;
  font-family: system-ui, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;
  line-height: 1.15;
}

body {
  margin: 0;
}

main {
  display: block;
}

h1 {
  margin: .67em 0;
  font-size: 2em;
}

a {
  background-color: #0000;
}

b, strong {
  font-weight: bolder;
}

small {
  font-size: 80%;
}

img {
  border-style: none;
}

button, input, optgroup, select, textarea {
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
}

button, input {
  overflow: visible;
}

button, select {
  text-transform: none;
}

button, [type="button"], [type="reset"], [type="submit"] {
  -webkit-appearance: button;
}

[hidden] {
  display: none;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre {
  font-size: 1em;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
}

code, kbd, samp, pre {
  font-family: ui-monospace, SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace;
  font-size: 1em;
}

sub, sup {
  vertical-align: baseline;
  font-size: 75%;
  line-height: 0;
  position: relative;
}

sub {
  bottom: -.25em;
}

sup {
  top: -.5em;
}

button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

[type="button"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

[type="reset"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring {
  outline: 1px dotted buttontext;
}

[type="button"]:-moz-focusring {
  outline: 1px dotted buttontext;
}

[type="reset"]:-moz-focusring {
  outline: 1px dotted buttontext;
}

[type="submit"]:-moz-focusring {
  outline: 1px dotted buttontext;
}

fieldset {
  padding: .35em .75em .625em;
}

legend {
  box-sizing: border-box;
  color: inherit;
  white-space: normal;
  max-width: 100%;
  padding: 0;
  display: table;
}

table {
  border-color: currentColor;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type="checkbox"], [type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

[type="number"]::-webkit-inner-spin-button {
  height: auto;
}

[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

:root {
  --db-color-primary: #1f2951;
  --db-color-secondary: #93c01f;
  --db-color-accent: #ea5b0c;
  --db-color-background: #efefef;
  --db-color-border: #ebecef;
  --black: #000;
  --white: #fff;
  --title-font: "Barlow", Tahoma, Verdana, sans-serif;
  --body-font: "Plus Jakarta Sans", Arial, Helvetica, sans-serif;
  --t-250: all .25s ease-in-out;
  --fw-light: 300;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;
  --fw-black: 900;
  --grid-padding: var(--s-12);
}

body {
  color: var(--black);
  font-family: var(--body-font);
}

h1 {
  font-family: var(--title-font);
  font-size: var(--s-64);
  letter-spacing: -1px;
  font-style: italic;
  font-weight: 800;
  line-height: 1;
}

h2 {
  font-family: var(--title-font);
  letter-spacing: -1px;
  font-style: italic;
  font-weight: 800;
  line-height: 1;
}

h3 {
  font-family: var(--title-font);
  font-size: var(--s-24);
  letter-spacing: -1px;
  font-style: italic;
  font-weight: 800;
  line-height: 1;
}

h4 {
  font-family: var(--title-font);
  font-size: var(--s-20);
  font-style: italic;
  font-weight: 700;
  line-height: 1;
}

p {
  font-family: var(--body-font);
  font-size: var(--s-18);
  font-weight: 400;
  line-height: var(--s-30);
  margin-block-start: 0;
  margin-block-end: var(--s-16);
}

ul, ol {
  font-size: var(--s-16);
}

a {
  color: var(--db-color-secondary);
  text-decoration: none !important;
}

a:hover {
  color: var(--db-color-secondary);
  text-decoration: underline !important;
}

:root {
  --s-4: clamp(.25rem, .25rem + 0vw, .25rem);
  --s-8: clamp(.5rem, .5rem + 0vw, .5rem);
  --s-12: clamp(.625rem, .5625rem + .25vw, .75rem);
  --s-16: clamp(.75rem, .625rem + .5vw, 1rem);
  --s-18: clamp(.875rem, .75rem + .5vw, 1.125rem);
  --s-20: clamp(1rem, .875rem + .5vw, 1.25rem);
  --s-22: clamp(1.125rem, 1rem + .5vw, 1.375rem);
  --s-24: clamp(1.25rem, 1.125rem + .5vw, 1.5rem);
  --s-28: clamp(1.375rem, 1.1875rem + .75vw, 1.75rem);
  --s-30: clamp(1.375rem, 1.125rem + 1vw, 1.875rem);
  --s-32: clamp(1.5rem, 1.25rem + 1vw, 2rem);
  --s-40: clamp(1.875rem, 1.5625rem + 1.25vw, 2.5rem);
  --s-45: clamp(2.25rem, 1.96875rem + 1.125vw, 2.8125rem);
  --s-48: clamp(2.25rem, 1.875rem + 1.5vw, 3rem);
  --s-56: clamp(2.625rem, 2.1875rem + 1.75vw, 3.5rem);
  --s-64: clamp(3rem, 2.5rem + 2vw, 4rem);
  --s-72: clamp(3.375rem, 2.8125rem + 2.25vw, 4.5rem);
  --s-80: clamp(3.75rem, 3.125rem + 2.5vw, 5rem);
  --s-90: clamp(4.125rem, 3.375rem + 3vw, 5.625rem);
  --s-96: clamp(4.5rem, 3.75rem + 3vw, 6rem);
  --s-104: clamp(4.875rem, 4.0625rem + 3.25vw, 6.5rem);
  --s-112: clamp(5.25rem, 4.375rem + 3.5vw, 7rem);
  --s-120: clamp(5.625rem, 4.6875rem + 3.75vw, 7.5rem);
  --s-135: clamp(6.25rem, 5.15625rem + 4.375vw, 8.4375rem);
  --s-144: clamp(6.75rem, 5.625rem + 4.5vw, 9rem);
  --s-150: clamp(6.875rem, 5.625rem + 5vw, 9.375rem);
  --s-160: clamp(7.5rem, 6.25rem + 5vw, 10rem);
  --s-180: clamp(8.4375rem, 7.03125rem + 5.625vw, 11.25rem);
  --s-200: clamp(9.375rem, 7.8125rem + 6.25vw, 12.5rem);
  --s-225: clamp(10rem, 7.96875rem + 8.125vw, 14.0625rem);
  --s-240: clamp(11.25rem, 9.375rem + 7.5vw, 15rem);
  --s-270: clamp(12.5rem, 10.3125rem + 8.75vw, 16.875rem);
}

.container-fluid, .container {
  margin-left: auto;
  margin-right: auto;
}

.container-fluid {
  padding-right: var(--grid-padding);
  padding-left: var(--grid-padding);
}

.row {
  box-sizing: border-box;
  z-index: 1;
  flex-flow: wrap;
  flex: 0 auto;
  width: 100%;
  display: flex;
  position: relative;
}

.row.reverse {
  flex-direction: row-reverse;
}

.col {
  flex-direction: column;
  display: flex;
}

.col.reverse {
  flex-direction: column-reverse;
}

.col-xs-offset-12, .col-xs-offset-11, .col-xs-offset-10, .col-xs-offset-9, .col-xs-offset-8, .col-xs-offset-7, .col-xs-offset-6, .col-xs-offset-5, .col-xs-offset-4, .col-xs-offset-3, .col-xs-offset-2, .col-xs-offset-1, .col-xs-offset-0, .col-xs-12, .col-xs-11, .col-xs-10, .col-xs-9, .col-xs-8, .col-xs-7, .col-xs-6, .col-xs-5, .col-xs-4, .col-xs-3, .col-xs-2, .col-xs-1, .col-xs {
  box-sizing: border-box;
  padding-right: var(--s-16);
  padding-left: var(--s-16);
  flex: none;
}

.col-xs {
  flex-grow: 1;
  flex-basis: 0;
  max-width: 100%;
}

.col-xs-1 {
  flex-basis: 8.33333%;
  max-width: 8.33333%;
}

.col-xs-2 {
  flex-basis: 16.6667%;
  max-width: 16.6667%;
}

.col-xs-3 {
  flex-basis: 25%;
  max-width: 25%;
}

.col-xs-4 {
  flex-basis: 33.3333%;
  max-width: 33.3333%;
}

.col-xs-5 {
  flex-basis: 41.6667%;
  max-width: 41.6667%;
}

.col-xs-6 {
  flex-basis: 50%;
  max-width: 50%;
}

.col-xs-7 {
  flex-basis: 58.3333%;
  max-width: 58.3333%;
}

.col-xs-8 {
  flex-basis: 66.6667%;
  max-width: 66.6667%;
}

.col-xs-9 {
  flex-basis: 75%;
  max-width: 75%;
}

.col-xs-10 {
  flex-basis: 83.3333%;
  max-width: 83.3333%;
}

.col-xs-11 {
  flex-basis: 91.6667%;
  max-width: 91.6667%;
}

.col-xs-12 {
  flex-basis: 100%;
  max-width: 100%;
}

.col-xs-offset-0 {
  margin-left: 0%;
}

.col-xs-offset-1 {
  margin-left: 8.33333%;
}

.col-xs-offset-2 {
  margin-left: 16.6667%;
}

.col-xs-offset-3 {
  margin-left: 25%;
}

.col-xs-offset-4 {
  margin-left: 33.3333%;
}

.col-xs-offset-5 {
  margin-left: 41.6667%;
}

.col-xs-offset-6 {
  margin-left: 50%;
}

.col-xs-offset-7 {
  margin-left: 58.3333%;
}

.col-xs-offset-8 {
  margin-left: 66.6667%;
}

.col-xs-offset-9 {
  margin-left: 75%;
}

.col-xs-offset-10 {
  margin-left: 83.3333%;
}

.col-xs-offset-11 {
  margin-left: 91.6667%;
}

.col-xs-offset-12 {
  margin-left: 100%;
}

.start-xs {
  text-align: start;
  justify-content: flex-start;
}

.center-xs {
  text-align: center;
  justify-content: center;
}

.end-xs {
  text-align: end;
  justify-content: flex-end;
}

.top-xs {
  align-items: flex-start;
}

.middle-xs {
  align-items: center;
}

.bottom-xs {
  align-items: flex-end;
}

.stretch-xs {
  align-items: stretch;
}

.around-xs {
  justify-content: space-around;
}

.between-xs {
  justify-content: space-between;
}

.evenly-xs {
  justify-content: space-evenly;
}

.first-xs {
  order: -1;
}

.last-xs {
  order: 1;
}

.columns-xs-1 {
  grid-template-columns: repeat(1, 1fr);
  display: grid;
}

.columns-xs-2 {
  grid-template-columns: repeat(2, 1fr);
  display: grid;
}

.columns-xs-3 {
  grid-template-columns: repeat(3, 1fr);
  display: grid;
}

.columns-xs-4 {
  grid-template-columns: repeat(4, 1fr);
  display: grid;
}

.columns-xs-5 {
  grid-template-columns: repeat(5, 1fr);
  display: grid;
}

.columns-xs-6 {
  grid-template-columns: repeat(6, 1fr);
  display: grid;
}

.columns-xs-7 {
  grid-template-columns: repeat(7, 1fr);
  display: grid;
}

.columns-xs-8 {
  grid-template-columns: repeat(8, 1fr);
  display: grid;
}

.columns-xs-9 {
  grid-template-columns: repeat(9, 1fr);
  display: grid;
}

.columns-xs-10 {
  grid-template-columns: repeat(10, 1fr);
  display: grid;
}

.columns-xs-11 {
  grid-template-columns: repeat(11, 1fr);
  display: grid;
}

.grid-top-xs {
  align-items: start;
}

.grid-middle-xs {
  align-items: center;
}

.grid-bottom-xs {
  align-items: end;
}

.grid-stretch-xs {
  align-items: stretch;
}

.grid-left-xs {
  justify-items: start;
}

.grid-center-xs {
  justify-items: center;
}

.grid-right-xs {
  justify-items: end;
}

.grid-stretch-x-xs {
  justify-items: stretch;
}

.gap-xs-0 {
  gap: 0;
}

.gap-x-xs-0 {
  column-gap: 0;
}

.gap-y-xs-0 {
  row-gap: 0;
}

.gap-xs-4 {
  gap: var(--s-4);
}

.gap-x-xs-4 {
  column-gap: var(--s-4);
}

.gap-y-xs-4 {
  row-gap: var(--s-4);
}

.gap-xs-8 {
  gap: var(--s-8);
}

.gap-x-xs-8 {
  column-gap: var(--s-8);
}

.gap-y-xs-8 {
  row-gap: var(--s-8);
}

.gap-xs-12 {
  gap: var(--s-12);
}

.gap-x-xs-12 {
  column-gap: var(--s-12);
}

.gap-y-xs-12 {
  row-gap: var(--s-12);
}

.gap-xs-16 {
  gap: var(--s-16);
}

.gap-x-xs-16 {
  column-gap: var(--s-16);
}

.gap-y-xs-16 {
  row-gap: var(--s-16);
}

.gap-xs-20 {
  gap: var(--s-20);
}

.gap-x-xs-20 {
  column-gap: var(--s-20);
}

.gap-y-xs-20 {
  row-gap: var(--s-20);
}

.gap-xs-22 {
  gap: var(--s-22);
}

.gap-x-xs-22 {
  column-gap: var(--s-22);
}

.gap-y-xs-22 {
  row-gap: var(--s-22);
}

.gap-xs-24 {
  gap: var(--s-24);
}

.gap-x-xs-24 {
  column-gap: var(--s-24);
}

.gap-y-xs-24 {
  row-gap: var(--s-24);
}

.gap-xs-28 {
  gap: var(--s-28);
}

.gap-x-xs-28 {
  column-gap: var(--s-28);
}

.gap-y-xs-28 {
  row-gap: var(--s-28);
}

.gap-xs-32 {
  gap: var(--s-32);
}

.gap-x-xs-32 {
  column-gap: var(--s-32);
}

.gap-y-xs-32 {
  row-gap: var(--s-32);
}

.gap-xs-40 {
  gap: var(--s-40);
}

.gap-x-xs-40 {
  column-gap: var(--s-40);
}

.gap-y-xs-40 {
  row-gap: var(--s-40);
}

.gap-xs-45 {
  gap: var(--s-45);
}

.gap-x-xs-45 {
  column-gap: var(--s-45);
}

.gap-y-xs-45 {
  row-gap: var(--s-45);
}

.gap-xs-48 {
  gap: var(--s-48);
}

.gap-x-xs-48 {
  column-gap: var(--s-48);
}

.gap-y-xs-48 {
  row-gap: var(--s-48);
}

.gap-xs-56 {
  gap: var(--s-56);
}

.gap-x-xs-56 {
  column-gap: var(--s-56);
}

.gap-y-xs-56 {
  row-gap: var(--s-56);
}

.gap-xs-64 {
  gap: var(--s-64);
}

.gap-x-xs-64 {
  column-gap: var(--s-64);
}

.gap-y-xs-64 {
  row-gap: var(--s-64);
}

.gap-xs-72 {
  gap: var(--s-72);
}

.gap-x-xs-72 {
  column-gap: var(--s-72);
}

.gap-y-xs-72 {
  row-gap: var(--s-72);
}

.gap-xs-80 {
  gap: var(--s-80);
}

.gap-x-xs-80 {
  column-gap: var(--s-80);
}

.gap-y-xs-80 {
  row-gap: var(--s-80);
}

.gap-xs-90 {
  gap: var(--s-90);
}

.gap-x-xs-90 {
  column-gap: var(--s-90);
}

.gap-y-xs-90 {
  row-gap: var(--s-90);
}

.gap-xs-96 {
  gap: var(--s-96);
}

.gap-x-xs-96 {
  column-gap: var(--s-96);
}

.gap-y-xs-96 {
  row-gap: var(--s-96);
}

.gap-xs-104 {
  gap: var(--s-104);
}

.gap-x-xs-104 {
  column-gap: var(--s-104);
}

.gap-y-xs-104 {
  row-gap: var(--s-104);
}

.gap-xs-112 {
  gap: var(--s-112);
}

.gap-x-xs-112 {
  column-gap: var(--s-112);
}

.gap-y-xs-112 {
  row-gap: var(--s-112);
}

.gap-xs-120 {
  gap: var(--s-120);
}

.gap-x-xs-120 {
  column-gap: var(--s-120);
}

.gap-y-xs-120 {
  row-gap: var(--s-120);
}

.gap-xs-135 {
  gap: var(--s-135);
}

.gap-x-xs-135 {
  column-gap: var(--s-135);
}

.gap-y-xs-135 {
  row-gap: var(--s-135);
}

.gap-xs-144 {
  gap: var(--s-144);
}

.gap-x-xs-144 {
  column-gap: var(--s-144);
}

.gap-y-xs-144 {
  row-gap: var(--s-144);
}

.gap-xs-150 {
  gap: var(--s-150);
}

.gap-x-xs-150 {
  column-gap: var(--s-150);
}

.gap-y-xs-150 {
  row-gap: var(--s-150);
}

.gap-xs-160 {
  gap: var(--s-160);
}

.gap-x-xs-160 {
  column-gap: var(--s-160);
}

.gap-y-xs-160 {
  row-gap: var(--s-160);
}

.gap-xs-180 {
  gap: var(--s-180);
}

.gap-x-xs-180 {
  column-gap: var(--s-180);
}

.gap-y-xs-180 {
  row-gap: var(--s-180);
}

.gap-xs-200 {
  gap: var(--s-200);
}

.gap-x-xs-200 {
  column-gap: var(--s-200);
}

.gap-y-xs-200 {
  row-gap: var(--s-200);
}

.gap-xs-225 {
  gap: var(--s-225);
}

.gap-x-xs-225 {
  column-gap: var(--s-225);
}

.gap-y-xs-225 {
  row-gap: var(--s-225);
}

.gap-xs-240 {
  gap: var(--s-240);
}

.gap-x-xs-240 {
  column-gap: var(--s-240);
}

.gap-y-xs-240 {
  row-gap: var(--s-240);
}

.gap-xs-270 {
  gap: var(--s-270);
}

.gap-x-xs-270 {
  column-gap: var(--s-270);
}

.gap-y-xs-270 {
  row-gap: var(--s-270);
}

.d-none {
  display: none !important;
}

.d-block {
  display: block !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

.d-grid {
  display: grid !important;
}

.d-inline-grid {
  display: inline-grid !important;
}

.gap-0 {
  gap: 0;
}

.gap-x-0 {
  column-gap: 0;
}

.gap-y-0 {
  row-gap: 0;
}

.gap-4 {
  gap: var(--s-4);
}

.gap-x-4 {
  column-gap: var(--s-4);
}

.gap-y-4 {
  row-gap: var(--s-4);
}

.gap-8 {
  gap: var(--s-8);
}

.gap-x-8 {
  column-gap: var(--s-8);
}

.gap-y-8 {
  row-gap: var(--s-8);
}

.gap-12 {
  gap: var(--s-12);
}

.gap-x-12 {
  column-gap: var(--s-12);
}

.gap-y-12 {
  row-gap: var(--s-12);
}

.gap-16 {
  gap: var(--s-16);
}

.gap-x-16 {
  column-gap: var(--s-16);
}

.gap-y-16 {
  row-gap: var(--s-16);
}

.gap-20 {
  gap: var(--s-20);
}

.gap-x-20 {
  column-gap: var(--s-20);
}

.gap-y-20 {
  row-gap: var(--s-20);
}

.gap-22 {
  gap: var(--s-22);
}

.gap-x-22 {
  column-gap: var(--s-22);
}

.gap-y-22 {
  row-gap: var(--s-22);
}

.gap-24 {
  gap: var(--s-24);
}

.gap-x-24 {
  column-gap: var(--s-24);
}

.gap-y-24 {
  row-gap: var(--s-24);
}

.gap-28 {
  gap: var(--s-28);
}

.gap-x-28 {
  column-gap: var(--s-28);
}

.gap-y-28 {
  row-gap: var(--s-28);
}

.gap-32 {
  gap: var(--s-32);
}

.gap-x-32 {
  column-gap: var(--s-32);
}

.gap-y-32 {
  row-gap: var(--s-32);
}

.gap-40 {
  gap: var(--s-40);
}

.gap-x-40 {
  column-gap: var(--s-40);
}

.gap-y-40 {
  row-gap: var(--s-40);
}

.gap-45 {
  gap: var(--s-45);
}

.gap-x-45 {
  column-gap: var(--s-45);
}

.gap-y-45 {
  row-gap: var(--s-45);
}

.gap-48 {
  gap: var(--s-48);
}

.gap-x-48 {
  column-gap: var(--s-48);
}

.gap-y-48 {
  row-gap: var(--s-48);
}

.gap-56 {
  gap: var(--s-56);
}

.gap-x-56 {
  column-gap: var(--s-56);
}

.gap-y-56 {
  row-gap: var(--s-56);
}

.gap-64 {
  gap: var(--s-64);
}

.gap-x-64 {
  column-gap: var(--s-64);
}

.gap-y-64 {
  row-gap: var(--s-64);
}

.gap-72 {
  gap: var(--s-72);
}

.gap-x-72 {
  column-gap: var(--s-72);
}

.gap-y-72 {
  row-gap: var(--s-72);
}

.gap-80 {
  gap: var(--s-80);
}

.gap-x-80 {
  column-gap: var(--s-80);
}

.gap-y-80 {
  row-gap: var(--s-80);
}

.gap-90 {
  gap: var(--s-90);
}

.gap-x-90 {
  column-gap: var(--s-90);
}

.gap-y-90 {
  row-gap: var(--s-90);
}

.gap-96 {
  gap: var(--s-96);
}

.gap-x-96 {
  column-gap: var(--s-96);
}

.gap-y-96 {
  row-gap: var(--s-96);
}

.gap-104 {
  gap: var(--s-104);
}

.gap-x-104 {
  column-gap: var(--s-104);
}

.gap-y-104 {
  row-gap: var(--s-104);
}

.gap-112 {
  gap: var(--s-112);
}

.gap-x-112 {
  column-gap: var(--s-112);
}

.gap-y-112 {
  row-gap: var(--s-112);
}

.gap-120 {
  gap: var(--s-120);
}

.gap-x-120 {
  column-gap: var(--s-120);
}

.gap-y-120 {
  row-gap: var(--s-120);
}

.gap-135 {
  gap: var(--s-135);
}

.gap-x-135 {
  column-gap: var(--s-135);
}

.gap-y-135 {
  row-gap: var(--s-135);
}

.gap-144 {
  gap: var(--s-144);
}

.gap-x-144 {
  column-gap: var(--s-144);
}

.gap-y-144 {
  row-gap: var(--s-144);
}

.gap-150 {
  gap: var(--s-150);
}

.gap-x-150 {
  column-gap: var(--s-150);
}

.gap-y-150 {
  row-gap: var(--s-150);
}

.gap-160 {
  gap: var(--s-160);
}

.gap-x-160 {
  column-gap: var(--s-160);
}

.gap-y-160 {
  row-gap: var(--s-160);
}

.gap-180 {
  gap: var(--s-180);
}

.gap-x-180 {
  column-gap: var(--s-180);
}

.gap-y-180 {
  row-gap: var(--s-180);
}

.gap-200 {
  gap: var(--s-200);
}

.gap-x-200 {
  column-gap: var(--s-200);
}

.gap-y-200 {
  row-gap: var(--s-200);
}

.gap-225 {
  gap: var(--s-225);
}

.gap-x-225 {
  column-gap: var(--s-225);
}

.gap-y-225 {
  row-gap: var(--s-225);
}

.gap-240 {
  gap: var(--s-240);
}

.gap-x-240 {
  column-gap: var(--s-240);
}

.gap-y-240 {
  row-gap: var(--s-240);
}

.gap-270 {
  gap: var(--s-270);
}

.gap-x-270 {
  column-gap: var(--s-270);
}

.gap-y-270 {
  row-gap: var(--s-270);
}

@media only screen and (width >= 36em) {
  .container {
    width: 34rem;
  }

  .col-sm-offset-12, .col-sm-offset-11, .col-sm-offset-10, .col-sm-offset-9, .col-sm-offset-8, .col-sm-offset-7, .col-sm-offset-6, .col-sm-offset-5, .col-sm-offset-4, .col-sm-offset-3, .col-sm-offset-2, .col-sm-offset-1, .col-sm-offset-0, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col-sm {
    box-sizing: border-box;
    padding-right: var(--s-16);
    padding-left: var(--s-16);
    flex: none;
  }

  .col-sm {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }

  .col-sm-1 {
    flex-basis: 8.33333%;
    max-width: 8.33333%;
  }

  .col-sm-2 {
    flex-basis: 16.6667%;
    max-width: 16.6667%;
  }

  .col-sm-3 {
    flex-basis: 25%;
    max-width: 25%;
  }

  .col-sm-4 {
    flex-basis: 33.3333%;
    max-width: 33.3333%;
  }

  .col-sm-5 {
    flex-basis: 41.6667%;
    max-width: 41.6667%;
  }

  .col-sm-6 {
    flex-basis: 50%;
    max-width: 50%;
  }

  .col-sm-7 {
    flex-basis: 58.3333%;
    max-width: 58.3333%;
  }

  .col-sm-8 {
    flex-basis: 66.6667%;
    max-width: 66.6667%;
  }

  .col-sm-9 {
    flex-basis: 75%;
    max-width: 75%;
  }

  .col-sm-10 {
    flex-basis: 83.3333%;
    max-width: 83.3333%;
  }

  .col-sm-11 {
    flex-basis: 91.6667%;
    max-width: 91.6667%;
  }

  .col-sm-12 {
    flex-basis: 100%;
    max-width: 100%;
  }

  .col-sm-offset-0 {
    margin-left: 0%;
  }

  .col-sm-offset-1 {
    margin-left: 8.33333%;
  }

  .col-sm-offset-2 {
    margin-left: 16.6667%;
  }

  .col-sm-offset-3 {
    margin-left: 25%;
  }

  .col-sm-offset-4 {
    margin-left: 33.3333%;
  }

  .col-sm-offset-5 {
    margin-left: 41.6667%;
  }

  .col-sm-offset-6 {
    margin-left: 50%;
  }

  .col-sm-offset-7 {
    margin-left: 58.3333%;
  }

  .col-sm-offset-8 {
    margin-left: 66.6667%;
  }

  .col-sm-offset-9 {
    margin-left: 75%;
  }

  .col-sm-offset-10 {
    margin-left: 83.3333%;
  }

  .col-sm-offset-11 {
    margin-left: 91.6667%;
  }

  .col-sm-offset-12 {
    margin-left: 100%;
  }

  .start-sm {
    text-align: start;
    justify-content: flex-start;
  }

  .center-sm {
    text-align: center;
    justify-content: center;
  }

  .end-sm {
    text-align: end;
    justify-content: flex-end;
  }

  .top-sm {
    align-items: flex-start;
  }

  .middle-sm {
    align-items: center;
  }

  .bottom-sm {
    align-items: flex-end;
  }

  .stretch-sm {
    align-items: stretch;
  }

  .around-sm {
    justify-content: space-around;
  }

  .between-sm {
    justify-content: space-between;
  }

  .evenly-sm {
    justify-content: space-evenly;
  }

  .first-sm {
    order: -1;
  }

  .last-sm {
    order: 1;
  }

  .columns-sm-1 {
    grid-template-columns: repeat(1, 1fr);
    display: grid;
  }

  .columns-sm-2 {
    grid-template-columns: repeat(2, 1fr);
    display: grid;
  }

  .columns-sm-3 {
    grid-template-columns: repeat(3, 1fr);
    display: grid;
  }

  .columns-sm-4 {
    grid-template-columns: repeat(4, 1fr);
    display: grid;
  }

  .columns-sm-5 {
    grid-template-columns: repeat(5, 1fr);
    display: grid;
  }

  .columns-sm-6 {
    grid-template-columns: repeat(6, 1fr);
    display: grid;
  }

  .columns-sm-7 {
    grid-template-columns: repeat(7, 1fr);
    display: grid;
  }

  .columns-sm-8 {
    grid-template-columns: repeat(8, 1fr);
    display: grid;
  }

  .columns-sm-9 {
    grid-template-columns: repeat(9, 1fr);
    display: grid;
  }

  .columns-sm-10 {
    grid-template-columns: repeat(10, 1fr);
    display: grid;
  }

  .columns-sm-11 {
    grid-template-columns: repeat(11, 1fr);
    display: grid;
  }

  .grid-top-sm {
    align-items: start;
  }

  .grid-middle-sm {
    align-items: center;
  }

  .grid-bottom-sm {
    align-items: end;
  }

  .grid-stretch-sm {
    align-items: stretch;
  }

  .grid-left-sm {
    justify-items: start;
  }

  .grid-center-sm {
    justify-items: center;
  }

  .grid-right-sm {
    justify-items: end;
  }

  .grid-stretch-x-sm {
    justify-items: stretch;
  }

  .gap-sm-0 {
    gap: 0;
  }

  .gap-x-sm-0 {
    column-gap: 0;
  }

  .gap-y-sm-0 {
    row-gap: 0;
  }

  .gap-sm-4 {
    gap: var(--s-4);
  }

  .gap-x-sm-4 {
    column-gap: var(--s-4);
  }

  .gap-y-sm-4 {
    row-gap: var(--s-4);
  }

  .gap-sm-8 {
    gap: var(--s-8);
  }

  .gap-x-sm-8 {
    column-gap: var(--s-8);
  }

  .gap-y-sm-8 {
    row-gap: var(--s-8);
  }

  .gap-sm-12 {
    gap: var(--s-12);
  }

  .gap-x-sm-12 {
    column-gap: var(--s-12);
  }

  .gap-y-sm-12 {
    row-gap: var(--s-12);
  }

  .gap-sm-16 {
    gap: var(--s-16);
  }

  .gap-x-sm-16 {
    column-gap: var(--s-16);
  }

  .gap-y-sm-16 {
    row-gap: var(--s-16);
  }

  .gap-sm-20 {
    gap: var(--s-20);
  }

  .gap-x-sm-20 {
    column-gap: var(--s-20);
  }

  .gap-y-sm-20 {
    row-gap: var(--s-20);
  }

  .gap-sm-22 {
    gap: var(--s-22);
  }

  .gap-x-sm-22 {
    column-gap: var(--s-22);
  }

  .gap-y-sm-22 {
    row-gap: var(--s-22);
  }

  .gap-sm-24 {
    gap: var(--s-24);
  }

  .gap-x-sm-24 {
    column-gap: var(--s-24);
  }

  .gap-y-sm-24 {
    row-gap: var(--s-24);
  }

  .gap-sm-28 {
    gap: var(--s-28);
  }

  .gap-x-sm-28 {
    column-gap: var(--s-28);
  }

  .gap-y-sm-28 {
    row-gap: var(--s-28);
  }

  .gap-sm-32 {
    gap: var(--s-32);
  }

  .gap-x-sm-32 {
    column-gap: var(--s-32);
  }

  .gap-y-sm-32 {
    row-gap: var(--s-32);
  }

  .gap-sm-40 {
    gap: var(--s-40);
  }

  .gap-x-sm-40 {
    column-gap: var(--s-40);
  }

  .gap-y-sm-40 {
    row-gap: var(--s-40);
  }

  .gap-sm-45 {
    gap: var(--s-45);
  }

  .gap-x-sm-45 {
    column-gap: var(--s-45);
  }

  .gap-y-sm-45 {
    row-gap: var(--s-45);
  }

  .gap-sm-48 {
    gap: var(--s-48);
  }

  .gap-x-sm-48 {
    column-gap: var(--s-48);
  }

  .gap-y-sm-48 {
    row-gap: var(--s-48);
  }

  .gap-sm-56 {
    gap: var(--s-56);
  }

  .gap-x-sm-56 {
    column-gap: var(--s-56);
  }

  .gap-y-sm-56 {
    row-gap: var(--s-56);
  }

  .gap-sm-64 {
    gap: var(--s-64);
  }

  .gap-x-sm-64 {
    column-gap: var(--s-64);
  }

  .gap-y-sm-64 {
    row-gap: var(--s-64);
  }

  .gap-sm-72 {
    gap: var(--s-72);
  }

  .gap-x-sm-72 {
    column-gap: var(--s-72);
  }

  .gap-y-sm-72 {
    row-gap: var(--s-72);
  }

  .gap-sm-80 {
    gap: var(--s-80);
  }

  .gap-x-sm-80 {
    column-gap: var(--s-80);
  }

  .gap-y-sm-80 {
    row-gap: var(--s-80);
  }

  .gap-sm-90 {
    gap: var(--s-90);
  }

  .gap-x-sm-90 {
    column-gap: var(--s-90);
  }

  .gap-y-sm-90 {
    row-gap: var(--s-90);
  }

  .gap-sm-96 {
    gap: var(--s-96);
  }

  .gap-x-sm-96 {
    column-gap: var(--s-96);
  }

  .gap-y-sm-96 {
    row-gap: var(--s-96);
  }

  .gap-sm-104 {
    gap: var(--s-104);
  }

  .gap-x-sm-104 {
    column-gap: var(--s-104);
  }

  .gap-y-sm-104 {
    row-gap: var(--s-104);
  }

  .gap-sm-112 {
    gap: var(--s-112);
  }

  .gap-x-sm-112 {
    column-gap: var(--s-112);
  }

  .gap-y-sm-112 {
    row-gap: var(--s-112);
  }

  .gap-sm-120 {
    gap: var(--s-120);
  }

  .gap-x-sm-120 {
    column-gap: var(--s-120);
  }

  .gap-y-sm-120 {
    row-gap: var(--s-120);
  }

  .gap-sm-135 {
    gap: var(--s-135);
  }

  .gap-x-sm-135 {
    column-gap: var(--s-135);
  }

  .gap-y-sm-135 {
    row-gap: var(--s-135);
  }

  .gap-sm-144 {
    gap: var(--s-144);
  }

  .gap-x-sm-144 {
    column-gap: var(--s-144);
  }

  .gap-y-sm-144 {
    row-gap: var(--s-144);
  }

  .gap-sm-150 {
    gap: var(--s-150);
  }

  .gap-x-sm-150 {
    column-gap: var(--s-150);
  }

  .gap-y-sm-150 {
    row-gap: var(--s-150);
  }

  .gap-sm-160 {
    gap: var(--s-160);
  }

  .gap-x-sm-160 {
    column-gap: var(--s-160);
  }

  .gap-y-sm-160 {
    row-gap: var(--s-160);
  }

  .gap-sm-180 {
    gap: var(--s-180);
  }

  .gap-x-sm-180 {
    column-gap: var(--s-180);
  }

  .gap-y-sm-180 {
    row-gap: var(--s-180);
  }

  .gap-sm-200 {
    gap: var(--s-200);
  }

  .gap-x-sm-200 {
    column-gap: var(--s-200);
  }

  .gap-y-sm-200 {
    row-gap: var(--s-200);
  }

  .gap-sm-225 {
    gap: var(--s-225);
  }

  .gap-x-sm-225 {
    column-gap: var(--s-225);
  }

  .gap-y-sm-225 {
    row-gap: var(--s-225);
  }

  .gap-sm-240 {
    gap: var(--s-240);
  }

  .gap-x-sm-240 {
    column-gap: var(--s-240);
  }

  .gap-y-sm-240 {
    row-gap: var(--s-240);
  }

  .gap-sm-270 {
    gap: var(--s-270);
  }

  .gap-x-sm-270 {
    column-gap: var(--s-270);
  }

  .gap-y-sm-270 {
    row-gap: var(--s-270);
  }

  .d-sm-none {
    display: none !important;
  }

  .d-sm-block {
    display: block !important;
  }

  .d-sm-inline {
    display: inline !important;
  }

  .d-sm-inline-block {
    display: inline-block !important;
  }

  .d-sm-flex {
    display: flex !important;
  }

  .d-sm-inline-flex {
    display: inline-flex !important;
  }

  .d-sm-grid {
    display: grid !important;
  }

  .d-sm-inline-grid {
    display: inline-grid !important;
  }
}

@media only screen and (width >= 48em) {
  .container {
    width: 45rem;
  }

  .col-md-offset-12, .col-md-offset-11, .col-md-offset-10, .col-md-offset-9, .col-md-offset-8, .col-md-offset-7, .col-md-offset-6, .col-md-offset-5, .col-md-offset-4, .col-md-offset-3, .col-md-offset-2, .col-md-offset-1, .col-md-offset-0, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-md {
    box-sizing: border-box;
    padding-right: var(--s-16);
    padding-left: var(--s-16);
    flex: none;
  }

  .col-md {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }

  .col-md-1 {
    flex-basis: 8.33333%;
    max-width: 8.33333%;
  }

  .col-md-2 {
    flex-basis: 16.6667%;
    max-width: 16.6667%;
  }

  .col-md-3 {
    flex-basis: 25%;
    max-width: 25%;
  }

  .col-md-4 {
    flex-basis: 33.3333%;
    max-width: 33.3333%;
  }

  .col-md-5 {
    flex-basis: 41.6667%;
    max-width: 41.6667%;
  }

  .col-md-6 {
    flex-basis: 50%;
    max-width: 50%;
  }

  .col-md-7 {
    flex-basis: 58.3333%;
    max-width: 58.3333%;
  }

  .col-md-8 {
    flex-basis: 66.6667%;
    max-width: 66.6667%;
  }

  .col-md-9 {
    flex-basis: 75%;
    max-width: 75%;
  }

  .col-md-10 {
    flex-basis: 83.3333%;
    max-width: 83.3333%;
  }

  .col-md-11 {
    flex-basis: 91.6667%;
    max-width: 91.6667%;
  }

  .col-md-12 {
    flex-basis: 100%;
    max-width: 100%;
  }

  .col-md-offset-0 {
    margin-left: 0%;
  }

  .col-md-offset-1 {
    margin-left: 8.33333%;
  }

  .col-md-offset-2 {
    margin-left: 16.6667%;
  }

  .col-md-offset-3 {
    margin-left: 25%;
  }

  .col-md-offset-4 {
    margin-left: 33.3333%;
  }

  .col-md-offset-5 {
    margin-left: 41.6667%;
  }

  .col-md-offset-6 {
    margin-left: 50%;
  }

  .col-md-offset-7 {
    margin-left: 58.3333%;
  }

  .col-md-offset-8 {
    margin-left: 66.6667%;
  }

  .col-md-offset-9 {
    margin-left: 75%;
  }

  .col-md-offset-10 {
    margin-left: 83.3333%;
  }

  .col-md-offset-11 {
    margin-left: 91.6667%;
  }

  .col-md-offset-12 {
    margin-left: 100%;
  }

  .start-md {
    text-align: start;
    justify-content: flex-start;
  }

  .center-md {
    text-align: center;
    justify-content: center;
  }

  .end-md {
    text-align: end;
    justify-content: flex-end;
  }

  .top-md {
    align-items: flex-start;
  }

  .middle-md {
    align-items: center;
  }

  .bottom-md {
    align-items: flex-end;
  }

  .stretch-md {
    align-items: stretch;
  }

  .around-md {
    justify-content: space-around;
  }

  .between-md {
    justify-content: space-between;
  }

  .evenly-md {
    justify-content: space-evenly;
  }

  .first-md {
    order: -1;
  }

  .last-md {
    order: 1;
  }

  .columns-md-1 {
    grid-template-columns: repeat(1, 1fr);
    display: grid;
  }

  .columns-md-2 {
    grid-template-columns: repeat(2, 1fr);
    display: grid;
  }

  .columns-md-3 {
    grid-template-columns: repeat(3, 1fr);
    display: grid;
  }

  .columns-md-4 {
    grid-template-columns: repeat(4, 1fr);
    display: grid;
  }

  .columns-md-5 {
    grid-template-columns: repeat(5, 1fr);
    display: grid;
  }

  .columns-md-6 {
    grid-template-columns: repeat(6, 1fr);
    display: grid;
  }

  .columns-md-7 {
    grid-template-columns: repeat(7, 1fr);
    display: grid;
  }

  .columns-md-8 {
    grid-template-columns: repeat(8, 1fr);
    display: grid;
  }

  .columns-md-9 {
    grid-template-columns: repeat(9, 1fr);
    display: grid;
  }

  .columns-md-10 {
    grid-template-columns: repeat(10, 1fr);
    display: grid;
  }

  .columns-md-11 {
    grid-template-columns: repeat(11, 1fr);
    display: grid;
  }

  .grid-top-md {
    align-items: start;
  }

  .grid-middle-md {
    align-items: center;
  }

  .grid-bottom-md {
    align-items: end;
  }

  .grid-stretch-md {
    align-items: stretch;
  }

  .grid-left-md {
    justify-items: start;
  }

  .grid-center-md {
    justify-items: center;
  }

  .grid-right-md {
    justify-items: end;
  }

  .grid-stretch-x-md {
    justify-items: stretch;
  }

  .gap-md-0 {
    gap: 0;
  }

  .gap-x-md-0 {
    column-gap: 0;
  }

  .gap-y-md-0 {
    row-gap: 0;
  }

  .gap-md-4 {
    gap: var(--s-4);
  }

  .gap-x-md-4 {
    column-gap: var(--s-4);
  }

  .gap-y-md-4 {
    row-gap: var(--s-4);
  }

  .gap-md-8 {
    gap: var(--s-8);
  }

  .gap-x-md-8 {
    column-gap: var(--s-8);
  }

  .gap-y-md-8 {
    row-gap: var(--s-8);
  }

  .gap-md-12 {
    gap: var(--s-12);
  }

  .gap-x-md-12 {
    column-gap: var(--s-12);
  }

  .gap-y-md-12 {
    row-gap: var(--s-12);
  }

  .gap-md-16 {
    gap: var(--s-16);
  }

  .gap-x-md-16 {
    column-gap: var(--s-16);
  }

  .gap-y-md-16 {
    row-gap: var(--s-16);
  }

  .gap-md-20 {
    gap: var(--s-20);
  }

  .gap-x-md-20 {
    column-gap: var(--s-20);
  }

  .gap-y-md-20 {
    row-gap: var(--s-20);
  }

  .gap-md-22 {
    gap: var(--s-22);
  }

  .gap-x-md-22 {
    column-gap: var(--s-22);
  }

  .gap-y-md-22 {
    row-gap: var(--s-22);
  }

  .gap-md-24 {
    gap: var(--s-24);
  }

  .gap-x-md-24 {
    column-gap: var(--s-24);
  }

  .gap-y-md-24 {
    row-gap: var(--s-24);
  }

  .gap-md-28 {
    gap: var(--s-28);
  }

  .gap-x-md-28 {
    column-gap: var(--s-28);
  }

  .gap-y-md-28 {
    row-gap: var(--s-28);
  }

  .gap-md-32 {
    gap: var(--s-32);
  }

  .gap-x-md-32 {
    column-gap: var(--s-32);
  }

  .gap-y-md-32 {
    row-gap: var(--s-32);
  }

  .gap-md-40 {
    gap: var(--s-40);
  }

  .gap-x-md-40 {
    column-gap: var(--s-40);
  }

  .gap-y-md-40 {
    row-gap: var(--s-40);
  }

  .gap-md-45 {
    gap: var(--s-45);
  }

  .gap-x-md-45 {
    column-gap: var(--s-45);
  }

  .gap-y-md-45 {
    row-gap: var(--s-45);
  }

  .gap-md-48 {
    gap: var(--s-48);
  }

  .gap-x-md-48 {
    column-gap: var(--s-48);
  }

  .gap-y-md-48 {
    row-gap: var(--s-48);
  }

  .gap-md-56 {
    gap: var(--s-56);
  }

  .gap-x-md-56 {
    column-gap: var(--s-56);
  }

  .gap-y-md-56 {
    row-gap: var(--s-56);
  }

  .gap-md-64 {
    gap: var(--s-64);
  }

  .gap-x-md-64 {
    column-gap: var(--s-64);
  }

  .gap-y-md-64 {
    row-gap: var(--s-64);
  }

  .gap-md-72 {
    gap: var(--s-72);
  }

  .gap-x-md-72 {
    column-gap: var(--s-72);
  }

  .gap-y-md-72 {
    row-gap: var(--s-72);
  }

  .gap-md-80 {
    gap: var(--s-80);
  }

  .gap-x-md-80 {
    column-gap: var(--s-80);
  }

  .gap-y-md-80 {
    row-gap: var(--s-80);
  }

  .gap-md-90 {
    gap: var(--s-90);
  }

  .gap-x-md-90 {
    column-gap: var(--s-90);
  }

  .gap-y-md-90 {
    row-gap: var(--s-90);
  }

  .gap-md-96 {
    gap: var(--s-96);
  }

  .gap-x-md-96 {
    column-gap: var(--s-96);
  }

  .gap-y-md-96 {
    row-gap: var(--s-96);
  }

  .gap-md-104 {
    gap: var(--s-104);
  }

  .gap-x-md-104 {
    column-gap: var(--s-104);
  }

  .gap-y-md-104 {
    row-gap: var(--s-104);
  }

  .gap-md-112 {
    gap: var(--s-112);
  }

  .gap-x-md-112 {
    column-gap: var(--s-112);
  }

  .gap-y-md-112 {
    row-gap: var(--s-112);
  }

  .gap-md-120 {
    gap: var(--s-120);
  }

  .gap-x-md-120 {
    column-gap: var(--s-120);
  }

  .gap-y-md-120 {
    row-gap: var(--s-120);
  }

  .gap-md-135 {
    gap: var(--s-135);
  }

  .gap-x-md-135 {
    column-gap: var(--s-135);
  }

  .gap-y-md-135 {
    row-gap: var(--s-135);
  }

  .gap-md-144 {
    gap: var(--s-144);
  }

  .gap-x-md-144 {
    column-gap: var(--s-144);
  }

  .gap-y-md-144 {
    row-gap: var(--s-144);
  }

  .gap-md-150 {
    gap: var(--s-150);
  }

  .gap-x-md-150 {
    column-gap: var(--s-150);
  }

  .gap-y-md-150 {
    row-gap: var(--s-150);
  }

  .gap-md-160 {
    gap: var(--s-160);
  }

  .gap-x-md-160 {
    column-gap: var(--s-160);
  }

  .gap-y-md-160 {
    row-gap: var(--s-160);
  }

  .gap-md-180 {
    gap: var(--s-180);
  }

  .gap-x-md-180 {
    column-gap: var(--s-180);
  }

  .gap-y-md-180 {
    row-gap: var(--s-180);
  }

  .gap-md-200 {
    gap: var(--s-200);
  }

  .gap-x-md-200 {
    column-gap: var(--s-200);
  }

  .gap-y-md-200 {
    row-gap: var(--s-200);
  }

  .gap-md-225 {
    gap: var(--s-225);
  }

  .gap-x-md-225 {
    column-gap: var(--s-225);
  }

  .gap-y-md-225 {
    row-gap: var(--s-225);
  }

  .gap-md-240 {
    gap: var(--s-240);
  }

  .gap-x-md-240 {
    column-gap: var(--s-240);
  }

  .gap-y-md-240 {
    row-gap: var(--s-240);
  }

  .gap-md-270 {
    gap: var(--s-270);
  }

  .gap-x-md-270 {
    column-gap: var(--s-270);
  }

  .gap-y-md-270 {
    row-gap: var(--s-270);
  }

  .d-md-none {
    display: none !important;
  }

  .d-md-block {
    display: block !important;
  }

  .d-md-inline {
    display: inline !important;
  }

  .d-md-inline-block {
    display: inline-block !important;
  }

  .d-md-flex {
    display: flex !important;
  }

  .d-md-inline-flex {
    display: inline-flex !important;
  }

  .d-md-grid {
    display: grid !important;
  }

  .d-md-inline-grid {
    display: inline-grid !important;
  }
}

@media only screen and (width >= 64em) {
  .container {
    width: 60rem;
  }

  .col-lg-offset-12, .col-lg-offset-11, .col-lg-offset-10, .col-lg-offset-9, .col-lg-offset-8, .col-lg-offset-7, .col-lg-offset-6, .col-lg-offset-5, .col-lg-offset-4, .col-lg-offset-3, .col-lg-offset-2, .col-lg-offset-1, .col-lg-offset-0, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-lg {
    box-sizing: border-box;
    padding-right: var(--s-16);
    padding-left: var(--s-16);
    flex: none;
  }

  .col-lg {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }

  .col-lg-1 {
    flex-basis: 8.33333%;
    max-width: 8.33333%;
  }

  .col-lg-2 {
    flex-basis: 16.6667%;
    max-width: 16.6667%;
  }

  .col-lg-3 {
    flex-basis: 25%;
    max-width: 25%;
  }

  .col-lg-4 {
    flex-basis: 33.3333%;
    max-width: 33.3333%;
  }

  .col-lg-5 {
    flex-basis: 41.6667%;
    max-width: 41.6667%;
  }

  .col-lg-6 {
    flex-basis: 50%;
    max-width: 50%;
  }

  .col-lg-7 {
    flex-basis: 58.3333%;
    max-width: 58.3333%;
  }

  .col-lg-8 {
    flex-basis: 66.6667%;
    max-width: 66.6667%;
  }

  .col-lg-9 {
    flex-basis: 75%;
    max-width: 75%;
  }

  .col-lg-10 {
    flex-basis: 83.3333%;
    max-width: 83.3333%;
  }

  .col-lg-11 {
    flex-basis: 91.6667%;
    max-width: 91.6667%;
  }

  .col-lg-12 {
    flex-basis: 100%;
    max-width: 100%;
  }

  .col-lg-offset-0 {
    margin-left: 0%;
  }

  .col-lg-offset-1 {
    margin-left: 8.33333%;
  }

  .col-lg-offset-2 {
    margin-left: 16.6667%;
  }

  .col-lg-offset-3 {
    margin-left: 25%;
  }

  .col-lg-offset-4 {
    margin-left: 33.3333%;
  }

  .col-lg-offset-5 {
    margin-left: 41.6667%;
  }

  .col-lg-offset-6 {
    margin-left: 50%;
  }

  .col-lg-offset-7 {
    margin-left: 58.3333%;
  }

  .col-lg-offset-8 {
    margin-left: 66.6667%;
  }

  .col-lg-offset-9 {
    margin-left: 75%;
  }

  .col-lg-offset-10 {
    margin-left: 83.3333%;
  }

  .col-lg-offset-11 {
    margin-left: 91.6667%;
  }

  .col-lg-offset-12 {
    margin-left: 100%;
  }

  .start-lg {
    text-align: start;
    justify-content: flex-start;
  }

  .center-lg {
    text-align: center;
    justify-content: center;
  }

  .end-lg {
    text-align: end;
    justify-content: flex-end;
  }

  .top-lg {
    align-items: flex-start;
  }

  .middle-lg {
    align-items: center;
  }

  .bottom-lg {
    align-items: flex-end;
  }

  .stretch-lg {
    align-items: stretch;
  }

  .around-lg {
    justify-content: space-around;
  }

  .between-lg {
    justify-content: space-between;
  }

  .evenly-lg {
    justify-content: space-evenly;
  }

  .first-lg {
    order: -1;
  }

  .last-lg {
    order: 1;
  }

  .columns-lg-1 {
    grid-template-columns: repeat(1, 1fr);
    display: grid;
  }

  .columns-lg-2 {
    grid-template-columns: repeat(2, 1fr);
    display: grid;
  }

  .columns-lg-3 {
    grid-template-columns: repeat(3, 1fr);
    display: grid;
  }

  .columns-lg-4 {
    grid-template-columns: repeat(4, 1fr);
    display: grid;
  }

  .columns-lg-5 {
    grid-template-columns: repeat(5, 1fr);
    display: grid;
  }

  .columns-lg-6 {
    grid-template-columns: repeat(6, 1fr);
    display: grid;
  }

  .columns-lg-7 {
    grid-template-columns: repeat(7, 1fr);
    display: grid;
  }

  .columns-lg-8 {
    grid-template-columns: repeat(8, 1fr);
    display: grid;
  }

  .columns-lg-9 {
    grid-template-columns: repeat(9, 1fr);
    display: grid;
  }

  .columns-lg-10 {
    grid-template-columns: repeat(10, 1fr);
    display: grid;
  }

  .columns-lg-11 {
    grid-template-columns: repeat(11, 1fr);
    display: grid;
  }

  .grid-top-lg {
    align-items: start;
  }

  .grid-middle-lg {
    align-items: center;
  }

  .grid-bottom-lg {
    align-items: end;
  }

  .grid-stretch-lg {
    align-items: stretch;
  }

  .grid-left-lg {
    justify-items: start;
  }

  .grid-center-lg {
    justify-items: center;
  }

  .grid-right-lg {
    justify-items: end;
  }

  .grid-stretch-x-lg {
    justify-items: stretch;
  }

  .gap-lg-0 {
    gap: 0;
  }

  .gap-x-lg-0 {
    column-gap: 0;
  }

  .gap-y-lg-0 {
    row-gap: 0;
  }

  .gap-lg-4 {
    gap: var(--s-4);
  }

  .gap-x-lg-4 {
    column-gap: var(--s-4);
  }

  .gap-y-lg-4 {
    row-gap: var(--s-4);
  }

  .gap-lg-8 {
    gap: var(--s-8);
  }

  .gap-x-lg-8 {
    column-gap: var(--s-8);
  }

  .gap-y-lg-8 {
    row-gap: var(--s-8);
  }

  .gap-lg-12 {
    gap: var(--s-12);
  }

  .gap-x-lg-12 {
    column-gap: var(--s-12);
  }

  .gap-y-lg-12 {
    row-gap: var(--s-12);
  }

  .gap-lg-16 {
    gap: var(--s-16);
  }

  .gap-x-lg-16 {
    column-gap: var(--s-16);
  }

  .gap-y-lg-16 {
    row-gap: var(--s-16);
  }

  .gap-lg-20 {
    gap: var(--s-20);
  }

  .gap-x-lg-20 {
    column-gap: var(--s-20);
  }

  .gap-y-lg-20 {
    row-gap: var(--s-20);
  }

  .gap-lg-22 {
    gap: var(--s-22);
  }

  .gap-x-lg-22 {
    column-gap: var(--s-22);
  }

  .gap-y-lg-22 {
    row-gap: var(--s-22);
  }

  .gap-lg-24 {
    gap: var(--s-24);
  }

  .gap-x-lg-24 {
    column-gap: var(--s-24);
  }

  .gap-y-lg-24 {
    row-gap: var(--s-24);
  }

  .gap-lg-28 {
    gap: var(--s-28);
  }

  .gap-x-lg-28 {
    column-gap: var(--s-28);
  }

  .gap-y-lg-28 {
    row-gap: var(--s-28);
  }

  .gap-lg-32 {
    gap: var(--s-32);
  }

  .gap-x-lg-32 {
    column-gap: var(--s-32);
  }

  .gap-y-lg-32 {
    row-gap: var(--s-32);
  }

  .gap-lg-40 {
    gap: var(--s-40);
  }

  .gap-x-lg-40 {
    column-gap: var(--s-40);
  }

  .gap-y-lg-40 {
    row-gap: var(--s-40);
  }

  .gap-lg-45 {
    gap: var(--s-45);
  }

  .gap-x-lg-45 {
    column-gap: var(--s-45);
  }

  .gap-y-lg-45 {
    row-gap: var(--s-45);
  }

  .gap-lg-48 {
    gap: var(--s-48);
  }

  .gap-x-lg-48 {
    column-gap: var(--s-48);
  }

  .gap-y-lg-48 {
    row-gap: var(--s-48);
  }

  .gap-lg-56 {
    gap: var(--s-56);
  }

  .gap-x-lg-56 {
    column-gap: var(--s-56);
  }

  .gap-y-lg-56 {
    row-gap: var(--s-56);
  }

  .gap-lg-64 {
    gap: var(--s-64);
  }

  .gap-x-lg-64 {
    column-gap: var(--s-64);
  }

  .gap-y-lg-64 {
    row-gap: var(--s-64);
  }

  .gap-lg-72 {
    gap: var(--s-72);
  }

  .gap-x-lg-72 {
    column-gap: var(--s-72);
  }

  .gap-y-lg-72 {
    row-gap: var(--s-72);
  }

  .gap-lg-80 {
    gap: var(--s-80);
  }

  .gap-x-lg-80 {
    column-gap: var(--s-80);
  }

  .gap-y-lg-80 {
    row-gap: var(--s-80);
  }

  .gap-lg-90 {
    gap: var(--s-90);
  }

  .gap-x-lg-90 {
    column-gap: var(--s-90);
  }

  .gap-y-lg-90 {
    row-gap: var(--s-90);
  }

  .gap-lg-96 {
    gap: var(--s-96);
  }

  .gap-x-lg-96 {
    column-gap: var(--s-96);
  }

  .gap-y-lg-96 {
    row-gap: var(--s-96);
  }

  .gap-lg-104 {
    gap: var(--s-104);
  }

  .gap-x-lg-104 {
    column-gap: var(--s-104);
  }

  .gap-y-lg-104 {
    row-gap: var(--s-104);
  }

  .gap-lg-112 {
    gap: var(--s-112);
  }

  .gap-x-lg-112 {
    column-gap: var(--s-112);
  }

  .gap-y-lg-112 {
    row-gap: var(--s-112);
  }

  .gap-lg-120 {
    gap: var(--s-120);
  }

  .gap-x-lg-120 {
    column-gap: var(--s-120);
  }

  .gap-y-lg-120 {
    row-gap: var(--s-120);
  }

  .gap-lg-135 {
    gap: var(--s-135);
  }

  .gap-x-lg-135 {
    column-gap: var(--s-135);
  }

  .gap-y-lg-135 {
    row-gap: var(--s-135);
  }

  .gap-lg-144 {
    gap: var(--s-144);
  }

  .gap-x-lg-144 {
    column-gap: var(--s-144);
  }

  .gap-y-lg-144 {
    row-gap: var(--s-144);
  }

  .gap-lg-150 {
    gap: var(--s-150);
  }

  .gap-x-lg-150 {
    column-gap: var(--s-150);
  }

  .gap-y-lg-150 {
    row-gap: var(--s-150);
  }

  .gap-lg-160 {
    gap: var(--s-160);
  }

  .gap-x-lg-160 {
    column-gap: var(--s-160);
  }

  .gap-y-lg-160 {
    row-gap: var(--s-160);
  }

  .gap-lg-180 {
    gap: var(--s-180);
  }

  .gap-x-lg-180 {
    column-gap: var(--s-180);
  }

  .gap-y-lg-180 {
    row-gap: var(--s-180);
  }

  .gap-lg-200 {
    gap: var(--s-200);
  }

  .gap-x-lg-200 {
    column-gap: var(--s-200);
  }

  .gap-y-lg-200 {
    row-gap: var(--s-200);
  }

  .gap-lg-225 {
    gap: var(--s-225);
  }

  .gap-x-lg-225 {
    column-gap: var(--s-225);
  }

  .gap-y-lg-225 {
    row-gap: var(--s-225);
  }

  .gap-lg-240 {
    gap: var(--s-240);
  }

  .gap-x-lg-240 {
    column-gap: var(--s-240);
  }

  .gap-y-lg-240 {
    row-gap: var(--s-240);
  }

  .gap-lg-270 {
    gap: var(--s-270);
  }

  .gap-x-lg-270 {
    column-gap: var(--s-270);
  }

  .gap-y-lg-270 {
    row-gap: var(--s-270);
  }

  .d-lg-none {
    display: none !important;
  }

  .d-lg-block {
    display: block !important;
  }

  .d-lg-inline {
    display: inline !important;
  }

  .d-lg-inline-block {
    display: inline-block !important;
  }

  .d-lg-flex {
    display: flex !important;
  }

  .d-lg-inline-flex {
    display: inline-flex !important;
  }

  .d-lg-grid {
    display: grid !important;
  }

  .d-lg-inline-grid {
    display: inline-grid !important;
  }
}

@media only screen and (width >= 82.5em) {
  .container {
    width: 77.5rem;
  }

  .col-xl-offset-12, .col-xl-offset-11, .col-xl-offset-10, .col-xl-offset-9, .col-xl-offset-8, .col-xl-offset-7, .col-xl-offset-6, .col-xl-offset-5, .col-xl-offset-4, .col-xl-offset-3, .col-xl-offset-2, .col-xl-offset-1, .col-xl-offset-0, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-xl {
    box-sizing: border-box;
    padding-right: var(--s-16);
    padding-left: var(--s-16);
    flex: none;
  }

  .col-xl {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }

  .col-xl-1 {
    flex-basis: 8.33333%;
    max-width: 8.33333%;
  }

  .col-xl-2 {
    flex-basis: 16.6667%;
    max-width: 16.6667%;
  }

  .col-xl-3 {
    flex-basis: 25%;
    max-width: 25%;
  }

  .col-xl-4 {
    flex-basis: 33.3333%;
    max-width: 33.3333%;
  }

  .col-xl-5 {
    flex-basis: 41.6667%;
    max-width: 41.6667%;
  }

  .col-xl-6 {
    flex-basis: 50%;
    max-width: 50%;
  }

  .col-xl-7 {
    flex-basis: 58.3333%;
    max-width: 58.3333%;
  }

  .col-xl-8 {
    flex-basis: 66.6667%;
    max-width: 66.6667%;
  }

  .col-xl-9 {
    flex-basis: 75%;
    max-width: 75%;
  }

  .col-xl-10 {
    flex-basis: 83.3333%;
    max-width: 83.3333%;
  }

  .col-xl-11 {
    flex-basis: 91.6667%;
    max-width: 91.6667%;
  }

  .col-xl-12 {
    flex-basis: 100%;
    max-width: 100%;
  }

  .col-xl-offset-0 {
    margin-left: 0%;
  }

  .col-xl-offset-1 {
    margin-left: 8.33333%;
  }

  .col-xl-offset-2 {
    margin-left: 16.6667%;
  }

  .col-xl-offset-3 {
    margin-left: 25%;
  }

  .col-xl-offset-4 {
    margin-left: 33.3333%;
  }

  .col-xl-offset-5 {
    margin-left: 41.6667%;
  }

  .col-xl-offset-6 {
    margin-left: 50%;
  }

  .col-xl-offset-7 {
    margin-left: 58.3333%;
  }

  .col-xl-offset-8 {
    margin-left: 66.6667%;
  }

  .col-xl-offset-9 {
    margin-left: 75%;
  }

  .col-xl-offset-10 {
    margin-left: 83.3333%;
  }

  .col-xl-offset-11 {
    margin-left: 91.6667%;
  }

  .col-xl-offset-12 {
    margin-left: 100%;
  }

  .start-xl {
    text-align: start;
    justify-content: flex-start;
  }

  .center-xl {
    text-align: center;
    justify-content: center;
  }

  .end-xl {
    text-align: end;
    justify-content: flex-end;
  }

  .top-xl {
    align-items: flex-start;
  }

  .middle-xl {
    align-items: center;
  }

  .bottom-xl {
    align-items: flex-end;
  }

  .stretch-xl {
    align-items: stretch;
  }

  .around-xl {
    justify-content: space-around;
  }

  .between-xl {
    justify-content: space-between;
  }

  .evenly-xl {
    justify-content: space-evenly;
  }

  .first-xl {
    order: -1;
  }

  .last-xl {
    order: 1;
  }

  .columns-xl-1 {
    grid-template-columns: repeat(1, 1fr);
    display: grid;
  }

  .columns-xl-2 {
    grid-template-columns: repeat(2, 1fr);
    display: grid;
  }

  .columns-xl-3 {
    grid-template-columns: repeat(3, 1fr);
    display: grid;
  }

  .columns-xl-4 {
    grid-template-columns: repeat(4, 1fr);
    display: grid;
  }

  .columns-xl-5 {
    grid-template-columns: repeat(5, 1fr);
    display: grid;
  }

  .columns-xl-6 {
    grid-template-columns: repeat(6, 1fr);
    display: grid;
  }

  .columns-xl-7 {
    grid-template-columns: repeat(7, 1fr);
    display: grid;
  }

  .columns-xl-8 {
    grid-template-columns: repeat(8, 1fr);
    display: grid;
  }

  .columns-xl-9 {
    grid-template-columns: repeat(9, 1fr);
    display: grid;
  }

  .columns-xl-10 {
    grid-template-columns: repeat(10, 1fr);
    display: grid;
  }

  .columns-xl-11 {
    grid-template-columns: repeat(11, 1fr);
    display: grid;
  }

  .grid-top-xl {
    align-items: start;
  }

  .grid-middle-xl {
    align-items: center;
  }

  .grid-bottom-xl {
    align-items: end;
  }

  .grid-stretch-xl {
    align-items: stretch;
  }

  .grid-left-xl {
    justify-items: start;
  }

  .grid-center-xl {
    justify-items: center;
  }

  .grid-right-xl {
    justify-items: end;
  }

  .grid-stretch-x-xl {
    justify-items: stretch;
  }

  .gap-xl-0 {
    gap: 0;
  }

  .gap-x-xl-0 {
    column-gap: 0;
  }

  .gap-y-xl-0 {
    row-gap: 0;
  }

  .gap-xl-4 {
    gap: var(--s-4);
  }

  .gap-x-xl-4 {
    column-gap: var(--s-4);
  }

  .gap-y-xl-4 {
    row-gap: var(--s-4);
  }

  .gap-xl-8 {
    gap: var(--s-8);
  }

  .gap-x-xl-8 {
    column-gap: var(--s-8);
  }

  .gap-y-xl-8 {
    row-gap: var(--s-8);
  }

  .gap-xl-12 {
    gap: var(--s-12);
  }

  .gap-x-xl-12 {
    column-gap: var(--s-12);
  }

  .gap-y-xl-12 {
    row-gap: var(--s-12);
  }

  .gap-xl-16 {
    gap: var(--s-16);
  }

  .gap-x-xl-16 {
    column-gap: var(--s-16);
  }

  .gap-y-xl-16 {
    row-gap: var(--s-16);
  }

  .gap-xl-20 {
    gap: var(--s-20);
  }

  .gap-x-xl-20 {
    column-gap: var(--s-20);
  }

  .gap-y-xl-20 {
    row-gap: var(--s-20);
  }

  .gap-xl-22 {
    gap: var(--s-22);
  }

  .gap-x-xl-22 {
    column-gap: var(--s-22);
  }

  .gap-y-xl-22 {
    row-gap: var(--s-22);
  }

  .gap-xl-24 {
    gap: var(--s-24);
  }

  .gap-x-xl-24 {
    column-gap: var(--s-24);
  }

  .gap-y-xl-24 {
    row-gap: var(--s-24);
  }

  .gap-xl-28 {
    gap: var(--s-28);
  }

  .gap-x-xl-28 {
    column-gap: var(--s-28);
  }

  .gap-y-xl-28 {
    row-gap: var(--s-28);
  }

  .gap-xl-32 {
    gap: var(--s-32);
  }

  .gap-x-xl-32 {
    column-gap: var(--s-32);
  }

  .gap-y-xl-32 {
    row-gap: var(--s-32);
  }

  .gap-xl-40 {
    gap: var(--s-40);
  }

  .gap-x-xl-40 {
    column-gap: var(--s-40);
  }

  .gap-y-xl-40 {
    row-gap: var(--s-40);
  }

  .gap-xl-45 {
    gap: var(--s-45);
  }

  .gap-x-xl-45 {
    column-gap: var(--s-45);
  }

  .gap-y-xl-45 {
    row-gap: var(--s-45);
  }

  .gap-xl-48 {
    gap: var(--s-48);
  }

  .gap-x-xl-48 {
    column-gap: var(--s-48);
  }

  .gap-y-xl-48 {
    row-gap: var(--s-48);
  }

  .gap-xl-56 {
    gap: var(--s-56);
  }

  .gap-x-xl-56 {
    column-gap: var(--s-56);
  }

  .gap-y-xl-56 {
    row-gap: var(--s-56);
  }

  .gap-xl-64 {
    gap: var(--s-64);
  }

  .gap-x-xl-64 {
    column-gap: var(--s-64);
  }

  .gap-y-xl-64 {
    row-gap: var(--s-64);
  }

  .gap-xl-72 {
    gap: var(--s-72);
  }

  .gap-x-xl-72 {
    column-gap: var(--s-72);
  }

  .gap-y-xl-72 {
    row-gap: var(--s-72);
  }

  .gap-xl-80 {
    gap: var(--s-80);
  }

  .gap-x-xl-80 {
    column-gap: var(--s-80);
  }

  .gap-y-xl-80 {
    row-gap: var(--s-80);
  }

  .gap-xl-90 {
    gap: var(--s-90);
  }

  .gap-x-xl-90 {
    column-gap: var(--s-90);
  }

  .gap-y-xl-90 {
    row-gap: var(--s-90);
  }

  .gap-xl-96 {
    gap: var(--s-96);
  }

  .gap-x-xl-96 {
    column-gap: var(--s-96);
  }

  .gap-y-xl-96 {
    row-gap: var(--s-96);
  }

  .gap-xl-104 {
    gap: var(--s-104);
  }

  .gap-x-xl-104 {
    column-gap: var(--s-104);
  }

  .gap-y-xl-104 {
    row-gap: var(--s-104);
  }

  .gap-xl-112 {
    gap: var(--s-112);
  }

  .gap-x-xl-112 {
    column-gap: var(--s-112);
  }

  .gap-y-xl-112 {
    row-gap: var(--s-112);
  }

  .gap-xl-120 {
    gap: var(--s-120);
  }

  .gap-x-xl-120 {
    column-gap: var(--s-120);
  }

  .gap-y-xl-120 {
    row-gap: var(--s-120);
  }

  .gap-xl-135 {
    gap: var(--s-135);
  }

  .gap-x-xl-135 {
    column-gap: var(--s-135);
  }

  .gap-y-xl-135 {
    row-gap: var(--s-135);
  }

  .gap-xl-144 {
    gap: var(--s-144);
  }

  .gap-x-xl-144 {
    column-gap: var(--s-144);
  }

  .gap-y-xl-144 {
    row-gap: var(--s-144);
  }

  .gap-xl-150 {
    gap: var(--s-150);
  }

  .gap-x-xl-150 {
    column-gap: var(--s-150);
  }

  .gap-y-xl-150 {
    row-gap: var(--s-150);
  }

  .gap-xl-160 {
    gap: var(--s-160);
  }

  .gap-x-xl-160 {
    column-gap: var(--s-160);
  }

  .gap-y-xl-160 {
    row-gap: var(--s-160);
  }

  .gap-xl-180 {
    gap: var(--s-180);
  }

  .gap-x-xl-180 {
    column-gap: var(--s-180);
  }

  .gap-y-xl-180 {
    row-gap: var(--s-180);
  }

  .gap-xl-200 {
    gap: var(--s-200);
  }

  .gap-x-xl-200 {
    column-gap: var(--s-200);
  }

  .gap-y-xl-200 {
    row-gap: var(--s-200);
  }

  .gap-xl-225 {
    gap: var(--s-225);
  }

  .gap-x-xl-225 {
    column-gap: var(--s-225);
  }

  .gap-y-xl-225 {
    row-gap: var(--s-225);
  }

  .gap-xl-240 {
    gap: var(--s-240);
  }

  .gap-x-xl-240 {
    column-gap: var(--s-240);
  }

  .gap-y-xl-240 {
    row-gap: var(--s-240);
  }

  .gap-xl-270 {
    gap: var(--s-270);
  }

  .gap-x-xl-270 {
    column-gap: var(--s-270);
  }

  .gap-y-xl-270 {
    row-gap: var(--s-270);
  }

  .d-xl-none {
    display: none !important;
  }

  .d-xl-block {
    display: block !important;
  }

  .d-xl-inline {
    display: inline !important;
  }

  .d-xl-inline-block {
    display: inline-block !important;
  }

  .d-xl-flex {
    display: flex !important;
  }

  .d-xl-inline-flex {
    display: inline-flex !important;
  }

  .d-xl-grid {
    display: grid !important;
  }

  .d-xl-inline-grid {
    display: inline-grid !important;
  }
}

@media only screen and (width >= 100em) {
  .container {
    width: 95rem;
  }

  .col-xxl-offset-12, .col-xxl-offset-11, .col-xxl-offset-10, .col-xxl-offset-9, .col-xxl-offset-8, .col-xxl-offset-7, .col-xxl-offset-6, .col-xxl-offset-5, .col-xxl-offset-4, .col-xxl-offset-3, .col-xxl-offset-2, .col-xxl-offset-1, .col-xxl-offset-0, .col-xxl-12, .col-xxl-11, .col-xxl-10, .col-xxl-9, .col-xxl-8, .col-xxl-7, .col-xxl-6, .col-xxl-5, .col-xxl-4, .col-xxl-3, .col-xxl-2, .col-xxl-1, .col-xxl {
    box-sizing: border-box;
    padding-right: var(--s-16);
    padding-left: var(--s-16);
    flex: none;
  }

  .col-xxl {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }

  .col-xxl-1 {
    flex-basis: 8.33333%;
    max-width: 8.33333%;
  }

  .col-xxl-2 {
    flex-basis: 16.6667%;
    max-width: 16.6667%;
  }

  .col-xxl-3 {
    flex-basis: 25%;
    max-width: 25%;
  }

  .col-xxl-4 {
    flex-basis: 33.3333%;
    max-width: 33.3333%;
  }

  .col-xxl-5 {
    flex-basis: 41.6667%;
    max-width: 41.6667%;
  }

  .col-xxl-6 {
    flex-basis: 50%;
    max-width: 50%;
  }

  .col-xxl-7 {
    flex-basis: 58.3333%;
    max-width: 58.3333%;
  }

  .col-xxl-8 {
    flex-basis: 66.6667%;
    max-width: 66.6667%;
  }

  .col-xxl-9 {
    flex-basis: 75%;
    max-width: 75%;
  }

  .col-xxl-10 {
    flex-basis: 83.3333%;
    max-width: 83.3333%;
  }

  .col-xxl-11 {
    flex-basis: 91.6667%;
    max-width: 91.6667%;
  }

  .col-xxl-12 {
    flex-basis: 100%;
    max-width: 100%;
  }

  .col-xxl-offset-0 {
    margin-left: 0%;
  }

  .col-xxl-offset-1 {
    margin-left: 8.33333%;
  }

  .col-xxl-offset-2 {
    margin-left: 16.6667%;
  }

  .col-xxl-offset-3 {
    margin-left: 25%;
  }

  .col-xxl-offset-4 {
    margin-left: 33.3333%;
  }

  .col-xxl-offset-5 {
    margin-left: 41.6667%;
  }

  .col-xxl-offset-6 {
    margin-left: 50%;
  }

  .col-xxl-offset-7 {
    margin-left: 58.3333%;
  }

  .col-xxl-offset-8 {
    margin-left: 66.6667%;
  }

  .col-xxl-offset-9 {
    margin-left: 75%;
  }

  .col-xxl-offset-10 {
    margin-left: 83.3333%;
  }

  .col-xxl-offset-11 {
    margin-left: 91.6667%;
  }

  .col-xxl-offset-12 {
    margin-left: 100%;
  }

  .start-xxl {
    text-align: start;
    justify-content: flex-start;
  }

  .center-xxl {
    text-align: center;
    justify-content: center;
  }

  .end-xxl {
    text-align: end;
    justify-content: flex-end;
  }

  .top-xxl {
    align-items: flex-start;
  }

  .middle-xxl {
    align-items: center;
  }

  .bottom-xxl {
    align-items: flex-end;
  }

  .stretch-xxl {
    align-items: stretch;
  }

  .around-xxl {
    justify-content: space-around;
  }

  .between-xxl {
    justify-content: space-between;
  }

  .evenly-xxl {
    justify-content: space-evenly;
  }

  .first-xxl {
    order: -1;
  }

  .last-xxl {
    order: 1;
  }

  .columns-xxl-1 {
    grid-template-columns: repeat(1, 1fr);
    display: grid;
  }

  .columns-xxl-2 {
    grid-template-columns: repeat(2, 1fr);
    display: grid;
  }

  .columns-xxl-3 {
    grid-template-columns: repeat(3, 1fr);
    display: grid;
  }

  .columns-xxl-4 {
    grid-template-columns: repeat(4, 1fr);
    display: grid;
  }

  .columns-xxl-5 {
    grid-template-columns: repeat(5, 1fr);
    display: grid;
  }

  .columns-xxl-6 {
    grid-template-columns: repeat(6, 1fr);
    display: grid;
  }

  .columns-xxl-7 {
    grid-template-columns: repeat(7, 1fr);
    display: grid;
  }

  .columns-xxl-8 {
    grid-template-columns: repeat(8, 1fr);
    display: grid;
  }

  .columns-xxl-9 {
    grid-template-columns: repeat(9, 1fr);
    display: grid;
  }

  .columns-xxl-10 {
    grid-template-columns: repeat(10, 1fr);
    display: grid;
  }

  .columns-xxl-11 {
    grid-template-columns: repeat(11, 1fr);
    display: grid;
  }

  .grid-top-xxl {
    align-items: start;
  }

  .grid-middle-xxl {
    align-items: center;
  }

  .grid-bottom-xxl {
    align-items: end;
  }

  .grid-stretch-xxl {
    align-items: stretch;
  }

  .grid-left-xxl {
    justify-items: start;
  }

  .grid-center-xxl {
    justify-items: center;
  }

  .grid-right-xxl {
    justify-items: end;
  }

  .grid-stretch-x-xxl {
    justify-items: stretch;
  }

  .gap-xxl-0 {
    gap: 0;
  }

  .gap-x-xxl-0 {
    column-gap: 0;
  }

  .gap-y-xxl-0 {
    row-gap: 0;
  }

  .gap-xxl-4 {
    gap: var(--s-4);
  }

  .gap-x-xxl-4 {
    column-gap: var(--s-4);
  }

  .gap-y-xxl-4 {
    row-gap: var(--s-4);
  }

  .gap-xxl-8 {
    gap: var(--s-8);
  }

  .gap-x-xxl-8 {
    column-gap: var(--s-8);
  }

  .gap-y-xxl-8 {
    row-gap: var(--s-8);
  }

  .gap-xxl-12 {
    gap: var(--s-12);
  }

  .gap-x-xxl-12 {
    column-gap: var(--s-12);
  }

  .gap-y-xxl-12 {
    row-gap: var(--s-12);
  }

  .gap-xxl-16 {
    gap: var(--s-16);
  }

  .gap-x-xxl-16 {
    column-gap: var(--s-16);
  }

  .gap-y-xxl-16 {
    row-gap: var(--s-16);
  }

  .gap-xxl-20 {
    gap: var(--s-20);
  }

  .gap-x-xxl-20 {
    column-gap: var(--s-20);
  }

  .gap-y-xxl-20 {
    row-gap: var(--s-20);
  }

  .gap-xxl-22 {
    gap: var(--s-22);
  }

  .gap-x-xxl-22 {
    column-gap: var(--s-22);
  }

  .gap-y-xxl-22 {
    row-gap: var(--s-22);
  }

  .gap-xxl-24 {
    gap: var(--s-24);
  }

  .gap-x-xxl-24 {
    column-gap: var(--s-24);
  }

  .gap-y-xxl-24 {
    row-gap: var(--s-24);
  }

  .gap-xxl-28 {
    gap: var(--s-28);
  }

  .gap-x-xxl-28 {
    column-gap: var(--s-28);
  }

  .gap-y-xxl-28 {
    row-gap: var(--s-28);
  }

  .gap-xxl-32 {
    gap: var(--s-32);
  }

  .gap-x-xxl-32 {
    column-gap: var(--s-32);
  }

  .gap-y-xxl-32 {
    row-gap: var(--s-32);
  }

  .gap-xxl-40 {
    gap: var(--s-40);
  }

  .gap-x-xxl-40 {
    column-gap: var(--s-40);
  }

  .gap-y-xxl-40 {
    row-gap: var(--s-40);
  }

  .gap-xxl-45 {
    gap: var(--s-45);
  }

  .gap-x-xxl-45 {
    column-gap: var(--s-45);
  }

  .gap-y-xxl-45 {
    row-gap: var(--s-45);
  }

  .gap-xxl-48 {
    gap: var(--s-48);
  }

  .gap-x-xxl-48 {
    column-gap: var(--s-48);
  }

  .gap-y-xxl-48 {
    row-gap: var(--s-48);
  }

  .gap-xxl-56 {
    gap: var(--s-56);
  }

  .gap-x-xxl-56 {
    column-gap: var(--s-56);
  }

  .gap-y-xxl-56 {
    row-gap: var(--s-56);
  }

  .gap-xxl-64 {
    gap: var(--s-64);
  }

  .gap-x-xxl-64 {
    column-gap: var(--s-64);
  }

  .gap-y-xxl-64 {
    row-gap: var(--s-64);
  }

  .gap-xxl-72 {
    gap: var(--s-72);
  }

  .gap-x-xxl-72 {
    column-gap: var(--s-72);
  }

  .gap-y-xxl-72 {
    row-gap: var(--s-72);
  }

  .gap-xxl-80 {
    gap: var(--s-80);
  }

  .gap-x-xxl-80 {
    column-gap: var(--s-80);
  }

  .gap-y-xxl-80 {
    row-gap: var(--s-80);
  }

  .gap-xxl-90 {
    gap: var(--s-90);
  }

  .gap-x-xxl-90 {
    column-gap: var(--s-90);
  }

  .gap-y-xxl-90 {
    row-gap: var(--s-90);
  }

  .gap-xxl-96 {
    gap: var(--s-96);
  }

  .gap-x-xxl-96 {
    column-gap: var(--s-96);
  }

  .gap-y-xxl-96 {
    row-gap: var(--s-96);
  }

  .gap-xxl-104 {
    gap: var(--s-104);
  }

  .gap-x-xxl-104 {
    column-gap: var(--s-104);
  }

  .gap-y-xxl-104 {
    row-gap: var(--s-104);
  }

  .gap-xxl-112 {
    gap: var(--s-112);
  }

  .gap-x-xxl-112 {
    column-gap: var(--s-112);
  }

  .gap-y-xxl-112 {
    row-gap: var(--s-112);
  }

  .gap-xxl-120 {
    gap: var(--s-120);
  }

  .gap-x-xxl-120 {
    column-gap: var(--s-120);
  }

  .gap-y-xxl-120 {
    row-gap: var(--s-120);
  }

  .gap-xxl-135 {
    gap: var(--s-135);
  }

  .gap-x-xxl-135 {
    column-gap: var(--s-135);
  }

  .gap-y-xxl-135 {
    row-gap: var(--s-135);
  }

  .gap-xxl-144 {
    gap: var(--s-144);
  }

  .gap-x-xxl-144 {
    column-gap: var(--s-144);
  }

  .gap-y-xxl-144 {
    row-gap: var(--s-144);
  }

  .gap-xxl-150 {
    gap: var(--s-150);
  }

  .gap-x-xxl-150 {
    column-gap: var(--s-150);
  }

  .gap-y-xxl-150 {
    row-gap: var(--s-150);
  }

  .gap-xxl-160 {
    gap: var(--s-160);
  }

  .gap-x-xxl-160 {
    column-gap: var(--s-160);
  }

  .gap-y-xxl-160 {
    row-gap: var(--s-160);
  }

  .gap-xxl-180 {
    gap: var(--s-180);
  }

  .gap-x-xxl-180 {
    column-gap: var(--s-180);
  }

  .gap-y-xxl-180 {
    row-gap: var(--s-180);
  }

  .gap-xxl-200 {
    gap: var(--s-200);
  }

  .gap-x-xxl-200 {
    column-gap: var(--s-200);
  }

  .gap-y-xxl-200 {
    row-gap: var(--s-200);
  }

  .gap-xxl-225 {
    gap: var(--s-225);
  }

  .gap-x-xxl-225 {
    column-gap: var(--s-225);
  }

  .gap-y-xxl-225 {
    row-gap: var(--s-225);
  }

  .gap-xxl-240 {
    gap: var(--s-240);
  }

  .gap-x-xxl-240 {
    column-gap: var(--s-240);
  }

  .gap-y-xxl-240 {
    row-gap: var(--s-240);
  }

  .gap-xxl-270 {
    gap: var(--s-270);
  }

  .gap-x-xxl-270 {
    column-gap: var(--s-270);
  }

  .gap-y-xxl-270 {
    row-gap: var(--s-270);
  }

  .d-xxl-none {
    display: none !important;
  }

  .d-xxl-block {
    display: block !important;
  }

  .d-xxl-inline {
    display: inline !important;
  }

  .d-xxl-inline-block {
    display: inline-block !important;
  }

  .d-xxl-flex {
    display: flex !important;
  }

  .d-xxl-inline-flex {
    display: inline-flex !important;
  }

  .d-xxl-grid {
    display: grid !important;
  }

  .d-xxl-inline-grid {
    display: inline-grid !important;
  }
}

@media only screen and (width >= 120em) {
  .container {
    width: 115rem;
  }

  .col-xxxl-offset-12, .col-xxxl-offset-11, .col-xxxl-offset-10, .col-xxxl-offset-9, .col-xxxl-offset-8, .col-xxxl-offset-7, .col-xxxl-offset-6, .col-xxxl-offset-5, .col-xxxl-offset-4, .col-xxxl-offset-3, .col-xxxl-offset-2, .col-xxxl-offset-1, .col-xxxl-offset-0, .col-xxxl-12, .col-xxxl-11, .col-xxxl-10, .col-xxxl-9, .col-xxxl-8, .col-xxxl-7, .col-xxxl-6, .col-xxxl-5, .col-xxxl-4, .col-xxxl-3, .col-xxxl-2, .col-xxxl-1, .col-xxxl {
    box-sizing: border-box;
    padding-right: var(--s-16);
    padding-left: var(--s-16);
    flex: none;
  }

  .col-xxxl {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }

  .col-xxxl-1 {
    flex-basis: 8.33333%;
    max-width: 8.33333%;
  }

  .col-xxxl-2 {
    flex-basis: 16.6667%;
    max-width: 16.6667%;
  }

  .col-xxxl-3 {
    flex-basis: 25%;
    max-width: 25%;
  }

  .col-xxxl-4 {
    flex-basis: 33.3333%;
    max-width: 33.3333%;
  }

  .col-xxxl-5 {
    flex-basis: 41.6667%;
    max-width: 41.6667%;
  }

  .col-xxxl-6 {
    flex-basis: 50%;
    max-width: 50%;
  }

  .col-xxxl-7 {
    flex-basis: 58.3333%;
    max-width: 58.3333%;
  }

  .col-xxxl-8 {
    flex-basis: 66.6667%;
    max-width: 66.6667%;
  }

  .col-xxxl-9 {
    flex-basis: 75%;
    max-width: 75%;
  }

  .col-xxxl-10 {
    flex-basis: 83.3333%;
    max-width: 83.3333%;
  }

  .col-xxxl-11 {
    flex-basis: 91.6667%;
    max-width: 91.6667%;
  }

  .col-xxxl-12 {
    flex-basis: 100%;
    max-width: 100%;
  }

  .col-xxxl-offset-0 {
    margin-left: 0%;
  }

  .col-xxxl-offset-1 {
    margin-left: 8.33333%;
  }

  .col-xxxl-offset-2 {
    margin-left: 16.6667%;
  }

  .col-xxxl-offset-3 {
    margin-left: 25%;
  }

  .col-xxxl-offset-4 {
    margin-left: 33.3333%;
  }

  .col-xxxl-offset-5 {
    margin-left: 41.6667%;
  }

  .col-xxxl-offset-6 {
    margin-left: 50%;
  }

  .col-xxxl-offset-7 {
    margin-left: 58.3333%;
  }

  .col-xxxl-offset-8 {
    margin-left: 66.6667%;
  }

  .col-xxxl-offset-9 {
    margin-left: 75%;
  }

  .col-xxxl-offset-10 {
    margin-left: 83.3333%;
  }

  .col-xxxl-offset-11 {
    margin-left: 91.6667%;
  }

  .col-xxxl-offset-12 {
    margin-left: 100%;
  }

  .start-xxxl {
    text-align: start;
    justify-content: flex-start;
  }

  .center-xxxl {
    text-align: center;
    justify-content: center;
  }

  .end-xxxl {
    text-align: end;
    justify-content: flex-end;
  }

  .top-xxxl {
    align-items: flex-start;
  }

  .middle-xxxl {
    align-items: center;
  }

  .bottom-xxxl {
    align-items: flex-end;
  }

  .stretch-xxxl {
    align-items: stretch;
  }

  .around-xxxl {
    justify-content: space-around;
  }

  .between-xxxl {
    justify-content: space-between;
  }

  .evenly-xxxl {
    justify-content: space-evenly;
  }

  .first-xxxl {
    order: -1;
  }

  .last-xxxl {
    order: 1;
  }

  .columns-xxxl-1 {
    grid-template-columns: repeat(1, 1fr);
    display: grid;
  }

  .columns-xxxl-2 {
    grid-template-columns: repeat(2, 1fr);
    display: grid;
  }

  .columns-xxxl-3 {
    grid-template-columns: repeat(3, 1fr);
    display: grid;
  }

  .columns-xxxl-4 {
    grid-template-columns: repeat(4, 1fr);
    display: grid;
  }

  .columns-xxxl-5 {
    grid-template-columns: repeat(5, 1fr);
    display: grid;
  }

  .columns-xxxl-6 {
    grid-template-columns: repeat(6, 1fr);
    display: grid;
  }

  .columns-xxxl-7 {
    grid-template-columns: repeat(7, 1fr);
    display: grid;
  }

  .columns-xxxl-8 {
    grid-template-columns: repeat(8, 1fr);
    display: grid;
  }

  .columns-xxxl-9 {
    grid-template-columns: repeat(9, 1fr);
    display: grid;
  }

  .columns-xxxl-10 {
    grid-template-columns: repeat(10, 1fr);
    display: grid;
  }

  .columns-xxxl-11 {
    grid-template-columns: repeat(11, 1fr);
    display: grid;
  }

  .grid-top-xxxl {
    align-items: start;
  }

  .grid-middle-xxxl {
    align-items: center;
  }

  .grid-bottom-xxxl {
    align-items: end;
  }

  .grid-stretch-xxxl {
    align-items: stretch;
  }

  .grid-left-xxxl {
    justify-items: start;
  }

  .grid-center-xxxl {
    justify-items: center;
  }

  .grid-right-xxxl {
    justify-items: end;
  }

  .grid-stretch-x-xxxl {
    justify-items: stretch;
  }

  .gap-xxxl-0 {
    gap: 0;
  }

  .gap-x-xxxl-0 {
    column-gap: 0;
  }

  .gap-y-xxxl-0 {
    row-gap: 0;
  }

  .gap-xxxl-4 {
    gap: var(--s-4);
  }

  .gap-x-xxxl-4 {
    column-gap: var(--s-4);
  }

  .gap-y-xxxl-4 {
    row-gap: var(--s-4);
  }

  .gap-xxxl-8 {
    gap: var(--s-8);
  }

  .gap-x-xxxl-8 {
    column-gap: var(--s-8);
  }

  .gap-y-xxxl-8 {
    row-gap: var(--s-8);
  }

  .gap-xxxl-12 {
    gap: var(--s-12);
  }

  .gap-x-xxxl-12 {
    column-gap: var(--s-12);
  }

  .gap-y-xxxl-12 {
    row-gap: var(--s-12);
  }

  .gap-xxxl-16 {
    gap: var(--s-16);
  }

  .gap-x-xxxl-16 {
    column-gap: var(--s-16);
  }

  .gap-y-xxxl-16 {
    row-gap: var(--s-16);
  }

  .gap-xxxl-20 {
    gap: var(--s-20);
  }

  .gap-x-xxxl-20 {
    column-gap: var(--s-20);
  }

  .gap-y-xxxl-20 {
    row-gap: var(--s-20);
  }

  .gap-xxxl-22 {
    gap: var(--s-22);
  }

  .gap-x-xxxl-22 {
    column-gap: var(--s-22);
  }

  .gap-y-xxxl-22 {
    row-gap: var(--s-22);
  }

  .gap-xxxl-24 {
    gap: var(--s-24);
  }

  .gap-x-xxxl-24 {
    column-gap: var(--s-24);
  }

  .gap-y-xxxl-24 {
    row-gap: var(--s-24);
  }

  .gap-xxxl-28 {
    gap: var(--s-28);
  }

  .gap-x-xxxl-28 {
    column-gap: var(--s-28);
  }

  .gap-y-xxxl-28 {
    row-gap: var(--s-28);
  }

  .gap-xxxl-32 {
    gap: var(--s-32);
  }

  .gap-x-xxxl-32 {
    column-gap: var(--s-32);
  }

  .gap-y-xxxl-32 {
    row-gap: var(--s-32);
  }

  .gap-xxxl-40 {
    gap: var(--s-40);
  }

  .gap-x-xxxl-40 {
    column-gap: var(--s-40);
  }

  .gap-y-xxxl-40 {
    row-gap: var(--s-40);
  }

  .gap-xxxl-45 {
    gap: var(--s-45);
  }

  .gap-x-xxxl-45 {
    column-gap: var(--s-45);
  }

  .gap-y-xxxl-45 {
    row-gap: var(--s-45);
  }

  .gap-xxxl-48 {
    gap: var(--s-48);
  }

  .gap-x-xxxl-48 {
    column-gap: var(--s-48);
  }

  .gap-y-xxxl-48 {
    row-gap: var(--s-48);
  }

  .gap-xxxl-56 {
    gap: var(--s-56);
  }

  .gap-x-xxxl-56 {
    column-gap: var(--s-56);
  }

  .gap-y-xxxl-56 {
    row-gap: var(--s-56);
  }

  .gap-xxxl-64 {
    gap: var(--s-64);
  }

  .gap-x-xxxl-64 {
    column-gap: var(--s-64);
  }

  .gap-y-xxxl-64 {
    row-gap: var(--s-64);
  }

  .gap-xxxl-72 {
    gap: var(--s-72);
  }

  .gap-x-xxxl-72 {
    column-gap: var(--s-72);
  }

  .gap-y-xxxl-72 {
    row-gap: var(--s-72);
  }

  .gap-xxxl-80 {
    gap: var(--s-80);
  }

  .gap-x-xxxl-80 {
    column-gap: var(--s-80);
  }

  .gap-y-xxxl-80 {
    row-gap: var(--s-80);
  }

  .gap-xxxl-90 {
    gap: var(--s-90);
  }

  .gap-x-xxxl-90 {
    column-gap: var(--s-90);
  }

  .gap-y-xxxl-90 {
    row-gap: var(--s-90);
  }

  .gap-xxxl-96 {
    gap: var(--s-96);
  }

  .gap-x-xxxl-96 {
    column-gap: var(--s-96);
  }

  .gap-y-xxxl-96 {
    row-gap: var(--s-96);
  }

  .gap-xxxl-104 {
    gap: var(--s-104);
  }

  .gap-x-xxxl-104 {
    column-gap: var(--s-104);
  }

  .gap-y-xxxl-104 {
    row-gap: var(--s-104);
  }

  .gap-xxxl-112 {
    gap: var(--s-112);
  }

  .gap-x-xxxl-112 {
    column-gap: var(--s-112);
  }

  .gap-y-xxxl-112 {
    row-gap: var(--s-112);
  }

  .gap-xxxl-120 {
    gap: var(--s-120);
  }

  .gap-x-xxxl-120 {
    column-gap: var(--s-120);
  }

  .gap-y-xxxl-120 {
    row-gap: var(--s-120);
  }

  .gap-xxxl-135 {
    gap: var(--s-135);
  }

  .gap-x-xxxl-135 {
    column-gap: var(--s-135);
  }

  .gap-y-xxxl-135 {
    row-gap: var(--s-135);
  }

  .gap-xxxl-144 {
    gap: var(--s-144);
  }

  .gap-x-xxxl-144 {
    column-gap: var(--s-144);
  }

  .gap-y-xxxl-144 {
    row-gap: var(--s-144);
  }

  .gap-xxxl-150 {
    gap: var(--s-150);
  }

  .gap-x-xxxl-150 {
    column-gap: var(--s-150);
  }

  .gap-y-xxxl-150 {
    row-gap: var(--s-150);
  }

  .gap-xxxl-160 {
    gap: var(--s-160);
  }

  .gap-x-xxxl-160 {
    column-gap: var(--s-160);
  }

  .gap-y-xxxl-160 {
    row-gap: var(--s-160);
  }

  .gap-xxxl-180 {
    gap: var(--s-180);
  }

  .gap-x-xxxl-180 {
    column-gap: var(--s-180);
  }

  .gap-y-xxxl-180 {
    row-gap: var(--s-180);
  }

  .gap-xxxl-200 {
    gap: var(--s-200);
  }

  .gap-x-xxxl-200 {
    column-gap: var(--s-200);
  }

  .gap-y-xxxl-200 {
    row-gap: var(--s-200);
  }

  .gap-xxxl-225 {
    gap: var(--s-225);
  }

  .gap-x-xxxl-225 {
    column-gap: var(--s-225);
  }

  .gap-y-xxxl-225 {
    row-gap: var(--s-225);
  }

  .gap-xxxl-240 {
    gap: var(--s-240);
  }

  .gap-x-xxxl-240 {
    column-gap: var(--s-240);
  }

  .gap-y-xxxl-240 {
    row-gap: var(--s-240);
  }

  .gap-xxxl-270 {
    gap: var(--s-270);
  }

  .gap-x-xxxl-270 {
    column-gap: var(--s-270);
  }

  .gap-y-xxxl-270 {
    row-gap: var(--s-270);
  }

  .d-xxxl-none {
    display: none !important;
  }

  .d-xxxl-block {
    display: block !important;
  }

  .d-xxxl-inline {
    display: inline !important;
  }

  .d-xxxl-inline-block {
    display: inline-block !important;
  }

  .d-xxxl-flex {
    display: flex !important;
  }

  .d-xxxl-inline-flex {
    display: inline-flex !important;
  }

  .d-xxxl-grid {
    display: grid !important;
  }

  .d-xxxl-inline-grid {
    display: inline-grid !important;
  }
}

@media only screen and (width <= 47.98em) {
  .d-sm-down-none {
    display: none !important;
  }

  .d-sm-down-block {
    display: block !important;
  }

  .d-sm-down-inline {
    display: inline !important;
  }

  .d-sm-down-inline-block {
    display: inline-block !important;
  }

  .d-sm-down-flex {
    display: flex !important;
  }

  .d-sm-down-inline-flex {
    display: inline-flex !important;
  }

  .d-sm-down-grid {
    display: grid !important;
  }

  .d-sm-down-inline-grid {
    display: inline-grid !important;
  }
}

@media only screen and (width <= 63.98em) {
  .d-md-down-none {
    display: none !important;
  }

  .d-md-down-block {
    display: block !important;
  }

  .d-md-down-inline {
    display: inline !important;
  }

  .d-md-down-inline-block {
    display: inline-block !important;
  }

  .d-md-down-flex {
    display: flex !important;
  }

  .d-md-down-inline-flex {
    display: inline-flex !important;
  }

  .d-md-down-grid {
    display: grid !important;
  }

  .d-md-down-inline-grid {
    display: inline-grid !important;
  }
}

@media only screen and (width <= 82.48em) {
  .d-lg-down-none {
    display: none !important;
  }

  .d-lg-down-block {
    display: block !important;
  }

  .d-lg-down-inline {
    display: inline !important;
  }

  .d-lg-down-inline-block {
    display: inline-block !important;
  }

  .d-lg-down-flex {
    display: flex !important;
  }

  .d-lg-down-inline-flex {
    display: inline-flex !important;
  }

  .d-lg-down-grid {
    display: grid !important;
  }

  .d-lg-down-inline-grid {
    display: inline-grid !important;
  }
}

@media only screen and (width <= 99.98em) {
  .d-xl-down-none {
    display: none !important;
  }

  .d-xl-down-block {
    display: block !important;
  }

  .d-xl-down-inline {
    display: inline !important;
  }

  .d-xl-down-inline-block {
    display: inline-block !important;
  }

  .d-xl-down-flex {
    display: flex !important;
  }

  .d-xl-down-inline-flex {
    display: inline-flex !important;
  }

  .d-xl-down-grid {
    display: grid !important;
  }

  .d-xl-down-inline-grid {
    display: inline-grid !important;
  }
}

@media only screen and (width <= 119.98em) {
  .d-xxl-down-none {
    display: none !important;
  }

  .d-xxl-down-block {
    display: block !important;
  }

  .d-xxl-down-inline {
    display: inline !important;
  }

  .d-xxl-down-inline-block {
    display: inline-block !important;
  }

  .d-xxl-down-flex {
    display: flex !important;
  }

  .d-xxl-down-inline-flex {
    display: inline-flex !important;
  }

  .d-xxl-down-grid {
    display: grid !important;
  }

  .d-xxl-down-inline-grid {
    display: inline-grid !important;
  }
}

.d-xxxl-down-none {
  display: none !important;
}

.d-xxxl-down-block {
  display: block !important;
}

.d-xxxl-down-inline {
  display: inline !important;
}

.d-xxxl-down-inline-block {
  display: inline-block !important;
}

.d-xxxl-down-flex {
  display: flex !important;
}

.d-xxxl-down-inline-flex {
  display: inline-flex !important;
}

.d-xxxl-down-grid {
  display: grid !important;
}

.d-xxxl-down-inline-grid {
  display: inline-grid !important;
}

.sr-only {
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.sr-only-focusable:focus, .sr-only-focusable:active {
  clip: auto;
  white-space: normal;
  width: auto;
  height: auto;
  position: static;
  overflow: visible;
}

.hidden, .hide-for-mobile {
  display: none;
}

@media only screen and (width <= 63.98em) {
  .hide-for-mobile {
    display: initial;
  }
}

.hide-for-desktop {
  display: initial;
}

@media only screen and (width >= 48em) {
  .hide-for-desktop {
    display: none;
  }
}

img[alt=""], img:not([alt]) {
  position: relative;
}

img[alt=""]:after, img:not([alt]):after {
  content: "Geen afbeelding beschikbaar";
  background-color: #d3d3d3;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
}

body .gform_wrapper .gform_fields, body .elementor-form .gform_fields {
  column-gap: var(--s-20) !important;
}

body .gform_wrapper .elementor-field-group, body .elementor-form .elementor-field-group {
  margin-bottom: 30px !important;
}

body .gform_wrapper input[type="text"], body .gform_wrapper input[type="email"], body .gform_wrapper input[type="tel"], body .gform_wrapper input[type="number"], body .gform_wrapper input[type="url"], body .gform_wrapper input[type="password"], body .gform_wrapper input[type="search"], body .gform_wrapper select, body .gform_wrapper textarea, body .elementor-form input[type="text"], body .elementor-form input[type="email"], body .elementor-form input[type="tel"], body .elementor-form input[type="number"], body .elementor-form input[type="url"], body .elementor-form input[type="password"], body .elementor-form input[type="search"], body .elementor-form select, body .elementor-form textarea {
  width: 100%;
  height: 56px;
  font-size: var(--s-16);
  font-family: var(--body-font);
  background-color: var(--white);
  padding: var(--s-20) var(--s-16) !important;
  color: var(--black) !important;
  border-radius: 12px !important;
}

@media (prefers-reduced-motion: no-preference) {
  body .gform_wrapper input[type="text"], body .gform_wrapper input[type="email"], body .gform_wrapper input[type="tel"], body .gform_wrapper input[type="number"], body .gform_wrapper input[type="url"], body .gform_wrapper input[type="password"], body .gform_wrapper input[type="search"], body .gform_wrapper select, body .gform_wrapper textarea, body .elementor-form input[type="text"], body .elementor-form input[type="email"], body .elementor-form input[type="tel"], body .elementor-form input[type="number"], body .elementor-form input[type="url"], body .elementor-form input[type="password"], body .elementor-form input[type="search"], body .elementor-form select, body .elementor-form textarea {
    transition: var(--t-250);
  }
}

body .gform_wrapper input[type="text"]:focus, body .gform_wrapper input[type="email"]:focus, body .gform_wrapper input[type="tel"]:focus, body .gform_wrapper input[type="number"]:focus, body .gform_wrapper input[type="url"]:focus, body .gform_wrapper input[type="password"]:focus, body .gform_wrapper input[type="search"]:focus, body .gform_wrapper select:focus, body .gform_wrapper textarea:focus, body .elementor-form input[type="text"]:focus, body .elementor-form input[type="email"]:focus, body .elementor-form input[type="tel"]:focus, body .elementor-form input[type="number"]:focus, body .elementor-form input[type="url"]:focus, body .elementor-form input[type="password"]:focus, body .elementor-form input[type="search"]:focus, body .elementor-form select:focus, body .elementor-form textarea:focus {
  border-color: var(--db-color-secondary);
  box-shadow: 0 0 0 1px var(--db-color-secondary);
  outline: none;
}

body .gform_wrapper textarea, body .elementor-form textarea {
  min-height: var(--s-120);
  resize: vertical;
}

body .gform_wrapper .gfield_error input, body .gform_wrapper .gfield_error select, body .gform_wrapper .gfield_error textarea, body .gform_wrapper .elementor-error input, body .gform_wrapper .elementor-error select, body .gform_wrapper .elementor-error textarea, body .elementor-form .gfield_error input, body .elementor-form .gfield_error select, body .elementor-form .gfield_error textarea, body .elementor-form .elementor-error input, body .elementor-form .elementor-error select, body .elementor-form .elementor-error textarea {
  border-color: var(--db-color-accent);
}

body .gform_wrapper .gfield_error .gfield_label, body .gform_wrapper .gfield_error .elementor-field-label, body .gform_wrapper .elementor-error .gfield_label, body .gform_wrapper .elementor-error .elementor-field-label, body .elementor-form .gfield_error .gfield_label, body .elementor-form .gfield_error .elementor-field-label, body .elementor-form .elementor-error .gfield_label, body .elementor-form .elementor-error .elementor-field-label {
  color: var(--db-color-accent);
}

body .gform_wrapper .gfield--floating, body .elementor-form .gfield--floating {
  position: relative;
}

body .gform_wrapper .gfield--floating .gfield_label, body .gform_wrapper .gfield--floating .elementor-field-label, body .elementor-form .gfield--floating .gfield_label, body .elementor-form .gfield--floating .elementor-field-label {
  top: var(--s-16);
  left: var(--s-16);
  color: var(--db-color-primary);
  pointer-events: none;
  transform-origin: 0 0;
  z-index: 1;
  margin: 0;
  padding: 0;
  line-height: 1.2;
  position: absolute;
  font-size: var(--s-14) !important;
  font-weight: 400 !important;
  font-family: var(--body-font) !important;
}

@media (prefers-reduced-motion: no-preference) {
  body .gform_wrapper .gfield--floating .gfield_label, body .gform_wrapper .gfield--floating .elementor-field-label, body .elementor-form .gfield--floating .gfield_label, body .elementor-form .gfield--floating .elementor-field-label {
    transition: var(--t-250);
  }
}

body .gform_wrapper .gfield--floating:focus-within .gfield_label, body .gform_wrapper .gfield--floating.is-filled .gfield_label, body .gform_wrapper .gfield--floating:focus-within .elementor-field-label, body .gform_wrapper .gfield--floating.is-filled .elementor-field-label, body .elementor-form .gfield--floating:focus-within .gfield_label, body .elementor-form .gfield--floating.is-filled .gfield_label, body .elementor-form .gfield--floating:focus-within .elementor-field-label, body .elementor-form .gfield--floating.is-filled .elementor-field-label {
  top: calc(var(--s-12) * -1);
  left: var(--s-16);
  padding: 0 var(--s-4);
  font-size: var(--s-12);
  font-weight: var(--fw-medium);
  background-color: var(--white);
  border-radius: 6px;
}

body .gform_wrapper input[type="submit"].gform_button, body .gform_wrapper button[type="submit"].elementor-button, body .elementor-form input[type="submit"].gform_button, body .elementor-form button[type="submit"].elementor-button {
  width: fit-content !important;
  min-width: 5rem !important;
  font-family: var(--title-font) !important;
  font-size: var(--s-28) !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  color: var(--white) !important;
  background-color: var(--db-color-accent) !important;
  border: 2px solid var(--db-color-accent) !important;
  cursor: pointer !important;
  appearance: none !important;
  transition: var(--t-250) !important;
  border-radius: 200px !important;
  padding: 3px 25px !important;
  font-style: italic !important;
  font-weight: 900 !important;
  line-height: 45px !important;
  display: inline-block !important;
}

body .gform_wrapper input[type="submit"].gform_button:hover, body .gform_wrapper input[type="submit"].gform_button:focus-visible, body .gform_wrapper button[type="submit"].elementor-button:hover, body .gform_wrapper button[type="submit"].elementor-button:focus-visible, body .elementor-form input[type="submit"].gform_button:hover, body .elementor-form input[type="submit"].gform_button:focus-visible, body .elementor-form button[type="submit"].elementor-button:hover, body .elementor-form button[type="submit"].elementor-button:focus-visible {
  background-color: var(--white) !important;
  color: var(--db-color-accent) !important;
  border-color: var(--db-color-accent) !important;
}

body .gform_wrapper input[type="submit"].gform_button:focus-visible, body .gform_wrapper button[type="submit"].elementor-button:focus-visible, body .elementor-form input[type="submit"].gform_button:focus-visible, body .elementor-form button[type="submit"].elementor-button:focus-visible {
  outline: 2px solid var(--db-color-accent) !important;
  outline-offset: 2px !important;
}

body .gform_wrapper input[type="submit"].gform_button:disabled, body .gform_wrapper button[type="submit"].elementor-button:disabled, body .elementor-form input[type="submit"].gform_button:disabled, body .elementor-form button[type="submit"].elementor-button:disabled {
  opacity: .5 !important;
  cursor: not-allowed !important;
}

main {
  z-index: 1;
  position: relative;
}

.hero-widget {
  min-height: 350px;
  padding: var(--s-144) 0 var(--s-90);
  background-blend-mode: overlay;
  margin-inline: var(--grid-padding);
  background-color: #ffffff80;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 0 0 20px 20px;
  align-items: flex-end;
  display: flex;
  position: relative;
}

.hero-widget:before {
  content: "";
  z-index: -1;
  background-image: url("data:image/svg+xml,%3Csvg width='576' height='544' viewBox='0 0 576 544' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M415.08 151.843C432.071 163.432 438.814 184.994 432.61 208.173L396.2 346.438L544 459.1L395.121 542.922C393.705 543.629 392.29 543.925 391.055 543.987L390.536 544H0L137.551 475.271L139.552 474.3C159.922 464.571 181.211 459.264 201.551 458.847L202.551 458.83H366.802L315.288 423.792L315.019 424.062C295.06 410.585 286.969 385.52 294.251 358.298L358.98 113.57L415.08 151.843ZM295.218 358.554L295.217 358.557C288.107 385.135 295.855 409.465 314.901 422.766L315.166 422.5L370.051 459.83H202.562C181.423 460.098 159.185 465.715 137.998 476.166L4.23926 543H390.536C391.751 543 393.206 542.758 394.66 542.035L542.186 458.975L395.594 347.234L395.063 346.829L431.644 207.918L431.645 207.914C437.761 185.058 431.088 163.971 414.517 152.668L359.586 115.193L295.218 358.554Z' fill='%2393C01F'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M437.682 68.7285L435.681 69.7002C415.311 79.4292 394.021 84.7359 373.682 85.1533L372.682 85.1699H208.431L259.944 120.208L260.214 119.938C280.172 133.415 288.263 158.48 280.981 185.702L216.252 430.43L160.152 392.157C143.161 380.568 136.419 359.006 142.622 335.827L179.032 197.562L31.2324 84.9004L180.111 1.07812C181.527 0.370946 182.943 0.0753732 184.178 0.0126953L184.696 0H575.232L437.682 68.7285ZM184.696 1C183.482 1 182.026 1.2419 180.572 1.96484L33.0469 85.0254L179.639 196.766L180.169 197.171L143.589 336.082L143.588 336.086C137.471 358.942 144.144 380.029 160.716 391.332L215.646 428.807L280.015 185.446L280.016 185.443C287.125 158.865 279.377 134.535 260.331 121.234L260.066 121.5L205.182 84.1699H372.67C393.81 83.9024 416.048 78.2854 437.234 67.834L570.993 1H184.696Z' fill='%2393C01F'/%3E%3C/svg%3E%0A");
  width: 576px;
  max-width: 100vw;
  height: 544px;
  position: absolute;
  bottom: -45%;
  left: 50%;
  transform: translateX(-50%);
}

@media only screen and (width >= 64em) {
  .hero-widget {
    min-height: 600px;
  }
}

@media only screen and (width >= 82.5em) {
  .hero-widget {
    border-radius: 20px !important;
  }

  .hero-widget.normal {
    margin-top: 65px;
  }
}

.hero-widget.homepage {
  min-height: 600px;
}

@media only screen and (width >= 48em) {
  .hero-widget.homepage {
    min-height: 700px;
  }
}

@media only screen and (width >= 82.5em) {
  .hero-widget.homepage {
    min-height: 800px;
  }
}

.hero-widget.homepage.hero-widget--subsite {
  background-color: var(--db-color-primary);
  background-image: none !important;
}

.hero-widget.homepage.hero-widget--subsite:after {
  content: "";
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: var(--hero-bg-image);
  opacity: .14;
  z-index: 0;
  pointer-events: none;
  position: absolute;
  inset: 0;
}

.hero-widget.normal {
  background-color: var(--db-color-primary);
  background-blend-mode: unset;
  background-image: none !important;
}

.hero-widget__overlay {
  z-index: 1;
  background-image: linear-gradient(#1f2951 0%, #0000 100%);
  position: absolute;
  inset: 0 0 50%;
}

.normal .hero-widget__overlay, .homepage.hero-widget--subsite .hero-widget__overlay {
  display: none;
}

.hero-widget .container, .hero-widget .row {
  z-index: 2;
  position: relative;
}

.hero-widget__content {
  color: var(--white);
}

.hero-widget__breadcrumbs {
  margin-bottom: var(--s-24);
}

.hero-widget__breadcrumbs .breadcrumb-list {
  gap: var(--s-8);
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.hero-widget__breadcrumbs .breadcrumb-item {
  font-size: var(--s-16);
  color: var(--white);
  align-items: center;
  font-weight: 500;
  display: flex;
}

.hero-widget__breadcrumbs .breadcrumb-item:not(:last-child):after {
  content: "/";
  margin-left: var(--s-8);
  color: var(--white);
  opacity: .6;
}

.hero-widget__breadcrumbs .breadcrumb-link {
  color: var(--white);
  transition: var(--t-250);
  opacity: .8;
  text-decoration: none;
}

.hero-widget__breadcrumbs .breadcrumb-link:hover, .hero-widget__breadcrumbs .breadcrumb-link:focus {
  opacity: 1;
  text-decoration: underline;
}

.hero-widget__breadcrumbs .breadcrumb-current {
  color: var(--white);
  opacity: 1;
  font-weight: 700;
}

.hero-widget__label {
  z-index: 999;
  position: absolute;
  bottom: -1px;
  right: -1px;
}

@media only screen and (width <= 82.48em) {
  .hero-widget__label {
    width: 180px;
    bottom: 0;
    right: 0;
  }
}

.hero-widget__logo {
  height: 100%;
  padding: var(--s-32);
  justify-content: center;
  align-items: center;
  display: flex;
}

@media only screen and (width <= 63.98em) {
  .hero-widget__logo {
    padding: var(--s-24);
    margin-top: var(--s-32);
  }
}

.hero-widget__logo-image {
  object-fit: contain;
  max-width: 100%;
  height: auto;
  max-height: 300px;
}

@media only screen and (width >= 48em) {
  .hero-widget__logo-image {
    max-height: 400px;
  }
}

@media only screen and (width >= 82.5em) {
  .hero-widget__logo-image {
    max-height: 500px;
  }
}

.hero-widget__title {
  margin: 0 0 var(--s-24) 0;
  font-size: var(--s-80);
  line-height: 1.2;
  font-family: var(--title-font);
  text-transform: uppercase;
  color: var(--db-color-secondary);
}

.normal .hero-widget__title {
  color: var(--white);
  font-size: var(--s-45);
}

@media only screen and (width <= 63.98em) {
  .normal .hero-widget__title {
    font-size: var(--s-32);
  }

  .hero-widget__title {
    font-size: var(--s-45);
  }
}

.hero-widget__date {
  margin: 0 0 var(--s-24) 0;
  font-family: var(--title-font);
  font-style: italic;
  font-weight: 900;
  font-size: var(--s-32);
  text-transform: uppercase;
  color: var(--db-white);
  line-height: 1;
}

.hero-widget__tagline {
  margin: 0 0 var(--s-32) 0;
  font-style: italic;
  font-weight: 700;
  font-size: var(--s-22);
  color: var(--db-color-primary);
  font-family: var(--title-font);
  text-transform: uppercase;
}

.hero-widget__content-text {
  margin: 0 0 var(--s-32) 0;
  font-size: var(--s-16);
  color: var(--white);
  line-height: 1.6;
}

.hero-widget__content-text p {
  margin: 0 0 var(--s-16) 0;
}

.hero-widget__content-text p:last-child {
  margin-bottom: 0;
}

.hero-widget__content-text a {
  color: var(--white);
  transition: var(--t-250);
  text-decoration: underline;
}

.hero-widget__content-text a:hover, .hero-widget__content-text a:focus {
  opacity: .8;
}

.hero-widget__content-text ul, .hero-widget__content-text ol {
  margin: 0 0 var(--s-16) 0;
  padding-left: var(--s-24);
}

.hero-widget__content-text strong, .hero-widget__content-text b {
  font-weight: 700;
}

.hero-widget__content-text em, .hero-widget__content-text i {
  font-style: italic;
}

.hero-widget .buttons {
  gap: var(--s-16);
  flex-wrap: wrap;
  display: flex;
}

@media only screen and (width >= 48em) {
  .hero-widget .buttons {
    gap: var(--s-20);
  }
}

.event-hero-widget {
  --event-primary: var(--db-color-primary);
  --event-secondary: var(--db-color-secondary);
  --event-accent: var(--db-color-accent);
  --event-background: var(--db-color-background);
  background-color: var(--event-primary);
  color: var(--white);
  padding: var(--s-144) 0 var(--s-64);
  margin-top: 65px;
  margin-inline: var(--grid-padding);
  margin-bottom: var(--s-160);
  border-radius: 15px;
  position: relative;
}

.event-hero-widget:before {
  content: "";
  z-index: -1;
  background-image: url("data:image/svg+xml,%3Csvg width='576' height='544' viewBox='0 0 576 544' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M415.08 151.843C432.071 163.432 438.814 184.994 432.61 208.173L396.2 346.438L544 459.1L395.121 542.922C393.705 543.629 392.29 543.925 391.055 543.987L390.536 544H0L137.551 475.271L139.552 474.3C159.922 464.571 181.211 459.264 201.551 458.847L202.551 458.83H366.802L315.288 423.792L315.019 424.062C295.06 410.585 286.969 385.52 294.251 358.298L358.98 113.57L415.08 151.843ZM295.218 358.554L295.217 358.557C288.107 385.135 295.855 409.465 314.901 422.766L315.166 422.5L370.051 459.83H202.562C181.423 460.098 159.185 465.715 137.998 476.166L4.23926 543H390.536C391.751 543 393.206 542.758 394.66 542.035L542.186 458.975L395.594 347.234L395.063 346.829L431.644 207.918L431.645 207.914C437.761 185.058 431.088 163.971 414.517 152.668L359.586 115.193L295.218 358.554Z' fill='%2393C01F'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M437.682 68.7285L435.681 69.7002C415.311 79.4292 394.021 84.7359 373.682 85.1533L372.682 85.1699H208.431L259.944 120.208L260.214 119.938C280.172 133.415 288.263 158.48 280.981 185.702L216.252 430.43L160.152 392.157C143.161 380.568 136.419 359.006 142.622 335.827L179.032 197.562L31.2324 84.9004L180.111 1.07812C181.527 0.370946 182.943 0.0753732 184.178 0.0126953L184.696 0H575.232L437.682 68.7285ZM184.696 1C183.482 1 182.026 1.2419 180.572 1.96484L33.0469 85.0254L179.639 196.766L180.169 197.171L143.589 336.082L143.588 336.086C137.471 358.942 144.144 380.029 160.716 391.332L215.646 428.807L280.015 185.446L280.016 185.443C287.125 158.865 279.377 134.535 260.331 121.234L260.066 121.5L205.182 84.1699H372.67C393.81 83.9024 416.048 78.2854 437.234 67.834L570.993 1H184.696Z' fill='%2393C01F'/%3E%3C/svg%3E%0A");
  width: 576px;
  max-width: 100vw;
  height: 544px;
  position: absolute;
  bottom: -45%;
  left: 50%;
  transform: translateX(-50%);
}

.event-hero-widget__breadcrumbs {
  margin-bottom: var(--s-24);
}

.event-hero-widget__breadcrumbs .breadcrumb-list {
  gap: var(--s-8);
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.event-hero-widget__breadcrumbs .breadcrumb-item {
  font-size: var(--s-16);
  color: var(--white);
  align-items: center;
  font-weight: 500;
  display: flex;
}

.event-hero-widget__breadcrumbs .breadcrumb-item:not(:last-child):after {
  content: "/";
  margin-left: var(--s-8);
  color: var(--white);
  opacity: .6;
}

.event-hero-widget__breadcrumbs .breadcrumb-link {
  color: var(--white);
  transition: var(--t-250);
  opacity: .8;
  text-decoration: none;
}

.event-hero-widget__breadcrumbs .breadcrumb-link:hover, .event-hero-widget__breadcrumbs .breadcrumb-link:focus {
  opacity: 1;
  text-decoration: underline;
}

.event-hero-widget__breadcrumbs .breadcrumb-current {
  color: var(--white);
  opacity: 1;
  font-weight: 700;
}

.event-hero-widget--twenterandrun, .event-hero-widget--twenterandrun .event-hero-widget__content-text, .event-hero-widget--twenterandrun .event-hero-widget__title {
  color: var(--event-primary) !important;
}

.event-hero-widget--twenterandrun .event-hero-widget__date time {
  color: var(--event-secondary) !important;
}

.event-hero-widget--twenterandrun a {
  color: var(--event-primary) !important;
}

.event-hero-widget--twenterandrun .event-hero-widget__event-info {
  background-color: var(--event-primary);
}

.event-hero-widget--twenterandrun .btn.primary {
  border-color: var(--event-primary);
  background-color: var(--event-primary) !important;
  color: var(--white) !important;
}

.event-hero-widget--twenterandrun .btn.primary:after {
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='15' viewBox='0 0 25 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.3311 0.292746C16.7215 -0.0976453 17.3546 -0.097515 17.7451 0.292747L24.1094 6.65701C24.4998 7.04752 24.4998 7.68056 24.1094 8.07107L17.7451 14.4353C17.3546 14.8256 16.7215 14.8257 16.3311 14.4353C15.9406 14.0449 15.9408 13.4118 16.3311 13.0213L20.9883 8.36404L-7.31207e-07 8.36403L-5.56362e-07 6.36403L20.9883 6.36404L16.3311 1.70681C15.9408 1.31626 15.9406 0.683189 16.3311 0.292746Z' fill='%23472A6F'/%3E%3C/svg%3E%0A");
  background-color: var(--white);
}

.event-hero-widget--twenterandrun .btn.primary:hover {
  border-color: var(--event-primary);
  background-color: var(--white) !important;
  color: var(--event-primary) !important;
}

.event-hero-widget--twenterandrun .btn.primary:hover:after {
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='15' viewBox='0 0 25 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.3311 0.292746C16.7215 -0.0976453 17.3546 -0.097515 17.7451 0.292747L24.1094 6.65701C24.4998 7.04752 24.4998 7.68056 24.1094 8.07107L17.7451 14.4353C17.3546 14.8256 16.7215 14.8257 16.3311 14.4353C15.9406 14.0449 15.9408 13.4118 16.3311 13.0213L20.9883 8.36404L-7.31207e-07 8.36403L-5.56362e-07 6.36403L20.9883 6.36404L16.3311 1.70681C15.9408 1.31626 15.9406 0.683189 16.3311 0.292746Z' fill='%23FFFFFF'/%3E%3C/svg%3E%0A");
  background-color: var(--event-primary) !important;
}

.event-hero-widget--tot-de-nek-in-de-drek .event-hero-widget__event-info {
  background-color: #3c220e;
}

.event-hero-widget--tot-de-nek-in-de-drek .btn.primary {
  color: var(--db-color-accent);
  background-color: var(--white) !important;
}

.event-hero-widget--tot-de-nek-in-de-drek .btn.primary:after {
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='15' viewBox='0 0 25 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.3311 0.292746C16.7215 -0.0976453 17.3546 -0.097515 17.7451 0.292747L24.1094 6.65701C24.4998 7.04752 24.4998 7.68056 24.1094 8.07107L17.7451 14.4353C17.3546 14.8256 16.7215 14.8257 16.3311 14.4353C15.9406 14.0449 15.9408 13.4118 16.3311 13.0213L20.9883 8.36404L-7.31207e-07 8.36403L-5.56362e-07 6.36403L20.9883 6.36404L16.3311 1.70681C15.9408 1.31626 15.9406 0.683189 16.3311 0.292746Z' fill='%23FFFFFF'/%3E%3C/svg%3E%0A");
  background-color: var(--db-color-accent);
}

.event-hero-widget--tot-de-nek-in-de-drek .btn.primary:hover {
  border-color: var(--white);
  color: var(--white);
  background-color: var(--db-color-accent) !important;
}

.event-hero-widget--tot-de-nek-in-de-drek .btn.primary:hover:after {
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='15' viewBox='0 0 25 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.3311 0.292746C16.7215 -0.0976453 17.3546 -0.097515 17.7451 0.292747L24.1094 6.65701C24.4998 7.04752 24.4998 7.68056 24.1094 8.07107L17.7451 14.4353C17.3546 14.8256 16.7215 14.8257 16.3311 14.4353C15.9406 14.0449 15.9408 13.4118 16.3311 13.0213L20.9883 8.36404L-7.31207e-07 8.36403L-5.56362e-07 6.36403L20.9883 6.36404L16.3311 1.70681C15.9408 1.31626 15.9406 0.683189 16.3311 0.292746Z' fill='%23EA5B0C'/%3E%3C/svg%3E%0A");
  background-color: var(--white) !important;
}

.event-hero-widget--triatlon-vroomshoop .event-hero-widget__event-info {
  background-color: var(--event-accent);
}

.event-hero-widget__title {
  margin: 0 0 var(--s-24) 0;
  font-size: var(--s-45);
  line-height: 1.2;
  font-family: var(--title-font);
  text-transform: uppercase;
  color: var(--white);
}

@media only screen and (width >= 48em) {
  .event-hero-widget__title {
    font-size: var(--s-56);
  }
}

@media only screen and (width >= 82.5em) {
  .event-hero-widget__title {
    font-size: var(--s-64);
  }
}

.event-hero-widget__content-text {
  margin: 0 0 var(--s-32) 0;
  font-size: var(--s-16);
  color: var(--white);
  line-height: 1.6;
}

.event-hero-widget__content-text p {
  margin: 0 0 var(--s-16) 0;
}

.event-hero-widget__content-text p:last-child {
  margin-bottom: 0;
}

.event-hero-widget__content-text a {
  color: var(--white);
  transition: var(--t-250);
  text-decoration: underline;
}

.event-hero-widget__content-text a:hover, .event-hero-widget__content-text a:focus {
  opacity: .8;
}

.event-hero-widget__content-text ul, .event-hero-widget__content-text ol {
  margin: 0 0 var(--s-16) 0;
  padding-left: var(--s-24);
}

.event-hero-widget__content-text strong, .event-hero-widget__content-text b {
  font-weight: 700;
}

.event-hero-widget__content-text em, .event-hero-widget__content-text i {
  font-style: italic;
}

.event-hero-widget__logo {
  width: auto;
  height: 100%;
  margin: 0 auto var(--s-64);
  display: block;
}

.event-hero-widget__event-info {
  padding: var(--s-40);
  gap: var(--s-28);
  text-transform: uppercase;
  left: var(--grid-padding);
  right: var(--grid-padding);
  border-radius: 15px;
  flex-direction: column;
  display: flex;
  position: absolute;
}

@media only screen and (width <= 82.48em) {
  .event-hero-widget__event-info {
    margin-bottom: calc(-1 * var(--s-200));
    position: relative;
  }
}

.event-hero-widget .event-holder-right {
  margin-top: var(--s-56);
  position: relative;
  font-style: italic !important;
}

.event-hero-widget__date {
  font-size: var(--s-20);
  font-weight: 900;
  font-family: var(--title-font);
  text-align: right;
  flex-direction: column;
  display: flex;
}

.event-hero-widget__date time {
  font-size: var(--s-45);
  font-weight: 800;
}

.event-hero-widget__date-year {
  display: block;
}

.event-hero-widget__distances-list {
  flex-direction: column;
  display: flex;
}

.event-hero-widget__distance-item {
  font-family: var(--title-font);
  font-weight: 900;
  font-size: var(--s-40);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.event-hero-widget__distance-name {
  font-size: var(--s-16);
  font-weight: 600;
}

@media only screen and (width >= 48em) {
  .event-hero-widget__distance-name {
    font-size: var(--s-18);
  }
}

.event-hero-widget__distance-km {
  font-family: var(--title-font);
  font-weight: 900;
  font-size: var(--s-40);
  color: var(--white);
}

.event-hero-widget .buttons {
  gap: var(--s-16);
  flex-wrap: wrap;
  display: flex;
}

@media only screen and (width >= 48em) {
  .event-hero-widget .buttons {
    gap: var(--s-20);
  }
}

.events-text-widget {
  padding: var(--s-72) 0;
}

.events-text-widget__content {
  gap: var(--s-24);
  flex-direction: column;
  display: flex;
}

@media only screen and (width >= 64em) {
  .events-text-widget__content {
    gap: var(--s-32);
  }
}

.events-text-widget__title {
  font-size: var(--s-45);
  font-weight: 800;
  font-family: var(--title-font);
  text-transform: uppercase;
  color: var(--db-color-primary);
  margin: 0;
}

.events-text-widget__title span {
  color: var(--db-color-secondary);
}

.events-text-widget__text p {
  margin: 0 0 var(--s-16) 0;
}

.events-text-widget__text p:last-child {
  margin-bottom: 0;
}

.events-text-widget__text a {
  color: var(--db-color-accent);
  transition: var(--t-250);
  text-decoration: underline;
}

.events-text-widget__text a:hover, .events-text-widget__text a:focus {
  opacity: .8;
}

.events-text-widget__text ul, .events-text-widget__text ol {
  margin: 0 0 var(--s-16) 0;
  padding-left: var(--s-24);
}

.events-text-widget__text strong, .events-text-widget__text b {
  font-weight: 700;
}

.events-text-widget__text em, .events-text-widget__text i {
  font-style: italic;
}

.events-text-widget__events {
  gap: var(--s-28);
  grid-template-rows: repeat(6, minmax(130px, 1fr));
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: stretch;
  margin-inline: auto;
  display: grid;
}

@media only screen and (width <= 63.98em) {
  .events-text-widget__events {
    grid-template-rows: repeat(6, minmax(50px, 1fr));
  }
}

.events-text-widget__events .events-text-widget__event:first-child {
  grid-area: 4 / 2 / span 3;
}

.events-text-widget__events .events-text-widget__event:nth-child(2) {
  grid-area: 2 / 1 / span 3;
}

.events-text-widget__events .events-text-widget__event:nth-child(3) {
  grid-area: 1 / 2 / span 3;
}

.events-text-widget--two .events-text-widget__events {
  grid-template-rows: repeat(4, minmax(130px, 1fr));
}

@media only screen and (width <= 63.98em) {
  .events-text-widget--two .events-text-widget__events {
    grid-template-rows: repeat(4, minmax(50px, 1fr));
  }
}

.events-text-widget--two .events-text-widget__events .events-text-widget__event:first-child {
  grid-area: 1 / 1 / span 4;
}

.events-text-widget--two .events-text-widget__events .events-text-widget__event:nth-child(2) {
  margin-top: var(--s-80);
  grid-area: 1 / 2 / span 4;
}

.events-text-widget--two .events-text-widget__events .events-text-widget__event:nth-child(3) {
  display: none;
}

.events-text-widget--two .events-text-widget__event.event--twenterandrun {
  color: #dddb00;
  background-color: #472a6f;
}

.events-text-widget--two .events-text-widget__event.event--twenterandrun .events-text-widget__event-date {
  color: #dddb00;
}

.events-text-widget--two .events-text-widget__event.event--twenterandrun .events-text-widget__event-description {
  color: var(--white);
}

.events-text-widget__events--two-row {
  gap: var(--s-20);
  margin-top: var(--s-48);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  display: grid;
}

@media only screen and (width >= 48em) {
  .events-text-widget__events--two-row {
    margin-top: var(--s-64);
    gap: var(--s-24);
  }
}

@media only screen and (width >= 82.5em) {
  .events-text-widget__events--two-row {
    margin-top: var(--s-72);
    gap: var(--s-28);
  }
}

.events-text-widget__events--two-row .events-text-widget__event {
  flex-direction: column;
  grid-row: 1;
  display: flex;
}

.events-text-widget__events--two-row .events-text-widget__event:first-child {
  grid-column: 1;
}

.events-text-widget__events--two-row .events-text-widget__event:nth-child(2) {
  grid-column: 2;
}

.events-text-widget__events--two-row .events-text-widget__event-info {
  justify-content: space-between;
  align-items: flex-start;
  gap: var(--s-16);
  flex-direction: row;
  width: 100%;
  display: flex;
}

.events-text-widget__events--two-row .events-text-widget__event-logo {
  flex-shrink: 0;
  width: 50%;
  margin: 0;
}

@media only screen and (width >= 48em) {
  .events-text-widget__events--two-row .events-text-widget__event-logo {
    width: 45%;
  }
}

@media only screen and (width >= 82.5em) {
  .events-text-widget__events--two-row .events-text-widget__event-logo {
    width: 40%;
  }
}

.events-text-widget__events--two-row .events-text-widget__event-date {
  text-align: right;
  flex: 1;
}

@media only screen and (width <= 63.98em) {
  .events-text-widget__events--two-row {
    gap: var(--s-24);
    grid-template-columns: 1fr;
  }

  .events-text-widget__events--two-row .events-text-widget__event {
    min-height: 300px;
  }

  .events-text-widget__events--two-row .events-text-widget__event:first-child, .events-text-widget__events--two-row .events-text-widget__event:nth-child(2) {
    grid-column: 1;
  }

  .events-text-widget__events--two-row .events-text-widget__event:nth-child(2) {
    grid-row: 2;
  }

  .events-text-widget__events--two-row .events-text-widget__event-info {
    gap: var(--s-16);
    flex-direction: column;
  }

  .events-text-widget__events--two-row .events-text-widget__event-logo {
    width: 70%;
    margin-inline: auto;
  }

  .events-text-widget__events--two-row .events-text-widget__event-date {
    text-align: right;
    width: 100%;
  }
}

.events-text-widget__event-description {
  font-size: var(--s-16);
  margin-top: var(--s-16);
  line-height: 1.6;
}

.event--twenterandrun .events-text-widget__event-description {
  color: #472a6f;
}

.event--tot-de-nek-in-de-drek .events-text-widget__event-description, .event--triatlon-vroomshoop .events-text-widget__event-description {
  color: var(--white);
}

.events-text-widget__event-button {
  margin-top: var(--s-24);
}

.events-text-widget__event-button .button {
  text-align: center;
  justify-content: center;
  width: 100%;
}

.events-text-widget__event {
  padding: var(--s-32);
  background-color: var(--db-color-light);
  transition: var(--t-250);
  border-radius: 15px;
  flex-direction: column;
  justify-content: space-between;
  min-width: 320px;
  height: 100%;
  display: flex;
  position: relative;
}

.events-text-widget__event:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px #0000001a;
}

.events-text-widget__event.event--twenterandrun {
  color: #472a6f;
  background-color: #dddb00;
}

.events-text-widget__event.event--twenterandrun .events-text-widget__event-date {
  color: #472a6f;
}

.events-text-widget__event.event--tot-de-nek-in-de-drek {
  color: var(--white);
  background-color: #ea5b0c;
}

.events-text-widget__event.event--tot-de-nek-in-de-drek .events-text-widget__event-date {
  color: var(--white);
}

.events-text-widget__event.event--triatlon-vroomshoop {
  color: var(--white);
  background-color: #1954ad;
}

.events-text-widget__event.event--triatlon-vroomshoop .events-text-widget__event-date {
  color: var(--white);
}

.events-text-widget .text-box {
  margin-top: 100px;
}

.events-text-widget .event-grid {
  margin-top: -15%;
}

@media only screen and (width <= 63.98em) {
  .events-text-widget .event-grid {
    margin-top: 10%;
  }
}

.events-text-widget__event-info {
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.events-text-widget__event-date {
  font-weight: 900;
  font-size: var(--s-45);
  font-family: var(--title-font);
  text-transform: uppercase;
  text-align: right;
  font-style: italic;
  line-height: 1;
}

.events-text-widget__event-date time {
  font-size: var(--s-45);
  font-weight: 900;
  line-height: 1;
  display: block;
}

.events-text-widget__event-date-year {
  font-size: var(--s-45);
  margin-top: var(--s-4);
  line-height: 1;
  display: block;
}

.events-text-widget__event-logo {
  align-self: flex-start;
  width: 80%;
  height: auto;
  margin-inline: auto;
}

@media only screen and (width >= 48em) {
  .event--twenterandrun .events-text-widget__event-logo {
    margin-inline: unset;
    margin-bottom: -15%;
    margin-left: -20%;
  }

  .event--triatlon-vroomshoop .events-text-widget__event-logo {
    margin-bottom: 30%;
  }
}

.events-text-widget__events--two-row .events-text-widget__event-logo {
  width: 50%;
  margin: 0;
}

@media only screen and (width >= 48em) {
  .events-text-widget__events--two-row .events-text-widget__event-logo {
    width: 45%;
  }
}

@media only screen and (width >= 82.5em) {
  .events-text-widget__events--two-row .events-text-widget__event-logo {
    width: 40%;
  }
}

.events-text-widget__event-logo img {
  width: 100%;
  height: auto;
  display: block;
}

.events-text-widget__event-link {
  text-indent: -9999px;
  z-index: 1;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.events-text-widget.light {
  background-color: var(--background-light);
}

.events-text-widget.light .events-text-widget__title {
  color: var(--db-color-primary);
}

.events-text-widget.light .events-text-widget__text {
  color: var(--db-color-text);
}

.events-text-widget.dark {
  background-color: var(--background-dark);
}

.events-text-widget.dark .events-text-widget__title, .events-text-widget.dark .events-text-widget__text {
  color: var(--white);
}

§.cta-widget {
  position: relative;
}

.our-sponsors-widget {
  margin-block: var(--s-56);
  transition: var(--t-250);
}

@media only screen and (width <= 82.48em) {
  .our-sponsors-widget {
    margin-block: var(--s-24);
  }
}

.our-sponsors-widget--white-bg .our-sponsors-widget__bg {
  padding: var(--s-80) 0;
  background-color: #0000;
}

.our-sponsors-widget--grey-bg .our-sponsors-widget__bg {
  padding: var(--s-80) 0;
  background-color: #a5a5a517;
  border-radius: 15px;
}

.our-sponsors-widget__title {
  font-size: var(--s-45);
  margin-bottom: var(--s-48);
  color: var(--db-color-primary);
  text-transform: uppercase;
  font-weight: 800;
  position: sticky;
  top: 200px;
}

.our-sponsors-widget__title span {
  color: var(--db-color-secondary);
  display: block;
}

.our-sponsors-widget__list {
  gap: var(--s-24);
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  display: grid;
}

@media only screen and (width >= 48em) {
  .our-sponsors-widget__list {
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  }
}

.our-sponsors-widget__item {
  padding: var(--s-16);
  aspect-ratio: 1;
  background-color: var(--white);
  transition: var(--t-250);
  border: 1px solid #c5c5c5;
  border-radius: 15px;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.our-sponsors-widget__item:hover {
  box-shadow: 0 var(--s-4) var(--s-16) #0000001a;
  transform: translateY(-2px);
}

.our-sponsors-widget__logo {
  object-fit: contain;
  max-width: 100%;
  height: auto;
  max-height: 120px;
}

.media-text-widget {
  margin-block: var(--s-64);
  position: relative;
  overflow: hidden;
}

.media-text-widget__label {
  position: absolute;
  bottom: -1px;
  right: -1px;
}

@media only screen and (width <= 82.48em) {
  .media-text-widget__label {
    width: 180px;
    right: 0;
  }
}

.media-text-widget__media {
  max-height: 630px;
  padding: 0;
  position: relative;
}

.media-text-widget__media .media-image {
  object-fit: cover;
  border-radius: 20px 20px 0;
  width: 100%;
  height: 100%;
  max-height: 630px;
  display: block;
}

.media-text-widget__text {
  gap: var(--s-24);
  padding-top: var(--s-200);
  padding-bottom: var(--s-32);
  flex-direction: column;
  display: flex;
}

@media only screen and (width <= 82.48em) {
  .media-text-widget__text {
    padding-top: var(--s-80);
  }
}

.media-text-widget__title {
  font-family: var(--title-font);
  font-weight: 800;
  font-size: var(--s-45);
  letter-spacing: -1px;
  text-transform: uppercase;
  color: var(--db-color-primary);
  margin: 0;
  line-height: 1.2;
}

.media-text-widget__title span {
  color: var(--db-color-secondary);
}

.media-text-widget__content {
  font-size: var(--s-16);
}

.media-text-widget .buttons {
  gap: var(--s-12);
  margin-top: var(--s-8);
  flex-wrap: wrap;
  display: flex;
}

.media-partner-widget {
  margin-top: calc(-1 * var(--s-120));
  margin-bottom: var(--s-80);
  position: relative;
}

@media only screen and (width <= 82.48em) {
  .media-partner-widget {
    margin-top: 0;
  }
}

.media-partner-widget__media .media-image {
  object-fit: cover;
  border-radius: var(--s-8);
  width: 100%;
  height: auto;
  display: block;
}

.media-partner-widget__text {
  gap: var(--s-24);
  padding-top: var(--s-200);
  padding-bottom: var(--s-32);
  flex-direction: column;
  display: flex;
}

@media only screen and (width <= 82.48em) {
  .media-partner-widget__text {
    padding-top: var(--s-80);
  }
}

.media-partner-widget__title {
  font-family: var(--title-font);
  font-size: var(--s-45);
  letter-spacing: -1px;
  text-transform: uppercase;
  color: var(--db-color-primary);
  margin: 0;
  line-height: 1.2;
}

.media-partner-widget__title span {
  color: var(--db-color-secondary);
}

.media-partner-widget__content {
  font-size: var(--s-16);
  line-height: 1.6;
}

.media-partner-widget .buttons {
  gap: var(--s-12);
  margin-top: var(--s-8);
  flex-wrap: wrap;
  display: flex;
}

@media only screen and (width >= 48em) {
  .media-partner-widget .buttons {
    gap: var(--s-16);
  }
}

.hoofdsponsors-widget {
  margin-inline: var(--grid-padding);
  padding: 0 0 var(--s-160) 0;
  margin-bottom: var(--s-22);
  background-color: #ebecef;
  border-radius: 15px;
  position: relative;
}

.hoofdsponsors-widget__icon {
  margin-top: calc(-1 * var(--s-104));
  margin-bottom: var(--s-80);
  position: relative;
}

@media only screen and (width <= 82.48em) {
  .hoofdsponsors-widget__icon {
    margin-top: calc(-1 * var(--s-56));
    left: -25px;
    scale: .8;
  }
}

.hoofdsponsors-widget__title {
  font-family: var(--title-font);
  font-weight: 700;
  font-size: var(--s-32);
  margin: 0 0 var(--s-64) 0;
  text-align: center;
  color: var(--db-color-primary);
  line-height: 1.2;
  display: block;
}

@media only screen and (width >= 48em) {
  .hoofdsponsors-widget__title {
    font-size: var(--s-40);
    margin-bottom: var(--s-48);
  }
}

@media only screen and (width >= 82.5em) {
  .hoofdsponsors-widget__title {
    font-size: var(--s-48);
    margin-bottom: var(--s-64);
  }
}

.hoofdsponsors-widget__title {
  font-family: var(--title-font);
  font-weight: 800;
  font-size: var(--s-45);
  letter-spacing: -1px;
  text-align: center;
  text-transform: uppercase;
  color: var(--db-color-primary);
  margin: 0;
  line-height: 1.2;
}

.hoofdsponsors-widget__title span {
  color: var(--db-color-secondary);
}

.hoofdsponsors-widget__list {
  justify-content: center;
  align-items: center;
  gap: var(--s-80);
  flex-wrap: wrap;
  display: flex;
  margin-block: var(--s-64) var(--s-80) !important;
}

@media only screen and (width <= 82.48em) {
  .hoofdsponsors-widget__list {
    gap: var(--s-28);
    flex-wrap: wrap;
  }
}

.hoofdsponsors-widget__item {
  width: calc((100% - 4 * var(--s-104)) / 5);
  height: fit-content;
  padding: var(--s-12);
  mix-blend-mode: multiply;
  background-color: #ebecef;
}

@media only screen and (width <= 82.48em) {
  .hoofdsponsors-widget__item {
    width: calc((100% - 2 * var(--s-104)) / 2);
    padding: 0;
  }
}

.hoofdsponsors-widget__logo {
  object-fit: contain;
  mix-blend-mode: multiply;
  width: 100%;
  max-height: 200px;
  display: block;
}

.hoofdsponsors-widget .buttons {
  gap: var(--s-12);
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.site-footer {
  z-index: 2;
  color: var(--white);
  font-style: italic;
  position: relative;
}

.site-footer .container-fluid {
  position: relative;
  overflow: hidden;
}

.site-footer .container-fluid:before {
  content: "";
  background-color: var(--db-color-secondary);
  bottom: 0;
  left: var(--grid-padding);
  right: var(--grid-padding);
  height: 80px;
  position: absolute;
}

.site-footer .container-fluid:after {
  content: "";
  z-index: 1;
  aspect-ratio: 450 / 360;
  background-image: url("data:image/svg+xml,%3Csvg width='405' height='398' viewBox='0 0 405 398' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_4276_130' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='482' height='455'%3E%3Cpath d='M154.479 0.5H479.003L365.854 57.0361C348.092 65.7986 329.441 70.511 311.703 70.7354H172.706L174.049 71.6494L217.135 100.955L217.477 101.188L217.7 100.964C233.936 112.148 240.533 132.744 234.528 155.191V155.192L180.569 359.199L134.232 327.586C120.231 318.036 114.625 300.239 119.771 281.014L119.771 281.012L150.225 165.367L150.31 165.044L150.044 164.842L27.0293 71.0732L150.883 1.34082C152.151 0.710577 153.42 0.500002 154.479 0.5Z' stroke='%2393C01F'/%3E%3Cpath d='M326.644 454.5L2.11914 454.5L115.269 397.964C133.03 389.201 151.681 384.489 169.419 384.265L308.416 384.265L307.073 383.351L263.987 354.045L263.645 353.813L263.422 354.036C247.186 342.852 240.589 322.256 246.594 299.809L246.594 299.808L300.553 95.8008L346.89 127.414C360.891 136.964 366.497 154.761 361.352 173.986L361.351 173.988L330.897 289.633L330.812 289.956L331.078 290.158L454.093 383.927L330.239 453.659C328.971 454.289 327.702 454.5 326.644 454.5Z' stroke='%2393C01F'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_4276_130)'%3E%3Crect x='-38' y='-57' width='431' height='394' rx='20' fill='%2393C01F'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  width: 450px;
  height: 360px;
  position: absolute;
  bottom: 0;
  right: 0;
}

@media only screen and (width <= 82.48em) {
  .site-footer .container-fluid:after {
    opacity: .3;
  }
}

.site-footer__label {
  right: calc(-1 * var(--grid-padding));
  z-index: 999;
  position: absolute;
  bottom: 0;
}

@media only screen and (width <= 82.48em) {
  .site-footer__label {
    display: none;
  }
}

.site-footer__event-date {
  margin: var(--s-16) 0 0;
  font-family: var(--title-font);
  text-transform: uppercase;
  font-style: italic;
  font-weight: 900;
  font-size: var(--s-32);
  color: var(--db-color-secondary);
  line-height: 1;
}

.site-footer__volunteers p {
  font-family: var(--title-font);
  text-transform: uppercase;
  font-style: italic;
  font-weight: 700;
  font-size: var(--s-32);
}

.site-footer__volunteers p span {
  color: var(--db-color-secondary);
}

@media only screen and (width <= 82.48em) {
  .site-footer__volunteers {
    display: none;
  }
}

.site-footer__logo {
  padding-left: var(--s-56) !important;
}

.site-footer__logo svg {
  margin-left: calc(-1 * var(--s-56));
}

@media only screen and (width <= 82.48em) {
  .site-footer__logo svg {
    margin-left: calc(-1 * var(--s-24));
  }
}

.site-footer__left {
  padding-left: var(--s-56) !important;
}

@media only screen and (width <= 82.48em) {
  .site-footer__left {
    padding-left: var(--grid-padding) !important;
  }
}

.site-footer__tagline {
  font-family: var(--title-font);
  text-transform: uppercase;
  font-style: italic;
  font-weight: 700;
  font-size: var(--s-22);
}

.site-footer__top {
  background: var(--db-color-primary);
  border-radius: 20px 20px 0 0;
  padding-block-start: var(--s-80);
}

.site-footer__navigation {
  padding-block: var(--s-56);
  padding-inline: var(--s-12);
  background: var(--db-color-primary);
  z-index: 1;
  border-radius: 0 0 20px 20px;
  position: relative;
}

@media only screen and (width <= 82.48em) {
  .site-footer__navigation {
    padding-block: var(--s-24) var(--s-56);
  }
}

.site-footer__navigation__title {
  text-transform: uppercase;
  color: var(--db-color-secondary);
}

@media only screen and (width <= 82.48em) {
  .site-footer__navigation__title {
    margin-top: var(--s-32);
    margin-bottom: 0 !important;
  }
}

.site-footer__navigation a {
  color: var(--white);
  font-style: italic;
  font-size: var(--s-16);
  text-decoration: none;
}

.site-footer__navigation a:hover {
  text-decoration: underline;
}

.site-footer__navigation .footer-menu .menu-item {
  padding: 5px 0;
}

.site-footer__bottom {
  z-index: 66;
  color: var(--db-color-primary);
  font-size: var(--s-16);
  padding-block: 20px;
  position: relative;
}

@media only screen and (width <= 82.48em) {
  .site-footer__bottom {
    padding-block: 8px 10px;
  }
}

.site-footer__bottom a {
  color: var(--db-color-primary);
  font-size: inherit;
  text-decoration: none;
}

.site-footer__bottom a:hover {
  text-decoration: underline;
}

@media only screen and (width <= 82.48em) {
  .site-footer__madeby {
    text-align: center;
    margin-top: var(--s-12);
  }
}

.site-footer__copyright {
  padding-left: var(--s-56);
  justify-content: center;
  align-items: center;
  gap: 4px;
  display: flex;
}

@media only screen and (width <= 82.48em) {
  .site-footer__copyright {
    padding-left: var(--grid-padding);
  }
}

.site-footer__copyright .colophon-nav {
  align-items: center;
  gap: 0;
  margin-top: 0;
  display: flex;
}

.site-footer__copyright .colophon-nav .menu-item {
  align-items: center;
  display: flex;
}

.site-footer__copyright .colophon-nav .menu-item:not(:last-child):after {
  content: "|";
  color: var(--db-color-primary);
  margin-left: 4px;
  margin-right: 4px;
}

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