@charset "UTF-8";
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * Add the correct box sizing for all elements and the after and before psuedo classes.
 */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
*,
*::before,
*::after {
  box-sizing: inherit;
}

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  margin: 0.67em 0;
  font-size: 2em;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: 0;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  margin: 0;
  /* 2 */
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  color: inherit;
  /* 2 */
  white-space: normal;
  /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/**
 * Remove margin and padding .
 */
h1,
h2,
h3,
h4,
h5,
h6,
ul,
figure,
p {
  margin: 0;
  padding: 0;
}

@font-face {
  font-family: "Garnett";
  font-style: normal;
  font-weight: 400;
  src: url(/fonts/Garnett/Garnett-Regular.ttf) format("truetype");
}
@font-face {
  font-family: "Garnett";
  font-style: normal;
  font-weight: 500;
  src: url(/fonts/Garnett/Garnett-Medium.ttf) format("truetype");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100;
  src: url(/fonts/Inter/Inter-Thin.ttf);
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 200;
  src: url(/fonts/Inter/Inter-ExtraLight.ttf);
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 300;
  src: url(/fonts/Inter/Inter-Light.ttf);
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  src: url(/fonts/Inter/Inter-Regular.ttf);
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  src: url(/fonts/Inter/Inter-Medium.ttf);
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  src: url(/fonts/Inter/Inter-SemiBold.ttf);
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  src: url(/fonts/Inter/Inter-Bold.ttf);
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 800;
  src: url(/fonts/Inter/Inter-ExtraBold.ttf);
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 900;
  src: url(/fonts/Inter/Inter-Black.ttf);
}
@font-face {
  font-family: "IBMPlex-Mono";
  font-style: normal;
  font-weight: 400;
  src: url(/fonts/IBMPlex-Mono/IBMPlex-Mono-Regular.ttf) format("truetype");
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Garnett", sans-serif;
  font-weight: 400;
  z-index: 3;
  position: relative;
}

.h1 {
  font-size: 11rem;
  line-height: 13rem;
}
@media only screen and (max-width: 56.25em) {
  .h1 {
    font-size: 7.5rem;
    line-height: 8.9rem;
  }
}
@media only screen and (max-width: 31.25em) {
  .h1 {
    font-size: 5rem;
    line-height: 5.9rem;
  }
}

.h2 {
  font-size: 8rem;
  line-height: 8.8rem;
}
@media only screen and (max-width: 62.5em) {
  .h2 {
    font-size: 6rem;
    line-height: 7rem;
  }
}
@media only screen and (max-width: 37.5em) {
  .h2 {
    font-size: 3.2rem;
    line-height: 3.6rem;
  }
}

.h3 {
  font-size: 5.6rem;
  line-height: 6.6rem;
}
@media only screen and (max-width: 56.25em) {
  .h3 {
    font-size: 4.6rem;
    line-height: 6.2rem;
  }
}
@media only screen and (max-width: 31.25em) {
  .h3 {
    font-size: 3.4rem;
  }
}

.h4 {
  font-size: 3.6rem;
  line-height: 5rem;
}
@media only screen and (max-width: 37.5em) {
  .h4 {
    font-size: 2.8rem;
    line-height: 3.9rem;
  }
}

.h5 {
  font-size: 2.2rem;
  line-height: 1.28;
  font-weight: 500;
}
@media only screen and (max-width: 37.5em) {
  .h5 {
    font-size: 2rem;
  }
}

.p,
.font-reg {
  font-size: 2rem;
  line-height: 3rem;
}
@media only screen and (max-width: 37.5em) {
  .p,
.font-reg {
    font-size: 1.8rem;
    line-height: 2.7rem;
  }
}

.p {
  margin: 3rem 0 4rem;
}
@media only screen and (max-width: 37.5em) {
  .p {
    margin: 2rem 0 3rem;
  }
}
.p.sm {
  font-size: 1.8rem;
  line-height: 2.6rem;
}

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

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

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

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

*,
*::after,
*::before {
  box-sizing: inherit;
  margin: 0;
  padding: 0;
}

html {
  box-sizing: border-box;
  font-size: 62.5%;
  scroll-behavior: smooth;
  overflow-x: hidden;
}

body {
  font-size: 1.6rem;
  line-height: 1.4;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  font-family: "Inter", "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  background-color: #FFF9F2;
  color: black;
  overflow-x: hidden;
  width: 100%;
}

* {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  font-weight: 300;
}

@keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  20%, 60% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  40%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
.shake {
  -webkit-animation: shake 0.5s ease;
  animation: shake 0.5s ease;
}

@keyframes rotate {
  to {
    transform: rotate(360deg);
  }
}
@keyframes scale {
  to {
    transform: scale(1);
  }
}
@keyframes draw-stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fade-in {
  to {
    opacity: 1;
  }
}
@keyframes slide-up {
  to {
    transform: translate(0);
  }
}
.fade-enter-active {
  transition: opacity 0.5s;
}

.fade-enter {
  opacity: 0;
}

.announcement-banner {
  top: 0;
  background-color: #b0dbf5;
  width: 100%;
  z-index: 6;
  padding: 1.2rem 2rem;
  border-bottom: 1px dashed rgba(32, 32, 32, 0.5);
}
.announcement-banner__link {
  --arrow-translate: 0;
  color: #202020;
  text-decoration: none;
  font-size: 1.5rem;
}
.announcement-banner__link:hover {
  --arrow-translate: 32%;
}
.announcement-banner__link-arrow {
  display: inline-block;
  transform: translateX(var(--arrow-translate));
  transition: 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

.section-heart {
  --max-beat-scale: 1.1;
  background-color: #FFF9F2;
  height: fit-content;
}
@keyframes heart-beat {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(var(--max-beat-scale));
  }
  100% {
    transform: scale(1);
  }
}
.section-heart .container {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.section-heart__info {
  max-width: 72rem;
}
.section-heart .h1 {
  max-width: 116rem;
  text-align: center;
  z-index: 4;
  pointer-events: none;
  -webkit-user-select: none;
  /* Safari */
  -ms-user-select: none;
  /* IE 10 and IE 11 */
  user-select: none;
  /* Standard syntax */
}
.section-heart__elements {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 20.3rem;
}
@media only screen and (max-width: 46.875em) {
  .section-heart__elements {
    margin-top: 16rem;
  }
}
@media only screen and (max-width: 37.5em) {
  .section-heart__elements {
    margin-top: 9rem;
  }
}
.section-heart__heart {
  --anim-duration: 0.9s;
  max-width: 23vw;
  min-width: 30rem;
  height: auto;
  z-index: 3;
  animation: heart-beat var(--anim-duration) infinite ease-in-out;
  pointer-events: none;
}
@media only screen and (max-width: 37.5em) {
  .section-heart__heart {
    max-width: 40vw;
    min-width: unset;
    pointer-events: auto;
  }
}
.section-heart__token {
  position: absolute;
  top: 0;
  left: 0;
  width: 33vw;
  min-width: 40rem;
  height: auto;
  transform: translate(0%, 10%);
  z-index: 2;
  transition: transform 1s cubic-bezier(0.16, 1, 0.3, 1);
  cursor: grab;
  overflow: hidden;
}
@media only screen and (max-width: 37.5em) {
  .section-heart__token {
    width: 58vw;
    height: 58vw;
    min-width: unset;
    transform: translate(-20%, -30%);
  }
}
.section-heart__token svg {
  width: inherit;
  height: inherit;
  min-width: inherit;
  animation: rotate 6s ease-in-out infinite;
}

.blog-subscribe {
  margin: 200px auto 50px;
}
@media only screen and (max-width: 37.5em) {
  .blog-subscribe {
    margin: 100px auto 20px;
  }
}
.blog-subscribe .container {
  position: relative;
  overflow: hidden;
  border-radius: 50px;
  padding: 150px 118px;
  background-color: #FFF9F2;
  filter: drop-shadow(0px 20px 20px rgba(0, 0, 0, 0.25));
}
@media only screen and (max-width: 62.5em) {
  .blog-subscribe .container {
    padding: 120px 80px;
  }
}
@media only screen and (max-width: 37.5em) {
  .blog-subscribe .container {
    border-radius: 30px;
    padding: 60px 30px;
  }
}
.blog-subscribe__envelope-svg {
  position: absolute;
  bottom: 0;
  right: 0;
  transform: rotate(-30deg) translate(16%, 32%);
  z-index: 0;
}
@media only screen and (max-width: 46.875em) {
  .blog-subscribe__envelope-svg {
    display: none;
  }
}
.blog-subscribe__form {
  position: relative;
  display: flex;
  flex-direction: column;
  max-width: 530px;
  width: 100%;
  gap: 18px;
  z-index: 1;
}
.blog-subscribe__form input[type=email] {
  border-radius: 1.2rem;
  flex: 1;
  padding: 20px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  outline: none;
}
.blog-subscribe__subtext {
  max-width: 600px;
  width: 100%;
}

.button {
  display: inline-block;
  font-family: "Garnett";
  font-weight: 500;
  text-decoration: none;
  font-size: 1.6rem;
  padding: 1.5rem 3.6rem;
  color: #FFF9F2;
  background-color: #6931A1;
  border-radius: 8rem;
  text-align: center;
  border: none;
  cursor: pointer;
}
@media only screen and (max-width: 37.5em) {
  .button {
    font-size: 1.4rem;
    padding: 1.5rem 2rem;
  }
}
.button--pink {
  background-color: #FFC4C9;
  color: black;
}
.button--white {
  background-color: #FFF9F2;
  color: black;
}
.button--transparent {
  background-color: transparent;
  border: 1px solid #202020;
  color: black;
}

.breadcrumb {
  list-style: none;
  margin-bottom: 3.1rem;
}
.breadcrumb li {
  display: inline;
  font-size: 1.4rem;
  margin-right: 0.6rem;
  font-weight: 500;
}
.breadcrumb li a {
  text-decoration: none !important;
  color: #5E3030 !important;
}
.breadcrumb li + li::before {
  content: ">";
  padding-right: 0.6rem;
}
.breadcrumb li:last-child a,
.breadcrumb li:last-child span {
  color: #6931A1 !important;
  font-weight: 500;
  text-decoration: none !important;
}

.cookie-banner {
  position: fixed;
  bottom: 0;
  background-color: #b0dbf5;
  width: 100%;
  z-index: 6;
  padding: 2rem;
  border: 1px dashed rgba(32, 32, 32, 0.5);
}
.cookie-banner .container {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 46.875em) {
  .cookie-banner .container {
    flex-wrap: wrap;
  }
}
.cookie-banner__info {
  max-width: 70rem;
}
.cookie-banner__info a {
  color: #202020;
}
.cookie-banner__ctas {
  display: flex;
  gap: 18px;
}
@media only screen and (max-width: 46.875em) {
  .cookie-banner__ctas {
    margin-top: 1.7rem;
    gap: 12px;
  }
}
.cookie-banner__ctas button {
  font-size: 12px;
}
@media only screen and (max-width: 37.5em) {
  .cookie-banner__ctas button {
    font-size: 11px;
  }
}

.faqs {
  position: relative;
  margin: 13rem 0 -10rem;
}
@media only screen and (max-width: 37.5em) {
  .faqs {
    margin: 7rem 0 -6rem;
  }
}
.faqs__faq {
  position: absolute;
  top: 0;
  width: 100%;
  color: white;
  padding: 4.5rem 10rem 30rem;
  border-top-left-radius: 5rem;
  border-top-right-radius: 5rem;
  box-shadow: 0px -5px 40px rgba(0, 0, 0, 0.25);
  transition: 0.73s cubic-bezier(0.16, 1, 0.3, 1);
}
@media only screen and (max-width: 46.875em) {
  .faqs__faq {
    padding: 4rem 3rem 30rem;
    border-top-left-radius: 3.5rem;
    border-top-right-radius: 3.5rem;
  }
}
.faqs__faq:nth-child(1) {
  background-color: #FFC4C9;
  color: black;
}
.faqs__faq:nth-child(2) {
  background-color: #6931A1;
}
.faqs__faq:nth-child(3) {
  background-color: #21C863;
  color: black;
}
.faqs__faq:nth-child(4) {
  background-color: #5E3030;
}
.faqs__faq:nth-child(5) {
  background-color: #6931A1;
}
.faqs__faq:nth-child(6) {
  background-color: #21C863;
  color: black;
}
.faqs__faq .h5 {
  font-weight: normal;
}
@media only screen and (max-width: 37.5em) {
  .faqs__faq .h5 {
    font-size: 1.6rem;
  }
}
.faqs__faq .p {
  margin-top: 3rem;
}
@media only screen and (max-width: 37.5em) {
  .faqs__faq .p {
    font-size: 1.5rem;
    margin-top: 1rem;
  }
}
.faqs__faq-subheading {
  display: block;
  margin-bottom: 1rem;
}
.faqs__support-link {
  display: inline-block;
  text-decoration: underline;
  color: inherit;
  margin-top: 10rem;
}
@media only screen and (max-width: 37.5em) {
  .faqs__support-link {
    margin-top: 3rem;
    font-size: 1.5rem;
  }
}

.support-faq {
  margin-top: 10rem;
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (max-width: 46.875em) {
  .support-faq {
    margin: 8rem 0 5rem;
  }
}
.support-faq__col {
  flex: 0 0 33.3333333333%;
  width: 100%;
  max-width: 33.3333333333%;
}
@media only screen and (max-width: 56.25em) {
  .support-faq__col {
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
    margin-bottom: 4.4rem;
  }
}
.support-faq__col p {
  color: #5E3030;
  max-width: 85%;
}
@media only screen and (max-width: 37.5em) {
  .support-faq__col p {
    max-width: 100%;
  }
}
.support-faq__col p span {
  display: inline-block;
  font-weight: 600;
  text-decoration: underline;
}
.support-faq__title {
  display: inline-flex;
  align-items: center;
  margin-bottom: 1rem;
}
.support-faq__title svg {
  margin-right: 2rem;
}
.support-faq__title p {
  font-size: 1.5rem;
  line-height: 1.3;
  font-weight: 500;
  color: #5E3030;
}
@media only screen and (max-width: 56.25em) {
  .support-faq__title p {
    font-size: 1.7rem;
  }
}
.support-faq__desc {
  font-size: 1.4rem;
  line-height: 28px;
  color: #5E3030;
  font-weight: 400;
}
@media only screen and (max-width: 56.25em) {
  .support-faq__desc {
    font-size: 1.6rem;
  }
}
.support-faq__desc--100 {
  max-width: 100% !important;
}
.support-faq__desc a {
  text-decoration: none;
  cursor: pointer;
}

.search-results__heading {
  font-size: 2.8rem;
  padding-bottom: 2.5rem;
  padding-top: 2.8rem;
  border-bottom: 1px dashed #333333;
  max-width: 54rem;
  width: 100%;
  margin-bottom: 3rem;
  font-weight: 500;
}
.search-results__heading span {
  color: #6931A1;
}
.search-results__content {
  cursor: pointer;
}
.search-results__content .support__col {
  margin-bottom: 4rem !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  flex: 0 0 65rem !important;
  width: 65rem !important;
  max-width: 100% !important;
}
.search-results__content .support__col h5 {
  line-height: 4rem !important;
}
.search-results__content a {
  text-decoration: none;
}
.search-results__preview {
  max-height: 74px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.search-results__preview h3 {
  padding-bottom: 10px;
  padding-top: 10px;
}
.search-results__preview p {
  line-height: 35px !important;
}
.search-results__preview p:first-of-type {
  margin-top: 0 !important;
}
.search-results__preview table {
  display: none;
}
.search-results__footer {
  color: #5E3030;
  position: relative;
  bottom: 10px;
}
.search-results__footer span {
  font-weight: 500;
}
.search-results__dropdown {
  position: absolute;
  z-index: 10 !important;
  height: 211px;
  max-width: 341px;
  width: 100%;
  right: 0;
  overflow: scroll;
  border: 1px solid #f2f2f2;
  background-color: white;
  box-shadow: 0px 1px 16px rgba(0, 0, 0, 0.1);
  border-radius: 0px 0px 4px 4px;
  top: 5.2rem;
}
.search-results__dropdown h3 {
  font-size: 14px !important;
  border-bottom: 1px solid #f2f2f2;
  padding: 16px 24px;
  font-weight: 500;
}
.search-results__dropdown div {
  padding: 16px 24px;
}
.search-results__dropdown div p {
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 15px;
  color: #5E3030 !important;
  font-weight: 400;
}
.search-results__dropdown div p span {
  color: #6931A1 !important;
  font-weight: 400;
}
.search-results__dropdown div a {
  text-decoration: none;
}
.search-results .support__col {
  flex: 0 0 65rem !important;
  width: 65rem !important;
}

.recommended {
  background: rgba(255, 196, 202, 0.2);
  border-radius: 10px;
  padding: 5rem;
  margin-bottom: 7rem;
}
@media only screen and (max-width: 56.25em) {
  .recommended {
    padding: 3rem;
  }
}
@media only screen and (max-width: 37.5em) {
  .recommended {
    padding: 3rem 2.4rem;
    margin-bottom: 4rem;
  }
}
.recommended__col {
  flex: 0 0 33.3333333333%;
  width: 33.3333333333%;
  padding-top: 2rem;
  padding-left: 15px;
  padding-right: 15px;
}
@media only screen and (max-width: 37.5em) {
  .recommended__col {
    flex: 1 1 auto;
    width: 100%;
    padding-top: 0.7rem;
  }
}
.recommended__col a {
  padding: 0.8rem 0 !important;
}
.recommended h5 {
  color: #44310a !important;
  font-weight: 500;
  font-size: 2.5rem;
  line-height: 4.6rem !important;
}
@media only screen and (max-width: 56.25em) {
  .recommended h5 {
    font-size: 2.4rem !important;
    line-height: 2.8rem !important;
  }
}
@media only screen and (max-width: 37.5em) {
  .recommended h5 {
    font-size: 2rem !important;
    line-height: 2.2rem !important;
    margin-bottom: 2rem;
  }
}
.recommended span {
  font-size: 18px;
  line-height: 30px;
  color: #44310a !important;
  font-weight: 300;
  transition: all 0.3s;
}
.recommended span:hover {
  color: #6931A1 !important;
}
@media only screen and (max-width: 56.25em) {
  .recommended span {
    font-size: 1.6rem !important;
  }
}
.recommended__row {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px;
}

.hero {
  --padding-bottom: 36.2;
  padding: 12rem 2rem calc(var(--padding-bottom) * 1rem);
}
@media only screen and (max-width: 37.5em) {
  .hero {
    padding: 7rem 2rem 23rem;
  }
}
.hero__wrapper {
  margin: 0 auto;
  max-width: 120rem;
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.hero__info {
  max-width: 42rem;
}
@media only screen and (max-width: 62.5em) {
  .hero__info {
    max-width: 60vw;
  }
}
@media only screen and (max-width: 37.5em) {
  .hero__info {
    max-width: unset;
  }
}
.hero__heading {
  position: relative;
}
.hero__heading .h3 {
  position: relative;
  border: 3px solid #5E3030;
  box-shadow: 0px 10px 20px 5px rgba(106, 54, 54, 0.3);
  width: fit-content;
  border-radius: 8rem;
  color: #372121;
  background-color: #FFC4C9;
  padding: 2rem 3rem;
}
@media only screen and (max-width: 31.25em) {
  .hero__heading .h3 {
    padding: 0.4rem 2.4rem;
  }
}
.hero__heading .h3:first-child {
  transform: rotate(5.66deg);
  z-index: 3;
}
.hero__heading .h3:nth-child(2) {
  transform: rotate(-3.88deg) translate(4rem, 12%);
  margin-top: -2rem;
  z-index: 2;
  background-color: #FF4F59;
  color: white;
}
.hero__heading .h3:last-child {
  transform: rotate(0.95deg);
  margin-top: -1.5rem;
  z-index: 1;
}
.hero__heading-token {
  position: absolute;
  z-index: 4;
}
@media only screen and (max-width: 31.25em) {
  .hero__heading-token {
    transform: scale(0.8);
  }
}
.hero__heading-token--top {
  right: 30%;
  top: -16%;
  animation: rotate 9s cubic-bezier(0.16, 1, 0.3, 1) 1s infinite;
}
@media only screen and (max-width: 31.25em) {
  .hero__heading-token--top {
    animation: unset;
  }
}
.hero__heading-token--middle {
  top: 35%;
  left: 0;
}
.hero__heading-token--bottom {
  bottom: -2%;
  right: 8%;
  animation: rotate 6s ease-in-out infinite reverse;
}
@media only screen and (max-width: 62.5em) {
  .hero__heading-token--bottom {
    right: -60%;
    bottom: 20%;
    transform: scale(5);
    animation: none;
  }
}
@media only screen and (max-width: 37.5em) {
  .hero__heading-token--bottom {
    display: none;
  }
}
.hero__subtext {
  margin-top: 4.3rem;
}
@media only screen and (max-width: 37.5em) {
  .hero__subtext {
    width: 90%;
  }
}
.hero__qr-widget {
  margin-top: 5rem;
}
.hero__qr-widget .button {
  margin-top: -2rem;
}
.hero__widget {
  position: relative;
  transform: translateX(8%);
}
@media screen and (max-width: 1280px) {
  .hero__widget {
    transform: translateX(0%);
  }
}
@media only screen and (max-width: 62.5em) {
  .hero__widget {
    margin: 10rem auto 0;
  }
}
@media only screen and (max-width: 37.5em) {
  .hero__widget {
    margin-top: 7rem;
  }
}
.hero__illustration {
  pointer-events: none;
}
.hero__illustration-tophand img, .hero__illustration-bottomhand img {
  position: absolute;
  display: block;
  min-width: 33.3vw;
}
.hero__illustration-tophand {
  --hand-top: -78;
  --thumb-top: -80;
}
@media only screen and (max-width: 480px) {
  .hero__illustration-tophand {
    margin-top: -1.2rem;
  }
}
.hero__illustration-tophand img {
  --rotation: 0;
  --scale: 1.2;
  --translate: translate(0);
  top: calc(var(--hand-top) * 1%);
  transition: 1s cubic-bezier(0.16, 1, 0.3, 1);
  transform: scale(var(--scale)) rotate(var(--rotation)) var(--translate);
}
@media only screen and (max-width: 37.5em) {
  .hero__illustration-tophand img {
    --scale: 0.81;
    --translate: translate(-6%, 23%);
  }
}
@media only screen and (max-width: 480px) {
  .hero__illustration-tophand img {
    --scale: 0.75;
    --translate: translate(-22%, 23%);
  }
}
.hero__illustration-tophand img:nth-child(1) {
  left: 60%;
  z-index: -1;
}
.hero__illustration-tophand img:nth-child(2) {
  left: 34%;
  top: calc(var(--thumb-top) * 1%);
  z-index: 2;
  animation: animate-brown-thumb 6s cubic-bezier(0.16, 1, 0.3, 1) 1.5s infinite;
}
@keyframes animate-brown-thumb {
  0% {
    transform: scale(var(--scale)) rotate(var(--rotation)) var(--translate);
  }
  50% {
    transform: scale(var(--scale)) rotate(-4deg) var(--translate);
  }
}
@media only screen and (max-width: 37.5em) {
  .hero__illustration-tophand img:nth-child(2) {
    top: calc(var(--thumb-top) * 1%);
    left: 43%;
  }
}
.hero__illustration-bottomhand img {
  --rotation: 0;
  --scale: 1.05;
  --translate-x: 0;
  top: 70%;
  transform: scale(var(--scale)) rotate(var(--rotation)) translateX(var(--translate-x));
}
@media only screen and (max-width: 37.5em) {
  .hero__illustration-bottomhand img {
    --scale: 0.6;
    --translate-x: 5%;
    top: 62%;
  }
}
@media only screen and (max-width: 480px) {
  .hero__illustration-bottomhand img {
    top: 58%;
    --translate-x: -22%;
  }
}
.hero__illustration-bottomhand img:nth-child(1) {
  left: -70%;
  z-index: 0;
}
.hero__illustration-bottomhand img:nth-child(2) {
  left: -100%;
  z-index: 2;
  animation: animate-blue-thumb 5s cubic-bezier(0.16, 1, 0.3, 1) infinite;
}
@media only screen and (max-width: 37.5em) {
  .hero__illustration-bottomhand img:nth-child(2) {
    left: -86%;
  }
}
@media only screen and (max-width: 480px) {
  .hero__illustration-bottomhand img:nth-child(2) {
    left: -90%;
  }
}
@keyframes animate-blue-thumb {
  0% {
    transform: scale(var(--scale)) rotate(var(--rotation)) translateX(var(--translate-x));
  }
  50% {
    transform: scale(var(--scale)) rotate(-5deg) translateX(var(--translate-x));
  }
}
.hero__illustration-token {
  position: absolute;
}
.hero__illustration-token:first-of-type {
  inset: 30% 0 0 -20%;
}
.hero__illustration-token:last-of-type {
  inset: 84% 0 0 70%;
  z-index: 2;
  animation: rotate 22s cubic-bezier(0.16, 1, 0.3, 1) infinite;
}

.link {
  --color: black;
  position: relative;
  display: inline-block;
  color: var(--color);
  text-decoration: none;
  width: fit-content;
}
.link::after {
  content: "";
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 1.5px;
  bottom: -0.3rem;
  left: 0;
  background-color: var(--color);
  transform-origin: bottom right;
  transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}
.link--light {
  --color: #FFF9F2;
}
.link:hover::after {
  transform: scaleX(1);
  transform-origin: bottom left;
}

.list {
  list-style: none;
}
.list li {
  position: relative;
  display: flex;
}
.list li::before {
  content: "";
  width: 1.8rem;
  height: 1.8rem;
  flex-shrink: 0;
  margin-right: 1.5rem;
  transform: translateY(40%);
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.96989 0.375L13.2381 0.384295L18.3552 4.17623L20.2837 10.4228L18.4218 16.6913L13.3454 20.5426L7.07763 20.625L2.01183 16.7587L0 10.5411L1.94551 4.30018L6.96989 0.375Z' fill='%23FFC4C9'/%3E%3C/svg%3E%0A");
}
.list li:not(:last-child) {
  margin-bottom: 2.8rem;
}
.list__subheading {
  font-family: "Inter";
  font-weight: normal;
  width: 100%;
}
.list--purple li::before {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.49793 0L10.4424 0.00733238L14.4788 2.99845L16 7.92581L14.5313 12.8705L10.527 15.9084L5.58292 15.9734L1.58695 12.9236L0 8.0191L1.53464 3.09622L5.49793 0Z' fill='%237638B0'/%3E%3C/svg%3E%0A");
}

.form__field {
  margin-bottom: 2rem;
}
.form__field--disabled {
  background: #F2F2F2;
}
.form__field--error .form__input,
.form__field--error .form__textarea,
.form__field--error .form__select {
  border-color: red;
}
.form__field--error .form__input:focus,
.form__field--error .form__textarea:focus,
.form__field--error .form__select:focus {
  border-color: red !important;
}
.form__field--required .form__label:after {
  content: " *";
  color: red;
}
.form__field--withAddon .form__field__inner {
  display: flex;
  align-items: center;
  border: 1px solid #703E0099;
  border-radius: 10px;
}
.form__field--withAddon .form__left {
  display: flex;
  padding: 1.8rem 0.5rem 1.8rem 2.5rem;
  color: #6d6d6d;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
@media only screen and (max-width: 37.5em) {
  .form__field--withAddon .form__left {
    padding: 1.3rem;
    padding-right: 0.5rem;
    font-size: 1.4rem;
  }
}
.form__field--withAddon .form__input {
  border: none;
  border-radius: 0;
  padding: 1.8rem 1.8rem 1.8rem 0.2rem !important;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  background-color: transparent;
  font-size: 1.8rem;
}
.form__field--withAddon .form__input:focus {
  outline: none;
}
.form__field--withAddon .form__input:disabled {
  padding-left: 0 !important;
}
.form .form__label {
  font-size: 1.5rem;
  color: #5E3030 !important;
  font-weight: 500 !important;
  display: inline-block;
  margin-bottom: 1.2rem;
}
@media only screen and (max-width: 37.5em) {
  .form .form__label {
    font-size: 1.4rem;
  }
}
.form__select-box {
  position: relative;
  width: 100%;
}
.form__select-box .form__select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.form__select-box__icon {
  height: 0.6rem;
  pointer-events: none;
  position: absolute;
  right: 1.2rem;
  top: calc(50% - 0.3rem);
  width: auto;
}
.form__input, .form__textarea, .form__select {
  background-clip: padding-box;
  background-color: white;
  background-image: none;
  -webkit-background-clip: padding-box;
  border: 1px solid #5E3030;
  border-radius: 10px;
  box-shadow: none;
  color: #5E3030;
  display: block;
  font-family: inherit;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2rem;
  outline-color: #6931A1;
  padding: 1.4rem 1.8em;
  transition: border-color 0.3s ease, color 0.3s ease, outline-color 0.3s ease;
  width: 100%;
}
.form__input:-moz-placeholder, .form__textarea:-moz-placeholder, .form__select:-moz-placeholder {
  color: #703e0099;
}
.form__input:-ms-input-placeholder, .form__textarea:-ms-input-placeholder, .form__select:-ms-input-placeholder {
  color: #703e0099;
}
.form__input::-webkit-input-placeholder, .form__textarea::-webkit-input-placeholder, .form__select::-webkit-input-placeholder {
  color: #703e0099;
}
.form__input[readonly], .form__input:disabled, .form__textarea[readonly], .form__textarea:disabled, .form__select[readonly], .form__select:disabled {
  background-color: #F2F2F2;
  cursor: not-allowed;
}
.form__select--empty {
  color: #F2F2F2;
}
.form__cta {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.form__cta__item {
  flex: 0 0 auto;
}
.form__cta__item.block {
  flex: 1 1 auto;
}
.form__cta__item:not(:last-child) {
  margin-right: 2rem;
}
.form__cta__item .btn {
  margin-top: 5rem;
  font-size: 14px;
  height: 52px;
  width: 100%;
  color: white;
  border-radius: 100px;
  cursor: pointer;
  color: #FFC4C9 !important;
  font-weight: 500;
  padding-top: 15px;
}
.form__info {
  margin-top: 1.6rem;
  color: orange;
  font-size: 1.4rem;
}
@media only screen and (max-width: 37.5em) {
  .form__info {
    font-size: 1.2rem;
  }
}

.file-upload-wrapper {
  position: relative;
}

.file-uploader {
  position: relative;
  border: 1px dashed #e0e0e0;
  background-color: white;
  border-radius: 10px;
  flex-direction: column;
  padding: 1.4rem 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.file-uploader input[type=file] {
  position: absolute;
  opacity: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.file-uploader img {
  margin-bottom: 1rem;
  height: 300px;
  object-fit: cover;
  object-position: top center;
}
.file-uploader label {
  display: flex;
  align-items: center;
  color: #5E3030;
  font-weight: 500;
  cursor: pointer;
}
.file-uploader label svg {
  margin-right: 0.6rem;
}

.qr-widget {
  display: flex;
  align-items: center;
  padding: 2.8rem 1.5rem;
  border: 1px dashed rgba(94, 48, 48, 0.7);
  border-radius: 2rem;
  max-width: 42rem;
  align-self: flex-start;
}
@media only screen and (max-width: 46.875em) {
  .qr-widget {
    padding: 0;
    border: none !important;
  }
  .qr-widget .button {
    padding: 1.7rem 2rem;
  }
}
@media only screen and (max-width: 31.25em) {
  .qr-widget {
    max-width: unset;
  }
}
.qr-widget--border-light {
  position: relative;
  z-index: 3;
  border: 1px dashed rgba(255, 249, 242, 0.7);
}
.qr-widget__code {
  margin-right: 1.6rem;
  width: 7rem;
  height: auto;
  object-fit: contain;
  background-color: #FFF9F2;
}
@media only screen and (max-width: 46.875em) {
  .qr-widget__code, .qr-widget__info {
    display: none;
  }
}
.qr-widget__app-link {
  display: none;
}
@media only screen and (max-width: 46.875em) {
  .qr-widget__app-link {
    display: block;
  }
}
.qr-widget__app-icons {
  display: flex;
  align-items: center;
  margin-top: 1rem;
}
.qr-widget__app-icons svg:last-child {
  margin: 0.3rem 0 0 0.9rem;
}

.send-widget {
  position: relative;
  font-size: 1.5rem;
  font-weight: 400;
  padding: 5rem 4.2rem 2rem;
  min-width: 42rem;
  min-height: 66rem;
  box-shadow: 0px 6px 20px 5px rgba(0, 0, 0, 0.25);
  border-radius: 2rem;
  z-index: 1;
  background-color: #FFF9F2;
  margin-top: -0.5rem;
}
@media (min-width: 1920px) and (max-width: 2560px) {
  .send-widget {
    margin-top: 3.5rem;
  }
}
@media only screen and (max-width: 37.5em) {
  .send-widget {
    min-width: unset;
    font-size: 1.35rem;
    padding: 4.2rem 0.5rem 1.5rem;
  }
}
@media only screen and (max-width: 480px) {
  .send-widget {
    width: 90vw;
    margin: 0 auto;
  }
}
.send-widget__amountbox, .send-widget__delivery {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: white;
  padding: 0.9rem 1.6rem;
  border: 1px solid #dfd6d6;
  border-radius: 1.2rem;
}
.send-widget__amount {
  font-weight: 500;
}
.send-widget__amount input {
  font-size: 2.4rem;
  border: none;
  outline: none;
  margin-top: 1rem;
  font-family: "Garnett", sans-serif;
  font-weight: inherit;
  display: block;
  max-width: 24rem;
  width: 100%;
}
@media only screen and (max-width: 37.5em) {
  .send-widget__amount input {
    font-size: 1.85rem;
  }
}
.send-widget__currency {
  position: relative;
  padding: 0.8rem;
  border-radius: 10rem;
  background-color: #F2F2F2;
  font-weight: 600;
}
.send-widget__currency select {
  font-weight: inherit;
  border: none;
  cursor: pointer;
  outline: none;
  background-color: inherit;
  width: 7.6rem;
  opacity: 0;
}
.send-widget__currency span {
  display: flex;
  align-items: center;
  position: absolute;
  left: 0;
  top: 50%;
  margin-left: 1.2rem;
  pointer-events: none;
  transform: translateY(-50%);
}
.send-widget__currency span svg {
  margin-left: 0.7rem;
}
.send-widget__extrainfo {
  position: relative;
  padding: 3.3rem 2.8rem 2.8rem;
}
.send-widget__extrainfo::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 0.15rem;
  left: 10%;
  height: 100%;
  transform: translateY(0%);
  background-color: #f8d3a0;
}
@media only screen and (max-width: 37.5em) {
  .send-widget__extrainfo::before {
    left: 7%;
  }
}
.send-widget__extrainfo > * {
  display: flex;
  align-items: center;
}
.send-widget__extrainfo > *:not(:last-child) {
  margin-bottom: 1.2rem;
}
.send-widget__extrainfo > * img {
  width: 4.5rem;
  z-index: 2;
  transform: translateY(10%);
  margin: 0 0.5rem 0 -0.5rem;
}
@media only screen and (max-width: 37.5em) {
  .send-widget__extrainfo > * img {
    margin-left: -2.2rem;
  }
}
.send-widget__extrainfo > * > :last-child {
  margin-left: auto;
}
.send-widget__extrainfo-fee img {
  transform: scale(0.84);
  transform-origin: bottom;
}
.send-widget__extrainfo-error {
  position: absolute;
  color: #FF4F59;
  font-size: 14px;
  top: 20px;
  left: 50%;
  transform: translate(-50%, -50%);
  width: max-content;
}
.send-widget__delivery {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 2rem;
}
.send-widget__delivery > :first-child {
  display: flex;
  width: 100%;
  margin-bottom: 1rem;
}
.send-widget__delivery select {
  flex-grow: 1;
  outline: none;
  border: none;
  background-color: white;
  margin-left: 0.1rem;
  cursor: pointer;
}
.send-widget__send-button {
  margin-top: 3.2rem;
  width: 100%;
}
.send-widget__send-button:disabled {
  cursor: not-allowed;
}

.toastify {
  background: transparent !important;
  box-shadow: none !important;
  color: unset !important;
  padding: unset !important;
}

.toast {
  align-items: center;
  border-radius: 1rem;
  color: white;
  display: flex;
  justify-content: flex-start;
  padding: 1.6rem;
  width: fit-content;
}
.toast__icon {
  border-radius: 100%;
  height: 24px;
  margin-right: 10px;
  width: 24px;
}
.toast__icon__stroke {
  fill: none;
  stroke-width: 1.5px;
}
.toast__text {
  color: white !important;
  font-size: 1.2rem;
  font-weight: 500;
}
.toast--success {
  background-color: #21C863 !important;
  color: white !important;
}
.toast--success .toast__icon__fill {
  fill: #ecfcf2;
  stroke: #ecfcf2;
}
.toast--success .toast__icon__stroke {
  stroke: #1db258;
}
.toast--warning {
  background-color: #FB9129;
}
.toast--warning .toast__icon__fill {
  fill: #fedebf;
  stroke: #fedebf;
}
.toast--warning .toast__icon__stroke {
  stroke: #fb8410;
}
.toast--danger {
  background-color: #FF4F59;
}
.toast--danger .toast__icon__fill {
  fill: #ffb5b9;
  stroke: #ffb5b9;
}
.toast--danger .toast__icon__stroke {
  stroke: #ff3641;
}

.container {
  margin: 0 auto;
  max-width: 120rem;
}
.container.lg {
  margin: 0 auto;
  max-width: 168rem;
}
.container.sm {
  margin: 0 auto;
  max-width: 96rem;
}

.footer.section {
  color: white;
  padding-bottom: 0;
  background-color: #202020;
}
.footer__wrapper {
  width: 100vw;
  position: relative;
  overflow: hidden;
  left: calc(-50vw + 50%);
  padding: 0 2rem 0;
}
.footer__menu {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 46.875em) {
  .footer__menu {
    flex-wrap: wrap;
  }
}
.footer__menu select {
  color: #FFF9F2;
  text-decoration: none;
  background-color: #202020;
  outline: none;
  border: none;
}
.footer__menu-language {
  margin-top: 5rem;
  padding-right: 1rem;
}
@media only screen and (max-width: 37.5em) {
  .footer__menu-language {
    margin-top: 4rem;
  }
}
.footer__menu-links {
  width: 52%;
  flex-shrink: 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-left: 5rem;
}
@media only screen and (max-width: 46.875em) {
  .footer__menu-links {
    margin-left: 0;
    margin-top: 1rem;
    width: unset;
  }
}
.footer__menu-column {
  display: flex;
  flex-direction: column;
  width: 32%;
}
@media only screen and (max-width: 37.5em) {
  .footer__menu-column {
    width: 100%;
    margin-top: 5rem;
  }
  .footer__menu-column:not(:first-child) {
    margin-top: 5rem;
  }
}
.footer__menu-column > *:not(:last-child) {
  margin-bottom: 2rem;
}
.footer__menu-column:last-child {
  margin-top: 5rem;
}
.footer__menu-column a {
  color: #FFF9F2;
}
.footer__menu-subheading {
  font-size: 1.8rem;
}
.footer__disclaimer {
  margin-top: 8rem;
  user-select: none;
  font-weight: 300;
  color: rgba(255, 249, 242, 0.8);
  font-size: 1.4rem;
}
.footer__disclaimer p:not(:last-child) {
  margin-bottom: 2rem;
}
.footer__disclaimer a {
  color: inherit;
}
@media only screen and (max-width: 37.5em) {
  .footer__disclaimer {
    margin-top: 6rem;
    font-size: 1.3rem;
  }
}
@keyframes rotate {
  to {
    transform: rotate(360deg);
  }
}
@keyframes beat {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.7);
  }
  100% {
    transform: scale(1);
  }
}
.footer__socials > * {
  --rotation: 0;
  --transition-time: 0;
  position: absolute;
  cursor: grab;
  background-color: transparent;
  border: none;
  transform: rotate(var(--rotation));
  transition: var(--transition-time) cubic-bezier(0.16, 1, 0.3, 1);
  margin-top: 32rem;
}
@media only screen and (max-width: 46.875em) {
  .footer__socials > * {
    margin-top: 40rem;
  }
}
@media only screen and (max-width: 37.5em) {
  .footer__socials > * {
    margin-top: 98rem;
  }
}
@media only screen and (max-width: 480px) {
  .footer__socials > * {
    margin-top: 105rem;
  }
}
.footer__socials > * svg {
  width: 23vw;
  min-width: 15rem;
  height: auto;
}
.footer__socials > *:active {
  cursor: grabbing;
}
.footer__socials-instagram {
  --rotation: -16deg;
  left: 25%;
  top: 40%;
}
@media only screen and (max-width: 56.25em) {
  .footer__socials-instagram {
    top: 54%;
  }
}
@media only screen and (max-width: 37.5em) {
  .footer__socials-instagram {
    top: 36%;
  }
}
.footer__socials-facebook {
  --rotation: -9deg;
  left: 15%;
  top: 53%;
}
@media only screen and (max-width: 56.25em) {
  .footer__socials-facebook {
    top: 60%;
  }
}
@media only screen and (max-width: 37.5em) {
  .footer__socials-facebook {
    top: 40%;
    left: 5%;
  }
}
.footer__socials-twitter {
  --rotation: -13deg;
  left: 35%;
  top: 60%;
}
@media only screen and (max-width: 37.5em) {
  .footer__socials-twitter {
    top: 40%;
    right: 0;
  }
}
.footer__socials-tiktok {
  --rotation: 17deg;
  right: 25%;
  top: 48%;
}
@media only screen and (max-width: 56.25em) {
  .footer__socials-tiktok {
    top: 55%;
  }
}
@media only screen and (max-width: 37.5em) {
  .footer__socials-tiktok {
    top: 44%;
  }
}
.footer__socials-play {
  --rotation: -28.43deg;
  top: 35%;
  right: 5%;
}
@media only screen and (max-width: 56.25em) {
  .footer__socials-play {
    top: 50%;
  }
}
@media only screen and (max-width: 37.5em) {
  .footer__socials-play {
    right: 0%;
    top: 32%;
  }
}
.footer__socials-play svg {
  width: 14vw;
}
.footer__socials-play svg * {
  transform-origin: center;
}
.footer__socials-play svg .token {
  animation: beat 1.1s infinite ease-in-out;
}
.footer__socials-play svg .play {
  animation: beat 1s infinite ease-in-out 1.4s;
}
.footer__socials-heart {
  top: 35%;
  left: 2%;
}
@media only screen and (max-width: 56.25em) {
  .footer__socials-heart {
    top: 50%;
  }
}
@media only screen and (max-width: 37.5em) {
  .footer__socials-heart {
    left: 0%;
    top: 30%;
  }
}
@media only screen and (max-width: 480px) {
  .footer__socials-heart {
    top: 32%;
  }
}
.footer__socials-heart svg {
  width: 18vw;
}
.footer__socials-heart svg > * {
  transform-origin: center;
}
.footer__socials-heart svg .token {
  animation: rotate 5s infinite ease-in-out;
  -webkit-animation: rotate 5s infinite ease-in-out;
}
.footer__socials-heart svg .heart {
  animation: beat 0.9s infinite ease-in-out;
}
@media only screen and (max-width: 37.5em) {
  .footer__socials-play svg, .footer__socials-heart svg {
    min-width: 12rem;
  }
}
.footer__copyright {
  position: relative;
  width: 100vw;
  left: calc(-50vw + 50%);
  text-transform: uppercase;
  font-size: 11.2vw;
  margin-top: 32.7vw;
  opacity: 0.24;
  pointer-events: none;
  font-family: "Inter", "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
@media only screen and (max-width: 37.5em) {
  .footer__copyright {
    margin-top: 30rem;
  }
}

.website-header {
  position: relative;
  padding: 2.6rem 2rem 0;
  z-index: 5;
}
.website-header__nav {
  margin: 0 auto;
  max-width: 120rem;
  align-items: center;
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 37.5em) {
  .website-header__nav {
    align-items: flex-start;
  }
}
.website-header__logo {
  position: relative;
  z-index: 7;
}
@media only screen and (max-width: 37.5em) {
  .website-header__logo svg {
    width: 90px;
    height: auto;
  }
}
.website-header__links {
  font-weight: 500;
}
@media only screen and (max-width: 37.5em) {
  .website-header__links > *:not(:last-child) {
    display: none;
  }
}
.website-header__links > *:not(:last-child) {
  margin-right: 3.4rem;
  cursor: pointer;
  background-color: transparent;
  border: none;
  outline: none;
  font-weight: inherit;
}
@media only screen and (max-width: 46.875em) {
  .website-header__links > *:not(:last-child) {
    margin-right: 2.2rem;
  }
}
.website-header__hamburger-icon {
  --icon-color: #202020;
  --rotation: 0;
  --translate-y: 0.5;
  --transition: 0.2s linear;
  position: relative;
  width: 2.7rem;
  height: 3rem;
  display: none;
  background-color: transparent;
  border: none;
  cursor: pointer;
  z-index: 7;
}
.website-header__hamburger-icon::before {
  position: absolute;
  content: "";
  left: 0;
  width: 100%;
  height: 2.2px;
  background-color: var(--icon-color);
  border-radius: 10rem;
  transform: translateY(calc(var(--translate-y) * -1rem)) rotate(calc(var(--rotation) * 1deg));
  transition: var(--transition);
}
.website-header__hamburger-icon::after {
  position: absolute;
  content: "";
  left: 0;
  width: 100%;
  height: 2.2px;
  background-color: var(--icon-color);
  border-radius: 10rem;
  transform: translateY(calc(var(--translate-y) * 1rem)) rotate(calc(var(--rotation) * -1deg));
  transition: var(--transition);
}
.website-header__mobile-menu {
  position: fixed;
  width: 100vw;
  height: 100vh;
  display: flex;
  flex-direction: column;
  padding: inherit;
  background-color: #7637b5;
  left: 0;
  top: 0;
  z-index: 6;
  padding-top: 13rem;
  display: none;
}
.website-header__mobile-menu > * {
  margin-bottom: 3rem;
}
.website-header__mobile-menu > *:not(:last-child) {
  background-color: transparent;
  border: none;
  outline: none;
  font-weight: inherit;
}
.website-header__mobile-menu > *:last-child {
  margin-top: 7rem;
}
.website-header__mobile-menu .link {
  color: #FFF9F2;
  font-size: 2.2rem;
  font-weight: normal;
}

main {
  width: 100%;
  min-height: calc(100vh - 240px);
}

.section {
  position: relative;
  padding: 22rem 2rem 40rem;
  z-index: 1;
}
@media only screen and (max-width: 62.5em) {
  .section {
    padding: 16rem 2rem 32rem;
  }
}
@media only screen and (max-width: 46.875em) {
  .section {
    padding: 10rem 2rem 24rem;
  }
}
@media only screen and (max-width: 37.5em) {
  .section {
    padding: 5rem 2rem 20rem;
  }
}
.section::before {
  --width: 110vw;
  content: "";
  position: absolute;
  background-color: inherit;
  height: 100%;
  max-height: 92rem;
  width: var(--width);
  top: 0;
  left: calc(var(--width) / -2 + 50%);
  clip-path: ellipse(50% 14% at 50% 15%);
  transform: translateY(-9.5%);
  z-index: 2;
}
@media only screen and (max-width: 62.5em) {
  .section::before {
    --width: 120vw;
  }
}
@media only screen and (max-width: 46.875em) {
  .section::before {
    --width: 140vw;
  }
}
@media only screen and (max-width: 37.5em) {
  .section::before {
    --width: 165vw;
  }
}
@media only screen and (max-width: 37.5em) {
  .section > * {
    position: relative;
    z-index: 2;
  }
}

.support-header {
  padding: 2.4rem 2rem 2.4rem;
  border-bottom: 1px solid #e5e5e5;
  background-color: #FFF9F2;
  position: sticky;
  will-change: transform;
  top: 0;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
}
.support-header__nav {
  max-width: 134rem;
  width: 100%;
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.support-header__logo {
  position: relative;
  top: 12px;
}
.support-header__links {
  display: flex;
  font-weight: 500;
}
.support-header__links a {
  font-size: 1.6rem;
  text-decoration: none;
}
@media only screen and (max-width: 37.5em) {
  .support-header__links a {
    font-size: 1.4rem;
  }
}
.support-header__links .dropdown {
  position: relative;
  margin-right: 1rem;
  cursor: pointer;
}
.support-header__links .dropdown__header {
  background-color: white;
  width: 150px;
  height: 56px;
  color: #333333;
  display: flex;
  padding: 16px 18px;
  align-items: center;
  border-radius: 100px;
  justify-content: space-between;
  margin-right: 3.4rem;
  border: 1px solid #d4d4d4;
}
@media only screen and (max-width: 37.5em) {
  .support-header__links .dropdown__header {
    margin-right: 0;
  }
}
.support-header__links .dropdown__body {
  position: absolute;
  background-color: white;
  width: 150px;
  border-radius: 24px;
  height: 270px;
  overflow-y: scroll;
  padding: 10px 0;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  cursor: pointer;
}
.support-header__links .dropdown__body p {
  padding: 13px 20px;
}
.support-header__links .dropdown__body p:hover {
  color: #6931A1;
}
.support-header__links .button {
  color: #FFC4C9 !important;
  padding: 17px 48px;
}
@media only screen and (max-width: 37.5em) {
  .support-header__links .button {
    display: none;
  }
}

.ft {
  color: #5E3030;
  padding: 10rem 2rem 0;
}
.ft--dark {
  background-color: #5E3030;
  color: #FFF9F2;
}
@media only screen and (max-width: 56.25em) {
  .ft {
    padding: 2rem 2rem 0;
  }
}
.ft__wrapper {
  max-width: 134rem !important;
  margin: auto;
}
.ft__group {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0.5rem 0 4rem;
}
.ft__group:not(:last-of-type) {
  border-bottom: 1px solid #f3f3f3;
}
@media only screen and (max-width: 56.25em) {
  .ft__group {
    border: none !important;
    padding: 0;
  }
}
.ft__group--alt {
  align-items: center;
}
.ft__group--alt .ft__section {
  width: auto;
}
@media only screen and (max-width: 56.25em) {
  .ft__group--alt {
    flex-direction: column-reverse;
  }
  .ft__group--alt .ft__section {
    width: 100%;
  }
}
.ft__section {
  flex: 0 1 auto;
  width: 20%;
}
@media only screen and (max-width: 56.25em) {
  .ft__section {
    width: 100%;
  }
  .ft__section.is-open .ft__section__icon {
    transform: rotate(-180deg);
  }
  .ft__section.is-open .ft__nav {
    height: auto;
    padding-bottom: 3rem;
  }
}
.ft__section__head {
  align-items: center;
  color: inherit;
  display: flex;
  justify-content: space-between;
  margin-bottom: 1.9rem;
}
.ft__section__head.mobile-only {
  display: none;
}
@media only screen and (max-width: 56.25em) {
  .ft__section__head.mobile-only {
    display: flex;
  }
}
.ft__section__title {
  font-size: 1.7rem;
  line-height: 2rem;
  padding: 0.2rem;
}
.ft__section__icon {
  display: none;
  height: 2rem;
  fill: currentColor;
  transition: transform 0.3s ease;
  width: auto;
}
@media only screen and (max-width: 56.25em) {
  .ft__section__icon {
    display: block;
  }
}
@media only screen and (max-width: 56.25em) {
  .ft__section .location {
    border-bottom: 1px solid #f3f3f3;
    margin-bottom: 2rem;
    padding-bottom: 3rem;
  }
}
.ft__nav {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding-bottom: 4rem;
}
@media only screen and (max-width: 56.25em) {
  .ft__nav {
    border-bottom: 1px solid #f3f3f3;
    height: 0;
    margin-bottom: 3rem;
    overflow: hidden;
    padding-bottom: 0;
  }
}
.ft__nav--inline {
  flex-direction: row;
  padding-bottom: 0;
}
@media only screen and (max-width: 56.25em) {
  .ft__nav--inline {
    flex-direction: column;
  }
}
.ft__nav--inline .ft__nav__link {
  font-size: 1.5rem;
  line-height: 1.9rem;
  margin-bottom: 0;
}
.ft__nav--inline .ft__nav__link:not(:last-child) {
  margin-bottom: 0;
  margin-right: 2.4rem;
}
@media only screen and (max-width: 56.25em) {
  .ft__nav--inline .ft__nav__link:not(:last-child) {
    margin-bottom: 2.4rem;
    margin-right: 0;
  }
}
.ft__nav__link:link, .ft__nav__link:visited {
  color: inherit;
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 1.9rem;
  padding: 0.2rem;
  text-decoration: none;
  transition: color 0.3s ease;
  word-wrap: break-word;
  max-width: 100%;
}
.ft__nav__link:not(:last-child) {
  margin-bottom: 2.4rem;
}
.ft__nav__link:hover {
  color: #6931A1;
}
.ft__nav__link--status {
  position: relative;
}
.ft__nav__link--status::before {
  background-color: green;
  border-radius: 100%;
  bottom: 0.5rem;
  content: "";
  height: 1rem;
  position: absolute;
  right: -2rem;
  width: 1rem;
}
.ft__text {
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 2.6rem;
  padding: 0.2rem;
}
@media only screen and (max-width: 56.25em) {
  .ft__text {
    border-bottom: 1px solid #f3f3f3;
    margin-bottom: 2rem;
    padding-bottom: 3rem;
  }
}
.ft--support {
  margin-top: 100px;
}
.ft--support .ft__group--alt {
  border-top: 1px solid #f3f3f3;
}
.ft--support .ft__wrapper {
  max-width: 110rem;
}

@keyframes slide {
  to {
    transform: translateY(0%);
  }
}
@keyframes fade {
  to {
    opacity: 1;
  }
}
#christmas .p {
  margin: 0;
}
#christmas .christmas-container {
  position: relative;
  padding: 0 9.6rem;
  width: 100%;
  max-width: 158rem;
  margin: 0 auto;
}
@media only screen and (max-width: 62.5em) {
  #christmas .christmas-container {
    padding: 0 2.2rem;
  }
}
#christmas .christmas-hero {
  --line-divider: 1px solide grey;
  position: relative;
  width: 100vw;
  height: 100dvh;
  background: #FFDD00;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  padding: 0 2rem;
}
#christmas .christmas-hero::before, #christmas .christmas-hero::after {
  content: "";
  position: absolute;
  width: 25vw;
  height: 100%;
  border: 1px dashed rgba(128, 128, 128, 0.3);
  border-top: none;
  border-bottom: none;
}
#christmas .christmas-hero::before {
  left: 25vw;
}
#christmas .christmas-hero::after {
  right: 25vw;
  border-left: none;
}
#christmas .christmas-hero__label {
  position: relative;
  color: transparent;
  z-index: 0;
}
#christmas .christmas-hero__label::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  background: #FFDD00;
  z-index: 1;
  transform: translateY(100%);
}
#christmas .christmas-hero__label::after {
  content: "Touchdown with Send App";
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  z-index: 0;
  opacity: 0;
  color: #0F0404;
  transform: translateY(100%);
  animation: slide 1.2s cubic-bezier(0.16, 1, 0.3, 1) forwards, fade 1.6s linear forwards;
}
#christmas .christmas-hero__heading {
  max-width: 644px;
  text-align: center;
  margin-top: 1rem;
}
#christmas .christmas-hero__heading div {
  display: inline-block;
  white-space: pre;
  z-index: inherit;
}
#christmas .christmas-hero__heading span {
  --delay: 0.1s;
  position: relative;
  display: inline-block;
  transform: translateY(50%);
  opacity: 0;
  animation: slide 1s cubic-bezier(0.16, 1, 0.3, 1) forwards var(--delay), fade 1.2s linear forwards var(--delay);
}
#christmas .christmas-hero__heading span:nth-child(1) {
  --delay: 0.34s;
}
#christmas .christmas-hero__heading span:nth-child(2) {
  --delay: 0.48s;
}
#christmas .christmas-hero__heading span:nth-child(3) {
  --delay: 0.62s;
}
#christmas .christmas-hero__heading span:nth-child(4) {
  --delay: 0.76s;
}
#christmas .christmas-hero__heading span:nth-child(5) {
  --delay: 0.9s;
}
#christmas .christmas-hero__heading span:nth-child(6) {
  --delay: 1.04s;
}
#christmas .christmas-hero__heading span:nth-child(7) {
  --delay: 1.18s;
}
#christmas .christmas-hero__heading span:nth-child(8) {
  --delay: 1.32s;
}
#christmas .christmas-hero__heading span:nth-child(9) {
  --delay: 1.46s;
}
#christmas .christmas-hero__heading span:nth-child(10) {
  --delay: 1.6s;
}
#christmas .christmas-hero__plane-img {
  position: absolute;
  height: 140vh;
  width: auto;
  z-index: 0;
  visibility: hidden;
  transform: translateY(-140vh);
  animation: move-plane 2s ease-in infinite paused;
}
@media only screen and (max-width: 56.25em) {
  #christmas .christmas-hero__plane-img {
    height: 100vh;
  }
}
@media only screen and (max-width: 37.5em) {
  #christmas .christmas-hero__plane-img {
    height: 60vh;
    animation: move-plane 3s ease-in infinite;
  }
}
@keyframes move-plane {
  from {
    transform: translateY(-140vh);
  }
  to {
    transform: translateY(130vh);
  }
}
#christmas .christmas-summary {
  position: relative;
  padding: 6vw 0 16vw;
  overflow: hidden;
}
@media only screen and (max-width: 1320px) {
  #christmas .christmas-summary {
    padding-bottom: 12vw;
  }
}
@media only screen and (max-width: 62.5em) {
  #christmas .christmas-summary {
    padding-bottom: 16vw;
  }
}
#christmas .christmas-summary__text {
  padding-top: 22vw;
  max-width: 72rem;
}
@media only screen and (max-width: 1320px) {
  #christmas .christmas-summary__text {
    padding-top: 20vw;
  }
}
@media only screen and (max-width: 62.5em) {
  #christmas .christmas-summary__text {
    padding-top: 30vw;
  }
}
#christmas .christmas-summary__heading {
  margin-top: 2.8rem;
}
#christmas .christmas-summary__carousel {
  position: absolute;
  width: 100vw;
  height: auto;
  top: 0;
  left: calc(-56.5vw + 50%);
}
@media only screen and (max-width: 62.5em) {
  #christmas .christmas-summary__carousel {
    width: 125vw;
  }
}
#christmas .christmas-summary__carousel--2 {
  display: none;
}
#christmas .christmas-bundle {
  color: white;
  background-color: #547EF2;
  padding: 10.9rem 0;
}
#christmas .christmas-bundle--travel .christmas-bundle__offer-image {
  background: transparent;
  border: none;
  width: 17rem;
  height: auto;
  margin: 4rem 2.8rem 2.4rem;
}
#christmas .christmas-bundle--travel .christmas-bundle__offer-lottie {
  border: none;
  width: 25rem;
  height: 25rem;
  min-height: 20rem;
  margin: -0.5rem 0 -3rem -2.2rem;
}
#christmas .christmas-bundle--gifts {
  background-color: #173B1C;
}
#christmas .christmas-bundle--events {
  background-color: #0F0404;
}
#christmas .christmas-bundle--adventures {
  background-color: #FFF9F2;
  color: #0F0404;
}
@media only screen and (max-width: 56.25em) {
  #christmas .christmas-bundle--events, #christmas .christmas-bundle--adventures {
    padding-bottom: 0;
  }
}
#christmas .christmas-bundle--letters {
  background-color: #BA3D1C;
}
#christmas .christmas-bundle--music {
  position: relative;
  background-color: #0F0404;
}
#christmas .christmas-bundle--music .christmas-bundle__offer-cta {
  position: relative;
  display: block;
  margin: -5rem auto 14rem;
}
@media only screen and (max-width: 37.5em) {
  #christmas .christmas-bundle--music .christmas-bundle__offer-cta {
    margin: 2rem auto 8rem;
  }
}
#christmas .christmas-bundle__heading,
#christmas .christmas-bundle .p {
  max-width: 76rem;
}
#christmas .christmas-bundle .p {
  margin-top: 2.4rem;
}
#christmas .christmas-bundle__tag {
  position: relative;
  display: flex;
  justify-self: right;
  margin-top: -10.9rem;
}
@media only screen and (max-width: 62.5em) {
  #christmas .christmas-bundle__tag {
    justify-self: left;
    transform-origin: top left;
    margin-bottom: 3rem;
  }
}
@media only screen and (max-width: 37.5em) {
  #christmas .christmas-bundle__tag {
    transform: scale(0.8);
  }
}
#christmas .christmas-bundle__tokens {
  width: 100%;
  min-width: 50rem;
  transform: translateX(-18%);
  margin-top: 12vw;
}
@media only screen and (max-width: 37.5em) {
  #christmas .christmas-bundle__tokens {
    margin-top: 0rem;
  }
}
#christmas .christmas-bundle__tokens path {
  transform-origin: center;
  transform-box: fill-box;
}
#christmas .christmas-bundle__tokens path:nth-child(1), #christmas .christmas-bundle__tokens path:nth-child(3) {
  animation-delay: 3.5s;
}
#christmas .christmas-bundle__tokens path:nth-child(1), #christmas .christmas-bundle__tokens path:nth-child(3) {
  animation: spin 3s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
#christmas .christmas-bundle__tokens path:nth-child(2), #christmas .christmas-bundle__tokens path:nth-child(4) {
  animation: bounce 1s ease-out forwards infinite;
}
@keyframes bounce {
  0% {
    transform: translateY(0);
  }
  20% {
    transform: translateY(-38px);
  }
  40% {
    transform: translateY(38px);
  }
  60% {
    transform: translateY(-8px);
  }
  80% {
    transform: translateY(0);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
#christmas .christmas-bundle__offerings {
  display: flex;
  flex-direction: row;
  margin-top: 10.7rem;
  align-items: stretch;
  flex-wrap: wrap;
}
@media only screen and (max-width: 46.875em) {
  #christmas .christmas-bundle__offerings {
    margin-top: 6rem;
  }
}
#christmas .christmas-bundle__offerings > li {
  list-style: none;
  align-items: stretch;
  flex: 1;
  min-width: 28rem;
}
#christmas .christmas-bundle__offer {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  border: 1px solid rgba(255, 255, 255, 0.4);
  font-size: 1.6rem;
  line-height: 2.4rem;
}
#christmas .christmas-bundle__offer-image {
  height: 20rem;
  width: 100%;
  object-fit: cover;
  background: white;
  border: 5px solid white;
}
@media only screen and (max-width: 37.5em) {
  #christmas .christmas-bundle__offer-image {
    height: auto;
  }
}
#christmas .christmas-bundle__offer-body {
  padding: 2.4rem 2.8rem 3.6rem;
}
#christmas .christmas-bundle__offer-heading {
  margin-bottom: 2.4rem;
}
#christmas .christmas-bundle__offer-codes {
  margin-top: 2.4rem;
}
#christmas .christmas-bundle__offer-cta {
  display: inline-block;
  margin-top: 5rem;
  border-radius: 5rem;
  border: 1px solid white;
  width: 100%;
  padding: 1.6rem;
  font-weight: 500;
  font-size: 1.5rem;
  background: transparent;
  color: white;
  cursor: pointer;
  transition: 1.2s cubic-bezier(0.16, 1, 0.3, 1);
  max-width: 34.5rem;
  text-decoration: none;
  text-align: center;
}
#christmas .christmas-bundle__offer-cta--alt {
  background: #6931A1;
  border: none;
}
#christmas .christmas-bundle__offer-cta::after {
  display: inline-block;
  content: "→";
  transform: translateX(0.5rem);
  transition: inherit;
}
#christmas .christmas-bundle__offer-cta:hover {
  background: white;
  color: #0F0404;
}
#christmas .christmas-bundle__offer-cta:hover::after {
  transform: translateX(1rem);
}
#christmas .christmas-bundle__playlist-img {
  width: 100%;
  height: auto;
  margin-top: 12rem;
}
@media only screen and (max-width: 37.5em) {
  #christmas .christmas-bundle__playlist-img {
    position: relative;
    width: 110vw;
    left: calc(-55vw + 50%);
    margin-top: 7rem;
  }
}

@media only screen and (max-width: 37.5em) {
  #home {
    overflow-x: hidden;
  }
}
#home .section-payout__info,
#home .section-fee__info,
#home .section-options__info,
#home .section-faqs__info,
#home .section-heart__info {
  max-width: 72rem;
}
#home .section-payout {
  background-color: #FFDD00;
  padding-bottom: 1rem;
  z-index: 0;
}
#home .section-payout figure {
  position: relative;
  width: 100vw;
  left: calc(-50vw + 50%);
  margin: -12rem 0 -5rem;
  pointer-events: none;
  z-index: -1;
}
@media only screen and (max-width: 56.25em) {
  #home .section-payout figure {
    margin: 0 0 2rem;
  }
}
#home .section-fee {
  background-color: #6931A1;
  color: white;
  margin-top: 0;
  padding-bottom: 0rem;
  z-index: 1;
}
#home .section-fee .container {
  display: flex;
}
@media only screen and (max-width: 46.875em) {
  #home .section-fee .container {
    flex-wrap: wrap;
  }
}
#home .section-fee__info {
  flex-shrink: 0;
}
@media only screen and (max-width: 46.875em) {
  #home .section-fee__info {
    flex-shrink: 1;
    width: 100%;
  }
}
#home .section-fee__illustration {
  margin: 20rem 15rem -8rem;
  filter: drop-shadow(0px 20px 20px rgba(0, 0, 0, 0.25));
}
@media only screen and (max-width: 46.875em) {
  #home .section-fee__illustration svg {
    width: 60vw;
    height: auto;
    margin: -16rem 30rem -2rem;
  }
}
@media only screen and (max-width: 37.5em) {
  #home .section-fee__illustration svg {
    height: auto;
    margin: -18rem 8rem 6rem;
  }
}
#home .section-options {
  background-color: #FFC4C9;
}
#home .section-options__option {
  margin-top: 15rem;
}
@media only screen and (max-width: 62.5em) {
  #home .section-options__option {
    margin-top: 10rem;
  }
}
@media only screen and (max-width: 37.5em) {
  #home .section-options__option {
    margin-top: 8rem;
  }
}
#home .section-options__option .p {
  margin-top: 1.2rem;
  max-width: 66rem;
}
#home .section-options__option-lottie {
  position: relative;
  width: 100%;
  height: 60rem;
  box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.25);
  border-radius: 5rem;
  background-color: #FFC4C9;
  margin-top: 6.7rem;
  overflow: hidden;
  /** This is a interim fallback static image for the lottie file on Safari. 
  The lottie animation currently causes a lag on Safari desktop browser */
}
#home .section-options__option-lottie figure {
  margin: 0 auto;
}
@media not all and (min-resolution: 0.001dpcm) {
  #home .section-options__option-lottie figure {
    display: none;
  }
}
#home .section-options__option-lottie img {
  display: none;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
@media not all and (min-resolution: 0.001dpcm) {
  #home .section-options__option-lottie img {
    display: block;
  }
}
@media only screen and (max-width: 62.5em) {
  #home .section-options__option-lottie {
    height: auto;
  }
}
@media only screen and (max-width: 37.5em) {
  #home .section-options__option-lottie {
    margin-top: 4rem;
    border-radius: 2rem;
  }
}
#home .section-options:nth-child(3) {
  display: none;
}
#home .section-security {
  color: white;
  background-color: #203A1F;
}
#home .section-security__info {
  max-width: 90rem;
  font-size: 1.6rem;
}
#home .section-security__certificate {
  width: 100%;
  background-color: #FFF9F2;
  color: black;
  padding: 0rem 9rem 0;
  border-radius: 5rem;
}
@media only screen and (max-width: 46.875em) {
  #home .section-security__certificate {
    padding: 0rem 3rem 0;
  }
}
#home .section-security__certificate .h5 {
  font-size: 2rem;
  margin-bottom: 2rem;
}
#home .section-security__certificate--iso {
  transform: rotate(-2.5deg);
  margin-top: 16rem;
  padding-top: 12rem;
}
@media only screen and (max-width: 46.875em) {
  #home .section-security__certificate--iso {
    margin-top: 9rem;
    padding-top: 6rem;
  }
}
#home .section-security__certificate--iso svg {
  margin: 8rem auto -0.66rem;
  width: 100%;
}
@media only screen and (max-width: 46.875em) {
  #home .section-security__certificate--iso svg {
    margin-top: 2rem;
  }
}
@media only screen and (max-width: 37.5em) {
  #home .section-security__certificate--iso svg {
    height: 6rem;
  }
}
#home .section-security__certificate--dss {
  transform: rotate(1.5deg);
  margin-top: 14rem;
  padding-bottom: 15rem;
}
@media only screen and (max-width: 46.875em) {
  #home .section-security__certificate--dss {
    padding-bottom: 5rem;
  }
}
@media only screen and (max-width: 37.5em) {
  #home .section-security__certificate--dss {
    margin-top: 9rem;
  }
}
#home .section-security__certificate--dss svg {
  width: 100%;
  margin-bottom: 4rem;
  transform: translateY(-50%);
}
@media only screen and (max-width: 37.5em) {
  #home .section-security__certificate--dss svg {
    height: 10rem;
    margin-bottom: 0rem;
  }
}
#home .section-steps {
  background-color: #FFF9F2;
}
#home .section-steps__info {
  max-width: 63rem;
}
#home .section-testimonials {
  color: white;
  background-color: #203A1F;
}
#home .section-testimonials__info {
  max-width: 85rem;
}
#home .section-testimonials__carousel {
  position: relative;
  width: 100vw;
  left: calc(-50vw + 50%);
  margin-top: 22rem;
  transform: scale(1.03) rotate(-4deg);
}
@media only screen and (max-width: 46.875em) {
  #home .section-testimonials__carousel {
    margin-top: 12rem;
  }
}
#home .section-testimonials__carousel-cell {
  --bg-scale: 0;
  position: relative;
  background-color: #FFF9F2;
  color: black;
  border-radius: 5rem;
  width: 33vw;
  min-width: 30rem;
  max-height: 40rem;
  margin: 0rem 4rem;
  padding: 12rem 6rem;
  overflow: hidden;
}
#home .section-testimonials__carousel-cell:hover {
  --bg-scale: 1;
}
#home .section-testimonials__carousel-cell:hover a {
  opacity: 1;
  transform: translate(0);
}
#home .section-testimonials__carousel-cell::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #FFDD00;
  z-index: 1;
  transform-origin: bottom;
  transform: scaleY(var(--bg-scale));
  transition: 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  border-radius: inherit;
}
@media only screen and (max-width: 46.875em) {
  #home .section-testimonials__carousel-cell {
    margin: 0rem 2rem;
    width: 50vw;
    padding: 6rem 3rem;
    height: 32rem;
  }
}
@media only screen and (max-width: 37.5em) {
  #home .section-testimonials__carousel-cell {
    margin: 0rem 1rem;
  }
}
#home .section-testimonials__carousel-cell > * {
  position: relative;
  z-index: 3;
}
#home .section-testimonials__carousel-cell .h5 {
  font-size: 1.9rem;
}
#home .section-testimonials__carousel-cell .p {
  margin-top: 2rem;
}
#home .section-testimonials__carousel-cell a {
  display: flex;
  align-items: center;
  width: 5rem;
  height: 4rem;
  opacity: 0.8;
  margin-top: 6rem;
  transition: opacity 0.3s cubic-bezier(0.16, 1, 0.3, 1), transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
  opacity: 0;
  transform: translate(-12%, 12%);
}
#home .section-testimonials__carousel-cell a:hover {
  transform: translate(12%, -12%);
}
#home .section-faqs {
  background-color: #FFF9F2;
}
#home .section-reach {
  margin-top: -7rem;
  background-color: #FFC4C9;
}
@media only screen and (max-width: 37.5em) {
  #home .section-reach {
    padding-bottom: 16rem;
    margin-top: -8rem;
  }
}
#home .section-reach__info {
  max-width: unset;
  text-align: center;
}
#home .section-reach__currencies-container {
  position: relative;
  background-color: white;
  width: 100%;
  max-width: 120rem;
  height: 65rem;
  margin-top: 12.2rem;
  border-radius: 15rem;
  overflow: hidden;
  display: flex;
  justify-content: center;
}
@media only screen and (max-width: 56.25em) {
  #home .section-reach__currencies-container {
    height: 55vw;
    border-radius: 10vw;
    margin-top: 8rem;
  }
}
@media only screen and (max-width: 37.5em) {
  #home .section-reach__currencies-container {
    margin-top: 4rem;
  }
}
#home .section-reach__currencies-container canvas {
  background-color: #FFF9F2;
}

#summer {
  background-color: #700042;
}
#summer section h3 {
  color: #5E3030;
  line-height: unset;
}
#summer .summer-nav {
  position: absolute;
  display: flex;
  justify-content: space-between;
  align-items: center;
  top: 2rem;
  z-index: 1;
  width: 80vw;
  left: 10vw;
}
#summer .summer-nav__menu {
  display: flex;
}
#summer .summer-nav__menu a {
  color: #FFF9F2;
  text-decoration: none;
  font-weight: 500;
}
#summer .summer-nav__menu a:first-child {
  margin-right: 3rem;
}
@media only screen and (max-width: 37.5em) {
  #summer .summer-nav__menu a:first-child {
    margin-right: 2rem;
  }
}
@media only screen and (max-width: 37.5em) {
  #summer .summer-nav__logo {
    width: 8rem;
    height: auto;
  }
}
@media only screen and (max-width: 46.875em) {
  #summer .summer-nav {
    width: 90%;
    left: 5%;
  }
}
#summer .summer-tag {
  font-family: "Garnett", sans-serif;
  font-weight: 500;
  font-size: 1.8rem;
  width: fit-content;
  border-radius: 50px;
  padding: 1.2rem 2.2rem;
  background-color: #FFF9F2;
  border: 4px solid #FFC4C9;
  transform: rotate(-5.8deg) translateY(-0.8rem);
  z-index: 1;
}
@media only screen and (max-width: 37.5em) {
  #summer .summer-tag {
    padding: 0.8rem 1.8rem;
  }
}
#summer .summer-cta {
  color: #b5000a;
  font-size: 1.8rem;
}
#summer .summer-hero {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100vw;
  height: 100vh;
  left: calc(-50vw + 50%);
  background-color: #700042;
  background-position: center;
  background-size: cover;
  z-index: -1;
  mask: url("/images/summer-campaign/hero-mask.svg");
  mask-size: 145vw;
  mask-repeat: no-repeat;
  mask-position: bottom center;
}
@media only screen and (max-width: 62.5em) {
  #summer .summer-hero {
    mask-size: 190vw;
  }
}
@media only screen and (max-width: 37.5em) {
  #summer .summer-hero {
    mask-size: 240vw;
    height: 90vh;
  }
}
#summer .summer-hero > * {
  z-index: 1;
}
#summer .summer-hero::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 150%;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 0;
}
#summer .summer-hero__copy {
  width: 95%;
  max-width: 80rem;
  text-align: center;
  margin: auto 0;
  color: #FFF9F2;
  z-index: 1;
}
#summer .summer-hero__heading {
  font-size: 7.2rem;
  line-height: 78px;
  color: #FFF9F2;
}
@media only screen and (max-width: 56.25em) {
  #summer .summer-hero__heading {
    font-size: 6rem;
    line-height: 6.6rem;
  }
}
@media only screen and (max-width: 31.25em) {
  #summer .summer-hero__heading {
    font-size: 4rem;
    line-height: 4.4rem;
  }
}
#summer .summer-hero__video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  object-fit: cover;
  z-index: 0;
}
#summer .summer-hero .test {
  pointer-events: none;
}
#summer .summer-guides {
  display: grid;
  justify-items: center;
  padding: 18.8rem 0 20rem;
  background-color: #700042;
}
@media only screen and (max-width: 56.25em) {
  #summer .summer-guides {
    padding-top: 12rem;
  }
}
@media only screen and (max-width: 37.5em) {
  #summer .summer-guides {
    padding-bottom: 12rem;
  }
}
#summer .summer-guides .divider {
  margin-top: 16rem;
  outline: none;
  border: none;
  display: none;
}
#summer .summer-guides__heading {
  text-align: center;
  color: white;
}
#summer .summer-guides__subtext {
  color: white;
  max-width: 80rem;
  text-align: center;
}
#summer .summer-guides .summer-tag {
  transform: rotate(-3.6deg) translateY(-0.5rem);
}
#summer .summer-guides__carousel {
  width: 100vw;
  left: calc(-50vw + 50%);
  margin-top: 7rem;
}
@media only screen and (max-width: 37.5em) {
  #summer .summer-guides__carousel {
    margin-top: 4rem;
  }
}
#summer .summer-guides__carousel-heading {
  color: #FFF9F2;
  line-height: 1.1;
}
#summer .summer-guides__carousel-cta {
  display: flex;
  align-items: center;
  margin-top: auto;
  width: fit-content;
  background-color: #FFF9F2;
  color: #5E3030;
}
#summer .summer-guides__carousel-cta svg {
  transform: scale(0.8);
  margin-left: 8px;
}
#summer .summer-guides__carousel-item {
  display: flex;
  flex-direction: column;
  background-color: transparent;
  border-radius: 5rem;
  width: 33vw;
  min-width: 50rem;
  height: 40rem;
  margin: 0rem 2rem;
  padding: 4rem 5rem;
}
#summer .summer-guides__carousel-item--city-img {
  margin: 0rem -5rem;
}
@media only screen and (max-width: 37.5em) {
  #summer .summer-guides__carousel-item {
    min-width: 33rem;
    height: 35rem;
    margin: 0rem 1rem;
    padding: 2rem 3rem;
  }
}
#summer .summer-guides__carousel-item:nth-child(1) {
  display: grid;
  gap: 20px;
  color: white;
  background-color: #BA3D1C;
}
#summer .summer-guides__carousel-item:nth-child(2) img, #summer .summer-guides__carousel-item:nth-child(3) img, #summer .summer-guides__carousel-item:nth-child(4) img, #summer .summer-guides__carousel-item:nth-child(5) img {
  width: auto;
  height: 100%;
  transform: scale(1.18);
  object-fit: contain;
}
#summer .summer-esim {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 24rem 3rem 11rem;
  margin: 0 auto;
}
@media only screen and (max-width: 56.25em) {
  #summer .summer-esim {
    padding-top: 12rem;
    flex-wrap: wrap;
  }
}
#summer .summer-esim__heading-wrapper {
  max-width: 32rem;
}
#summer .summer-esim__lottie {
  width: 50rem;
  height: auto;
  filter: drop-shadow(16px 16px 10px rgba(0, 0, 0, 0.2));
  flex-shrink: 0;
}
@media only screen and (max-width: 62.5em) {
  #summer .summer-esim__lottie {
    width: 40rem;
  }
}
#summer .summer-esim__flux {
  max-width: 40rem;
}
@media only screen and (max-width: 37.5em) {
  #summer .summer-esim__flux {
    max-width: unset;
  }
}
#summer .summer-esim__flux-about {
  font-weight: 400;
}
#summer .summer-webinar {
  position: relative;
  width: 100vw;
  left: calc(-50vw + 50%);
  background: linear-gradient(180deg, #FFC4C9 26.34%, #fee5e7 100%);
  padding-bottom: 15rem;
}
@media only screen and (max-width: 37.5em) {
  #summer .summer-webinar {
    padding-bottom: 12rem;
  }
}
#summer .summer-webinar::before {
  position: absolute;
  content: "";
  width: 100vw;
  height: 13vw;
  top: 0;
  transform-origin: bottom;
  transform: rotate(3.5deg) scale(0.2);
}
#summer .summer-webinar__divider {
  width: 100vw;
  height: auto;
  transform: scaleX(1.1) scaleY(0.6) rotate(-4.5deg);
  margin-top: -14rem;
}
@media only screen and (max-width: 37.5em) {
  #summer .summer-webinar__divider {
    transform: scaleX(1.1) scaleY(1.5) rotate(-5deg) translateY(10%);
  }
}
#summer .summer-webinar__divider path {
  animation: dash 22s linear infinite alternate;
}
@keyframes dash {
  0% {
    stroke-dasharray: 4000;
    stroke-dashoffset: 4000;
  }
  100% {
    stroke-dasharray: 4000;
    stroke-dashoffset: 0;
  }
}
#summer .summer-webinar__wrapper {
  display: flex;
  align-items: center;
  flex-direction: column;
  background-color: #FFF9F2;
  width: 90vw;
  margin: 0 auto;
  border-radius: 5rem;
  margin-top: 4rem;
  padding: 8.3rem 4.6rem;
}
@media only screen and (max-width: 37.5em) {
  #summer .summer-webinar__wrapper {
    border-radius: 2rem;
    padding: 8.3rem 2.4rem 4.4rem;
  }
}
#summer .summer-webinar__heading {
  max-width: 48rem;
  text-align: center;
}
#summer .summer-webinar__videowrapper {
  position: relative;
  background-color: #203A1F;
  width: 100%;
  height: 45vw;
  margin-top: 6.7rem;
  border-radius: 1.2rem;
  overflow: hidden;
}
@media only screen and (max-width: 37.5em) {
  #summer .summer-webinar__videowrapper {
    margin-top: 4rem;
  }
}
#summer .summer-webinar__video {
  width: 100%;
  height: 100%;
  outline: none;
  border: none;
  object-fit: cover;
}
#summer .summer-webinar__play-button {
  --size: 8rem;
  border-radius: 100%;
  bottom: calc(50% - var(--size) / 2);
  left: calc(50% - var(--size) / 2);
  padding: 0.2rem;
  position: absolute;
  width: var(--size);
  height: var(--size);
  transition: transform 1s cubic-bezier(0.16, 1, 0.3, 1);
  background-color: transparent;
  cursor: pointer;
  border: none;
}
#summer .summer-webinar__play-button:hover {
  transform: scale(1.25);
}
@media only screen and (max-width: 37.5em) {
  #summer .summer-webinar__play-button {
    --size: 5rem;
  }
}
#summer .summer-webinar__play-button svg {
  border-radius: 100%;
  height: 100%;
  width: 100%;
}
#summer .summer-offerings {
  display: flex;
  flex-direction: column;
  padding: 24rem 3rem 18rem;
  background: white;
}
@media only screen and (max-width: 56.25em) {
  #summer .summer-offerings {
    padding-top: 15rem;
  }
}
@media only screen and (max-width: 37.5em) {
  #summer .summer-offerings {
    padding: 10rem 3rem;
  }
}
#summer .summer-offerings .summer-offering {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 116rem;
  margin: 0 auto;
}
@media only screen and (max-width: 56.25em) {
  #summer .summer-offerings .summer-offering {
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: unset;
  }
}
#summer .summer-offerings .summer-offering__copy {
  max-width: 55rem;
  width: 100%;
}
#summer .summer-offerings .summer-offering__image {
  width: 100%;
  max-width: 50rem;
  height: auto;
}
#summer .summer-offerings .summer-offering__image--lottie {
  transform: translateX(-10%);
}
#summer .summer-offerings .summer-offering__image--moe {
  animation: tilt-shaking 3s cubic-bezier(0.16, 1, 0.3, 1) forwards infinite;
}
@keyframes tilt-shaking {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(6deg);
  }
  50% {
    transform: rotate(0eg);
  }
  75% {
    transform: rotate(-6deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@media only screen and (max-width: 56.25em) {
  #summer .summer-offerings .summer-offering__image {
    margin-top: 4rem;
  }
}
#summer .summer-offerings .summer-offering:not(:first-child) {
  margin-top: 20rem;
}
@media only screen and (max-width: 56.25em) {
  #summer .summer-offerings .summer-offering:not(:first-child) {
    margin-top: 8rem;
  }
}
#summer .summer-offerings .summer-offering:nth-of-type(even) {
  flex-direction: row-reverse;
}
@media only screen and (max-width: 56.25em) {
  #summer .summer-offerings .summer-offering:nth-of-type(even) {
    flex-direction: unset;
  }
}
#summer .summer-discount {
  padding: 17rem 0;
}
@media only screen and (max-width: 37.5em) {
  #summer .summer-discount {
    padding: 8rem 0;
  }
}
#summer .summer-discount__image {
  width: 100%;
  height: auto;
  margin: 0 auto;
}
#summer .summer-footer {
  position: relative;
  display: grid;
  justify-content: center;
  padding: 15rem 3rem 35rem;
  background-color: #173B1C;
}
@media only screen and (max-width: 37.5em) {
  #summer .summer-footer {
    padding: 8rem 3rem 18rem;
    overflow: hidden;
  }
}
#summer .summer-footer__divider {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: auto;
  transform: scaleX(1.1) translateY(-8vw);
}
#summer .summer-footer__content {
  color: #FFF9F2;
  max-width: 66rem;
  text-align: center;
}
#summer .summer-footer__form {
  display: grid;
  gap: 30px;
  margin-top: 6.4rem;
  background-color: white;
  border-radius: 2rem;
  padding: 5.8rem 4.8rem;
}
@media only screen and (max-width: 37.5em) {
  #summer .summer-footer__form {
    padding: 4.2rem 2rem;
  }
}
#summer .summer-footer__form-field {
  display: grid;
  gap: 10px;
  color: #202020;
  text-align: left;
  background-color: white;
}
#summer .summer-footer__form-input {
  outline: none;
  padding: 1.6rem;
  border: 1px solid #F0EDEA;
  border-radius: 1.2rem;
}
#summer .summer-footer__form-input select {
  border: none;
  outline: none;
  width: 100%;
  height: 100%;
  background-color: transparent;
}
#summer .summer-footer__form-cta {
  padding: 2rem;
}
#summer .summer-footer__form-consent {
  text-align: left;
  color: #202020;
  font-size: 1.4rem;
}
#summer .summer-footer__successful-subscription {
  display: flex;
  flex-direction: column;
  background-color: white;
  border-radius: 2rem;
  padding: 5.6rem 4.8rem;
  color: #202020;
}
#summer .summer-footer__successful-subscription .h5 {
  margin: 2.4rem 0 -1.4rem;
}
#summer .summer-footer__successful-subscription img {
  width: 7.4rem;
  height: auto;
  margin: 0 auto;
}
#summer .summer-footer__props {
  position: absolute;
  bottom: 0;
  width: 100%;
}
@media only screen and (max-width: 37.5em) {
  #summer .summer-footer__props {
    transform: translateY(27%);
  }
}

#eoy {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
#eoy img {
  width: 100%;
  height: auto;
  object-fit: cover;
  object-position: center center;
}
#eoy .container {
  padding: 0 1.6rem;
  max-width: 130rem;
  margin: 0 auto;
}
#eoy .onboard .feature__description, #eoy .onboard__paragraph, #eoy .summer__cta-text, #eoy .h-slides .taf__cta-paragraph, #eoy .h-slides .slide__paragraph, #eoy .eoy-stats .stat__description, #eoy .eoy-stats .context__paragraph, #eoy .eoy-hero__paragraphs p {
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-family: "Inter", sans-serif;
  font-weight: 400;
}
#eoy .section-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  display: flex;
}
#eoy .section-bg > div {
  flex: 1;
}
#eoy .section-bg__white {
  background: #fff;
}
#eoy .section-bg__offwhite {
  background: #FFF9F2;
}
@media only screen and (max-width: 56.25em) {
  #eoy .section-bg {
    display: none;
  }
}
#eoy .tagline {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: #FFF9F2;
  color: #6B3636;
  padding: 0 2rem;
  height: 5.2rem;
  border-radius: 4.8rem;
  border: 4px solid #FFC4C9;
  font-size: 2.8rem;
  font-weight: 500;
  letter-spacing: -0.05em;
  transform-origin: center top;
}
#eoy .eoy-nav {
  padding: 4rem 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 6;
}
#eoy .eoy-hero {
  height: clamp(100dvh, 100dvh, 102.4rem);
  position: relative;
}
@media only screen and (max-width: 56.25em) {
  #eoy .eoy-hero {
    height: unset;
    padding-top: 13rem;
    background: #fff;
  }
}
#eoy .eoy-hero__content {
  position: relative;
  height: 100%;
  z-index: 2;
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 56.25em) {
  #eoy .eoy-hero__content {
    padding: 0;
    flex-direction: column;
  }
}
#eoy .eoy-hero__text-content {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 56.25em) {
  #eoy .eoy-hero__text-content {
    padding: 0 1.6rem;
  }
}
#eoy .eoy-hero__title {
  font-size: 9rem;
  font-weight: 500;
  line-height: 93.3%;
  letter-spacing: -0.05em;
  max-width: 52.1rem;
  margin-top: 5rem;
}
@media only screen and (max-width: 56.25em) {
  #eoy .eoy-hero__title {
    font-size: clamp(5rem, 16dvw, 8rem);
  }
}
#eoy .eoy-hero__tagline {
  transform-origin: center top;
  animation: Tagline linear 4s infinite;
  position: relative;
  z-index: 3;
  margin-top: -1.6rem;
  margin-bottom: 6.6dvh;
}
@media only screen and (max-width: 56.25em) {
  #eoy .eoy-hero__tagline {
    margin-bottom: 4rem;
  }
}
#eoy .eoy-hero__paragraphs p {
  color: #6B3636;
  max-width: 41.3rem;
}
#eoy .eoy-hero__paragraphs p:not(:last-child) {
  margin-bottom: 3.5dvh;
}
@media only screen and (max-width: 56.25em) {
  #eoy .eoy-hero__paragraphs p:not(:last-child) {
    margin-bottom: 1.6rem;
  }
}
#eoy .eoy-hero__images {
  overflow: hidden;
  max-width: 49.2rem;
  display: flex;
  gap: 3.2rem;
  flex-direction: column;
}
@media only screen and (max-width: 56.25em) {
  #eoy .eoy-hero__images {
    gap: 3rem;
    flex-direction: row;
    max-width: 100%;
    background: #FFF9F2;
    padding: 4rem 0;
    margin-top: 4rem;
  }
}
#eoy .eoy-hero .image-slider {
  will-change: transform;
  padding-top: 4rem;
  text-align: center;
}
@media only screen and (max-width: 56.25em) {
  #eoy .eoy-hero .image-slider {
    display: flex;
    gap: 3rem;
    padding-top: unset;
  }
}
#eoy .eoy-hero .image-slider__item img {
  width: 100%;
  height: 100%;
}
#eoy .eoy-hero .image-slider__item:not(:last-child) {
  margin-bottom: 3.2rem;
}
@media only screen and (max-width: 56.25em) {
  #eoy .eoy-hero .image-slider__item:not(:last-child) {
    margin-bottom: 0;
  }
}
#eoy .eoy-hero .image-slider__item--1, #eoy .eoy-hero .image-slider__item--4, #eoy .eoy-hero .image-slider__item--5 {
  width: 90%;
  margin: 0 auto;
}
@media only screen and (max-width: 56.25em) {
  #eoy .eoy-hero .image-slider__item {
    width: 20rem;
    height: 20rem;
  }
}
#eoy .eoy-stats {
  position: relative;
  color: #6B3636;
}
#eoy .eoy-stats__content {
  position: relative;
  height: 100%;
  z-index: 2;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 3rem;
}
@media only screen and (max-width: 56.25em) {
  #eoy .eoy-stats__content {
    gap: 0;
  }
}
#eoy .eoy-stats__content > div {
  flex: 1;
}
@media only screen and (max-width: 56.25em) {
  #eoy .eoy-stats__content {
    padding: 0;
    flex-direction: column;
  }
}
#eoy .eoy-stats__left {
  height: 100dvh;
  display: flex;
  align-items: center;
  padding: 4rem 0;
  position: sticky;
  top: 0;
}
@media only screen and (max-width: 56.25em) {
  #eoy .eoy-stats__left {
    position: unset;
    top: unset;
    background: #fff;
    padding: 6rem 1.6rem;
    width: 100%;
  }
}
#eoy .eoy-stats__contexts {
  max-width: 52.1rem;
}
@media only screen and (max-width: 56.25em) {
  #eoy .eoy-stats__contexts {
    max-width: 72.7rem;
    margin: 0 auto;
  }
}
#eoy .eoy-stats .context:not(:last-child) {
  margin-bottom: 15rem;
}
@media only screen and (max-width: 56.25em) {
  #eoy .eoy-stats .context:not(:last-child) {
    margin-bottom: 5rem;
  }
}
#eoy .eoy-stats .context__title {
  font-weight: 600;
  font-size: 1.8rem;
  color: #BA3D1C;
  text-decoration: underline;
  margin-bottom: 2.4rem;
}
@media only screen and (max-width: 56.25em) {
  #eoy .eoy-stats .context__title {
    margin-bottom: 2rem;
  }
}
#eoy .eoy-stats .context__paragraph:not(:last-child) {
  margin-bottom: 1.6rem;
}
@media only screen and (max-width: 56.25em) {
  #eoy .eoy-stats__right {
    padding: 0 1.6rem;
    width: 100%;
  }
}
#eoy .eoy-stats .info {
  margin-left: auto;
  max-width: 72.7rem;
  padding: 6.4rem 4.6rem;
}
@media only screen and (max-width: 56.25em) {
  #eoy .eoy-stats .info {
    padding: 4rem 0;
    margin-right: auto;
  }
}
#eoy .eoy-stats .info__subtitle {
  font-size: 1.8rem;
  font-weight: 500;
  color: #BA3D1C;
  margin-bottom: 1.6rem;
}
#eoy .eoy-stats .info__title {
  font-size: 3.2rem;
  font-weight: 400;
  color: #6B3636;
  letter-spacing: -0.05em;
  padding-bottom: 1.6rem;
  border-bottom: 0.5px solid #BA3D1C;
  margin-bottom: 2.4rem;
}
#eoy .eoy-stats .info__demographic {
  margin-bottom: 23.7rem;
}
@media only screen and (max-width: 56.25em) {
  #eoy .eoy-stats .info__demographic {
    margin-bottom: 12rem;
  }
}
#eoy .eoy-stats .stat {
  display: flex;
  align-items: center;
  padding: 0.8rem 0;
  border-bottom: 0.5px solid #BA3D1C;
}
#eoy .eoy-stats .stat__ribbon {
  margin-right: 1rem;
  flex-shrink: 0;
}
#eoy .eoy-stats .stat__figure {
  font-size: 4rem;
  font-weight: 500;
  letter-spacing: -0.05em;
  width: 15.8rem;
  flex-shrink: 0;
}
#eoy .eoy-stats .stat__description {
  max-width: 27rem;
}
#eoy .hello {
  height: 100dvh;
  background: #7638B0;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
#eoy .hello__inner {
  position: relative;
}
@media only screen and (max-width: 56.25em) {
  #eoy .hello__inner {
    padding: 0 3rem;
  }
}
#eoy .hello__title {
  font-size: 12rem;
  max-width: 54rem;
  line-height: 86.6%;
  text-align: center;
  color: #fff;
  letter-spacing: -0.05em;
}
@media only screen and (max-width: 56.25em) {
  #eoy .hello__title {
    font-size: 8rem;
    max-width: 40rem;
  }
}
#eoy .hello__ribbon {
  position: absolute;
  top: 1.6rem;
  right: 18.4%;
}
#eoy .hello__taglines {
  display: flex;
  justify-content: center;
  position: relative;
  z-index: 3;
}
#eoy .hello .tagline {
  margin-top: -1.6rem;
}
#eoy .hello .tagline:first-child {
  animation: Tagline linear 4s infinite;
}
#eoy .hello .tagline:last-child {
  margin-left: -1.6rem;
  animation: Tagline linear 4s infinite reverse;
  animation-delay: 0.5s;
}
#eoy .hello__illustration {
  position: absolute;
  transform-origin: center center;
  pointer-events: none;
}
#eoy .hello__illustration--1 {
  width: 58vw;
  transform: rotate(-51.25deg);
  top: -50vw;
  left: -5vw;
  z-index: 6;
}
@media (orientation: portrait) {
  #eoy .hello__illustration--1 {
    width: 58vh;
    top: -30vw;
  }
}
#eoy .hello__illustration--2 {
  width: 50vw;
  top: -32vw;
  right: -10vw;
  transform: rotate(-129deg);
  z-index: 7;
}
@media (orientation: portrait) {
  #eoy .hello__illustration--2 {
    width: 50vh;
    top: -22vw;
  }
}
#eoy .hello__illustration--3 {
  width: 50vw;
  transform: rotate(53deg);
  bottom: -40vw;
  left: -8vw;
  z-index: 4;
}
@media (orientation: portrait) {
  #eoy .hello__illustration--3 {
    width: 50vh;
    bottom: -30vw;
  }
}
#eoy .hello__illustration--4 {
  width: 50vw;
  transform: rotate(-54.12deg);
  z-index: 5;
  bottom: -40vw;
  right: -11vw;
}
@media (orientation: portrait) {
  #eoy .hello__illustration--4 {
    width: 50vh;
    bottom: -30vw;
  }
}
#eoy .h-slides {
  padding: 10dvh 0;
  height: 100dvh;
  background: #B0DBF5;
  overflow-x: hidden;
}
@media only screen and (max-width: 56.25em) {
  #eoy .h-slides {
    height: unset;
  }
}
#eoy .h-slides__slides-wrapper {
  display: flex;
  gap: 1.6rem;
  height: 100%;
  will-change: transform;
}
@media only screen and (max-width: 56.25em) {
  #eoy .h-slides__slides-wrapper {
    flex-direction: column;
  }
}
#eoy .h-slides .slide {
  flex-shrink: 0;
  height: 100%;
  width: 40dvw;
  padding: 6.2dvh 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-radius: 3.2rem;
  overflow: hidden;
  gap: 1.6rem;
  position: relative;
}
@media only screen and (max-width: 56.25em) {
  #eoy .h-slides .slide {
    width: 100%;
    height: 67rem;
    max-width: 64rem;
    margin: 0 auto;
    overflow: hidden;
  }
}
#eoy .h-slides .slide__title, #eoy .h-slides .slide__bottom {
  position: relative;
  z-index: 4;
  padding: 0 5rem;
}
@media only screen and (max-width: 56.25em) {
  #eoy .h-slides .slide__title, #eoy .h-slides .slide__bottom {
    padding: 0 2rem;
  }
}
#eoy .h-slides .slide__title {
  font-size: 5.4dvh;
  font-weight: 400;
  letter-spacing: -0.04em;
  max-width: 50rem;
  line-height: 114%;
}
#eoy .h-slides .slide__title--bold {
  font-weight: 500;
}
#eoy .h-slides .slide__bottom .slide__title {
  margin-bottom: 1.5dvh;
  padding: 0;
}
#eoy .h-slides .slide__paragraph {
  font-size: 1.9dvh;
  line-height: 3rem;
}
#eoy .h-slides .slide--time {
  background: #B0DBF5;
  color: #0F0404;
}
#eoy .h-slides .slide--time .slide__illustration {
  width: auto;
  height: 50%;
  margin: 0 auto;
}
#eoy .h-slides .slide--cant-stop {
  background: #173B1C;
  color: #fff;
}
#eoy .h-slides .slide--cant-stop .slide__illustration {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -43%);
  width: 140%;
}
#eoy .h-slides .slide--payday {
  background: #6B3636;
  color: #fff;
}
#eoy .h-slides .slide--payday .slide__illustration {
  width: 89%;
  margin: 0 auto;
}
#eoy .h-slides .slide--london {
  background: #7638B0;
  color: #FFF9F2;
}
#eoy .h-slides .slide--london .slide__title {
  max-width: 43rem;
}
#eoy .h-slides .slide--london .slide__illustration {
  width: auto;
  height: 55%;
  margin: 0 auto;
}
#eoy .h-slides .slide--stand-out {
  background: #FFF9F2;
  color: #0F0404;
}
#eoy .h-slides .slide--stand-out .slide__title {
  max-width: 40rem;
}
#eoy .h-slides .slide--stand-out .slide__illustration {
  padding-left: 5rem;
}
@media only screen and (max-width: 56.25em) {
  #eoy .h-slides .slide--stand-out .slide__illustration {
    padding-left: 2rem;
  }
}
#eoy .h-slides .slide--stand-out .slide__paragraph {
  max-width: 45rem;
}
#eoy .h-slides .slide--tell-a-friend {
  background: #FF4F59;
  color: #fff;
}
@media only screen and (max-width: 56.25em) {
  #eoy .h-slides .slide--tell-a-friend .slide__title {
    margin-bottom: 2rem;
  }
}
#eoy .h-slides .slide--tell-a-friend .slide__illustration {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 142%;
}
#eoy .h-slides .slide--tell-a-friend .slide__paragraph {
  max-width: 40rem;
}
#eoy .h-slides .taf {
  display: flex;
  gap: 20vw;
  flex-shrink: 0;
}
@media only screen and (max-width: 56.25em) {
  #eoy .h-slides .taf {
    flex-direction: column;
    gap: 8rem;
  }
}
#eoy .h-slides .taf__right {
  flex-shrink: 0;
  text-align: right;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 5rem;
}
@media only screen and (max-width: 56.25em) {
  #eoy .h-slides .taf__right {
    align-items: center;
    padding: 0 2rem;
  }
  #eoy .h-slides .taf__right .taf__cta-paragraph {
    text-align: center;
  }
}
#eoy .h-slides .taf__cta-paragraph {
  color: #fff;
  max-width: 59rem;
  font-size: 3.2rem;
  line-height: 4.8rem;
  margin-bottom: 4.8rem;
  letter-spacing: -0.04em;
}
@media only screen and (max-width: 56.25em) {
  #eoy .h-slides .taf__cta-paragraph {
    font-size: 2.6rem;
    line-height: 4rem;
    letter-spacing: -0.03em;
    margin-bottom: 4rem;
  }
}
#eoy .h-slides .taf__cta-link {
  font-size: 2.6rem;
  text-decoration: underline;
  letter-spacing: -0.04em;
  color: #fff;
}
@media only screen and (max-width: 56.25em) {
  #eoy .h-slides .taf__cta-link {
    font-size: 2rem;
    letter-spacing: -0.02em;
  }
}
#eoy .summer {
  padding: 30rem 0 0;
  background: linear-gradient(180deg, #FF4F59 0%, #FFFAF3 34.8%);
  position: relative;
  overflow: hidden;
}
@media only screen and (max-width: 56.25em) {
  #eoy .summer {
    padding: 18rem 0 0;
  }
}
#eoy .summer__star {
  position: absolute;
  top: 3rem;
  width: 100%;
  left: 50%;
  transform: translateX(-50%);
  pointer-events: none;
  animation: Rotate 18s ease-in-out infinite;
}
@media only screen and (max-width: 56.25em) {
  #eoy .summer__star {
    width: 130%;
  }
}
#eoy .summer__header {
  max-width: 48.3rem;
  margin: 0 auto 11rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#eoy .summer__title {
  font-size: 7rem;
  line-height: 90%;
  font-weight: 500;
  text-align: center;
  letter-spacing: -0.05em;
}
#eoy .summer__tagline {
  margin: -0.8rem auto 0;
  position: relative;
  z-index: 3;
  animation: Tagline linear 4s infinite;
}
#eoy .summer__video-color-wrap {
  padding: 4rem 3rem;
  border-radius: 8rem;
}
@media only screen and (max-width: 56.25em) {
  #eoy .summer__video-color-wrap {
    padding: 3rem 1.6rem;
  }
}
@media only screen and (max-width: 31.25em) {
  #eoy .summer__video-color-wrap--1 {
    border-radius: 3rem;
  }
  #eoy .summer__video-color-wrap--2, #eoy .summer__video-color-wrap--3 {
    padding: 0;
  }
}
#eoy .summer__video-color-wrap--1 {
  background: #FFEBEC;
  position: relative;
}
#eoy .summer__video-color-wrap--2 {
  background: #FFE0E3;
}
#eoy .summer__video-color-wrap--3 {
  background: #FFD1D5;
}
#eoy .summer__illustration {
  position: absolute;
}
#eoy .summer__illustration--1 {
  width: 10.2rem;
  top: -5%;
  left: 7%;
  z-index: 4;
}
@media only screen and (max-width: 37.5em) {
  #eoy .summer__illustration--1 {
    top: -9%;
  }
}
#eoy .summer__illustration--2 {
  width: 13.6rem;
  bottom: 5%;
  right: 5%;
  z-index: 4;
}
@media only screen and (max-width: 37.5em) {
  #eoy .summer__illustration--2 {
    width: 10rem;
    bottom: 3%;
  }
}
#eoy .summer__video-wrapper {
  position: relative;
  background-color: #203A1F;
  width: 100%;
  height: 45vw;
  border-radius: 3rem;
  overflow: hidden;
}
#eoy .summer__video {
  width: 100%;
  height: 100%;
  outline: none;
  border: none;
  object-fit: cover;
}
#eoy .summer__play-button {
  --size: 8rem;
  border-radius: 100%;
  bottom: calc(50% - var(--size) / 2);
  left: calc(50% - var(--size) / 2);
  padding: 0.2rem;
  position: absolute;
  width: var(--size);
  height: var(--size);
  transition: transform 1s cubic-bezier(0.16, 1, 0.3, 1);
  background-color: transparent;
  cursor: pointer;
  border: none;
}
#eoy .summer__play-button:hover {
  transform: scale(1.25);
}
@media only screen and (max-width: 37.5em) {
  #eoy .summer__play-button {
    --size: 5rem;
  }
}
#eoy .summer__play-button svg {
  border-radius: 100%;
  height: 100%;
  width: 100%;
}
#eoy .summer__cta {
  max-width: 65rem;
  margin: 9.8rem auto 0;
  position: relative;
  z-index: 5;
}
#eoy .summer__cta-text {
  text-align: center;
  font-size: 2rem;
  line-height: 2.8rem;
}
#eoy .summer__cta-link {
  font-weight: 600;
  font-size: 1.8rem;
  color: #BA3D1C;
  text-decoration: underline;
  text-align: center;
  display: block;
  margin-top: 2.4rem;
}
#eoy .cta {
  padding: 25rem 0 40rem;
  background: linear-gradient(180deg, #FFFAF3 10%, #3193e9 40.57%, #557FF2 89%);
  color: #fff;
  position: relative;
  overflow: hidden;
}
#eoy .cta .container {
  max-width: 110rem;
}
#eoy .cta__text {
  font-family: "Garnett", sans-serif;
  font-size: 3.2rem;
  line-height: 4.8rem;
  margin-bottom: 3.2rem;
  color: #fff;
  max-width: 60rem;
}
#eoy .cta__link {
  font-family: "Garnett", sans-serif;
  color: #fff;
  text-decoration: underline;
}
#eoy .cta__globe {
  position: absolute;
  bottom: -25vw;
  right: -25vw;
  width: 80%;
  min-width: 50rem;
}
#eoy .illo-section {
  position: relative;
  margin-top: -15%;
  z-index: 10;
}
#eoy .onboard {
  padding: 30rem 0 50rem;
  background: #173B1C;
  color: #fff;
  margin-top: -14%;
  position: relative;
  overflow: hidden;
}
@media only screen and (max-width: 56.25em) {
  #eoy .onboard {
    padding: 15rem 0 30rem;
  }
}
#eoy .onboard__header {
  max-width: 64rem;
  margin-bottom: 15rem;
}
@media only screen and (max-width: 56.25em) {
  #eoy .onboard__header {
    margin-bottom: 10rem;
  }
}
#eoy .onboard__title {
  font-size: 4.8rem;
  line-height: 6.4rem;
  margin-bottom: 4rem;
}
#eoy .onboard__cta-btn {
  display: inline-block;
  padding: 1.2rem 2.4rem;
  background: #7638B0;
  color: #fff;
  font-family: "Garnett", sans-serif;
  font-weight: 500;
  border-radius: 4.8rem;
  border: 2px solid #FFC4C9;
  text-decoration: none;
  margin-bottom: 5.6rem;
}
@media only screen and (max-width: 56.25em) {
  #eoy .onboard__cta-btn {
    margin-bottom: 4rem;
  }
}
#eoy .onboard .feature {
  padding: 2.4rem 0;
  border-bottom: 0.5px solid rgba(255, 255, 255, 0.3);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 2rem;
}
@media only screen and (max-width: 56.25em) {
  #eoy .onboard .feature {
    gap: 1.2rem;
    align-items: flex-start;
    flex-direction: column;
  }
}
#eoy .onboard .feature__title {
  font-size: 1.8rem;
  font-weight: 500;
}
#eoy .onboard .feature__description {
  max-width: 33.2rem;
}
#eoy .onboard__illustration {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  overflow: visible;
}
@media only screen and (max-width: 56.25em) {
  #eoy .onboard__illustration {
    bottom: -2rem;
  }
}

@keyframes Rotate {
  from {
    transform: translateX(-50%) rotate(0deg);
  }
  to {
    transform: translateX(-50%) rotate(360deg);
  }
}
@keyframes Tagline {
  25% {
    transform: rotate(-7deg);
  }
  75% {
    transform: rotate(7deg);
  }
  100% {
    transform: rotate(0);
  }
}
@media only screen and (max-width: 37.5em) {
  #country-page {
    overflow: hidden;
  }
}
#country-page .section-steps {
  background-color: #6931A1;
  color: #FFF9F2;
  margin-top: -0.5rem;
  /** This is a interim fallback static image for the lottie file on Safari. 
  The lottie animation currently causes a lag on Safari desktop browser */
}
#country-page .section-steps figure, #country-page .section-steps img {
  position: absolute;
  width: 120rem;
  height: auto;
  bottom: 0;
  right: 0%;
  transform: translate(26%, 9%);
  filter: drop-shadow(16px 16px 10px rgba(0, 0, 0, 0.5));
}
@media not all and (min-resolution: 0.001dpcm) {
  #country-page .section-steps figure, #country-page .section-steps img {
    display: none;
  }
}
@media only screen and (max-width: 62.5em) {
  #country-page .section-steps figure, #country-page .section-steps img {
    display: none;
  }
}
#country-page .section-steps img {
  display: none;
  width: 110rem;
}
@media not all and (min-resolution: 0.001dpcm) {
  #country-page .section-steps img {
    display: block;
  }
}
@media only screen and (max-width: 62.5em) {
  #country-page .section-steps img {
    display: none;
  }
}
#country-page .section-steps__info .h1 {
  margin-bottom: 10rem;
}
#country-page .section-steps__step {
  max-width: 60rem;
}
@media only screen and (max-width: 1160px) {
  #country-page .section-steps__step {
    max-width: 45rem;
  }
}
@media only screen and (max-width: 62.5em) {
  #country-page .section-steps__step {
    max-width: 76rem;
  }
}
#country-page .section-steps__step:not(:last-child) {
  margin-bottom: 8rem;
}
#country-page .section-steps__step .p {
  margin-top: 1.2rem;
}
#country-page .section-options {
  position: relative;
  background-color: #FFC4C9;
}
#country-page .section-options .h1 {
  max-width: 108rem;
}
#country-page .section-options .p {
  max-width: 81rem;
}
@media only screen and (max-width: 46.875em) {
  #country-page .section-options__option:not(:first-child) {
    margin-top: 9rem;
  }
}
#country-page .section-options__option-requirements {
  max-width: 60rem;
  margin: 6rem 0;
}
#country-page .section-options__option-requirements:first-of-type {
  margin-top: 8rem;
}
@media only screen and (max-width: 37.5em) {
  #country-page .section-options__option-requirements:first-of-type {
    margin-top: 3rem;
  }
}
#country-page .section-options__option-divider {
  height: 1px;
  width: 100%;
  max-width: 80rem;
  border: 0.5px dashed #000000;
}
#country-page .section-options__option-lottie {
  position: relative;
  width: 100%;
  height: 60rem;
  box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.25);
  border-radius: 5rem;
  background-color: #FFC4C9;
  margin-top: 10rem;
  overflow: hidden;
  /** This is a interim fallback static image for the lottie file on Safari. 
  The lottie animation currently causes a lag on Safari desktop browser */
}
#country-page .section-options__option-lottie figure {
  margin: 0 auto;
}
@media not all and (min-resolution: 0.001dpcm) {
  #country-page .section-options__option-lottie figure {
    display: none;
  }
}
#country-page .section-options__option-lottie img {
  display: none;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
@media not all and (min-resolution: 0.001dpcm) {
  #country-page .section-options__option-lottie img {
    display: block;
  }
}
@media only screen and (max-width: 62.5em) {
  #country-page .section-options__option-lottie {
    height: auto;
  }
}
@media only screen and (max-width: 37.5em) {
  #country-page .section-options__option-lottie {
    margin-top: 4rem;
    border-radius: 2rem;
  }
}
#country-page .section-options__tabs {
  --active-tab-translate: 0%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-top: 10rem;
  padding: 0.7rem;
  border-radius: 8rem;
}
@keyframes toggle-scale {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.005);
  }
  100% {
    transform: scale(1);
  }
}
#country-page .section-options__tabs::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  border-radius: inherit;
  background-color: rgba(105, 49, 161, 0.2);
  animation: toggle-scale 0.8s infinite ease-in-out;
}
#country-page .section-options__tabs::after {
  position: absolute;
  content: "";
  width: 33%;
  height: 86%;
  background-color: #6931A1;
  border-radius: inherit;
  transition: 1s cubic-bezier(0.16, 1, 0.3, 1);
  transform: translateX(var(--active-tab-translate));
}
#country-page .section-options__tab {
  width: 33%;
  padding: 2.4rem 9.8rem;
  background-color: transparent;
  border: none;
  font-size: 1.6rem;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.5);
  z-index: 1;
  text-align: center;
}
#country-page .section-options__tab.active {
  color: white;
  transition: color 1.2s cubic-bezier(0.16, 1, 0.3, 1);
}
#country-page .section-options__tab--mobile {
  background-color: #6931A1;
  width: 100%;
  border-radius: 2rem;
  text-align: left;
}
#country-page .section-faqs {
  background-color: #FFF9F2;
}

.support-section {
  position: relative;
  padding: 0 2rem !important;
}
@media only screen and (min-width: 72.5em) {
  .support-section--withPadding {
    padding-left: 6rem;
    padding-right: 5rem;
  }
}

#support {
  min-height: 60rem;
}
#support h1,
#support h2,
#support h3,
#support h4,
#support h5,
#support h6 {
  color: #5E3030;
  letter-spacing: 0.5px;
}
#support .container.md {
  margin: 0 auto;
  max-width: 120rem;
}
@media only screen and (max-width: 72.5em) {
  #support .container.md {
    max-width: 100%;
  }
}
#support .image-wrapper {
  height: auto;
}
#support h5 {
  font-size: 2.5rem;
  line-height: 4.6rem !important;
}
@media only screen and (max-width: 56.25em) {
  #support h5 {
    font-size: 2.4rem !important;
    line-height: 2.8rem !important;
  }
}
@media only screen and (max-width: 37.5em) {
  #support h5 {
    font-size: 2rem !important;
    line-height: 2.2rem !important;
  }
}
#support .hero {
  padding: 7.5rem 2rem 4rem;
}
@media only screen and (max-width: 56.25em) {
  #support .hero {
    padding-top: 5rem;
    padding-bottom: 2rem;
  }
}
#support .hero__heading {
  font-size: 3.6rem;
  line-height: 1;
  margin-bottom: 3rem;
  font-weight: 400 !important;
}
@media only screen and (max-width: 56.25em) {
  #support .hero__heading {
    font-size: 2.4rem !important;
    line-height: 2.8rem !important;
  }
}
@media only screen and (max-width: 37.5em) {
  #support .hero__heading {
    font-size: 2rem !important;
    line-height: 2.2rem !important;
  }
}
#support .hero__info {
  width: 100%;
  max-width: 100% !important;
}
#support .hero__info p {
  font-size: 2rem;
  color: #5E3030;
}
@media only screen and (max-width: 56.25em) {
  #support .hero__info p {
    margin-top: 5px;
    font-size: 1.4rem !important;
    line-height: 1.8rem !important;
  }
}
#support .hero__wrapper {
  max-width: 120rem;
}
#support .hero__wrapper .form__field {
  width: 65%;
}
@media only screen and (max-width: 56.25em) {
  #support .hero__wrapper .form__field {
    width: 100% !important;
  }
}
#support .support__faq-container {
  padding: 0 2rem;
}
#support .support__article {
  color: #5E3030 !important;
}
#support .support__article p {
  margin-bottom: 1.5rem;
}
#support .support__article a {
  font-size: 1.8rem !important;
  color: #6931A1;
}
#support .support__article b {
  font-weight: 500 !important;
}
#support .support__article ul,
#support .support__article ol {
  padding-left: 40px;
  margin-bottom: 2rem;
}
@media only screen and (max-width: 56.25em) {
  #support .support__article ul,
#support .support__article ol {
    padding-left: 25px;
  }
}
#support .support__article ul li p,
#support .support__article ol li p {
  margin-bottom: 0.5rem !important;
}
#support .support__article h2 {
  font-weight: 500;
  padding-top: 20px;
  margin-bottom: 10px;
  font-size: 24px;
}
@media only screen and (max-width: 56.25em) {
  #support .support__article h2 {
    font-size: 2.2rem;
    line-height: 2.6rem;
  }
}
#support .support__article h3,
#support .support__article h4 {
  font-weight: 500;
  margin-bottom: 7px;
  padding-top: 10px;
  font-size: 20px !important;
}
@media only screen and (max-width: 56.25em) {
  #support .support__article h3,
#support .support__article h4 {
    font-size: 1.8rem;
    line-height: 2.6rem;
  }
}
#support .support__article h6 {
  border: 1px solid #e0e0e0;
  background-color: #f5faff;
  font-size: 16px;
  font-weight: 400;
  padding: 18px 20px;
  margin-bottom: 30px;
  border-radius: 4px;
}
#support .support__article h6 a {
  font-size: 16px !important;
}
#support .support__article h6::before {
  content: url("data:image/svg+xml,%3csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M20.9898 0H0V20.9898H20.9898V0ZM12.0931 14.0837C11.6556 14.2564 11.3074 14.3873 11.0463 14.478C10.7858 14.5686 10.4829 14.614 10.1383 14.614C9.60879 14.614 9.19654 14.4845 8.903 14.2262C8.60946 13.9679 8.46341 13.6405 8.46341 13.2427C8.46341 13.088 8.4742 12.9297 8.49578 12.7686C8.51809 12.6074 8.55334 12.4261 8.60154 12.2225L9.14905 10.2886C9.19726 10.103 9.23898 9.92669 9.27208 9.76266C9.30517 9.59718 9.321 9.44538 9.321 9.30724C9.321 9.06118 9.26992 8.88851 9.16848 8.79139C9.06559 8.69426 8.87206 8.64678 8.58356 8.64678C8.44254 8.64678 8.29721 8.66764 8.14828 8.71153C8.0008 8.75685 7.87273 8.79786 7.76769 8.83815L7.9123 8.24244C8.27059 8.09639 8.61377 7.9712 8.94113 7.8676C9.26848 7.76256 9.57785 7.71076 9.86923 7.71076C10.3952 7.71076 10.8009 7.83882 11.0866 8.09207C11.3707 8.34604 11.5139 8.67627 11.5139 9.08205C11.5139 9.16623 11.5038 9.31443 11.4844 9.52595C11.465 9.73819 11.4283 9.93173 11.3751 10.1094L10.8304 12.0376C10.7858 12.1923 10.7462 12.3693 10.7103 12.5671C10.675 12.765 10.6578 12.916 10.6578 13.0175C10.6578 13.2736 10.7146 13.4484 10.8297 13.5413C10.9434 13.6341 11.1427 13.6808 11.4247 13.6808C11.5578 13.6808 11.7067 13.6571 11.8751 13.611C12.042 13.565 12.1629 13.524 12.2391 13.4887L12.0931 14.0837ZM11.9967 6.25745C11.7427 6.49344 11.4369 6.61143 11.0794 6.61143C10.7225 6.61143 10.4146 6.49344 10.1585 6.25745C9.90376 6.02147 9.77498 5.73441 9.77498 5.39914C9.77498 5.06459 9.90448 4.77681 10.1585 4.53867C10.4146 4.29981 10.7225 4.1811 11.0794 4.1811C11.4369 4.1811 11.7434 4.29981 11.9967 4.53867C12.2506 4.77681 12.378 5.06459 12.378 5.39914C12.378 5.73513 12.2506 6.02147 11.9967 6.25745Z' fill='%232A3362'/%3e%3c/svg%3e");
  position: relative;
  margin-right: 13px;
  top: 5px;
}
#support .support__article table {
  margin-top: 50px;
  border-collapse: collapse;
  width: 100%;
  table-layout: fixed;
}
#support .support__article table th,
#support .support__article table td {
  padding: 0 30px 0 20px;
}
#support .support__article table th b,
#support .support__article table td b {
  color: #5E3030;
}
#support .support__article table th,
#support .support__article table tr:first-of-type td {
  background-color: rgba(255, 196, 202, 0.2);
  color: #5E3030;
  font-weight: 700;
  padding: 15px 10px 15px 20px;
}
#support .support__article table th p,
#support .support__article table tr:first-of-type td p {
  margin-top: 0 !important;
  margin-bottom: 0;
  font-weight: 700;
}
#support .support__article table tr td:first-of-type {
  vertical-align: top;
}
#support .support__article table td p {
  margin-bottom: 0;
  margin-top: 2.5rem;
}
#support .support__article table td:nth-child(1) p,
#support .support__article table th:nth-child(1) p {
  word-break: break-word;
}
#support .support__article__feedback {
  margin: 13rem 0 8rem;
}
#support .support__article__feedback h2 {
  font-size: 18px;
  margin-bottom: 0;
}
@media only screen and (max-width: 56.25em) {
  #support .support__article__feedback h2 {
    font-size: 1.6rem;
  }
}
@media only screen and (max-width: 56.25em) {
  #support .support__article__feedback span {
    display: inline-block;
    margin-bottom: 10px;
  }
  #support .support__article__feedback .user-feedback span {
    display: block;
  }
}
#support .support__article__feedback a {
  font-weight: 900;
  text-decoration: none;
  color: #6931A1;
}
#support .support__article__feedback .user-feedback {
  padding-top: 50px;
  padding-bottom: 25px;
  border-bottom: 1px solid #f3f3f3;
}
#support .support__article__feedback .user-feedback .button {
  font-size: 1.5rem !important;
  color: #ffffff;
  padding: 7px 16px;
  border-radius: 4px;
  display: inline-flex;
  align-items: center;
  transition: all 0.3s;
  background-color: #5E3030;
  border: 0;
  cursor: pointer;
}
@media only screen and (max-width: 56.25em) {
  #support .support__article__feedback .user-feedback .button {
    font-size: 1.4rem;
  }
}
#support .support__article__feedback .user-feedback .button svg {
  margin-left: 5px;
}
#support .support__article__feedback .user-feedback span {
  font-size: 1.8rem;
  margin-right: 30px;
  font-weight: 400;
}
@media only screen and (max-width: 56.25em) {
  #support .support__article__feedback .user-feedback span {
    font-size: 1.6rem;
  }
}
#support .support__article__feedback input {
  height: 43px;
  font-size: 1.4rem;
}
#support .support__article__feedback .form__field {
  margin-top: 15px;
}
#support .support__article__feedback .feedback-label {
  display: inline-block;
  margin-bottom: 10px;
  font-weight: 400;
}
#support .support__article__feedback .btn-group {
  margin-top: 30px;
  text-align: right;
}
#support .support__article__feedback .btn-group button {
  padding: 14px 16px;
  font-size: 1.4rem;
  border-radius: 10px;
  cursor: pointer;
}
#support .support__article__feedback .btn-group button:first-of-type {
  background-color: transparent;
  border: 1px solid #5E3030;
  color: black;
  margin-right: 5px;
}
#support .support__article__feedback .btn-group button:last-of-type {
  background-color: #5E3030;
  border: 1px solid #5E3030;
  color: white;
}
#support .support__row {
  display: flex;
  flex-wrap: wrap;
  padding-top: 0.7rem;
  margin-left: -20px;
  margin-right: -20px;
}
#support .support__col {
  position: relative;
  width: 100%;
  flex: 33.333333% 1;
  max-width: 33.333333%;
  margin-bottom: 8rem;
  padding-right: 20px;
  padding-left: 20px;
}
@media only screen and (max-width: 56.25em) {
  #support .support__col {
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
  }
}
#support .support__col img {
  width: 100%;
  height: 160px;
  border-radius: 10px;
  object-fit: cover;
}
@media only screen and (min-width: 72.5em) {
  #support .support__col img {
    width: 100%;
  }
}
#support .support__col h5 {
  margin-bottom: 1.5rem;
  font-weight: 500 !important;
}
#support .support__col h5 ~ p {
  margin-bottom: 20px;
}
#support .support__col p {
  line-height: 28px;
  font-size: 1.8rem;
  line-height: 30px;
  color: #5E3030 !important;
  font-weight: 300 !important;
}
#support .support__col p:first-of-type {
  margin-top: 1.5rem;
}
@media only screen and (max-width: 56.25em) {
  #support .support__col p {
    font-size: 1.6rem;
  }
}
@media only screen and (max-width: 37.5em) {
  #support .support__col p {
    margin-bottom: 10px !important;
  }
  #support .support__col p:last-of-type {
    margin-bottom: 20px !important;
  }
}
#support .support__col a {
  transition: all 0.3s;
}
#support .support__col a:hover {
  color: #6931A1;
}
@media only screen and (max-width: 37.5em) {
  #support .support__col a {
    font-size: 1.6rem;
  }
}
#support .support__content {
  margin: 0 auto;
  max-width: 75rem;
  width: 100%;
}
#support .support__content--category {
  max-width: 85rem;
}
#support .support__content--category .support__nav__link {
  font-size: 2rem !important;
  margin-bottom: 15px;
}
#support .support__grid {
  display: grid;
  padding-bottom: 200px;
  grid-template-columns: 330px calc(100% - 330px);
  max-width: 120rem;
  width: 100%;
  margin: 0 auto;
}
@media only screen and (max-width: 56.25em) {
  #support .support__grid {
    grid-template-columns: 100%;
  }
}
@media only screen and (max-width: 37.5em) {
  #support .support__grid {
    padding-bottom: 100px;
  }
}
#support .support__grid .support-faq {
  margin-top: 0;
}
#support .support__grid .support-faq__col {
  flex: 0 0 100% !important;
  max-width: 100% !important;
}
#support .support__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 1.6rem;
  margin-bottom: 5rem;
}
@media only screen and (max-width: 56.25em) {
  #support .support__header {
    display: block;
  }
}
#support .support__header .breadcrumb {
  margin-bottom: 0;
}
@media only screen and (max-width: 56.25em) {
  #support .support__header .breadcrumb {
    margin-bottom: 25px;
  }
}
#support .support__heading {
  font-size: 3.6rem;
  font-weight: 500;
  margin-bottom: 1rem;
}
#support .support__inner {
  margin-top: 4rem;
  text-align: justify;
  color: #5E3030;
}
@media only screen and (max-width: 37.5em) {
  #support .support__inner {
    text-align: left;
  }
}
#support .support__inner a {
  font-weight: 300;
  font-size: 1.8rem;
  transition: all 0.2s ease-in-out;
  padding-bottom: 1rem !important;
}
#support .support__inner a:hover {
  color: #6931A1;
}
#support .support__inner p {
  font-weight: 300;
  line-height: 30px;
  font-size: 18px;
}
@media only screen and (max-width: 56.25em) {
  #support .support__inner p {
    font-size: 1.6rem !important;
    line-height: 2.8rem !important;
  }
}
@media only screen and (max-width: 56.25em) {
  #support .support__inner .support__nav__item a {
    font-size: 1.6rem !important;
  }
}
#support .support__inner img,
#support .support__inner video {
  width: 100%;
  height: auto;
  padding-top: 5px;
  padding-bottom: 16px;
}
#support .support__inner video::-webkit-media-controls-panel {
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(29, 29, 29, 0.5) 100%) !important;
}
#support .support__inner code {
  white-space: pre-line;
  font-size: 17px;
}
#support .support__link {
  text-decoration: none;
  color: #6931A1;
  font-weight: 600;
  font-size: 1.8rem;
}
#support .support__nav {
  align-self: flex-start;
  margin-top: 1rem;
  position: sticky;
  top: 120px;
  z-index: 1;
}
@media only screen and (max-width: 56.25em) {
  #support .support__nav {
    position: static;
  }
}
#support .support__nav__item a {
  padding: 0.8rem 0;
  font-weight: 400;
}
#support .support__nav__item:first-child a {
  padding-top: 0;
}
#support .support__nav__link {
  text-decoration: none;
  color: #5E3030;
  display: inline-block;
  font-weight: 400;
  font-size: 1.8rem;
}
#support .support__nav__link--active {
  color: #6931A1 !important;
  font-weight: 600 !important;
}
@media only screen and (max-width: 56.25em) {
  #support .support__nav__link {
    font-size: 1.6rem !important;
  }
}
#support .support__nav__title {
  color: #5E3030;
  display: block;
  font-weight: bold;
  font-size: 1.8rem;
  padding-bottom: 1.5rem;
}
#support .support__search {
  position: relative;
  max-width: 341px;
  width: 100%;
}
#support .support__search .form__field__inner {
  border-color: #5E3030;
}
#support .support__search .form__input {
  font-size: 1.4rem;
  padding: 0.5rem 0 !important;
}
#support .support__sub-heading {
  color: #5E3030;
  font-size: 2rem;
}
@media only screen and (max-width: 56.25em) {
  #support .support__sub-heading {
    font-size: 1.6rem;
  }
}
@media only screen and (max-width: 56.25em) {
  #support .support__sub-heading {
    font-size: 1.5rem;
  }
}
#support .support__subscript {
  font-size: 1.4rem;
}
#support .support--articles .support__nav__link span {
  font-size: 17px;
  line-height: 25px;
}
@media only screen and (max-width: 56.25em) {
  #support .support--articles .support__nav__link span {
    font-size: 1.6rem !important;
  }
}
#support .support__error {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  text-align: center !important;
  padding-top: 7rem !important;
}
#support .support__error > div {
  width: 100%;
  padding: 2rem;
}
#support .support__error > div h1 {
  font-weight: 500;
  font-size: 7.8rem;
}
#support .support__error > div p {
  padding: 0 0 80px !important;
  margin: 0 !important;
  color: #5E3030;
  font-weight: 400;
  font-size: 2.4rem;
}
#support .support__error > div small {
  font-size: 1.4rem !important;
  color: #5E3030;
}
#support .support__error > div .alt-links {
  max-width: 400px;
  margin: 2rem auto 0;
  width: 100%;
}
#support .support__error > div .alt-links a {
  display: inline-block;
  margin-bottom: 20px;
}
#support .support__error > div .alt-links a:not(:last-of-type) {
  margin-right: 25px;
}
#support .request {
  padding: 5rem 2rem 4rem;
}
@media only screen and (max-width: 56.25em) {
  #support .request {
    padding-top: 5rem;
    padding-bottom: 2rem;
  }
}
#support .request h4 {
  font-size: 3.1rem !important;
  font-weight: 500 !important;
  margin-bottom: 2rem !important;
}
@media only screen and (max-width: 56.25em) {
  #support .request h4 {
    font-size: 2.4rem !important;
    line-height: 2.8rem !important;
  }
}
@media only screen and (max-width: 37.5em) {
  #support .request h4 {
    font-size: 2rem !important;
    line-height: 2.2rem !important;
  }
}
#support .request p {
  margin-top: 20px;
  margin-bottom: 7rem;
  font-weight: 400 !important;
}
#support .request__content {
  position: relative;
  z-index: 4;
  max-width: 65rem;
  width: 100%;
}
#support .request__content .btn--primary {
  background-color: #6931A1;
}
#support .request__feedback p {
  font-size: 2.4rem;
  line-height: 1.2;
  margin-bottom: 8rem;
  margin-top: 3rem;
  letter-spacing: normal;
}
#support .request__form {
  margin-top: 1rem;
}
#support .request__form input,
#support .request__form select,
#support .request__form textarea {
  border: 1px solid #c9c9c9 !important;
}
#support .request__form input::placeholder,
#support .request__form select::placeholder,
#support .request__form textarea::placeholder {
  color: #5E3030 !important;
}
#support .request__form .form__input {
  font-size: 1.4rem;
  width: 100% !important;
}
#support .request__form .form__field {
  margin-bottom: 4rem !important;
}

.mobile-only {
  display: none;
}
@media only screen and (max-width: 56.25em) {
  .mobile-only {
    display: block;
  }
}

.laptop-only {
  display: block;
}
@media only screen and (max-width: 56.25em) {
  .laptop-only {
    display: none;
  }
}

.delete-button {
  float: right;
  cursor: pointer;
}

#terms .terms {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  box-sizing: border-box;
  padding: 9rem 0;
}
@media only screen and (max-width: 62.5em) {
  #terms .terms {
    padding: 9rem 2rem;
  }
}
@media only screen and (max-width: 46.875em) {
  #terms .terms {
    padding: 5rem 2rem;
    flex-wrap: wrap;
  }
}
#terms .terms a {
  color: #6931A1;
}
#terms .terms ul {
  list-style-type: none;
}
#terms .terms select {
  color: #202020;
}
#terms .terms__dropdown {
  border: none;
  outline: none;
  background-color: #FFF9F2;
}
#terms .terms__content {
  width: 100%;
  max-width: 54rem;
  margin-right: 2rem;
  z-index: 0;
}
@media only screen and (max-width: 46.875em) {
  #terms .terms__content {
    max-width: unset;
    margin-right: 0;
  }
}
#terms .terms__content-subcategory {
  position: sticky;
  top: 12rem;
  display: none;
  margin-top: 3rem;
  width: 100%;
  padding: 2rem 4rem 2rem 1rem;
  border: 0.8px solid rgba(94, 48, 48, 0.6);
  border-radius: 1rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  outline: none;
  background-color: #FFF9F2;
  -webkit-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='48' width='48'%3E%3Cpath d='M24 29 13.8 18.8l.8-.8 9.4 9.4 9.4-9.4.8.8Z'/%3E%3C/svg%3E");
  background-size: 24px;
  background-repeat: no-repeat;
  background-position: calc(100% - 8px) center;
}
@media only screen and (max-width: 46.875em) {
  #terms .terms__content-subcategory {
    display: block;
    z-index: 3;
  }
}
@media only screen and (max-width: 37.5em) {
  #terms .terms__content-subcategory {
    top: 10rem;
  }
}
#terms .terms__content-body {
  margin-top: 2rem;
  overflow-x: hidden;
  position: relative;
  z-index: 0;
}
@media only screen and (max-width: 37.5em) {
  #terms .terms__content-body {
    margin-top: 1rem;
  }
}
#terms .terms__content-body .h4 {
  font-size: 3.6rem;
  line-height: 5rem;
}
#terms .terms__content-body h1 {
  margin-top: 4rem;
  font-size: 3.6rem;
  line-height: 5rem;
}
#terms .terms__content-body h2, #terms .terms__content-body h3, #terms .terms__content-body h4 {
  font-weight: normal;
  font-size: 2rem;
  margin-top: 4rem;
}
#terms .terms__content-body p {
  font-size: 1.8rem;
  line-height: 2.6rem;
  margin: 1.6rem 0 0;
}
#terms .terms__content-body p ul {
  padding-left: 2rem;
}
#terms .terms__content-body p ul li {
  margin-top: 1.6rem;
}
#terms .terms__topnav {
  top: 5rem;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
@media only screen and (max-width: 46.875em) {
  #terms .terms__topnav {
    position: sticky;
    z-index: 3;
  }
}
@media only screen and (max-width: 37.5em) {
  #terms .terms__topnav {
    top: 3rem;
  }
}
#terms .terms__topnav::before {
  position: absolute;
  content: "";
  background-color: #FFF9F2;
  top: 0;
  left: 0;
  width: 100%;
  height: 14rem;
  transform: translateY(-50%);
}
#terms .terms__topnav > * {
  z-index: 2;
}
@media only screen and (max-width: 46.875em) {
  #terms .terms__topnav-logo svg {
    width: 9rem;
  }
}
#terms .terms__sidenav {
  position: sticky;
  top: 5rem;
  display: flex;
  flex-direction: column;
  width: fit-content;
  width: 34rem;
  border-left: 1px solid rgba(94, 48, 48, 0.3);
  align-self: flex-start;
  padding-left: 3.8rem;
  overflow-y: scroll;
  height: 90vh;
}
#terms .terms__sidenav::-webkit-scrollbar {
  width: 0px;
  background: transparent;
  /* make scrollbar transparent */
}
@media only screen and (max-width: 46.875em) {
  #terms .terms__sidenav {
    display: none;
  }
}
#terms .terms__sidenav select {
  margin-bottom: 2rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 80%;
}
#terms .terms__sidenav ul li a::after {
  background-color: #6931A1;
}
#terms .terms__sidenav ul li:not(:last-child) {
  margin-bottom: 1.5rem;
}
#terms .terms__disclaimer {
  margin-top: 4rem;
}

#contact {
  overflow: hidden;
}
#contact .hero {
  padding-bottom: 40rem;
}
@media only screen and (max-width: 37.5em) {
  #contact .hero {
    padding-bottom: 37rem;
  }
}
@media screen and (max-width: 480px) {
  #contact .hero {
    padding-bottom: 24rem;
  }
}
#contact .hero__info {
  max-width: 57rem;
}
#contact .hero__heading-token--top {
  right: 50%;
  top: -16%;
}
#contact .hero__heading-token--bottom {
  bottom: -2%;
  right: 18%;
}
@media only screen and (max-width: 62.5em) {
  #contact .hero__heading-token--bottom {
    transform: scale(1);
    bottom: -2%;
  }
}
#contact .hero__heading .h3 {
  background-color: #fae56f;
  color: #372121;
}
#contact .hero__paper-plane {
  position: absolute;
  left: -8%;
  transform: scale(1.14) translateY(20%);
}
@media only screen and (max-width: 37.5em) {
  #contact .hero__paper-plane {
    display: none;
  }
}
#contact .hero__illustration-bottomhand img {
  --scale: 1.06;
  transform: rotate(-42deg) translate(12%, 52%) scale(var(--scale));
  animation: unset;
}
@media only screen and (max-width: 37.5em) {
  #contact .hero__illustration-bottomhand img {
    width: 100%;
    height: auto;
    margin-left: 16rem;
    margin-top: 15rem;
    --scale: 1.26;
  }
}
@media screen and (max-width: 480px) {
  #contact .hero__illustration-bottomhand img {
    margin-left: 12rem;
    margin-top: 22rem;
  }
}
#contact .hero__illustration-bottomhand img:nth-child(1) {
  top: 50%;
}
#contact .hero__illustration-bottomhand img:nth-child(2) {
  left: -91%;
}
@media only screen and (max-width: 37.5em) {
  #contact .hero__illustration-bottomhand img:nth-child(2) {
    margin-top: 18rem;
  }
}
@media screen and (max-width: 480px) {
  #contact .hero__illustration-bottomhand img:nth-child(2) {
    margin-top: 24rem;
  }
}
#contact .hero__widget {
  margin: 3rem auto 0;
}
@media only screen and (max-width: 37.5em) {
  #contact .hero__widget {
    width: 100%;
  }
}
#contact .hero__form {
  position: relative;
  font-size: 1.5rem;
  font-weight: 400;
  padding: 4.2rem 4.6rem 4.6rem;
  min-width: 49rem;
  width: 100%;
  min-height: 55rem;
  box-shadow: 0px 6px 20px 5px rgba(0, 0, 0, 0.25);
  border-radius: 2rem;
  z-index: 1;
  background-color: #FFF9F2;
}
@media only screen and (max-width: 37.5em) {
  #contact .hero__form {
    min-width: unset;
    padding: 4.2rem 2.6rem 4.6rem;
  }
}
#contact .hero__form form {
  display: flex;
  flex-direction: column;
}
#contact .hero__form-field {
  display: flex;
  flex-direction: column;
}
#contact .hero__form-field:not(:last-child) {
  margin-bottom: 2.4rem;
}
#contact .hero__form-field input,
#contact .hero__form-field select,
#contact .hero__form-field textarea {
  border-radius: 1.2rem;
  outline: none;
  resize: none;
  padding: 1.6rem;
  border: none;
  transition: all 0.3s;
  border: 1px solid #dfd6d6;
}
#contact .hero__form-field input:focus,
#contact .hero__form-field select:focus,
#contact .hero__form-field textarea:focus {
  border: 1px solid #6931A1 !important;
}
#contact .hero__form-field select {
  -webkit-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='48' width='48'%3E%3Cpath d='M24 29 13.8 18.8l.8-.8 9.4 9.4 9.4-9.4.8.8Z'/%3E%3C/svg%3E");
  background-size: 24px;
  background-repeat: no-repeat;
  background-position: calc(100% - 8px) center;
}
#contact .hero__form-field label {
  color: #5E3030;
  margin-bottom: 0.8rem;
}
#contact .hero__form-field button {
  width: 100%;
  margin-top: 3.2rem;
}

#press-kit .h5 {
  font-weight: 400;
}
#press-kit .section-assets {
  padding-top: 14rem;
  padding-bottom: 16rem;
}
@media only screen and (max-width: 37.5em) {
  #press-kit .section-assets {
    padding-top: 6rem;
    padding-bottom: 10rem;
  }
}
#press-kit .section-assets__section {
  margin-top: 5rem;
}
#press-kit .section-assets__wrapper {
  display: flex;
  width: 100%;
}
@media only screen and (max-width: 37.5em) {
  #press-kit .section-assets__wrapper {
    flex-wrap: wrap;
  }
}
#press-kit .section-assets__asset {
  width: 100%;
  max-width: 38rem;
}
@media only screen and (max-width: 37.5em) {
  #press-kit .section-assets__asset {
    max-width: unset;
  }
  #press-kit .section-assets__asset:not(:last-child) {
    margin-bottom: 2.5rem;
  }
}
#press-kit .section-assets__asset:first-of-type {
  margin-right: 3rem;
}
@media only screen and (max-width: 37.5em) {
  #press-kit .section-assets__asset:first-of-type {
    margin-right: 0;
  }
}
#press-kit .section-assets__asset-image {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 25rem;
  background-color: rgba(200, 200, 200, 0.5);
  border-radius: 1.2rem;
  margin: 2rem 0 1rem;
  transition: 1.2s cubic-bezier(0.16, 1, 0.3, 1);
}
@media only screen and (max-width: 37.5em) {
  #press-kit .section-assets__asset-image {
    height: 25rem;
  }
}
@media screen and (min-width: 480px) {
  #press-kit .section-assets__asset-image:hover {
    transform: scale(0.9);
  }
  #press-kit .section-assets__asset-image:hover img {
    transform: scale(var(--img-hover-scale));
  }
}
#press-kit .section-assets__asset-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: inherit;
}
#press-kit .section-assets__asset-image--primary-logo, #press-kit .section-assets__asset-image--alt-logo {
  --img-hover-scale: 0.75;
  background-color: #FFDD00;
}
#press-kit .section-assets__asset-image--primary-logo img, #press-kit .section-assets__asset-image--alt-logo img {
  transform: scale(0.6);
}
#press-kit .section-assets__asset-image--alt-logo {
  background-color: #5E3030;
}
#press-kit .section-assets__asset-image--mobile-app {
  --img-hover-scale: 1.1;
  background-color: rgba(105, 49, 161, 0.9);
  overflow: hidden;
  height: 25rem;
}
#press-kit .section-assets__asset-image--mobile-app img {
  width: auto;
  background-color: transparent;
  transform: scale(0.9);
}
#press-kit .section-assets__asset-image--web-app {
  background-color: rgba(105, 49, 161, 0.9);
}
#press-kit .section-assets__asset-image--web-app img {
  transform: scale(0.8);
}
#press-kit .section-assets__asset-label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #6931A1;
}
#press-kit .section-assets__asset-label a {
  transition: 1s cubic-bezier(0.16, 1, 0.3, 1);
}
#press-kit .section-assets__asset-label a:hover {
  transform: translateY(20%);
}
#press-kit .section-guidelines {
  background-color: #6931A1;
  color: white;
  padding-top: 12rem;
  padding-bottom: 26rem;
}
@media only screen and (max-width: 37.5em) {
  #press-kit .section-guidelines {
    padding-bottom: 17rem;
    padding-top: 9rem;
  }
}
#press-kit .section-guidelines a {
  text-decoration: underline;
  color: inherit;
}
#press-kit .section-guidelines::before {
  display: none;
}
#press-kit .section-guidelines__content {
  max-width: 66rem;
}
#press-kit .section-guidelines__content:first-child {
  margin-bottom: 8rem;
}
#press-kit .section-guidelines__content .p {
  margin-top: 1rem;
}
#press-kit .section-guidelines__content .list {
  margin-top: 2rem;
}

#cookie-settings {
  min-height: 100vh;
  width: 100%;
  padding: 14rem 2rem 14rem;
}
@media only screen and (max-width: 37.5em) {
  #cookie-settings {
    padding-top: 8rem;
  }
}
#cookie-settings .cookie-info__subtext {
  max-width: 80rem;
}
#cookie-settings .cookie-info__subtext a {
  color: inherit;
}
#cookie-settings .cookies-list {
  margin-top: 12.7rem;
}
@media only screen and (max-width: 37.5em) {
  #cookie-settings .cookies-list {
    margin-top: 7rem;
  }
}
#cookie-settings .cookies-list .cookie {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10rem;
}
@media only screen and (max-width: 56.25em) {
  #cookie-settings .cookies-list .cookie {
    gap: 0px;
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 37.5em) {
  #cookie-settings .cookies-list .cookie {
    margin-bottom: 7rem;
  }
}
#cookie-settings .cookies-list .cookie__info {
  max-width: 68rem;
}
#cookie-settings .cookies-list .cookie__info-title {
  margin-bottom: -1rem;
  font-weight: 400;
}
#cookie-settings .cookies-list .cookie__toggle-label {
  margin-right: 10px;
}

#error {
  background-color: #FFC4C9;
  margin-top: -7.9rem;
}
#error .container {
  max-width: 80rem;
  text-align: center;
}
@media only screen and (max-width: 46.875em) {
  #error .container {
    margin-top: 9rem;
  }
}
#error .container figure {
  position: relative;
  width: 100vw;
  left: calc(-50vw + 50%);
  margin: -25rem 0 -45rem;
  pointer-events: none;
  z-index: -1;
}
@media only screen and (max-width: 62.5em) {
  #error .container figure {
    margin: -5rem 0 -30rem;
  }
}
@media only screen and (max-width: 46.875em) {
  #error .container figure {
    margin: 0 0 -20rem;
  }
}
@media only screen and (max-width: 37.5em) {
  #error .container figure {
    margin: -3rem 0 -15rem;
  }
}

/*# sourceMappingURL=main.css.map */