@font-face {
  font-family: "Velcro Font 2023";
  src: url('../fonts/velcro-font-2023Regular.woff2') format("woff2"), url('../fonts/velcro-font-2023Regular.eot') format("embedded-opentype"), url('../fonts/velcro-font-2023Regular.woff') format("woff"), url('../fonts/velcro-font-2023Regular.ttf') format("truetype"), url('../fonts/velcro-font-2023Regular.svg') format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Velcro Font 2023";
  src: url('../fonts/velcro-font-2023Italic.woff2') format("woff2"), url('../fonts/velcro-font-2023Italic.eot') format("embedded-opentype"), url('../fonts/velcro-font-2023Italic.woff') format("woff"), url('../fonts/velcro-font-2023Italic.ttf') format("truetype"), url('../fonts/velcro-font-2023Italic.svg') format("svg");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Velcro Font 2023";
  src: url('../fonts/velcro-font-2023Bold.woff2') format("woff2"), url('../fonts/velcro-font-2023Bold.eot') format("embedded-opentype"), url('../fonts/velcro-font-2023Bold.woff') format("woff"), url('../fonts/velcro-font-2023Bold.ttf') format("truetype"), url('../fonts/velcro-font-2023Bold.svg') format("svg");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

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

:root {
  --color--main--tertiary-100: #eff0e9;
  --_typography---font-styles--body-text: Inter, sans-serif;
  --color--base--black-100: #2d3142;
  --_typography---font-styles--headings: Delight, Arial, sans-serif;
  --_typography---font-sizes--heading-1: calc(33px + (40 - 33) * ((100vw - 478px) / (1440 - 478)));
  --_typography---font-weights--headings: 500;
  --_typography---font-sizes--heading-2: calc(28px + (33 - 28) * ((100vw - 478px) / (1440 - 478)));
  --_typography---font-sizes--heading-3: calc(23px + (28 - 23) * ((100vw - 478px) / (1440 - 478)));
  --_typography---font-sizes--heading-4: calc(19px + (23 - 19) * ((100vw - 478px) / (1440 - 478)));
  --_typography---font-sizes--heading-5: calc(18px + (19 - 18) * ((100vw - 478px) / (1440 - 478)));
  --_typography---font-sizes--heading-6: 1em;
  --_typography---font-sizes--text-medium: 1.2em;
  --_typography---font-weights--body: 400;
  --color--base--grey-100: #4f5d75;
  --_typography---font-sizes--heading-extra-large: calc(57px + (69 - 57) * ((100vw - 478px) / (1440 - 478)));
  --_typography---font-sizes--heading-large: calc(48px + (57 - 48) * ((100vw - 478px) / (1440 - 478)));
  --_typography---font-sizes--heading-small: calc(40px + (48 - 40) * ((100vw - 478px) / (1440 - 478)));
  --_typography---font-sizes--text-large: calc(20px + (23 - 20) * ((100vw - 478px) / (1440 - 478)));
  --_typography---font-sizes--text-default: 1em;
  --_typography---font-sizes--text-small: .833em;
  --_typography---font-sizes--text-tiny: .694em;
  --_ui-styles---units--image-corner: var(--_ui-styles---units--base--xs-8);
  --_ui-styles---units--base--lg-24: 24px;
  --_ui-styles---units--base--xxl-40: 40px;
  --_ui-styles---units--base--xs-8: 8px;
  --color--main--primary-100: #f77651;
  --color--base--white-100: #f6f6f6;
  --color--main--secondary-100: #1ea896;
  --_ui-styles---units--base--md-16: 16px;
  --_ui-styles---units--input-corner: var(--_ui-styles---units--base--sm-12);
  --_ui-styles---units--base--sm-12: 12px;
  --_ui-styles---units--btn-corner: var(--_ui-styles---units--base--sm-12);
  --_typography---buttons-font-sizes--btn-large: 1em;
  --color--base--white-30: #f6f6f64d;
  --_typography---buttons-font-sizes--btn-medium: 14px;
  --_ui-styles---units--base--xxs-4: 4px;
  --_typography---buttons-font-sizes--btn-small: 12px;
  --_typography---font-styles--social: "Velcro Font 2023", sans-serif;
  --_ui-styles---units--max-width: 1690px;
  --_ui-styles---units--global-padding: 4vw;
  --_ui-styles---units--container-corner: var(--_ui-styles---units--base--sm-12);
  --color--base--white-10: #f6f6f61a;
  --_ui-styles---units--base--xl-32: 32px;
  --color--states--sucess: #76f057;
  --_ui-styles---units--base--none-0: 0px;
  --color--main--quaternary-100: #1c448e;
  --color--main--secondary-10: #1ea8961a;
  --color--base--black-20: #2d314233;
  --color--main--primary-10: #f776511a;
  --color--base--white-50: #f6f6f680;
  --_ui-styles---units--base--xxxl-64: 64px;
  --color--base--black-30: #2d31424d;
  --color--base--black-10: #2d31421a;
  --color--states--error: #ff6565;
  --color--states--disabled: #f0f0f0;
  --_ui-styles---units--text-responsive-value: 1.05885;
  --_ui-styles---units--base--full-360: 360px;
}

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

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

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

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

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

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

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

.w-form-formradioinput--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

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

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-width: 4px;
  border-color: #3898ec;
}

body {
  background-color: var(--color--main--tertiary-100);
  font-family: var(--_typography---font-styles--body-text);
  color: var(--color--base--black-100);
  --_typography---font-styles--body-text: Inter, sans-serif;
  --_typography---font-styles--headings: Delight, Arial, sans-serif;
  --_typography---font-sizes--heading-1: calc(33px + (40 - 33) * ((100vw - 478px) / (1440 - 478)));
  --_typography---font-weights--headings: 500;
  --_typography---font-sizes--heading-2: calc(28px + (33 - 28) * ((100vw - 478px) / (1440 - 478)));
  --_typography---font-sizes--heading-3: calc(23px + (28 - 23) * ((100vw - 478px) / (1440 - 478)));
  --_typography---font-sizes--heading-4: calc(19px + (23 - 19) * ((100vw - 478px) / (1440 - 478)));
  --_typography---font-sizes--heading-5: calc(18px + (19 - 18) * ((100vw - 478px) / (1440 - 478)));
  --_typography---font-sizes--heading-6: 1em;
  --_typography---font-sizes--text-medium: 1.2em;
  --_typography---font-weights--body: 400;
  --_typography---font-sizes--heading-extra-large: calc(57px + (69 - 57) * ((100vw - 478px) / (1440 - 478)));
  --_typography---font-sizes--heading-large: calc(48px + (57 - 48) * ((100vw - 478px) / (1440 - 478)));
  --_typography---font-sizes--heading-small: calc(40px + (48 - 40) * ((100vw - 478px) / (1440 - 478)));
  --_typography---font-sizes--text-large: calc(20px + (23 - 20) * ((100vw - 478px) / (1440 - 478)));
  --_typography---font-sizes--text-default: 1em;
  --_typography---font-sizes--text-small: .833em;
  --_typography---font-sizes--text-tiny: .694em;
  --_typography---buttons-font-sizes--btn-large: 1em;
  --_typography---buttons-font-sizes--btn-medium: 14px;
  --_typography---buttons-font-sizes--btn-small: 12px;
  --_typography---font-styles--social: "Velcro Font 2023", sans-serif;
  --_ui-styles---units--image-corner: var(--_ui-styles---units--base--xs-8);
  --_ui-styles---units--base--lg-24: 24px;
  --_ui-styles---units--base--xxl-40: 40px;
  --_ui-styles---units--base--xs-8: 8px;
  --_ui-styles---units--base--md-16: 16px;
  --_ui-styles---units--input-corner: var(--_ui-styles---units--base--sm-12);
  --_ui-styles---units--base--sm-12: 12px;
  --_ui-styles---units--btn-corner: var(--_ui-styles---units--base--sm-12);
  --_ui-styles---units--base--xxs-4: 4px;
  --_ui-styles---units--max-width: 1690px;
  --_ui-styles---units--global-padding: 4vw;
  --_ui-styles---units--container-corner: var(--_ui-styles---units--base--sm-12);
  --_ui-styles---units--base--xl-32: 32px;
  --_ui-styles---units--base--none-0: 0px;
  --_ui-styles---units--base--xxxl-64: 64px;
  --_ui-styles---units--text-responsive-value: 1.05885;
  --_ui-styles---units--base--full-360: 360px;
  flex-direction: column;
  justify-content: space-between;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  display: flex;
}

h1 {
  font-family: var(--_typography---font-styles--headings);
  font-size: var(--_typography---font-sizes--heading-1);
  line-height: 1.2;
  font-weight: var(--_typography---font-weights--headings);
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 0;
}

h2 {
  font-family: var(--_typography---font-styles--headings);
  font-size: var(--_typography---font-sizes--heading-2);
  line-height: 1;
  font-weight: var(--_typography---font-weights--headings);
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 0;
}

h3 {
  font-family: var(--_typography---font-styles--headings);
  font-size: var(--_typography---font-sizes--heading-3);
  line-height: 1.2;
  font-weight: var(--_typography---font-weights--headings);
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 0;
}

h4 {
  font-family: var(--_typography---font-styles--headings);
  font-size: var(--_typography---font-sizes--heading-4);
  line-height: 1.2;
  font-weight: var(--_typography---font-weights--headings);
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 0;
}

h5 {
  font-family: var(--_typography---font-styles--headings);
  font-size: var(--_typography---font-sizes--heading-5);
  line-height: 1;
  font-weight: var(--_typography---font-weights--headings);
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 0;
}

h6 {
  font-family: var(--_typography---font-styles--headings);
  font-size: var(--_typography---font-sizes--heading-6);
  line-height: 1.2;
  font-weight: var(--_typography---font-weights--headings);
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 0;
}

p {
  margin-bottom: 0;
  font-size: 1em;
  line-height: 1.6;
}

a {
  color: inherit;
  text-decoration: underline;
}

ul {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 30px;
}

label {
  font-family: var(--_typography---font-styles--body-text);
  font-size: .875rem;
  line-height: 1.275;
  font-weight: var(--_typography---font-weights--headings);
  width: 100%;
  margin-bottom: 4px;
  padding-left: 8px;
  display: block;
}

strong {
  font-weight: bold;
}

blockquote {
  background-image: url('../images/Vectors-Wrapper_3.svg');
  background-position: 0 30px;
  background-repeat: no-repeat;
  background-size: auto;
  background-attachment: scroll;
  border-style: none;
  border-width: 0;
  margin-bottom: 10px;
  padding: 30px 0 30px 104px;
  font-size: 1.5em;
  line-height: 1.6;
}

figure {
  margin-bottom: 10px;
}

figcaption {
  text-align: center;
  margin-top: 5px;
  font-size: .7em;
}

.section-styles {
  grid-column-gap: 3em;
  grid-row-gap: 3em;
  background-color: #e8e8e880;
  padding: 24px;
  display: flex;
  overflow: hidden;
}

.styles-container {
  grid-column-gap: 5em;
  grid-row-gap: 5em;
  background-color: #fff;
  border-radius: 60px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  padding: 5em;
  display: flex;
}

.title-block {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  background-color: #e8e8e833;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-right: 40px;
  display: flex;
}

.title-block-icon {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #e8e8e84d;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 150px;
  height: 150px;
  padding: 40px;
  display: flex;
}

.text-size-medium {
  font-family: var(--_typography---font-styles--body-text);
  font-size: var(--_typography---font-sizes--text-medium);
  line-height: 1.5;
  font-weight: var(--_typography---font-weights--body);
}

.styles {
  grid-column-gap: 2.2em;
  grid-row-gap: 2.2em;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.styles-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-style: solid;
  border-width: 0 0 1px;
  border-color: #e8e8e8 #e8e8e8 var(--color--base--grey-100);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-bottom: 10px;
  display: flex;
}

.styles-content {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.heading-extra-large {
  font-family: var(--_typography---font-styles--headings);
  font-size: var(--_typography---font-sizes--heading-extra-large);
  line-height: 1;
  font-weight: var(--_typography---font-weights--headings);
  letter-spacing: -.01em;
}

.heading-large {
  font-family: var(--_typography---font-styles--headings);
  font-size: var(--_typography---font-sizes--heading-large);
  line-height: 1.2;
  font-weight: var(--_typography---font-weights--headings);
  letter-spacing: -.01em;
}

.heading-small {
  font-family: var(--_typography---font-styles--headings);
  font-size: var(--_typography---font-sizes--heading-small);
  line-height: 1.2;
  font-weight: var(--_typography---font-weights--headings);
  letter-spacing: -.01em;
}

.heading-1 {
  font-family: var(--_typography---font-styles--headings);
  font-size: var(--_typography---font-sizes--heading-1);
  line-height: 1.2;
  font-weight: var(--_typography---font-weights--headings);
  letter-spacing: -.01em;
}

.heading-2 {
  font-family: var(--_typography---font-styles--headings);
  font-size: var(--_typography---font-sizes--heading-2);
  line-height: 1;
  font-weight: var(--_typography---font-weights--headings);
  letter-spacing: -.01em;
}

.heading-3 {
  font-family: var(--_typography---font-styles--headings);
  font-size: var(--_typography---font-sizes--heading-3);
  line-height: 1.2;
  font-weight: var(--_typography---font-weights--headings);
  letter-spacing: -.01em;
}

.heading-4 {
  font-family: var(--_typography---font-styles--headings);
  font-size: var(--_typography---font-sizes--heading-4);
  line-height: 1.2;
  font-weight: var(--_typography---font-weights--headings);
  letter-spacing: -.01em;
}

.heading-5 {
  font-family: var(--_typography---font-styles--headings);
  font-size: var(--_typography---font-sizes--heading-5);
  line-height: 1.2;
  font-weight: var(--_typography---font-weights--headings);
  letter-spacing: -.01em;
}

.heading-6 {
  font-family: var(--_typography---font-styles--headings);
  font-size: var(--_typography---font-sizes--heading-6);
  line-height: 1.2;
  font-weight: var(--_typography---font-weights--headings);
  letter-spacing: -.01em;
}

.text-size-large {
  font-family: var(--_typography---font-styles--body-text);
  font-size: var(--_typography---font-sizes--text-large);
  line-height: 1.5;
  font-weight: var(--_typography---font-weights--body);
}

.text-size-default {
  font-family: var(--_typography---font-styles--body-text);
  font-size: var(--_typography---font-sizes--text-default);
  font-weight: var(--_typography---font-weights--body);
}

.text-size-small {
  font-family: var(--_typography---font-styles--body-text);
  font-size: var(--_typography---font-sizes--text-small);
  font-weight: var(--_typography---font-weights--body);
}

.text-size-tiny {
  font-size: var(--_typography---font-sizes--text-tiny);
  font-weight: var(--_typography---font-weights--body);
}

.text {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.text h2, .text h4, .text h1, .text h3, .text h5, .text h6 {
  margin-top: 20px;
  margin-bottom: 10px;
}

.text p {
  margin-bottom: 15px;
}

.text img {
  border-radius: var(--_ui-styles---units--image-corner);
}

.highlight-margins {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.highlight {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  border-radius: var(--_ui-styles---units--base--lg-24);
  background-color: #e8e8e833;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 30px;
  display: flex;
}

.hightlight-text {
  font-family: var(--_typography---font-styles--body-text);
  font-size: 1.4em;
  font-weight: 400;
}

.styles-all {
  grid-column-gap: 3em;
  grid-row-gap: 3em;
  flex-direction: column;
  width: 100%;
  display: flex;
}

.color-container {
  height: var(--_ui-styles---units--base--xxl-40);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-radius: var(--_ui-styles---units--base--xs-8);
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.bg-color-primary-old {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: var(--color--main--primary-100);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.styleguide-right {
  width: 100%;
}

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

.text-italic {
  font-style: italic;
}

.text-all-caps {
  text-transform: uppercase;
}

.text-icons {
  text-transform: none;
  font-family: "Velcro Font 2023", sans-serif;
  font-weight: 400;
  line-height: 1.3;
}

.text-icons.text-bold {
  font-weight: 700;
}

.text-align-left {
  text-align: left;
  display: block;
}

.text-align-center {
  text-align: center;
}

.text-align-right {
  text-align: right;
}

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

.text-color-yellow {
  color: #e8e203;
}

.text-color-white {
  color: var(--color--base--white-100);
}

.text-color-dark {
  color: var(--color--base--black-100);
}

.text-color-green {
  color: #aafc75;
}

.text-color-grey {
  color: var(--color--base--grey-100);
}

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

.text-color-tertiary {
  color: var(--color--main--tertiary-100);
}

.color-swatch {
  flex-flow: row;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  height: 100%;
}

.element-row {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.btn-text-main.absolut {
  position: absolute;
  inset: 0%;
}

.form-input {
  padding-left: var(--_ui-styles---units--base--md-16);
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: var(--color--base--grey-100);
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: var(--color--base--grey-100);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--color--base--grey-100);
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: var(--color--base--grey-100);
  border-top-left-radius: var(--_ui-styles---units--input-corner);
  border-top-right-radius: var(--_ui-styles---units--input-corner);
  border-bottom-left-radius: var(--_ui-styles---units--input-corner);
  border-bottom-right-radius: var(--_ui-styles---units--input-corner);
  background-color: var(--color--base--white-100);
  font-family: var(--_typography---font-styles--body-text);
  color: var(--color--base--black-100);
  -webkit-appearance: none;
  appearance: none;
  height: 56px;
  margin-bottom: 0;
  font-size: 1em;
  line-height: 1.275;
}

.form-input:hover, .form-input:focus {
  border-color: var(--color--base--black-100);
}

.form-input::placeholder {
  color: #000b1980;
}

.form-checkbox {
  align-items: flex-start;
  padding-left: 0;
  display: flex;
}

.checkbox {
  border: 2px solid var(--color--base--grey-100);
  border-radius: 8px;
  width: 20px;
  height: 20px;
  margin-top: 0;
  margin-left: 0;
  margin-right: 8px;
}

.checkbox:hover {
  border-color: var(--color--base--black-100);
}

.checkbox.w--redirected-checked {
  border-color: var(--color--base--black-100);
  background-color: var(--color--base--black-100);
  background-image: url('../images/ui_check_white.svg');
  background-size: contain;
}

.checkbox.w--redirected-focus {
  border-color: var(--color--base--black-100);
  box-shadow: none;
}

.checkbox.w--redirected-focus-visible {
  border-color: var(--color--base--black-100);
}

.checkbox-label {
  font-weight: var(--_typography---font-weights--body);
  margin-top: 2px;
  margin-bottom: 0;
  padding-left: 0;
}

.radio-button {
  border: 2px solid var(--color--base--grey-100);
  width: 20px;
  height: 20px;
  margin-top: 0;
  margin-left: 0;
}

.radio-button:hover {
  border-color: var(--color--base--black-100);
}

.radio-button.w--redirected-checked {
  border-width: 6px;
  border-color: var(--color--base--black-100);
}

.sign-up-form {
  width: 100%;
  margin-bottom: 0;
}

.form {
  grid-column-gap: var(--_ui-styles---units--base--sm-12);
  grid-row-gap: var(--_ui-styles---units--base--sm-12);
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.input-with-label {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  display: flex;
}

._2-col {
  column-count: 2;
  column-gap: 1.3em;
}

.styleguide-2col-wrapper {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  border: 1px solid var(--color--base--grey-100);
  border-radius: 16px;
  flex-direction: column;
  padding: 1em;
  display: flex;
}

.styleguide-2col-title {
  border-bottom: 1px solid var(--color--base--grey-100);
  padding-bottom: .5em;
}

.button-icon-wrapper {
  flex-flow: row;
  flex: auto;
  justify-content: flex-start;
  align-self: auto;
  align-items: center;
  display: flex;
  position: relative;
}

.btn-icon-right {
  flex: auto;
  max-width: none;
  height: 24px;
  max-height: none;
  position: relative;
}

.btn-icon-external {
  max-width: none;
  height: 24px;
  max-height: none;
  position: relative;
}

.styleguide-wrapper {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  border: 1px solid var(--color--base--grey-100);
  background-color: #f1f1f1;
  border-radius: 16px;
  flex-flow: wrap;
  align-items: center;
  padding: 1em;
  display: flex;
}

.btn-main {
  padding: var(--_ui-styles---units--base--sm-12) var(--_ui-styles---units--base--lg-24);
  grid-column-gap: var(--_ui-styles---units--base--sm-12);
  grid-row-gap: var(--_ui-styles---units--base--sm-12);
  border-radius: var(--_ui-styles---units--btn-corner);
  background-color: var(--color--main--primary-100);
  font-family: var(--_typography---font-styles--body-text);
  color: var(--color--base--white-100);
  font-size: var(--_typography---buttons-font-sizes--btn-large);
  line-height: 1.5rem;
  font-weight: var(--_typography---font-weights--headings);
  text-align: center;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  transition: background-color .2s;
  display: flex;
}

.btn-main:hover {
  background-image: linear-gradient(to bottom, var(--color--base--white-30), var(--color--base--white-30));
}

.btn-main.is-medium {
  padding: var(--_ui-styles---units--base--xs-8) var(--_ui-styles---units--base--md-16);
  grid-column-gap: var(--_ui-styles---units--base--xs-8);
  grid-row-gap: var(--_ui-styles---units--base--xs-8);
  font-size: var(--_typography---buttons-font-sizes--btn-medium);
}

.btn-main.is-small {
  padding: var(--_ui-styles---units--base--xxs-4) var(--_ui-styles---units--base--xs-8);
  grid-column-gap: var(--_ui-styles---units--base--xs-8);
  grid-row-gap: var(--_ui-styles---units--base--xs-8);
  font-size: var(--_typography---buttons-font-sizes--btn-small);
}

.btn-main.is-secondary {
  background-color: var(--color--main--secondary-100);
}

.btn-text-wrapper {
  display: flex;
  position: relative;
  overflow: hidden;
}

.btn-nav-container {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  align-items: center;
  display: flex;
}

.nav-item-line {
  border-bottom: 1px solid #000;
  border-color: inherit;
  width: 0%;
  height: 1px;
  margin-bottom: -1px;
  position: absolute;
  inset: auto 0% 0;
}

.btn-nav {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  font-family: var(--_typography---font-styles--body-text);
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  font-size: 1rem;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.btn-nav.w--current {
  color: var(--color--main--primary-100);
  border-bottom: 1px solid;
}

.btn-nav.is-big {
  grid-column-gap: .75em;
  grid-row-gap: .75em;
  font-size: 1.25em;
}

.btn-nav.is-small {
  grid-column-gap: .25em;
  grid-row-gap: .25em;
  font-size: .875rem;
}

.btn-nav.is-small:hover {
  color: var(--color--main--primary-100);
}

.btn-tag-icon-left {
  grid-column-gap: .25em;
  grid-row-gap: .25em;
  background-color: var(--color--main--primary-100);
  color: var(--color--base--white-100);
  border-radius: .5em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: .25em .5em;
  font-family: Space Grotesk;
  font-size: .85em;
  font-weight: 700;
  line-height: 1.745em;
  text-decoration: none;
  transition: all .2s ease-in-out;
  display: flex;
}

.btn-tag-icon-left:hover {
  background-color: var(--color--main--secondary-100);
  box-shadow: 0 5px 10px #f18a0033;
}

.btn-tag-icon-left:active {
  box-shadow: none;
}

.btn-tag-icon-right {
  grid-column-gap: .25em;
  grid-row-gap: .25em;
  background-color: var(--color--main--primary-100);
  color: var(--color--base--white-100);
  border-radius: .5em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: .25em .5em;
  font-family: Space Grotesk;
  font-size: .85em;
  font-weight: 700;
  line-height: 1.745;
  text-decoration: none;
  transition: all .2s ease-in-out;
  display: flex;
}

.btn-tag-icon-right:hover {
  background-color: var(--color--main--secondary-100);
  box-shadow: 0 5px 10px #f18a0033;
}

.btn-tag-icon-right:active {
  box-shadow: none;
}

.btn-tag {
  grid-column-gap: .25em;
  grid-row-gap: .25em;
  background-color: var(--color--main--primary-100);
  color: var(--color--base--white-100);
  border-radius: .5em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: .25em .5em;
  font-family: Space Grotesk;
  font-size: .85em;
  font-weight: 700;
  line-height: 1.745;
  text-decoration: none;
  transition: all .2s ease-in-out;
  display: flex;
}

.btn-tag:hover {
  background-color: var(--color--main--secondary-100);
  box-shadow: 0 5px 10px #f18a0033;
}

.btn-tag:active {
  box-shadow: none;
}

.img3d-parallax {
  position: absolute;
  inset: 0%;
}

.img3d-block {
  perspective: 1000px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.img3d-trigger {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 110%;
  height: 115%;
  display: flex;
  position: absolute;
}

.img3d {
  object-fit: cover;
  width: 100%;
  height: 130%;
  position: absolute;
}

.img3d-overlay {
  position: absolute;
  inset: 0%;
}

.velcro-right {
  align-items: flex-start;
  height: 21px;
  display: inline-block;
  position: absolute;
  inset: 0% 0% 0% 71px;
}

.velcro-bg {
  align-items: flex-start;
  height: 21px;
  display: inline-block;
  position: absolute;
  inset: 0 0% 0% 44px;
}

.velcro-full {
  align-items: flex-start;
  width: 100%;
  height: 21px;
  margin-right: 3px;
  display: inline-block;
}

.footer-velcro {
  opacity: .6;
  width: 74px;
  height: 21px;
  padding-right: 3px;
  transition: opacity .2s;
  position: relative;
  overflow: hidden;
}

.footer-velcro:hover {
  opacity: 1;
}

.nav-menu-link-wrapper {
  flex: 0 auto;
  margin: 0;
  padding: 0;
  display: flex;
}

.footer-menu-social {
  grid-column-gap: var(--_ui-styles---units--base--md-16);
  grid-row-gap: var(--_ui-styles---units--base--md-16);
  flex-direction: row;
  justify-content: center;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
}

.section-components {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-direction: column;
  align-items: center;
  padding: 5vw 10vw;
  display: flex;
  overflow: hidden;
}

.img-16x9 {
  width: 100%;
  padding-bottom: 56.25%;
  position: relative;
}

.img-parallax-container {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.img-parallax-trigger {
  object-fit: cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 120%;
  display: flex;
  position: absolute;
}

.img-parallax {
  object-fit: cover;
  width: 100%;
  height: 120%;
  position: absolute;
}

.img-parallax-overlay {
  opacity: .2;
  position: absolute;
  inset: 0%;
}

.main {
  flex: 1;
  display: block;
  position: relative;
  overflow: visible;
}

.img-3x2 {
  width: 100%;
  padding-bottom: 66.6667%;
  position: relative;
}

.img-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
  overflow: hidden;
}

.image-cover {
  pointer-events: none;
  object-fit: cover;
  width: 100%;
  max-width: none;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.img-1x1 {
  width: 100%;
  padding-bottom: 100%;
  position: relative;
  overflow: hidden;
}

.img-2x3 {
  width: 100%;
  padding-bottom: 150%;
  position: relative;
}

.img-3x4 {
  width: 100%;
  padding-bottom: 133.333%;
  position: relative;
}

.img-4x3 {
  width: 100%;
  padding-bottom: 75%;
  position: relative;
}

.btn-nav-large-external {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  font-family: var(--_typography---font-styles--headings);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  text-decoration: none;
  transition: color .2s;
  display: flex;
}

.btn-nav-large-external:hover {
  color: var(--color--main--secondary-100);
}

.btn-nav-large-external.w--current {
  border-bottom: 1px solid var(--color--main--secondary-100);
  color: var(--color--main--secondary-100);
}

.footer-center {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  flex-direction: column;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  text-decoration: none;
  display: flex;
}

.footer-right {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.footer-social-links {
  opacity: .6;
  font-family: var(--_typography---font-styles--social);
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  transition: opacity .2s ease-in-out;
}

.footer-social-links:hover {
  opacity: 1;
}

.footer-left-container {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 20vw;
  display: flex;
}

.btn-nav-small-external {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  font-family: var(--_typography---font-styles--body-text);
  color: var(--color--base--white-100);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
  transition: color .2s;
  display: flex;
}

.btn-nav-small-external:hover {
  color: var(--color--main--secondary-100);
}

.btn-nav-small-external.w--current {
  border-bottom: 1px solid var(--color--main--secondary-100);
  color: var(--color--main--secondary-100);
}

.footer-menu-secondary {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  justify-content: center;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
}

.footer-menu-group-title {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  font-family: var(--_typography---font-styles--headings);
  font-size: var(--_typography---font-sizes--heading-5);
  line-height: 1.2;
  font-weight: var(--_typography---font-weights--headings);
  letter-spacing: -.01em;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.links-bottom-left {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  justify-content: flex-start;
  align-items: flex-start;
  width: 40%;
  display: flex;
}

.menu-group {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 200px;
  display: flex;
}

.footer-menu-primary {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.footer-bottom-container {
  grid-column-gap: 1.875em;
  grid-row-gap: 1.875em;
  flex-direction: column;
  width: 100%;
  display: flex;
  position: relative;
}

.row-botom {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.footer-certifications-container {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.links-bottom-center {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  color: #fff;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.links-bottom-right {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: flex-end;
  align-items: flex-start;
  width: 40%;
  display: flex;
}

.footer-main-menu {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.footer-main-container {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
  position: relative;
}

.footer {
  max-width: var(--_ui-styles---units--max-width);
  padding: var(--_ui-styles---units--global-padding) var(--_ui-styles---units--global-padding) var(--_ui-styles---units--base--lg-24);
  grid-column-gap: 2.5em;
  grid-row-gap: 2.5em;
  border-radius: var(--_ui-styles---units--container-corner);
  background-color: var(--color--base--grey-100);
  color: var(--color--base--white-100);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.nav-menu-open-icon {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  cursor: pointer;
  background-color: #80ffa4;
  border-radius: 8px;
  justify-content: flex-end;
  align-items: center;
  padding: 8px;
  text-decoration: none;
  display: none;
}

.nav-menu-close {
  color: #204e45;
  background-color: #80ffa4;
  border-radius: 8px;
  padding: 8px;
  display: flex;
  position: sticky;
}

.horizontal-line-container {
  width: 100%;
  height: 1px;
}

.horizontal-line {
  background-color: #fff3;
  width: 100%;
  height: 1px;
}

.horizontal-line.is-grey {
  background-color: #13172033;
}

.horizontal-line.is-white {
  background-color: var(--color--base--white-10);
}

.img-scroll-in {
  z-index: 5;
  position: absolute;
  inset: 0%;
}

.color-overlay {
  background-color: var(--color--base--grey-100);
  pointer-events: none;
  display: none;
  position: absolute;
  inset: 0%;
}

.color-overlay.is-primary {
  background-color: var(--color--main--primary-100);
}

.color-overlay.is-secondary {
  background-color: var(--color--main--secondary-100);
}

.scroll-color-overlay {
  position: absolute;
  inset: 0%;
}

.photos-marquee {
  flex-direction: column;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
  overflow: visible;
}

.marquee {
  white-space: nowrap;
  flex: 0 auto;
  grid-template-rows: auto;
  grid-template-columns: auto auto;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.marquee-row {
  flex-flow: row;
  grid-template-rows: minmax(auto, 16em);
  grid-template-columns: auto auto;
  grid-auto-columns: auto;
  place-content: space-between flex-start;
  place-items: center start;
  display: flex;
}

.marquee-photo {
  margin-right: var(--_ui-styles---units--base--xs-8);
  object-fit: fill;
  max-width: 24.375rem;
  max-height: 17.5rem;
}

.nav-menu-open-icon-2 {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  cursor: pointer;
  background-color: #000b19;
  border-radius: 8px;
  justify-content: flex-end;
  align-items: center;
  padding: 8px;
  text-decoration: none;
  display: none;
}

.menu-icon {
  width: 24px;
  height: 24px;
  display: flex;
}

.nav-dropdown-2 {
  position: static;
}

.menu-button {
  border-radius: var(--_ui-styles---units--btn-corner);
  background-color: var(--color--base--black-100);
  padding: 8px;
  text-decoration: none;
  transition: transform .2s;
  display: none;
}

.menu-button:hover {
  transform: scale(1.1);
}

.btn-nav-small {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 13px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
  transition: color .2s;
  display: flex;
}

.btn-nav-small.w--current {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-color: inherit;
}

.menu-main-lang-container {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  flex-direction: row;
  align-items: flex-start;
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: flex;
}

.is-select {
  background-color: var(--color--base--white-100);
  -webkit-appearance: none;
  appearance: none;
  background-image: url('../images/icon-chevron-down.svg');
  background-position: calc(100% - 12px);
  background-repeat: no-repeat;
  background-size: 24px 24px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  display: flex;
}

.site-header {
  z-index: 99;
  position: sticky;
  top: 0;
}

.button-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: auto auto auto;
  grid-auto-columns: 1fr;
  place-items: center stretch;
  width: 100%;
  display: grid;
}

.button-wrapper.is-preferences {
  margin-top: 16px;
}

.cookie-paragraph {
  width: auto;
  max-width: 400px;
  margin-bottom: 0;
  font-size: .75em;
}

.consent-item-checkbox-label {
  display: none;
}

.preferences-close-button {
  z-index: 1;
  border: 2px solid #232323;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  padding: 8px;
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  transition: color .2s, background-color .2s;
  display: flex;
  position: absolute;
  inset: 8px 8px auto auto;
}

.preferences-close-button:hover {
  color: #fff;
  background-color: #232323;
}

.preferences-close-button:focus {
  background-color: #2323234d;
}

.consents-form {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 0;
  display: flex;
}

.preferences-container {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #fff;
  border: 1px solid #232323;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 40vw;
  max-width: 500px;
  padding: 1.5em;
  display: flex;
  position: relative;
}

.text-2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
}

.consent-item-text {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.fs-manager-opener {
  padding: 4px;
  display: none;
  position: fixed;
  inset: auto auto 16px 16px;
}

.preferences-link {
  font-size: .75em;
}

.open-preferences {
  color: #fff;
  font-size: 12px;
}

.consent-item-checkbox {
  background-color: #2323234d;
  background-image: url('../images/Circle.svg');
  background-repeat: no-repeat;
  background-size: contain;
  border: 2px solid #2323234d;
  border-radius: 12px;
  width: 40px;
  height: 24px;
  margin: 0;
  transition: background-position .2s;
}

.consent-item-checkbox.w--redirected-checked {
  background-color: #232323;
  background-image: url('../images/Circle.svg');
  background-position: 100%;
  background-size: contain;
  border-width: 2px;
  border-color: #232323;
  margin: 0;
}

.consent-item-option-text {
  font-family: var(--_typography---font-styles--headings);
  text-align: right;
  text-transform: uppercase;
  font-size: 1em;
  font-weight: 700;
  line-height: .8;
}

.preferences-top-container {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-right: 32px;
  display: flex;
}

.consent-item-text-title {
  font-family: var(--_typography---font-styles--headings);
  text-transform: uppercase;
  font-size: 1.333em;
  font-weight: 700;
  line-height: .8;
}

.cookie-tag {
  width: 100%;
}

.button {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  border: 2px solid var(--color--main--primary-100);
  background-color: var(--color--main--primary-100);
  color: var(--color--base--black-100);
  text-align: center;
  letter-spacing: 1.6px;
  text-transform: uppercase;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  padding: 8px;
  font-size: 12px;
  line-height: 24px;
  text-decoration: none;
  transition: background-color .2s;
  display: flex;
}

.button:hover {
  background-color: var(--color--base--white-100);
}

.button.deny {
  background-color: var(--color--base--white-100);
  transition-property: border-color;
}

.button.deny:hover {
  border-color: var(--color--base--black-100);
}

.consent-item-checkbox-group {
  width: auto;
  margin-bottom: 0;
  padding-left: 0;
}

.consent-form-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-bottom: 1px solid #2323234d;
  grid-template-rows: auto;
  grid-template-columns: 1fr .25fr;
  grid-auto-columns: 1fr;
  place-items: center stretch;
  width: 100%;
  margin-top: 8px;
  margin-bottom: 8px;
  padding-bottom: 8px;
  display: grid;
}

.cookies {
  z-index: 999;
  position: relative;
}

.fs-cookie-popup {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border: 1px solid var(--color--base--black-100);
  background-color: var(--color--base--white-100);
  flex-flow: column;
  width: auto;
  max-width: 90vw;
  height: auto;
  margin-bottom: 1em;
  margin-left: 1em;
  margin-right: 1em;
  padding: 1em;
  display: none;
  position: fixed;
  inset: auto 0% 0% auto;
}

.consent-item-option {
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  display: flex;
}

.consent-form-success {
  background-color: #14e499;
  width: 100%;
}

.fs-preferences-manager-wrapper {
  z-index: 2;
  background-color: #232323cc;
  justify-content: center;
  align-items: center;
  padding: 5vw;
  display: none;
  position: fixed;
  inset: 0%;
}

.consent-form-error {
  background-color: #ff634766;
  width: 100%;
}

.nav-container {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: .3fr 1fr .3fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  width: 100%;
  display: grid;
}

.nav-menu-primary {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.nav-menu-main-link-wrapper {
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  margin: 0;
  padding: 0;
  display: flex;
}

.nav-menu-left-container {
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.navbar-top {
  padding: var(--_ui-styles---units--base--md-16) var(--_ui-styles---units--base--xl-32);
  background-color: var(--color--main--tertiary-100);
  color: var(--color--base--black-100);
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
  position: static;
}

.navbar-main-container {
  max-width: var(--_ui-styles---units--max-width);
  width: 100%;
}

.nav-menu-main-container {
  grid-column-gap: 2.5em;
  grid-row-gap: 2.5em;
  flex-direction: column;
  display: flex;
}

.nav-menu-middle-container {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.nav-menu-right-container {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex: 0 auto;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  display: flex;
}

.lang-top-container {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  list-style-type: none;
  display: flex;
}

.lang-top-container.is-mobile {
  display: none;
}

.menu-cta {
  display: flex;
}

.menu-cta.is-mobile {
  display: none;
}

.nav-logo {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.btn-icon-left {
  flex: auto;
  max-width: none;
  height: 24px;
  max-height: none;
  position: relative;
}

.btn-icon-external-absolute {
  max-width: none;
  height: 24px;
  max-height: none;
  position: absolute;
  inset: 0%;
}

.page-loader {
  z-index: 99999;
  background-color: var(--color--main--primary-100);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.opacity-90 {
  opacity: .9;
}

.opacity-80 {
  opacity: .8;
}

.opacity-70 {
  opacity: .7;
}

.opacity-60 {
  opacity: .6;
}

.opacity-50 {
  opacity: .5;
}

.opacity-40 {
  opacity: .4;
}

.opacity-30 {
  opacity: .3;
}

.opacity-20 {
  opacity: .2;
}

.opacity-10 {
  opacity: .1;
}

.footer-copyright {
  opacity: .5;
}

.footer-wrapper {
  padding: var(--_ui-styles---units--base--sm-12) var(--_ui-styles---units--global-padding);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.default-headline-container {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 56rem;
  display: flex;
}

.button-group {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.button-group.is-center {
  justify-content: center;
}

.button-group.has-top-margin {
  margin-top: var(--_ui-styles---units--base--lg-24);
}

.header-marquee-container {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100vw;
  display: flex;
  overflow: hidden;
}

.header-marquee-images-layout {
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.section-default {
  padding: var(--_ui-styles---units--global-padding);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.default-main-container {
  max-width: var(--_ui-styles---units--max-width);
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
  overflow: visible;
}

.default-main-container.has-medium-gap {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
}

.headline-container {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  display: flex;
}

.page-loader-image {
  max-width: 6rem;
}

.element-blur-container {
  justify-content: flex-start;
  align-items: center;
  width: 33.75vw;
  height: 29.375vw;
  display: flex;
  position: absolute;
}

.element-blur-container.is-header {
  inset: 25% -6% 0% auto;
}

.element-blur-container.is-who-we-are {
  width: 25.9375vw;
  height: 22.5vw;
  top: 20%;
  left: -11vw;
}

.element-blur-container.is-cocreate {
  inset: auto auto -12vw -11vw;
}

.element-blur-container.is-capsule-banner {
  opacity: .2;
  width: 100%;
  height: 100%;
  inset: 0%;
}

.element-blur {
  aspect-ratio: 1;
  border-radius: 50%;
  position: absolute;
}

.element-blur.is-large {
  filter: blur(6.25vw);
  height: 100%;
  inset: 0% auto auto 0%;
}

.element-blur.is-large.is-pink {
  background-image: linear-gradient(#ff7bca, #ffc56f73);
}

.element-blur.is-large.is-green {
  background-image: linear-gradient(#1ea8964d, #f7765133);
}

.element-blur.is-large.is-lime {
  background-image: linear-gradient(180deg, var(--color--states--sucess), #ffea76);
  opacity: .2;
}

.element-blur.is-small {
  filter: blur(3.125vw);
  width: 63%;
  inset: auto 0% auto auto;
}

.element-blur.is-small.is-pink {
  background-image: linear-gradient(#f22fb0, #f58a2533);
}

.element-blur.is-small.is-green {
  background-image: linear-gradient(#1ea896cc, #f58a2533);
}

.element-blur.is-small.is-lime {
  background-image: linear-gradient(180deg, var(--color--main--secondary-100), var(--color--states--sucess));
  opacity: .2;
}

.element-blur.is-capsule-01 {
  filter: blur(3.125vw);
  width: 35%;
  inset: -20% auto auto -16%;
}

.element-blur.is-capsule-01.is-pink {
  background-image: linear-gradient(#f22fb0, #f58a2533);
}

.element-blur.is-capsule-02 {
  filter: blur(3.125vw);
  width: 45%;
  inset: -10% -7% auto auto;
}

.element-blur.is-capsule-02.is-pink {
  background-image: linear-gradient(#f22fb0, #f58a2533);
}

.element-blur.is-capsule-03 {
  filter: blur(3.125vw);
  width: 30%;
  inset: auto -2% -45% auto;
}

.element-blur.is-capsule-03.is-pink {
  background-image: linear-gradient(#f22fb0, #f58a2533);
}

.element-blur.is-capsule-header-01 {
  filter: blur(3.125vw);
  width: 25%;
  max-width: 21.375em;
  inset: auto auto auto -12.5%;
}

.element-blur.is-capsule-header-01.is-pink {
  background-image: linear-gradient(#f22fb0, #f58a2533);
}

.element-blur.is-capsule-header-03 {
  filter: blur(3.125vw);
  width: 30%;
  max-width: 23.75em;
  inset: auto -10% auto auto;
}

.element-blur.is-capsule-header-03.is-pink {
  background-image: linear-gradient(#f22fb0, #f58a2533);
}

.who-we-are-grid {
  grid-column-gap: var(--_ui-styles---units--base--xxl-40);
  grid-row-gap: var(--_ui-styles---units--base--xxl-40);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  text-decoration: none;
  display: grid;
}

.who-we-are-card {
  padding: var(--_ui-styles---units--base--lg-24) var(--_ui-styles---units--base--md-16);
  grid-row-gap: var(--_ui-styles---units--base--lg-24);
  border-radius: var(--_ui-styles---units--container-corner);
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  transition: background-color .2s;
  display: flex;
}

.who-we-are-card:hover {
  background-color: var(--color--base--white-100);
}

.who-icon {
  overflow: hidden;
}

.who-card-text {
  grid-column-gap: var(--_ui-styles---units--base--sm-12);
  grid-row-gap: var(--_ui-styles---units--base--sm-12);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.moments-grid {
  grid-column-gap: var(--_ui-styles---units--base--xl-32);
  grid-row-gap: var(--_ui-styles---units--base--xl-32);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  text-decoration: none;
  display: grid;
}

.moments-card {
  grid-column-gap: var(--_ui-styles---units--base--lg-24);
  grid-row-gap: var(--_ui-styles---units--base--lg-24);
  border-radius: var(--_ui-styles---units--container-corner);
  color: var(--color--base--white-100);
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.moments-card-text {
  padding: var(--_ui-styles---units--base--xl-32) var(--_ui-styles---units--base--xl-32) var(--_ui-styles---units--base--none-0);
  grid-row-gap: var(--_ui-styles---units--base--xs-8);
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.bg-color-tertiary {
  background-color: var(--color--main--tertiary-100);
}

.bg-color-secondary {
  background-color: var(--color--main--secondary-100);
}

.bg-color-primary {
  background-color: var(--color--main--primary-100);
}

.bg-color-quaternary {
  background-color: var(--color--main--quaternary-100);
}

.bg-color-dark {
  background-color: var(--color--base--black-100);
}

.bg-color-grey {
  background-color: var(--color--base--grey-100);
}

.bg-color-white {
  background-color: var(--color--base--white-100);
}

.cocreate-container {
  padding: var(--_ui-styles---units--base--md-16);
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-radius: var(--_ui-styles---units--container-corner);
  background-color: var(--color--base--white-100);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  place-items: stretch stretch;
  width: 100%;
  text-decoration: none;
  display: grid;
  position: relative;
  overflow: hidden;
}

.cocreate-left {
  padding: var(--_ui-styles---units--global-padding);
  grid-row-gap: var(--_ui-styles---units--base--xl-32);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.cocreate-text {
  grid-row-gap: var(--_ui-styles---units--base--xs-8);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.cocreate-grid {
  grid-column-gap: var(--_ui-styles---units--base--xs-8);
  grid-row-gap: var(--_ui-styles---units--base--xs-8);
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  place-items: stretch stretch;
  width: 100%;
  text-decoration: none;
  display: grid;
}

.cocreate-card {
  padding: var(--_ui-styles---units--base--sm-12) var(--_ui-styles---units--base--lg-24);
  grid-row-gap: 4px;
  border-radius: var(--_ui-styles---units--container-corner);
  background-color: var(--color--main--secondary-10);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
  position: relative;
}

.cocreate-card-number {
  width: var(--_ui-styles---units--base--lg-24);
  height: var(--_ui-styles---units--base--lg-24);
  background-color: var(--color--main--secondary-100);
  color: var(--color--base--white-100);
  font-weight: var(--_typography---font-weights--headings);
  text-align: center;
  border-radius: 50%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 2px;
  right: 2px;
}

.cocreate-image-container {
  border-radius: var(--_ui-styles---units--image-corner);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.signup-container {
  grid-column-gap: var(--_ui-styles---units--base--xl-32);
  grid-row-gap: var(--_ui-styles---units--base--xl-32);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  place-items: stretch stretch;
  width: 100%;
  text-decoration: none;
  display: grid;
  position: relative;
  overflow: hidden;
}

.signup-left {
  padding: var(--_ui-styles---units--global-padding);
  grid-row-gap: var(--_ui-styles---units--base--xl-32);
  border-radius: var(--_ui-styles---units--container-corner);
  background-color: var(--color--base--white-100);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.success-message {
  border-radius: var(--_ui-styles---units--container-corner);
  background-color: var(--color--main--secondary-10);
}

.error-message {
  border-radius: var(--_ui-styles---units--container-corner);
}

.signup-right {
  padding: var(--_ui-styles---units--global-padding);
  grid-row-gap: var(--_ui-styles---units--base--xxl-40);
  border: 1px solid var(--color--base--black-20);
  background-color: var(--color--main--tertiary-100);
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.signup-offer-title {
  grid-row-gap: var(--_ui-styles---units--base--xs-8);
  color: var(--color--main--primary-100);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.signup-offer {
  padding: var(--_ui-styles---units--base--lg-24);
  grid-row-gap: var(--_ui-styles---units--base--md-16);
  border: 1px solid var(--color--main--primary-100);
  border-radius: var(--_ui-styles---units--container-corner);
  background-color: var(--color--main--primary-10);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.heading-6 {
  color: #f77651;
  letter-spacing: -.01em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Delight, sans-serif;
  font-size: 33px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.signup-offer-text {
  grid-row-gap: var(--_ui-styles---units--base--xs-8);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.scroll-anchor {
  pointer-events: none;
  width: 4px;
  height: 6rem;
  position: absolute;
  inset: -3rem auto auto 0%;
}

.class-capsule-banner {
  padding: var(--_ui-styles---units--base--md-16);
  grid-row-gap: var(--_ui-styles---units--base--md-16);
  border-radius: var(--_ui-styles---units--container-corner);
  background-color: var(--color--base--white-50);
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.class-capsule-banner-container {
  padding: var(--_ui-styles---units--global-padding);
  grid-row-gap: var(--_ui-styles---units--global-padding);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
  position: relative;
}

.class-capsule-banner-top {
  grid-column-gap: var(--_ui-styles---units--base--md-16);
  grid-row-gap: var(--_ui-styles---units--base--md-16);
  grid-template-rows: auto;
  grid-template-columns: 1fr .34fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: grid;
}

.class-capsule-banner-title-container {
  grid-row-gap: var(--_ui-styles---units--base--xs-8);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.outside-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-left: 14.5%;
  padding-right: 14.5%;
  font-size: 100%;
  text-decoration: none;
  display: flex;
  position: relative;
}

.pages-container {
  background-color: var(--color--base--white-100);
  border-radius: .375em;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
  overflow: hidden;
  box-shadow: 0 0 #0000, 0 0 #0000, 0 6.11607px 7.64509px #0000001a, 0 2.44643px 3.05804px #0000001a;
}

.left-page {
  grid-row-gap: 3.66964px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: 193.879px;
  text-decoration: none;
  display: flex;
}

.page {
  grid-column-gap: 3.05804px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 4.89286px;
  text-decoration: none;
  display: flex;
}

.grid-square {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 127.214px;
  height: 184.094px;
  text-decoration: none;
  display: flex;
}

.frame-5 {
  grid-column-gap: 3.05804px;
  justify-content: center;
  align-items: center;
  width: 127.214px;
  height: 159.531px;
  text-decoration: none;
  display: flex;
}

.grid-cell {
  background-color: #4f5d751a;
  justify-content: flex-start;
  align-items: center;
  width: 127.214px;
  height: 159.531px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.add-square {
  opacity: .5;
  object-fit: cover;
  position: absolute;
  top: 76.3772px;
  left: 0;
  overflow: hidden;
}

.frame-4 {
  grid-row-gap: 1.22321px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-3 {
  grid-column-gap: 3.05804px;
  background-color: #4f5d751a;
  justify-content: center;
  align-items: center;
  width: 61.1607px;
  height: 3.66964px;
  text-decoration: none;
  display: flex;
}

.frame-6 {
  grid-column-gap: 3.05804px;
  background-color: #4f5d751a;
  justify-content: center;
  align-items: center;
  width: 67.2768px;
  height: 3.66964px;
  text-decoration: none;
  display: flex;
}

.frame-2 {
  grid-column-gap: 3.05804px;
  justify-content: center;
  align-items: center;
  width: 127.214px;
  height: 84.0469px;
  text-decoration: none;
  display: flex;
}

.grid-cell-2 {
  background-color: #4f5d751a;
  justify-content: flex-start;
  align-items: center;
  width: 127.214px;
  height: 84.0469px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.add-square-2 {
  opacity: .5;
  object-fit: cover;
  position: absolute;
  top: 38.3772px;
  left: 0;
  overflow: hidden;
}

.cursor-image {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 1.5em;
  height: 1.5em;
  display: flex;
}

.frame-7 {
  grid-column-gap: 4.89286px;
  justify-content: flex-start;
  align-items: center;
  width: 127.214px;
  height: 84.0469px;
  text-decoration: none;
  display: flex;
}

.frame-8 {
  grid-column-gap: 3.05804px;
  justify-content: center;
  align-items: center;
  width: 61.1607px;
  height: 84.0469px;
  text-decoration: none;
  display: flex;
}

.grid-cell-3 {
  background-color: #4f5d751a;
  justify-content: flex-start;
  align-items: center;
  width: 61.1607px;
  height: 84.0469px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.add-square-3 {
  opacity: .5;
  object-fit: cover;
  position: absolute;
  top: 38.3538px;
  left: -33px;
  overflow: hidden;
}

.add-square-4 {
  opacity: .5;
  object-fit: cover;
  position: absolute;
  top: 38.3538px;
  left: 0;
  overflow: hidden;
}

.pages-cursor {
  color: var(--color--base--white-100);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 21%;
  text-decoration: none;
  display: flex;
  position: absolute;
  inset: 70% 0 auto auto;
}

.pages-cursor.is-left {
  justify-content: flex-start;
  align-items: flex-start;
}

.pages-cursor.is-second {
  width: 23%;
  top: 30%;
  left: 0;
  right: auto;
}

.pages-cursor.is-third {
  top: 20%;
  right: 34%;
}

.pages-cursor-pill-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-right: 1em;
  text-decoration: none;
  display: flex;
}

.pages-cursor-pill-wrapper.is-left {
  padding-left: 1em;
  padding-right: 0;
}

.pages-cursor-pill {
  background-color: #ff6565;
  border-radius: 1.125em;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: .125em .5em;
  font-size: .6875em;
  text-decoration: none;
  display: flex;
  box-shadow: 0 1px 4px #00000029;
}

.pages-cursor-pill.is-dark {
  background-color: var(--color--base--black-100);
}

.pages-cursor-pill.is-green {
  background-color: var(--color--main--secondary-100);
}

.text-4 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 11px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.cursor-2 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 195.879px;
  left: 155px;
}

.container-3 {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-right: 16px;
  text-decoration: none;
  display: flex;
}

.content-style-5 {
  grid-column-gap: 8px;
  background-color: #2d3142;
  border-radius: 18px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 8px;
  text-decoration: none;
  display: flex;
  box-shadow: 0 1px 4px #00000029;
}

.cursor-3 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 195.879px;
  left: 158px;
}

.content-style-6 {
  grid-column-gap: 8px;
  background-color: #1ea896;
  border-radius: 18px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 8px;
  text-decoration: none;
  display: flex;
  box-shadow: 0 1px 4px #00000029;
}

.class-capsule-banner-bottom {
  grid-column-gap: var(--_ui-styles---units--base--xxxl-64);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: grid;
}

.class-capsule-charity {
  padding: var(--_ui-styles---units--base--lg-24);
  grid-column-gap: var(--_ui-styles---units--base--lg-24);
  border: 1px solid var(--color--base--black-20);
  border-radius: var(--_ui-styles---units--container-corner);
  grid-template-rows: auto;
  grid-template-columns: 96px 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  text-decoration: none;
  display: grid;
  overflow: hidden;
}

.class-capsule-info-main-container {
  grid-row-gap: var(--_ui-styles---units--base--lg-24);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.content-style {
  grid-row-gap: 64px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.section-title {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.tagline {
  padding: var(--_ui-styles---units--base--xxs-4) var(--_ui-styles---units--base--sm-12);
  text-transform: uppercase;
  background-color: #2d31420d;
  border-radius: 360px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  text-decoration: none;
  display: flex;
}

.text-5 {
  color: #2d3142;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.class-capsule-info-content {
  grid-column-gap: 10vw;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: grid;
}

.text-6 {
  color: #2d3142;
  letter-spacing: -.01em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Delight, sans-serif;
  font-size: 28px;
  font-weight: 500;
  line-height: 120%;
  text-decoration: none;
}

.class-capsule-info-content-right {
  grid-column-gap: var(--_ui-styles---units--base--lg-24);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: grid;
}

.heading {
  color: #2d3142;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 19px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.class-capsule-how-main-container {
  grid-row-gap: var(--_ui-styles---units--base--lg-24);
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.class-capsule-how-title {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.heading-7 {
  color: #2d3142;
  text-align: center;
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Delight, sans-serif;
  font-size: 48px;
  font-weight: 500;
  line-height: 120%;
  text-decoration: none;
}

.class-capsule-how-steps {
  grid-column-gap: var(--_ui-styles---units--base--xl-32);
  grid-row-gap: 16px;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  text-decoration: none;
  display: grid;
}

.class-capsule-how-step-number {
  border: 1px solid var(--color--base--black-30);
  border-radius: var(--_ui-styles---units--container-corner);
  font-family: var(--_typography---font-styles--headings);
  color: var(--color--base--black-30);
  font-size: var(--_typography---font-sizes--heading-4);
  text-align: center;
  letter-spacing: -.01em;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  font-weight: 500;
  line-height: 1.2;
  text-decoration: none;
  display: flex;
}

.text-7 {
  color: #2d31424d;
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Delight, sans-serif;
  font-size: 22px;
  font-weight: 500;
  line-height: 120%;
  text-decoration: none;
}

.class-capsule-how-step-description {
  grid-row-gap: var(--_ui-styles---units--base--xxs-4);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-8 {
  color: #f77651;
  letter-spacing: -.01em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 15px;
  font-family: Delight, sans-serif;
  font-size: 28px;
  font-weight: 500;
  line-height: 120%;
  text-decoration: none;
}

.heading-8 {
  color: #2d3142;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.divider {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 1px;
  text-decoration: none;
  display: flex;
}

.class-capsule-how-step {
  grid-column-gap: var(--_ui-styles---units--base--sm-12);
  grid-row-gap: var(--_ui-styles---units--base--sm-12);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.steps-divider {
  background-color: var(--color--base--black-10);
  width: 1px;
  height: 100%;
}

.class-capsule-why-main-container {
  grid-row-gap: var(--_ui-styles---units--base--xl-32);
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.class-capsule-why-top {
  padding: var(--_ui-styles---units--base--lg-24);
  border-radius: var(--_ui-styles---units--container-corner);
  background-color: var(--color--base--white-100);
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.content-style-8 {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.class-capsule-why-top-content-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.class-capsule-why-top-content {
  padding: var(--_ui-styles---units--base--lg-24);
  grid-row-gap: var(--_ui-styles---units--base--xl-32);
  border-radius: var(--_ui-styles---units--container-corner);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  color: var(--color--base--white-100);
  background-color: #f77651cc;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 37rem;
  text-decoration: none;
  display: flex;
}

.heading-9 {
  color: #f6f6f6;
  letter-spacing: -.01em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Delight, sans-serif;
  font-size: 40px;
  font-weight: 500;
  line-height: 120%;
  text-decoration: none;
}

.class-capsule-why-list {
  grid-row-gap: var(--_ui-styles---units--base--sm-12);
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.class-capsule-why-list-card {
  grid-row-gap: var(--_ui-styles---units--base--xxs-4);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-9 {
  color: #f6f6f6e6;
  letter-spacing: -.01em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 15px;
  font-family: Delight, sans-serif;
  font-size: 28px;
  font-weight: 500;
  line-height: 120%;
  text-decoration: none;
}

.heading-10 {
  color: #f6f6f6;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 19px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.divider-2 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 544px;
  height: 1px;
  text-decoration: none;
  display: flex;
}

.class-capsule-why-bottom {
  grid-column-gap: var(--_ui-styles---units--base--xl-32);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  text-decoration: none;
  display: grid;
}

.content-style-10 {
  grid-column-gap: 24px;
  border: 1px solid #2d314233;
  border-radius: 12px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 199px;
  padding: 24px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-style {
  object-fit: cover;
  overflow: hidden;
}

.class-capsule-charity-text {
  grid-row-gap: var(--_ui-styles---units--base--md-16);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.heading-11 {
  color: #2d3142;
  letter-spacing: -.01em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Delight, sans-serif;
  font-size: 33px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.heading-12 {
  color: #2d3142;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 19px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.class-capsule-why-pricing {
  padding: var(--_ui-styles---units--base--lg-24);
  grid-row-gap: var(--_ui-styles---units--base--md-16);
  border: 1px solid var(--color--base--black-20);
  border-radius: var(--_ui-styles---units--container-corner);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.section-title-3 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.class-capsule-why-pricing-text {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.heading-13 {
  color: #2d3142;
  letter-spacing: -.01em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Delight, sans-serif;
  font-size: 33px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.heading-0 {
  color: #2d3142;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 23px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.heading-1-----aaaa {
  color: #2d3142;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.banner-bg-image-container {
  pointer-events: none;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.class-capsule-why-charity {
  padding: var(--_ui-styles---units--base--lg-24);
  grid-column-gap: var(--_ui-styles---units--base--lg-24);
  border: 1px solid var(--color--base--black-20);
  border-radius: var(--_ui-styles---units--container-corner);
  grid-template-rows: auto;
  grid-template-columns: 96px 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: start;
  width: 100%;
  text-decoration: none;
  display: grid;
  overflow: hidden;
}

.class-capsule-signup {
  padding: var(--_ui-styles---units--global-padding);
  grid-column-gap: 10vw;
  grid-row-gap: 10vw;
  border-radius: var(--_ui-styles---units--container-corner);
  background-color: var(--color--base--white-100);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  place-items: stretch stretch;
  width: 100%;
  text-decoration: none;
  display: grid;
  position: relative;
  overflow: hidden;
}

.class-capsule-cta {
  padding: var(--_ui-styles---units--global-padding);
  border-radius: var(--_ui-styles---units--container-corner);
  background-color: var(--color--base--white-100);
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.class-capsule-cta-content-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.class-capsule-cta-content {
  padding: var(--_ui-styles---units--base--lg-24);
  grid-row-gap: var(--_ui-styles---units--base--xs-8);
  border-radius: var(--_ui-styles---units--container-corner);
  background-color: var(--color--base--black-30);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  color: var(--color--base--white-100);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 37rem;
  text-decoration: none;
  display: flex;
}

.class-capsule-header {
  grid-column-gap: 5vw;
  grid-row-gap: 5vw;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: grid;
}

.class-capsule-header-title-container {
  grid-row-gap: var(--_ui-styles---units--base--lg-24);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

@media screen and (min-width: 1440px) {
  body {
    --_typography---font-styles--body-text: Inter, sans-serif;
    --_typography---font-styles--headings: Delight, Arial, sans-serif;
    --_typography---font-sizes--heading-1: 2.488em;
    --_typography---font-weights--headings: 500;
    --_typography---font-sizes--heading-2: 2.074em;
    --_typography---font-sizes--heading-3: 1.728em;
    --_typography---font-sizes--heading-4: 1.44em;
    --_typography---font-sizes--heading-5: 1.2em;
    --_typography---font-sizes--heading-6: 1em;
    --_typography---font-sizes--text-medium: 1.2em;
    --_typography---font-weights--body: 400;
    --_typography---font-sizes--heading-extra-large: 4.3em;
    --_typography---font-sizes--heading-large: 3.583em;
    --_typography---font-sizes--heading-small: 2.986em;
    --_typography---font-sizes--text-large: 1.44em;
    --_typography---font-sizes--text-default: 1em;
    --_typography---font-sizes--text-small: .833em;
    --_typography---font-sizes--text-tiny: .694em;
    --_typography---buttons-font-sizes--btn-large: 1em;
    --_typography---buttons-font-sizes--btn-medium: 14px;
    --_typography---buttons-font-sizes--btn-small: 12px;
    --_typography---font-styles--social: "Velcro Font 2023", sans-serif;
    font-size: calc(.416667vw + 10px);
  }

  .text-size-small {
    font-size: .8125em;
  }

  .footer-right, .footer-left-container {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
  }

  .footer-main-menu {
    grid-column-gap: 3em;
    grid-row-gap: 3em;
  }

  .nav-menu-open-icon, .nav-menu-open-icon-2 {
    border-radius: .5em;
  }

  .nav-menu-primary {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
  }

  .nav-menu-right-container {
    grid-column-gap: 1.25em;
    grid-row-gap: 1.25em;
  }
}

@media screen and (min-width: 1920px) {
  body {
    font-size: 18px;
  }

  h1 {
    font-size: 64px;
  }

  h2 {
    font-size: 51px;
  }

  h3 {
    font-size: 41px;
  }

  h4 {
    font-size: 33px;
  }

  h5 {
    font-size: 26px;
  }

  blockquote {
    font-size: 31px;
  }

  .hightlight-text {
    font-size: 30px;
  }

  .row-botom {
    height: auto;
  }

  .default-headline-container {
    max-width: 52.375vw;
  }
}

@media screen and (max-width: 991px) {
  body {
    --_ui-styles---units--image-corner: var(--_ui-styles---units--base--xs-8);
    --_ui-styles---units--base--lg-24: 24px;
    --_ui-styles---units--base--xxl-40: 40px;
    --_ui-styles---units--base--xs-8: 8px;
    --_ui-styles---units--base--md-16: 16px;
    --_ui-styles---units--input-corner: var(--_ui-styles---units--base--sm-12);
    --_ui-styles---units--base--sm-12: 12px;
    --_ui-styles---units--btn-corner: var(--_ui-styles---units--base--sm-12);
    --_ui-styles---units--base--xxs-4: 4px;
    --_ui-styles---units--max-width: 1690px;
    --_ui-styles---units--global-padding: 4vw;
    --_ui-styles---units--container-corner: var(--_ui-styles---units--base--sm-12);
    --_ui-styles---units--base--xl-32: 32px;
    --_ui-styles---units--base--none-0: 0px;
    --_ui-styles---units--base--xxxl-64: 64px;
    --_ui-styles---units--text-responsive-value: 1.05885;
    --_ui-styles---units--base--full-360: 360px;
    --_typography---font-styles--body-text: Inter, sans-serif;
    --_typography---font-styles--headings: Delight, Arial, sans-serif;
    --_typography---font-sizes--heading-1: calc(33px + (40 - 33) * ((100vw - 478px) / (1440 - 478)));
    --_typography---font-weights--headings: 500;
    --_typography---font-sizes--heading-2: calc(28px + (33 - 28) * ((100vw - 478px) / (1440 - 478)));
    --_typography---font-sizes--heading-3: calc(23px + (28 - 23) * ((100vw - 478px) / (1440 - 478)));
    --_typography---font-sizes--heading-4: calc(19px + (23 - 19) * ((100vw - 478px) / (1440 - 478)));
    --_typography---font-sizes--heading-5: calc(18px + (19 - 18) * ((100vw - 478px) / (1440 - 478)));
    --_typography---font-sizes--heading-6: 1em;
    --_typography---font-sizes--text-medium: 1.2em;
    --_typography---font-weights--body: 400;
    --_typography---font-sizes--heading-extra-large: calc(57px + (69 - 57) * ((100vw - 478px) / (1440 - 478)));
    --_typography---font-sizes--heading-large: calc(48px + (57 - 48) * ((100vw - 478px) / (1440 - 478)));
    --_typography---font-sizes--heading-small: calc(40px + (48 - 40) * ((100vw - 478px) / (1440 - 478)));
    --_typography---font-sizes--text-large: calc(20px + (23 - 20) * ((100vw - 478px) / (1440 - 478)));
    --_typography---font-sizes--text-default: 1em;
    --_typography---font-sizes--text-small: .833em;
    --_typography---font-sizes--text-tiny: .694em;
    --_typography---buttons-font-sizes--btn-large: 1em;
    --_typography---buttons-font-sizes--btn-medium: 14px;
    --_typography---buttons-font-sizes--btn-small: 12px;
    --_typography---font-styles--social: "Velcro Font 2023", sans-serif;
  }

  h1 {
    font-size: 38px;
  }

  h2 {
    font-size: 29px;
  }

  h3 {
    font-size: 23px;
  }

  h4 {
    font-size: 19px;
  }

  h5 {
    font-size: 15px;
  }

  h6 {
    font-size: 12px;
  }

  p {
    font-size: 14px;
  }

  .text-size-medium {
    font-size: 16px;
  }

  .heading-5 {
    font-size: 15px;
  }

  .heading-6 {
    font-size: 12px;
  }

  .text-size-small {
    font-size: 11px;
  }

  .text-size-tiny {
    font-size: 9px;
  }

  .img3d-overlay {
    background-image: linear-gradient(#000b194d, #000b194d);
  }

  .velcro-bg {
    display: none;
  }

  .img-parallax-overlay {
    background-image: linear-gradient(#000b194d, #000b194d);
  }

  .footer-center {
    order: -1;
    width: 100%;
  }

  .footer-right {
    order: 1;
    width: 45%;
  }

  .footer-social-links {
    font-size: 24px;
  }

  .footer-left-container {
    width: 45%;
    font-size: 12px;
  }

  .footer-menu-secondary {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .footer-left-logo-container {
    width: 80%;
  }

  .menu-group {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .footer-menu-primary {
    grid-column-gap: 1.5em;
    grid-row-gap: 1.5em;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .footer-main-menu {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
  }

  .footer-main-container {
    flex-wrap: wrap;
  }

  .footer {
    grid-column-gap: 36px;
    grid-row-gap: 36px;
    background-image: none;
    padding-top: 6vw;
  }

  .nav-menu-open-icon {
    background-color: var(--color--main--secondary-100);
    display: flex;
  }

  .nav-menu-close {
    background-color: var(--color--main--secondary-100);
    color: var(--color--base--white-100);
  }

  .color-overlay {
    background-image: linear-gradient(#000b194d, #000b194d);
  }

  .marquee-photo {
    max-width: 20.3125rem;
    max-height: 14.5833rem;
  }

  .nav-dropdown-2 {
    width: 100%;
  }

  .menu-button {
    display: flex;
  }

  .menu-main-lang-container {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    margin-left: 5vw;
  }

  .site-header {
    z-index: 99;
    width: 100%;
    position: fixed;
  }

  .site-main {
    padding-top: 80px;
  }

  .consent-item-option-text {
    font-size: 12px;
  }

  .consent-item-text-title {
    font-size: 15px;
  }

  .button {
    padding-top: 14px;
    padding-bottom: 14px;
  }

  .nav-container {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    grid-template-columns: .3fr;
    justify-content: space-between;
    align-items: center;
    height: 100%;
    display: flex;
    position: relative;
  }

  .nav-menu-primary {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    font-size: 24px;
  }

  .nav-menu-main-link-wrapper {
    justify-content: flex-start;
    align-items: stretch;
  }

  .nav-menu-left-container {
    position: absolute;
    inset: 0 auto auto 0%;
  }

  .navbar-top {
    z-index: 98;
    max-height: 100vh;
    overflow: hidden;
  }

  .nav-menu-main-container {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    padding-top: 20vw;
    padding-bottom: 2em;
    display: none;
    overflow: auto;
  }

  .nav-menu-middle-container {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    min-height: 40px;
  }

  .nav-menu-right-container {
    width: auto;
    position: absolute;
    inset: 0% 0% auto auto;
  }

  .lang-top-container {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    display: none;
  }

  .lang-top-container.is-mobile {
    margin-top: 1.5em;
    display: none;
  }

  .who-we-are-grid {
    grid-column-gap: var(--_ui-styles---units--base--sm-12);
    grid-row-gap: var(--_ui-styles---units--base--sm-12);
  }

  .who-we-are-card {
    padding: var(--_ui-styles---units--base--md-16) var(--_ui-styles---units--base--sm-12);
  }

  .moments-grid {
    grid-column-gap: var(--_ui-styles---units--base--sm-12);
    grid-row-gap: var(--_ui-styles---units--base--sm-12);
    grid-template-columns: 1fr;
  }

  .cocreate-container {
    grid-template-columns: 1fr .65fr;
  }

  .cocreate-left {
    padding: var(--_ui-styles---units--base--xl-32);
  }

  .cocreate-card {
    padding-right: var(--_ui-styles---units--base--md-16);
    padding-left: var(--_ui-styles---units--base--md-16);
  }

  .signup-container {
    grid-column-gap: var(--_ui-styles---units--base--lg-24);
    grid-row-gap: var(--_ui-styles---units--base--lg-24);
    grid-template-columns: 1fr .8fr;
  }

  .class-capsule-banner-top {
    flex-flow: column;
    display: flex;
  }

  .class-capsule-banner-bottom {
    grid-row-gap: var(--_ui-styles---units--base--lg-24);
    flex-flow: column;
    grid-template-columns: 1fr;
    justify-content: flex-start;
    align-items: stretch;
    display: flex;
  }

  .class-capsule-info-content-right {
    grid-row-gap: var(--_ui-styles---units--base--md-16);
    flex-flow: column;
    display: flex;
  }

  .class-capsule-how-steps {
    grid-column-gap: var(--_ui-styles---units--base--sm-12);
  }

  .class-capsule-why-main-container {
    grid-row-gap: var(--_ui-styles---units--base--lg-24);
  }

  .class-capsule-why-top-content {
    max-width: 31rem;
  }

  .class-capsule-why-bottom {
    grid-column-gap: var(--_ui-styles---units--base--md-16);
  }

  .class-capsule-why-charity {
    grid-row-gap: var(--_ui-styles---units--base--lg-24);
    flex-flow: column;
    display: flex;
  }

  .class-capsule-cta-content {
    max-width: 31rem;
  }

  .class-capsule-header {
    flex-flow: column;
    display: flex;
  }
}

@media screen and (max-width: 767px) {
  body {
    --_ui-styles---units--image-corner: var(--_ui-styles---units--base--xs-8);
    --_ui-styles---units--base--lg-24: 24px;
    --_ui-styles---units--base--xxl-40: 40px;
    --_ui-styles---units--base--xs-8: 8px;
    --_ui-styles---units--base--md-16: 16px;
    --_ui-styles---units--input-corner: var(--_ui-styles---units--base--sm-12);
    --_ui-styles---units--base--sm-12: 12px;
    --_ui-styles---units--btn-corner: var(--_ui-styles---units--base--sm-12);
    --_ui-styles---units--base--xxs-4: 4px;
    --_ui-styles---units--max-width: 1690px;
    --_ui-styles---units--global-padding: var(--_ui-styles---units--base--lg-24);
    --_ui-styles---units--container-corner: var(--_ui-styles---units--base--sm-12);
    --_ui-styles---units--base--xl-32: 32px;
    --_ui-styles---units--base--none-0: 0px;
    --_ui-styles---units--base--xxxl-64: 64px;
    --_ui-styles---units--text-responsive-value: 1.05885;
    --_ui-styles---units--base--full-360: 360px;
    --_typography---font-styles--body-text: Inter, sans-serif;
    --_typography---font-styles--headings: Delight, Arial, sans-serif;
    --_typography---font-sizes--heading-1: calc(33px + (40 - 33) * ((100vw - 478px) / (1440 - 478)));
    --_typography---font-weights--headings: 500;
    --_typography---font-sizes--heading-2: calc(28px + (33 - 28) * ((100vw - 478px) / (1440 - 478)));
    --_typography---font-sizes--heading-3: calc(23px + (28 - 23) * ((100vw - 478px) / (1440 - 478)));
    --_typography---font-sizes--heading-4: calc(19px + (23 - 19) * ((100vw - 478px) / (1440 - 478)));
    --_typography---font-sizes--heading-5: calc(18px + (19 - 18) * ((100vw - 478px) / (1440 - 478)));
    --_typography---font-sizes--heading-6: 1em;
    --_typography---font-sizes--text-medium: 1.2em;
    --_typography---font-weights--body: 400;
    --_typography---font-sizes--heading-extra-large: calc(57px + (69 - 57) * ((100vw - 478px) / (1440 - 478)));
    --_typography---font-sizes--heading-large: calc(48px + (57 - 48) * ((100vw - 478px) / (1440 - 478)));
    --_typography---font-sizes--heading-small: calc(40px + (48 - 40) * ((100vw - 478px) / (1440 - 478)));
    --_typography---font-sizes--text-large: calc(20px + (23 - 20) * ((100vw - 478px) / (1440 - 478)));
    --_typography---font-sizes--text-default: 1em;
    --_typography---font-sizes--text-small: .833em;
    --_typography---font-sizes--text-tiny: .694em;
    --_typography---buttons-font-sizes--btn-large: 1em;
    --_typography---buttons-font-sizes--btn-medium: 14px;
    --_typography---buttons-font-sizes--btn-small: 12px;
    --_typography---font-styles--social: "Velcro Font 2023", sans-serif;
  }

  .footer-right, .footer-left-container {
    width: 100%;
  }

  .footer-left-logo-container {
    width: 50%;
  }

  .links-bottom-left {
    width: 100%;
  }

  .menu-group {
    max-width: none;
  }

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

  .links-bottom-center {
    order: -1;
    justify-content: flex-start;
  }

  .links-bottom-right {
    justify-content: flex-start;
    width: 100%;
  }

  .footer-main-menu {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex-direction: column;
  }

  .footer {
    padding: 30px;
  }

  .marquee-photo {
    max-width: 13.5417rem;
    max-height: 9.72222rem;
  }

  .site-main {
    padding-top: 72px;
  }

  .nav-menu-left-container {
    width: 40%;
  }

  .navbar-top {
    padding-right: var(--_ui-styles---units--base--lg-24);
    padding-left: var(--_ui-styles---units--base--lg-24);
  }

  .nav-menu-main-container {
    padding-top: 100px;
  }

  .lang-top-container {
    display: none;
  }

  .default-main-container {
    grid-column-gap: var(--_ui-styles---units--base--xl-32);
    grid-row-gap: var(--_ui-styles---units--base--xl-32);
  }

  .who-we-are-grid, .moments-grid, .cocreate-container {
    grid-template-columns: 1fr;
  }

  .cocreate-left {
    padding: var(--_ui-styles---units--base--none-0);
  }

  .cocreate-image-container {
    padding-bottom: 66.6667%;
  }

  .signup-container {
    grid-template-columns: 1fr;
  }

  .class-capsule-banner-top {
    grid-row-gap: var(--_ui-styles---units--base--lg-24);
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
  }

  .class-capsule-info-content {
    grid-column-gap: var(--_ui-styles---units--base--lg-24);
  }

  .class-capsule-how-steps {
    flex-flow: column;
    display: flex;
  }

  .steps-divider {
    width: 100%;
    height: 1px;
  }

  .class-capsule-why-main-container {
    grid-row-gap: var(--_ui-styles---units--base--md-16);
  }

  .class-capsule-why-top-content {
    width: 85%;
  }

  .class-capsule-why-bottom {
    grid-column-gap: var(--_ui-styles---units--base--md-16);
    grid-row-gap: var(--_ui-styles---units--base--md-16);
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: flex;
  }

  .class-capsule-signup {
    grid-column-gap: var(--_ui-styles---units--base--xl-32);
    grid-row-gap: var(--_ui-styles---units--base--xl-32);
    grid-template-columns: 1fr;
  }

  .class-capsule-cta-content {
    width: 85%;
  }

  .class-capsule-header {
    grid-column-gap: var(--_ui-styles---units--global-padding);
    grid-row-gap: var(--_ui-styles---units--global-padding);
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
  }
}

@media screen and (max-width: 479px) {
  body {
    --_ui-styles---units--image-corner: var(--_ui-styles---units--base--xs-8);
    --_ui-styles---units--base--lg-24: 24px;
    --_ui-styles---units--base--xxl-40: 40px;
    --_ui-styles---units--base--xs-8: 8px;
    --_ui-styles---units--base--md-16: 16px;
    --_ui-styles---units--input-corner: var(--_ui-styles---units--base--sm-12);
    --_ui-styles---units--base--sm-12: 12px;
    --_ui-styles---units--btn-corner: var(--_ui-styles---units--base--sm-12);
    --_ui-styles---units--base--xxs-4: 4px;
    --_ui-styles---units--max-width: 1690px;
    --_ui-styles---units--global-padding: var(--_ui-styles---units--base--lg-24);
    --_ui-styles---units--container-corner: var(--_ui-styles---units--base--sm-12);
    --_ui-styles---units--base--xl-32: 32px;
    --_ui-styles---units--base--none-0: 0px;
    --_ui-styles---units--base--xxxl-64: 64px;
    --_ui-styles---units--text-responsive-value: 1.05885;
    --_ui-styles---units--base--full-360: 360px;
    --_typography---font-styles--body-text: Inter, sans-serif;
    --_typography---font-styles--headings: Delight, Arial, sans-serif;
    --_typography---font-sizes--heading-1: 2.074em;
    --_typography---font-weights--headings: 500;
    --_typography---font-sizes--heading-2: 1.728em;
    --_typography---font-sizes--heading-3: 1.44em;
    --_typography---font-sizes--heading-4: 1.2em;
    --_typography---font-sizes--heading-5: 1.125em;
    --_typography---font-sizes--heading-6: 1em;
    --_typography---font-sizes--text-medium: 1.2em;
    --_typography---font-weights--body: 400;
    --_typography---font-sizes--heading-extra-large: 3.583em;
    --_typography---font-sizes--heading-large: 2.986em;
    --_typography---font-sizes--heading-small: 2.488em;
    --_typography---font-sizes--text-large: 1.25em;
    --_typography---font-sizes--text-default: 1em;
    --_typography---font-sizes--text-small: .833em;
    --_typography---font-sizes--text-tiny: .694em;
    --_typography---buttons-font-sizes--btn-large: 1em;
    --_typography---buttons-font-sizes--btn-medium: 14px;
    --_typography---buttons-font-sizes--btn-small: 12px;
    --_typography---font-styles--social: "Velcro Font 2023", sans-serif;
    word-break: break-word;
  }

  .form {
    grid-column-gap: var(--_ui-styles---units--base--md-16);
    grid-row-gap: var(--_ui-styles---units--base--md-16);
  }

  .img-container {
    width: 100%;
  }

  .footer-center {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
  }

  .footer-right {
    flex-direction: column;
    width: 100%;
  }

  .footer-left-container {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex-direction: column;
    align-items: flex-start;
  }

  .footer-menu-secondary {
    grid-column-gap: 24px;
    grid-row-gap: 16px;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .footer-left-logo-container {
    width: 100%;
  }

  .links-bottom-left {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
  }

  .footer-menu-primary {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .footer-bottom-container {
    grid-column-gap: 36px;
    grid-row-gap: 36px;
  }

  .row-botom {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    text-align: left;
    flex-direction: column;
    align-items: flex-start;
  }

  .links-bottom-center {
    flex-direction: column;
    order: -1;
    align-items: flex-start;
  }

  .links-bottom-right {
    flex-direction: column;
  }

  .footer-main-menu {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-direction: column;
    width: 100%;
  }

  .footer-main-container {
    flex-direction: column;
  }

  .nav-menu-close {
    top: 30px;
  }

  .marquee-photo {
    max-width: 11.2847rem;
    max-height: 8.10185rem;
  }

  .menu-main-lang-container {
    word-break: normal;
    width: auto;
    margin-left: 0;
  }

  .nav-menu-left-container {
    width: 70%;
  }

  .nav-menu-main-container {
    padding-top: 120px;
  }

  .lang-top-container.is-mobile {
    width: 100%;
  }

  .menu-cta {
    display: none;
  }

  .menu-cta.is-mobile {
    display: flex;
  }

  .button-group.has-top-margin {
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
  }

  .element-blur-container.is-header {
    width: 50.625vw;
    height: 44.0625vw;
  }

  .element-blur-container.is-who-we-are {
    width: 38.9063vw;
    height: 33.75vw;
  }

  .element-blur-container.is-cocreate {
    width: 50.625vw;
    height: 44.0625vw;
  }

  .element-blur.is-large {
    filter: blur(9.375vw);
  }

  .element-blur.is-small, .element-blur.is-capsule-01, .element-blur.is-capsule-02, .element-blur.is-capsule-03, .element-blur.is-capsule-header-01, .element-blur.is-capsule-header-03 {
    filter: blur(4.6875vw);
  }

  .moments-card {
    grid-column-gap: var(--_ui-styles---units--base--sm-12);
    grid-row-gap: var(--_ui-styles---units--base--sm-12);
  }

  .moments-card-text {
    padding-top: var(--_ui-styles---units--base--md-16);
    padding-right: var(--_ui-styles---units--base--md-16);
    padding-left: var(--_ui-styles---units--base--md-16);
  }

  .cocreate-grid {
    grid-template-columns: 1fr;
  }

  .signup-left, .signup-right {
    padding: var(--_ui-styles---units--base--md-16);
  }

  .class-capsule-banner-container {
    padding: var(--_ui-styles---units--base--none-0);
  }

  .class-capsule-charity {
    grid-row-gap: var(--_ui-styles---units--base--md-16);
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .class-capsule-info-content {
    grid-row-gap: var(--_ui-styles---units--base--lg-24);
    flex-flow: column;
    display: flex;
  }

  .class-capsule-why-top {
    padding: var(--_ui-styles---units--base--sm-12);
  }

  .class-capsule-why-top-content {
    padding: var(--_ui-styles---units--base--sm-12);
    width: 100%;
  }

  .class-capsule-why-charity {
    grid-row-gap: var(--_ui-styles---units--base--md-16);
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .class-capsule-cta {
    padding: var(--_ui-styles---units--base--sm-12);
  }

  .class-capsule-cta-content {
    padding: var(--_ui-styles---units--base--sm-12);
    justify-content: flex-start;
    align-items: stretch;
    width: 100%;
  }
}

#w-node-febcb10a-4c3b-725e-83ff-d2b6e86cda22-1230fb07 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}


@font-face {
  font-family: 'Velcro Font 2023';
  src: url('../fonts/velcro-font-2023Regular.woff2') format('woff2'), url('../fonts/velcro-font-2023Regular.eot') format('embedded-opentype'), url('../fonts/velcro-font-2023Regular.woff') format('woff'), url('../fonts/velcro-font-2023Regular.ttf') format('truetype'), url('../fonts/velcro-font-2023Regular.svg') format('svg');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Velcro Font 2023';
  src: url('../fonts/velcro-font-2023Italic.woff2') format('woff2'), url('../fonts/velcro-font-2023Italic.eot') format('embedded-opentype'), url('../fonts/velcro-font-2023Italic.woff') format('woff'), url('../fonts/velcro-font-2023Italic.ttf') format('truetype'), url('../fonts/velcro-font-2023Italic.svg') format('svg');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Velcro Font 2023';
  src: url('../fonts/velcro-font-2023Bold.woff2') format('woff2'), url('../fonts/velcro-font-2023Bold.eot') format('embedded-opentype'), url('../fonts/velcro-font-2023Bold.woff') format('woff'), url('../fonts/velcro-font-2023Bold.ttf') format('truetype'), url('../fonts/velcro-font-2023Bold.svg') format('svg');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Delight';
  src: url('../fonts/Delight-Medium.woff2') format('woff2'), url('../fonts/Delight-Medium.woff') format('woff'), url('../fonts/Delight-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}