@font-face {
  font-family: Dmsans;
  src: url('../fonts/DMSans-MediumItalic.woff2') format("woff2");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Dmsans;
  src: url('../fonts/DMSans-Medium.woff2') format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

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

@font-face {
  font-family: Kanit;
  src: url('../fonts/Kanit-SemiBoldItalic.woff2') format("woff2");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

:root {
  --neutral--dark: #1a1a1a;
  --font-family--body: Dmsans, Arial, sans-serif;
  --neutral--white: white;
  --_responsive-variables---paragraph--text-16: 1em;
  --font-weight--font-weight-400: 400;
  --_responsive-variables---heading--h-56: 3.5em;
  --font-weight--font-weight-600: 600;
  --_responsive-variables---heading--h-48: 3em;
  --_responsive-variables---heading--h-32: 2em;
  --_responsive-variables---heading--h-24: 1.5em;
  --_responsive-variables---heading--h-20: 1.25em;
  --_responsive-variables---heading--h-18: 1.125em;
  --container--c-1224: 76.5em;
  --brand-color--lime: #bcf248;
  --_responsive-variables---spacing--24: 1.5em;
  --black\<deleted\|variable-b04721b6\>: #1d1d1d;
  --chocolate\<deleted\|variable-c8165ea4\>: #ea6920;
  --_responsive-variables---spacing--80: 5em;
  --_responsive-variables---spacing--64: 4em;
  --container--c-1016: 63.5em;
  --container--c-808: 50.5em;
  --_responsive-variables---paragraph--text-18: 1.125em;
  --font-weight--font-weight-500: 500;
  --font-weight--font-weight-700: 700;
  --brand-color--black-lighter: #1a1a1a;
  --_responsive-variables---spacing--32: 2em;
  --_responsive-variables---spacing--16: 1em;
  --_responsive-variables---spacing--8: .5em;
  --secondary-color\<deleted\|variable-960f01e6\>: #eaa520;
  --primary-accent\<deleted\|variable-afc2d70c\>: #141414;
  --secondary-accent\<deleted\|variable-6370f196\>: #9d9d9d;
  --neutral--black: black;
  --neutral--dark-gray: #1d1d1d;
  --brand-color--yellow: #eaa520;
  --primary-color\<deleted\|variable-dcab1f4a\>: #ea5820;
  --blue-violet\<deleted\|variable-58c8f546\>: #7920ea;
  --gradient-black\<deleted\|variable-2bfc5512\>: #323232;
  --dim-grey\<deleted\|variable-8ecb79e9\>: #626262;
  --font-family--heading: Kanit, Impact, sans-serif;
  --_responsive-variables---heading--h-64: 4em;
  --_responsive-variables---paragraph--text-24: 1.5em;
  --_responsive-variables---paragraph--text-20: 1.25em;
  --primary-button-hover\<deleted\|variable-4cf8087c\>: #cc3a02;
  --_responsive-variables---spacing--12: .75em;
  --button--primary--bg: var(--brand-color--lime);
  --button--primary--text: var(--neutral--dark);
  --brand-color--lime-dark: #85c203;
  --button--primary--hover: var(--brand-color--lime-dark);
  --button--primary--text-hover-optional: var(--neutral--white);
  --_responsive-variables---spacing--20: 1.25em;
  --neutral--transparent: #fff0;
  --link--default: white;
  --link--hover: #ea5820;
  --_responsive-variables---paragraph--text-14: .875em;
  --_responsive-variables---spacing--40: 2.5em;
  --_responsive-variables---spacing--48: 3em;
  --_responsive-variables---spacing--56: 3.5em;
  --_responsive-variables---spacing--72: 4.5em;
  --_responsive-variables---spacing--0: 0em;
  --_responsive-variables---spacing--160: 10em;
  --_responsive-variables---spacing--128: 8em;
  --_responsive-variables---spacing--96: 6em;
  --padding-section--ps-80\<deleted\|variable-92a9a041-505e-7260-fbba-66c7945bc261\>: 5em;
  --padding-section--ps-240\<deleted\|variable-387f3dba-1d51-3b79-9aa7-e39890dee3ab\>: 15em;
  --_responsive-variables---spacing--192\<deleted\|variable-9e9cb744-c122-2f44-d6bf-c17d26a46412\>: 12em;
  --_responsive-variables---heading--h-40\<deleted\|variable-2ce3995f-dd5a-6f35-9503-025f88459029\>: 2.5em;
  --_responsive-variables---heading--h-28\<deleted\|variable-9f076bbf-3051-1c83-3fb0-963876cffb4d\>: 1.75em;
  --utility--transparent: #fff0;
  --button--secondary--bg: var(--neutral--dark);
  --button--secondary--hover: var(--neutral--transparent);
  --button--secondary--text-hover: var(--neutral--dark);
  --button--ghost--border: var(--neutral--white);
  --button--ghost--text: var(--neutral--white);
  --container--c-600: 37.5em;
  --_responsive-variables---spacing--4: .25em;
  --_responsive-variables---radius--r-32: 2em;
  --_responsive-variables---radius--r-24: 1.5em;
  --input--border: #f77f00;
  --_responsive-variables---radius--r-8: .5em;
  --input--bg: white;
  --input--text: #00283c;
  --input--border-focus: #ea5820;
  --input--text-placeholder: #9d9d9d;
  --_responsive-variables---spacing--112: 7em;
  --_responsive-variables---spacing--192: 12em;
  --_responsive-variables---spacing--144: 9em;
  --_responsive-variables---spacing--176: 11em;
  --utility--overlay-light: #f77f0040;
  --utility--overlay-dark: #00283c80;
  --_responsive-variables---radius--r-20: 1.25em;
  --utility--shadow: #0003;
  --neutral--light: whitesmoke;
  --_responsive-variables---radius--r-16: 1em;
  --button--ghost--hover: var(--neutral--white);
  --_responsive-variables---radius--r-12: .75em;
  --button--ghost--text-hover: var(--neutral--dark);
  --button--secondary--text: var(--neutral--white);
  --border--dark: #00283c;
  --border--light: white;
  --brand-color--soft-green: #88c310;
}

.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;
}

body {
  background-color: var(--neutral--dark);
  font-family: var(--font-family--body);
  color: var(--neutral--white);
  font-size: var(--_responsive-variables---paragraph--text-16);
  line-height: 1.5;
  font-weight: var(--font-weight--font-weight-400);
}

h1 {
  font-size: var(--_responsive-variables---heading--h-56);
  line-height: 1.21429;
  font-weight: var(--font-weight--font-weight-600);
  margin-top: 0;
  margin-bottom: 0;
}

h2 {
  font-size: var(--_responsive-variables---heading--h-48);
  line-height: 1.20833;
  font-weight: var(--font-weight--font-weight-600);
  margin-top: 0;
  margin-bottom: 0;
}

h3 {
  font-size: var(--_responsive-variables---heading--h-32);
  line-height: 1.1875;
  font-weight: var(--font-weight--font-weight-600);
  margin-top: 0;
  margin-bottom: 0;
}

h4 {
  font-family: var(--font-family--body);
  font-size: var(--_responsive-variables---heading--h-24);
  line-height: 1.25;
  font-weight: var(--font-weight--font-weight-600);
  margin-top: 0;
  margin-bottom: 0;
}

h5 {
  font-family: var(--font-family--body);
  font-size: var(--_responsive-variables---heading--h-20);
  line-height: 1.2;
  font-weight: var(--font-weight--font-weight-600);
  margin-top: 0;
  margin-bottom: 0;
}

h6 {
  font-size: var(--_responsive-variables---heading--h-18);
  line-height: 1.22222;
  font-weight: var(--font-weight--font-weight-600);
  margin-top: 0;
  margin-bottom: 0;
}

p {
  margin-bottom: 0;
}

a {
  text-decoration: underline;
}

.main-wrapper {
  z-index: 5;
  background-color: var(--neutral--dark);
  position: relative;
}

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

.container-1224.is-orange {
  background-color: var(--brand-color--lime);
}

.page-padding {
  padding-right: var(--_responsive-variables---spacing--24);
  padding-left: var(--_responsive-variables---spacing--24);
}

.page-padding.cc-relative {
  z-index: 5;
  position: relative;
}

.section-cover {
  background-color: var(--black\<deleted\|variable-b04721b6\>);
}

.global-styles {
  display: none;
}

.footer-link {
  color: var(--neutral--white);
  font-family: Poppins;
  font-size: 1.13em;
  font-weight: 500;
  line-height: 1.76991em;
  text-decoration: none;
}

.footer-link:hover {
  color: var(--chocolate\<deleted\|variable-c8165ea4\>);
}

.page-wrapper {
  overflow: clip;
}

.padding-section-120 {
  padding-top: var(--_responsive-variables---spacing--80);
}

.padding-section-b60 {
  padding-top: 7.5em;
  padding-bottom: 3.75em;
}

.padding-section-b60.section-custom-padding {
  padding-top: 17.4em;
}

.padding-section-t64 {
  padding-top: var(--_responsive-variables---spacing--64);
}

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

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

.section-hero-components {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.logo-wrapper {
  max-width: 20em;
}

.heading-wrapper {
  width: 100%;
  max-width: 60em;
}

.heading-cover {
  color: var(--neutral--white);
  font-size: 5.5em;
}

.paragraph-wrapper {
  justify-content: flex-end;
  width: 100%;
  max-width: 63.56em;
  display: flex;
}

.text-width-515 {
  width: 100%;
  max-width: 32.19em;
}

.text-size-18 {
  font-family: var(--font-family--body);
  font-size: var(--_responsive-variables---paragraph--text-18);
  line-height: 1.33333;
  font-weight: var(--font-weight--font-weight-500);
}

.text-size-18.font-weight-500.text-color-lime {
  color: var(--brand-color--lime);
}

.text-size-18.u-text-italic {
  font-style: italic;
}

.global-footer {
  z-index: 1;
  color: var(--neutral--white);
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: fixed;
  inset: auto 7.5em 1.25em;
}

.colour-pallete-solid {
  background-color: var(--black\<deleted\|variable-b04721b6\>);
  position: relative;
}

.heading-text {
  color: var(--neutral--white);
  font-family: Inter;
  font-size: 2.25em;
  font-weight: 700;
  line-height: 2.77778;
}

.heading-text.hide {
  display: none;
}

.heading-section-wrapper {
  width: 25%;
  margin-bottom: 6.63em;
}

.color-pallete-wrapper {
  grid-column-gap: 22px;
  grid-row-gap: 22px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.colour-container {
  grid-row-gap: 1.5em;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.primary-color {
  background-color: #ea5820;
  justify-content: center;
  align-items: center;
}

.primary-color.height-37 {
  height: 2.31em;
}

.text-size-16 {
  font-family: var(--font-family--body);
  font-size: var(--_responsive-variables---paragraph--text-16);
  line-height: 1.375;
  font-weight: var(--font-weight--font-weight-500);
}

.text-size-16.font-weight-700 {
  font-weight: var(--font-weight--font-weight-700);
}

.text-size-16.text-color-primary {
  color: var(--brand-color--black-lighter);
}

.text-size-16.show-mobile {
  display: none;
}

.text-size-16.margin-top-32 {
  margin-top: var(--_responsive-variables---spacing--32);
}

.text-size-16.margin-top-16 {
  margin-top: var(--_responsive-variables---spacing--16);
}

.text-size-16.margin-top-24 {
  margin-top: var(--_responsive-variables---spacing--24);
}

.text-size-16.margin-top-8 {
  margin-top: var(--_responsive-variables---spacing--8);
}

.section-components {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.secondary-color {
  background-color: var(--secondary-color\<deleted\|variable-960f01e6\>);
  justify-content: center;
  align-items: center;
}

.primary-accent {
  background-color: var(--primary-accent\<deleted\|variable-afc2d70c\>);
  justify-content: center;
  align-items: center;
}

.secondary-accent {
  background-color: var(--secondary-accent\<deleted\|variable-6370f196\>);
  justify-content: center;
  align-items: center;
}

.default-dark {
  background-color: var(--neutral--black);
  justify-content: center;
  align-items: center;
}

.default-white {
  background-color: #fff;
  justify-content: center;
  align-items: center;
}

.text-color-black {
  color: var(--primary-accent\<deleted\|variable-afc2d70c\>);
}

.white-wrapper {
  background-color: var(--neutral--white);
  border-radius: 30%;
  justify-content: center;
  align-items: center;
  width: 9.94em;
  height: 9.94em;
  display: flex;
}

.dark-wrapper {
  background-color: var(--neutral--black);
  border-radius: 30%;
  justify-content: center;
  align-items: center;
  width: 9.94em;
  height: 9.94em;
  display: flex;
}

.secondary-accent-wrapper {
  background-color: var(--neutral--dark-gray);
  border-radius: 30%;
  justify-content: center;
  align-items: center;
  width: 9.94em;
  height: 9.94em;
  display: flex;
}

.primary-accent-wrapper {
  background-color: var(--neutral--dark);
  border-radius: 30%;
  justify-content: center;
  align-items: center;
  width: 9.94em;
  height: 9.94em;
  display: flex;
}

.secondary-color-wrapper {
  background-color: var(--brand-color--yellow);
  border-radius: 30%;
  justify-content: center;
  align-items: center;
  width: 9.94em;
  height: 9.94em;
  display: flex;
}

.primary-color-wrapper {
  background-color: var(--brand-color--lime);
  border-radius: 30%;
  justify-content: center;
  align-items: center;
  width: 9.94em;
  height: 9.94em;
  display: flex;
}

.colour-pallete-gradient {
  background-color: var(--black\<deleted\|variable-b04721b6\>);
  position: relative;
}

.padding-section-60 {
  padding-top: 3.75em;
  padding-bottom: 3.75em;
}

.color-pallete-gradient {
  grid-column-gap: 22px;
  grid-row-gap: 22px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-items: start;
  display: flex;
}

.primary-gradient {
  background-image: linear-gradient(280deg, var(--primary-color\<deleted\|variable-dcab1f4a\>), var(--secondary-color\<deleted\|variable-960f01e6\>));
  justify-content: center;
  align-items: center;
}

.primary-gradient-wrapper {
  background-image: linear-gradient(280deg, var(--primary-color\<deleted\|variable-dcab1f4a\>), var(--secondary-color\<deleted\|variable-960f01e6\>));
  border-radius: 30%;
  justify-content: center;
  align-items: center;
  width: 9.94em;
  height: 9.94em;
  display: flex;
}

.secondary-gradient {
  background-image: linear-gradient(280deg, var(--chocolate\<deleted\|variable-c8165ea4\>), var(--blue-violet\<deleted\|variable-58c8f546\>));
  justify-content: center;
  align-items: center;
}

.secondary-gradient-wrapper {
  background-image: linear-gradient(280deg, var(--chocolate\<deleted\|variable-c8165ea4\>), var(--blue-violet\<deleted\|variable-58c8f546\>));
  border-radius: 30%;
  justify-content: center;
  align-items: center;
  width: 9.94em;
  height: 9.94em;
  display: flex;
}

.accent-gradient {
  background-image: linear-gradient(280deg, var(--gradient-black\<deleted\|variable-2bfc5512\>), var(--dim-grey\<deleted\|variable-8ecb79e9\>));
  justify-content: center;
  align-items: center;
  position: absolute;
}

.accent-gradient-wrapper {
  background-image: linear-gradient(280deg, var(--gradient-black\<deleted\|variable-2bfc5512\>), var(--dim-grey\<deleted\|variable-8ecb79e9\>));
  border-radius: 30%;
  justify-content: center;
  align-items: center;
  width: 9.94em;
  height: 9.94em;
  display: flex;
}

.section-typography {
  background-color: var(--black\<deleted\|variable-b04721b6\>);
  background-image: url('../images/Aa.svg');
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: auto;
}

.section-components-horizontal {
  align-items: stretch;
  display: flex;
}

.typography-wrapper {
  margin-left: 9em;
}

.heading-64 {
  font-family: var(--font-family--heading);
  font-size: var(--_responsive-variables---heading--h-64);
  font-style: italic;
  line-height: 1.1;
  font-weight: var(--font-weight--font-weight-600);
  text-transform: capitalize;
}

.typography-container {
  color: var(--neutral--white);
  flex-direction: column;
  display: flex;
}

.typography-container.bm-30 {
  margin-bottom: 1.88em;
}

.heading-48 {
  font-family: var(--font-family--heading);
  font-size: var(--_responsive-variables---heading--h-48);
  font-style: italic;
  line-height: 1.15;
  font-weight: var(--font-weight--font-weight-600);
  text-transform: capitalize;
}

.heading-48.text-color-yellow {
  color: var(--brand-color--yellow);
}

.heading-32 {
  font-family: var(--font-family--heading);
  font-size: var(--_responsive-variables---heading--h-32);
  font-style: italic;
  line-height: 1.25;
  font-weight: var(--font-weight--font-weight-600);
  text-transform: capitalize;
}

.heading-32.text-color-primary {
  color: var(--brand-color--black-lighter);
}

.heading-24 {
  font-family: var(--font-family--heading);
  font-size: var(--_responsive-variables---heading--h-24);
  font-style: italic;
  line-height: 1.25;
  font-weight: var(--font-weight--font-weight-600);
  text-transform: capitalize;
}

.heading-20 {
  font-family: var(--font-family--heading);
  font-size: var(--_responsive-variables---heading--h-20);
  font-style: italic;
  line-height: 1.2;
  font-weight: var(--font-weight--font-weight-600);
}

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

.text-size-24 {
  font-size: var(--_responsive-variables---paragraph--text-24);
  line-height: 1.33333;
}

.paragraph-container {
  width: 31.81em;
  color: var(--neutral--white);
  flex-direction: column;
  display: flex;
}

.paragraph-container.bm-35 {
  margin-bottom: 2.81em;
}

.paragraph-content {
  flex-direction: row;
  justify-content: space-between;
  display: flex;
}

.margin-bottom-8 {
  margin-bottom: var(--_responsive-variables---spacing--8);
}

.text-size-20 {
  font-size: var(--_responsive-variables---paragraph--text-20);
  line-height: 1.3;
  font-weight: var(--font-weight--font-weight-500);
}

.section-buttons {
  background-color: var(--black\<deleted\|variable-b04721b6\>);
}

.buttons-components {
  grid-column-gap: 16px;
  grid-row-gap: 28px;
  flex-direction: column;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  display: grid;
}

.buttons-primary-wrapper {
  display: flex;
}

.buttons-outline-wrapper {
  align-items: stretch;
  display: flex;
}

.buttons-with-icon-wrapper {
  display: flex;
}

.buttons-content-wrapper {
  width: 40%;
}

.buttons-element {
  justify-content: space-between;
  align-items: center;
  width: 50%;
  display: flex;
}

.primary-button-s {
  background-color: #ea5820;
  border-radius: 6.25em;
  justify-content: center;
  align-items: center;
  padding: 1.06em 3.44em;
  font-family: Poppins;
  font-size: .88em;
  font-weight: 500;
  line-height: 2.27273em;
  transition: all .3s;
  display: flex;
}

.primary-button-s:hover {
  background-color: var(--primary-button-hover\<deleted\|variable-4cf8087c\>);
}

.primary-button-m {
  background-color: #ea5820;
  border-radius: 6.25em;
  justify-content: center;
  align-items: center;
  padding: 1.06em 3.44em;
  font-size: 1em;
  font-weight: 500;
  line-height: 2em;
  transition: all .3s;
  display: flex;
}

.primary-button-m:hover {
  background-color: #cc3a02;
}

.btn-primary {
  padding: var(--_responsive-variables---spacing--12) var(--_responsive-variables---spacing--24);
  border: 1px solid var(--brand-color--lime);
  background-color: var(--button--primary--bg);
  font-family: var(--font-family--heading);
  color: var(--button--primary--text);
  font-weight: var(--font-weight--font-weight-500);
  letter-spacing: .75px;
  text-transform: capitalize;
  border-radius: 6.25em;
  flex: none;
  justify-content: center;
  align-items: center;
  transition: all .3s;
  display: flex;
}

.btn-primary:where(.w-variant-64cc7c57-1ddd-97b9-4c91-11e720d145f1) {
  background-color: #faf8f166;
}

.btn-primary:hover {
  border-color: var(--brand-color--lime-dark);
  background-color: var(--button--primary--hover);
  color: var(--button--primary--text-hover-optional);
}

.btn-primary.cc-google-play {
  padding-top: var(--_responsive-variables---spacing--8);
  padding-bottom: var(--_responsive-variables---spacing--8);
}

.btn-primary.cc-white {
  border-width: 2px;
  border-color: var(--neutral--white);
  background-color: var(--neutral--white);
}

.btn-primary.cc-white:hover {
  border-color: var(--brand-color--black-lighter);
  background-color: var(--neutral--transparent);
  color: var(--brand-color--black-lighter);
}

.outline-button-s {
  border: .13em solid var(--neutral--white);
  background-color: #fff0;
  border-radius: 6.25em;
  justify-content: center;
  align-items: center;
  padding: 1.06em 3.44em;
  font-family: Poppins;
  font-size: .88em;
  font-weight: 500;
  line-height: 2.27273em;
  transition: all .3s;
  display: flex;
}

.outline-button-s:hover {
  background-color: #fff3;
  border-color: #fff0;
}

.outline-button-m {
  border: .13em solid var(--neutral--white);
  background-color: #fff0;
  border-radius: 6.25em;
  justify-content: center;
  align-items: center;
  padding: 1.06em 3.44em;
  font-family: Poppins;
  font-size: 1em;
  font-weight: 500;
  line-height: 2em;
  transition: all .3s;
  display: flex;
}

.outline-button-m:hover {
  background-color: #fff3;
  border-color: #fff0;
}

.outline-button-l {
  border: .12em solid var(--neutral--white);
  background-color: #fff0;
  border-radius: 6.25em;
  justify-content: center;
  align-items: center;
  padding: 1.06em 3.44em;
  font-family: Poppins;
  font-size: 1.13em;
  font-weight: 500;
  line-height: 1.76991em;
  transition: all .3s;
  display: flex;
}

.outline-button-l:hover {
  background-color: #fff3;
  border-color: #fff0;
}

.button-icon-right-s {
  width: 100%;
  max-width: 121.063px;
  color: var(--neutral--white);
  background-color: #ea5820;
  border-radius: 6.25em;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 1.06em 3.44em;
  font-family: Poppins;
  font-size: .88em;
  font-weight: 500;
  line-height: 2.27273em;
  transition: all .3s;
  display: flex;
}

.button-icon-right-s:hover {
  background-color: var(--primary-button-hover\<deleted\|variable-4cf8087c\>);
}

.button-icon-right-m {
  width: 100%;
  max-width: 155.203px;
  color: var(--neutral--white);
  background-color: #ea5820;
  border-radius: 6.25em;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 1.06em 3.44em;
  font-family: Poppins;
  font-size: 1em;
  font-weight: 500;
  line-height: 2em;
  transition: all .3s;
  display: flex;
}

.button-icon-right-m:hover {
  background-color: var(--primary-button-hover\<deleted\|variable-4cf8087c\>);
}

.text-button {
  margin-right: .5em;
}

.button-icon-right-l {
  width: 100%;
  max-width: 154.406px;
  color: var(--neutral--white);
  background-color: #ea5820;
  border-radius: 6.25em;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 1.06em 3.44em;
  font-family: Poppins;
  font-size: 1.13em;
  font-weight: 500;
  line-height: 1.76991em;
  transition: all .3s;
  display: flex;
}

.button-icon-right-l:hover {
  background-color: #cc3a02;
}

.text-link-wrapper {
  display: flex;
}

.text-link-primary {
  color: var(--link--default);
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 1.13em;
  font-weight: 500;
  line-height: 1.76991em;
  transition: all .3s;
}

.text-link-primary:hover {
  color: var(--link--hover);
}

.text-link-icon {
  color: #ea5820;
  justify-content: center;
  align-items: center;
  font-family: Poppins;
  font-size: 1.13em;
  font-weight: 500;
  line-height: 1.76991em;
  transition: all .3s;
  display: flex;
}

.ml-8 {
  margin-right: .5em;
}

.static-arrow {
  position: absolute;
}

.arrow-wrapper {
  width: 1.5em;
  height: 1.5em;
  position: relative;
}

.hover-arrow {
  position: absolute;
}

.text-link-element {
  justify-content: space-between;
  align-items: center;
  width: 45%;
  display: flex;
}

.section-spacing {
  background-color: var(--black\<deleted\|variable-b04721b6\>);
}

.spacing-wrapper {
  grid-column-gap: .5em;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 75%;
  display: grid;
}

.spacing-container {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.spacing-element {
  opacity: .9;
  background-color: #ea5820;
  border-radius: .31em;
  width: .5em;
  height: .5em;
}

.spacing-element._16 {
  width: 1em;
  height: .94em;
}

.spacing-element._24 {
  width: 1.5em;
  height: 1.5em;
}

.spacing-element._32 {
  width: 2em;
  height: 2em;
}

.spacing-element._40 {
  width: 2.5em;
  height: 2.5em;
}

.spacing-element._48 {
  width: 3em;
  height: 3em;
}

.spacing-element._56 {
  width: 3.5em;
  height: 3.5em;
}

.spacing-element._64 {
  width: 4em;
  height: 4em;
}

.spacing-element._72 {
  width: 4.5em;
  height: 4.5em;
}

.spacing-element._80 {
  width: 5em;
  height: 5em;
}

.text-size-14 {
  font-family: var(--font-family--body);
  font-size: var(--_responsive-variables---paragraph--text-14);
  line-height: 1;
  font-weight: var(--font-weight--font-weight-500);
}

.text-size-14.is-title {
  color: #fff3;
}

.margin-bottom-16 {
  margin-bottom: var(--_responsive-variables---spacing--16);
}

.margin-bottom-24 {
  margin-bottom: var(--_responsive-variables---spacing--24);
}

.margin-bottom-32 {
  margin-bottom: var(--_responsive-variables---spacing--32);
}

.margin-bottom-40 {
  margin-bottom: var(--_responsive-variables---spacing--40);
}

.margin-bottom-48 {
  margin-bottom: var(--_responsive-variables---spacing--48);
}

.margin-bottom-56 {
  margin-bottom: var(--_responsive-variables---spacing--56);
}

.margin-bottom-64 {
  margin-bottom: var(--_responsive-variables---spacing--64);
}

.margin-bottom-72 {
  margin-bottom: var(--_responsive-variables---spacing--72);
}

.navbar {
  z-index: 999;
  background-color: var(--neutral--transparent);
  position: fixed;
  inset: 0% 0% auto;
}

.brand {
  max-width: 12em;
}

.nav-menu {
  margin-left: var(--_responsive-variables---spacing--80);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.nav-menu-wrapperr {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.nav-menu-item {
  align-items: center;
  display: flex;
}

.dropdown {
  font-family: Poppins;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.63em;
}

.dropdown-toggle {
  color: var(--neutral--white);
  justify-content: space-between;
  padding-left: 0;
  transition: all .3s;
}

.dropdown-toggle:hover {
  color: var(--primary-button-hover\<deleted\|variable-4cf8087c\>);
}

.dropdown-list {
  background-color: #332e2e;
}

.dropdown-list.w--open {
  background-color: var(--neutral--white);
  border-radius: 5px;
}

.text-link-nav {
  font-family: var(--font-family--heading);
  color: var(--neutral--white);
  font-size: var(--_responsive-variables---heading--h-18);
  line-height: 1.63em;
  font-weight: var(--font-weight--font-weight-500);
  letter-spacing: .75px;
  transition: all .3s;
}

.text-link-nav:hover {
  color: var(--brand-color--lime);
}

.margin-link-nav {
  margin-right: 2em;
}

.nav-logo {
  width: 100%;
}

.nav-bg-overlay {
  z-index: 1;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background-color: #1a1a1a80;
  display: block;
  position: absolute;
  inset: 0%;
}

.section-spacing-grid {
  background-color: var(--black\<deleted\|variable-b04721b6\>);
}

.container-wrapper {
  flex-direction: column;
  display: flex;
}

.container-padding {
  padding-bottom: 1.88em;
  position: relative;
}

.container-text-content {
  color: #9d9d9d;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2em;
  display: flex;
}

.divider {
  border-top: .06em dashed var(--secondary-accent\<deleted\|variable-6370f196\>);
  flex: 1;
  height: 1px;
}

.divider.rm-20 {
  margin-right: 1.25em;
}

.divider.lm-20 {
  margin-left: 1.25em;
}

.section-footer {
  background-color: var(--brand-color--black-lighter);
}

.section-footer-components {
  grid-template-rows: auto;
  grid-template-columns: 1.3fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.footer-item-wrapper {
  width: 25%;
}

.social-media-wrapper {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  display: flex;
}

.margin-right-24 {
  margin-right: 1.5em;
}

.social-media-link {
  width: 1.88em;
  height: 1.88em;
  color: var(--neutral--white);
  flex: none;
  transition: transform .2s, color .3s;
}

.social-media-link:hover {
  color: #ea5820;
  transform: scale(1.12);
}

.social-media-icon {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  transition: color .3s;
  display: flex;
}

.footer-link-wrapper {
  flex: 1;
  justify-content: space-between;
  margin-left: 7.5em;
  display: flex;
}

.footer-item {
  color: var(--neutral--white);
}

.footer-link-item {
  color: #9d9d9d;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.5em;
  transition: all .3s;
}

.footer-link-item:hover {
  color: #cc3a02;
}

.footer-year-wrapper {
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-top: 5em;
}

.right-margin-5 {
  margin-left: .31em;
}

.section-faq {
  background-color: var(--black\<deleted\|variable-b04721b6\>);
}

.faq-p {
  width: 100%;
  margin-bottom: .5em;
  position: relative;
  overflow: hidden;
}

.dropdown-link {
  color: var(--secondary-accent\<deleted\|variable-6370f196\>);
  transition: all .3s;
}

.dropdown-link:hover {
  color: var(--primary-button-hover\<deleted\|variable-4cf8087c\>);
}

.section-modal {
  background-color: var(--black\<deleted\|variable-b04721b6\>);
}

.pop-out {
  z-index: 999;
  background-color: #0009;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.pop-out-wrapper {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 66.25em;
  max-height: 90%;
  display: flex;
  overflow: auto;
}

.pop-out-item-content {
  aspect-ratio: 16 / 9;
  object-fit: fill;
  width: 100%;
  max-width: 66.25em;
  height: 100%;
  min-height: 37.5em;
  position: relative;
}

.pop-out-heading-wrapper {
  width: 100%;
  max-width: 20.3em;
  color: var(--neutral--dark);
  margin-bottom: 1.67em;
}

.pop-out-description {
  width: 100%;
  max-width: 30.56em;
  color: var(--neutral--dark);
}

.close-wrapper {
  z-index: 10;
  color: var(--neutral--dark);
  cursor: pointer;
  padding: .83em 1.11em;
  font-size: 1.11em;
  transition: color .3s;
  position: absolute;
  inset: 0% 0% auto auto;
}

.close-wrapper:hover {
  color: var(--button--primary--bg);
}

.close-wrapper.is-tooltip {
  display: none;
}

.custom-link {
  color: #fff;
  cursor: pointer;
  transition: color .3s;
}

.custom-link:hover {
  color: var(--button--primary--bg);
}

.hide {
  display: none;
}

.padding-section-24 {
  padding-top: var(--_responsive-variables---spacing--24);
  padding-bottom: var(--_responsive-variables---spacing--24);
}

.padding-section-24.is-padding-8 {
  padding-top: var(--_responsive-variables---spacing--8);
  padding-bottom: var(--_responsive-variables---spacing--8);
}

.padding-section-t120 {
  padding-top: var(--_responsive-variables---spacing--160);
}

.dropdown-wrapper {
  background-color: var(--neutral--black);
  border-radius: .9375em;
  width: 100%;
  overflow: hidden;
}

.dropdown-toggle {
  white-space: break-spaces;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 1.375em 1.3125em 1.375em 2.5em;
  display: flex;
}

.dropdown-toggle:hover {
  background-color: var(--primary-color\<deleted\|variable-dcab1f4a\>);
  color: var(--neutral--white);
}

.toggle-icon-wrapper {
  justify-content: center;
  align-items: center;
  width: 14px;
  min-width: 14px;
  height: 14px;
  margin-left: 2em;
  display: flex;
  position: relative;
}

.toggle-hor {
  background-color: var(--neutral--white);
  width: 14px;
  height: 2px;
  position: absolute;
}

.toggle-ver {
  background-color: var(--neutral--white);
  width: 2px;
  height: 14px;
  position: absolute;
}

.dropdown-list {
  color: var(--neutral--white);
  background-color: #0000;
  padding-left: 2.5em;
  padding-right: 4.5em;
  position: relative;
  overflow: hidden;
}

.dropdown-list.w--open {
  color: var(--neutral--white);
  background-color: #0000;
  border-radius: 0;
  display: flex;
}

.dropdown-text {
  margin-bottom: 2.5em;
}

.nav-dropdown-toggle {
  color: var(--neutral--white);
  padding: 1.5em;
  display: flex;
}

.nav-dropdown-icon {
  margin: 0 0 0 1.5em;
  position: relative;
}

.padding-section-128 {
  padding-top: var(--_responsive-variables---spacing--128);
  padding-bottom: var(--_responsive-variables---spacing--128);
}

.padding-section-128.is-box {
  background-color: #6d6d6d80;
}

.padding-section-96 {
  padding-top: var(--_responsive-variables---spacing--96);
  padding-bottom: var(--_responsive-variables---spacing--96);
}

.padding-section-96.is-box {
  background-color: #6d6d6d80;
}

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

.margin-bottom-80 {
  margin-bottom: var(--_responsive-variables---spacing--80);
}

.grid-guide-wrapper {
  z-index: 2000;
  pointer-events: none;
  display: block;
  position: fixed;
  inset: 0% 0% auto;
  overflow: hidden;
}

.grid-guide-list {
  grid-column-gap: var(--_responsive-variables---spacing--24);
  grid-row-gap: var(--_responsive-variables---spacing--24);
  grid-template-rows: auto;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  grid-auto-columns: 1fr;
  display: grid;
}

.grid-guide-column {
  color: #00d0c2;
  background-color: #03ffee1a;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  height: 100vh;
  padding: .6rem;
  display: flex;
}

.ie-notification {
  z-index: 1000;
  color: #fff;
  text-align: center;
  background-color: #ea5820;
  justify-content: center;
  align-items: center;
  padding-top: .83em;
  padding-bottom: .83em;
  font-size: 1.25em;
  font-weight: 400;
  display: none;
  position: relative;
  inset: 0% 0% auto;
}

.max-width-medium {
  width: 100%;
  max-width: 40em;
}

.max-width-medium.margin-auto {
  margin-left: auto;
  margin-right: auto;
}

.padding-section-t80-b240 {
  padding-top: var(--padding-section--ps-80\<deleted\|variable-92a9a041-505e-7260-fbba-66c7945bc261\>);
  padding-bottom: var(--padding-section--ps-240\<deleted\|variable-387f3dba-1d51-3b79-9aa7-e39890dee3ab\>);
}

.section-padding-sections {
  background-color: var(--black\<deleted\|variable-b04721b6\>);
}

.paddings-wrapper {
  color: var(--neutral--white);
  text-align: center;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.paddings-border {
  padding-right: var(--_responsive-variables---spacing--8);
  padding-left: var(--_responsive-variables---spacing--8);
  border: 1px solid var(--neutral--white);
}

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

.utility-page-content {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.typography-heading-wrapper {
  text-transform: capitalize;
}

.typography-heading-wrapper.margin-bottom-33 {
  margin-bottom: 2.06em;
}

.heading-label {
  text-transform: capitalize;
}

.style-guide-title-wrapper {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 12.25em;
  margin-bottom: 5.63em;
  display: flex;
}

.style-guide-title {
  color: #fff;
  align-items: center;
  width: 100%;
  max-width: 80.06em;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.section-heading-wrapper {
  overflow: hidden;
}

.section-heading-wrapper.margin-bottom-83 {
  margin-bottom: 5.19em;
}

.padding-section-hero {
  padding-top: .81em;
  padding-bottom: 3.75em;
}

.label {
  letter-spacing: .12em;
  text-transform: uppercase;
  font-family: Open Sans, sans-serif;
  font-weight: 700;
}

.label.margin-bottom-13 {
  margin-bottom: .81em;
}

.label.margin-bottom-52 {
  margin-bottom: 3.25em;
}

.section-styleguide {
  background-color: #ede9ff;
}

.typography-grid {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  justify-items: center;
  width: 100%;
  display: flex;
}

.style-guide-heading-bg {
  background-color: #231942;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 12.25em;
  padding-left: 2rem;
  padding-right: 2rem;
  display: flex;
}

.color-04 {
  background-color: #10e1e6;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 4em;
  height: 4em;
  margin-right: 1.5em;
  display: flex;
}

.color-03 {
  background-color: #e2edf7;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 4em;
  height: 4em;
  margin-right: 1.5em;
  display: flex;
}

.color-01 {
  background-color: #00203a;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 4em;
  height: 4em;
  margin-right: 1.5em;
  display: flex;
}

.color-02 {
  background-color: #afcfe6;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 4em;
  height: 4em;
  margin-right: 1.5em;
  display: flex;
}

.color-pallete-grid-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 2em;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-items: start;
  display: grid;
}

.colour-pallete-container {
  align-items: center;
  display: flex;
}

.section-components-horizontal-wrapper {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.section-spacing-element {
  opacity: .9;
  color: #fff;
  background-color: #ffc5c5;
  justify-content: center;
  align-items: center;
  width: .5em;
  height: .5em;
  display: flex;
}

.section-spacing-element._56 {
  width: 9em;
  height: 9em;
}

.section-spacing-element._72 {
  width: 15em;
  height: 15em;
}

.section-spacing-element._48 {
  width: 7em;
  height: 7em;
}

.section-spacing-element._64 {
  width: 13em;
  height: 13em;
}

.section-spacing-element._32 {
  width: 5em;
  height: 5em;
}

.section-spacing-element._24 {
  width: 4em;
  height: 4em;
}

.section-spacing-element._40 {
  width: 6em;
  height: 6em;
}

.section-spacing-wrapper {
  grid-column-gap: 1.5rem;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: auto auto auto auto auto auto auto;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-items: start;
  display: flex;
}

.section-spacing-container {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.hover-wrapper {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.inactive {
  grid-column-gap: 0px;
  grid-row-gap: 2.19em;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-items: start;
  display: grid;
}

.active {
  grid-column-gap: 0px;
  grid-row-gap: 2.19em;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-items: start;
  display: grid;
}

.heading-56 {
  font-size: var(--_responsive-variables---heading--h-56);
  line-height: 1.21429;
  font-weight: var(--font-weight--font-weight-600);
}

.section-style-title {
  background-color: var(--brand-color--black-lighter);
}

.padding-section-t192 {
  padding-top: var(--_responsive-variables---spacing--192\<deleted\|variable-9e9cb744-c122-2f44-d6bf-c17d26a46412\>);
}

.section-style-headings {
  background-color: var(--brand-color--black-lighter);
}

.style-headings_wrapper {
  grid-column-gap: 4em;
  grid-row-gap: 4em;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 20rem), 1fr));
  grid-auto-columns: 1fr;
  justify-content: space-between;
  place-items: start;
  display: grid;
}

.style-headings_title {
  margin-bottom: 3.375em;
}

.heading-36 {
  font-size: 2.25em;
  line-height: 1.5;
}

.style-headings_sizes {
  grid-column-gap: var(--_responsive-variables---spacing--40);
  grid-row-gap: var(--_responsive-variables---spacing--40);
  flex-flow: column;
  display: flex;
}

.container-1544 {
  width: 100%;
  max-width: 96.5em;
  margin-left: auto;
  margin-right: auto;
}

.font-weight-500 {
  font-weight: var(--font-weight--font-weight-500);
}

.heading-18 {
  font-family: var(--font-family--heading);
  font-size: var(--_responsive-variables---heading--h-18);
  line-height: 1.22222;
  font-weight: var(--font-weight--font-weight-500);
}

.heading-40 {
  font-size: var(--_responsive-variables---heading--h-40\<deleted\|variable-2ce3995f-dd5a-6f35-9503-025f88459029\>);
  line-height: 1.2;
  font-weight: var(--font-weight--font-weight-600);
}

.heading-28 {
  font-size: var(--_responsive-variables---heading--h-28\<deleted\|variable-9f076bbf-3051-1c83-3fb0-963876cffb4d\>);
  line-height: 1.21429;
  font-weight: var(--font-weight--font-weight-600);
}

.section-style-texts {
  background-color: var(--brand-color--black-lighter);
}

.style-texts_wrapper {
  border-top: 1px solid #fff3;
  border-bottom: 1px solid #fff3;
}

.style-texts_group {
  grid-column-gap: 2.5em;
  grid-row-gap: 2.5em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.style-text_size-item {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.style-texts_sizes {
  margin-top: var(--_responsive-variables---spacing--40);
  grid-column-gap: 7em;
  grid-row-gap: 7em;
  display: flex;
}

.text-link-20 {
  color: var(--neutral--white);
  font-size: var(--_responsive-variables---paragraph--text-20);
  line-height: 1.2;
  transition: color .3s;
}

.text-link-20:hover {
  color: var(--brand-color--lime);
}

.text-link-18 {
  font-family: var(--font-family--heading);
  color: var(--neutral--white);
  font-size: var(--_responsive-variables---paragraph--text-18);
  line-height: 1.22222;
  font-weight: var(--font-weight--font-weight-500);
  letter-spacing: .75px;
  transition: color .3s;
}

.text-link-18:hover {
  color: var(--brand-color--lime);
}

.text-link-16 {
  color: var(--neutral--white);
  font-size: var(--_responsive-variables---paragraph--text-16);
  line-height: 1.25;
  font-weight: var(--font-weight--font-weight-600);
  transition: color .3s;
}

.text-link-16:hover {
  color: var(--brand-color--lime);
}

.section-style-spacing {
  background-color: var(--brand-color--black-lighter);
}

.style-spacing_wrapper {
  border-top: 1px solid #fff3;
  border-bottom: 1px solid #fff3;
}

.style-spacing_group {
  grid-column-gap: 4em;
  grid-row-gap: 4em;
  flex-flow: column;
  display: flex;
}

.section-style-padding {
  background-color: var(--brand-color--black-lighter);
}

.style-spacing_sizes {
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.padding-section-192 {
  padding-top: var(--_responsive-variables---spacing--192\<deleted\|variable-9e9cb744-c122-2f44-d6bf-c17d26a46412\>);
  padding-bottom: var(--_responsive-variables---spacing--192\<deleted\|variable-9e9cb744-c122-2f44-d6bf-c17d26a46412\>);
}

.padding-section-192.is-box {
  background-color: #6d6d6d80;
}

.style-spacing_label {
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.padding-section-192-copy {
  padding-top: 12em;
  padding-bottom: 12em;
}

.padding-section-192-copy.is-box {
  background-color: #6d6d6d80;
}

.style-spacing_content {
  padding-top: var(--_responsive-variables---spacing--8);
  padding-bottom: var(--_responsive-variables---spacing--8);
  background-color: var(--neutral--dark-gray);
  color: var(--neutral--dark);
  text-align: center;
}

.style-spacing_content.is-orange {
  background-color: var(--brand-color--lime);
}

.style-texts_note {
  margin-bottom: 2em;
}

.section-style-color {
  background-color: var(--brand-color--black-lighter);
}

.style-color_wrapper {
  grid-column-gap: 4em;
  grid-row-gap: 4em;
  flex-flow: column;
  display: flex;
}

.style-color_group {
  grid-column-gap: var(--_responsive-variables---spacing--32);
  grid-row-gap: var(--_responsive-variables---spacing--32);
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 10rem), 1fr));
  grid-auto-columns: 1fr;
  display: grid;
}

.style-color_item {
  grid-column-gap: var(--_responsive-variables---spacing--24);
  grid-row-gap: var(--_responsive-variables---spacing--24);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.style-color_box {
  border-radius: 3.5em;
  width: 100%;
  max-width: 10em;
  height: 100%;
  min-height: 10em;
}

.style-color_box.is-orange {
  background-color: var(--brand-color--lime);
}

.style-color_box.is-yellow {
  background-color: var(--brand-color--yellow);
}

.style-color_box.is-black {
  background-color: var(--neutral--black);
}

.style-color_box.is-text-black {
  background-color: var(--neutral--dark);
  border: 1px solid #303030;
}

.style-color_box.is-grey {
  background-color: var(--neutral--dark-gray);
}

.style-color_box.is-white {
  background-color: var(--neutral--white);
}

.style-color_box.is-transparent {
  background-color: var(--utility--transparent);
  border: 1px solid #474747;
}

.img-full-width {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.img-full-width.cc-relative {
  z-index: 5;
  position: relative;
}

.img-full-width.ratio-3-2 {
  height: auto;
}

.section-style-accordion {
  background-color: var(--brand-color--black-lighter);
}

.style-accordion-main {
  border-top: 1px solid #fff3;
  border-bottom: 1px solid #fff3;
}

.style-accordion_wrapper {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  flex-flow: column;
  max-width: 53em;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.heading-96 {
  font-size: var(--_responsive-variables---spacing--96);
  font-weight: var(--font-weight--font-weight-600);
}

.section-style-buttons {
  background-color: var(--brand-color--black-lighter);
}

.style-button_wrapper {
  border-top: 1px solid #fff3;
  border-bottom: 1px solid #fff3;
}

.style-button_group {
  grid-column-gap: 4em;
  grid-row-gap: 4em;
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.style-button_label {
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.style-button_sizes {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.style-button_sizes.bg-lime {
  padding: var(--_responsive-variables---spacing--16);
  background-color: var(--brand-color--lime);
}

.btn-secondary {
  padding: var(--_responsive-variables---spacing--16) var(--_responsive-variables---spacing--24);
  border: 1px solid var(--neutral--dark);
  background-color: var(--button--secondary--bg);
  font-family: var(--font-family--heading);
  color: var(--neutral--white);
  font-weight: var(--font-weight--font-weight-500);
  letter-spacing: .75px;
  border-radius: 6.25em;
  justify-content: center;
  align-items: center;
  transition: all .3s;
  display: flex;
}

.btn-secondary:hover {
  background-color: var(--button--secondary--hover);
  color: var(--button--secondary--text-hover);
}

.btn-ghost {
  padding: var(--_responsive-variables---spacing--12) var(--_responsive-variables---spacing--24);
  border: 2px solid var(--button--ghost--border);
  font-family: var(--font-family--heading);
  color: var(--button--ghost--text);
  font-weight: var(--font-weight--font-weight-500);
  letter-spacing: .75px;
  text-transform: capitalize;
  border-radius: 6.25em;
  flex: none;
  justify-content: center;
  align-items: center;
  transition: all .3s;
  display: flex;
  position: relative;
}

.btn-ghost:hover {
  border-color: var(--button--primary--bg);
  color: var(--button--primary--bg);
}

.home-hero_wrapper {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.font-weight-400 {
  font-weight: var(--font-weight--font-weight-400);
}

.section-style-popup {
  background-color: var(--brand-color--black-lighter);
}

.style-popup-main {
  border-top: 1px solid #fff3;
  border-bottom: 1px solid #fff3;
}

.style-popup_wrapper {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 53em;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.section-style-container {
  background-color: var(--brand-color--black-lighter);
}

.grid {
  grid-column-gap: var(--_responsive-variables---spacing--40);
  grid-row-gap: var(--_responsive-variables---spacing--40);
}

.section-home-hero {
  position: relative;
}

.footer-list {
  margin-bottom: 0;
}

.footer-list-item {
  margin-bottom: var(--_responsive-variables---spacing--32);
}

.nav-list-flex-h {
  grid-column-gap: var(--_responsive-variables---spacing--40);
  grid-row-gap: var(--_responsive-variables---spacing--40);
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.padding-section-20 {
  padding-top: var(--_responsive-variables---spacing--20);
  padding-bottom: var(--_responsive-variables---spacing--20);
}

.padding-section-160 {
  padding-top: var(--_responsive-variables---spacing--160);
  padding-bottom: var(--_responsive-variables---spacing--160);
}

.padding-section-160.is-box {
  background-color: #6d6d6d80;
}

.rtb {
  margin-top: var(--_responsive-variables---spacing--24);
}

.rtb a {
  color: var(--neutral--white);
  transition: color .3s;
}

.rtb a:hover {
  color: var(--brand-color--lime);
}

.block-quote {
  color: var(--neutral--white);
}

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

.size-40-40 {
  aspect-ratio: 1200 / 900;
  object-fit: cover;
  width: 2.5em;
  height: 2.5em;
}

.profile-img-wrapper.size-1200-900 {
  width: 47.5em;
}

.profile-img-wrapper.ratio-4-3 {
  max-width: 46.875em;
}

.profile-img-wrapper.ratio-1-1 {
  width: 1.5em;
}

.ratio-4-3 {
  aspect-ratio: 1200 / 900;
  object-fit: cover;
}

.ratio-3-4 {
  aspect-ratio: 600 / 800;
  object-fit: cover;
}

.ratio-2-3 {
  aspect-ratio: 2 / 3;
  object-fit: cover;
}

.ratio-2-3.size-1200-900 {
  width: 47.5em;
}

.ratio-2-3.ratio-4-3 {
  max-width: 46.875em;
}

.ratio-1-1 {
  aspect-ratio: 1;
  object-fit: cover;
}

.section-style-ratio {
  background-color: var(--brand-color--black-lighter);
}

.style-ratio_group {
  margin-bottom: var(--_responsive-variables---spacing--80);
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  display: grid;
}

.style-ratio_group.is-landscape {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: row;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  display: flex;
}

.style-ratio_item {
  grid-column-gap: var(--_responsive-variables---spacing--8);
  grid-row-gap: var(--_responsive-variables---spacing--8);
  flex-flow: column;
  align-items: center;
  display: flex;
}

.style-ratio_item.ratio-3-2 {
  aspect-ratio: 3 / 2;
}

.style-ratio-main {
  grid-column-gap: var(--_responsive-variables---spacing--16);
  grid-row-gap: var(--_responsive-variables---spacing--16);
  border-top: 1px solid #fff3;
  border-bottom: 1px solid #fff3;
  flex-flow: column;
  display: flex;
}

.ratio-4-5 {
  aspect-ratio: 800 / 1000;
  object-fit: cover;
}

.ratio-9-16 {
  aspect-ratio: 720 / 1280;
  object-fit: cover;
}

.ratio-16-19 {
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

.ratio-21-9 {
  aspect-ratio: 1680 / 720;
  object-fit: cover;
}

.ratio-3-2 {
  aspect-ratio: 1200 / 800;
  object-fit: cover;
}

.banner-component_wrapper {
  grid-column-gap: var(--_responsive-variables---spacing--16);
  grid-row-gap: var(--_responsive-variables---spacing--16);
  justify-content: center;
  align-items: center;
  display: flex;
}

.banner-component_wrapper.is-space-between {
  justify-content: space-between;
  align-items: center;
}

.banner-component_layout {
  grid-column-gap: var(--_responsive-variables---spacing--40);
  grid-row-gap: var(--_responsive-variables---spacing--40);
  flex-flow: column;
  display: flex;
}

.section-banner-component {
  background-color: var(--brand-color--black-lighter);
  position: relative;
}

.banner-component_txt-wrapper {
  grid-column-gap: var(--_responsive-variables---spacing--8);
  grid-row-gap: var(--_responsive-variables---spacing--8);
  text-align: center;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.banner-component_icon-wrapper {
  top: 50%;
  left: auto;
  right: var(--_responsive-variables---spacing--24);
  width: 1.25em;
  height: 1.25em;
  color: var(--neutral--white);
  cursor: pointer;
  padding: 0;
  transition: all .3s;
  position: absolute;
  bottom: auto;
  transform: translate(0, -50%);
}

.banner-component_icon-wrapper:hover, .text-color-orange {
  color: var(--brand-color--lime-dark);
}

.banner-component_icon-embed {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.banner-component_marquee-dot {
  justify-content: center;
  align-items: center;
  width: .25em;
  height: .25em;
  display: flex;
}

.banner-component_marquee-layout {
  grid-column-gap: .875em;
  grid-row-gap: .875em;
  flex: none;
  display: flex;
}

.banner-component_form-block {
  border-radius: 6.25em;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  display: inline-flex;
  overflow: hidden;
}

.banner-component_form {
  grid-column-gap: var(--_responsive-variables---spacing--16);
  grid-row-gap: var(--_responsive-variables---spacing--16);
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.banner-component-form_input-wrapper {
  border-radius: 6.25em;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
  overflow: hidden;
}

.banner-component-form_input-field {
  width: 100%;
  min-width: 16.25em;
  height: 3em;
  padding-left: var(--_responsive-variables---spacing--16);
  color: var(--brand-color--black-lighter);
  font-size: var(--_responsive-variables---paragraph--text-14);
  margin-bottom: 0;
}

.banner-component-form_submit {
  background-color: var(--brand-color--lime-dark);
  font-weight: var(--font-weight--font-weight-600);
}

.section-navbar-component {
  background-color: var(--brand-color--black-lighter);
}

.navbar-component_layout {
  z-index: 5;
  background-color: #0000;
}

.navbar-component_layout.shadow-three {
  width: 100%;
  max-width: 1140px;
}

.container {
  width: 100%;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.navbar-component_wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.navbar-component_wrapper.is-centered {
  justify-content: center;
  align-items: center;
  padding-top: .90625em;
  padding-bottom: .90625em;
}

.navbar-component_wrapper.is-spacebetween {
  justify-content: space-between;
  align-items: center;
}

.navbar-component_wrapper.is-spacebetween.gap-24 {
  grid-column-gap: var(--_responsive-variables---spacing--24);
  grid-row-gap: var(--_responsive-variables---spacing--24);
  padding-top: .90625em;
  padding-bottom: .90625em;
}

.navbar-component_wrapper.is-centered-logo {
  padding-top: .90625em;
  padding-bottom: .90625em;
}

.brand-logo {
  z-index: 5;
  width: 100%;
  max-width: 4em;
  position: absolute;
}

.brand-logo.is-relative {
  position: relative;
}

.navbar-component_menu {
  width: 100%;
}

.navbar-component_menu.is-auto {
  width: auto;
  display: inline-flex;
}

.navbar-component_menu.is-spacebetween {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.navbar-component_menu-item-wrapper {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.navbar-component_menu-item-wrapper.is-full-width {
  width: 100%;
}

.navmenu-list_wrapper {
  grid-column-gap: var(--_responsive-variables---spacing--24);
  grid-row-gap: var(--_responsive-variables---spacing--24);
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
}

.navmenu-list_wrapper.is-spacebetween {
  justify-content: space-between;
  align-items: center;
}

.navmenu-list_wrapper.is-spacebetween.is-icon-gap-16 {
  grid-column-gap: var(--_responsive-variables---spacing--16);
  grid-row-gap: var(--_responsive-variables---spacing--16);
}

.navmenu-item-link {
  color: var(--neutral--white);
  font-size: var(--_responsive-variables---spacing--16);
  line-height: .6875;
  font-weight: var(--font-weight--font-weight-700);
  letter-spacing: .25px;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  text-decoration: none;
  transition: all .3s;
}

.navmenu-item-link:hover {
  color: var(--brand-color--lime);
}

.navmenu-item-link:focus-visible, .navmenu-item-link[data-wf-focus-visible] {
  outline-offset: 0px;
  border-radius: 4px;
  outline: 2px solid #0050bd;
}

.navmenu-item-link.is-orange {
  color: var(--brand-color--lime-dark);
  justify-content: center;
  align-items: center;
  display: flex;
}

.navmenu-item-link.is-orange:hover {
  color: var(--brand-color--lime);
}

.nav-dropdown_wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
}

.nav-dropdown_toggle {
  grid-column-gap: var(--_responsive-variables---spacing--8);
  grid-row-gap: var(--_responsive-variables---spacing--8);
  color: var(--neutral--white);
  font-size: var(--_responsive-variables---spacing--16);
  line-height: .6875;
  font-weight: var(--font-weight--font-weight-700);
  letter-spacing: .25px;
  justify-content: center;
  align-items: center;
  padding: 0;
  transition: all .3s;
  display: flex;
}

.nav-dropdown_toggle:hover {
  color: var(--brand-color--lime);
}

.nav-dropdown_toggle:focus-visible, .nav-dropdown_toggle[data-wf-focus-visible] {
  outline-offset: 0px;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-dropdown_icon {
  margin: 0;
  position: relative;
}

.nav-dropdown-list-2 {
  background-color: #fff;
  border-radius: 12px;
}

.nav-dropdown-list-2.w--open {
  padding-top: 10px;
  padding-bottom: 10px;
}

.nav-dropdown-link {
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 14px;
}

.nav-dropdown-link:focus-visible, .nav-dropdown-link[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-link-accent {
  color: #1a1b1f;
  letter-spacing: .25px;
  margin-left: 5px;
  margin-right: 20px;
  padding: 5px 10px;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
}

.nav-link-accent:hover {
  color: #1a1b1fbf;
}

.button-primary {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #1a1b1f;
  padding: 12px 25px;
  font-size: 12px;
  line-height: 20px;
  transition: all .2s;
}

.button-primary:hover {
  color: #fff;
  background-color: #32343a;
}

.button-primary:active {
  background-color: #43464d;
}

.section-component-divider {
  padding-top: var(--_responsive-variables---spacing--80);
  padding-bottom: var(--_responsive-variables---spacing--80);
}

.navbar-component_container {
  grid-column-gap: var(--_responsive-variables---spacing--40);
  grid-row-gap: var(--_responsive-variables---spacing--40);
  flex-flow: column;
  display: flex;
}

.navmenu-list_item-wrapper {
  grid-column-gap: var(--_responsive-variables---spacing--24);
  grid-row-gap: var(--_responsive-variables---spacing--24);
}

.navmenu-list_item-wrapper.is-cta-mobile {
  display: none;
}

.navmenu-item-social {
  justify-content: center;
  align-items: center;
  width: 2em;
  height: 2em;
  display: flex;
}

.navbar-submenu-component {
  background-color: var(--neutral--white);
}

.padding-section-14 {
  padding-top: .875em;
  padding-bottom: .875em;
}

.submenu-component_wrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.submenu-component_contact-wrapper {
  grid-column-gap: var(--_responsive-variables---spacing--24);
  grid-row-gap: var(--_responsive-variables---spacing--24);
  display: flex;
}

.submenu-component_social-wrapper {
  grid-column-gap: var(--_responsive-variables---spacing--16);
  grid-row-gap: var(--_responsive-variables---spacing--16);
  display: flex;
}

.submenu-component_social-link-item {
  width: 1.5em;
  height: 1.5em;
  color: var(--neutral--black);
  justify-content: center;
  align-items: center;
  transition: all .3s;
  display: flex;
}

.submenu-component_social-link-item:hover {
  color: var(--brand-color--lime-dark);
}

.submenu-component_social-embed {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.submenu-component_contact-item {
  grid-column-gap: var(--_responsive-variables---spacing--4);
  grid-row-gap: var(--_responsive-variables---spacing--4);
  color: var(--brand-color--black-lighter);
  justify-content: flex-start;
  align-items: center;
  transition: all .3s;
  display: flex;
}

.submenu-component_contact-item:hover {
  color: var(--brand-color--lime-dark);
}

.submenu-component_contact-embed {
  justify-content: center;
  align-items: center;
  width: 1.5em;
  height: 1.5em;
  display: flex;
}

.padding-section-t80-16b {
  padding-top: var(--_responsive-variables---spacing--80);
  padding-bottom: var(--_responsive-variables---spacing--16);
}

.section-footer-component {
  z-index: 0;
  background-color: var(--brand-color--black-lighter);
  position: sticky;
  bottom: 0;
}

.footer-content_wrapper {
  margin-bottom: var(--_responsive-variables---spacing--56);
  grid-column-gap: 6.125em;
  grid-row-gap: 6.125em;
  grid-template-rows: auto;
  grid-template-columns: 1.3fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.footer-content_wrapper.gap-76 {
  grid-column-gap: 4.75em;
  grid-row-gap: 4.75em;
}

.footer-content_brand-wrapper {
  grid-column-gap: var(--_responsive-variables---spacing--32);
  grid-row-gap: var(--_responsive-variables---spacing--32);
  flex-flow: column;
  align-items: flex-start;
  width: 100%;
  max-width: 18.9375em;
  display: flex;
}

.footer-content_brand-wrapper.gap-16 {
  grid-column-gap: var(--_responsive-variables---spacing--16);
  grid-row-gap: var(--_responsive-variables---spacing--16);
}

.footer-content-component_cta-wrapper {
  display: inline-flex;
}

.footer-content_item-layout {
  grid-column-gap: 6.125em;
  grid-row-gap: 6.125em;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.footer-content_item-layout.gap-76 {
  grid-column-gap: 4.75em;
  grid-row-gap: 4.75em;
}

.footer-content_item-wrapper {
  grid-column-gap: var(--_responsive-variables---spacing--32);
  grid-row-gap: var(--_responsive-variables---spacing--32);
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.footer-content_item-wrapper.is-instagram {
  width: 100%;
  max-width: 14.875em;
}

.footer-content_item-link-wrapper {
  grid-column-gap: var(--_responsive-variables---spacing--24);
  grid-row-gap: var(--_responsive-variables---spacing--24);
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.footer-content_item-link-wrapper.gap-16 {
  grid-column-gap: var(--_responsive-variables---spacing--16);
  grid-row-gap: var(--_responsive-variables---spacing--16);
}

.footer-content_item-link-wrapper.gap-16.is-horizontal, .footer-content_item-link-wrapper.is-horizontal {
  flex-flow: row;
}

.footer-content_item-link {
  grid-column-gap: var(--_responsive-variables---spacing--8);
  grid-row-gap: var(--_responsive-variables---spacing--8);
  color: var(--neutral--dark-gray);
  font-size: var(--_responsive-variables---paragraph--text-16);
  font-weight: var(--font-weight--font-weight-400);
  white-space: nowrap;
  justify-content: flex-start;
  align-items: center;
  transition: all .3s;
  display: flex;
}

.footer-content_item-link:hover {
  transform: scale(1.1);
}

.footer-content_item-link-icon {
  justify-content: center;
  align-items: center;
  width: 2em;
  height: 2em;
  display: flex;
}

.footer-content-year_wrapper {
  padding-top: var(--_responsive-variables---spacing--24);
  padding-bottom: var(--_responsive-variables---spacing--24);
  border-top: 1px solid #fff3;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.footer-content-crafted_wrapper {
  grid-column-gap: var(--_responsive-variables---spacing--4);
  grid-row-gap: var(--_responsive-variables---spacing--4);
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.footer-content-crafted_embed {
  justify-content: center;
  align-items: center;
  display: flex;
}

.span-bold-white {
  color: var(--neutral--white);
  font-weight: var(--font-weight--font-weight-700);
}

.footer-component_layout {
  grid-column-gap: var(--_responsive-variables---spacing--40);
  grid-row-gap: var(--_responsive-variables---spacing--40);
  flex-flow: column;
  display: flex;
}

.footer-content_insta-wrap {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-radius: 1em;
  flex-flow: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
  overflow: hidden;
}

.footer-content_insta-item-wrap {
  background-color: #faf8f1;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 11.75em;
  height: 7.375em;
  display: flex;
}

.footer-content_insta-item-wrap._02 {
  background-color: #fff;
}

.footer-content_insta-embed, .footer-content_item-link-contact {
  justify-content: center;
  align-items: center;
  width: 3em;
  height: 3em;
  display: flex;
}

.footer-content_item-contact-txt-wrap {
  grid-column-gap: .75em;
  grid-row-gap: .75em;
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.footer-content_layout {
  grid-column-gap: var(--_responsive-variables---spacing--40);
  grid-row-gap: var(--_responsive-variables---spacing--40);
  flex-flow: row;
  justify-content: space-between;
  display: flex;
}

.footer-content_block {
  width: 100%;
  max-width: 18em;
  margin-bottom: var(--_responsive-variables---heading--h-24);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.footer-component_form-block {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  display: inline-flex;
}

.bs-component_layout {
  grid-column-gap: var(--_responsive-variables---spacing--40);
  grid-row-gap: var(--_responsive-variables---spacing--40);
  flex-flow: column;
  display: flex;
}

.section-hero-component {
  background-color: var(--brand-color--black-lighter);
  overflow: hidden;
}

.section-hero-component.is-relative {
  position: relative;
  overflow: hidden;
}

.padding-section-226 {
  padding-top: 14.125em;
  padding-bottom: 14.125em;
}

.hero-component_wrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.hero-component_wrapper.is-vertical {
  flex-flow: column;
}

.hero-component_wrapper.is-vertical.gap-128 {
  grid-column-gap: var(--_responsive-variables---spacing--128);
  grid-row-gap: var(--_responsive-variables---spacing--128);
}

.hero-component_wrapper.is-center {
  justify-content: center;
  align-items: center;
  position: relative;
}

.hero-component_wrapper.is-relative {
  position: relative;
}

.hero-component_wrapper.gap-76 {
  grid-column-gap: 4.75em;
  grid-row-gap: 4.75em;
}

.hero-component_txt-wrapper {
  grid-column-gap: var(--_responsive-variables---spacing--40);
  grid-row-gap: var(--_responsive-variables---spacing--40);
  flex-flow: column;
  flex: none;
  align-items: flex-start;
  width: 100%;
  max-width: 34.1875em;
  display: flex;
}

.hero-component_txt-wrapper.is-center {
  text-align: center;
  justify-content: flex-start;
  align-items: center;
}

.hero-component_txt-wrapper.is-absolute {
  z-index: 2;
  position: absolute;
  inset: 50% auto auto 0%;
  transform: translate(0, -50%);
}

.hero-component_img-wrapper {
  border-radius: var(--_responsive-variables---spacing--16);
  overflow: hidden;
  box-shadow: 0 12px 26px #0000001a, 0 47px 47px #00000017, 0 105px 63px #0000000d, 0 187px 75px #00000003, 0 292px 82px #0000;
}

.hero-component_img-wrapper.ratio-4-3 {
  border-radius: var(--_responsive-variables---radius--r-32);
  width: 100%;
  max-width: 37.375em;
  overflow: hidden;
}

.hero-component_img-wrapper.ratio-4-3._01 {
  max-width: 45.4375em;
  margin-top: 3.625em;
}

.hero-component_img-wrapper.ratio-4-3._02 {
  max-width: 45.4375em;
  position: absolute;
  inset: 0% 0% auto auto;
}

.hero-component_img-wrapper.ratio-4-3.opacity-20 {
  opacity: .2;
}

.hero-component_img-wrapper.ratio-4-3.swiper-slide {
  flex: none;
}

.hero-component_img-wrapper.ratio-3-4 {
  width: 100%;
  max-width: 24.375em;
  overflow: hidden;
}

.hero-component_img-wrapper.ratio-3-4.is-absolute {
  position: absolute;
  inset: -7.625em 0 auto auto;
}

.hero-component_img-wrapper.ratio-4-5 {
  width: 100%;
  max-width: 24.375em;
}

.hero-component_img-wrapper.ratio-4-5.is-absolute {
  position: absolute;
  inset: -7.625em 0% auto auto;
}

.hero-component_img-wrapper.ratio-16-9 {
  width: 100%;
  height: 42.875em;
}

.hero-component_txtinfo-wrap {
  grid-column-gap: var(--_responsive-variables---spacing--32);
  grid-row-gap: var(--_responsive-variables---spacing--32);
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.hero-component_cta-layout {
  grid-column-gap: var(--_responsive-variables---spacing--8);
  grid-row-gap: var(--_responsive-variables---spacing--8);
  display: flex;
}

.hero-component_cta-wrap {
  flex: none;
  display: inline-flex;
}

.hero-component_img-layout {
  width: 100%;
  max-width: 37.125em;
  display: flex;
  position: relative;
}

.padding-section-t256-138b {
  padding-top: 16em;
  padding-bottom: 8.625em;
}

.padding-section-128t {
  padding-top: var(--_responsive-variables---spacing--128);
}

.padding-section-128t.is-box {
  background-color: #6d6d6d80;
}

.padding-section-t128-518b {
  padding-top: var(--_responsive-variables---spacing--128);
  padding-bottom: 32.375em;
}

.padding-section-t128-518b.is-box {
  background-color: #6d6d6d80;
}

.hero-component_img-container {
  width: 100%;
  max-width: 76.25em;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: absolute;
  inset: auto 0% -10.125em;
}

.hero-component_img-container._02 {
  bottom: -18.625em;
}

.ratio-16-9 {
  aspect-ratio: 16 / 9;
}

.hero-component_marquee {
  grid-column-gap: var(--_responsive-variables---spacing--24);
  grid-row-gap: var(--_responsive-variables---spacing--24);
  flex-flow: column;
  width: 100%;
  height: 36.5em;
  display: flex;
  position: absolute;
  inset: auto 0% -12.1875em;
}

.hero-component_marquee._02 {
  justify-content: center;
  align-items: center;
  height: 29.375em;
  inset: auto 0% 6.625em;
}

.hero-component_marquee.is-vertical {
  flex-flow: row;
  width: 37.4375em;
  height: 56.25em;
  inset: -20.125em 0% auto auto;
  overflow: visible;
}

.hero-component_marquee-item {
  border-radius: var(--_responsive-variables---radius--r-24);
  overflow: hidden;
}

.hero-component_marquee-item.ratio-1-1 {
  flex: none;
  width: 100%;
  max-width: 17.5em;
}

.hero-component_marquee-item.ratio-1-1._01 {
  max-width: 24.375em;
  margin-top: var(--_responsive-variables---spacing--80);
}

.hero-component_marquee-item.ratio-1-1._02 {
  max-width: 24.375em;
  margin-bottom: var(--_responsive-variables---spacing--80);
}

.hero-component_marquee-layout {
  grid-column-gap: var(--_responsive-variables---spacing--24);
  grid-row-gap: var(--_responsive-variables---spacing--24);
  justify-content: center;
  align-items: center;
  display: flex;
}

.hero-component_marquee-layout.is-vertical {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
}

.hero-component_marquee-layout.is-vertical._01 {
  margin-top: var(--_responsive-variables---spacing--24);
}

.hero-component_marquee-layout.is-vertical._02 {
  margin-bottom: var(--_responsive-variables---spacing--24);
}

.padding-section-t128-106b {
  padding-top: var(--_responsive-variables---spacing--128);
  padding-bottom: 6.625em;
}

.padding-section-t128-106b.is-box {
  background-color: #6d6d6d80;
}

.padding-section-t128-616b {
  padding-top: var(--_responsive-variables---spacing--128);
  padding-bottom: 38.5em;
}

.padding-section-t128-616b.is-box {
  background-color: #6d6d6d80;
}

.padding-section-322 {
  padding-top: 20.125em;
  padding-bottom: 20.125em;
}

.padding-section-t128 {
  padding-top: var(--_responsive-variables---spacing--128);
}

.padding-section-t128.is-box {
  background-color: #6d6d6d80;
}

.hero-component_floating-img-layout {
  grid-column-gap: var(--_responsive-variables---spacing--24);
  grid-row-gap: var(--_responsive-variables---spacing--24);
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.hero-component_floating-img-item {
  border-radius: .5em;
  flex: none;
  overflow: hidden;
}

.hero-component_floating-img-item.ratio-1-1 {
  width: 100%;
  max-width: 13.9375em;
}

.hero-component_floating-img-item.ratio-1-1.item-01 {
  position: relative;
  top: 8.5em;
}

.hero-component_floating-img-item.ratio-1-1.item-02 {
  position: relative;
  top: 3.1875em;
}

.hero-component_img-slider-wrap.swiper {
  display: flex;
}

.hero-component_img-slider-wrapper.swiper-wrapper {
  grid-column-gap: var(--_responsive-variables---spacing--24);
  grid-row-gap: var(--_responsive-variables---spacing--24);
  display: flex;
}

.section-cta-component {
  background-color: var(--brand-color--black-lighter);
}

.padding-section-80 {
  padding-top: var(--_responsive-variables---spacing--80);
  padding-bottom: var(--_responsive-variables---spacing--80);
}

.cta-component_wrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.cta-component_wrapper.is-center {
  text-align: center;
  justify-content: center;
  align-items: center;
}

.cta-component_wrapper.is-verticak {
  grid-column-gap: var(--_responsive-variables---spacing--40);
  grid-row-gap: var(--_responsive-variables---spacing--40);
  text-align: center;
  flex-flow: column;
}

.cta-component_txt-wrapper {
  grid-column-gap: var(--_responsive-variables---spacing--32);
  grid-row-gap: var(--_responsive-variables---spacing--32);
  flex-flow: column;
  align-items: flex-start;
  width: 100%;
  max-width: 26.875em;
  display: flex;
}

.cta-component_txt-wrapper._02 {
  justify-content: flex-start;
  align-items: center;
  max-width: 37em;
}

.cta-component_txt-wrapper._02.gap-24 {
  grid-column-gap: var(--_responsive-variables---spacing--24);
  grid-row-gap: var(--_responsive-variables---spacing--24);
}

.cta-component_link-wrapper {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  display: inline-flex;
}

.cta-component_cta-item-wrapper {
  display: inline-flex;
}

.cta-component_img-wrapper {
  border-radius: var(--_responsive-variables---radius--r-24);
  overflow: hidden;
}

.cta-component_img-wrapper.ratio-4-3 {
  width: 100%;
  max-width: 37.3125em;
}

.banner-component-form_input-wrapper-copy {
  border-radius: 6.25em;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
  overflow: hidden;
}

.cta-component_form-block {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  display: inline-flex;
}

.cta-component_card-wrapper {
  border-radius: var(--_responsive-variables---radius--r-24);
  background-color: var(--brand-color--lime-dark);
  width: 100%;
  max-width: 30.875em;
  padding: 3.5em;
}

.cta-component_card-txt-wrapper {
  grid-column-gap: var(--_responsive-variables---spacing--24);
  grid-row-gap: var(--_responsive-variables---spacing--24);
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.button-group_wrapper, .link-group_wrapper {
  grid-column-gap: var(--_responsive-variables---spacing--40);
  grid-row-gap: var(--_responsive-variables---spacing--40);
  flex-flow: row;
  display: flex;
}

.text-link-secondary {
  color: var(--link--hover);
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 1.13em;
  font-weight: 500;
  line-height: 1.76991em;
  transition: all .3s;
}

.text-link-secondary:hover {
  color: var(--link--default);
}

.section-style-form {
  background-color: var(--brand-color--black-lighter);
}

.input-text {
  border: 1px solid var(--input--border);
  border-radius: var(--_responsive-variables---radius--r-8);
  background-color: var(--input--bg);
  color: var(--input--text);
}

.input-text:active, .input-text:focus {
  border-color: var(--input--border-focus);
}

.input-text::placeholder {
  color: var(--input--text-placeholder);
}

.section-style-tooltip {
  background-color: var(--brand-color--black-lighter);
}

.style-tooltip-main {
  grid-column-gap: var(--_responsive-variables---spacing--16);
  grid-row-gap: var(--_responsive-variables---spacing--16);
  border-top: 1px solid #fff3;
  border-bottom: 1px solid #fff3;
  flex-flow: column;
  display: flex;
}

.style-toolltip_layout {
  grid-column-gap: var(--_responsive-variables---spacing--40);
  grid-row-gap: var(--_responsive-variables---spacing--40);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.style-toolltip_card-wrapper {
  cursor: pointer;
  width: 100%;
  position: relative;
}

.style-toolltip_card-img-wrapper.ratio-3-2 {
  width: 100%;
}

.style-toolltip_card-content {
  grid-column-gap: var(--_responsive-variables---spacing--40);
  grid-row-gap: var(--_responsive-variables---spacing--40);
  flex-flow: column;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.style-toolltip_txt-layout {
  grid-column-gap: var(--_responsive-variables---spacing--24);
  grid-row-gap: var(--_responsive-variables---spacing--24);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.style-toolltip_card-description {
  grid-column-gap: var(--_responsive-variables---spacing--16);
  grid-row-gap: var(--_responsive-variables---spacing--16);
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.style-toolltip_card-cta-wrapper {
  display: inline-flex;
}

.pop-out-tooltip {
  z-index: 999;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 20em;
  display: none;
  position: absolute;
  inset: 2.1em -3.6em auto auto;
}

.pop-out-tooltip-wrapper {
  justify-content: center;
  width: 100%;
  max-width: 55.56em;
  display: flex;
  overflow: auto;
}

.heading-97 {
  line-height: 1.1875;
}

.heading-98 {
  line-height: 1.25;
}

.heading-99 {
  line-height: 1.22222;
}

.footer-brand-logo {
  z-index: 5;
  width: 100%;
  max-width: 11em;
}

.footer-brand-logo.is-relative {
  position: relative;
}

.footer-brand-logo.margin-bottom-4 {
  margin-bottom: var(--_responsive-variables---spacing--4);
}

.footer-cta-wrapper {
  grid-column-gap: var(--_responsive-variables---spacing--16);
  grid-row-gap: var(--_responsive-variables---spacing--16);
  justify-content: center;
  align-items: center;
  display: flex;
}

.code-embed {
  justify-content: center;
  align-items: center;
  display: flex;
}

.footer-brand-logo-wrapper {
  grid-column-gap: var(--_responsive-variables---spacing--32);
  grid-row-gap: var(--_responsive-variables---spacing--32);
  flex-flow: column;
  align-items: flex-start;
}

.footer-brand-logo-wrapper.gap-16 {
  grid-column-gap: var(--_responsive-variables---spacing--16);
  grid-row-gap: var(--_responsive-variables---spacing--16);
}

.nav-cta_tablet-wrapper {
  display: none;
}

.text-eyebrow {
  color: var(--brand-color--lime);
  font-size: var(--_responsive-variables---paragraph--text-16);
  font-weight: var(--font-weight--font-weight-500);
  text-transform: uppercase;
}

.text-eyebrow.text-color-black {
  color: var(--neutral--dark);
}

.cta-wrapper {
  margin-top: var(--_responsive-variables---spacing--40);
  grid-column-gap: var(--_responsive-variables---spacing--16);
  grid-row-gap: var(--_responsive-variables---spacing--16);
  text-align: center;
  justify-content: center;
  align-items: center;
  display: flex;
}

.cta-wrapper.show-cta-on-mobile {
  display: none;
}

.subheading_text-wrapper {
  width: 100%;
  max-width: 34em;
  margin-top: var(--_responsive-variables---spacing--24);
  grid-column-gap: var(--_responsive-variables---spacing--16);
  grid-row-gap: var(--_responsive-variables---spacing--16);
  flex-flow: row;
  margin-left: auto;
  margin-right: auto;
}

.subheading_text-wrapper.max-width-700 {
  max-width: 43.75em;
  margin-left: auto;
  margin-right: auto;
}

.subheading_text-wrapper.max-width-480 {
  max-width: 30em;
  margin-left: auto;
  margin-right: auto;
}

.text-break-02 {
  display: block;
}

.text-color-lime {
  color: var(--brand-color--lime);
  display: inline;
}

.home-hero_img-wrapper {
  max-width: 44.5em;
  margin-top: var(--_responsive-variables---spacing--56);
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.text-size-12 {
  font-size: .75em;
  font-weight: var(--font-weight--font-weight-500);
}

.text-size-12.margin-top-16 {
  margin-top: var(--_responsive-variables---spacing--16);
}

.ui-gradient-background {
  z-index: 1;
  background-color: var(--brand-color--lime);
  filter: blur(200px);
  width: 24em;
  height: 12em;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 30% 0% 0%;
}

.div-block {
  opacity: .5;
  background-image: url('../images/background-25.webp');
  background-position: 0 0;
  background-repeat: repeat-y;
  background-size: 100%;
  height: 50vh;
  position: absolute;
  inset: auto 0% 0%;
}

.embed-square-dots.cc-opacity-50 {
  opacity: .5;
}

.shape-align-right-center {
  position: absolute;
  inset: 30% -8% auto auto;
}

.hero-player-wrapper {
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
}

.player-woman-wrapper {
  width: 100%;
  max-width: 14.875em;
}

.player-man-wrapper {
  width: 100%;
  max-width: 15.5em;
}

.hero-info-wrapper {
  z-index: 5;
  width: 100%;
  max-width: 40em;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.home-problem-wrapper {
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}

.eyebrow-heading-wrapper {
  flex: none;
  width: 100%;
}

.eyebrow-heading-wrapper.max-width-34 {
  max-width: 34em;
}

.eyebrow-heading-wrapper.max-width-472, .eyebrow-heading-wrapper.max-width-350 {
  max-width: 29.5em;
  margin-left: auto;
  margin-right: auto;
}

.eyebrow-heading-wrapper.max-width-628 {
  max-width: 39.25em;
  margin-left: auto;
  margin-right: auto;
}

.home-problem-text-wrapper {
  grid-column-gap: var(--_responsive-variables---spacing--64);
  grid-row-gap: var(--_responsive-variables---spacing--64);
  flex-flow: row;
  width: 100%;
  display: flex;
}

.home-problem-img-wrapper {
  z-index: 5;
  margin-top: var(--_responsive-variables---spacing--56);
  border-radius: var(--_responsive-variables---radius--r-32);
  position: relative;
  overflow: hidden;
}

.home-solution-wrapper {
  margin-left: auto;
  margin-right: auto;
}

.home-solution-wrapper.max-width-896 {
  width: 100%;
  max-width: 56em;
}

.home-solution-text-wrapper {
  text-align: center;
}

.solution-comparison-wrapper {
  margin-top: var(--_responsive-variables---spacing--112);
  margin-bottom: var(--_responsive-variables---spacing--80);
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.comparison-card-01 {
  z-index: 5;
  width: 100%;
  max-width: 27em;
  margin-bottom: var(--_responsive-variables---spacing--72);
  padding: var(--_responsive-variables---spacing--56) var(--_responsive-variables---spacing--40);
  border-top-left-radius: var(--_responsive-variables---radius--r-24);
  border-bottom-left-radius: var(--_responsive-variables---radius--r-24);
  text-align: left;
  background-color: #272727;
  position: relative;
}

.comparison-list-wrapper {
  margin-top: var(--_responsive-variables---spacing--32);
  grid-column-gap: var(--_responsive-variables---spacing--32);
  grid-row-gap: var(--_responsive-variables---spacing--32);
  flex-flow: column;
  margin-bottom: 0;
  display: flex;
}

.comparison-item-wrapper {
  grid-column-gap: var(--_responsive-variables---spacing--8);
  grid-row-gap: var(--_responsive-variables---spacing--8);
  display: flex;
}

.embed-arrow-icon {
  justify-content: center;
  align-items: center;
  width: 1.5em;
  height: 1.5em;
  display: flex;
}

.comparison-card-02 {
  z-index: 5;
  width: 100%;
  max-width: 29em;
  padding: var(--_responsive-variables---spacing--56) var(--_responsive-variables---spacing--40);
  border-radius: var(--_responsive-variables---radius--r-24);
  background-color: var(--brand-color--lime);
  color: var(--neutral--dark);
  text-align: left;
  position: relative;
}

.embed-check-icon {
  justify-content: center;
  align-items: center;
  width: 1.5em;
  height: 1.5em;
  display: flex;
}

.horizontal-line-separator {
  margin-top: var(--_responsive-variables---spacing--48);
  margin-bottom: var(--_responsive-variables---spacing--48);
  border-style: solid;
  border-width: 1px;
  border-color: black black var(--neutral--black);
  opacity: .2;
}

.shape-align-top-right {
  z-index: 1;
  position: absolute;
  inset: -10% -6% auto auto;
}

.padding-section-t160 {
  padding-top: var(--_responsive-variables---spacing--160);
}

.section-home-process {
  background-image: linear-gradient(180deg, var(--neutral--dark) 9%, var(--neutral--transparent) 56%, var(--neutral--dark) 100%, var(--neutral--dark) 100%, #cdcdcd33), linear-gradient(to bottom, #1a1a1acc, #1a1a1acc), url('../images/background-25.webp');
  background-position: 0 0, 0 0, 0 0;
  background-repeat: repeat, repeat, repeat-y;
  background-size: auto, auto, 100%;
}

.home-process-wrapper {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.home-process-wrapper.max-width-896 {
  width: 100%;
  max-width: 56em;
}

.home-process-list-wrapper {
  margin-top: var(--_responsive-variables---spacing--80);
  text-align: center;
}

.home-process-list-wrapper.max-width-472 {
  width: 100%;
  max-width: 29.5em;
  margin-left: auto;
  margin-right: auto;
}

.home-process-item-wrapper {
  justify-content: space-between;
  display: flex;
  position: relative;
}

.home-process-item-wrapper._02 {
  margin-top: var(--_responsive-variables---spacing--128);
  margin-bottom: var(--_responsive-variables---spacing--128);
}

.process-item-text-wrapper {
  width: 49%;
  padding: var(--_responsive-variables---spacing--0) var(--_responsive-variables---spacing--32);
  grid-column-gap: var(--_responsive-variables---spacing--24);
  grid-row-gap: var(--_responsive-variables---spacing--24);
  text-align: left;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.process-item-img-wrapper {
  z-index: 5;
  border-radius: var(--_responsive-variables---radius--r-24);
  width: 100%;
  max-width: 24.5em;
  position: relative;
  overflow: hidden;
}

.process-counter-wrapper {
  background-color: var(--brand-color--lime);
  width: 3em;
  height: 3em;
  color: var(--neutral--dark);
  text-align: center;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
}

.shape-align-bottom-right {
  z-index: 1;
  position: absolute;
  inset: auto -7% -21% auto;
}

.shape-align-bottom-left {
  z-index: 1;
  transform-style: preserve-3d;
  position: absolute;
  inset: auto auto -16% -7%;
  transform: rotateX(-180deg)rotateY(-180deg)rotateZ(0);
}

.shape-align-left-center {
  z-index: 1;
  position: absolute;
  inset: 28% auto auto -8.5%;
}

.home-result-wrapper {
  display: block;
  position: relative;
}

.home-result-text-wrapper {
  grid-column-gap: var(--_responsive-variables---spacing--64);
  grid-row-gap: var(--_responsive-variables---spacing--64);
  flex-flow: row;
  width: 100%;
  display: flex;
}

.home-result-list-card-wrapper {
  margin-top: var(--_responsive-variables---spacing--56);
  justify-content: space-between;
  display: flex;
}

.result-card-wrapper {
  width: 32%;
  padding: var(--_responsive-variables---spacing--32) var(--_responsive-variables---spacing--20);
  grid-column-gap: var(--_responsive-variables---spacing--4);
  grid-row-gap: var(--_responsive-variables---spacing--4);
  border-radius: var(--_responsive-variables---radius--r-24);
  background-color: var(--brand-color--lime);
  color: var(--neutral--dark);
  text-align: center;
  flex-flow: column;
  display: flex;
}

.home-result-testimonial-wrapper {
  margin-top: var(--_responsive-variables---spacing--40);
  margin-bottom: var(--_responsive-variables---spacing--80);
  justify-content: space-between;
  display: flex;
}

.result-testimonial-wrapper {
  width: 32%;
  padding-left: var(--_responsive-variables---spacing--12);
  border-left: 2px solid var(--brand-color--lime);
}

.experience-card-wrapper {
  z-index: 5;
  grid-column-gap: var(--_responsive-variables---spacing--4);
  grid-row-gap: var(--_responsive-variables---spacing--4);
  border-radius: var(--_responsive-variables---radius--r-24);
  background-color: var(--brand-color--lime);
  width: 32%;
  color: var(--neutral--dark);
  text-align: left;
  flex-flow: column;
  display: flex;
  position: relative;
  overflow: hidden;
}

.experience-list-wrapper {
  width: 85%;
  margin-top: var(--_responsive-variables---spacing--32);
  margin-bottom: var(--_responsive-variables---spacing--32);
  margin-left: var(--_responsive-variables---spacing--24);
  grid-column-gap: var(--_responsive-variables---spacing--20);
  grid-row-gap: var(--_responsive-variables---spacing--20);
  flex-flow: column;
  display: flex;
}

.home-experience-list-card-wrapper {
  margin-top: var(--_responsive-variables---spacing--56);
  justify-content: space-between;
  display: flex;
  position: relative;
}

.home-feature-wrapper {
  grid-column-gap: var(--_responsive-variables---spacing--64);
  grid-row-gap: var(--_responsive-variables---spacing--64);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 68em;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.home-feature-text-wrapper {
  grid-column-gap: var(--_responsive-variables---spacing--64);
  grid-row-gap: var(--_responsive-variables---spacing--64);
  flex-flow: row;
  width: 100%;
  max-width: 26.75em;
}

.feature-card-list-wrapper {
  grid-column-gap: var(--_responsive-variables---spacing--48);
  grid-row-gap: var(--_responsive-variables---spacing--48);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center;
  display: grid;
}

.feature-card-wrapper {
  max-width: 16.25em;
}

.feature-icon-wrapper {
  background-color: var(--brand-color--lime);
  width: 3em;
  height: 3em;
  color: var(--neutral--dark);
  text-align: center;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
}

.embed-feature-icon {
  justify-content: center;
  align-items: center;
  display: flex;
}

.feature-text-wrapper {
  margin-top: var(--_responsive-variables---spacing--24);
  grid-column-gap: var(--_responsive-variables---spacing--16);
  grid-row-gap: var(--_responsive-variables---spacing--16);
  flex-flow: column;
  display: flex;
}

.section-home-organizer {
  background-color: var(--brand-color--lime);
  color: var(--neutral--dark);
}

.home-organizer-text-wrapper {
  width: 100%;
  max-width: 39.25em;
  margin-left: auto;
  margin-right: auto;
}

.home-organizer-list-card-wrapper {
  margin-top: var(--_responsive-variables---spacing--56);
  margin-bottom: var(--_responsive-variables---spacing--80);
  justify-content: space-between;
  display: flex;
  position: relative;
}

.organizer-card-wrapper {
  z-index: 5;
  grid-column-gap: var(--_responsive-variables---spacing--4);
  grid-row-gap: var(--_responsive-variables---spacing--4);
  background-color: var(--brand-color--lime);
  width: 32%;
  color: var(--neutral--dark);
  text-align: left;
  border-radius: 1.5em;
  flex-flow: column;
  display: flex;
  position: relative;
}

.organizer-img-wrapper {
  border-radius: var(--_responsive-variables---radius--r-24);
  position: relative;
  overflow: hidden;
}

.organizer-card-text-wrapper {
  padding-top: var(--_responsive-variables---spacing--16);
  padding-right: var(--_responsive-variables---spacing--20);
  padding-left: var(--_responsive-variables---spacing--20);
}

.section-home-proof {
  z-index: 5;
  background-image: linear-gradient(180deg, var(--neutral--dark) 7%, var(--neutral--transparent)), linear-gradient(to bottom, #1a1a1acc, #1a1a1acc), url('../images/background-25.webp');
  background-position: 0 0, 0 0, 0 0;
  background-repeat: repeat, repeat, repeat-y;
  background-size: auto, auto, 100%;
  position: relative;
}

.home-proof-text-wrapper {
  grid-column-gap: var(--_responsive-variables---spacing--64);
  grid-row-gap: var(--_responsive-variables---spacing--64);
  flex-flow: row;
  width: 100%;
  max-width: 34.25em;
  display: block;
}

.swiper-slide {
  border-radius: var(--_responsive-variables---radius--r-24);
  flex: none;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.slider-gallery {
  z-index: 5;
  background-color: var(--utility--transparent);
  width: 100%;
  max-width: 37.5em;
  min-height: 25em;
}

.shape-align-bottom-right-02 {
  z-index: 1;
  position: absolute;
  inset: auto -5% -10% auto;
}

.gallery-wrapper {
  z-index: 2;
  width: 100%;
  max-width: 37.5em;
  position: relative;
  overflow: hidden;
}

.home-proof-wrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.section-home-cta {
  z-index: 5;
  background-image: linear-gradient(180deg, var(--neutral--transparent), var(--neutral--dark) 93%), linear-gradient(to bottom, #1a1a1acc, #1a1a1acc), url('../images/background-25.webp');
  background-position: 0 0, 0 0, 0 0;
  background-repeat: repeat, repeat, repeat-y;
  background-size: auto, auto, 100%;
  position: relative;
}

.home-cta-wrapper {
  min-height: 34.25em;
  padding-right: var(--_responsive-variables---spacing--40);
  padding-bottom: var(--_responsive-variables---spacing--64);
  padding-left: var(--_responsive-variables---spacing--40);
  border-radius: var(--_responsive-variables---radius--r-24);
  background-image: linear-gradient(#1a1a1a80, #1a1a1a80), url('../images/fairplay-pickleball-worth-your-time.webp');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.home-cta-text-wrapper {
  grid-column-gap: var(--_responsive-variables---spacing--64);
  grid-row-gap: var(--_responsive-variables---spacing--64);
  text-align: center;
  flex-flow: row;
  width: 100%;
  max-width: 43.5em;
  margin-top: auto;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.span-display-block {
  font-style: italic;
  display: block;
}

.span-display-block.text-size-14 {
  margin-top: var(--_responsive-variables---spacing--4);
  color: var(--brand-color--lime);
}

.btn-global {
  width: 100%;
  max-width: 18em;
  padding: var(--_responsive-variables---spacing--12) var(--_responsive-variables---spacing--24);
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  border: 2px solid var(--brand-color--lime);
  background-color: var(--brand-color--lime);
  filter: drop-shadow(0px 0px 5px var(--brand-color--lime));
  color: var(--neutral--dark);
  font-size: var(--_responsive-variables---paragraph--text-16);
  border-radius: 6.25em;
  justify-content: center;
  align-items: center;
  margin: 0;
  font-weight: 500;
  line-height: 1.42857;
  display: flex;
  position: relative;
  overflow: hidden;
}

.btn-global.with-arrow {
  padding-right: var(--_responsive-variables---spacing--40);
  filter: none;
}

.btn-global.with-arrow.cc-dark {
  border-color: var(--brand-color--black-lighter);
  background-color: var(--neutral--dark);
  max-width: 21em;
  color: var(--neutral--white);
}

.btn-icon-hover {
  opacity: 0;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 1.25em;
  height: 1.25em;
  display: flex;
  position: relative;
  inset: auto auto auto -1.25em;
}

.btn-icon-hover.with-arrow {
  left: 0;
}

.btn-label {
  font-family: var(--font-family--heading);
  font-size: var(--_responsive-variables---heading--h-18);
  line-height: 1.22222;
  font-weight: var(--font-weight--font-weight-500);
  letter-spacing: .75px;
  text-transform: capitalize;
  flex: none;
}

.btn-label.with-arrow {
  left: 0;
}

.btn-icon-default {
  justify-content: center;
  align-items: center;
  width: 1.25em;
  height: 1.25em;
  display: none;
  position: relative;
  inset: 0% 0% 0% auto;
}

.btn-icon-default.with-arrow {
  display: flex;
  right: .3em;
}

.img-overlay {
  background-color: var(--neutral--dark);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% 0% auto;
  transform: translate(0, 100%);
}

.img-overlay.background-color-lime {
  background-color: var(--brand-color--lime);
}

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

.background-color-dark {
  background-color: var(--neutral--dark);
}

.bg-glow {
  filter: blur(30px);
  background-color: #1a1a1a80;
  position: absolute;
  inset: 0%;
}

.paddle-img-wrapper {
  margin-bottom: var(--_responsive-variables---spacing--16);
}

.home-clubs-wrapper {
  text-align: center;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}

.clubs-logo-list {
  width: 100%;
  margin-top: var(--_responsive-variables---spacing--48);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.pop-out-2 {
  z-index: 999;
  background-color: #fffffff2;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.pop-out-wrapper-2 {
  justify-content: center;
  width: 100%;
  max-width: 66.25em;
  max-height: 90%;
  display: flex;
  overflow: visible;
}

.pop-out-item-content-2 {
  aspect-ratio: 16 / 9;
  border-radius: 1.25em;
  width: 100%;
  max-width: 66.25em;
  height: 100%;
  min-height: 37.5em;
  position: relative;
  overflow: visible;
}

.close-wrapper-2 {
  z-index: 3;
  cursor: pointer;
  background-color: #000;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 3.75em;
  height: 3.75em;
  font-size: 1.11em;
  transition: color .3s;
  display: flex;
  position: absolute;
  inset: -1.875em -1.125em auto auto;
  overflow: hidden;
}

.close-wrapper-2:hover {
  color: #00c4cc;
}

.close-pop-icon {
  justify-content: center;
  align-items: center;
  display: flex;
}

.pop-content-video-placeholder {
  border-radius: 1.25em;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.pop-content-video-play-icon {
  pointer-events: none;
  justify-content: center;
  align-items: center;
  display: none;
  position: absolute;
}

.video-elem-hero {
  border-radius: 1.5em;
  width: 100%;
  overflow: hidden;
}

.home-hero_video-layout {
  z-index: 5;
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: absolute;
}

.home-hero_bg-video-wrapper {
  cursor: pointer;
  border-radius: 50%;
  flex: none;
  width: 5em;
  height: 5em;
  padding: .75em;
  position: relative;
  overflow: hidden;
}

.home-hero_bg-video {
  z-index: 2;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.home-hero_video-play-icon {
  z-index: 2;
  pointer-events: none;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.home-hero_bg-video-overlay {
  background-color: var(--brand-color--lime-dark);
  position: absolute;
  inset: 0%;
}

.text-size-18-2 {
  font-size: 1.125em;
  line-height: 1.33333;
}

.btn-primary-with-icon {
  padding: .5em var(--_responsive-variables---spacing--16) .5em var(--_responsive-variables---spacing--24);
  grid-column-gap: .625em;
  grid-row-gap: .625em;
  background-color: var(--button--ghost--border);
  font-family: var(--font-family--heading);
  color: var(--neutral--black);
  text-transform: capitalize;
  border-radius: 6.25em;
  justify-content: center;
  align-items: center;
  transition: all .3s;
  display: flex;
}

.btn-label-2 {
  font-size: 1em;
  line-height: 1.25;
}

.btn-icon-wrap {
  background-color: var(--brand-color--lime);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 2em;
  height: 2em;
  padding: .5625em .5625em .5625em .7em;
  display: flex;
  overflow: hidden;
}

.btn-icon-embed {
  color: var(--neutral--black);
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.btn-icon-wrap-label {
  flex: none;
}

.btn-wrap-label {
  font-size: 1em;
  line-height: 1.25;
}

.button-popup-trigger.show-cta-on-mobile {
  display: none;
}

.swiper {
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.swiper.fairplay-swiper {
  z-index: 2;
  position: relative;
}

.swiper-wrapper {
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.swiper-dots {
  grid-column-gap: var(--_responsive-variables---spacing--12);
  grid-row-gap: var(--_responsive-variables---spacing--12);
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.home-organizer-wrapper {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.home-organizer-wrapper.max-width-896 {
  width: 100%;
  max-width: 56em;
}

@media screen and (max-width: 991px) {
  body {
    --_responsive-variables---paragraph--text-16: 1em;
    --_responsive-variables---heading--h-56: 3em;
    --_responsive-variables---heading--h-48: 2.5em;
    --_responsive-variables---heading--h-32: 1.875em;
    --_responsive-variables---heading--h-24: 1.375em;
    --_responsive-variables---heading--h-20: 1.125em;
    --_responsive-variables---heading--h-18: 1em;
    --_responsive-variables---spacing--24: 1.5em;
    --_responsive-variables---spacing--80: 4.5em;
    --_responsive-variables---spacing--64: 3.5em;
    --_responsive-variables---paragraph--text-18: 1.125em;
    --_responsive-variables---spacing--32: 2em;
    --_responsive-variables---spacing--16: 1em;
    --_responsive-variables---spacing--8: .5em;
    --_responsive-variables---heading--h-64: 3.5em;
    --_responsive-variables---paragraph--text-24: 1.375em;
    --_responsive-variables---paragraph--text-20: 1.125em;
    --_responsive-variables---spacing--12: .75em;
    --_responsive-variables---spacing--20: 1.25em;
    --_responsive-variables---paragraph--text-14: .875em;
    --_responsive-variables---spacing--40: 2.5em;
    --_responsive-variables---spacing--48: 2.5em;
    --_responsive-variables---spacing--56: 3em;
    --_responsive-variables---spacing--72: 4em;
    --_responsive-variables---spacing--0: 0em;
    --_responsive-variables---spacing--160: 7em;
    --_responsive-variables---spacing--128: 6em;
    --_responsive-variables---spacing--96: 5.5em;
    --_responsive-variables---spacing--192\<deleted\|variable-9e9cb744-c122-2f44-d6bf-c17d26a46412\>: 8em;
    --_responsive-variables---heading--h-40\<deleted\|variable-2ce3995f-dd5a-6f35-9503-025f88459029\>: 2.25em;
    --_responsive-variables---heading--h-28\<deleted\|variable-9f076bbf-3051-1c83-3fb0-963876cffb4d\>: 1.75em;
    --_responsive-variables---spacing--4: .25em;
    --_responsive-variables---radius--r-32: 2em;
    --_responsive-variables---radius--r-24: 1.5em;
    --_responsive-variables---radius--r-8: .5em;
    --_responsive-variables---spacing--112: 5em;
    --_responsive-variables---spacing--192: 8em;
    --_responsive-variables---spacing--144: 6em;
    --_responsive-variables---spacing--176: 7em;
    --_responsive-variables---radius--r-20: 1.25em;
    --_responsive-variables---radius--r-16: 1em;
    --_responsive-variables---radius--r-12: .75em;
  }

  .padding-section-b60.section-custom-padding {
    padding-top: 11.3em;
  }

  .global-footer {
    left: 1em;
    right: 1em;
  }

  .heading-section-wrapper {
    width: 50%;
    margin-bottom: 2.5em;
  }

  .color-pallete-wrapper {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .colour-container {
    align-items: flex-start;
  }

  .text-size-16.margin-top-32 {
    margin-top: var(--_responsive-variables---spacing--24);
  }

  .section-components-horizontal {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .typography-wrapper {
    margin-left: 0;
  }

  .buttons-element, .text-link-element {
    width: 100%;
  }

  .spacing-wrapper {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }

  .nav-menu {
    z-index: 5;
    height: 100vh;
    margin-left: var(--_responsive-variables---spacing--0);
    background-color: #0000;
    padding: 0 0 1.25em 1.25em;
    display: none;
    position: absolute;
  }

  .nav-menu-item {
    margin-bottom: var(--_responsive-variables---spacing--16);
    flex-direction: column;
    align-items: flex-start;
  }

  .dropdown {
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
    font-size: 2.25em;
  }

  .text-link-nav {
    font-size: var(--_responsive-variables---paragraph--text-20);
  }

  .margin-link-nav {
    margin-top: 1.5em;
    margin-bottom: 1.5em;
    margin-right: 0;
  }

  .margin-link-nav.tab-margin-bottom-48 {
    margin-bottom: 3em;
  }

  .menu-button {
    color: var(--neutral--white);
    background-color: #fff0;
    padding: 0;
  }

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

  .lottie-animation {
    width: 1.5em;
    height: 1.5em;
  }

  .footer-link-wrapper {
    margin-left: var(--_responsive-variables---spacing--8);
    grid-column-gap: var(--_responsive-variables---spacing--8);
    grid-row-gap: var(--_responsive-variables---spacing--8);
    align-self: flex-start;
  }

  .pop-out-wrapper {
    justify-content: center;
    align-items: center;
  }

  .pop-out-item-content {
    width: 100%;
    min-height: 0;
  }

  .close-wrapper.is-tooltip {
    display: flex;
  }

  .dropdown-list {
    padding-right: 2em;
  }

  .nav-dropdown {
    margin-left: 0;
    margin-right: 0;
  }

  .nav-dropdown-toggle {
    font-size: var(--_responsive-variables---paragraph--text-20);
    align-items: center;
    padding-left: 0;
    padding-right: 0;
  }

  .grid-guide-list {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .ie-notification {
    font-size: 1.1em;
  }

  .paddings-wrapper {
    grid-column-gap: 1.5em;
    grid-row-gap: 1.5em;
  }

  .padding-section-hero {
    padding-top: .81em;
  }

  .typography-grid {
    grid-column-gap: 0px;
    grid-row-gap: 4em;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-items: start;
    display: grid;
  }

  .color-pallete-grid-wrapper {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .section-spacing-wrapper {
    grid-column-gap: 0rem;
    grid-row-gap: 1.5rem;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: flex;
  }

  .padding-section-t192 {
    --neutral--dark: #1a1a1a;
    --font-family--body: Dmsans, Arial, sans-serif;
    --neutral--white: white;
    --font-weight--font-weight-400: 400;
    --font-weight--font-weight-600: 600;
    --container--c-1224: 76.5em;
    --brand-color--lime: #bcf248;
    --black\<deleted\|variable-b04721b6\>: #1d1d1d;
    --chocolate\<deleted\|variable-c8165ea4\>: #ea6920;
    --container--c-1016: 63.5em;
    --container--c-808: 50.5em;
    --font-weight--font-weight-500: 500;
    --font-weight--font-weight-700: 700;
    --brand-color--black-lighter: #1a1a1a;
    --secondary-color\<deleted\|variable-960f01e6\>: #eaa520;
    --primary-accent\<deleted\|variable-afc2d70c\>: #141414;
    --secondary-accent\<deleted\|variable-6370f196\>: #9d9d9d;
    --neutral--black: black;
    --neutral--dark-gray: #1d1d1d;
    --brand-color--yellow: #eaa520;
    --primary-color\<deleted\|variable-dcab1f4a\>: #ea5820;
    --blue-violet\<deleted\|variable-58c8f546\>: #7920ea;
    --gradient-black\<deleted\|variable-2bfc5512\>: #323232;
    --dim-grey\<deleted\|variable-8ecb79e9\>: #626262;
    --font-family--heading: Kanit, Impact, sans-serif;
    --primary-button-hover\<deleted\|variable-4cf8087c\>: #cc3a02;
    --button--primary--bg: var(--brand-color--lime);
    --button--primary--text: var(--neutral--dark);
    --brand-color--lime-dark: #85c203;
    --button--primary--hover: var(--brand-color--lime-dark);
    --button--primary--text-hover-optional: var(--neutral--white);
    --neutral--transparent: #fff0;
    --link--default: white;
    --link--hover: #ea5820;
    --padding-section--ps-80\<deleted\|variable-92a9a041-505e-7260-fbba-66c7945bc261\>: 5em;
    --padding-section--ps-240\<deleted\|variable-387f3dba-1d51-3b79-9aa7-e39890dee3ab\>: 15em;
    --utility--transparent: #fff0;
    --button--secondary--bg: var(--neutral--dark);
    --button--secondary--hover: var(--neutral--transparent);
    --button--secondary--text-hover: var(--neutral--dark);
    --button--ghost--border: var(--neutral--white);
    --button--ghost--text: var(--neutral--white);
    --container--c-600: 37.5em;
    --input--border: #f77f00;
    --input--bg: white;
    --input--text: #00283c;
    --input--border-focus: #ea5820;
    --input--text-placeholder: #9d9d9d;
    --utility--overlay-light: #f77f0040;
    --utility--overlay-dark: #00283c80;
    --utility--shadow: #0003;
    --neutral--light: whitesmoke;
    --button--ghost--hover: var(--neutral--white);
    --button--ghost--text-hover: var(--neutral--dark);
    --button--secondary--text: var(--neutral--white);
    --border--dark: #00283c;
    --border--light: white;
    --brand-color--soft-green: #88c310;
  }

  .heading-96 {
    font-size: 4.5em;
  }

  .nav-list-flex-h {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    display: flex;
  }

  .nav-list-item {
    text-align: left;
  }

  .style-ratio_group.is-landscape {
    grid-template-columns: 1fr 1fr;
    display: flex;
  }

  .banner-component_wrapper {
    flex-flow: wrap;
  }

  .banner-component_wrapper.is-space-between {
    justify-content: center;
    align-items: center;
  }

  .banner-component_icon-wrapper {
    right: var(--_responsive-variables---spacing--8);
  }

  .banner-component-form_input-wrapper {
    align-items: stretch;
  }

  .container {
    max-width: 728px;
  }

  .navbar-component_wrapper {
    justify-content: space-between;
  }

  .navbar-component_wrapper.is-center {
    justify-content: center;
    align-items: center;
  }

  .navbar-component_wrapper.is-centered {
    justify-content: space-between;
    align-items: center;
    padding-top: 0;
    padding-bottom: 0;
  }

  .navbar-component_wrapper.is-spacebetween.gap-24 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .navbar-component_wrapper.is-centered-logo {
    justify-content: center;
    align-items: center;
    padding-top: 0;
    padding-bottom: 0;
  }

  .brand-logo {
    position: relative;
  }

  .navbar-component_menu {
    background-color: var(--brand-color--black-lighter);
    top: 70px;
  }

  .navbar-component_menu-item-wrapper {
    grid-column-gap: var(--_responsive-variables---spacing--24);
    grid-row-gap: var(--_responsive-variables---spacing--24);
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
    padding: 20px;
    display: flex;
    box-shadow: 0 8px 50px #0000000d;
  }

  .navbar-component_menu-item-wrapper._02 {
    display: none;
  }

  .navmenu-list_wrapper {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    padding-left: 0;
    list-style-type: none;
  }

  .navmenu-list_wrapper.is-spacebetween.is-icon-gap-16 {
    grid-column-gap: var(--_responsive-variables---spacing--4);
    grid-row-gap: var(--_responsive-variables---spacing--4);
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    width: auto;
    margin-right: auto;
  }

  .navmenu-item-link {
    padding-left: 5px;
    padding-right: 5px;
  }

  .nav-dropdown_wrapper {
    justify-content: flex-start;
    align-items: center;
    margin: 0 0 0 .2em;
  }

  .nav-dropdown-list-2.shadow-three.w--open {
    position: absolute;
  }

  .menu-button-2 {
    padding: 12px;
  }

  .menu-button-2.w--open {
    color: #fff;
    background-color: #a6b1bf;
  }

  .navmenu-list_item-wrapper {
    flex-flow: column;
    align-items: flex-start;
    width: 100%;
    display: flex;
  }

  .navmenu-list_item-wrapper.is-cta-mobile {
    display: flex;
  }

  .footer-content_wrapper {
    grid-column-gap: var(--_responsive-variables---spacing--64);
    grid-row-gap: var(--_responsive-variables---spacing--64);
  }

  .footer-content_brand-wrapper.is-center {
    width: auto;
    max-width: none;
    display: inline-flex;
  }

  .footer-content_item-layout {
    grid-column-gap: var(--_responsive-variables---spacing--24);
    grid-row-gap: var(--_responsive-variables---spacing--24);
    flex-flow: wrap;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .footer-content_item-layout.gap-76 {
    grid-column-gap: 3em;
    grid-row-gap: 3em;
  }

  .footer-content_insta-item-wrap {
    max-width: 100%;
    height: 100%;
    padding: var(--_responsive-variables---spacing--32);
  }

  .padding-section-226 {
    padding-top: var(--_responsive-variables---spacing--128);
    padding-bottom: var(--_responsive-variables---spacing--128);
  }

  .hero-component_wrapper {
    grid-column-gap: var(--_responsive-variables---spacing--40);
    grid-row-gap: var(--_responsive-variables---spacing--40);
    flex-flow: column;
  }

  .hero-component_txt-wrapper, .hero-component_img-wrapper.ratio-4-3 {
    max-width: 100%;
  }

  .hero-component_img-wrapper.ratio-4-3._01 {
    max-width: 34.0781em;
    margin-top: 2.71875em;
  }

  .hero-component_img-wrapper.ratio-4-3._02 {
    max-width: 34.0781em;
  }

  .hero-component_img-wrapper.ratio-4-5.is-absolute {
    position: relative;
    inset: auto;
  }

  .hero-component_img-wrapper.ratio-16-9 {
    height: 32.1563em;
  }

  .hero-component_img-layout {
    grid-column-gap: var(--_responsive-variables---spacing--16);
    grid-row-gap: var(--_responsive-variables---spacing--16);
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    max-width: 100%;
    display: grid;
  }

  .padding-section-t256-138b {
    padding-top: var(--_responsive-variables---spacing--128);
    padding-bottom: var(--_responsive-variables---spacing--128);
  }

  .padding-section-t128-518b {
    padding-bottom: 24.2813em;
  }

  .hero-component_img-container {
    grid-column-gap: var(--_responsive-variables---spacing--16);
    grid-row-gap: var(--_responsive-variables---spacing--16);
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    max-width: 100%;
    bottom: -7.59375em;
  }

  .hero-component_img-container._02 {
    bottom: -13.9688em;
  }

  .hero-component_marquee {
    height: 27.375em;
    bottom: -9.14063em;
  }

  .hero-component_marquee._02 {
    height: 22.0313em;
    bottom: 4.96875em;
  }

  .hero-component_marquee.is-vertical {
    flex-flow: column;
    width: 100%;
    height: auto;
    position: relative;
    inset: auto 0% 0%;
  }

  .hero-component_marquee-item.ratio-1-1 {
    max-width: 13.125em;
  }

  .hero-component_marquee-item.ratio-1-1._01, .hero-component_marquee-item.ratio-1-1._02 {
    max-width: 15em;
  }

  .hero-component_marquee-layout.is-vertical {
    flex-flow: row;
  }

  .hero-component_marquee-layout.is-vertical._01 {
    justify-content: center;
    align-items: center;
    margin-top: 0;
  }

  .hero-component_marquee-layout.is-vertical._02 {
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
  }

  .padding-section-t128-106b {
    padding-bottom: 24.2813em;
  }

  .padding-section-t128-616b {
    padding-bottom: 28.875em;
  }

  .padding-section-322 {
    padding-top: var(--_responsive-variables---spacing--128);
    padding-bottom: var(--_responsive-variables---spacing--128);
  }

  .cta-component_wrapper {
    grid-column-gap: 2.5em;
    grid-row-gap: 2.5em;
    text-align: center;
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
  }

  .cta-component_img-wrapper.ratio-4-3 {
    max-width: 100%;
  }

  .banner-component-form_input-wrapper-copy {
    align-items: stretch;
  }

  .style-toolltip_layout {
    flex-flow: wrap;
  }

  .pop-out-tooltip {
    background-color: #000c;
    width: auto;
    min-width: 0;
    position: fixed;
    inset: 0%;
  }

  .pop-out-tooltip-wrapper {
    max-width: 90%;
  }

  .footer-brand-logo {
    position: relative;
  }

  .footer-brand-logo-wrapper.is-center {
    width: auto;
    max-width: none;
    display: inline-flex;
  }

  .nav-cta_tablet-wrapper {
    grid-column-gap: var(--_responsive-variables---spacing--24);
    grid-row-gap: var(--_responsive-variables---spacing--24);
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .text-color-lime.tablet-display-block {
    display: block;
  }

  .home-problem-text-wrapper {
    grid-column-gap: var(--_responsive-variables---spacing--0);
    grid-row-gap: var(--_responsive-variables---spacing--0);
    flex-flow: column;
  }

  .home-problem-img-wrapper {
    border-radius: 1.5em;
  }

  .comparison-card-01 {
    margin-bottom: var(--_responsive-variables---spacing--192);
    padding: var(--_responsive-variables---spacing--40) var(--_responsive-variables---spacing--32);
  }

  .comparison-list-wrapper {
    grid-column-gap: var(--_responsive-variables---spacing--24);
    grid-row-gap: var(--_responsive-variables---spacing--24);
  }

  .comparison-card-02 {
    padding: var(--_responsive-variables---spacing--40) var(--_responsive-variables---spacing--32);
  }

  .shape-align-left-center {
    top: 40%;
  }

  .home-result-text-wrapper {
    grid-column-gap: var(--_responsive-variables---spacing--0);
    grid-row-gap: var(--_responsive-variables---spacing--0);
    flex-flow: column;
  }

  .experience-list-wrapper {
    grid-column-gap: var(--_responsive-variables---spacing--24);
    grid-row-gap: var(--_responsive-variables---spacing--24);
  }

  .home-feature-wrapper {
    display: block;
  }

  .home-feature-text-wrapper {
    grid-column-gap: var(--_responsive-variables---spacing--0);
    grid-row-gap: var(--_responsive-variables---spacing--0);
    flex-flow: column;
  }

  .feature-card-list-wrapper {
    margin-top: var(--_responsive-variables---spacing--40);
  }

  .feature-card-wrapper {
    max-width: none;
  }

  .home-proof-text-wrapper {
    max-width: 38em;
    margin-top: var(--_responsive-variables---spacing--40);
    grid-column-gap: var(--_responsive-variables---spacing--0);
    grid-row-gap: var(--_responsive-variables---spacing--0);
    text-align: center;
    flex-flow: column;
  }

  .gallery-wrapper {
    align-self: flex-end;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .home-proof-wrapper {
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .home-cta-text-wrapper {
    grid-column-gap: var(--_responsive-variables---spacing--0);
    grid-row-gap: var(--_responsive-variables---spacing--0);
    flex-flow: column;
  }

  .text-break-01 {
    display: block;
  }

  .clubs-logo-list {
    grid-column-gap: var(--_responsive-variables---spacing--24);
    grid-row-gap: var(--_responsive-variables---spacing--24);
  }

  .pop-out-wrapper-2 {
    aspect-ratio: 16 / 9;
    width: 75vw;
    max-width: 90%;
    max-height: none;
  }

  .pop-out-item-content-2 {
    max-width: 100%;
    min-height: 0;
  }

  .pop-content-video-placeholder {
    display: flex;
  }

  .button-popup-trigger.show-cta-on-mobile {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  body {
    --_responsive-variables---paragraph--text-16: 1em;
    --_responsive-variables---heading--h-56: 2.5em;
    --_responsive-variables---heading--h-48: 2em;
    --_responsive-variables---heading--h-32: 1.75em;
    --_responsive-variables---heading--h-24: 1.375em;
    --_responsive-variables---heading--h-20: 1.125em;
    --_responsive-variables---heading--h-18: 1em;
    --_responsive-variables---spacing--24: 1.5em;
    --_responsive-variables---spacing--80: 4em;
    --_responsive-variables---spacing--64: 3em;
    --_responsive-variables---paragraph--text-18: 1.125em;
    --_responsive-variables---spacing--32: 2em;
    --_responsive-variables---spacing--16: 1em;
    --_responsive-variables---spacing--8: .5em;
    --_responsive-variables---heading--h-64: 2.33em;
    --_responsive-variables---paragraph--text-24: 1.375em;
    --_responsive-variables---paragraph--text-20: 1.125em;
    --_responsive-variables---spacing--12: .75em;
    --_responsive-variables---spacing--20: 1.25em;
    --_responsive-variables---paragraph--text-14: .875em;
    --_responsive-variables---spacing--40: 2.5em;
    --_responsive-variables---spacing--48: 2.5em;
    --_responsive-variables---spacing--56: 3em;
    --_responsive-variables---spacing--72: 3.5em;
    --_responsive-variables---spacing--0: 0em;
    --_responsive-variables---spacing--160: 5.5em;
    --_responsive-variables---spacing--128: 5em;
    --_responsive-variables---spacing--96: 4em;
    --_responsive-variables---spacing--192\<deleted\|variable-9e9cb744-c122-2f44-d6bf-c17d26a46412\>: 6em;
    --_responsive-variables---heading--h-40\<deleted\|variable-2ce3995f-dd5a-6f35-9503-025f88459029\>: 2em;
    --_responsive-variables---heading--h-28\<deleted\|variable-9f076bbf-3051-1c83-3fb0-963876cffb4d\>: 1.75em;
    --_responsive-variables---spacing--4: .25em;
    --_responsive-variables---radius--r-32: 1em;
    --_responsive-variables---radius--r-24: 1em;
    --_responsive-variables---radius--r-8: .5em;
    --_responsive-variables---spacing--112: 5em;
    --_responsive-variables---spacing--192: 6em;
    --_responsive-variables---spacing--144: 5.5em;
    --_responsive-variables---spacing--176: 6em;
    --_responsive-variables---radius--r-20: .75em;
    --_responsive-variables---radius--r-16: .5em;
    --_responsive-variables---radius--r-12: .5em;
  }

  h3 {
    font-size: 1.5em;
  }

  h4 {
    font-size: 1.25em;
  }

  h5 {
    font-size: 1.13em;
  }

  .page-padding {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .footer-link {
    font-size: 1em;
  }

  .heading-cover {
    font-size: 3em;
  }

  .paragraph-wrapper {
    justify-content: flex-start;
  }

  .text-size-18 {
    line-height: 1.5em;
  }

  .heading-text.hide {
    display: block;
  }

  .heading-text.hide-mobile {
    display: none;
  }

  .heading-section-wrapper {
    width: auto;
    margin-bottom: 3em;
  }

  .color-pallete-wrapper {
    flex-flow: wrap;
    grid-template-rows: auto auto auto;
    grid-template-columns: max-content max-content;
    display: flex;
  }

  .text-size-16.hide-mobile {
    display: none;
  }

  .text-size-16.show-mobile {
    display: block;
  }

  .color-pallete-gradient {
    flex-wrap: wrap;
  }

  .section-typography {
    background-size: 337px;
  }

  .section-components-horizontal {
    flex-direction: column;
  }

  .typography-wrapper {
    margin-left: 0;
  }

  .heading-48 {
    line-height: 1.2;
  }

  .heading-32 {
    line-height: 1.21429;
  }

  .text-size-24 {
    line-height: 1.4em;
  }

  .paragraph-container {
    width: auto;
  }

  .paragraph-content {
    grid-row-gap: 1em;
    flex-direction: column;
  }

  .text-size-20 {
    line-height: 1.44248em;
  }

  .buttons-primary-wrapper, .buttons-outline-wrapper, .buttons-with-icon-wrapper {
    flex-direction: column;
  }

  .buttons-content-wrapper {
    width: 100%;
    margin-bottom: 1em;
  }

  .buttons-element {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    flex-flow: wrap;
    justify-content: flex-start;
    width: 100%;
  }

  .btn-primary {
    width: 80%;
  }

  .btn-primary.cc-google-play {
    width: 100%;
    max-width: 18em;
  }

  .text-link-wrapper {
    flex-direction: column;
  }

  .text-link-element, .spacing-wrapper {
    width: 100%;
  }

  .brand {
    padding-left: 0;
  }

  .dropdown {
    font-size: 2em;
  }

  .margin-link-nav {
    margin-top: 1em;
    margin-bottom: 1em;
  }

  .margin-link-nav.tab-margin-bottom-48 {
    margin-bottom: 2em;
  }

  .lottie-animation {
    width: 1.13em;
    height: 1.13em;
  }

  .section-footer-components {
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
  }

  .footer-item-wrapper {
    text-align: center;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-bottom: 2.5em;
    display: flex;
  }

  .social-media-wrapper {
    justify-content: center;
    align-items: center;
  }

  .social-media-link {
    width: 1.5em;
    height: 1.5em;
  }

  .footer-link-wrapper {
    flex-direction: column;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
  }

  .footer-item {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 2.5em;
    display: flex;
  }

  .dropdown-link {
    font-size: .63em;
    line-height: 1.25em;
  }

  .pop-out-wrapper {
    flex-direction: column;
    width: 90%;
    overflow: auto;
  }

  .padding-section-24 {
    padding-top: var(--_responsive-variables---spacing--16);
    padding-bottom: var(--_responsive-variables---spacing--16);
  }

  .dropdown-toggle {
    padding-left: 1.5em;
  }

  .toggle-icon-wrapper {
    margin-left: 1.5em;
  }

  .dropdown-list {
    padding-left: 1.5em;
  }

  .nav-dropdown-toggle {
    padding-top: 1em;
    padding-bottom: 1em;
  }

  .grid-guide-list {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .ie-notification {
    font-size: 1rem;
  }

  .max-width-medium {
    max-width: 26em;
  }

  .max-width-medium.margin-auto {
    max-width: none;
  }

  .paddings-wrapper {
    flex-flow: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .typography-heading-wrapper {
    margin-left: 0;
  }

  .style-guide-title-wrapper {
    height: 9.1875em;
    margin-bottom: 3em;
  }

  .style-guide-title {
    flex-direction: column;
    align-items: flex-start;
  }

  .section-heading-wrapper.margin-bottom-83 {
    margin-bottom: 3em;
  }

  .padding-section-hero {
    padding-top: .81em;
    padding-bottom: 7em;
  }

  .label.margin-bottom-52 {
    margin-bottom: 0;
  }

  .style-guide-heading-bg {
    height: 9.1875em;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .color-pallete-grid-wrapper {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .section-components-horizontal-wrapper {
    flex-direction: column;
  }

  .section-spacing-wrapper {
    width: 100%;
  }

  .hover-wrapper {
    grid-row-gap: 5em;
    grid-template-columns: 1fr;
  }

  .heading-56 {
    line-height: 1.2;
  }

  .padding-section-t192 {
    --neutral--dark: #1a1a1a;
    --font-family--body: Dmsans, Arial, sans-serif;
    --neutral--white: white;
    --font-weight--font-weight-400: 400;
    --font-weight--font-weight-600: 600;
    --container--c-1224: 76.5em;
    --brand-color--lime: #bcf248;
    --black\<deleted\|variable-b04721b6\>: #1d1d1d;
    --chocolate\<deleted\|variable-c8165ea4\>: #ea6920;
    --container--c-1016: 63.5em;
    --container--c-808: 50.5em;
    --font-weight--font-weight-500: 500;
    --font-weight--font-weight-700: 700;
    --brand-color--black-lighter: #1a1a1a;
    --secondary-color\<deleted\|variable-960f01e6\>: #eaa520;
    --primary-accent\<deleted\|variable-afc2d70c\>: #141414;
    --secondary-accent\<deleted\|variable-6370f196\>: #9d9d9d;
    --neutral--black: black;
    --neutral--dark-gray: #1d1d1d;
    --brand-color--yellow: #eaa520;
    --primary-color\<deleted\|variable-dcab1f4a\>: #ea5820;
    --blue-violet\<deleted\|variable-58c8f546\>: #7920ea;
    --gradient-black\<deleted\|variable-2bfc5512\>: #323232;
    --dim-grey\<deleted\|variable-8ecb79e9\>: #626262;
    --font-family--heading: Kanit, Impact, sans-serif;
    --primary-button-hover\<deleted\|variable-4cf8087c\>: #cc3a02;
    --button--primary--bg: var(--brand-color--lime);
    --button--primary--text: var(--neutral--dark);
    --brand-color--lime-dark: #85c203;
    --button--primary--hover: var(--brand-color--lime-dark);
    --button--primary--text-hover-optional: var(--neutral--white);
    --neutral--transparent: #fff0;
    --link--default: white;
    --link--hover: #ea5820;
    --padding-section--ps-80\<deleted\|variable-92a9a041-505e-7260-fbba-66c7945bc261\>: 5em;
    --padding-section--ps-240\<deleted\|variable-387f3dba-1d51-3b79-9aa7-e39890dee3ab\>: 15em;
    --utility--transparent: #fff0;
    --button--secondary--bg: var(--neutral--dark);
    --button--secondary--hover: var(--neutral--transparent);
    --button--secondary--text-hover: var(--neutral--dark);
    --button--ghost--border: var(--neutral--white);
    --button--ghost--text: var(--neutral--white);
    --container--c-600: 37.5em;
    --input--border: #f77f00;
    --input--bg: white;
    --input--text: #00283c;
    --input--border-focus: #ea5820;
    --input--text-placeholder: #9d9d9d;
    --utility--overlay-light: #f77f0040;
    --utility--overlay-dark: #00283c80;
    --utility--shadow: #0003;
    --neutral--light: whitesmoke;
    --button--ghost--hover: var(--neutral--white);
    --button--ghost--text-hover: var(--neutral--dark);
    --button--secondary--text: var(--neutral--white);
    --border--dark: #00283c;
    --border--light: white;
    --brand-color--soft-green: #88c310;
  }

  .style-texts_sizes {
    grid-column-gap: 3em;
    grid-row-gap: 3em;
  }

  .text-link-18.margin-right-24 {
    margin-right: auto;
    margin-bottom: var(--_responsive-variables---spacing--24);
    margin-left: auto;
  }

  .heading-96 {
    font-size: 3.375em;
  }

  .btn-ghost {
    width: 100%;
    max-width: 18em;
    padding-top: var(--_responsive-variables---spacing--16);
    padding-bottom: var(--_responsive-variables---spacing--16);
  }

  .home-hero_wrapper {
    margin-top: var(--_responsive-variables---spacing--40);
  }

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

  .padding-section-20.cc-nav {
    padding-top: var(--_responsive-variables---spacing--16);
    padding-bottom: var(--_responsive-variables---spacing--16);
  }

  .style-ratio_group {
    flex-flow: column;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: column;
    display: flex;
  }

  .banner-component_wrapper {
    grid-column-gap: var(--_responsive-variables---spacing--16);
    grid-row-gap: var(--_responsive-variables---spacing--16);
  }

  .banner-component_wrapper.is-space-between {
    justify-content: center;
    align-items: center;
  }

  .banner-component_txt-wrapper {
    max-width: 90%;
  }

  .brand-logo {
    padding-left: 0;
  }

  .navbar-component_menu-item-wrapper {
    border-radius: 20px;
    flex-direction: column;
    padding-bottom: 30px;
  }

  .navmenu-list_wrapper {
    flex-direction: column;
  }

  .navmenu-item-link {
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
  }

  .nav-dropdown_wrapper {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .nav-dropdown_toggle {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .nav-dropdown-list-2.shadow-three {
    box-shadow: 0 8px 50px #0000000d;
  }

  .nav-dropdown-list-2.shadow-three.w--open {
    position: relative;
  }

  .nav-dropdown-list-2.shadow-three.mobile-shadow-hide {
    box-shadow: none;
  }

  .nav-link-accent {
    margin-right: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
  }

  .mobile-margin-top-10 {
    margin-top: 10px;
  }

  .submenu-component_contact-wrapper {
    grid-column-gap: var(--_responsive-variables---spacing--8);
    grid-row-gap: var(--_responsive-variables---spacing--8);
    flex-flow: wrap;
  }

  .submenu-component_social-wrapper {
    grid-column-gap: var(--_responsive-variables---spacing--4);
    grid-row-gap: var(--_responsive-variables---spacing--4);
  }

  .footer-content_wrapper {
    grid-row-gap: var(--_responsive-variables---spacing--64);
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
  }

  .footer-content_brand-wrapper.is-center {
    justify-content: flex-start;
    align-items: center;
    max-width: none;
  }

  .footer-content-year_wrapper {
    margin-top: var(--_responsive-variables---spacing--32);
    grid-column-gap: var(--_responsive-variables---spacing--8);
    grid-row-gap: var(--_responsive-variables---spacing--8);
    text-align: center;
    flex-flow: column;
  }

  .footer-content_layout {
    justify-content: space-between;
    align-items: flex-start;
  }

  .footer-content_block {
    grid-column-gap: var(--_responsive-variables---spacing--24);
    grid-row-gap: var(--_responsive-variables---spacing--24);
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }

  .footer-content_block.is-center {
    text-align: center;
    justify-content: space-between;
    align-items: center;
  }

  .hero-component_img-wrapper.ratio-4-3._01 {
    max-width: 25.5586em;
    margin-top: 2.03906em;
  }

  .hero-component_img-wrapper.ratio-4-3._02 {
    max-width: 25.5586em;
  }

  .hero-component_img-wrapper.ratio-16-9 {
    height: 24.1172em;
  }

  .padding-section-t128-518b {
    padding-bottom: 18.2109em;
  }

  .hero-component_img-container {
    bottom: -5.69531em;
  }

  .hero-component_img-container._02 {
    bottom: -10.4766em;
  }

  .hero-component_marquee {
    grid-column-gap: var(--_responsive-variables---spacing--16);
    grid-row-gap: var(--_responsive-variables---spacing--16);
    height: 20.5313em;
    bottom: -6.85547em;
  }

  .hero-component_marquee._02 {
    height: 16.5234em;
    bottom: 3.72656em;
  }

  .hero-component_marquee-item.ratio-1-1 {
    max-width: 9.84375em;
  }

  .hero-component_marquee-item.ratio-1-1._01, .hero-component_marquee-item.ratio-1-1._02 {
    max-width: 11.25em;
  }

  .hero-component_marquee-layout {
    grid-column-gap: var(--_responsive-variables---spacing--16);
    grid-row-gap: var(--_responsive-variables---spacing--16);
  }

  .padding-section-t128-106b {
    padding-bottom: 18.2109em;
  }

  .padding-section-t128-616b {
    padding-bottom: 21.6563em;
  }

  .hero-component_floating-img-item.ratio-1-1 {
    max-width: 10.4531em;
  }

  .hero-component_floating-img-item.ratio-1-1.item-01 {
    top: 6.375em;
  }

  .hero-component_floating-img-item.ratio-1-1.item-02 {
    top: 2.39063em;
  }

  .cta-component_wrapper {
    grid-column-gap: var(--_responsive-variables---spacing--40);
    grid-row-gap: var(--_responsive-variables---spacing--40);
    flex-flow: column;
  }

  .cta-component_txt-wrapper {
    text-align: center;
  }

  .pop-out-tooltip-wrapper {
    flex-direction: column;
    width: 90%;
    overflow: auto;
  }

  .footer-brand-logo {
    max-width: 10em;
    padding-left: 0;
  }

  .footer-cta-wrapper {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .footer-brand-logo-wrapper.is-center {
    justify-content: flex-start;
    align-items: center;
    max-width: none;
  }

  .cta-wrapper {
    flex-flow: wrap;
  }

  .cta-wrapper.show-cta-on-mobile {
    display: flex;
  }

  .home-hero_img-wrapper {
    width: 90%;
  }

  .hero-player-wrapper {
    opacity: .25;
    top: 0;
    left: 0%;
    right: 0%;
  }

  .eyebrow-heading-wrapper.max-width-472 {
    margin-left: 0;
  }

  .eyebrow-heading-wrapper.max-width-350, .eyebrow-heading-wrapper.max-width-628 {
    max-width: 21.875em;
    margin-left: 0;
  }

  .home-problem-img-wrapper {
    border-radius: 1em;
  }

  .shape-align-top-right {
    top: -6%;
  }

  .home-process-wrapper {
    text-align: left;
  }

  .home-process-item-wrapper {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .home-process-item-wrapper._02 {
    flex-flow: wrap-reverse;
  }

  .process-item-text-wrapper {
    width: 75%;
    margin-bottom: var(--_responsive-variables---spacing--40);
    padding-right: var(--_responsive-variables---spacing--80);
    padding-left: var(--_responsive-variables---spacing--0);
  }

  .shape-align-bottom-right, .shape-align-bottom-left {
    top: -6%;
  }

  .shape-align-left-center {
    top: 50%;
  }

  .home-result-list-card-wrapper {
    grid-column-gap: var(--_responsive-variables---spacing--24);
    grid-row-gap: var(--_responsive-variables---spacing--24);
    flex-flow: column;
  }

  .result-card-wrapper, .experience-card-wrapper {
    width: 100%;
  }

  .experience-card-wrapper._02 {
    flex-flow: wrap-reverse;
  }

  .home-experience-list-card-wrapper {
    grid-column-gap: var(--_responsive-variables---spacing--24);
    grid-row-gap: var(--_responsive-variables---spacing--24);
    flex-flow: column;
  }

  .experience-img-wrapper {
    width: 100%;
    height: 100%;
    max-height: 20em;
    overflow: hidden;
  }

  .feature-card-list-wrapper {
    place-items: start center;
  }

  .home-organizer-list-card-wrapper {
    grid-column-gap: var(--_responsive-variables---spacing--24);
    grid-row-gap: var(--_responsive-variables---spacing--24);
    flex-flow: column;
  }

  .organizer-card-wrapper {
    width: 100%;
  }

  .organizer-card-wrapper._02 {
    flex-flow: wrap-reverse;
  }

  .organizer-card-text-wrapper {
    padding-bottom: var(--_responsive-variables---spacing--16);
  }

  .swiper-slide {
    border-radius: 1em;
  }

  .shape-align-bottom-right-02 {
    top: 50%;
  }

  .btn-global {
    padding-top: var(--_responsive-variables---spacing--16);
    padding-bottom: var(--_responsive-variables---spacing--16);
  }

  .div-block-2 {
    width: 100%;
    height: 100%;
    max-height: 20em;
    overflow: hidden;
  }

  .clubs-logo-list {
    flex-flow: wrap;
    width: 100%;
    max-width: 30em;
  }

  .pop-out-wrapper-2 {
    aspect-ratio: 16 / 9;
    flex-direction: column;
    max-height: none;
  }

  .close-wrapper-2 {
    width: 2.5em;
    height: 2.5em;
    top: -.5em;
    right: -.5em;
  }

  .home-hero_video-layout {
    grid-column-gap: .5em;
    grid-row-gap: .5em;
  }

  .home-hero_bg-video-wrapper {
    width: 4em;
    height: 4em;
    padding: .5em;
  }

  .text-size-18-2 {
    line-height: 1.5;
  }

  .button-popup-trigger {
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .button-popup-trigger.show-cta-on-mobile {
    margin-top: var(--_responsive-variables---spacing--24);
    margin-bottom: var(--_responsive-variables---spacing--40);
    display: flex;
  }

  .home-organizer-wrapper {
    text-align: left;
  }
}

@media screen and (max-width: 479px) {
  .logo-wrapper {
    margin-bottom: 1.5em;
  }

  .text-size-16.margin-top-32 {
    margin-top: var(--_responsive-variables---spacing--16);
  }

  .text-size-24:hover {
    color: var(--brand-color--lime);
  }

  .buttons-element {
    grid-row-gap: 1em;
    flex-direction: column;
    align-items: flex-start;
  }

  .btn-primary {
    width: 100%;
    max-width: 18em;
    padding: var(--_responsive-variables---spacing--12) var(--_responsive-variables---spacing--20);
  }

  .btn-primary.cc-google-play {
    padding-top: var(--_responsive-variables---spacing--8);
    padding-bottom: var(--_responsive-variables---spacing--8);
  }

  .text-link-element {
    grid-row-gap: 1em;
    flex-direction: column;
    align-items: flex-start;
  }

  .spacing-wrapper {
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .brand {
    max-width: 11em;
    margin-left: auto;
    margin-right: auto;
  }

  .brand.w--current {
    justify-content: flex-start;
  }

  .dropdown {
    font-size: 1.5em;
  }

  .pop-out-wrapper {
    width: 100%;
  }

  .pop-out-item-content {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .close-wrapper {
    font-size: 1rem;
    top: 2%;
    right: 2%;
  }

  .section-spacing-wrapper {
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .style-texts_sizes {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
  }

  .text-link-18.margin-right-24 {
    margin-right: auto;
    margin-bottom: var(--_responsive-variables---spacing--24);
    margin-left: auto;
  }

  .img-full-width.ratio-3-2.cc-mobile {
    object-fit: contain;
  }

  .heading-96 {
    font-size: 3em;
  }

  .btn-secondary {
    width: 100%;
    max-width: 17em;
    padding: var(--_responsive-variables---spacing--12) var(--_responsive-variables---spacing--20);
    text-align: center;
  }

  .btn-ghost {
    width: 100%;
    max-width: 18em;
  }

  .home-hero_wrapper {
    margin-top: var(--_responsive-variables---spacing--96);
  }

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

  .banner-component_form-block, .banner-component_form {
    width: 100%;
  }

  .banner-component-form_input-field {
    min-width: 0;
  }

  .container {
    max-width: none;
  }

  .navbar-component_menu-item-wrapper {
    flex-direction: column;
  }

  .submenu-component_social-wrapper {
    flex-flow: wrap;
  }

  .footer-content_item-layout {
    grid-column-gap: var(--_responsive-variables---spacing--24);
    grid-row-gap: var(--_responsive-variables---spacing--40);
    flex-flow: wrap;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    align-items: flex-start;
    display: grid;
  }

  .footer-content_item-layout.is-flex {
    display: flex;
  }

  .footer-content_item-wrapper {
    width: auto;
    display: inline-flex;
  }

  .footer-content_item-link {
    white-space: normal;
  }

  .footer-content-year_wrapper {
    margin-left: auto;
    margin-right: auto;
  }

  .footer-content_layout {
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
  }

  .footer-content_block {
    justify-content: space-between;
    align-items: center;
  }

  .footer-component_form-block {
    width: 100%;
  }

  .hero-component_img-wrapper.ratio-4-3._01 {
    max-width: 19.1689em;
    margin-top: 1.5293em;
  }

  .hero-component_img-wrapper.ratio-4-3._02 {
    max-width: 19.1689em;
  }

  .hero-component_img-wrapper.ratio-16-9 {
    height: 18.0879em;
  }

  .padding-section-t128-518b {
    padding-bottom: 13.6582em;
  }

  .hero-component_img-container {
    bottom: -4.27148em;
  }

  .hero-component_img-container._02 {
    bottom: -7.85742em;
  }

  .hero-component_marquee {
    height: 15.3984em;
    bottom: -5.1416em;
  }

  .hero-component_marquee._02 {
    height: 12.3926em;
    bottom: 2.79492em;
  }

  .hero-component_marquee-item.ratio-1-1 {
    max-width: 7.38281em;
  }

  .hero-component_marquee-item.ratio-1-1._01, .hero-component_marquee-item.ratio-1-1._02 {
    max-width: 8.4375em;
  }

  .hero-component_marquee-layout.is-vertical._02 {
    margin-bottom: 0;
  }

  .padding-section-t128-106b {
    padding-bottom: 13.6582em;
  }

  .padding-section-t128-616b {
    padding-bottom: 16.2422em;
  }

  .cta-component_form-block {
    width: 100%;
  }

  .button-group_wrapper {
    flex-flow: column;
  }

  .pop-out-tooltip-wrapper {
    width: 100%;
  }

  .footer-brand-logo-wrapper {
    grid-column-gap: var(--_responsive-variables---spacing--0);
    grid-row-gap: var(--_responsive-variables---spacing--0);
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .nav-cta_tablet-wrapper {
    display: none;
  }

  .text-eyebrow.mobile-margin-bottom-8 {
    margin-bottom: var(--_responsive-variables---spacing--8);
  }

  .cta-wrapper {
    flex-flow: wrap;
  }

  .subheading_text-wrapper {
    margin-top: var(--_responsive-variables---spacing--16);
  }

  .text-break-02 {
    width: 100%;
    display: block;
  }

  .text-color-lime.tablet-display-block {
    display: inline;
  }

  .home-hero_img-wrapper {
    width: 95%;
  }

  .text-size-12.margin-top-16 {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .hero-player-wrapper {
    top: -4em;
  }

  .player-woman-wrapper, .player-man-wrapper {
    width: 80%;
  }

  .home-problem-img-wrapper {
    border-radius: .75em;
  }

  .solution-comparison-wrapper {
    margin-top: var(--_responsive-variables---spacing--56);
    display: block;
  }

  .comparison-card-01 {
    margin-bottom: var(--_responsive-variables---spacing--0);
    border-top-right-radius: 1.5em;
    border-bottom-left-radius: 0;
  }

  .comparison-card-02 {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  .shape-align-top-right {
    inset: auto -5% -5% auto;
  }

  .shape-align-top-right.mobile-margin {
    bottom: 10%;
  }

  .process-item-text-wrapper {
    width: 100%;
    padding-right: var(--_responsive-variables---spacing--0);
  }

  .shape-align-bottom-right, .shape-align-bottom-left {
    inset: auto -5% -5% auto;
  }

  .shape-align-left-center {
    inset: 70% auto 0% -12%;
  }

  .home-result-testimonial-wrapper {
    grid-column-gap: var(--_responsive-variables---spacing--24);
    grid-row-gap: var(--_responsive-variables---spacing--24);
    flex-flow: column;
  }

  .result-testimonial-wrapper {
    width: 100%;
  }

  .feature-card-list-wrapper {
    grid-template-columns: 1fr;
  }

  .swiper-slide {
    border-radius: .75em;
    height: 100%;
  }

  .slider-gallery {
    height: 100%;
    min-height: 0;
  }

  .shape-align-bottom-right-02 {
    inset: 65% auto 0% -12%;
  }

  .home-cta-wrapper {
    min-height: 40em;
    padding-right: var(--_responsive-variables---spacing--24);
    padding-left: var(--_responsive-variables---spacing--24);
  }

  .mask, .slide {
    height: 100%;
  }

  .clubs-logo-wrapper {
    width: 100%;
    max-width: 5.5em;
  }

  .clubs-logo-list {
    justify-content: center;
    max-width: 26em;
  }

  .pop-out-wrapper-2 {
    width: 100%;
  }

  .close-wrapper-2 {
    font-size: 1rem;
  }
}

#w-node-d298934e-4e13-03b4-415c-d0da4cd50f7c-4cd50f77, #w-node-d298934e-4e13-03b4-415c-d0da4cd50f97-4cd50f77 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 479px) {
  #w-node-af8e6df6-6725-c746-4387-79cff0da1e8d-f0da1e77 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}


@font-face {
  font-family: 'Dmsans';
  src: url('../fonts/DMSans-MediumItalic.woff2') format('woff2');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Dmsans';
  src: url('../fonts/DMSans-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Kanit';
  src: url('../fonts/Kanit-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Kanit';
  src: url('../fonts/Kanit-SemiBoldItalic.woff2') format('woff2');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}