@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-Regular.woff2') format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

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

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

@font-face {
  font-family: Kanit;
  src: url('../fonts/Kanit-Black.ttf') format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

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

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

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

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

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

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

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

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

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

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

body {
  color: #fff;
  background-color: #141419;
  font-family: Kanit, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
}

.padding-top {
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.fs-styleguide_section-header {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-bottom: 1px solid #e9e9e9;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-bottom: 3rem;
  line-height: 1.4;
  display: grid;
}

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

.new-ths13-menu-icon-bar-middle {
  background-color: #f2f2f2;
  width: 18px;
  height: 1px;
  margin-top: 3px;
  margin-bottom: 3px;
}

.nav_brand {
  width: 248px;
}

.padding-section-large {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.icon-1x1-medium {
  width: 2rem;
  height: 2rem;
}

.fs-styleguide_hero-label {
  color: #000;
  text-transform: uppercase;
  background-color: #eee;
  border-radius: .25rem;
  padding: .25rem .375rem;
  font-size: .75rem;
  font-weight: 500;
  text-decoration: none;
}

.heading-style-h2 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Kanit, Arial, sans-serif;
  font-size: 52px;
  font-weight: 700;
  line-height: 60px;
}

.padding-custom3 {
  padding: 3.5rem;
}

.text-weight-semibold {
  font-weight: 600;
}

.new-ths13-menu-link-wrapper {
  cursor: pointer;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.spacer-xxhuge {
  width: 100%;
  padding-top: 12rem;
}

.spacer-xhuge {
  width: 100%;
  padding-top: 8rem;
}

.overflow-visible {
  overflow: visible;
}

.fs-styleguide_header-block {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-items: center start;
  display: grid;
}

.overflow-hidden {
  overflow: hidden;
}

.pointer-events-none {
  pointer-events: none;
}

.margin-xsmall {
  margin: .5rem;
}

.icon-1x1-large {
  width: 2.5rem;
  height: 2.5rem;
}

.margin-horizontal {
  margin-top: 0;
  margin-bottom: 0;
}

.fs-styleguide_item-header {
  border-bottom: 1px solid #0000001a;
  width: 100%;
  padding-bottom: 2rem;
}

.padding-bottom {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.padding-bottom.padding-custom3 {
  padding-bottom: 7.25rem;
}

.fs-styleguide_heading-header {
  font-size: 6rem;
}

.fs-styleguide_item-wrapper {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.text-weight-xbold {
  font-weight: 800;
}

.fs-styleguide_section {
  grid-column-gap: 6rem;
  grid-row-gap: 6rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-items: start;
  display: grid;
}

.fs-styleguide_section.is-vertical {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-columns: 1fr;
}

.icon-1x1-small {
  flex: none;
  width: 1rem;
  height: 1rem;
}

.form_checkbox {
  flex-direction: row;
  align-items: center;
  margin-bottom: .5rem;
  padding-left: 0;
  display: flex;
}

.button {
  color: #121317;
  text-align: center;
  background-color: #a4e056;
  border-radius: 10px;
  padding: .75rem 1.5rem;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 150%;
}

.button.is-text {
  color: #000;
  background-color: #0000;
  border: 2px solid #0000;
}

.button.is-secondary {
  color: #000;
  background-color: #0000;
  border: 2px solid #bade8e;
  border-radius: 50vw;
  justify-content: center;
  align-items: center;
  padding: 1rem 2rem;
  display: flex;
}

.button.is-large {
  padding: 1rem 2rem;
}

.button.is-icon {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.button.is-small {
  padding: .5rem 1.25rem;
}

.heading-style-h5 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Kanit, Arial, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
}

.text-size-medium {
  font-size: 1.25rem;
  font-weight: 400;
}

.padding-small {
  padding: 1rem;
}

.nav_component {
  background-color: #202427;
  width: 100%;
  padding-top: .75rem;
  padding-bottom: .75rem;
}

.fs-styleguide_header {
  color: #fff;
  background-color: #000;
  background-image: radial-gradient(circle at 100% 100%, #dd23bb40, #0000 40%), radial-gradient(circle at 0 100%, #2d62ff4d, #0000 60%);
}

.margin-bottom {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

.margin-top {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}

.padding-vertical {
  padding-left: 0;
  padding-right: 0;
}

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

.pointer-events-auto {
  pointer-events: auto;
}

.container-medium {
  width: 100%;
  max-width: 75rem;
  margin-left: auto;
  margin-right: auto;
}

.new-ths13-menu-icon-bar-bottom {
  background-color: #f2f2f2;
  width: 18px;
  height: 1px;
  margin-top: 3px;
  margin-bottom: 3px;
}

.max-width-medium {
  width: 100%;
  max-width: 32rem;
}

.padding-horizontal {
  padding-top: 0;
  padding-bottom: 0;
}

.spacer-medium {
  width: 100%;
  padding-top: 2rem;
}

.text-style-muted {
  opacity: .6;
}

.margin-custom1 {
  margin: 1.5rem;
}

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

.margin-vertical {
  margin-left: 0;
  margin-right: 0;
}

.fs-styleguide_spacing-all {
  display: none;
}

.form_component {
  margin-bottom: 0;
}

.text-size-regular {
  font-size: 16px;
  line-height: 24px;
}

.text-style-link {
  color: #fff;
  text-decoration: underline;
  transition: color .4s;
}

.text-style-link:hover {
  color: #ffffff80;
}

.spacer-xxlarge {
  width: 100%;
  padding-top: 5rem;
}

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

.spacer-huge {
  width: 100%;
  padding-top: 6rem;
}

.text-style-strikethrough {
  text-decoration: line-through;
}

.margin-xxlarge {
  margin: 5rem;
}

.margin-small {
  margin: 1rem;
}

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

.text-size-tiny {
  font-size: .875rem;
  font-weight: 400;
}

.hide {
  display: none;
}

.overflow-scroll {
  overflow: scroll;
}

.margin-tiny {
  margin: .125rem;
}

.padding-xhuge {
  padding: 8rem;
}

.heading-style-h1 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Kanit, Arial, sans-serif;
  font-size: 64px;
  font-weight: 700;
  line-height: 72px;
}

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

.heading-style-h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Kanit, Arial, sans-serif;
  font-size: 32px;
  font-weight: 600;
  line-height: 36px;
}

.icon-height-small {
  height: 1rem;
}

.padding-xxhuge {
  padding: 12rem;
}

.padding-large {
  padding: 3rem;
}

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

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

.new-ths13-menu-icon-bar-top {
  background-color: #f2f2f2;
  width: 18px;
  height: 1px;
  margin-top: 3px;
  margin-bottom: 3px;
}

.z-index-1 {
  z-index: 1;
  position: relative;
}

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

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

.padding-section-medium {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.padding-custom1 {
  padding: 1.5rem;
}

.text-color-tertiary {
  color: #808280;
}

.form_radio {
  flex-direction: row;
  align-items: center;
  margin-bottom: .5rem;
  padding-left: 0;
  display: flex;
}

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

.fs-styleguide_classes {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.text-color-secondary {
  color: #999;
}

.spacer-xlarge {
  width: 100%;
  padding-top: 4rem;
}

.nav_links-wrap {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-size-large {
  margin-bottom: 0;
  font-size: 22px;
  line-height: 28px;
}

.background-color-alternate {
  background-color: #fff;
}

.padding-0 {
  padding: 0;
}

.overflow-auto {
  overflow: auto;
}

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

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

.margin-xxhuge {
  margin: 12rem;
}

.padding-custom2 {
  padding: 2.5rem;
}

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

.fs-styleguide_2-col.is-align-start {
  align-items: start;
}

.max-width-xxlarge {
  width: 100%;
  max-width: 80rem;
}

.form_input {
  background-color: #0000;
  border: 1px solid #e9e9e9;
  min-height: 3rem;
  margin-bottom: .75rem;
  padding: .5rem 1rem;
  font-size: 1rem;
}

.form_input::placeholder, .form_input.is-select-input {
  color: #878d95;
}

.form_input.is-text-area {
  min-height: 8rem;
  padding-top: .75rem;
  font-size: 1rem;
}

.fs-styleguide_empty-box {
  z-index: -1;
  background-color: #2d40ea0d;
  border: 1px dashed #2d40ea;
  min-width: 3rem;
  height: 3rem;
  position: relative;
}

.fs-styleguide_label {
  color: #000;
  background-color: #f0f1f6;
  border-radius: .25rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: .25rem .75rem .3rem;
  font-weight: 500;
  display: flex;
}

.fs-styleguide_label.is-tag {
  background-color: #dd23bb;
}

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

.nav_logo {
  width: 100%;
}

.spacer-tiny {
  width: 100%;
  padding-top: .125rem;
}

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

.background-color-secondary {
  background-color: #202427;
}

.margin-large {
  margin: 3rem;
}

.margin-0 {
  margin: 0;
}

.icon-height-large {
  height: 3rem;
}

.margin-xxsmall {
  margin: .25rem;
}

.form_message-success {
  color: #114e0b;
  background-color: #cef5ca;
  padding: 1.25rem;
}

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

.text-size-xxxlarge {
  font-size: 2.25rem;
  font-weight: 400;
  line-height: 2.5rem;
}

.fs-styleguide_heading-medium {
  font-size: 4rem;
}

.text-size-xlarge {
  margin-bottom: 0;
  font-size: 28px;
  line-height: 36px;
}

.margin-xlarge {
  margin: 4rem;
}

.margin-medium {
  margin: 2rem;
}

.padding-left {
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
}

.heading-style-h6 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Kanit, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
}

.align-center {
  margin-left: auto;
  margin-right: auto;
}

.text-style-allcaps {
  text-transform: uppercase;
}

.fs-styleguide_spacing {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-image: linear-gradient(to top, #2d40ea1a, #fff0);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: start;
  place-items: start stretch;
  display: grid;
  position: relative;
}

.margin-custom2 {
  margin: 2.5rem;
}

.fs-styleguide_background {
  border: 1px solid #ffffff1a;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.padding-medium {
  padding: 2rem;
}

.form_radio-icon {
  width: .875rem;
  height: .875rem;
  margin-top: 0;
  margin-left: 0;
  margin-right: .5rem;
}

.form_radio-icon.w--redirected-checked {
  border-width: .25rem;
  width: .875rem;
  height: .875rem;
}

.form_radio-icon.w--redirected-focus {
  width: .875rem;
  height: .875rem;
  box-shadow: 0 0 .25rem 0 #3898ec;
}

.fs-styleguide_background-space {
  width: 1px;
  height: 1px;
  margin: 5rem;
}

.padding-section-small {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.padding-xxlarge {
  padding: 5rem;
}

.global-styles {
  display: block;
  position: fixed;
  inset: 0% auto auto 0%;
}

.padding-global {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.padding-global.padding-section-lan-nav {
  padding-top: .5rem;
  padding-bottom: .5rem;
}

.form_message-error {
  color: #3b0b0b;
  background-color: #f8e4e4;
  margin-top: .75rem;
  padding: .75rem;
}

.padding-xsmall {
  padding: .5rem;
}

.heading-style-h4 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 22px;
  font-weight: 500;
  line-height: 24px;
}

.text-weight-normal {
  font-weight: 400;
}

.spacer-xsmall {
  width: 100%;
  padding-top: .5rem;
}

.background-color-tertiary {
  background-color: #cbcbcb;
}

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

.spacing-clean {
  margin: 0;
  padding: 0;
}

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

.text-size-small {
  margin-bottom: 0;
  font-size: 12px;
  line-height: 20px;
}

.light-nav_button {
  padding: 1rem;
}

.spacer-small {
  width: 100%;
  padding-top: 1rem;
}

.fs-styleguide_3-col {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  width: 100%;
  display: grid;
}

.fs-styleguide_3-col.is-align-start {
  align-items: start;
}

.fs-styleguide_item {
  grid-column-gap: 1.125rem;
  grid-row-gap: 1.125rem;
  border-bottom: 1px solid #0000001a;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: start;
  place-items: start;
  padding-bottom: 3rem;
  display: grid;
  position: relative;
}

.fs-styleguide_item.is-stretch {
  justify-items: stretch;
}

.text-color-primary {
  color: #fff;
  font-weight: 500;
}

.text-style-nowrap {
  white-space: nowrap;
}

.margin-huge {
  margin: 6rem;
}

.padding-xxsmall {
  padding: .25rem;
}

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

.margin-xhuge {
  margin: 8rem;
}

.text-weight-medium {
  font-weight: 500;
}

.padding-huge {
  padding: 6rem;
}

.fs-styleguide_spacer-box {
  background-color: #2d40ea1a;
  border: 1px dashed #2d40ea;
  width: 100%;
  position: relative;
}

.max-width-xxsmall {
  width: 100%;
  max-width: 12rem;
}

.padding-tiny {
  padding: .125rem;
}

.light-nav_menu {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: space-between;
  align-items: center;
}

.margin-right {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
}

.max-width-xsmall {
  width: 100%;
  max-width: 16rem;
}

.padding-xlarge {
  padding: 4rem;
}

.background-color-primary {
  background-color: #141419;
}

.margin-left {
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
}

.fs-styleguide_row {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.spacer-large {
  padding-top: 3rem;
}

.text-style-quote {
  border-left: .25rem solid #e2e2e2;
  margin-bottom: 0;
  padding: 0 1.25rem;
  font-size: 1.25rem;
  line-height: 1.5;
}

.spacer-xxsmall {
  width: 100%;
  padding-top: .25rem;
}

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

.fs-styleguide_message {
  color: #5e5515;
  background-color: #fcf8d8;
  border-radius: .25rem;
  padding: .25rem .5rem;
  font-size: .875rem;
}

.margin-custom3 {
  margin: 3.5rem;
}

.layer {
  justify-content: center;
  align-items: center;
  position: absolute;
  inset: 0%;
}

.nav_container {
  grid-column-gap: 3vw;
  grid-row-gap: 3vw;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.form_checkbox-icon {
  border-radius: .125rem;
  width: .875rem;
  height: .875rem;
  margin: 0 .5rem 0 0;
}

.form_checkbox-icon.w--redirected-checked {
  background-size: 90%;
  border-radius: .125rem;
  width: .875rem;
  height: .875rem;
  margin: 0 .5rem 0 0;
}

.form_checkbox-icon.w--redirected-focus {
  border-radius: .125rem;
  width: .875rem;
  height: .875rem;
  margin: 0 .5rem 0 0;
  box-shadow: 0 0 .25rem 0 #3898ec;
}

.text-size-xxlarge {
  font-size: 1.875rem;
  font-weight: 400;
  line-height: 1.5;
}

.icon-height-medium {
  height: 2rem;
}

.padding-right {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
}

.get-started_image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.get-started_header-wrap {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  display: flex;
}

.new-content-wrap_left {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 600px;
  display: flex;
}

.section_hero {
  background-image: linear-gradient(77deg, #1d1e25 27%, #4b4b51);
  position: relative;
}

.get-started_block {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  flex: 1;
  justify-content: space-between;
  padding-top: 2rem;
  padding-bottom: 2rem;
  display: flex;
}

.paring-steps_desktop-list {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: minmax(0%, 288px) minmax(auto, 288px) minmax(auto, 288px);
  grid-auto-columns: 1fr;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.content-wrap_right {
  width: 100%;
  max-width: 543px;
  max-height: 543px;
}

.paring-steps_image-wrap {
  width: 100%;
}

.paring-steps_mobile {
  display: none;
}

.get-started_image-wrap {
  border-radius: 9.68px;
  overflow: hidden;
}

.get-started_store-image {
  max-height: 40px;
}

.paring-steps_bar {
  background-color: #b6ff00;
  width: 22px;
  height: 4px;
}

.overlay-image-wrap {
  z-index: 0;
  justify-content: flex-end;
  align-items: center;
  position: absolute;
  inset: 0%;
}

.content-wrap-right_image {
  aspect-ratio: 1;
  object-fit: cover;
  width: 100%;
  height: 100%;
  overflow: visible;
}

.content-wrap-right_image.mobile {
  display: none;
}

.get-started_flex {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  display: flex;
}

.paring-steps_wrap {
  background-color: #141419;
  border-radius: 1rem;
  flex-flow: column;
  width: 100%;
  max-width: 288px;
  height: 100%;
  min-height: 520px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 3px 1px #48443a26, 0 1px 2px #48443a4d;
}

.steps_wrap {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
}

.get-started_store {
  background-color: #000;
  border: 1px solid #888a88;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 1rem;
  display: flex;
}

.paring-steps_image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.section_steps {
  background-image: linear-gradient(77deg, #1d1e25 27%, #4b4b51);
}

.get-started_header {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
}

.paring-steps_desktop {
  margin-left: auto;
  margin-right: auto;
}

.paring-steps_content-wrap {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  padding: 1.25rem 1rem;
  display: flex;
}

.new-arrow-right-image {
  width: 24px;
  height: 24px;
}

.new-arrow-left_image {
  width: 24px;
  height: 24px;
  transform: rotate(180deg);
}

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

.get-started_divider {
  background-color: #888a88;
  width: 1px;
}

.swiper-arrow-new {
  cursor: pointer;
  border: 1px solid #585254;
  border-radius: 100vw;
  justify-content: center;
  align-items: center;
  width: 3.75rem;
  height: 3.75rem;
  display: flex;
}

.swiper-arrow-new.u-flex-noshrink.new-mobile-slider-nav_arrow-left, .swiper-arrow-new.u-flex-noshrink.new-mobile-slider-nav_arrow-right {
  border-width: 2px;
  border-radius: 16px;
  width: 56px;
  height: 56px;
}

.get-started_bottom {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  display: flex;
}

.section_get-started {
  background-color: #141419;
}

.hero_subtext-wrap {
  max-width: 405px;
  padding-top: 8px;
  padding-bottom: 8px;
}

.get-started_number {
  color: #000;
  background-color: #b6ff00;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 4rem;
  height: 4rem;
  font-family: Kanit, Arial, sans-serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 46px;
  display: flex;
}

.title-wrap {
  padding-top: 8px;
  padding-bottom: 8px;
}

.new-hero-home_content-wrap {
  z-index: 1;
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}

.get-started_wrap {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
}

.flash-image {
  width: 100%;
  height: 100%;
}

.flash-image-wrap {
  height: 60px;
}

.hero_welcome-text {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(#a4e056, #d0e659 70%, #e3e85a);
  -webkit-background-clip: text;
  background-clip: text;
  font-family: Kanit, Arial, sans-serif;
  font-size: 84px;
  font-weight: 900;
  line-height: .85;
}

.disclaimer_text-wrap {
  margin-left: auto;
  margin-right: auto;
  padding-top: 8px;
  padding-bottom: 8px;
}

.hidden-on-mobile {
  font-family: Kanit, Arial, sans-serif;
}

.hidden-on-desktop {
  font-family: Kanit, Arial, sans-serif;
  display: none;
}

.footer_text-link {
  color: #fff;
  text-decoration: none;
  transition: all .2s;
}

.footer_text-link:hover {
  color: #888a88;
}

.footer_text {
  font-size: 1rem;
  line-height: 1.5rem;
}

.new-footer_social-embed {
  justify-content: center;
  align-items: center;
  transition: all .4s;
  display: flex;
}

.new-footer_wrap {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.footer_quick-links {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.new-footer-social-icons {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.new-footer-social-icons.for-mobile {
  display: none;
}

.footer_link {
  color: #fff;
  font-size: 1rem;
  line-height: 1.5rem;
  text-decoration: none;
  transition: all .2s;
}

.footer_link:hover {
  color: #888a88;
}

.footer_link.hidden {
  display: none;
}

.new-footer-layout {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.section_new-footer {
  background-color: #202427;
}

.new-footer-layout-vertical {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.new-footer_social-icon {
  color: #fff;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  transition: all .2s;
  display: flex;
}

.new-footer_social-icon:hover {
  color: #888a88;
}

.new-ouiflow-1_list-contain {
  text-transform: uppercase;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.nav_menu-link {
  color: #fff;
  border: 2px solid #0000;
  border-radius: .5rem;
  padding: .75rem;
  font-family: Kanit, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.625rem;
  text-decoration: none;
  transition: all .2s;
}

.nav_menu-link:hover {
  background-color: #141419;
  border-color: #141419;
}

.nav_menu-link.is-hidden {
  display: none;
}

.new-dropdown-1_item-link {
  border-radius: 0;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-top: 15px;
  padding-left: .5rem;
  padding-right: .5rem;
  text-decoration: none;
  display: flex;
}

.new-dropdown-1_item-link:hover {
  color: #727279;
  background-color: #ffd8e8;
}

.new-dropdown-1_item-link:focus {
  background-color: #ffd8e8;
  border: 2px solid #5f004e;
}

.new-dropdown-1_item-link.w--current {
  color: #000;
  border-radius: 0;
  padding-left: 0;
  padding-right: 0;
}

.lang-nav-link {
  color: #fff;
  font-size: 1.125rem;
  line-height: 1.625;
  text-decoration: none;
  transition: all .2s;
}

.lang-nav-link:hover {
  color: #888a88;
}

.lang-nav-link.hidden-desktop {
  display: none;
}

.new-nav-menu {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  justify-content: flex-start;
  align-items: center;
  margin-right: auto;
  display: flex;
}

.new-button-icon-down {
  background-color: #ffebf6;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  transition: all .4s;
  display: flex;
}

.new-button-icon-down:hover {
  background-color: #ffd8e8;
}

.new-button-icon-down:active {
  background-color: #fbb6d3;
}

.new-button-icon-down:focus {
  background-color: #ffd8e8;
  border: 2px solid #86006e;
}

.nav_menu-light {
  display: none;
}

.new-nav-dropdown-link {
  color: #000;
  letter-spacing: 0;
  border: 2px solid #fffefc;
  border-radius: .5rem;
  margin-left: 0;
  margin-right: 0;
  padding: 8px;
  font-family: Kanit, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.625rem;
  transition: all .2s;
}

.new-nav-dropdown-link:hover {
  color: #fff;
  background-color: #888a88;
  border-color: #888a88;
}

.new-nav-dropdown-link:active {
  background-color: #888a88;
  border-color: #888a88;
}

.new-nav-dropdown-link:focus {
  color: #fff;
  background-color: #888a88;
  border: 2px solid #888a88;
}

.new-nav-dropdown-link.w--current {
  color: #690;
  font-family: Kanit, Arial, sans-serif;
}

.new-nav-dropdown-link.hidden-in-pt:lang(pt-br), .new-nav-dropdown-link.hidden-in-pt.hidden-in-fr:lang(fr) {
  display: none;
}

.new-nav-dropdown-link.hidden-in-pt.hidden-in-fr.hidden-in-es {
  font-family: Kanit, Arial, sans-serif;
  font-weight: 400;
}

.new-nav-dropdown-link.hidden-in-pt.hidden-in-fr.hidden-in-es:lang(es) {
  display: none;
}

.new-nav-dropdown-link.hidden-in-pt.hidden-in-fr.hidden-in-es.w--current {
  color: #690;
}

.new-nav-dropdown-link.hidden {
  display: none;
}

.new-dropdown-toggle {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border: 1px solid #0000;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  padding: 12px;
  transition: all .2s;
  display: flex;
}

.new-dropdown-toggle:hover {
  background-color: #141419;
  border: 1px solid #141419;
}

.new-dropdown-toggle:active, .new-dropdown-toggle:focus {
  background-color: #141419;
  border-color: #141419;
}

.new-dropdown-toggle.w--open {
  font-family: Kanit, Arial, sans-serif;
}

.new-text-style-link {
  color: #000;
  letter-spacing: 0;
  font-size: 1.125rem;
  line-height: 1.625rem;
  text-decoration: underline;
  transition: all .4s;
}

.new-text-style-link:hover {
  color: #690;
}

.new-text-style-link:active {
  color: #86006e;
}

.new-accordion-body {
  width: 100%;
  overflow: hidden;
}

.new-ouiflow_switcher-component {
  text-transform: uppercase;
}

.lang_dropdown-navigator-2.w--open {
  background-color: #a8ea00;
  border: 2px solid #690;
  border-radius: 8px;
  padding: .25rem .5rem;
  right: -8px;
}

.new-ouiflow-element {
  z-index: 100;
  color: #000;
  text-transform: uppercase;
  border: 1px #000;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  min-height: auto;
  margin-left: 0;
  margin-right: 0;
  transition: background-color .2s;
  display: none;
}

.new-ouiflow-element:hover {
  background-color: #fbf9fd;
}

.new-nav_menu-button-line {
  background-color: currentColor;
  border-radius: 100vw;
  width: 100%;
  height: 2px;
  transition-property: background-color;
  transition-duration: .2s;
  transition-timing-function: ease;
}

.nav_fixed {
  z-index: 1000;
  background-color: #202427;
  position: sticky;
  inset: 0% 0% auto;
  box-shadow: 0 1px 3px #48443a4d, 0 4px 8px 3px #48443a26;
}

.lang-nav_flex {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  display: flex;
}

.new-ouiflow-1-toggle {
  text-transform: uppercase;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-left: 0;
  padding: 0 0 0;
  transition: color .2s;
  display: flex;
}

.new-ouiflow-1-toggle:hover {
  color: #324bca;
}

.new-ouiflow-1-toggle.w--open {
  text-transform: uppercase;
  align-items: center;
  padding-left: 0;
  padding-right: 0;
}

.new-ouiflow-element-contain {
  text-transform: uppercase;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.new-nav-modal {
  display: none;
}

.nav_button {
  color: #000;
  background-color: #a8ea00;
  border: 2px solid #690;
  border-radius: 3.125rem;
  padding: 1rem 2.5rem;
  font-family: Kanit, Arial, sans-serif;
  font-size: 1.25rem;
  line-height: 160%;
  transition: all .3s;
}

.nav_button:hover {
  background-color: #7ede00;
  border-color: #7ede00;
}

.nav_button:active {
  background-color: #60a900;
  border-color: #60a900;
}

.nav_button:focus, .nav_button.hidden-tab:active {
  background-color: #7ede00;
  border-color: #0b6e00;
}

.nav_button.hidden-tab:focus {
  background-color: #60a900;
  border-color: #60a900;
}

.new-ouiflow-1_list {
  transform-origin: 100% 0;
  color: #000;
  text-transform: none;
  background-color: #fff;
  padding-top: 3.3rem;
  padding-bottom: .25rem;
  inset: -.5rem auto auto 0%;
  overflow: hidden;
  box-shadow: 0 3px 11px -1px #4049ff1c;
}

.new-ouiflow-1_list.new-ouiflow-dropdown-link-flag {
  border-radius: 6px;
  box-shadow: 0 2px 4px #e5e7f0;
}

.new-ouiflow-1_list.new-ouiflow-dropdown-link-flag.w--open {
  border-radius: 8px;
  padding-top: 2.5rem;
  box-shadow: 0 2px 3px #48443a4d, 0 6px 10px 4px #48443a26;
}

.new-nav_menu {
  background-color: #fff;
  flex-flow: column;
  width: 29.38rem;
  height: 100vh;
  padding: 1.38rem 2.25rem 7rem;
  display: none;
  position: absolute;
  inset: 5rem 0% 0% auto;
  overflow: auto;
}

.new-nav_menu:lang(es), .new-nav_menu:lang(de), .new-nav_menu:lang(pt), .new-nav_menu:lang(fr), .new-nav_menu:lang(pt-br) {
  display: none;
}

.new-tabs-content {
  overflow: visible;
}

.new-accordion-item-wrapper {
  cursor: pointer;
  transform-style: preserve-3d;
  background-color: #fff;
  border: 1px solid #d5dff0;
  border-radius: 24px;
  width: 100%;
  padding: 48px 64px;
  transition: transform .3s;
  display: flex;
  box-shadow: 0 2px 12px #1539801f;
}

.new-accordion-item-wrapper:hover {
  transform: scale3d(.96, .96, 1.01);
}

.new-accordion-item-wrapper.new-v2 {
  box-shadow: none;
  background-color: #0000;
  border-style: none;
  border-width: 1px 1px 1px 0;
  border-radius: 0;
  justify-content: space-between;
  margin-bottom: 0;
  padding: 1.875rem 0;
  transition-property: none;
}

.new-accordion-item-wrapper.new-v2:hover {
  transform: none;
}

.new-accordion-item-wrapper.new-v2.new-first {
  border-style: none;
  border-width: 1px 1px 1px 0;
  flex-flow: row;
  padding-top: 0;
  padding-bottom: 0;
  transition-property: none;
}

.new-accordion-item-wrapper.new-v2.new-first:hover {
  transform: none;
}

.new-nav_menu-button-line-wrapper {
  grid-column-gap: .63rem;
  grid-row-gap: .63rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 1.38rem;
  display: flex;
}

.lang_dropdown {
  z-index: 9999;
  margin-left: 0;
  margin-right: 0;
}

.lang_dropdown.hidden-desktop {
  display: none;
}

.lang_dropdown-toggle {
  padding: 0;
}

.new-accordion-side {
  margin-right: 24px;
}

.new-accordion-side.new-right-side {
  margin-left: 16px;
  margin-right: 0;
}

.new-accordion-content-wrapper_menu {
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.new-faq-wrap {
  width: 100%;
}

.new-nav_menu-button {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 32px;
  display: none;
}

.embed-code-switcher {
  display: none;
}

.new-ouiflow-1_list-item {
  color: #000;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 2.8rem;
  padding-left: 0;
  display: flex;
}

.new-ouiflow-1_list-item:hover {
  color: #324bca;
}

.new-nav-dropdown-links.w--open {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: #fffefc;
  border-radius: 1rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  padding: 1rem;
  display: flex;
  box-shadow: 0 2px 3px #48443a4d, 0 6px 10px 4px #48443a26;
}

.new-icon-1x1-regular {
  object-fit: contain;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  display: flex;
}

.new-language-link {
  color: #37003b;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 0;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5em;
}

.new-language-link:hover {
  color: #727279;
}

.new-language-link.w--current {
  color: #313149;
  letter-spacing: normal;
  padding-left: 0;
  font-weight: 400;
}

.new-language-link.w--current:hover {
  color: #1f43c4;
}

.new_tabs-wrapper.nav-mobile {
  display: none;
}

.new-nav_menu-mask {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
}

.new-accordion-icon-wrapper-3 {
  justify-content: center;
  align-items: center;
  width: 60px;
  min-width: 0;
  height: 60px;
  min-height: 0;
  display: flex;
}

.new-accordion-header {
  border-bottom: 1px solid #96989a;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-top: 8px;
  padding-bottom: 8px;
  display: flex;
}

.new-nav-dropdown {
  font-family: Kanit, Arial, sans-serif;
}

.new-ouiflow-dropdown {
  text-transform: uppercase;
  flex-direction: column;
  align-items: stretch;
  width: auto;
  padding-left: .5rem;
  padding-right: .5rem;
}

.dropdown_text {
  color: #fff;
  font-size: 1rem;
  line-height: 1.625rem;
}

.new-accordion-spacer {
  min-height: 16px;
}

.lang-nav_wrapper {
  background-color: #141419;
}

.section_fixed-mobile {
  display: none;
}

.button_primary {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #000;
  text-align: center;
  background-color: #a8ea00;
  border: 2px solid #690;
  border-radius: 3.125rem;
  justify-content: center;
  align-items: center;
  width: 272px;
  padding: 1rem;
  font-family: Kanit, Arial, sans-serif;
  font-size: 18px;
  line-height: 32px;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.button_primary:hover {
  background-color: #7ede00;
  border-color: #7ede00;
}

.button_primary:active {
  background-color: #7ede00;
  border-color: #0b6e00;
}

.button_primary:focus {
  background-color: #60a900;
  border-color: #60a900;
}

.new-title-wrap-modal {
  width: 100%;
  padding-top: 12px;
  padding-bottom: 12px;
}

.heading-style-h2-2 {
  font-family: Kanit, Arial, sans-serif;
  font-size: 44px;
  font-weight: 300;
  line-height: 52px;
}

.heading-style-h2-2.text-color-alternate.text-align-center.text-weight-semibold {
  font-weight: 500;
}

.modal-join-rh_main {
  z-index: 1;
  background-color: #4b4b51;
  border-radius: 32px;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  width: 90vw;
  max-width: 899px;
  max-height: 676px;
  padding: 96px 64px 64px;
  display: flex;
  position: relative;
  inset: 0%;
}

.join-rh-modal_block-third {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 24px;
  padding-bottom: 24px;
  display: block;
}

.modal-join-rh {
  z-index: 1000;
  background-color: #00000080;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  inset: 0%;
}

.modal-join-rh:lang(fr) {
  display: none;
}

.join-rh-modal_block-top {
  justify-content: flex-end;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 64px 64px auto auto;
}

.text-size-xlarge-2 {
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 2rem;
}

.join-rh-close-btn {
  cursor: pointer;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 32px;
  max-width: 32px;
  height: 32px;
  max-height: 32px;
  transition: background-color .2s;
  display: flex;
}

.join-rh-close-btn:hover {
  background-color: #ffffff80;
}

.modal-close_join-rh {
  position: absolute;
  inset: 0%;
}

.pop-up-cl {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.new-button-quiz {
  color: #fff;
  border: 2px solid #bade8e;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  padding: 22px 64px;
  font-size: 24px;
  line-height: 32px;
  text-decoration: none;
  transition: all .4s;
  display: flex;
  position: static;
}

.new-button-quiz:hover {
  border-color: #7ede00;
}

.new-button-quiz:active {
  border-color: #60a900;
}

.new-button-quiz:focus {
  border-color: #0b6e00;
}

@media screen and (min-width: 1280px) {
  .button.is-secondary {
    flex: 1;
  }

  .nav_container {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
  }

  .new-ouiflow-element {
    margin-left: 0;
  }

  .new-accordion-item-wrapper.new-v2.new-first {
    padding-bottom: 0;
  }
}

@media screen and (min-width: 1440px) {
  .container-medium {
    margin-left: 0;
    margin-right: 0;
  }

  .new-dropdown-1_item-link.w--current {
    width: auto;
  }

  .new-ouiflow-element {
    margin-left: 0;
  }
}

@media screen and (max-width: 991px) {
  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .new-ths13-menu-icon-bar-middle {
    background-color: #7fc5a5;
    border-radius: 2px;
    width: 21px;
    height: 2px;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1rem;
  }

  .nav_brand {
    z-index: -1;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
  }

  .nav_brand.w--current {
    z-index: 2;
  }

  .padding-section-large {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .new-ths13-menu-link-wrapper {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .new-ths13-menu-link-wrapper.hide {
    display: none;
  }

  .spacer-xxhuge {
    padding-top: 8rem;
  }

  .spacer-xhuge {
    padding-top: 6rem;
  }

  .margin-horizontal {
    margin-top: 0;
    margin-bottom: 0;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-bottom.padding-custom3 {
    padding-bottom: 4rem;
  }

  .fs-styleguide_heading-header {
    font-size: 4rem;
  }

  .fs-styleguide_section {
    grid-column-gap: 2.5rem;
    grid-template-columns: 1fr;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .new-ths13-menu-icon-bar-bottom {
    background-color: #7fc5a5;
    border-radius: 2px;
    width: 21px;
    height: 2px;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1rem;
  }

  .padding-horizontal {
    padding-top: 0;
    padding-bottom: 0;
  }

  .spacer-medium {
    padding-top: 1.5rem;
  }

  .margin-vertical {
    margin-left: 0;
    margin-right: 0;
  }

  .spacer-xxlarge {
    padding-top: 4rem;
  }

  .spacer-huge {
    padding-top: 5rem;
  }

  .margin-xxlarge {
    margin: 4rem;
  }

  .padding-xhuge {
    padding: 6rem;
  }

  .padding-xxhuge {
    padding: 8rem;
  }

  .padding-large {
    padding: 2.5rem;
  }

  .new-ths13-menu-icon-bar-top {
    background-color: #7fc5a5;
    border-radius: 2px;
    width: 21px;
    height: 2px;
    margin-top: 0;
    margin-bottom: 0;
  }

  .padding-section-medium {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .spacer-xlarge {
    padding-top: 3rem;
  }

  .nav_links-wrap {
    z-index: 1;
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    background-color: #fffefc;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    width: 80%;
    height: 100%;
    margin-left: auto;
    padding: 96px 2.5rem 55px;
    position: relative;
  }

  .margin-xxhuge {
    margin: 8rem;
  }

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

  .margin-large {
    margin: 2.5rem;
  }

  .fs-styleguide_heading-medium {
    font-size: 3rem;
  }

  .margin-xlarge {
    margin: 3rem;
  }

  .margin-medium {
    margin: 1.5rem;
  }

  .padding-left {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .padding-medium {
    padding: 1.5rem;
  }

  .padding-xxlarge {
    padding: 4rem;
  }

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

  .light-nav_button {
    color: #fff;
    padding: 0;
    overflow: visible;
  }

  .light-nav_button.w--open {
    background-color: #0000;
    padding-left: 0;
    padding-right: 0;
  }

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

  .margin-huge {
    margin: 5rem;
  }

  .margin-xhuge {
    margin: 6rem;
  }

  .padding-huge {
    padding: 5rem;
  }

  .light-nav_menu {
    z-index: 0;
    background-color: #0003;
    width: 100%;
    height: 100vh;
    display: flex;
    position: fixed;
    inset: 0% 0% 0% auto;
  }

  .margin-right {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
  }

  .hide-tablet {
    display: none;
  }

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

  .padding-xlarge {
    padding: 3rem;
  }

  .margin-left {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
  }

  .spacer-large {
    padding-top: 2.5rem;
  }

  .fs-styleguide_1-col {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

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

  .padding-right {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }

  .new-content-wrap_left {
    max-width: none;
  }

  .get-started_flex {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    flex-flow: column;
  }

  .get-started_divider {
    width: 100%;
    height: 1px;
  }

  .hero_subtext-wrap {
    max-width: none;
  }

  .get-started_number {
    flex-flow: row;
    min-width: 4rem;
  }

  .get-started-number-block {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    display: flex;
  }

  .new-hero-home_content-wrap {
    flex-flow: column;
  }

  .hidden-on-mobile {
    display: none;
  }

  .hidden-on-desktop {
    display: block;
  }

  .section_new-footer {
    padding-bottom: 64px;
  }

  .lang-nav-link {
    text-decoration: none;
  }

  .lang-nav-link.hidden-desktop {
    font-family: Kanit, Arial, sans-serif;
    font-weight: 400;
    display: block;
  }

  .new-nav-menu {
    display: none;
  }

  .new-button-icon-down.size-16px {
    background-color: #0000;
    border-radius: 0%;
    width: 1rem;
    height: 1rem;
  }

  .new-button-icon-down.size-16px:focus {
    border-style: none;
  }

  .nav_menu-light {
    z-index: 9999;
    background-color: #0003;
    width: 100%;
    height: 100vh;
    max-height: 100vh;
    display: flex;
    position: fixed;
    inset: 55.8594px 0% 0% auto;
  }

  .new-accordion-body {
    border-bottom: 1px #96989a;
    padding-bottom: 0;
  }

  .lang_dropdown-navigator-2 {
    position: relative;
  }

  .lang_dropdown-navigator-2.w--open {
    right: 0;
  }

  .new-ouiflow-element {
    margin-left: 0;
    position: static;
  }

  .new-ouiflow-element:hover {
    background-color: #0000;
  }

  .new-nav_menu-button-line.line-3, .new-nav_menu-button-line.line-2, .new-nav_menu-button-line.line-1 {
    background-color: #fff;
    border-radius: 100vw;
    height: 2.2px;
  }

  .div-block {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex-flow: column;
    display: flex;
  }

  .nav_fixed {
    z-index: 100;
    position: sticky;
    top: 0;
  }

  .new-footer-link-accordion {
    padding: 8px;
    text-decoration: none;
  }

  .new-footer-link-accordion.hidden-in-pt:lang(pt-br), .new-footer-link-accordion.hidden-in-pt.hidden-in-es.hidden-in-fr:lang(fr), .new-footer-link-accordion.hidden-in-pt.hidden-in-es.hidden-in-fr:lang(pt-br), .new-footer-link-accordion.hidden-in-pt.hidden-in-es.hidden-in-fr:lang(es) {
    display: none;
  }

  .new-ouiflow-1-toggle {
    padding-top: .7rem;
    padding-bottom: .7rem;
    position: relative;
  }

  .new-ouiflow-element-contain {
    justify-content: center;
    align-items: flex-start;
    position: relative;
  }

  .new-nav-modal:lang(de), .new-nav-modal:lang(pt-br), .new-nav-modal:lang(es), .nav_button.hidden-tab {
    display: none;
  }

  .new-ouiflow-1_list.new-ouiflow-dropdown-link-flag {
    box-shadow: none;
    padding-top: 3.3rem;
    padding-bottom: .25rem;
    position: absolute;
  }

  .new-ouiflow-1_list.new-ouiflow-dropdown-link-flag.w--open {
    background-color: #fff;
  }

  .new-nav_menu {
    z-index: 10000;
    background-color: #202427;
    flex: none;
    width: 302px;
    height: auto;
    min-height: auto;
    padding: 1rem 16px 0;
    display: flex;
    position: fixed;
    inset: 56px 0% 0% auto;
    overflow: auto;
    box-shadow: 0 2px 3px #48443a4d, 0 6px 10px 4px #48443a26;
  }

  .new-nav_menu:lang(es), .new-nav_menu:lang(pt), .new-nav_menu:lang(de) {
    display: none;
  }

  .nav-button_wrap {
    flex-flow: column;
    justify-content: flex-end;
    align-items: flex-start;
    height: 100%;
    padding-bottom: 55px;
    display: flex;
  }

  .new-tabs-content.new-nav-mobile {
    width: 100%;
    display: block;
  }

  .new-accordion-item-wrapper {
    padding-left: 40px;
    padding-right: 40px;
  }

  .new-accordion-item-wrapper.new-v2:hover {
    transform: translate(6px);
  }

  .new-nav_menu-button-line-wrapper {
    grid-column-gap: .3rem;
    grid-row-gap: .3rem;
    width: 21px;
    height: 18px;
  }

  .lang_dropdown.hidden-desktop {
    display: none;
  }

  .new-nav-menu-overlay {
    z-index: 0;
    background-color: #00000080;
    width: 100vw;
    height: 100vh;
    display: flex;
    position: absolute;
    inset: 56px 0% 0% auto;
    overflow: auto;
  }

  .new-nav-sub-menu {
    overflow: visible;
  }

  .new-nav_menu-button {
    height: 32px;
    display: flex;
  }

  .new-separator-line-nav {
    background-color: #e2e2e4;
    width: 100%;
    height: 1px;
  }

  .nav-menu_wrapper-mobile {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
    width: 100%;
    display: flex;
  }

  .new-language-link {
    color: #000;
    text-transform: capitalize;
    padding-right: 0;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.5em;
  }

  .new-language-link.w--current {
    color: #fff;
    padding-right: 0;
    font-weight: 700;
  }

  .nav_background {
    z-index: 0;
    position: fixed;
    inset: 0%;
  }

  .new_tabs-wrapper.nav-mobile {
    flex: 0 auto;
    display: flex;
  }

  .new-nav_menu-mask {
    flex: 0 auto;
  }

  .new-nav_menu-mask.hidden {
    display: none;
  }

  .new-accordion-icon-wrapper-3.nav-mobile {
    width: 16px;
    height: 16px;
  }

  .new-accordion-header.new-nav-mobile {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    border-bottom-style: none;
    border-radius: 12px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    padding-left: 8px;
    padding-right: 8px;
    font-family: Kanit, Arial, sans-serif;
    display: flex;
  }

  .new-ouiflow-dropdown {
    position: relative;
  }

  .divider-gray {
    background-color: #d9d9d9;
    width: 100%;
    height: 1px;
  }

  .dropdown_text.text-color-alternate {
    font-weight: 400;
  }

  .new-nav_submenu-row {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
    display: flex;
    overflow: visible;
  }

  .new-nav-link-accordion-wrap {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    border-bottom: 0 #000;
    flex-flow: column;
    display: flex;
  }

  .new-nav-wrap {
    z-index: 1;
    position: relative;
  }

  .new-accordion-spacer {
    min-height: 8px;
  }

  .nav_divider {
    background-color: #e2e2e4;
    width: 100%;
    height: 1px;
    display: none;
  }

  .lang-nav_wrapper {
    display: none;
  }

  .gray-separator-nav-mobile {
    background-color: #e2e2e4;
    width: 100%;
    height: 1px;
    position: absolute;
    inset: auto 0% 0%;
  }

  .section_fixed-mobile {
    z-index: 10;
    background-color: #141419;
    justify-content: center;
    align-items: center;
    padding: 16px;
    display: flex;
    position: fixed;
    inset: auto 0% 0%;
    box-shadow: 0 -4px 4px #48443a33, 0 -8px 12px 6px #48443a1a;
  }

  .button_primary.open-modal {
    flex-flow: column;
    width: 100%;
    display: flex;
  }

  .new-title-wrap-modal {
    width: auto;
  }

  .join-rh-modal_block-third {
    grid-template-rows: auto;
  }

  .modal-join-rh {
    justify-content: center;
    align-items: center;
  }

  .new-button-quiz {
    padding: 22px 32px;
  }
}

@media screen and (max-width: 767px) {
  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .fs-styleguide_section-header {
    font-size: .875rem;
  }

  .nav_brand {
    padding-left: 0;
  }

  .padding-section-large {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .heading-style-h2 {
    font-size: 32px;
    line-height: 40px;
  }

  .spacer-xxhuge {
    padding-top: 4.5rem;
  }

  .spacer-xhuge {
    padding-top: 4rem;
  }

  .margin-horizontal {
    margin-top: 0;
    margin-bottom: 0;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-bottom.padding-custom3 {
    padding-bottom: 2rem;
  }

  .button {
    border-radius: 8px;
  }

  .button.is-secondary {
    padding-top: .75rem;
    padding-bottom: .75rem;
  }

  .heading-style-h5, .text-size-medium {
    font-size: 18px;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .padding-horizontal {
    padding-top: 0;
    padding-bottom: 0;
  }

  .spacer-medium {
    padding-top: 1.25rem;
  }

  .margin-vertical {
    margin-left: 0;
    margin-right: 0;
  }

  .text-size-regular {
    font-size: 14px;
    line-height: 22px;
  }

  .spacer-xxlarge {
    padding-top: 3rem;
  }

  .spacer-huge {
    padding-top: 3.5rem;
  }

  .margin-xxlarge {
    margin: 3rem;
  }

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

  .padding-xhuge {
    padding: 4rem;
  }

  .heading-style-h1 {
    font-size: 48px;
    line-height: 56px;
  }

  .heading-style-h3 {
    font-size: 28px;
    line-height: 34px;
  }

  .padding-xxhuge {
    padding: 4.5rem;
  }

  .padding-large {
    padding: 1.5rem;
  }

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

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

  .padding-section-medium {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .spacer-xlarge {
    padding-top: 2rem;
  }

  .nav_links-wrap {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    padding-bottom: 180px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .text-size-large {
    font-size: 18px;
    line-height: 24px;
  }

  .margin-xxhuge {
    margin: 4.5rem;
  }

  .margin-large {
    margin: 1.5rem;
  }

  .text-size-xxxlarge {
    font-size: 1.5rem;
    line-height: 1.75rem;
  }

  .fs-styleguide_heading-medium {
    font-size: 2rem;
  }

  .text-size-xlarge {
    font-size: 24px;
    line-height: 32px;
  }

  .margin-xlarge {
    margin: 2rem;
  }

  .margin-medium {
    margin: 1.25rem;
  }

  .padding-left {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .heading-style-h6 {
    font-size: .75rem;
  }

  .padding-medium {
    padding: 1.25rem;
  }

  .padding-xxlarge {
    padding: 3rem;
  }

  .padding-global {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .padding-global.padding-section-medium {
    padding-top: 32px;
    padding-bottom: 32px;
  }

  .light-nav_button {
    padding: .438rem .344rem;
  }

  .text-style-nowrap {
    white-space: normal;
  }

  .margin-huge {
    margin: 3.5rem;
  }

  .margin-xhuge {
    margin: 4rem;
  }

  .padding-huge {
    padding: 3.5rem;
  }

  .margin-right {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
  }

  .padding-xlarge {
    padding: 2rem;
  }

  .margin-left {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
  }

  .spacer-large {
    padding-top: 1.5rem;
  }

  .nav_container {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
  }

  .text-size-xxlarge {
    font-size: 1.375rem;
    line-height: 1.625;
  }

  .padding-right {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }

  .get-started_header-wrap {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .new-content-wrap_left {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .section_hero {
    background-image: linear-gradient(90deg, #1d1e25 27%, #4b4b51);
  }

  .paring-steps_right {
    width: 3rem;
    height: 3rem;
    inset: auto 8px 8px auto;
  }

  .get-started_block {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .paring-steps_slider {
    background-color: #0000;
    height: 100%;
    padding-bottom: 80px;
  }

  .paring-steps_mobile {
    display: block;
  }

  .content-wrap-right_image {
    width: 100%;
  }

  .content-wrap-right_image.desktop {
    display: none;
  }

  .content-wrap-right_image.mobile {
    display: block;
  }

  .paring-steps_wrap {
    min-height: 494px;
  }

  .paring-steps_slide {
    max-width: 288px;
    height: 100%;
    min-height: 494px;
    margin-right: 8px;
  }

  .paring-steps_left {
    width: 3rem;
    height: 3rem;
    inset: auto 72px 8px auto;
  }

  .section_steps {
    overflow: hidden;
  }

  .hidden, .paring-steps_desktop {
    display: none;
  }

  .new-arrow-left_image {
    transform: rotate(180deg);
  }

  .swiper-arrow-new {
    border-color: #0b6e00;
    width: 3.38rem;
    height: 3.38rem;
  }

  .swiper-arrow-new.u-flex-noshrink.new-mobile-slider-nav_arrow-left, .swiper-arrow-new.u-flex-noshrink.new-mobile-slider-nav_arrow-right {
    border-radius: 12px;
    width: 48px;
    height: 48px;
  }

  .get-started_number {
    border-radius: 100%;
    width: 40px;
    min-width: 40px;
    height: 40px;
    font-size: 18px;
  }

  .title-wrap {
    padding-top: 0;
    padding-bottom: 0;
  }

  .get-started-number-block {
    flex: 0 auto;
    justify-content: flex-start;
    align-self: auto;
  }

  .new-hero-home_content-wrap {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .get-started_wrap {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .paring-steps_mask {
    max-width: 288px;
    overflow: visible;
  }

  .flash-image-wrap {
    height: 40px;
  }

  .hero_welcome-text {
    font-size: 64px;
    line-height: 1.2;
  }

  .disclaimer_text-wrap {
    padding-top: 4px;
    padding-bottom: 4px;
  }

  .footer_text {
    font-size: 14px;
    line-height: 22px;
  }

  .new-footer_social-embed {
    width: 2rem;
    height: 2rem;
  }

  .new-footer_wrap {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .new-footer-social-icons.for-mobile {
    display: flex;
  }

  .new-footer-social-icons.for-desktop {
    display: none;
  }

  .new-footer-layout {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    flex-flow: column;
  }

  .section_new-footer {
    padding-bottom: 80px;
  }

  .new-footer_social-icon {
    width: 2rem;
    height: 2rem;
  }

  .new-dropdown-1_item-link, .new-dropdown-1_item-link.w--current {
    margin-top: 0;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .lang-nav-link {
    font-size: .875rem;
    line-height: 1.375rem;
  }

  .lang-nav-link.hidden-desktop {
    font-size: .875rem;
  }

  .nav_menu-light {
    display: none;
  }

  .new-accordion-body {
    border-bottom-style: none;
  }

  .new-ouiflow-element {
    width: 100%;
  }

  .div-block {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .new-footer-link-accordion {
    width: 100%;
    padding: 8px;
  }

  .new-footer-link-accordion.hidden-in-pt.hidden-in-es.hidden-in-fr:lang(fr), .new-footer-link-accordion.hidden-in-pt.hidden-in-es.hidden-in-fr:lang(pt-br), .new-footer-link-accordion.hidden-in-pt.hidden-in-es.hidden-in-fr:lang(es) {
    display: none;
  }

  .new-ouiflow-1-toggle {
    margin-top: 0;
    padding-top: .7rem;
    padding-bottom: .7rem;
  }

  .nav_button {
    padding-top: .75rem;
    padding-bottom: .75rem;
    font-size: 1.125rem;
  }

  .new-nav_menu {
    flex: auto;
    justify-content: space-between;
    align-items: stretch;
    display: flex;
    position: fixed;
    bottom: 0%;
    left: auto;
    right: 0%;
  }

  .new-nav_menu:lang(es), .new-nav_menu:lang(pt), .new-nav_menu:lang(de) {
    display: none;
  }

  .nav-button_wrap {
    padding-bottom: 180px;
  }

  .new-tabs-content.new-nav-mobile {
    width: 100%;
  }

  .new-accordion-item-wrapper {
    padding: 40px 24px;
  }

  .new-accordion-item-wrapper.new-v2 {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .new-accordion-side {
    margin-right: 16px;
  }

  .new-accordion-side.new-right-side {
    justify-content: center;
    align-items: center;
    margin-left: 0;
    display: flex;
  }

  .new-nav-menu-overlay {
    overflow: auto;
  }

  .new-nav-sub-menu {
    height: 100%;
    overflow: visible;
  }

  .new-faq-wrap.new-mobile-nav {
    margin-bottom: 4px;
  }

  .new-nav_menu-button {
    width: 32px;
    height: 32px;
  }

  .new_tabs-wrapper.nav-mobile {
    width: 100%;
    display: flex;
  }

  .new-nav_menu-mask {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex: auto;
    justify-content: flex-start;
    align-items: stretch;
    width: 100%;
    height: auto;
    overflow: visible;
  }

  .new-accordion-icon-wrapper-3 {
    width: auto;
    min-width: 0;
    height: auto;
    min-height: 0;
  }

  .new-ouiflow-dropdown {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .dropdown_text.text-color-alternate {
    font-size: .875rem;
    line-height: 1.375rem;
  }

  .new-nav_submenu-row {
    height: 100%;
    max-height: 90vh;
    overflow: visible;
  }

  .new-nav-link-accordion-wrap {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    border-bottom-style: none;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .new-accordion-spacer {
    min-height: 8px;
  }

  .gray-separator-nav-mobile {
    display: block;
  }

  .section_fixed-mobile {
    padding: 1rem;
    display: block;
    position: fixed;
    inset: auto 0% 0%;
    box-shadow: 0 -4px 4px #48443a33, 0 -8px 12px 6px #48443a1a;
  }

  .button_primary {
    padding-top: .75rem;
    padding-bottom: .75rem;
    line-height: 26px;
  }

  .new-title-wrap-modal {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .heading-style-h2-2 {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }

  .modal-join-rh_main {
    width: 100%;
    padding: 64px 16px 32px;
  }

  .join-rh-modal_block-third {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    grid-template-columns: 1fr;
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .modal-join-rh {
    padding: 68px 16px;
  }

  .join-rh-modal_block-top {
    top: 32px;
    right: 16px;
  }

  .text-size-xlarge-2 {
    font-size: 1.125rem;
    line-height: 1.625rem;
  }

  .pop-up-cl {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .new-button-quiz {
    border-radius: 12px;
    height: 58px;
    padding: 16px;
    font-size: 18px;
    line-height: 26px;
  }
}

@media screen and (max-width: 479px) {
  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .nav_brand {
    width: 169px;
  }

  .nav_brand.w--current {
    flex: 0 auto;
  }

  .margin-horizontal {
    margin-top: 0;
    margin-bottom: 0;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .padding-horizontal {
    padding-top: 0;
    padding-bottom: 0;
  }

  .margin-vertical {
    margin-left: 0;
    margin-right: 0;
  }

  .nav_links-wrap {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    padding-bottom: 180px;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .nav_logo {
    display: block;
  }

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

  .padding-left {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .padding-global {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .light-nav_menu {
    display: none;
  }

  .margin-right {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
  }

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

  .margin-left {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
  }

  .fs-styleguide_row {
    flex-wrap: wrap;
  }

  .padding-right {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }

  .section_hero {
    min-height: 611px;
  }

  .content-wrap-right_image.mobile {
    text-align: left;
    width: 110%;
  }

  .hero_welcome-text {
    font-size: 60px;
  }

  .nav_menu-light {
    display: none;
  }

  .div-block {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .new-ouiflow-1-toggle.w--open {
    padding-left: 0;
    padding-right: 0;
  }

  .nav_button {
    justify-content: center;
    align-items: center;
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
    display: flex;
  }

  .new-nav_menu {
    justify-content: space-between;
    position: fixed;
    overflow: auto;
  }

  .new-nav-menu-overlay {
    overflow: auto;
  }

  .new-nav_menu-mask {
    overflow: visible;
  }

  .new-accordion-icon-wrapper-3 {
    min-width: 0;
    max-width: 32px;
    min-height: 0;
    max-height: 32px;
  }

  .new-nav_submenu-row {
    max-height: 100vh;
  }

  .new-accordion-spacer {
    min-height: 10px;
  }

  .button_primary {
    width: 100%;
  }

  .modal-join-rh {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

#w-node-f5513e47-7dca-5e88-0281-4024a8c6dfc2-84d957fe {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f5513e47-7dca-5e88-0281-4024a8c6dfe1-84d957fe, #w-node-f5513e47-7dca-5e88-0281-4024a8c6dfe6-84d957fe, #w-node-f5513e47-7dca-5e88-0281-4024a8c6dfeb-84d957fe, #w-node-f5513e47-7dca-5e88-0281-4024a8c6dff0-84d957fe, #w-node-f5513e47-7dca-5e88-0281-4024a8c6dff6-84d957fe, #w-node-f5513e47-7dca-5e88-0281-4024a8c6dffc-84d957fe, #w-node-f5513e47-7dca-5e88-0281-4024a8c6e008-84d957fe {
  justify-self: start;
}

#w-node-f5513e47-7dca-5e88-0281-4024a8c6e0fc-84d957fe, #w-node-f5513e47-7dca-5e88-0281-4024a8c6e104-84d957fe, #w-node-f5513e47-7dca-5e88-0281-4024a8c6e11b-84d957fe, #w-node-f5513e47-7dca-5e88-0281-4024a8c6e134-84d957fe {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f5513e47-7dca-5e88-0281-4024a8c6e137-84d957fe {
  justify-self: start;
}

#w-node-f5513e47-7dca-5e88-0281-4024a8c6e139-84d957fe {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f5513e47-7dca-5e88-0281-4024a8c6e13c-84d957fe {
  justify-self: start;
}

#w-node-f5513e47-7dca-5e88-0281-4024a8c6e18c-84d957fe, #w-node-f5513e47-7dca-5e88-0281-4024a8c6e19b-84d957fe, #w-node-f5513e47-7dca-5e88-0281-4024a8c6e19c-84d957fe {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f5513e47-7dca-5e88-0281-4024a8c6e20e-84d957fe, #w-node-f5513e47-7dca-5e88-0281-4024a8c6e213-84d957fe, #w-node-f5513e47-7dca-5e88-0281-4024a8c6e218-84d957fe, #w-node-f5513e47-7dca-5e88-0281-4024a8c6e21d-84d957fe, #w-node-f5513e47-7dca-5e88-0281-4024a8c6e222-84d957fe, #w-node-f5513e47-7dca-5e88-0281-4024a8c6e227-84d957fe, #w-node-f5513e47-7dca-5e88-0281-4024a8c6e231-84d957fe, #w-node-f5513e47-7dca-5e88-0281-4024a8c6e236-84d957fe, #w-node-f5513e47-7dca-5e88-0281-4024a8c6e23b-84d957fe, #w-node-f5513e47-7dca-5e88-0281-4024a8c6e240-84d957fe, #w-node-f5513e47-7dca-5e88-0281-4024a8c6e245-84d957fe, #w-node-f5513e47-7dca-5e88-0281-4024a8c6e24a-84d957fe, #w-node-f5513e47-7dca-5e88-0281-4024a8c6e24f-84d957fe, #w-node-f5513e47-7dca-5e88-0281-4024a8c6e254-84d957fe, #w-node-f5513e47-7dca-5e88-0281-4024a8c6e259-84d957fe, #w-node-f5513e47-7dca-5e88-0281-4024a8c6e25e-84d957fe, #w-node-f5513e47-7dca-5e88-0281-4024a8c6e263-84d957fe {
  justify-self: start;
}

#w-node-f5513e47-7dca-5e88-0281-4024a8c6e267-84d957fe {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f5513e47-7dca-5e88-0281-4024a8c6e268-84d957fe, #w-node-f5513e47-7dca-5e88-0281-4024a8c6e26d-84d957fe, #w-node-f5513e47-7dca-5e88-0281-4024a8c6e272-84d957fe, #w-node-f5513e47-7dca-5e88-0281-4024a8c6e277-84d957fe, #w-node-f5513e47-7dca-5e88-0281-4024a8c6e28b-84d957fe, #w-node-f5513e47-7dca-5e88-0281-4024a8c6e290-84d957fe, #w-node-f5513e47-7dca-5e88-0281-4024a8c6e295-84d957fe, #w-node-f5513e47-7dca-5e88-0281-4024a8c6e29a-84d957fe, #w-node-f5513e47-7dca-5e88-0281-4024a8c6e29f-84d957fe, #w-node-f5513e47-7dca-5e88-0281-4024a8c6e2a4-84d957fe, #w-node-f5513e47-7dca-5e88-0281-4024a8c6e2ae-84d957fe, #w-node-f5513e47-7dca-5e88-0281-4024a8c6e2b3-84d957fe, #w-node-f5513e47-7dca-5e88-0281-4024a8c6e2b8-84d957fe, #w-node-f5513e47-7dca-5e88-0281-4024a8c6e2bd-84d957fe, #w-node-f5513e47-7dca-5e88-0281-4024a8c6e2c2-84d957fe, #w-node-f5513e47-7dca-5e88-0281-4024a8c6e2c7-84d957fe, #w-node-f5513e47-7dca-5e88-0281-4024a8c6e2cc-84d957fe, #w-node-f5513e47-7dca-5e88-0281-4024a8c6e2d1-84d957fe, #w-node-f5513e47-7dca-5e88-0281-4024a8c6e2d6-84d957fe, #w-node-f5513e47-7dca-5e88-0281-4024a8c6e2db-84d957fe, #w-node-f5513e47-7dca-5e88-0281-4024a8c6e2e0-84d957fe {
  justify-self: start;
}

#w-node-f5513e47-7dca-5e88-0281-4024a8c6e2e4-84d957fe {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f5513e47-7dca-5e88-0281-4024a8c6e2e5-84d957fe, #w-node-f5513e47-7dca-5e88-0281-4024a8c6e2ea-84d957fe, #w-node-f5513e47-7dca-5e88-0281-4024a8c6e2ef-84d957fe, #w-node-f5513e47-7dca-5e88-0281-4024a8c6e2f4-84d957fe, #w-node-f5513e47-7dca-5e88-0281-4024a8c6e305-84d957fe, #w-node-f5513e47-7dca-5e88-0281-4024a8c6e30a-84d957fe, #w-node-f5513e47-7dca-5e88-0281-4024a8c6e30f-84d957fe, #w-node-f5513e47-7dca-5e88-0281-4024a8c6e314-84d957fe, #w-node-f5513e47-7dca-5e88-0281-4024a8c6e319-84d957fe, #w-node-f5513e47-7dca-5e88-0281-4024a8c6e31e-84d957fe, #w-node-f5513e47-7dca-5e88-0281-4024a8c6e323-84d957fe, #w-node-f5513e47-7dca-5e88-0281-4024a8c6e328-84d957fe, #w-node-f5513e47-7dca-5e88-0281-4024a8c6e32d-84d957fe, #w-node-f5513e47-7dca-5e88-0281-4024a8c6e332-84d957fe {
  justify-self: start;
}

#w-node-f5513e47-7dca-5e88-0281-4024a8c6e336-84d957fe {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f5513e47-7dca-5e88-0281-4024a8c6e337-84d957fe {
  justify-self: start;
}

#w-node-f5513e47-7dca-5e88-0281-4024a8c6e33a-84d957fe, #w-node-f5513e47-7dca-5e88-0281-4024a8c6e3bb-84d957fe, #w-node-f5513e47-7dca-5e88-0281-4024a8c6e3e8-84d957fe {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f5513e47-7dca-5e88-0281-4024a8c6e426-84d957fe {
  justify-self: start;
}


@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-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Kanit';
  src: url('../fonts/Kanit-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Kanit';
  src: url('../fonts/Kanit-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Kanit';
  src: url('../fonts/Kanit-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}