:root {
  --flowui-component-library--grey-300: #e4e6f1;
  --flowui-component-library--gray-900: #160042;
  --flowui-component-library--gray-200: #f3f5fb;
  --flowui-component-library--white: white;
  --flowui-component-library--gray-700: #282556;
  --beige: #decca7;
  --flowui-component-library--gray-500: #6b7094;
  --flowui-component-library--success-lighter: #ebfff6;
  --flowui-component-library--success-darker: #006638;
  --flowui-component-library--gray-400: #b6b9ce;
  --red: #994d27;
  --flowui-component-library--grey-600: #393b6a;
  --flowui-component-library--primary-base: #642eff;
  --flowui-component-library--gray-100: #f7f9fd;
  --untitled-ui--gray600: #475467;
  --untitled-ui--gray700: #344054;
  --untitled-ui--gray500: #667085;
  --untitled-ui--primary600: #7f56d9;
  --untitled-ui--white: white;
  --untitled-ui--primary700: #6941c6;
  --untitled-ui--primary100: #f4ebff;
  --untitled-ui--gray300: #d0d5dd;
  --untitled-ui--gray900: #101828;
  --untitled-ui--primary300: #d6bbfb;
  --black: black;
  --untitled-ui--primary200: #e9d7fe;
  --untitled-ui--primary500: #9e77ed;
  --untitled-ui--gray100: #f2f4f7;
  --untitled-ui--primary50-2: #f9f5ff;
  --untitled-ui--gray50-2: #f9fafb;
  --untitled-ui--gray800: #1d2939;
  --untitled-ui--primary800: #53389e;
  --white: white;
  --untitled-ui--primary900: #42307d;
  --untitled-ui--success50: #ecfdf3;
  --untitled-ui--success700: #027a48;
  --untitled-ui--gray400: #98a2b3;
  --green: #434931;
  --untitled-ui--gray200: #eaecf0;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.w-layout-vflex {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

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

.body {
  color: #36371b;
  background-color: #dbcdb1;
  font-family: Nohemi, sans-serif;
}

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

.f-header-image-wrapper-tall {
  border-radius: 12px;
  width: 100%;
  max-width: 500px;
  height: 630px;
  overflow: hidden;
}

.f-button-secondary {
  border: 1px solid var(--flowui-component-library--grey-300);
  color: var(--flowui-component-library--gray-900);
  letter-spacing: -.02em;
  background-color: #fff;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  min-height: 48px;
  padding: 12px 32px;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  transition: border-color .3s, background-color .3s;
  display: flex;
}

.f-button-secondary:hover {
  background-color: var(--flowui-component-library--gray-200);
  border-color: #0000;
}

.f-button-neutral {
  background-color: var(--flowui-component-library--gray-900);
  color: var(--flowui-component-library--white);
  text-align: center;
  letter-spacing: -.02em;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  min-height: 48px;
  padding: 12px 32px;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  transition: background-color .3s;
  display: flex;
}

.f-button-neutral:hover {
  background-color: var(--flowui-component-library--gray-700);
}

.f-header-button-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.f-paragraph-large {
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 32px;
}

.f-margin-bottom-32 {
  margin-bottom: 32px;
}

.f-h1-heading {
  color: var(--flowui-component-library--gray-900);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Pilat Condensed, sans-serif;
  font-size: 64px;
  line-height: 1.2;
}

.f-h1-heading.is-beige {
  color: var(--beige);
}

.f-margin-bottom-24 {
  margin-bottom: 24px;
}

.f-heading-detail-small {
  color: var(--flowui-component-library--gray-500);
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
}

.f-margin-bottom-08 {
  margin-bottom: 8px;
}

.f-header-grid {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  align-items: center;
}

.f-container-regular {
  width: 100%;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.f-section-large {
  padding: 92px 5%;
  position: relative;
}

.red {
  background-color: #a44819;
}

.beige {
  background-color: #e2cba2;
}

.green {
  background-color: #414a2e;
}

.light-green {
  background-color: #7c986e;
}

.f-image-cover-2 {
  object-fit: cover;
  width: 100%;
  height: 600px;
}

.f-header-image-wrapper-wide {
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  height: auto;
  margin-top: 64px;
  display: flex;
  overflow: hidden;
}

.f-success-message {
  background-color: var(--flowui-component-library--success-lighter);
  color: var(--flowui-component-library--success-darker);
  letter-spacing: -.03em;
  font-size: 14px;
  line-height: 24px;
}

.f-button-neutral-2 {
  background-color: var(--flowui-component-library--gray-900);
  color: var(--flowui-component-library--white);
  text-align: center;
  letter-spacing: -.02em;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  min-height: 48px;
  padding: 12px 32px;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  transition: background-color .3s;
  display: flex;
}

.f-button-neutral-2:hover {
  background-color: var(--flowui-component-library--gray-700);
}

.f-header-input-field {
  color: var(--flowui-component-library--gray-900);
  background-color: #0000;
  border: 1px #000;
  min-height: 48px;
  margin-bottom: 0;
  margin-right: 16px;
  padding: 12px 16px;
}

.f-header-input-field::placeholder {
  color: var(--flowui-component-library--gray-400);
}

.f-header-form-wrapper {
  border: 1px solid var(--flowui-component-library--grey-300);
  background-color: #fff;
  border-radius: 50px;
  align-items: center;
  padding: 4px;
  display: flex;
}

.f-header-form-block {
  max-width: 360px;
  margin-bottom: 0;
}

.f-paragraph-large-2 {
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-family: Roslindaledisplaycondensed, sans-serif;
  font-size: 32px;
  line-height: 32px;
}

.f-paragraph-large-2.is-white {
  color: #fff;
  letter-spacing: 0;
  font-size: 56px;
  font-weight: 300;
  line-height: 56px;
}

.f-paragraph-large-2.is-white.centered {
  text-align: center;
}

.f-paragraph-large-2.is-grey {
  color: #333;
  letter-spacing: 0;
  font-size: 40px;
  font-weight: 300;
  line-height: 1.1;
}

.f-paragraph-large-2.is-grey.centered {
  text-align: center;
}

.f-margin-bottom-40 {
  margin-bottom: 40px;
}

.f-h1-heading-2 {
  color: var(--flowui-component-library--gray-900);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Pilat Condensed, sans-serif;
  font-size: 64px;
  line-height: 1.2;
}

.f-h1-heading-2.is-beige {
  color: var(--beige);
  text-align: center;
  font-size: 80px;
}

.f-h1-heading-2.is-red {
  color: var(--red);
  font-size: 100px;
  line-height: 1;
}

.f-margin-bottom-41 {
  margin-bottom: 24px;
}

.f-heading-detail-small-2 {
  color: var(--flowui-component-library--gray-500);
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
}

.f-margin-bottom-42 {
  margin-bottom: 8px;
}

.f-header-title-wrapper-center {
  z-index: 5;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.f-container-regular-2 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.f-section-large-2 {
  padding: 92px 5%;
  position: relative;
}

.f-section-large-2.red {
  height: 100vh;
}

.f-section-large-2.red.centered {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.f-section-large-2.green {
  background-image: url('../images/leaf-mark-1.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.f-navigation-button {
  background-color: var(--flowui-component-library--gray-900);
  outline-offset: 0px;
  color: var(--flowui-component-library--white);
  text-align: center;
  letter-spacing: -.02em;
  border-radius: 48px;
  outline: 2px solid #0000;
  justify-content: center;
  align-items: center;
  padding: 8px 24px;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.f-navigation-button:hover {
  background-color: var(--flowui-component-library--gray-700);
}

.f-navigation-button-secondary {
  border: 1px solid var(--flowui-component-library--grey-300);
  color: var(--flowui-component-library--gray-900);
  text-align: center;
  letter-spacing: -.02em;
  background-color: #0000;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  padding: 8px 24px;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  transition: background-color .3s, border-color .2s;
  display: flex;
}

.f-navigation-button-secondary:hover {
  background-color: var(--flowui-component-library--gray-200);
  border-color: #0000;
}

.f-navigation-r {
  grid-column-gap: 8px;
  justify-content: flex-end;
  align-items: center;
  width: 50%;
  display: flex;
}

.f-logo {
  width: 124px;
}

.f-navigation-link {
  color: var(--flowui-component-library--gray-900);
  letter-spacing: -.01em;
  white-space: nowrap;
  background-color: #0000;
  border-radius: 50px;
  padding: 8px 24px;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  transition: all .35s;
}

.f-navigation-link:hover {
  background-color: var(--flowui-component-library--gray-200);
  color: var(--flowui-component-library--gray-900);
}

.f-navigation-link.w--current {
  color: var(--flowui-component-library--primary-base);
}

.f-navigation-l {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 50%;
  display: flex;
}

.f-navigation-container {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.f-navigation {
  background-color: #ddd0;
  align-items: center;
  width: 100%;
  min-height: 88px;
  padding: 24px 5%;
  display: flex;
  position: fixed;
}

.f-navigation.red {
  justify-content: center;
  align-items: center;
}

.f-navigation.beige {
  position: fixed;
}

.section {
  padding-top: 100px;
  padding-bottom: 100px;
  overflow: hidden;
}

.section.hero {
  padding-top: 0;
  padding-bottom: 0;
}

.section.green-bg {
  background-color: #6d8c61;
}

.section.gradient-green-bg {
  background-image: linear-gradient(#414a2e, #25281e);
  padding-top: 0;
  overflow: visible;
}

.section.padd-bott-greater {
  padding-bottom: 400px;
}

.section.red {
  background-color: #a44819;
}

.section.red.no-pad-top {
  padding-top: 0;
  overflow: visible;
}

.section.bg-image {
  background-image: url('../images/red-background.mask.png'), url('../images/photo-under-themask-min_1.avif');
  background-position: 50% 0, 50%;
  background-repeat: no-repeat, no-repeat;
  background-size: contain, cover;
  background-attachment: scroll, fixed;
  padding-top: 350px;
  padding-bottom: 280px;
}

.light-beige {
  background-color: #f0dcb9;
}

.f-paragraph-small {
  letter-spacing: -.01em;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 1.4;
}

.f-sub-heading-large {
  color: var(--flowui-component-library--gray-900);
  letter-spacing: -.02em;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
}

.f-margin-bottom-43 {
  margin-bottom: 8px;
}

.f-feature-icon-wrapper {
  background-color: var(--flowui-component-library--gray-100);
  border-radius: 8px;
  width: 72px;
  min-width: 72px;
  height: 72px;
  min-height: 72px;
  margin-bottom: 32px;
  padding: 16px;
}

.f-grid-three-column {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.f-paragraph-large-3 {
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 32px;
}

.f-h3-heading {
  color: var(--flowui-component-library--gray-900);
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roslindaledisplaycondensed, sans-serif;
  font-size: 48px;
  font-weight: 300;
  line-height: 1.2;
}

.f-h3-heading.is-red {
  color: var(--red);
  font-size: 80px;
}

.f-h3-heading.is-red.abs {
  font-size: 80px;
  position: absolute;
}

.f-h3-heading.is-beige {
  color: var(--beige);
  font-size: 80px;
}

.f-h3-heading.is-beige.abs {
  font-size: 80px;
  position: absolute;
}

.f-h3-heading.is-beige.pilat {
  letter-spacing: 0;
  text-transform: uppercase;
  font-family: Pilat Condensed, sans-serif;
}

.f-h3-heading.is-beige.rosli {
  margin-top: 32px;
  font-size: 120px;
}

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

.f-title-wrapper-center {
  z-index: 5;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.f-title-wrapper-center.abs {
  position: static;
}

.f-margin-bottom-128 {
  margin-top: 160px;
  margin-bottom: 128px;
}

.f-margin-bottom-128.center-center {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 64px;
  display: flex;
}

.f-button-secondary-2 {
  border: 1px solid var(--flowui-component-library--grey-300);
  color: var(--flowui-component-library--gray-900);
  letter-spacing: -.02em;
  background-color: #fff;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  min-height: 48px;
  padding: 12px 32px;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  transition: border-color .3s, background-color .3s;
  display: flex;
}

.f-button-secondary-2:hover {
  background-color: var(--flowui-component-library--gray-200);
  border-color: #0000;
}

.f-button-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.f-paragraph-large-4 {
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-family: Satoshi, sans-serif;
  font-size: 20px;
  line-height: 32px;
}

.f-paragraph-large-4.marg-top {
  margin-top: 8px;
}

.f-paragraph-large-4.roslindale {
  margin-top: 32px;
  margin-bottom: 16px;
  font-family: Roslindaledisplaycondensed, sans-serif;
  font-size: 40px;
  font-weight: 300;
  line-height: 48px;
}

.f-margin-bottom-129 {
  margin-bottom: 32px;
}

.f-h3-heading-2 {
  color: var(--flowui-component-library--gray-900);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 48px;
  line-height: 1.2;
}

.f-margin-bottom-130 {
  margin-bottom: 0;
  font-family: Pilat Condensed, sans-serif;
}

.f-margin-bottom-131 {
  margin-bottom: 8px;
}

.f-content-image-wrapper {
  border-radius: 12px;
  width: 100%;
  max-width: 450px;
  height: 430px;
  overflow: hidden;
}

.f-grid-two-column {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  place-items: center stretch;
}

.f-section-regular {
  padding: 72px 5%;
  position: relative;
}

.bold-text {
  font-weight: 900;
  line-height: 1;
}

.bold-text.is-red {
  color: var(--red);
  font-size: 56px;
}

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

.uui-heroheader21_image-wrapper {
  height: 100%;
}

.uui-text-style-link {
  color: var(--untitled-ui--gray600);
  text-decoration: underline;
  transition: color .3s;
}

.uui-text-style-link:hover {
  color: var(--untitled-ui--gray700);
}

.uui-text-size-small {
  color: var(--untitled-ui--gray600);
  letter-spacing: normal;
  font-size: .875rem;
  line-height: 1.5;
}

.uui-text-size-small.text-color-gray500 {
  color: var(--untitled-ui--gray500);
}

.uui-text-size-small.is-beige {
  color: var(--beige);
}

.uui-button {
  grid-column-gap: .5rem;
  border: 1px solid var(--untitled-ui--primary600);
  background-color: var(--untitled-ui--primary600);
  color: var(--untitled-ui--white);
  text-align: center;
  white-space: nowrap;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  padding: .625rem 1.125rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.uui-button:hover {
  border-color: var(--untitled-ui--primary700);
  background-color: var(--untitled-ui--primary700);
}

.uui-button:focus {
  background-color: var(--untitled-ui--primary600);
  box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--untitled-ui--primary100);
}

.uui-button.is-button-large {
  grid-column-gap: .75rem;
  padding: 1rem 1.75rem;
  font-size: 1.125rem;
}

.uui-form_input {
  border: 1px solid var(--untitled-ui--gray300);
  background-color: var(--untitled-ui--white);
  color: var(--untitled-ui--gray900);
  border-radius: .5rem;
  height: auto;
  min-height: 2.75rem;
  margin-bottom: 0;
  padding: .5rem .875rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  transition: all .3s;
  box-shadow: 0 1px 2px #1018280d;
}

.uui-form_input:focus {
  border-color: var(--untitled-ui--primary300);
  box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--untitled-ui--primary100);
  color: var(--untitled-ui--gray900);
}

.uui-form_input::placeholder {
  color: var(--untitled-ui--gray500);
}

.uui-signup-form_wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr max-content;
  grid-auto-columns: 1fr;
  margin-bottom: .375rem;
  display: grid;
}

.uui-heroheader21_form {
  max-width: 32rem;
  margin-top: 2.5rem;
  margin-bottom: 0;
}

.uui-max-width-small {
  width: 100%;
  max-width: 30rem;
}

.uui-text-size-xlarge {
  color: var(--black);
  font-family: Satoshi, sans-serif;
  font-size: 1.25rem;
  line-height: 1.5;
}

.uui-text-size-xlarge.text-color-primary200 {
  color: var(--untitled-ui--primary200);
}

.uui-space-small {
  width: 100%;
  min-height: 1.5rem;
}

.uui-heading-xlarge {
  color: var(--untitled-ui--gray900);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Pilat Condensed, sans-serif;
  font-size: 3.75rem;
  font-weight: 600;
  line-height: 1.2;
}

.uui-heading-xlarge.text-color-white {
  color: var(--untitled-ui--white);
}

.uui-badge-group_icon {
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  margin-left: .25rem;
  display: flex;
}

.uui-badge-group_icon.text-color-primary500 {
  color: var(--untitled-ui--primary500);
  margin-right: -.25rem;
}

.badge-group_text-wrapper {
  align-items: center;
  padding-left: .75rem;
  padding-right: .75rem;
  display: flex;
}

.uui-badge-group_badge {
  background-color: var(--untitled-ui--white);
  color: var(--untitled-ui--gray700);
  white-space: nowrap;
  border-radius: 1rem;
  align-items: center;
  padding: .125rem .625rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.5;
  display: flex;
}

.uui-badge-group_badge.is-primary {
  background-color: var(--untitled-ui--white);
  color: var(--untitled-ui--primary700);
}

.uui-badge-group {
  background-color: var(--untitled-ui--gray100);
  color: var(--untitled-ui--gray700);
  white-space: nowrap;
  mix-blend-mode: multiply;
  border-radius: 10rem;
  align-items: center;
  padding: .25rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.5;
  display: flex;
}

.uui-badge-group.is-primary {
  background-color: var(--untitled-ui--primary50-2);
  color: var(--untitled-ui--primary700);
  white-space: nowrap;
  text-decoration: none;
}

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

.uui-button-row.button-row-center {
  justify-content: center;
}

.uui-heroheader21_content {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 45rem;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2rem;
  padding-right: 2rem;
  display: flex;
}

.uui-heroheader21_component {
  grid-column-gap: 0rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: start stretch;
  height: 100%;
  display: grid;
}

.uui-section_heroheader21, .uui-section_heroheader21.beige {
  height: auto;
}

.uui-heroheader15_card-image-05 {
  z-index: 5;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-image: linear-gradient(112deg, #ffffff80, #fff0);
  border: 1px solid #ffffff80;
  border-radius: 1.25rem;
  width: 35rem;
  position: absolute;
  transform: translate(65%, 79%)rotate(150deg);
  box-shadow: 1px 1px 25px 12px #0000000d;
}

.uui-heroheader15_card-image-04 {
  z-index: 4;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-image: linear-gradient(112deg, #ffffff80, #fff0);
  border: 1px solid #ffffff80;
  border-radius: 1.25rem;
  width: 35rem;
  position: absolute;
  transform: translate(38%, 33%)rotate(120deg);
  box-shadow: 1px 1px 25px 12px #0000000d;
}

.uui-heroheader15_card-image-03 {
  z-index: 3;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-image: linear-gradient(112deg, #ffffff80, #fff0);
  border: 1px solid #ffffff80;
  border-radius: 1.25rem;
  width: 35rem;
  position: absolute;
  transform: translate(0, 16%)rotate(90deg);
  box-shadow: 1px 1px 25px 12px #0000000d;
}

.uui-heroheader15_card-image-02 {
  z-index: 2;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-image: linear-gradient(112deg, #ffffff80, #fff0);
  border: 1px solid #ffffff80;
  border-radius: 1.25rem;
  width: 35rem;
  position: absolute;
  transform: translate(-38%, 33%)rotate(60deg);
  box-shadow: 1px 1px 25px 12px #0000000d;
}

.uui-heroheader15_card-image-01 {
  z-index: 1;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-image: linear-gradient(112deg, #ffffff80, #fff0);
  border: 1px solid #ffffff80;
  border-radius: 1.25rem;
  width: 35rem;
  position: absolute;
  transform: translate(-65%, 79%)rotate(30deg);
  box-shadow: 1px 1px 25px 12px #0000000d;
}

.uui-heroheader15_image-wrapper {
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 4rem;
  display: flex;
  position: relative;
}

.uui-button-icon {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  min-width: 1.25rem;
  height: 1.25rem;
  min-height: 1.25rem;
  display: flex;
}

.uui-button-icon.is-icon-large {
  width: 1.5rem;
  min-width: 1.5rem;
  height: 1.5rem;
  min-height: 1.5rem;
}

.uui-button-secondary-gray {
  grid-column-gap: .5rem;
  border: 1px solid var(--untitled-ui--gray300);
  background-color: var(--untitled-ui--white);
  color: var(--untitled-ui--gray700);
  text-align: center;
  white-space: nowrap;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  padding: .625rem 1.125rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.uui-button-secondary-gray:hover {
  background-color: var(--untitled-ui--gray50-2);
  color: var(--untitled-ui--gray800);
}

.uui-button-secondary-gray:focus {
  background-color: var(--untitled-ui--white);
  box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--untitled-ui--gray100);
}

.uui-button-secondary-gray.is-button-large {
  grid-column-gap: .75rem;
  padding: 1rem 1.75rem;
  font-size: 1.125rem;
}

.uui-button-secondary-gray.show-tablet {
  display: none;
}

.uui-space-large {
  width: 100%;
  min-height: 3rem;
}

.uui-max-width-large {
  width: 100%;
  max-width: 48rem;
}

.uui-max-width-large.align-center, .align-center {
  margin-left: auto;
  margin-right: auto;
}

.uui-heroheader15_subheading {
  color: var(--untitled-ui--primary200);
  margin-bottom: .75rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
}

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

.uui-heroheader15_component {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.uui-space-xhuge {
  width: 100%;
  min-height: 7rem;
}

.uui-container-large {
  width: 100%;
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.uui-container-large.hero {
  max-width: 100%;
}

.uui-page-padding {
  padding-left: 2rem;
  padding-right: 2rem;
}

.uui-section_heroheader15 {
  background-color: var(--untitled-ui--primary800);
  background-image: linear-gradient(#0003, #0003), url('../images/una-giovane-coppia-che-condivide-un-momento-romantico-con-bicchieri-di-succo-di-mango.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  justify-content: center;
  align-items: center;
  height: 95vh;
  display: flex;
  overflow: hidden;
}

.flex-block {
  margin-bottom: 32px;
}

.uui-heading-xlarge-2 {
  color: var(--untitled-ui--gray900);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Pilat Condensed, sans-serif;
  font-size: 100px;
  font-weight: 600;
  line-height: 1.2;
}

.uui-heading-xlarge-2.is-red {
  color: var(--red);
  font-size: 64px;
  line-height: 1;
}

.uui-heading-xlarge-2.is-red.mobile {
  display: none;
}

.uui-heading-xlarge-2.is-green {
  color: var(--red);
  font-size: 64px;
  line-height: 1;
}

.uui-heading-xlarge-2.is-white {
  color: var(--white);
  font-size: 120px;
  line-height: 1.2;
}

.flex-block-2 {
  margin-top: 64px;
}

.flex-block-3 {
  padding-bottom: 64px;
}

.uui-heroheader21_image-2 {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.uui-text-size-xlarge-2 {
  color: var(--untitled-ui--gray600);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1.25rem;
  line-height: 1.5;
}

.uui-heroheader21_content-2 {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 64px 8rem 64px 0;
  display: flex;
}

.uui-heroheader21_component-2 {
  grid-column-gap: 0rem;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-content: space-between;
  place-items: center stretch;
  height: 100%;
  display: grid;
}

.uui-heroheader21_component-2.beige {
  align-items: stretch;
}

.uui-heroheader20_background-grid-mask {
  z-index: -1;
  background-color: var(--untitled-ui--white);
  width: 100%;
  height: 300%;
  position: absolute;
  inset: auto 0% -267%;
}

.uui-heroheader20_background-grid-section {
  height: 4.5rem;
}

.uui-heroheader20_background-grid-section.background-color-primary100 {
  background-color: var(--untitled-ui--primary100);
}

.uui-heroheader20_background-grid-section.background-color-primary300 {
  background-color: var(--untitled-ui--primary300);
}

.uui-heroheader20_background-grid-section.background-color-primary200 {
  background-color: var(--untitled-ui--primary200);
}

.background-color-primary100 {
  background-color: var(--untitled-ui--primary100);
}

.background-color-white {
  background-color: var(--untitled-ui--white);
}

.background-color-primary300 {
  background-color: var(--untitled-ui--primary300);
}

.background-color-primary200 {
  background-color: var(--untitled-ui--primary200);
}

.uui-heroheader20_background-grid {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 125rem;
  min-width: 125rem;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.uui-heroheader20_background {
  z-index: 0;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100vw;
  display: flex;
  position: absolute;
  inset: 0% auto auto;
  transform: skew(0deg, -7.25deg);
}

.uui-lightbox_play-icon {
  z-index: 2;
  -webkit-backdrop-filter: saturate(150%) blur(12px);
  backdrop-filter: saturate(150%) blur(12px);
  color: #fff;
  background-color: #ffffff1a;
  border-radius: 100%;
  width: 8rem;
  height: 8rem;
  position: absolute;
}

.uui-heroheader20_lightbox-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.uui-heroheader20_lightbox {
  z-index: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 57.25rem;
  height: 32.25rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.uui-heroheader20_lightbox-wrapper {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  margin-top: 4rem;
  display: flex;
  position: relative;
}

.uui-text-size-xlarge-3 {
  color: var(--untitled-ui--gray600);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1.25rem;
  line-height: 1.5;
}

.uui-text-size-xlarge-3.text-color-primary700 {
  color: var(--untitled-ui--primary700);
}

.uui-text-size-xlarge-3.text-color-primary200 {
  color: var(--untitled-ui--primary200);
}

.uui-heading-xlarge-3 {
  color: var(--untitled-ui--gray900);
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 3.75rem;
  font-weight: 600;
  line-height: 1.2;
}

.uui-heading-xlarge-3.text-color-primary900 {
  color: var(--untitled-ui--primary900);
}

.uui-heading-xlarge-3.text-color-white {
  color: var(--untitled-ui--white);
}

.uui-max-width-xlarge {
  width: 100%;
  max-width: 64rem;
}

.uui-heroheader20_component {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.uui-padding-vertical-xhuge {
  padding-top: 10rem;
  padding-bottom: 10rem;
}

.uui-section_heroheader20 {
  background-color: var(--untitled-ui--primary50-2);
  overflow: hidden;
}

.container {
  margin-left: auto;
  margin-right: auto;
  padding-left: 120px;
  padding-right: 120px;
}

.container.hero-section {
  height: 100vh;
  padding: 1%;
}

.uui-heroheader15_image-wrapper-2 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 28rem;
  margin-top: 4rem;
  display: flex;
  position: relative;
}

.uui-heading-large {
  color: var(--untitled-ui--gray900);
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 3rem;
  font-weight: 600;
  line-height: 1.2;
}

.uui-container-small {
  width: 100%;
  max-width: 60%;
  margin-left: auto;
  margin-right: auto;
}

.uui-text-size-medium {
  color: var(--untitled-ui--gray600);
  letter-spacing: normal;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
}

.uui-space-xxsmall {
  width: 100%;
  min-height: .5rem;
}

.uui-heading-xxsmall {
  color: var(--untitled-ui--gray900);
  letter-spacing: normal;
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.5;
}

.uui-layout95_image {
  width: 100%;
}

.uui-layout95_image-wrapper {
  background-color: var(--untitled-ui--gray50-2);
  width: 100%;
  margin-bottom: 0;
  position: relative;
}

.uui-layout96_item {
  flex-direction: column;
  align-items: center;
}

.uui-layout95_list {
  grid-column-gap: 2rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: start;
  margin-top: 4rem;
  margin-bottom: 4rem;
  display: grid;
}

.uui-text-size-large {
  color: var(--untitled-ui--gray600);
  letter-spacing: normal;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1.125rem;
  line-height: 1.5;
}

.uui-space-xsmall {
  width: 100%;
  min-height: 1rem;
}

.uui-heading-medium {
  color: var(--untitled-ui--gray900);
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 2.25rem;
  font-weight: 600;
  line-height: 1.3;
}

.uui-heading-subheading {
  color: var(--untitled-ui--primary600);
  margin-bottom: .75rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
}

.uui-layout95_component {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.uui-padding-vertical-xhuge-2 {
  padding-top: 10rem;
  padding-bottom: 7rem;
}

.uui-navbar02_menu-button {
  padding: 0;
}

.uui-button-tertiary-gray {
  grid-column-gap: .5rem;
  color: var(--untitled-ui--gray600);
  white-space: nowrap;
  background-color: #0000;
  border: 1px solid #0000;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  padding: .625rem 1.125rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.uui-button-tertiary-gray:hover {
  background-color: var(--untitled-ui--gray50-2);
  color: var(--untitled-ui--gray700);
}

.show-tablet {
  display: none;
}

.uui-navbar02_button-wrapper {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  align-items: center;
  display: flex;
}

.uui-navbar02_menu-right {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: flex;
}

.uui-navbar02_link {
  color: var(--untitled-ui--gray600);
  align-items: center;
  padding: 1.75rem 1rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  transition: all .3s;
}

.uui-navbar02_link:hover {
  color: var(--untitled-ui--gray700);
}

.uui-navbar02_link.w--current {
  color: #000;
}

.uui-navbar02_dropdown-right-overlay-absolute {
  background-color: var(--untitled-ui--gray50-2);
  min-width: 100vw;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.uui-button-link {
  grid-column-gap: .5rem;
  color: var(--untitled-ui--primary700);
  white-space: nowrap;
  background-color: #0000;
  justify-content: center;
  align-items: center;
  padding: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.uui-button-link:hover {
  color: var(--untitled-ui--primary800);
}

.uui-button-link.is-button-xsmall {
  font-size: .875rem;
}

.uui-button-link-gray {
  grid-column-gap: .5rem;
  color: var(--untitled-ui--gray600);
  white-space: nowrap;
  background-color: #0000;
  justify-content: flex-start;
  align-items: center;
  padding: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.uui-button-link-gray:hover {
  color: var(--untitled-ui--gray700);
}

.uui-button-link-gray.is-button-xsmall {
  font-size: .875rem;
}

.uui-navbar02_dropdown-content-button-wrapper {
  letter-spacing: normal;
  margin-top: .75rem;
  font-size: .875rem;
}

.uui-navbar02_item-heading {
  color: var(--untitled-ui--gray900);
  margin-bottom: .25rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-weight: 600;
}

.uui-navbar02_item-heading.margin-bottom-0 {
  margin-bottom: 0;
}

.uui-navbar02_blog-content {
  flex-direction: column;
  justify-content: flex-start;
  font-weight: 400;
  display: flex;
}

.uui-navbar02_blog-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.uui-navbar02_blog-image-wrapper {
  border-radius: .375rem;
  width: 100%;
  margin-bottom: 1.5rem;
  padding-top: 55%;
  position: relative;
  overflow: hidden;
}

.uui-navbar02_blog-item {
  border-radius: .5rem;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: max-content;
  grid-auto-columns: 1fr;
  padding: .75rem;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.uui-navbar02_blog-item:hover {
  background-color: var(--untitled-ui--white);
}

.uui-navbar02_dropdown-blog-item-wrapper {
  flex-direction: column;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
}

.uui-navbar02_dropdown-content-wrapper {
  z-index: 1;
  grid-template-rows: max-content;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  position: relative;
}

.uui-navbar02_dropdown-content-right {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex: 1;
  grid-template-rows: max-content auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  max-width: 22rem;
  padding: 1.25rem;
  position: relative;
}

.uui-badge-small-success {
  grid-column-gap: .25rem;
  background-color: var(--untitled-ui--success50);
  color: var(--untitled-ui--success700);
  white-space: nowrap;
  mix-blend-mode: multiply;
  border-radius: 10rem;
  align-items: center;
  padding: .125rem .5rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: .75rem;
  font-weight: 500;
  display: flex;
}

.uui-navbar02_text-wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: 0px;
  align-items: center;
  margin-bottom: .25rem;
  display: flex;
}

.uui-navbar02_item-right {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  font-weight: 400;
  display: flex;
}

.uui-icon-1x1-xsmall {
  width: 1.5rem;
  height: 1.5rem;
}

.uui-navbar02_icon-wrapper {
  color: var(--untitled-ui--primary600);
  flex: none;
}

.uui-navbar02_dropdown-link {
  grid-column-gap: 1rem;
  grid-row-gap: 0px;
  border-radius: .5rem;
  grid-template-rows: auto;
  grid-template-columns: max-content 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  padding: .75rem;
  text-decoration: none;
  transition: all .3s;
  display: grid;
}

.uui-navbar02_dropdown-link:hover {
  background-color: var(--untitled-ui--gray50-2);
}

.uui-navbar02_heading {
  color: var(--untitled-ui--primary600);
  letter-spacing: normal;
  margin-top: 0;
  margin-bottom: .25rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: .875rem;
  font-weight: 600;
}

.uui-navbar02_dropdown-link-list {
  grid-column-gap: 0px;
  grid-row-gap: .5rem;
  grid-template-rows: max-content;
  grid-template-columns: 1fr;
  grid-auto-rows: max-content;
  grid-auto-columns: 1fr;
  display: grid;
}

.uui-navbar02_dropdown-content-left {
  grid-column-gap: 2rem;
  grid-row-gap: 0px;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding: 2rem 2rem 2rem 0;
  display: grid;
}

.uui-navbar02_dropdown-content {
  width: 100%;
  display: flex;
}

.uui-navbar02_container {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 80rem;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.uui-navbar02_dropdown-list {
  box-shadow: 0 12px 16px -4px #00000014, 0 4px 6px -2px #10182808;
}

.uui-navbar02_dropdown-list.w--open {
  background-color: #fff;
  width: 100vw;
  min-width: 100vw;
  max-width: 100%;
  padding-left: 2rem;
  padding-right: 2rem;
  position: absolute;
  inset: 5.0625rem auto auto 0%;
  overflow: hidden;
}

.uui-dropdown-icon {
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
  margin-right: 1rem;
  display: flex;
  position: absolute;
  inset: auto 0% auto auto;
}

.uui-navbar02_dropdown-toggle {
  color: var(--untitled-ui--gray600);
  align-items: center;
  padding: 1.75rem 2.5rem 1.75rem 1rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  transition: all .3s;
  display: flex;
}

.uui-navbar02_dropdown-toggle:hover {
  color: var(--untitled-ui--gray700);
}

.uui-navbar02_menu-dropdown {
  position: static;
}

.uui-navbar02_menu {
  flex: 1;
  justify-content: space-between;
  align-items: center;
  margin-left: 1.5rem;
  display: flex;
  position: static;
}

.uui-logo_image {
  flex: none;
  width: auto;
  height: 100%;
  display: none;
}

.uui-logo_logotype {
  flex: none;
  width: auto;
  height: 50px;
}

.uui-logo_logomark-dot {
  z-index: 1;
  background-image: linear-gradient(26.5deg, #6941c6, #53389e);
  border-radius: 50%;
  width: 50%;
  height: 50%;
  position: relative;
}

.uui-logo_logomark-blur {
  z-index: 2;
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  background-color: #fff3;
  border-bottom-right-radius: .5rem;
  border-bottom-left-radius: .5rem;
  width: 100%;
  height: 50%;
  position: absolute;
  inset: 50% 0% 0%;
  overflow: hidden;
}

.uui-styleguide_logomark-bg {
  border-radius: 8px;
  width: 2rem;
  height: 2rem;
  position: absolute;
  inset: 0%;
}

.uui-logo_logomark {
  border: .1px solid #dae0e8;
  border-radius: .5rem;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 1px 1px #1018280f, 0 1px 2px #1018281a;
}

.uui-logo_component {
  flex-wrap: nowrap;
  width: auto;
  display: flex;
}

.uui-navbar02_logo-link {
  padding-left: 0;
}

.uui-navbar02_component {
  background-color: #0000;
  justify-content: center;
  align-items: center;
  padding: 24px 2rem;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
}

.uui-footer04_legal-link {
  color: var(--untitled-ui--gray500);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: .875rem;
  text-decoration: none;
  transition: all .3s;
}

.uui-footer04_legal-link:hover {
  color: var(--untitled-ui--gray600);
}

.uui-footer04_legal-link.is-beige {
  color: var(--beige);
}

.uui-footer04_legal-list {
  grid-column-gap: 1rem;
  grid-row-gap: 0rem;
  white-space: normal;
  grid-template-rows: auto;
  grid-template-columns: max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  justify-content: center;
  display: grid;
}

.uui-footer04_bottom-wrapper {
  grid-column-gap: 1.5rem;
  border-top: 1px solid #786e5a;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 4rem;
  padding-top: 2rem;
  display: flex;
}

.uui-footer04_social-icon {
  width: 1.5rem;
  height: 1.5rem;
}

.uui-footer04_social-link {
  color: var(--untitled-ui--gray400);
  align-items: center;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.uui-footer04_social-link:hover {
  color: var(--untitled-ui--gray500);
}

.uui-footer04_social-list {
  grid-column-gap: 1.5rem;
  grid-row-gap: 0rem;
  white-space: normal;
  grid-template-rows: auto;
  grid-template-columns: max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  place-items: start;
  display: grid;
}

.uui-footer04_link {
  grid-column-gap: .5rem;
  color: var(--untitled-ui--gray600);
  text-align: center;
  flex-wrap: nowrap;
  align-items: center;
  padding: .5rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.uui-footer04_link:hover {
  color: var(--untitled-ui--gray700);
}

.uui-footer04_link-list {
  grid-column-gap: 1rem;
  grid-row-gap: 0rem;
  white-space: normal;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  justify-content: center;
  justify-items: start;
  display: grid;
}

.uui-logo_logotype-2 {
  flex: none;
  width: auto;
  height: 100%;
}

.uui-footer04_top-wrapper {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  text-align: center;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr .25fr;
  justify-content: center;
  place-items: center stretch;
  display: flex;
}

.uui-padding-vertical-xlarge {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.uui-footer04_component.green {
  background-image: url('../images/vector-tree-big.svg');
  background-position: -8% 40%;
  background-repeat: repeat-x;
  background-size: auto;
}

.link-block {
  text-decoration: none;
}

.hero-image-wrapper {
  background-image: url('../images/hero-bg-min.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 80px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.h1 {
  z-index: 1;
  color: #f8e8cc;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #414d27;
  text-transform: uppercase;
  text-shadow: 5px 5px #414d27;
  font-family: Thunder, sans-serif;
  font-size: 100px;
  font-weight: 900;
  line-height: 1em;
}

.heading-1-wrapper {
  text-align: center;
  max-width: 450px;
}

.left-side.relative {
  position: relative;
}

.h2 {
  margin-bottom: 24px;
  font-family: Recoleta, sans-serif;
  font-size: 49px;
  font-weight: 500;
  line-height: 1.1em;
}

.h2.cream {
  color: #f8e8cc;
}

.p {
  color: #36371bb3;
  margin-bottom: 0;
  font-family: Nohemi, sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 1.3em;
}

.p.split {
  column-count: 2;
}

.p.cream {
  color: #f8e8cccc;
  font-weight: 400;
}

.p.cream.small {
  font-size: 19px;
}

.p.cream.small.f-margin-bottom-16 {
  margin-bottom: 16px;
}

.grid-2col {
  grid-column-gap: 90px;
  grid-row-gap: 90px;
  grid-template-rows: auto;
  align-items: center;
  width: 100%;
}

.side-image {
  background-color: #36371b;
  border-radius: 50px;
  height: 600px;
}

.side-image._1 {
  background-image: url('../images/vector-tree.png');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: contain;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.side-image._2 {
  background-image: url('../images/daniel-wong-wfC3pqPggq0-unsplash-1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.side-image._3 {
  background-color: #0000;
  background-image: url('../images/pannello-solare.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.paragraph-wrapper {
  padding-right: 32px;
}

.paragraph-wrapper.no-padd {
  padding-right: 0;
}

.paragraph-wrapper.align-center {
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding-right: 0;
  display: flex;
}

.paragraph-wrapper.align-center.max-width {
  max-width: 750px;
}

.paragraph-wrapper.align-center.max-width._850 {
  max-width: 850px;
}

.camper-img {
  position: relative;
  top: 27px;
}

.semibold {
  font-weight: 600;
}

.v-flex.gap-120 {
  grid-column-gap: 120px;
  grid-row-gap: 120px;
}

.v-flex.gap-120.relative {
  justify-content: flex-start;
  align-items: center;
  position: relative;
  top: -150px;
}

.v-flex._w-100 {
  justify-content: center;
  align-items: center;
  width: 100%;
}

.v-flex._w-100.align-center {
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
}

.v-flex.align-center {
  justify-content: center;
  align-items: center;
}

.heading-max-width {
  max-width: 500px;
}

.heading-max-width._800 {
  max-width: 800px;
}

.label {
  color: #36371b;
  font-family: Nohemi, sans-serif;
  font-size: 18px;
  line-height: 1.3em;
}

.label.cream {
  color: #f8e8cc;
}

.section-slider {
  margin-top: 88px;
}

.slider-container {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 100%;
  min-height: 55vh;
  margin-left: auto;
  margin-right: auto;
  padding: 0 6em;
  display: flex;
}

.tricks-slider {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.tricks-slider_slide {
  color: #fff;
  text-align: center;
  border-radius: 64px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 42%;
  height: 55vh;
  max-height: 55vw;
  margin-right: 1em;
  display: flex;
  position: relative;
  overflow: hidden;
}

.roulotte-img {
  z-index: 1;
  object-fit: cover;
  flex: none;
  width: 140%;
  max-width: none;
  height: 100%;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.progress {
  background-color: #00000017;
  width: 80%;
  height: 1.5px;
  margin-top: 2.5em;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
}

.progress_fill {
  background-color: #000;
  width: 0%;
  height: 100%;
  position: relative;
}

.tape-img {
  z-index: 5;
  position: absolute;
  inset: -50px auto auto -50px;
}

.marquee-wrapper {
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 120px;
  padding-bottom: 0;
  display: flex;
  position: relative;
  top: -150px;
  overflow: hidden;
}

.marquee-container {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  background-color: #a44819;
  background-image: url('../images/grunge-7_1grunge-7.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  margin-bottom: 120px;
  position: relative;
  top: -50px;
  overflow: hidden;
  transform: rotate(3deg);
}

.marquee-container.experience {
  background-image: none;
  margin-bottom: 0;
  overflow: visible;
}

.marquee-item {
  background-color: #a44819;
  padding-top: 3rem;
}

.display-heading {
  text-align: center;
  text-transform: uppercase;
  font-family: Thunder, sans-serif;
  font-size: 200px;
  font-weight: 900;
  line-height: 100%;
}

.display-heading.text--is-cream {
  color: #f9d3bf;
}

.grid-3col {
  grid-template-rows: auto;
  grid-template-columns: auto 1fr 1fr;
  grid-auto-columns: auto;
  width: 100%;
}

.grid-3col.max-w {
  grid-template-columns: 1fr 1fr 1fr;
}

.card-ecoglamp {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.ecoglamp-img {
  background-image: url('../images/card-ecoglamp_1.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 331px;
  width: 100%;
  height: 100%;
  position: absolute;
}

.card-mask {
  z-index: 2;
  opacity: 1;
  position: relative;
}

.h3 {
  letter-spacing: .5px;
  -webkit-text-stroke-width: 1px;
  text-transform: uppercase;
  margin-top: 0;
  font-family: Thunder, sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: .9em;
}

.h3.cream {
  color: var(--beige);
}

.card-info {
  padding: 40px;
  position: absolute;
  inset: auto 0% 0%;
}

.card-info.absolute-center {
  justify-content: center;
  align-items: center;
  display: flex;
  inset: 0%;
}

.button {
  letter-spacing: .5px;
  text-transform: uppercase;
  background-color: #eaa048;
  border-radius: 5px;
  padding: 20px 32px;
  font-family: Thunder, sans-serif;
  font-size: 24px;
  font-weight: 700;
}

.button.red {
  background-color: #a44819;
}

.button.small {
  padding: 12px 24px;
  font-size: 18px;
}

.footer-claim {
  color: var(--beige);
  font-family: Nohemi, sans-serif;
  font-size: 16px;
  font-weight: 200;
}

.claim-wrapper {
  max-width: 300px;
}

.card-img {
  width: 100%;
  max-width: none;
  height: auto;
}

.v-content-wrapper.center-center {
  justify-content: center;
  align-items: center;
  margin-top: 0;
}

.v-content-wrapper.center-center.hero-relative {
  max-width: 85%;
}

.h1-2 {
  text-transform: uppercase;
  font-family: Thunder, sans-serif;
  font-size: 7rem;
  font-weight: 900;
  line-height: 1;
}

.h1-2.text-is-center {
  text-transform: uppercase;
  font-family: Thunder, sans-serif;
  font-weight: 900;
}

.h1-2.text-is-center.yellow-red-stroke {
  color: #f1e7d2;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #a44819;
  text-shadow: 5px 5px #a44819;
  max-width: none;
  font-size: 8rem;
  line-height: 1;
}

.h1-2.text-is-center.yellow-red-stroke.hide {
  color: #f3bb4c;
  text-align: center;
  font-size: 7rem;
  display: block;
}

.hero-wrapper {
  background-color: #f3bb4c;
  border-radius: 80px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

.hero-wrapper.eventi {
  background-image: url('../images/eventi-hero_1eventi-hero.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
}

.scroll-down-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #fff;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  font-weight: 400;
  text-decoration: none;
  display: flex;
  position: absolute;
  inset: auto auto 40px;
}

.scroll-down-icon {
  border: 1px solid var(--white);
  border-radius: 80px;
  justify-content: center;
  align-items: center;
  width: 64px;
  height: 64px;
  display: flex;
}

@media screen and (min-width: 1280px) {
  .slider-container {
    min-height: 55vh;
  }

  .tricks-slider_slide {
    height: 65vh;
    max-height: 65vw;
  }

  .marquee-item {
    padding-top: 3rem;
  }

  .v-content-wrapper.center-center.hero-relative {
    max-width: 85%;
  }

  .h1-2 {
    text-transform: uppercase;
    font-family: Thunder, sans-serif;
    font-size: 7rem;
    font-weight: 900;
    line-height: 1;
  }

  .h1-2.text-is-center.yellow-red-stroke {
    font-size: 8rem;
  }
}

@media screen and (min-width: 1440px) {
  .tricks-slider_slide {
    height: 65vh;
    max-height: 65vw;
  }

  .progress {
    margin-right: 0;
  }

  .display-heading.text--is-cream {
    font-size: 220px;
  }

  .v-content-wrapper.center-center.hero-relative {
    max-width: 80%;
  }

  .h1-2 {
    text-transform: uppercase;
    font-family: Thunder, sans-serif;
    font-size: 8rem;
    font-weight: 900;
    line-height: 1;
  }

  .h1-2.text-is-center.yellow-red-stroke {
    max-width: none;
    font-size: 9rem;
  }
}

@media screen and (min-width: 1920px) {
  .section {
    padding-top: 10%;
    padding-bottom: 10%;
  }

  .section.bg-image {
    padding-top: 20%;
    padding-bottom: 10%;
  }

  .container {
    padding-left: 10%;
    padding-right: 10%;
  }

  .container.hero-section {
    padding-left: 2%;
    padding-right: 2%;
  }

  .h1 {
    margin-bottom: 40px;
    font-size: 10em;
  }

  .heading-1-wrapper {
    max-width: 30%;
  }

  .right-side {
    width: 84%;
  }

  .h2 {
    margin-bottom: 24px;
    font-size: 4rem;
  }

  .p {
    font-size: 2em;
  }

  .p.cream.small {
    font-size: 1.75em;
  }

  .p.cream.small.f-margin-bottom-16 {
    margin-bottom: 24px;
  }

  .grid-2col {
    grid-column-gap: 10%;
    grid-row-gap: 10%;
  }

  .side-image {
    border-radius: 160px;
    height: 900px;
  }

  .side-image._2 {
    height: 900px;
  }

  .paragraph-wrapper.align-center.max-width {
    max-width: 50%;
  }

  .paragraph-wrapper.align-center.max-width._850 {
    max-width: 70%;
  }

  .camper-img {
    width: 80%;
    max-width: none;
  }

  .v-flex.gap-120.relative {
    grid-column-gap: 180px;
    grid-row-gap: 180px;
    justify-content: flex-start;
    align-items: stretch;
    top: -260px;
  }

  .heading-max-width {
    max-width: 70%;
  }

  .heading-max-width._800 {
    max-width: 50%;
  }

  .label {
    font-size: 1.8em;
  }

  .slider-container {
    min-height: 80vh;
    padding-left: 10%;
    padding-right: 10%;
  }

  .tricks-slider_slide {
    height: 80vh;
    max-height: 80vw;
  }

  .tape-img {
    width: 360px;
    max-width: none;
    top: -57px;
    left: -71px;
  }

  .marquee-wrapper {
    margin-bottom: 120px;
  }

  .marquee-container {
    top: -70px;
    transform: rotate(3deg);
  }

  .marquee-container.experience {
    top: -32px;
  }

  .display-heading.text--is-cream {
    font-size: 300px;
  }

  .grid-3col {
    place-items: stretch stretch;
  }

  .grid-3col.max-w {
    max-width: 80%;
  }

  .card-ecoglamp {
    height: 100%;
  }

  .h3.cream {
    font-size: 2.5vw;
  }

  .card-info {
    padding: 15%;
  }

  .button {
    border-radius: 10px;
    font-size: 28px;
  }

  .button.small {
    border-radius: 6px;
    font-size: 1.5em;
  }

  .breathtaking-img {
    width: 100%;
  }

  .card-img {
    width: 100%;
    height: 100%;
  }

  .v-content-wrapper.center-center.hero-relative {
    max-width: 80%;
  }

  .h1-2, .h1-2.text-is-center.yellow-red-stroke {
    font-size: 12rem;
  }

  .h1-2.text-is-center.yellow-red-stroke.hide {
    font-size: 10rem;
  }
}

@media screen and (max-width: 991px) {
  .f-header-image-wrapper-tall {
    max-width: none;
    height: 360px;
  }

  .f-header-grid {
    grid-template-columns: 1fr;
  }

  .f-navigation-menu-button {
    border: 1px solid var(--flowui-component-library--gray-200);
    color: var(--flowui-component-library--grey-600);
    border-radius: 8px;
    padding: 10px;
  }

  .f-navigation-menu-button.w--open {
    background-color: var(--flowui-component-library--gray-900);
    border-color: #fff;
  }

  .f-navigation-r {
    align-items: center;
    width: auto;
    display: flex;
  }

  .f-navigation-logo-link {
    margin-right: 0;
  }

  .f-navigation-link {
    width: 100%;
  }

  .f-navigation-l {
    border: 1px solid var(--flowui-component-library--gray-200);
    background-color: var(--flowui-component-library--white);
    color: var(--flowui-component-library--grey-600);
    border-radius: 8px;
    width: 100%;
    padding: 12px;
  }

  .f-navigation-l.w--open {
    background-color: var(--flowui-component-library--gray-700);
    border-color: #fff;
  }

  .f-navigation {
    position: relative;
  }

  .section {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .section.green-bg {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .section.gradient-green-bg {
    padding-bottom: 0;
  }

  .section.padd-bott-greater {
    padding-top: 64px;
    padding-bottom: 225px;
  }

  .f-grid-three-column {
    grid-template-columns: 1fr 1fr;
  }

  .f-h3-heading.is-red {
    font-size: 60px;
  }

  .f-h3-heading.is-beige.pilat {
    font-size: 64px;
  }

  .f-content-image-wrapper {
    max-width: 100%;
  }

  .f-grid-two-column {
    grid-template-columns: 1fr;
  }

  .uui-heroheader21_image {
    width: 100%;
    height: auto;
    max-height: none;
  }

  .uui-heroheader21_image-wrapper {
    justify-content: center;
    align-items: flex-start;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .uui-space-small {
    min-height: 1rem;
  }

  .uui-heading-xlarge {
    font-size: 3.25rem;
  }

  .uui-heroheader21_content {
    max-width: none;
  }

  .uui-heroheader21_component {
    grid-row-gap: 4rem;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    min-height: auto;
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .uui-heroheader15_card-image-05, .uui-heroheader15_card-image-04, .uui-heroheader15_card-image-03, .uui-heroheader15_card-image-02, .uui-heroheader15_card-image-01 {
    width: 32rem;
  }

  .uui-button-secondary-gray.show-tablet {
    display: block;
  }

  .uui-space-large {
    min-height: 2.5rem;
  }

  .uui-space-xhuge {
    min-height: 6rem;
  }

  .uui-heading-xlarge-2 {
    font-size: 3.25rem;
  }

  .uui-heading-xlarge-2.is-white {
    font-size: 100px;
  }

  .uui-heroheader21_image-2 {
    width: 100%;
    height: auto;
    max-height: none;
  }

  .uui-heroheader21_content-2 {
    max-width: none;
    padding-bottom: 0;
    padding-right: 0;
  }

  .uui-heroheader21_component-2 {
    grid-row-gap: 4rem;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    min-height: auto;
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .uui-heroheader21_component-2.beige {
    padding-top: 0;
    padding-bottom: 0;
  }

  .uui-heroheader20_background-grid-section {
    height: 7.5vw;
  }

  .uui-heroheader20_background-grid {
    width: 150vw;
    min-width: 150vw;
  }

  .uui-heroheader20_lightbox-image {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }

  .uui-heroheader20_lightbox {
    max-width: none;
    height: 30rem;
  }

  .uui-heroheader20_lightbox-wrapper {
    height: auto;
  }

  .uui-heading-xlarge-3 {
    font-size: 3.25rem;
  }

  .uui-padding-vertical-xhuge {
    padding-top: 6rem;
    padding-bottom: 2rem;
  }

  .container {
    padding-left: 5%;
    padding-right: 5%;
  }

  .container.hero-section {
    padding-left: 1%;
    padding-right: 1%;
  }

  .uui-heading-large {
    font-size: 2.75rem;
  }

  .uui-container-small {
    max-width: 90%;
  }

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

  .uui-padding-vertical-xhuge-2 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .menu-icon_line-bottom {
    background-color: var(--untitled-ui--gray700);
    border-radius: 1rem;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

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

  .menu-icon_line-middle {
    background-color: var(--untitled-ui--gray700);
    border-radius: 1rem;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 2px;
    margin-top: 6px;
    margin-bottom: 6px;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .menu-icon_line-top {
    background-color: var(--untitled-ui--gray700);
    border-radius: 1rem;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

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

  .uui-navbar02_menu-button.w--open {
    background-color: #0000;
  }

  .hide-tablet {
    display: none;
  }

  .show-tablet {
    display: block;
  }

  .uui-navbar02_button-wrapper {
    flex-direction: column-reverse;
    align-items: stretch;
    display: flex;
  }

  .uui-navbar02_menu-right {
    flex-direction: column-reverse;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    align-items: stretch;
    margin-top: 1.5rem;
    padding-bottom: 7rem;
  }

  .uui-navbar02_link {
    color: var(--untitled-ui--gray900);
    width: 100%;
    padding: .75rem 0;
    font-size: 1.125rem;
  }

  .uui-navbar02_link:hover {
    color: var(--untitled-ui--gray900);
  }

  .uui-navbar02_dropdown-right-overlay-absolute {
    border-radius: .5rem;
    min-width: 100%;
  }

  .uui-navbar02_dropdown-content-button-wrapper {
    margin-bottom: 0;
    margin-left: 0;
  }

  .uui-navbar02_blog-content {
    max-width: none;
  }

  .uui-navbar02_dropdown-content-right {
    max-width: 50rem;
    margin-bottom: 1rem;
  }

  .uui-navbar02_dropdown-link {
    padding-left: 0;
    padding-right: 0;
  }

  .uui-navbar02_dropdown-link:hover {
    background-color: #0000;
  }

  .uui-navbar02_dropdown-content-left {
    padding-left: 0;
    padding-right: 0;
  }

  .uui-navbar02_dropdown-content {
    flex-direction: column;
  }

  .uui-navbar02_dropdown-list {
    position: relative;
    overflow: hidden;
  }

  .uui-navbar02_dropdown-list.w--open {
    box-shadow: none;
    border-style: none;
    align-items: flex-start;
    min-width: auto;
    margin-bottom: 1.5rem;
    padding: 0 0 0;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
  }

  .uui-dropdown-icon {
    color: var(--untitled-ui--gray500);
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
    inset: auto 0% auto auto;
  }

  .uui-navbar02_dropdown-toggle {
    color: var(--untitled-ui--gray900);
    align-items: center;
    padding-top: .75rem;
    padding-bottom: .75rem;
    padding-left: 0;
    font-size: 1.125rem;
    display: flex;
  }

  .uui-navbar02_dropdown-toggle:hover {
    color: var(--untitled-ui--gray900);
  }

  .uui-navbar02_menu-dropdown {
    width: 100%;
    position: relative;
  }

  .uui-navbar02_menu-left {
    grid-column-gap: 0px;
    grid-row-gap: .5rem;
    color: var(--untitled-ui--gray900);
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }

  .uui-navbar02_menu {
    border-top: 1px solid var(--untitled-ui--gray100);
    -webkit-text-fill-color: inherit;
    background-color: #fff;
    background-clip: border-box;
    align-items: flex-start;
    height: 100vh;
    margin-left: 0;
    padding: 1.5rem 2rem 5rem;
    position: absolute;
    overflow: auto;
  }

  .uui-navbar02_component {
    z-index: 2;
    position: relative;
  }

  .uui-footer04_top-wrapper {
    grid-row-gap: 2rem;
    grid-template-columns: 1fr;
    justify-content: center;
    justify-items: center;
  }

  .uui-padding-vertical-xlarge {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }

  .hero-image-wrapper {
    border-radius: 64px;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 40px;
  }

  .h2 {
    margin-top: 8px;
    margin-bottom: 16px;
    font-size: 32px;
  }

  .p {
    font-size: 17px;
  }

  .grid-2col {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .side-image {
    height: 400px;
  }

  .side-image._1 {
    background-position: 0 100%;
  }

  .paragraph-wrapper {
    padding-right: 0;
  }

  .paragraph-wrapper.align-center.max-width {
    max-width: 500px;
  }

  .camper-img {
    width: 90%;
  }

  .v-flex.gap-120.relative {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
  }

  .heading-max-width {
    max-width: 300px;
  }

  .heading-max-width._800 {
    max-width: 450px;
  }

  .label {
    font-size: 16px;
  }

  .section-slider {
    margin-top: 48px;
  }

  .slider-container {
    justify-content: flex-start;
    align-items: center;
    min-height: auto;
    padding-left: 5%;
    padding-right: 5%;
  }

  .tricks-slider_slide {
    border-radius: 50px;
    width: 48%;
    height: 50vh;
    max-height: 50vw;
    margin-right: 2em;
  }

  .progress {
    margin-top: 30px;
  }

  .tape-img {
    width: 200px;
    top: -37px;
    left: -44px;
  }

  .marquee-wrapper {
    top: -100px;
  }

  .grid-3col.max-w {
    grid-template-columns: 1fr 1fr;
    margin-top: 24px;
  }

  .card-ecoglamp.mobile-hidden {
    display: none;
  }

  .v-content-wrapper.center-center.hero-relative {
    max-width: 90%;
    position: relative;
    top: -5%;
  }

  .h1-2.text-is-center.yellow-red-stroke {
    font-size: 7rem;
    line-height: 1;
  }

  .h1-2.text-is-center.yellow-red-stroke.hide {
    font-size: 6rem;
  }

  .hero-wrapper.eventi {
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
  }

  .scroll-down-wrapper {
    position: static;
  }

  .scroll-down-icon {
    width: 56px;
    height: 56px;
  }
}

@media screen and (max-width: 767px) {
  .f-header-image-wrapper-tall {
    height: 400px;
  }

  .f-h1-heading {
    margin-top: 0;
    font-size: 48px;
  }

  .f-section-large {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .f-h1-heading-2 {
    margin-top: 0;
    font-size: 48px;
  }

  .f-section-large-2 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .f-navigation-button-secondary {
    display: none;
  }

  .section.bg-image {
    padding-top: 200px;
    padding-bottom: 100px;
  }

  .f-grid-three-column {
    grid-template-columns: 1fr;
  }

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

  .f-section-regular {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .uui-heroheader21_image-wrapper {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .uui-text-size-small.hide-mobile-landscape {
    display: none;
  }

  .uui-text-size-small.is-beige {
    text-align: center;
  }

  .uui-button {
    font-size: 1rem;
  }

  .uui-button:hover {
    border-color: var(--untitled-ui--primary600);
    background-color: var(--untitled-ui--primary600);
  }

  .uui-button.is-button-large {
    grid-column-gap: .5rem;
    padding: .75rem 1.25rem;
    font-size: 1rem;
  }

  .uui-heroheader21_form {
    margin-top: 2rem;
  }

  .uui-text-size-xlarge {
    font-size: 1.125rem;
  }

  .uui-space-small {
    min-height: 1.25rem;
  }

  .uui-heading-xlarge {
    font-size: 2.25rem;
  }

  .uui-badge-group_badge {
    padding: .125rem .5rem;
    font-size: .75rem;
  }

  .uui-badge-group {
    font-size: .75rem;
  }

  .uui-button-row {
    align-self: stretch;
  }

  .uui-button-row.button-row-center.is-reverse-mobile-landscape, .uui-button-row.is-reverse-mobile-landscape {
    flex-direction: column-reverse;
  }

  .uui-heroheader21_content {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .uui-heroheader21_component {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .uui-heroheader15_card-image-05, .uui-heroheader15_card-image-04, .uui-heroheader15_card-image-03, .uui-heroheader15_card-image-02, .uui-heroheader15_card-image-01 {
    border-radius: .75rem;
    width: 24rem;
  }

  .uui-heroheader15_image-wrapper {
    height: 22rem;
  }

  .uui-button-wrapper.max-width-full-mobile-landscape {
    width: 100%;
  }

  .max-width-full-mobile-landscape {
    width: 100%;
    max-width: none;
  }

  .uui-button-icon.is-icon-large {
    width: 1.25rem;
    height: 1.25rem;
  }

  .uui-button-secondary-gray {
    padding-left: 1.25rem;
    font-size: 1rem;
  }

  .uui-button-secondary-gray:hover {
    background-color: var(--untitled-ui--white);
    color: var(--untitled-ui--gray700);
  }

  .uui-button-secondary-gray.is-button-large {
    grid-column-gap: .5rem;
    padding: .75rem 1.25rem;
    font-size: 1rem;
  }

  .uui-space-large {
    min-height: 2rem;
  }

  .uui-space-xhuge {
    min-height: 4rem;
  }

  .uui-page-padding {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .uui-heading-xlarge-2 {
    font-size: 2.25rem;
  }

  .uui-heading-xlarge-2.is-white {
    font-size: 80px;
  }

  .uui-text-size-xlarge-2 {
    font-size: 1.125rem;
  }

  .uui-heroheader21_content-2 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .uui-heroheader21_component-2 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .uui-heroheader20_background {
    background-image: url('../images/Background-Pattern-Small.svg');
    background-position: 50% -80px;
    top: 46%;
  }

  .uui-lightbox_play-icon {
    width: 4rem;
    height: 4rem;
  }

  .uui-heroheader20_lightbox {
    height: 20rem;
  }

  .uui-text-size-xlarge-3 {
    font-size: 1.125rem;
  }

  .uui-heading-xlarge-3 {
    font-size: 2.25rem;
  }

  .uui-padding-vertical-xhuge {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .uui-heroheader15_image-wrapper-2 {
    height: 22rem;
  }

  .uui-heading-large {
    font-size: 2.25rem;
  }

  .uui-heading-xxsmall {
    font-size: 1.125rem;
  }

  .uui-layout95_list {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
    margin-top: 3rem;
    margin-bottom: 3rem;
  }

  .uui-text-size-large {
    font-size: 1rem;
  }

  .uui-space-xsmall {
    min-height: .75rem;
  }

  .uui-heading-medium {
    font-size: 1.75rem;
    line-height: 1.4;
  }

  .uui-layout95_component {
    align-items: stretch;
  }

  .uui-padding-vertical-xhuge-2 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .uui-button-tertiary-gray:hover {
    color: var(--untitled-ui--gray600);
    background-color: #0000;
  }

  .uui-navbar02_link, .uui-button-link {
    font-size: 1rem;
  }

  .uui-button-link:hover {
    color: var(--untitled-ui--primary700);
  }

  .uui-button-link-gray {
    font-size: 1rem;
  }

  .uui-button-link-gray:hover {
    color: var(--untitled-ui--gray600);
  }

  .uui-navbar02_blog-item {
    padding: 0;
  }

  .uui-navbar02_blog-item:hover {
    background-color: #0000;
  }

  .uui-navbar02_dropdown-content-right {
    padding: 2rem 1rem;
  }

  .hide-mobile-landscape {
    display: none;
  }

  .uui-badge-small-success {
    padding: .125rem .5rem;
  }

  .uui-navbar02_dropdown-link-list {
    grid-row-gap: .5rem;
    max-width: none;
  }

  .uui-navbar02_dropdown-content-left {
    grid-row-gap: 1.5rem;
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .uui-navbar02_dropdown-toggle {
    font-size: 1rem;
  }

  .uui-navbar02_menu {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .uui-styleguide_logomark-bg {
    background-image: url('../images/untitled-ui-logomark.svg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .uui-navbar02_logo-link.w--current {
    width: 150px;
  }

  .uui-navbar02_component {
    min-height: 4.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    position: absolute;
  }

  .uui-footer04_legal-link:hover {
    color: var(--untitled-ui--gray400);
  }

  .uui-footer04_legal-list {
    margin-bottom: 1rem;
  }

  .uui-footer04_bottom-wrapper {
    flex-direction: column-reverse;
    align-items: center;
    margin-top: 3rem;
  }

  .uui-footer04_social-link:hover {
    color: var(--untitled-ui--gray400);
  }

  .uui-footer04_link:hover {
    color: var(--untitled-ui--gray500);
  }

  .uui-footer04_link-list {
    grid-column-gap: 1rem;
    grid-row-gap: .5rem;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-flow: row;
    justify-items: center;
  }

  .uui-footer04_logo-link {
    width: 150px;
  }

  .uui-padding-vertical-xlarge {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .hero-image-wrapper {
    border-radius: 48px;
    justify-content: center;
    align-items: center;
    padding-bottom: 0;
  }

  .h1 {
    font-size: 64px;
  }

  .heading-1-wrapper {
    max-width: 300px;
  }

  .side-image {
    border-radius: 32px;
    height: 350px;
  }

  .side-image._3 {
    width: 110%;
    height: 500px;
    position: relative;
    left: 18px;
  }

  .tricks-slider_slide {
    border-radius: 32px;
    width: 40%;
    height: 350px;
    max-height: 350px;
    margin-right: 1em;
  }

  .marquee-wrapper {
    padding-top: 80px;
    top: -80px;
  }

  .marquee-item {
    padding-top: 1rem;
  }

  .display-heading {
    font-size: 100px;
  }

  .button {
    padding: 16px 24px;
  }

  .v-content-wrapper.center-center.hero-relative {
    position: relative;
    top: -5%;
  }

  .h1-2.text-is-center.yellow-red-stroke.hide {
    font-size: 5rem;
  }

  .scroll-down-wrapper {
    display: none;
    position: absolute;
  }

  .scroll-down-icon {
    width: 48px;
    height: 48px;
  }
}

@media screen and (max-width: 479px) {
  .f-paragraph-large-2.is-grey {
    font-size: 28px;
  }

  .f-navigation-button {
    display: none;
  }

  .section.padd-bott-greater {
    padding-bottom: 150px;
  }

  .f-paragraph-small {
    font-size: 16px;
  }

  .f-h3-heading.is-red {
    font-size: 40px;
  }

  .f-h3-heading.is-beige {
    font-size: 48px;
  }

  .f-h3-heading.is-beige.pilat {
    font-size: 40px;
  }

  .f-h3-heading.is-beige.rosli {
    font-size: 80px;
  }

  .uui-heroheader21_image-wrapper {
    padding-left: 0;
    padding-right: 0;
  }

  .uui-signup-form_wrapper {
    grid-row-gap: .75rem;
    flex-direction: column;
    grid-template-columns: 1fr;
  }

  .uui-heroheader21_component {
    grid-template-columns: 1fr;
  }

  .uui-heroheader15_card-image-05, .uui-heroheader15_card-image-04, .uui-heroheader15_card-image-03, .uui-heroheader15_card-image-02, .uui-heroheader15_card-image-01 {
    border-radius: .5rem;
    width: 14rem;
  }

  .uui-heroheader15_image-wrapper {
    height: 12.75rem;
  }

  .uui-heading-xlarge-2.is-red {
    font-size: 40px;
  }

  .uui-heading-xlarge-2.is-red.mobile {
    margin-bottom: 1rem;
  }

  .uui-heading-xlarge-2.is-red.desk {
    display: none;
  }

  .uui-heading-xlarge-2.is-white {
    font-size: 48px;
  }

  .uui-heroheader21_content-2 {
    padding-left: 0;
    padding-right: 0;
  }

  .uui-heroheader21_component-2 {
    grid-template-columns: 1fr;
  }

  .uui-heroheader20_background {
    top: 42%;
  }

  .uui-heroheader20_lightbox {
    height: 15rem;
  }

  .container.hero-section {
    height: 85vh;
  }

  .uui-heroheader15_image-wrapper-2 {
    height: 12.75rem;
  }

  .uui-navbar02_blog-content {
    margin-top: .5rem;
  }

  .uui-navbar02_blog-item {
    flex-direction: column;
    display: flex;
  }

  .uui-navbar02_dropdown-blog-item-wrapper {
    grid-column-gap: 0px;
    grid-row-gap: .5rem;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
  }

  .uui-navbar02_dropdown-content-wrapper {
    width: 100%;
  }

  .uui-navbar02_dropdown-content-right {
    max-width: none;
    padding-left: .75rem;
    padding-right: .75rem;
  }

  .uui-navbar02_dropdown-link {
    padding-left: 0;
  }

  .uui-navbar02_dropdown-content-left {
    grid-template-columns: 1fr;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .uui-navbar02_logo-link.w--current {
    width: 120px;
  }

  .uui-navbar02_component {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .uui-footer04_link-list {
    grid-template-columns: 1fr 1fr;
  }

  .uui-footer04_logo-link {
    width: 120px;
  }

  .hero-image-wrapper {
    border-radius: 32px;
  }

  .p.split {
    column-count: 1;
  }

  .grid-2col {
    grid-template-columns: 1fr;
  }

  .side-image._3 {
    width: 100%;
    height: auto;
    min-height: 350px;
    left: auto;
  }

  .v-flex.gap-120.relative {
    padding-bottom: 64px;
    top: -80px;
  }

  .slider-container {
    padding-left: 1em;
  }

  .tricks-slider_slide {
    width: 90%;
    margin-right: 1em;
  }

  .marquee-wrapper {
    top: -90px;
  }

  .marquee-container.experience {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    transform: rotate(2deg);
  }

  .display-heading {
    font-size: 6rem;
  }

  .grid-3col.max-w {
    grid-template-columns: 1fr;
  }

  .v-content-wrapper.center-center.hero-relative {
    position: relative;
    top: -5%;
  }

  .h1-2.text-is-center.yellow-red-stroke {
    font-size: 4em;
  }

  .h1-2.text-is-center.yellow-red-stroke.hide {
    font-size: 4rem;
  }

  .scroll-down-wrapper {
    display: flex;
    bottom: 24px;
  }
}

#w-node-e524a7db-0e22-d5d5-04bc-729efb80c665-39f28c35, #w-node-_9a9c3f5f-0a86-8d54-0814-edea0256826b-39f28c35, #w-node-c1d06db4-4023-8632-48f8-2d112c0a5c65-39f28c35, #w-node-c1d06db4-4023-8632-48f8-2d112c0a5c68-39f28c35, #w-node-aa485ff8-b8fc-cf8c-c545-067c8e38762a-39f28c35, #w-node-aa485ff8-b8fc-cf8c-c545-067c8e38762d-39f28c35 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_79158c72-fd53-6f3f-de67-b16d7c319073-595d1138 {
  justify-self: end;
}

@media screen and (min-width: 1920px) {
  #w-node-aa485ff8-b8fc-cf8c-c545-067c8e38762d-39f28c35 {
    justify-self: end;
  }
}

@media screen and (max-width: 991px) {
  #w-node-_79158c72-fd53-6f3f-de67-b16d7c319073-595d1138 {
    justify-self: start;
  }
}

@media screen and (max-width: 767px) {
  #w-node-f6d2bc08-9f11-2256-e613-561154e10043-39f28c35, #w-node-f6d2bc08-9f11-2256-e613-561154e10043-595d1138 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 479px) {
  #w-node-e524a7db-0e22-d5d5-04bc-729efb80c665-39f28c35 {
    order: 9999;
  }

  #w-node-aa485ff8-b8fc-cf8c-c545-067c8e38762d-39f28c35 {
    order: -9999;
  }
}


@font-face {
  font-family: 'Thunder';
  src: url('../fonts/Thunder-BlackLC.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Thunder';
  src: url('../fonts/Thunder-BoldLC.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Pilat Condensed';
  src: url('../fonts/Pilat-Condensed-Black.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roslindaledisplaycondensed';
  src: url('../fonts/RoslindaleDisplayCondensed-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roslindaledisplaycondensed';
  src: url('../fonts/RoslindaleDisplayCondensed-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Recoleta';
  src: url('../fonts/Recoleta-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Recoleta';
  src: url('../fonts/Recoleta-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Recoleta';
  src: url('../fonts/Recoleta-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Recoleta';
  src: url('../fonts/Recoleta-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Recoleta';
  src: url('../fonts/Recoleta-SemiBold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Recoleta';
  src: url('../fonts/Recoleta-Black.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Nohemi';
  src: url('../fonts/Nohemi-ExtraBold-BF6438cc58a4c3c.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Nohemi';
  src: url('../fonts/Nohemi-Light-BF6438cc583f70b.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Nohemi';
  src: url('../fonts/Nohemi-Regular-BF6438cc58b98fc.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Nohemi';
  src: url('../fonts/Nohemi-ExtraLight-BF6438cc57e06d5.otf') format('opentype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Nohemi';
  src: url('../fonts/Nohemi-SemiBold-BF6438cc588b5e5.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Nohemi';
  src: url('../fonts/Nohemi-Medium-BF6438cc581a509.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}