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

    @keyframes spin_words {
      0% {
        transform: translateY(0);
      }

      30% {
        transform: translateY(-112%);
      }

      50% {
        transform: translateY(-100%);
      }

      60% {
        transform: translateY(-112%);
      }

      100% {
        transform: translateY(0);
      }
    }

    @keyframes rotateWord {
      2% {
        opacity: 0;
        transform: translateY(-30px);
      }

      5% {
        opacity: 1;
        transform: translateY(0px);
      }

      17% {
        opacity: 1;
        transform: translateY(0px);
      }

      20% {
        opacity: 1;
        transform: translateY(0px);
      }

      32% {
        opacity: 0;
        transform: translateY(30px);
      }
    }

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

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

    body {
      font-size: 1.6rem;
      line-height: 1.4;
      text-rendering: optimizeLegibility;
      -webkit-font-smoothing: antialiased;
      overflow: auto !important;
    }

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

    a,
    a:visited {
      color: inherit;
    }

    article,
    aside,
    footer,
    header,
    nav,
    section,
    main {
      display: block;
    }

    [hidden] {
      display: none !important;
    }

    [disabled] {
      cursor: not-allowed;
    }

    /* 
 * Utility class to hide content visually while keeping it screen reader-accessible.
 * Source: https://www.scottohara.me/blog/2017/04/14/inclusively-hidden.html 
 */
    .sr-only:not(:focus):not(:active) {
      clip: rect(0 0 0 0);
      clip-path: inset(100%);
      height: 1px;
      overflow: hidden;
      position: absolute;
      white-space: nowrap;
      width: 1px;
    }

    @font-face {
      font-family: "Moderat";
      font-style: normal;
      font-weight: 300;
      src: url(../fonts/Moderat-Light.802cb86.ttf) format("truetype");
    }

    @font-face {
      font-family: "Moderat";
      font-style: normal;
      font-weight: 400;
      src: url(../fonts/Moderat-Regular.21e2262.ttf) format("truetype");
    }

    @font-face {
      font-family: "Moderat";
      font-style: normal;
      font-weight: 500;
      src: url(../fonts/Moderat-Medium.5124209.ttf) format("truetype");
    }

    @font-face {
      font-family: "Moderat";
      font-style: normal;
      font-weight: 600;
      src: url(../fonts/Moderat-Bold.7586444.ttf) format("truetype");
    }

    @font-face {
      font-family: "Millik";
      font-style: normal;
      font-weight: 500;
      src: url(../fonts/Millik.df4df2a.ttf) format("truetype");
    }

    @font-face {
      font-family: "Inter";
      font-style: normal;
      font-weight: 100;
      src: url(../fonts/Inter-Thin.35b7cf4.ttf);
    }

    @font-face {
      font-family: "Inter";
      font-style: normal;
      font-weight: 200;
      src: url(../fonts/Inter-ExtraLight.909744b.ttf);
    }

    @font-face {
      font-family: "Inter";
      font-style: normal;
      font-weight: 300;
      src: url(../fonts/Inter-Light.6ffbefc.ttf);
    }

    @font-face {
      font-family: "Inter";
      font-style: normal;
      font-weight: 400;
      src: url(../fonts/Inter-Regular.515cae7.ttf);
    }

    @font-face {
      font-family: "Inter";
      font-style: normal;
      font-weight: 500;
      src: url(../fonts/Inter-Medium.5ff1f2a.ttf);
    }

    @font-face {
      font-family: "Inter";
      font-style: normal;
      font-weight: 600;
      src: url(../fonts/Inter-SemiBold.ec60b23.ttf);
    }

    @font-face {
      font-family: "Inter";
      font-style: normal;
      font-weight: 700;
      src: url(../fonts/Inter-Bold.91e5aee.ttf);
    }

    @font-face {
      font-family: "Inter";
      font-style: normal;
      font-weight: 800;
      src: url(../fonts/Inter-ExtraBold.bd9525f.ttf);
    }

    @font-face {
      font-family: "Inter";
      font-style: normal;
      font-weight: 900;
      src: url(../fonts/Inter-Black.5f2ce7d.ttf);
    }

    @font-face {
      font-family: "IBMPlex-Mono";
      font-style: normal;
      font-weight: 400;
      src: url(../fonts/IBMPlex-Mono-Regular.c8dbb07.ttf) format("truetype");
    }

    body {
      color: #000000;
      font-family: "Moderat", sans-serif;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
      font-weight: 500;
    }

    .h1 {
      font-family: "Millik", sans-serif;
      font-size: 8rem;
      font-weight: 500;
      letter-spacing: -0.03em;
      line-height: 8.6rem;
    }

    @media only screen and (max-width: 56.25em) {
      .h1 {
        font-size: 5rem;
        line-height: 5.6rem;
      }
    }

    @media only screen and (max-width: 37.5em) {
      .h1 {
        font-size: 3.6rem;
        line-height: 4.4rem;
      }
    }

    .h2 {
      font-family: "Millik", sans-serif;
      font-size: 5rem;
      font-weight: 500;
      line-height: 4.8rem;
    }

    @media only screen and (max-width: 56.25em) {
      .h2 {
        font-size: 3.2rem;
        line-height: 3rem;
      }
    }

    @media only screen and (max-width: 37.5em) {
      .h2 {
        font-size: 2.4rem;
        line-height: 2.3rem;
      }
    }

    .h3 {
      font-size: 2.4rem;
      font-weight: 600;
      line-height: 2.9rem;
    }

    @media only screen and (max-width: 37.5em) {
      .h3 {
        font-size: 2.2rem;
        line-height: 2.6rem;
      }
    }

    .p {
      font-size: 2.2rem;
      font-weight: 300;
      line-height: 3.2rem;
    }

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

    .p:not(:last-child) {
      margin-bottom: 2rem;
    }

    .p.loud {
      font-size: 8rem;
      line-height: 10rem;
    }

    @media only screen and (max-width: 56.25em) {
      .p.loud {
        font-size: 5.2rem;
        line-height: 7rem;
      }
    }

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

    .p.sm {
      font-size: 2rem;
    }

    @media only screen and (max-width: 37.5em) {
      .p.sm {
        font-size: 1.8rem;
      }
    }

    .p.md {
      font-size: 3rem;
      line-height: 4rem;
    }

    @media only screen and (max-width: 37.5em) {
      .p.md {
        font-size: 2.2rem;
        line-height: 3.2rem;
      }
    }

    p .link {
      color: #00ABAB;
      display: inline-block;
      font-weight: 400;
      padding: 0 0.2rem;
      text-decoration: none;
    }

    .hidden {
      display: none !important;
    }

    .flex {
      display: flex;
    }

    .c-or {
      color: #FB9129;
    }

    .c-tq {
      color: #00ABAB;
    }

    .c-gr {
      color: #35A162;
    }

    .c-pp {
      color: #6672C7;
    }

    .c-bl {
      color: #262C55 !important;
    }

    .c-lbl {
      color: #006AFF !important;
    }

    .c-pk {
      color: #F1A5C2;
    }

    .c-pk-darker {
      color: #EB7DA7;
    }

    .c-lm {
      color: #DCF5E7;
    }

    .c-ap {
      color: #F3B08C;
    }

    .c-rd {
      color: #eb5757;
    }

    .mb-0 {
      margin-bottom: 0 !important;
    }

    .mb-40 {
      margin-bottom: 4rem;
    }

    .mt-40 {
      margin-top: 4rem;
    }

    .p-0 {
      padding: 0 !important;
    }

    .px-0 {
      padding-left: 0 !important;
      padding-right: 0 !important;
    }

    .py-0 {
      padding-bottom: 0 !important;
      padding-top: 0 !important;
    }

    .pb-0 {
      padding-bottom: 0 !important;
    }

    .pt-0 {
      padding-top: 0 !important;
    }

    .border {
      border: 1px solid #1D1D1D;
    }

    .border--red {
      border-color: #eb5757;
    }

    .w-100 {
      width: 100%;
      height: auto;
    }

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

    .breadcrumb {
      list-style: none;
      margin-bottom: 3.1rem;
    }

    .breadcrumb li {
      display: inline;
      font-size: 1.4rem;
      margin-right: 0.6rem;
    }

    .breadcrumb li+li::before {
      content: ">";
      padding-right: 0.6rem;
    }

    .breadcrumb li:last-child a,
    .breadcrumb li:last-child span {
      color: #006AFF;
      text-decoration: none;
    }

    .businesses__intro {
      font-size: 2.2rem;
      font-weight: 500;
      line-height: 3.2rem;
      margin-bottom: 2rem;
    }

    @media only screen and (max-width: 37.5em) {
      .businesses__intro {
        font-size: 2rem;
        line-height: 2.4rem;
      }
    }

    .businesses__list {
      align-items: center;
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start;
      margin-left: -2.5rem;
      margin-right: -2.5rem;
    }

    @media only screen and (max-width: 46.875em) {
      .businesses__list {
        margin-left: -2.2rem;
        margin-right: -2.2rem;
      }
    }

    @media only screen and (max-width: 37.5em) {
      .businesses__list {
        margin-left: -1.8rem;
        margin-right: -1.8rem;
      }
    }

    .businesses .business {
      flex: 0 0 auto;
      padding: 2rem 2rem;
    }

    @media only screen and (max-width: 37.5em) {
      .businesses .business {
        padding: 2rem 1.8rem;
      }
    }

    .businesses .business__logo {
      display: block;
      height: 3rem;
      width: auto;
    }

    @media only screen and (max-width: 46.875em) {
      .businesses .business__logo {
        height: 2.5rem;
      }
    }

    @media only screen and (max-width: 37.5em) {
      .businesses .business__logo {
        height: 2.1rem;
      }
    }

    .businesses .business__logo.sm {
      height: 3rem;
    }

    @media only screen and (max-width: 46.875em) {
      .businesses .business__logo.sm {
        height: 2rem;
      }
    }

    @media only screen and (max-width: 37.5em) {
      .businesses .business__logo.sm {
        height: 1.5rem;
      }
    }

    .businesses .business__logo.xs {
      height: 2.6rem;
    }

    @media only screen and (max-width: 46.875em) {
      .businesses .business__logo.xs {
        height: 2.4rem;
      }
    }

    @media only screen and (max-width: 37.5em) {
      .businesses .business__logo.xs {
        height: 1.6rem;
      }
    }

    .btn {
      align-items: center;
      background-color: #0A0E27;
      border: none;
      border-radius: 1rem;
      color: #ffffff;
      cursor: pointer;
      display: inline-flex;
      font-size: 1.6rem;
      font-weight: 500;
      justify-content: flex-start;
      line-height: 1.9rem;
      padding: 2.1rem 2.4rem;
      text-align: center;
      text-decoration: none;
      transition: all 0.3s ease;
    }

    @media only screen and (max-width: 37.5em) {
      .btn {
        font-size: 1.4rem;
        line-height: 1.6rem;
        padding: 1.8rem 2.1rem;
      }
    }

    @media screen and (max-width: 480px) {
      .btn {
        font-size: 3.7vw;
        line-height: 4vw;
        padding: 4.5vw 4.3vw;
      }
    }

    .btn:disabled {
      cursor: not-allowed;
      opacity: 0.5;
    }

    .btn__label {
      color: currentColor;
    }

    .btn__link {
      color: #006AFF !important;
    }

    .btn__icon {
      fill: currentColor;
      flex: 0 0 auto;
      height: auto;
      margin-left: 0.9rem;
      margin-top: 0.4rem;
      width: 1rem;
    }

    @media only screen and (max-width: 37.5em) {
      .btn__icon {
        width: 0.6rem;
      }
    }

    .btn__icon--left {
      margin-left: 0;
      margin-right: 1rem;
    }

    .btn__icon--lg {
      width: 1.8rem;
    }

    .btn--xs {
      font-size: 1.3rem;
      line-height: 1.6rem;
      padding: 1.6rem 2.7rem;
    }

    .btn--sm {
      font-size: 1.4rem;
      line-height: 2rem;
      padding: 1.5rem 2.5rem;
    }

    .btn--md {
      padding: 2.2rem 2.5rem;
    }

    .btn--lg {
      padding: 2.8rem 3.2rem;
    }

    @media only screen and (max-width: 46.875em) {
      .btn--lg {
        padding: 2.8rem 3.2rem;
      }
    }

    @media only screen and (max-width: 37.5em) {
      .btn--lg {
        padding: 2.2rem 2.8rem;
      }
    }

    .btn--primary {
      background-color: #0A0E27;
      color: #ffffff;
    }

    .btn--secondary {
      background-color: #ffffff;
      color: #1D1D1D;
    }

    .btn--tertiary {
      background-color: #eeeeee;
      color: #000000;
    }

    .btn--orange {
      background: #FF9B00;
      color: #313131;
    }

    .btn--inline {
      background-color: transparent;
      border-radius: 0.5rem;
      color: #000000;
      filter: none;
      padding: 0.4rem 0.5rem;
    }

    .btn--inline svg {
      --scale: 0.85;
      transform: scale(var(--scale));
      transition: 0.6s cubic-bezier(0.16, 1, 0.3, 1);
    }

    .btn--inline:hover>svg {
      transform: translateX(50%) scale(var(--scale));
    }

    @media only screen and (max-width: 37.5em) {
      .btn--inline {
        font-size: 1.6rem;
      }

      .btn--inline svg {
        --scale: 1.2;
      }
    }

    .btn--inline:not([disabled]):hover {
      color: #000000;
    }

    .btn--inline.white {
      color: #ffffff;
    }

    .btn--inline.white:not([disabled]):hover {
      color: #ffffff;
    }

    .btn--inline.orange {
      color: #FB4E20;
    }

    .btn--inline.orange:not([disabled]):hover {
      color: #FB4E20;
    }

    .btn--inline.purple {
      color: #6672C7;
    }

    .btn--inline.purple:not([disabled]):hover {
      color: #6672C7;
    }

    .btn--block {
      justify-content: center;
      text-align: center;
      width: 100%;
    }

    .btn--pill {
      background-color: #262C55;
      color: #ffffff;
      padding: 7px 16px;
      border-radius: 4px;
      font-size: 1.4rem;
      display: inline-flex;
      align-items: center;
      transition: all 0.3s;
    }

    .btn--pill svg {
      margin-left: 0.4rem;
    }

    .btn--pill:hover {
      background-color: #39427e;
    }

    .cl {
      padding: 10rem 2rem;
      font-weight: 300;
    }

    @media only screen and (max-width: 46.875em) {
      .cl {
        padding: 7rem 2rem;
      }
    }

    @media only screen and (max-width: 37.5em) {
      .cl {
        padding: 5rem 2rem 6rem;
      }
    }

    .cl__box {
      margin: 0 auto;
      max-width: 109.2rem;
      background-color: #1D1D1D;
      border-radius: 2rem;
      box-shadow: 0px 25px 50px rgba(29, 29, 29, 0.5);
      color: #ffffff;
      padding: 3rem;
    }

    .cl__box.blue {
      background-color: #262C55;
    }

    .cl__wrapper {
      margin: 6.6rem auto;
      max-width: 74.2rem;
    }

    @media only screen and (max-width: 46.875em) {
      .cl__wrapper {
        margin: 5.5rem auto;
      }
    }

    @media only screen and (max-width: 37.5em) {
      .cl__wrapper {
        margin: 3rem auto;
      }
    }

    .cl__heading {
      font-family: "Millik", sans-serif;
      font-size: 5rem;
      font-weight: 500;
      letter-spacing: -0.03em;
      line-height: 5.4rem;
      margin-bottom: 3.1rem;
    }

    @media only screen and (max-width: 46.875em) {
      .cl__heading {
        margin-bottom: 2.8rem;
      }
    }

    @media only screen and (max-width: 37.5em) {
      .cl__heading {
        font-size: 3rem;
        line-height: 3.6rem;
        margin-bottom: 1rem;
      }
    }

    .cl__sub-heading {
      font-size: 2.2rem;
      line-height: 3.2rem;
      margin-bottom: 6.6rem;
    }

    @media only screen and (max-width: 46.875em) {
      .cl__sub-heading {
        font-size: 2rem;
        line-height: 3rem;
        margin-bottom: 4.3rem;
      }
    }

    @media only screen and (max-width: 37.5em) {
      .cl__sub-heading {
        font-size: 1.7rem;
        line-height: 2.8rem;
        margin-bottom: 3rem;
      }
    }

    .cl__ctas {
      align-items: center;
      display: flex;
      justify-content: flex-start;
      flex-wrap: wrap;
      margin-bottom: -15px;
    }

    .cl__cta {
      margin-top: 15px;
    }

    .cl__cta:not(:last-child) {
      margin-right: 5rem;
    }

    @media only screen and (max-width: 37.5em) {
      .cl__cta:not(:last-child) {
        margin-right: 2.2rem;
      }
    }

    .cl__form {
      align-items: stretch;
      display: flex;
      justify-content: flex-start;
      width: 100%;
    }

    @media only screen and (max-width: 37.5em) {
      .cl__form {
        flex-wrap: wrap;
      }
    }

    .cl__form__input {
      background-color: rgba(255, 255, 255, 0.2) !important;
      border-color: rgba(255, 255, 255, 0.2) !important;
      border-radius: 0.5rem !important;
      color: #ffffff !important;
      flex: 1 1 auto;
      font-size: 1.6rem !important;
      letter-spacing: 0.05rem;
      line-height: 1.4rem !important;
      margin-right: 2rem;
      padding: 2.4rem 3.7rem !important;
    }

    @media only screen and (max-width: 37.5em) {
      .cl__form__input {
        width: 100%;
        margin-right: 0;
        padding: 2.4rem 1.8rem !important;
      }
    }

    .cl__form__input:focus {
      border-color: rgba(255, 255, 255, 0.2) !important;
    }

    .cl__form__input:-moz-placeholder {
      color: #ffffff !important;
    }

    .cl__form__input:-ms-input-placeholder {
      color: #ffffff !important;
    }

    .cl__form__input::-webkit-input-placeholder {
      color: #ffffff !important;
    }

    .cl__form__cta {
      flex: 0 0 auto;
    }

    @media only screen and (max-width: 37.5em) {
      .cl__form__cta {
        width: 100%;
        padding: 2.3rem 3.7rem;
        margin-top: 2.2rem;
        justify-content: center;
      }
    }

    .cl__form .btn {
      position: relative;
      display: flex;
      justify-content: center;
    }

    .cl__form .btn__spinner {
      position: absolute;
      animation: rotate 1.4s linear infinite;
    }

    .faqs {
      list-style: none;
    }

    .faq {
      border-top: 1px solid rgba(0, 0, 0, 0.5);
      display: block;
    }

    .faq__trigger {
      align-items: center;
      background-color: transparent;
      border: none;
      border-radius: 0;
      color: #1D1D1D;
      cursor: pointer;
      display: flex;
      justify-content: space-between;
      outline-color: #1D1D1D;
      padding: 3.5rem 0.2rem;
      width: 100%;
    }

    @media only screen and (max-width: 37.5em) {
      .faq__trigger {
        padding: 2.6rem 0.2rem;
      }
    }

    .faq__trigger:hover {
      color: #00ABAB;
    }

    .faq__trigger.active {
      color: #00ABAB;
    }

    .faq__trigger.active .faq__trigger__icon {
      transform: rotate(-180deg);
    }

    .faq__trigger__icon {
      flex: 0 0 auto;
      height: auto;
      margin-left: 5rem;
      stroke: currentColor;
      transition: color 0.3s ease, transform 0.3s ease;
      width: 1.6rem;
    }

    @media only screen and (max-width: 37.5em) {
      .faq__trigger__icon {
        width: 1.2rem;
      }
    }

    .faq__body {
      height: 0;
      overflow: hidden;
    }

    .faq__body.active {
      height: auto;
    }

    .faq__question {
      font-size: 2.4rem;
      font-weight: 300;
      line-height: 2.9rem;
      text-align: left;
      transition: color 0.3s ease;
    }

    @media only screen and (max-width: 37.5em) {
      .faq__question {
        font-size: 1.8rem;
        line-height: 2.6rem;
      }
    }

    .faq__answer {
      font-size: 1.8rem;
      font-weight: 300;
      line-height: 2.6rem;
      padding-bottom: 3rem;
      padding-top: 1rem;
    }

    .faq__answer--html ol li {
      list-style-type: decimal;
    }

    .faq__answer--html ul li {
      list-style-type: initial;
    }

    .faq__answer--html ol,
    .faq__answer--html ul {
      padding: 0 20px;
    }

    .faq__answer--html ol li,
    .faq__answer--html ul li {
      margin: 10px 0;
    }

    .faq__answer--html p {
      margin-bottom: 1rem;
    }

    .feature-grid {
      align-items: stretch;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      margin: -3rem;
    }

    @media only screen and (max-width: 37.5em) {
      .feature-grid {
        margin: 0;
      }
    }

    .feature-grid--4 .feature-grid__section {
      width: 25%;
    }

    @media only screen and (max-width: 46.875em) {
      .feature-grid--4 .feature-grid__section {
        width: 50%;
      }
    }

    @media only screen and (max-width: 37.5em) {
      .feature-grid--4 .feature-grid__section {
        width: 100%;
      }
    }

    .feature-grid__section {
      flex: 0 1 auto;
      padding: 3rem;
      width: 33.3333333333%;
    }

    @media only screen and (max-width: 46.875em) {
      .feature-grid__section {
        width: 100%;
      }
    }

    @media only screen and (max-width: 37.5em) {
      .feature-grid__section {
        padding: 0;
      }

      .feature-grid__section:not(:last-child) {
        margin-bottom: 6rem;
      }
    }

    .feature__icon {
      border-radius: 100%;
      width: 5.7rem;
      height: 5.7rem;
      margin-bottom: 2.6rem;
      object-fit: cover;
      object-position: center;
      overflow: hidden;
    }

    @media only screen and (max-width: 37.5em) {
      .feature__icon {
        margin-bottom: 2.2rem;
      }
    }

    .feature__title {
      color: #050505;
      font-size: 1.8rem;
      font-weight: 600;
      line-height: 2.6rem;
      margin-bottom: 1.3rem;
    }

    .feature__desc {
      max-width: 28.4rem;
    }

    @media only screen and (max-width: 37.5em) {
      .feature__desc {
        max-width: 100%;
      }
    }

    .feature__cta {
      margin-left: -0.5rem;
      margin-top: 1.5rem;
    }

    .feature__cta .btn__icon {
      margin-left: 1.4rem;
      width: 0.8rem;
    }

    .form__field {
      margin-bottom: 2rem;
    }

    .form__field--disabled {
      background: #f1f1f1;
    }

    .form__field--error .form__input,
    .form__field--error .form__textarea,
    .form__field--error .form__select {
      border-color: #eb5757;
    }

    .form__field--error .form__input:focus,
    .form__field--error .form__textarea:focus,
    .form__field--error .form__select:focus {
      border-color: #eb5757 !important;
    }

    .form__field--required .form__label:after {
      content: " *";
      color: #FB9129;
    }

    .form__field--withAddon .form__field__inner {
      display: flex;
      align-items: center;
      border: 1px solid #C4CDD5;
      border-radius: 1rem;
    }

    .form__field--withAddon .form__left {
      display: flex;
      padding: 1.5rem;
      padding-right: 0.5rem;
      color: #6d6d6d;
      border-top-left-radius: 1rem;
      border-bottom-left-radius: 1rem;
    }

    @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;
      border-top-right-radius: 1rem;
      border-bottom-right-radius: 1rem;
      background-color: transparent;
    }

    .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;
      text-transform: uppercase;
      color: #a5a5a5;
      display: inline-block;
      margin-bottom: 1.2rem;
    }

    .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;
      stroke: #828282;
      top: calc(50% - 0.3rem);
      width: auto;
    }

    .form__input,
    .form__textarea,
    .form__select {
      background-clip: padding-box;
      background-color: #ffffff;
      background-image: none;
      -webkit-background-clip: padding-box;
      border: 1px solid #C4CDD5;
      border-radius: 1rem;
      box-shadow: none;
      color: #1D1D1D;
      display: block;
      font-family: inherit;
      font-size: 1.4rem;
      font-weight: 400;
      line-height: 2rem;
      outline-color: #1D1D1D;
      padding: 1.5rem;
      transition: border-color 0.3s ease, color 0.3s ease, outline-color 0.3s ease;
      width: 100%;
    }

    .form__input:focus,
    .form__textarea:focus,
    .form__select:focus {
      border-color: #1D1D1D;
    }

    .form__input:-moz-placeholder,
    .form__textarea:-moz-placeholder,
    .form__select:-moz-placeholder {
      color: #828282;
    }

    .form__input:-ms-input-placeholder,
    .form__textarea:-ms-input-placeholder,
    .form__select:-ms-input-placeholder {
      color: #828282;
    }

    .form__input::-webkit-input-placeholder,
    .form__textarea::-webkit-input-placeholder,
    .form__select::-webkit-input-placeholder {
      color: #828282;
    }

    .form__input[readonly],
    .form__input:disabled,
    .form__textarea[readonly],
    .form__textarea:disabled,
    .form__select[readonly],
    .form__select:disabled {
      background-color: #f1f1f1;
      cursor: not-allowed;
    }

    .form__select--empty {
      color: #828282;
    }

    .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__info {
      margin-top: 1.6rem;
      color: #FB9129;
      font-size: 1.4rem;
    }

    @media only screen and (max-width: 37.5em) {
      .form__info {
        font-size: 1.2rem;
      }
    }

    .form .file-uploader {
      position: relative;
      border: 1px dashed #e0e0e0;
      border-radius: 10px;
      padding: 1.4rem 2rem;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-wrap: nowrap;
      cursor: pointer;
    }

    .form .file-uploader input[type=file] {
      position: absolute;
      opacity: 0;
      width: 100%;
      height: 100%;
      cursor: pointer;
    }

    .form .file-uploader label {
      display: flex;
      align-items: center;
      color: #2A3362;
      cursor: pointer;
      max-width: 100%;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    .form .file-uploader label svg {
      margin-right: 0.6rem;
    }

    .form .file-uploader--image {
      padding: 1rem;
      justify-content: start;
    }

    .form .file-uploader--image img {
      width: 50px;
      height: 50px;
      object-fit: cover;
      object-position: center;
      margin-right: 1.5rem;
    }

    .form .file-uploader--alt {
      border: 1px solid #000000;
      background-color: #4F4F4F;
      border-radius: 4px;
    }

    .form .file-uploader--alt label {
      color: #fff;
    }

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

    .form .file-upload-wrapper .delete-button {
      position: absolute;
      z-index: 3;
      top: 0;
      right: 0;
      background: #eb5757;
      padding: 5px;
      display: flex;
      cursor: pointer;
      border-top-right-radius: 4px;
      transition: color ease-in 0.3s;
    }

    .form .file-upload-wrapper .delete-button:hover {
      color: white;
    }

    .form .multiselect {
      background-clip: padding-box;
      background-color: #ffffff;
      background-image: none;
      -webkit-background-clip: padding-box;
      font-size: 1.4rem;
    }

    .form .multiselect__tags {
      font-size: 1.4rem;
      padding: 1.5rem;
      border: 1px solid #C4CDD5;
      border-radius: 1rem;
      box-shadow: none;
      color: #1D1D1D;
      display: block;
      font-family: inherit;
      font-size: 1.4rem;
      font-weight: 400;
      line-height: 2rem;
    }

    .form .multiselect__tags .multiselect__single {
      padding-left: 0;
      margin-bottom: 0;
      font-size: 1.4rem;
      color: #1D1D1D;
    }

    .form .multiselect__placeholder {
      color: #828282;
      margin-bottom: 0;
      padding-top: 0;
    }

    .form .multiselect__select {
      display: none;
    }

    .form .multiselect__input {
      font-size: 1.4rem;
      min-height: auto;
      padding-left: 0;
    }

    .form .multiselect__option--highlight {
      background: #00ABAB;
    }

    .form .multiselect__option--highlight::after {
      background: #00ABAB;
    }

    .form__error {
      display: flex;
      align-items: center;
      margin-top: 12px;
    }

    .form__error svg {
      width: 16px;
      height: 16px;
      margin-right: 8px;
    }

    .form__error-text {
      color: #EB5757;
      font-size: 14px;
      font-weight: 400;
    }

    .hero {
      padding: 9rem 2rem;
    }

    @media only screen and (max-width: 46.875em) {
      .hero {
        padding: 8.2rem 2rem;
      }
    }

    @media only screen and (max-width: 37.5em) {
      .hero {
        padding: 7.2rem 2rem;
      }
    }

    .hero__wrapper {
      margin: 0 auto;
      max-width: 109.2rem;
      align-items: flex-start;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
    }

    .hero__info {
      flex: 0 1 auto;
      width: 75rem;
    }

    @media only screen and (max-width: 46.875em) {
      .hero__info {
        width: 100%;
      }
    }

    .hero__media {
      flex: 0 1 auto;
      width: calc(100% - 60rem);
    }

    @media only screen and (max-width: 46.875em) {
      .hero__media {
        width: 100%;
      }
    }

    .hero__media__item {
      display: block;
      height: auto;
      width: 100%;
    }

    .hero__heading {
      font-family: "Millik", sans-serif;
      font-size: 10rem;
      font-weight: 500;
      letter-spacing: -0.03em;
      line-height: 10.8rem;
      margin-bottom: 3rem;
    }

    .hero__heading.alt {
      font-size: 8rem;
      line-height: 8.6rem;
    }

    @media only screen and (max-width: 56.25em) {
      .hero__heading {
        font-size: 7rem !important;
        line-height: 7.2rem !important;
      }
    }

    @media only screen and (max-width: 37.5em) {
      .hero__heading {
        font-size: 5rem !important;
        line-height: 5.2rem !important;
        margin-bottom: 2.3rem;
      }
    }

    .hero__sub-heading {
      font-size: 2.2rem;
      font-weight: 300;
      line-height: 3.2rem;
      margin-bottom: 4rem;
      max-width: 61rem;
    }

    @media only screen and (max-width: 37.5em) {
      .hero__sub-heading {
        font-size: 1.8rem !important;
        line-height: 2.8rem !important;
        margin-bottom: 3.5rem;
        max-width: 100% !important;
      }
    }

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

    .hero__cta:not(:last-child) {
      margin-right: 2rem;
    }

    .figure {
      overflow: hidden;
      width: 100%;
    }

    .figure img {
      display: block;
      height: auto;
      width: 100%;
    }

    .figure figcaption {
      font-size: 1.8rem;
      line-height: 2.8rem;
      margin-top: 2.1rem;
      text-align: center;
    }

    @media only screen and (max-width: 37.5em) {
      .figure figcaption {
        font-size: 1.6rem;
        line-height: 2.4rem;
        margin-top: 2rem;
      }
    }

    .ul {
      list-style: none;
    }

    .ul.main.big li {
      font-size: 2.2rem;
      line-height: 3.6rem;
    }

    .ul.main.big li:not(:last-of-type) {
      margin-bottom: 6rem;
    }

    .ul.main.big li::before {
      top: 1.5rem;
    }

    .ul.main li {
      font-size: 1.8rem;
      font-weight: 300;
      line-height: 2.6rem;
      padding-left: 3.4rem;
      position: relative;
    }

    .ul.main li:not(:last-of-type) {
      margin-bottom: 2.4rem;
    }

    .ul.main li::before {
      background-color: #262C55;
      border-radius: 100%;
      content: "";
      height: 1.1rem;
      left: 0;
      position: absolute;
      top: 0.9rem;
      width: 2rem;
    }

    .ul.main li a {
      color: currentColor;
      position: relative;
      text-decoration: none;
      transition: all 0.3s ease;
    }

    .ul.main li a:hover {
      color: #000000;
    }

    .ul.main li a::before {
      background-color: currentColor;
      bottom: 0;
      content: "";
      height: 1px;
      left: 0;
      position: absolute;
      right: 0;
    }

    .ul.main.green li::before {
      background-color: #35A162;
    }

    .ul.main.turquoise li::before {
      background-color: #00ABAB;
    }

    .ul.main.orange li::before {
      background-color: #FB9129;
    }

    .ul.main.pink li::before {
      background-color: #F1A5C2;
    }

    .ul.main.pink-darker li::before {
      background-color: #EB7DA7;
    }

    .ul.main.lemon li::before {
      background-color: #DCF5E7;
    }

    .ul.main.purple li::before {
      background-color: #6672C7;
    }

    .ul.main.red li::before {
      background-color: #eb5757;
    }

    .location {
      position: relative;
    }

    .location.lg .location__toggler {
      font-size: 2.3rem;
      line-height: 2.7rem;
    }

    @media only screen and (max-width: 37.5em) {
      .location.lg .location__toggler {
        font-size: 2rem;
      }
    }

    .location.lg .location__flag {
      --size: 3rem;
      height: var(--size);
      width: var(--size);
      margin-right: 1rem;
    }

    @media only screen and (max-width: 37.5em) {
      .location.lg .location__flag {
        --size: 2.6rem;
      }
    }

    .location.lg .location__dropdown {
      bottom: unset;
      left: 50%;
      top: calc(100% + 2.4rem);
      transform: translateX(-50%);
    }

    @media only screen and (max-width: 46.875em) {
      .location.lg .location__dropdown {
        max-width: 92vw;
      }
    }

    .location.dark .location__toggler {
      color: #ffffff;
    }

    .location.dark .location__dropdown {
      background-color: #313131;
      color: #ffffff;
    }

    .location.dark .country {
      color: #ffffff;
    }

    .location.dark .country:hover {
      background-color: #686868;
      color: #ffffff;
    }

    .location.dark .country:active,
    .location.dark .country.active {
      background-color: #1D1D1D;
      color: #ffffff;
    }

    .location__toggler {
      align-items: center;
      background-color: transparent;
      border: none;
      color: #1D1D1D;
      cursor: pointer;
      display: flex;
      font-size: 1.6rem;
      font-weight: 300;
      justify-content: flex-start;
      line-height: 1.9rem;
      padding: 0.4rem;
      transition: color 0.3s ease;
    }

    .location__toggler:hover {
      color: #00ABAB;
    }

    .location__toggler__icon {
      flex: 0 0 auto;
      height: 0.7rem;
      margin-left: 1rem;
      margin-top: 0.4rem;
      stroke: currentColor;
      width: auto;
    }

    .location__flag {
      background: white;
      border: none;
      border-radius: 100%;
      flex: 0 0 auto;
      height: 2.1rem;
      margin-right: 0.8rem;
      object-fit: cover;
      object-position: center;
      overflow: hidden;
      width: 2.1rem;
    }

    .location__name {
      flex: 0 0 auto;
      font-family: "Moderat", sans-serif;
    }

    .location__dropdown {
      background-color: #ffffff;
      border-radius: 1rem;
      bottom: calc(100% + 2.4rem);
      box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.2);
      left: 0;
      padding: 2.8rem;
      position: absolute;
      z-index: 10;
      width: 60rem;
    }

    @media only screen and (max-width: 46.875em) {
      .location__dropdown {
        max-width: 100%;
      }
    }

    .location__dropdown-list {
      align-items: flex-start;
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start;
      list-style: none;
    }

    .location__dropdown-item {
      flex: 0 0 auto;
      padding: 1rem;
      text-align: left;
      width: 33.3333333333%;
    }

    @media only screen and (max-width: 46.875em) {
      .location__dropdown-item {
        width: 50%;
      }
    }

    @media only screen and (max-width: 31.25em) {
      .location__dropdown-item {
        width: 100%;
      }
    }

    .location .country {
      align-items: center;
      background-color: transparent;
      border-radius: 0.5rem;
      display: inline-flex;
      font-size: 1.5rem;
      font-weight: 300;
      justify-content: flex-start;
      line-height: 1.8rem;
      padding: 0.8rem 0.85rem;
      text-decoration: none;
      transition: all 0.3s ease;
      border: none;
      cursor: pointer;
      font-family: "Moderat", sans-serif;
    }

    .location .country:hover {
      background-color: #eeeeee;
      color: #1D1D1D;
    }

    .location .country:active,
    .location .country.active {
      background-color: rgba(0, 171, 171, 0.1);
      color: #1D1D1D;
      font-weight: 400;
    }

    .location .country__flag {
      background-color: #ffffff;
      border-radius: 0.5rem;
      flex: 0 0 auto;
      height: 2rem;
      margin-right: 1rem;
      object-fit: cover;
      object-position: center;
      overflow: hidden;
      width: 2.6rem;
    }

    .location .country__name {
      flex: 0 1 auto;
    }

    .stacked-cards {
      --width: 50rem;
      --height: 31.4rem;
      width: var(--width);
      height: var(--height);
      color: white;
      position: relative;
    }

    @media only screen and (max-width: 37.5em) {
      .stacked-cards {
        --width: 100%;
        --height: calc(95vw * 31.4 / 50);
      }
    }

    .stacked-cards .card {
      --translate-y: 0;
      --delay: 0s;
      --perspective: 2000px;
      --rotation: 0deg;
      position: absolute;
      max-width: var(--width);
      max-height: var(--height);
      width: 100%;
      height: 100%;
      display: flex;
      flex-direction: column;
      border-radius: 16px;
      background: linear-gradient(200deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%);
      backdrop-filter: blur(20px);
      border: 1px solid rgba(255, 255, 255, 0.15);
      padding: 30px;
      left: 0;
      top: 0;
      overflow: hidden;
      font-size: 1.4rem;
      color: #d5d5d5;
      perspective-origin: center bottom;
      transform: scale(var(--scale)) translateY(var(--translate-y)) perspective(var(--perspective)) rotateX(var(--rotation));
      transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1) var(--delay), transform 1s cubic-bezier(0.16, 1, 0.3, 1) var(--delay);
      --scale-mul: 0.09;
      --translate-diff: 13;
    }

    @media only screen and (max-width: 37.5em) {
      .stacked-cards .card {
        padding: 6vw;
      }
    }

    .stacked-cards .card::before {
      position: absolute;
      content: "";
      background-image: url("images/box.png");
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      opacity: 0.6;
    }

    .stacked-cards .card:nth-child(1) {
      z-index: calc(4 - 1);
      --translate-y: calc((1 * var(--translate-diff) - var(--translate-diff)) * 1%);
      --scale: calc(1 - (1 * var(--scale-mul)) + var(--scale-mul));
    }

    .stacked-cards .card:nth-child(2) {
      z-index: calc(4 - 2);
      --translate-y: calc((2 * var(--translate-diff) - var(--translate-diff)) * 1%);
      --scale: calc(1 - (2 * var(--scale-mul)) + var(--scale-mul));
    }

    .stacked-cards .card:nth-child(3) {
      z-index: calc(4 - 3);
      --translate-y: calc((3 * var(--translate-diff) - var(--translate-diff)) * 1%);
      --scale: calc(1 - (3 * var(--scale-mul)) + var(--scale-mul));
    }

    .stacked-cards .card:nth-child(4) {
      z-index: calc(4 - 4);
      --translate-y: calc((4 * var(--translate-diff) - var(--translate-diff)) * 1%);
      --scale: calc(1 - (4 * var(--scale-mul)) + var(--scale-mul));
    }

    .stacked-cards .card__top svg {
      float: right;
      margin-right: 5px;
      margin-top: 12px;
    }

    @media only screen and (max-width: 37.5em) {
      .stacked-cards .card__top svg {
        transform: scale(0.9);
      }
    }

    .stacked-cards .card__bottom {
      margin-top: auto;
      text-align: left;
      width: 100%;
    }

    .stacked-cards .card__number {
      font-family: "IBMPlex-Mono";
      font-weight: 400;
      margin-bottom: 18px;
    }

    .stacked-cards .card__name-wrap {
      display: flex;
      justify-content: space-between;
    }

    .stacked-cards .card__name {
      font-family: sans-serif;
    }

    .stacked-cards .card:first-child .card__logo {
      --before-color: #ba953a;
      --after-color: #ff5c5c;
    }

    .stacked-cards .card__logo {
      position: relative;
      width: 20px;
      height: 20px;
      --before-color: #939393;
      --after-color: #BABABA;
    }

    @media only screen and (max-width: 37.5em) {
      .stacked-cards .card__logo {
        transform: scale(0.9);
        transform-origin: bottom;
      }
    }

    .stacked-cards .card__logo::before,
    .stacked-cards .card__logo::after {
      content: "";
      position: absolute;
      width: 20px;
      height: 20px;
      border-radius: 50%;
      transition: background-color 3s cubic-bezier(0.16, 1, 0.3, 1) 0.2s;
    }

    .stacked-cards .card__logo::before {
      background-color: var(--before-color);
    }

    .stacked-cards .card__logo::after {
      background-color: var(--after-color);
      transform: translateX(-50%);
      opacity: 0.8;
    }

    .steps {
      flex: 0 1 auto;
      margin-right: 13.8rem;
      width: 36.6rem;
    }

    .steps--alt {
      align-items: flex-start;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      width: 100%;
    }

    .steps--alt .step {
      align-items: stretch;
      flex: 0 1 auto;
      flex-direction: column;
      width: calc(25% - 3rem);
    }

    @media only screen and (max-width: 56.25em) {
      .steps--alt .step {
        margin-bottom: 6rem;
        width: calc(50% - 3rem);
      }
    }

    @media only screen and (max-width: 37.5em) {
      .steps--alt .step {
        align-items: flex-start;
        flex-direction: row;
        margin-bottom: 0;
        width: 100%;
      }
    }

    .steps--alt .step:not(:last-child) {
      padding-bottom: 0;
    }

    @media only screen and (max-width: 37.5em) {
      .steps--alt .step:not(:last-child) {
        padding-bottom: 5rem;
      }
    }

    .steps--alt .step:not(:last-child)::before {
      border: none;
      border-top: 1px dashed rgba(0, 0, 0, 0.4);
      height: 0;
      left: unset;
      right: 0;
      top: 2.2rem;
      width: calc(100% - 8.6rem);
    }

    @media only screen and (max-width: 37.5em) {
      .steps--alt .step:not(:last-child)::before {
        bottom: 0;
        border: none;
        border-left: 1px dashed rgba(0, 0, 0, 0.4);
        height: calc(100% - 8.4rem);
        left: 1.75rem;
        padding-bottom: 10rem;
        right: unset;
        top: unset;
        width: 0;
      }
    }

    .steps--alt .step__counter {
      height: 4.6rem;
      width: 4.6rem;
    }

    @media only screen and (max-width: 37.5em) {
      .steps--alt .step__counter {
        height: 8.4rem;
        width: 5.1rem;
      }
    }

    .steps--alt .step__info {
      padding-top: 1.8rem;
    }

    @media only screen and (max-width: 37.5em) {
      .steps--alt .step__info {
        padding-top: 2.8rem;
      }
    }

    .steps--alt .step__title {
      font-size: 1.8rem;
      font-weight: 500;
      margin-bottom: 1.2rem;
    }

    .steps--alt .step__desc {
      font-size: 1.6rem;
      line-height: 2.6rem;
    }

    .step {
      align-items: flex-start;
      display: flex;
      justify-content: flex-start;
    }

    .step:not(:last-child) {
      padding-bottom: 10rem;
      position: relative;
    }

    @media only screen and (max-width: 37.5em) {
      .step:not(:last-child) {
        padding-bottom: 5rem;
      }
    }

    .step:not(:last-child)::before {
      border: none;
      border-left: 1px dashed rgba(0, 0, 0, 0.4);
      border-width: thin;
      bottom: 0;
      content: "";
      height: calc(100% - 9.6rem);
      left: 2.3rem;
      position: absolute;
      width: 0;
    }

    @media only screen and (max-width: 37.5em) {
      .step:not(:last-child)::before {
        height: calc(100% - 8.4rem);
        left: 1.75rem;
      }
    }

    .step__counter {
      align-items: center;
      display: flex;
      flex: 0 0 auto;
      height: 9.6rem;
      justify-content: flex-start;
      width: 7.6rem;
    }

    @media only screen and (max-width: 37.5em) {
      .step__counter {
        height: 8.4rem;
        width: 5.1rem;
      }
    }

    .step__counter__num {
      align-items: center;
      background: linear-gradient(81.57deg, rgba(0, 175, 175, 0.3) -2.42%, rgba(105, 255, 162, 0.3) 102.07%);
      border-radius: 100%;
      color: #35A162;
      display: inline-flex;
      flex: 0 0 auto;
      font-size: 1.8rem;
      font-weight: 300;
      height: 4.6rem;
      justify-content: center;
      line-height: 1.8rem;
      text-align: center;
      width: 4.6rem;
    }

    @media only screen and (max-width: 37.5em) {
      .step__counter__num {
        font-size: 1.2rem;
        height: 3.5rem;
        line-height: 1.2rem;
        width: 3.5rem;
      }
    }

    .step__info {
      flex: 1 1 auto;
      padding-top: 2.5rem;
    }

    @media only screen and (max-width: 37.5em) {
      .step__info {
        padding-top: 2.8rem;
      }
    }

    .step__title {
      font-size: 2.4rem;
      font-weight: 600;
      line-height: 2.9rem;
      margin-bottom: 1.6rem;
    }

    @media only screen and (max-width: 37.5em) {
      .step__title {
        font-size: 1.8rem;
        line-height: 2.2rem;
        margin-bottom: 1rem;
      }
    }

    .step__desc {
      font-size: 2rem;
      font-weight: 300;
      line-height: 2.8rem;
    }

    @media only screen and (max-width: 37.5em) {
      .step__desc {
        font-size: 1.6rem;
        line-height: 2.4rem;
      }
    }

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

    .toast {
      align-items: center;
      border-radius: 1rem;
      color: #ffffff;
      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 {
      font-size: 1.2rem;
      font-weight: 500;
    }

    .toast--success {
      background-color: #35A162;
    }

    .toast--success .toast__icon__fill {
      fill: #e0f5e9;
      stroke: #e0f5e9;
    }

    .toast--success .toast__icon__stroke {
      stroke: #2f8e56;
    }

    .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: #eb5757;
    }

    .toast--danger .toast__icon__fill {
      fill: #f6b2b2;
      stroke: #f6b2b2;
    }

    .toast--danger .toast__icon__stroke {
      stroke: #e84040;
    }

    .tab__header {
      overflow-x: auto;
    }

    .tab__menu {
      width: max-content;
    }

    .tab__cta {
      background-color: transparent;
      border-color: transparent;
      border-radius: 10rem;
      color: #1D1D1D;
      padding: 1.6rem 2.4rem;
    }

    .tab__cta.active {
      background-color: #6672C7;
      color: #ffffff;
    }

    .tab__cta:not(:last-child) {
      margin-right: 0.2rem;
    }

    .video {
      background-color: #000000;
      border-radius: 2rem;
      height: 73rem;
      overflow: hidden;
      position: relative;
      width: 100%;
      transition: transform 0.3s;
    }

    @media only screen and (max-width: 46.875em) {
      .video {
        height: 45rem;
      }
    }

    @media only screen and (max-width: 37.5em) {
      .video {
        height: 24rem;
      }
    }

    .video__thumbnail {
      height: 100%;
      width: 100%;
      position: relative;
    }

    .video__thumbnail-img,
    .video__thumbnail-video {
      display: block;
      height: 100%;
      width: 100%;
      object-fit: cover;
      border-radius: 2rem;
    }

    .video__player {
      --size: 9rem;
      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;
    }

    .video__player:hover {
      transform: scale(1.25);
    }

    @media only screen and (max-width: 37.5em) {
      .video__player {
        --size: 5rem;
      }
    }

    .video__player__icon {
      border-radius: 100%;
      height: 100%;
      width: 100%;
    }

    .video__title {
      position: absolute;
      bottom: 4rem;
      left: 3.5rem;
      font-size: 2.4rem;
      line-height: 29px;
      letter-spacing: -0.03em;
      color: #fff;
    }

    .video iframe {
      bottom: 0;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      width: 100%;
      height: 100%;
    }

    .video .vm--overlay {
      background: rgba(0, 0, 0, 0.9) !important;
    }

    .video__embed {
      background-color: transparent !important;
      box-shadow: none !important;
      min-height: 60rem;
      position: relative;
    }

    @media only screen and (max-width: 62.5em) {
      .video__embed {
        min-height: 50rem;
      }
    }

    @media only screen and (max-width: 46.875em) {
      .video__embed {
        min-height: 40rem;
      }
    }

    .video__embed iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
    }

    .video--zoom {
      z-index: 2;
      position: absolute;
      transform: scale(1.1);
    }

    .global-reach {
      overflow: hidden;
    }

    .global-reach .h1 {
      margin-bottom: 10.6rem;
      max-width: 84.2rem;
    }

    @media only screen and (max-width: 46.875em) {
      .global-reach .h1 {
        margin-bottom: 3.5rem;
      }
    }

    .global-reach .grid {
      align-items: flex-start;
      display: flex;
      justify-content: flex-start;
      flex-wrap: wrap;
    }

    .global-reach .grid__section {
      flex: 0 1 auto;
      width: 50%;
    }

    @media only screen and (max-width: 46.875em) {
      .global-reach .grid__section {
        width: 100%;
      }
    }

    .global-reach .grid__section .figure {
      height: 75.1rem;
      margin-top: -12rem;
      width: 75.1rem;
    }

    .global-reach .stats {
      position: relative;
    }

    .global-reach .stats::before {
      background-image: url("images/dots.png");
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      bottom: 0;
      content: "";
      height: 100%;
      position: absolute;
      top: 0.5rem;
      width: 0.1rem;
    }

    .global-reach .stat {
      padding-left: 3.7rem;
    }

    .global-reach .stat:not(:last-child) {
      margin-bottom: 6.2rem;
    }

    .global-reach .stat__heading {
      font-size: 2rem;
      font-weight: 600;
      line-height: 3.2rem;
      margin-bottom: 0.8rem;
      position: relative;
    }

    .global-reach .stat__heading::before {
      border: 1px solid #000000;
      content: "";
      height: 2.5rem;
      left: -3.7rem;
      position: absolute;
      top: 0.5rem;
      width: 0.2rem;
    }

    .global-reach .stat__heading .link {
      color: #00ABAB;
      text-decoration: none;
    }

    .global-reach .stat__list {
      align-items: flex-start;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      list-style: none;
      max-width: 40rem;
    }

    .global-reach .stat__list li {
      flex: 0 0 auto;
      margin-bottom: 1.2rem;
      width: calc(50% - 3rem);
    }

    .global-reach .globe {
      --globe-size: 70rem;
      position: relative;
      width: var(--globe-size);
      height: var(--globe-size);
      background-color: #262c55;
      margin-top: -6rem;
      border-radius: 100%;
      margin-left: auto;
      transform: translateX(2%);
      display: none;
    }

    @media only screen and (max-width: 46.875em) {
      .global-reach .globe {
        --globe-size: 65vw;
        margin: 5rem auto 0;
        transform: translateX(0%);
      }
    }

    @media only screen and (max-width: 31.25em) {
      .global-reach .globe {
        margin-top: 4rem;
        margin-bottom: -2.4rem;
      }
    }

    .global-reach .globe__container {
      width: 100%;
      height: 100%;
      overflow: hidden;
      border-radius: inherit;
      clip-path: inset(0%);
    }

    .global-reach .globe__blinking-dot {
      position: absolute;
      --size: 9px;
      width: var(--size);
      height: var(--size);
      --anim-delay: 0.2s;
      border-radius: 30px;
      background: #EB7DA7;
      top: 48%;
      left: 125%;
      transform: scale(0);
      animation: blink 1.3s ease-in-out var(--anim-delay) infinite;
      opacity: 0.7;
    }

    .global-reach .globe__blinking-dot:nth-child(1) {
      --size: 11px;
    }

    .global-reach .globe__blinking-dot:nth-child(2) {
      --anim-delay: -0.2s;
      left: 138%;
      top: 75%;
      background: #00ABAB;
    }

    @media only screen and (max-width: 46.875em) {
      .global-reach .globe__blinking-dot:nth-child(2) {
        top: 70%;
        left: 132%;
      }
    }

    .global-reach .globe__blinking-dot:nth-child(3) {
      --anim-delay: 0.4s;
      left: 146%;
      top: 55%;
      background: #6672C7;
    }

    @media only screen and (max-width: 46.875em) {
      .global-reach .globe__blinking-dot:nth-child(3) {
        left: 140%;
      }
    }

    .global-reach .globe__blinking-dot:nth-child(4) {
      --anim-delay: -0.1s;
      left: 117%;
      top: 18%;
      background: #006AFF;
    }

    .global-reach .globe__blinking-dot:nth-child(5) {
      --size: 11px;
      --anim-delay: -0.3s;
      left: 85%;
      top: 60%;
      background: #262C55;
    }

    .global-reach .globe__blinking-dot:nth-child(6) {
      --anim-delay: -0.5s;
      left: 140%;
      top: 64%;
      background: #eb5757;
    }

    .global-reach .globe__blinking-dot:nth-child(7) {
      --anim-delay: -0.1s;
      left: 127%;
      top: 26%;
      background: lightsalmon;
    }

    .global-reach .globe__blinking-dot:nth-child(8) {
      --size: 11px;
      left: 54%;
      top: 26%;
      background: rgb(255, 122, 222);
    }

    @media only screen and (max-width: 46.875em) {
      .global-reach .globe__blinking-dot {
        --size: 5px;
      }

      .global-reach .globe__blinking-dot:nth-child(1),
      .global-reach .globe__blinking-dot:nth-child(5),
      .global-reach .globe__blinking-dot:nth-child(8) {
        --size: 7px;
      }
    }

    .global-reach .globe__map {
      --translate-value: 0;
      --anim-play-state: running;
      width: 100%;
      height: 100%;
      will-change: transform;
      animation-play-state: var(--anim-play-state);
      display: flex;
      flex-direction: row;
    }

    .global-reach .globe__map.animation {
      --anim-duration: 12s;
      animation: move-map var(--anim-duration) linear infinite;
    }

    @media only screen and (max-width: 46.875em) {
      .global-reach .globe__map.animation {
        --anim-duration: 10s;
      }
    }

    .global-reach .globe__map img {
      height: calc(var(--globe-size) + 12rem);
      object-position: top center;
      transform-origin: top left;
      pointer-events: none;
      opacity: 0.6;
    }

    @media only screen and (max-width: 46.875em) {
      .global-reach .globe__map img {
        height: calc(var(--globe-size) + 8.4vw);
      }
    }

    .global-reach .globe svg {
      position: absolute;
      top: 0%;
      left: -2%;
      width: var(--globe-size);
      height: var(--globe-size);
      transform: scale(1.58);
    }

    .global-reach .globe svg path {
      opacity: 0.8;
      stroke-width: 1.3;
    }

    .global-reach .globe svg path:nth-child(1) {
      stroke-dasharray: 1510;
      stroke-dashoffset: 1510;
      stroke: #00ABAB;
      animation: draw-arc-1510 3.5s ease-in-out 0.5s infinite;
    }

    @keyframes draw-arc-1510 {
      35% {
        stroke-dashoffset: 0;
      }

      70% {
        stroke-dashoffset: calc(1510 * 2);
      }

      100% {
        stroke-dashoffset: 1510;
      }
    }

    .global-reach .globe svg path:nth-child(2) {
      stroke: #FB9129;
      stroke-dasharray: 1400;
      stroke-dashoffset: 1400;
      animation: draw-arc-1400 4s ease-in-out 3s infinite;
    }

    @keyframes draw-arc-1400 {
      35% {
        stroke-dashoffset: 0;
      }

      70% {
        stroke-dashoffset: calc(1400 * 2);
      }

      100% {
        stroke-dashoffset: 1400;
      }
    }

    .global-reach .globe svg path:nth-child(3) {
      stroke: #6672C7;
      stroke-dasharray: 1555;
      stroke-dashoffset: 1555;
      animation: draw-arc-1555 5s ease-in-out 2s infinite;
    }

    @keyframes draw-arc-1555 {
      35% {
        stroke-dashoffset: 0;
      }

      70% {
        stroke-dashoffset: calc(1555 * 2);
      }

      100% {
        stroke-dashoffset: 1555;
      }
    }

    .global-reach .globe svg path:nth-child(4) {
      stroke: #EB7DA7;
      stroke-dasharray: 1380;
      stroke-dashoffset: 1380;
      animation: draw-arc-1380 4.2s ease-in-out 0.6s infinite;
    }

    @keyframes draw-arc-1380 {
      35% {
        stroke-dashoffset: 0;
      }

      70% {
        stroke-dashoffset: calc(1380 * 2);
      }

      100% {
        stroke-dashoffset: 1380;
      }
    }

    @keyframes move-map {
      to {
        transform: translateX(calc(var(--translate-value) * -1%));
      }
    }

    @keyframes blink {
      40% {
        transform: scale(1.2);
      }

      80% {
        transform: scale(0);
      }
    }

    .recommended {
      background: #2a3362;
      border-radius: 10px;
      padding: 5rem;
      margin-top: 3rem;
      margin-bottom: 3rem;
    }

    @media only screen and (max-width: 56.25em) {
      .recommended {
        padding: 3rem;
      }
    }

    @media only screen and (max-width: 37.5em) {
      .recommended {
        padding: 3rem 2.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 h5 {
      color: white !important;
      font-weight: 400;
      font-family: "Moderat", sans-serif;
      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;
      color: white !important;
      font-weight: 300;
      transition: all 0.3s;
    }

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

    .search-results__heading {
      font-size: 2.8rem;
      padding-bottom: 4.8rem;
      padding-top: 2.8rem;
      border-bottom: 1px dashed #333333;
      max-width: 54rem;
      width: 100%;
      margin-bottom: 3rem;
    }

    .search-results__heading span {
      color: #006AFF;
    }

    .search-results__content {
      cursor: pointer;
    }

    .search-results__content .support__col {
      margin-bottom: 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,
    .search-results__preview ul,
    .search-results__preview ol {
      display: none;
    }

    .search-results__dropdown {
      position: absolute;
      z-index: 10;
      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: 6.5rem;
    }

    .search-results__dropdown h3 {
      font-size: 14px !important;
      border-bottom: 1px solid #f2f2f2;
      padding: 16px 24px;
    }

    .search-results__dropdown div {
      padding: 16px 24px;
    }

    .search-results__dropdown div p {
      font-size: 14px;
      margin-bottom: 12px;
    }

    .search-results__dropdown div p span {
      color: #006AFF;
    }

    .search-results__dropdown div a {
      text-decoration: none;
    }

    .search-results .support__col {
      flex: 0 0 65rem !important;
      width: 65rem !important;
    }

    .support-faq {
      margin-top: 10rem;
      display: flex;
      justify-content: space-between;
    }

    @media only screen and (max-width: 46.875em) {
      .support-faq {
        margin: 8rem 0 5rem;
      }
    }

    .support-faq__col {
      flex: 0 0 33.3333333333%;
      width: 33.3333333333%;
    }

    @media only screen and (max-width: 46.875em) {
      .support-faq__col {
        flex: 0 0 100%;
        width: 100%;
        max-width: 100%;
        margin-bottom: 4.4rem;
      }
    }

    .support-faq__col p {
      color: #2A3362;
    }

    .support-faq__inner {
      width: 48%;
    }

    @media only screen and (max-width: 37.5em) {
      .support-faq__inner {
        width: 100%;
        margin-bottom: 2rem;
        display: flex;
        flex-direction: column;
        align-items: center;
      }
    }

    .support-faq__desc {
      font-size: 1.7rem;
      margin-top: 0;
    }

    @media only screen and (max-width: 56.25em) {
      .support-faq__desc {
        font-size: 1.6rem;
      }
    }

    @media only screen and (max-width: 37.5em) {
      .support-faq__desc {
        font-size: 1.4rem;
        text-align: center;
      }
    }

    .support-faq__desc span {
      display: inline-block;
      font-weight: 600;
      text-decoration: underline;
    }

    .support-faq__title {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      margin-bottom: 1rem;
    }

    @media only screen and (max-width: 37.5em) {
      .support-faq__title {
        align-items: center;
      }
    }

    .support-faq__title svg {
      margin-bottom: 0.5rem;
    }

    @media only screen and (max-width: 37.5em) {
      .support-faq__title svg {
        margin-right: 0;
        margin-bottom: 0.5rem;
      }
    }

    .support-faq__title p {
      font-size: 1.8rem;
      line-height: 1.3;
      font-weight: 600;
      color: #2A3362;
    }

    @media only screen and (max-width: 56.25em) {
      .support-faq__title p {
        font-size: 1.7rem;
      }
    }

    @media only screen and (max-width: 37.5em) {
      .support-faq__title p {
        font-size: 1.6rem;
      }
    }

    .support-faq--col-2 .support-faq__col {
      flex: 0 0 50%;
      width: 50%;
    }

    @media only screen and (max-width: 37.5em) {
      .support-faq--col-2 .support-faq__col {
        flex: 0 0 100%;
        width: 100%;
      }
    }

    .sliding-cards {
      --height: 32.5rem;
      position: relative;
      display: flex;
      justify-content: center;
      height: var(--height);
      width: 100%;
    }

    @media only screen and (max-width: 37.5em) {
      .sliding-cards {
        flex-wrap: wrap;
        justify-content: flex-start;
        height: auto;
      }
    }

    .sliding-cards .card {
      --translate-x: 0;
      position: absolute;
      background-color: #313131;
      border-radius: 1.6rem;
      box-shadow: 0px 25px 50px rgba(0, 0, 0, 0.8);
      flex: 0 1 auto;
      height: var(--height);
      overflow: hidden;
      padding: 5rem 6rem;
      text-align: left;
      width: 40vw;
      max-width: 56.2rem;
      z-index: 2;
      transform: translateX(calc(var(--translate-x)));
      transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
    }

    .sliding-cards .card:nth-child(1) {
      --translate-x: -58%;
      z-index: 1;
    }

    .sliding-cards .card:nth-child(1):hover+.card {
      --translate-x: calc(100% - 58% - 4%);
    }

    .sliding-cards .card:nth-child(2):hover+.card {
      --translate-x: calc(100% - 4%);
    }

    .sliding-cards .card:nth-child(3) {
      --translate-x: 58%;
      z-index: 3;
    }

    .sliding-cards .card::before {
      background-image: url("images/box.png");
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      bottom: 0;
      content: "";
      height: 100%;
      left: 0;
      opacity: 0.3;
      position: absolute;
      right: 0;
      top: 0;
      width: 100%;
      pointer-events: none;
    }

    .sliding-cards .card__title {
      font-size: 2rem;
      font-weight: 500;
      line-height: 3.2rem;
      margin-bottom: 1.7rem;
    }

    @media only screen and (max-width: 37.5em) {
      .sliding-cards .card__title {
        font-size: 1.7rem;
        line-height: 2.6rem;
        margin-bottom: 1.1rem;
      }
    }

    .sliding-cards .card__description {
      font-size: 1.6rem;
      font-weight: 300;
      line-height: 2.8rem;
    }

    @media only screen and (max-width: 37.5em) {
      .sliding-cards .card__description {
        font-size: 1.4rem;
        line-height: 2.4rem;
      }
    }

    @media only screen and (max-width: 62.5em) {
      .sliding-cards .card {
        padding: 3.6rem;
        width: 43.4vw;
      }
    }

    @media only screen and (max-width: 37.5em) {
      .sliding-cards .card {
        position: unset;
        min-height: unset;
        height: auto;
        padding: 2.5rem 3rem 3.5rem;
        width: 100%;
        transform: translateX(0);
      }

      .sliding-cards .card:nth-child(1) {
        --translate-x: 0%;
      }

      .sliding-cards .card:nth-child(2) {
        --translate-x: 0%;
      }

      .sliding-cards .card:nth-child(3) {
        --translate-x: 0%;
      }

      .sliding-cards .card:not(:last-child) {
        margin-bottom: 3rem;
      }
    }

    .cookies-banner {
      position: fixed;
      z-index: 800;
      bottom: 0;
      visibility: hidden;
      box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.16);
      width: 100%;
      background-color: #262C55;
      font-size: 1.46rem;
      color: #fff;
      transform: translateY(100%);
      transition: transform 0.3s cubic-bezier(0, 0, 0.2, 1) 1s, visibility 0s linear 0s, background-color 150ms cubic-bezier(0.4, 0, 0.6, 1);
    }

    .cookies-banner .section {
      background-color: inherit;
      color: inherit;
      padding-top: 1.8rem;
      padding-bottom: 1.8rem;
    }

    .cookies-banner .section .container {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: flex-start;
    }

    @media only screen and (max-width: 46.875em) {
      .cookies-banner .section .container {
        flex-direction: column;
      }
    }

    .cookies-banner__ctas {
      flex-shrink: 0;
      display: flex;
      width: fit-content;
    }

    @media only screen and (max-width: 46.875em) {
      .cookies-banner__ctas {
        margin-top: 2.5rem;
      }
    }

    .cookies-banner__ctas .btn {
      width: fit-content;
      font-size: 1.3rem;
      padding-top: 1rem;
      padding-bottom: 1rem;
    }

    .cookies-banner__ctas .btn:last-child {
      margin-left: 2rem;
      background-color: transparent;
      border: 1px solid white;
      color: white;
    }

    @media only screen and (max-width: 46.875em) {
      .cookies-banner__ctas .btn:last-child {
        margin-left: 1.5rem;
      }
    }

    .cookies-banner__consent {
      padding-right: 8rem;
    }

    @media only screen and (max-width: 46.875em) {
      .cookies-banner__consent {
        padding-right: 0;
        font-size: 1.5rem;
      }
    }

    .cookies-banner--show {
      visibility: visible;
      transform: translateY(0);
    }

    .base-upload {
      display: inline-block;
    }

    .base-upload[pending],
    .base-upload[disabled] {
      opacity: 0.5 !important;
      cursor: not-allowed !important;
    }

    .base-upload--droppane {
      position: relative;
      cursor: pointer;
    }

    .base-upload--droppane .fsp-drop-pane__container {
      width: 0;
      height: 0;
      border: none;
      position: static;
      padding: 0;
    }

    .base-upload--droppane .fsp-drop-pane__icon,
    .base-upload--droppane .fsp-drop-pane__input,
    .base-upload--droppane .fsp-drop-pane__text {
      display: none;
    }

    .base-upload--droppane .fsp-drop-pane__drop-zone {
      z-index: 10;
    }

    .base-upload--disable-droppane .fsp-drop-pane__drop-zone {
      display: none;
    }

    .image-upload {
      background-color: #F9F9F9;
      color: #828282;
      position: relative;
    }

    .image-upload__empty {
      margin: 0 auto;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
    }

    .image-upload__empty__inner {
      text-align: center;
      display: flex;
      flex-direction: column;
      align-items: center;
      margin-top: 10%;
    }

    .image-upload__empty__icon {
      width: 60px;
      height: 50px;
      color: #E0E0E0;
    }

    .image-upload__empty__icon-loader {
      width: 60px;
      height: 50px;
      color: #2D9CDB;
    }

    .image-upload__empty__title {
      margin-top: 24px;
      color: #2D9CDB;
      font-size: 16px;
      line-height: 19.36px;
    }

    .image-upload__empty__description {
      margin-top: 8px;
      line-height: 14.52px;
      color: #BDBDBD;
      font-size: 12px;
    }

    .image-upload__empty__header {
      margin-bottom: 34px;
      font-size: 18px;
      font-weight: 500px;
    }

    .image-upload__image__img {
      width: 100%;
      height: auto;
      object-fit: cover;
      object-position: center;
    }

    .image-upload__image__overlay {
      background-color: rgba(51, 51, 51, 0.48);
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      display: flex;
      justify-content: flex-end;
      align-items: flex-end;
    }

    .image-upload__image__delete {
      width: 16px;
      height: 16px;
      color: #ffffff;
    }

    .image-upload__image__delete:hover {
      transform: scale(1.2);
    }

    .image-upload__image__actions {
      display: flex;
      align-items: center;
      margin-right: 24px;
      margin-bottom: 24px;
    }

    .image-upload__image__actions>* {
      margin-left: 24px;
    }

    .ximage-upload {
      background-color: #F2F2F2;
      position: relative;
    }

    .ximage-upload__empty {
      padding: 62px 120px;
      text-align: center;
    }

    .ximage-upload__empty__icon {
      width: 60px;
      height: 50px;
      color: #E0E0E0;
    }

    .ximage-upload__empty__icon-loader {
      width: 60px;
      height: 50px;
      color: #576AE6;
    }

    .ximage-upload__empty__title {
      margin-top: 24px;
      color: #576AE6;
      font-size: 16px;
      line-height: 19.36px;
    }

    .ximage-upload__empty__description {
      margin-top: 8px;
      line-height: 14.52px;
      color: #828282;
      font-size: 12px;
    }

    .ximage-upload__empty__header {
      margin-bottom: 34px;
      font-size: 18px;
      font-weight: 500px;
    }

    .ximage-upload__image__img {
      width: 100%;
      height: auto;
      object-fit: cover;
      object-position: center;
    }

    .ximage-upload__image__overlay {
      background-color: rgba(51, 51, 51, 0.48);
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      display: flex;
      justify-content: flex-end;
      align-items: flex-end;
    }

    .ximage-upload__image__delete {
      width: 16px;
      height: 16px;
      color: #ffffff;
    }

    .ximage-upload__image__delete:hover {
      transform: scale(1.2);
    }

    .ximage-upload__image__actions {
      display: flex;
      align-items: center;
      margin-right: 24px;
      margin-bottom: 24px;
    }

    .ximage-upload__image__actions>* {
      margin-left: 24px;
    }

    .company-teams .container {
      align-items: center;
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      max-width: 120.6rem;
      text-align: center;
    }

    .company-teams .h1 {
      margin-bottom: 4.9rem;
      max-width: 100rem;
    }

    @media only screen and (max-width: 46.875em) {
      .company-teams .h1 {
        margin-bottom: 3.1rem;
      }
    }

    @media only screen and (max-width: 37.5em) {
      .company-teams .h1 {
        margin-bottom: 2.5rem;
      }
    }

    .company-teams .p {
      max-width: 82rem;
    }

    @media only screen and (max-width: 46.875em) {
      .company-teams .p {
        margin-bottom: 4.3rem;
      }
    }

    @media only screen and (max-width: 37.5em) {
      .company-teams .p {
        margin-bottom: 3.9rem;
      }
    }

    .company-teams .sliding-cards {
      margin-top: 7rem;
    }

    @media only screen and (max-width: 37.5em) {
      .company-teams .sliding-cards:not(:first-child) {
        margin-top: 3rem;
      }
    }

    .company-locations {
      overflow: hidden;
    }

    .company-locations .container {
      align-items: center;
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      max-width: 120.6rem;
      text-align: center;
    }

    .company-locations .h1 {
      margin-bottom: 4.9rem;
      max-width: 100rem;
    }

    @media only screen and (max-width: 46.875em) {
      .company-locations .h1 {
        margin-bottom: 3.1rem;
      }
    }

    @media only screen and (max-width: 37.5em) {
      .company-locations .h1 {
        margin-bottom: 2.5rem;
      }
    }

    .company-locations .p {
      max-width: 90rem;
    }

    @media only screen and (max-width: 46.875em) {
      .company-locations .p {
        margin-bottom: 4.3rem;
      }
    }

    @media only screen and (max-width: 37.5em) {
      .company-locations .p {
        margin-bottom: 3.9rem;
      }
    }

    .company-locations .cities {
      position: relative;
      width: 100vw;
      left: calc(-50vw + 50%);
      background-repeat: repeat;
      background-position: center;
      color: white;
      padding: 7% 0 14%;
      overflow: hidden;
    }

    .company-locations .cities__row {
      --translate-value: 0;
      --anim-play-state: paused;
      width: 100%;
      font-size: 6vw;
      will-change: transform;
      animation-play-state: var(--anim-play-state);
    }

    .company-locations .cities__row.animation {
      animation: move 16s linear infinite;
    }

    @keyframes move {
      to {
        transform: translateX(calc(var(--translate-value) * -1%));
      }
    }

    .company-locations .cities__row:nth-of-type(2) {
      animation-direction: reverse;
      margin: 14vw 0 28vw;
    }

    @media only screen and (max-width: 37.5em) {
      .company-locations .cities__row:nth-of-type(2) {
        margin: 8rem 0 16rem;
      }
    }

    .company-locations .cities__row:hover {
      animation-play-state: paused;
    }

    @media only screen and (max-width: 37.5em) {
      .company-locations .cities__row {
        font-size: 3.2rem;
      }
    }

    .company-locations .cities__row p {
      position: absolute;
      white-space: nowrap;
    }

    .company-locations .cities__row p:nth-child(2) {
      transform: translateX(100%);
    }

    .company-locations .cities__row p span {
      position: relative;
      margin-right: 6vw;
      color: #79797f;
    }

    .company-locations .cities__row p span::before {
      position: absolute;
      content: attr(data-text);
      top: -7%;
      left: 0;
      color: white;
      width: 0%;
      overflow: hidden;
      transition: 0.3s ease-in-out;
    }

    .company-locations .cities__row p span:hover::before {
      width: 100%;
    }

    .company-locations .cities__image {
      --x-position: 0;
      --y-position: 50%;
      position: absolute;
      width: 18vw;
      height: 18vw;
      left: 0;
      top: 0;
      pointer-events: none;
      z-index: 6;
      border-radius: 20px;
      overflow: hidden;
      transform: rotate(5deg);
      transform: translate3d(var(--x-position), var(--y-position), 0) rotate(3deg);
      transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
    }

    .company-locations .cities__image img {
      --opacity: 0;
      position: absolute;
      border-radius: inherit;
      object-position: center;
      width: 100%;
      height: 100%;
      object-fit: cover;
      background-color: whitesmoke;
      opacity: var(--opacity);
      transition: opacity 0.6s cubic-bezier(0.16, 1, 0.3, 1);
    }

    .staff-quotes {
      display: flex;
      justify-content: center;
      flex-direction: column;
      align-items: center;
    }

    .staff-quotes .container {
      position: relative;
      background-color: #1D1D1D;
      border-radius: 2rem;
      box-shadow: 0px 25px 50px rgba(29, 29, 29, 0.5);
      padding: 3.2rem 8.2rem 0;
      width: 100%;
      min-height: 48rem;
    }

    @media only screen and (max-width: 56.25em) {
      .staff-quotes .container {
        padding: 3.2rem 6rem 0;
      }
    }

    @media only screen and (max-width: 56.25em) {
      .staff-quotes .container {
        padding: 3.2rem 3rem 0;
      }
    }

    .staff-quotes .staff {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
      color: white;
      position: relative;
    }

    @media only screen and (max-width: 46.875em) {
      .staff-quotes .staff {
        flex-direction: column-reverse;
        align-items: unset;
      }
    }

    .staff-quotes .staff__image {
      --height: 46rem;
      height: var(--height);
      margin-top: auto;
      margin-right: 2rem;
      overflow: hidden;
      opacity: 0;
      animation: fade-in 0.8s linear forwards;
    }

    @media only screen and (max-width: 56.25em) {
      .staff-quotes .staff__image {
        --height: 40rem;
      }
    }

    @media only screen and (max-width: 46.875em) {
      .staff-quotes .staff__image {
        margin-top: 6rem;
      }
    }

    @media only screen and (max-width: 37.5em) {
      .staff-quotes .staff__image {
        --height: 32rem;
      }
    }

    .staff-quotes .staff__image img {
      width: auto;
      height: var(--height);
      object-fit: contain;
      object-position: left;
      transform: translateY(1%);
    }

    .staff-quotes .staff p {
      max-width: 50rem;
    }

    @media only screen and (max-width: 56.25em) {
      .staff-quotes .staff p {
        max-width: 44rem;
      }
    }

    @media only screen and (max-width: 46.875em) {
      .staff-quotes .staff p {
        max-width: unset;
      }
    }

    .staff-quotes .staff__quote {
      margin-bottom: 7rem;
      color: #F1A5C2;
      margin-top: 1.4rem;
      opacity: 0;
      transform: translateY(20%);
      animation: fade-in 0.8s linear forwards, slide-up 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;
    }

    @media only screen and (max-width: 46.875em) {
      .staff-quotes .staff__quote {
        margin-bottom: 4rem;
      }
    }

    .staff-quotes .staff__info {
      margin-bottom: 1.4rem;
      opacity: 0;
      animation: fade-in 0.8s linear forwards 0.3s;
    }

    .staff-quotes .staff__doodle {
      position: absolute;
      right: -6rem;
      bottom: 2rem;
      opacity: 0;
      animation: fade-in 1s linear forwards;
    }

    @media only screen and (max-width: 56.25em) {
      .staff-quotes .staff__doodle {
        right: -2.2rem;
      }
    }

    @media only screen and (max-width: 37.5em) {
      .staff-quotes .staff__doodle {
        transform: scale(0.8);
      }
    }

    .staff-quotes .camters {
      margin-top: 4rem;
      width: 12rem;
      display: flex;
      justify-content: space-between;
    }

    .staff-quotes .camters button {
      position: relative;
      width: 42%;
      height: 1.5rem;
      background-color: transparent;
    }

    .staff-quotes .camters button::after {
      content: "";
      position: absolute;
      top: 50%;
      left: 0;
      width: 100%;
      height: 0.2rem;
      border-radius: 10px;
      background-color: rgb(175, 175, 175);
      transition: background-color 0.8s cubic-bezier(0.16, 1, 0.3, 1);
    }

    .staff-quotes .camters button.active::after {
      background-color: #1D1D1D;
    }

    .staff-stories .container:nth-child(2) {
      width: 100%;
      max-width: 128rem;
    }

    .staff-stories p.loud {
      margin-bottom: 6rem;
    }

    .staff-stories .tab__header {
      margin-bottom: 6rem;
    }

    .staff-stories .tab__cta {
      color: #ffffff;
    }

    .staff-stories .tab__cta.active {
      background-color: #F1A5C2;
      color: #1D1D1D;
    }

    .staff-stories__container {
      position: relative;
    }

    .staff-stories__container .btn {
      position: unset;
      width: 5rem;
      height: 5rem;
      z-index: 2;
    }

    @media only screen and (max-width: 37.5em) {
      .staff-stories__container .btn {
        position: absolute;
      }
    }

    .staff-stories__video {
      position: relative;
      width: 100%;
    }

    .staff-stories__video::before {
      position: absolute;
      content: "";
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      z-index: 1;
      border-radius: 2rem;
      background: linear-gradient(107.69deg, rgba(44, 21, 63, 0.4) 16.54%, rgba(214, 163, 255, 0) 97.51%);
    }

    .staff-stories__video iframe {
      z-index: 3;
    }

    .staff-stories__overlay {
      position: absolute;
      left: 10rem;
      top: 50%;
      transform: translateY(-46%);
      z-index: 2;
      color: white;
      max-width: 45rem;
      font-weight: 300;
    }

    @media only screen and (max-width: 46.875em) {
      .staff-stories__overlay {
        left: 6rem;
      }
    }

    .staff-stories__overlay p {
      text-align: left;
    }

    .staff-stories__staff-quote {
      opacity: 0;
      font-size: 4rem;
      transform: translateY(18%);
      animation: fade-in 0.4s linear forwards, slide-up 0.55s cubic-bezier(0.16, 1, 0.3, 1) forwards;
    }

    @media only screen and (max-width: 46.875em) {
      .staff-stories__staff-quote {
        font-size: 3.2rem;
      }
    }

    @media only screen and (max-width: 37.5em) {
      .staff-stories__staff-quote {
        display: none;
      }
    }

    .staff-stories__staff-name {
      margin: 2.6rem 0 4rem;
      opacity: 0;
      animation: fade-in 0.5s linear forwards 0.2s;
    }

    @media only screen and (max-width: 37.5em) {
      .staff-stories__staff-name {
        display: none;
      }
    }

    .staff-stories__button {
      --scale: 1;
      opacity: 0;
      animation: fade-in 0.5s linear forwards 0.3s, slideup 0.6s cubic-bezier(0.16, 1, 0.3, 1) 0.3s;
    }

    @keyframes slideup {
      from {
        transform: translateY(36%) scale(var(--scale));
      }

      to {
        transform: translate(0) scale(var(--scale));
      }
    }

    @media only screen and (max-width: 37.5em) {
      .staff-stories__button {
        display: none;
      }
    }

    .dropdown--disabled {
      opacity: 0.5;
    }

    .dropdown-menu {
      position: absolute;
      top: 15px;
      right: auto;
      bottom: auto;
      left: 0px;
      margin: 0px;
      transform: translate3d(0px, 40px, 0px);
      border: 1px solid;
      width: 100%;
      border-radius: 20px;
      background: #fff;
      text-align: left;
      border: 0.5px solid #dee2e6;
      z-index: 9999;
      border: none;
      box-shadow: 0px 18px 36px rgba(0, 0, 0, 0.08);
      border-radius: 16px;
    }

    .dropdown-menu .show {
      display: block;
    }

    .country-select-dropdown .country-select-modal__input {
      padding: 0 24px;
      margin-top: 18px;
      display: flex;
      align-items: stretch;
    }

    .country-select-dropdown .country-select-modal__input .form__input {
      padding-left: 0 !important;
      padding-right: 0 !important;
      border: 0 !important;
      box-shadow: none;
    }

    .country-select-dropdown .country-select-modal__list {
      margin: 0;
      padding: 0;
      margin-top: 8px;
      padding-bottom: 10px;
      height: 300px;
      overflow: scroll;
    }

    .country-select-dropdown .country-select-modal__list__caption {
      font-size: 14px;
      padding: 8px 16px;
    }

    .country-select-dropdown .country-select-modal__list__item {
      list-style: none;
      display: flex;
      align-items: center;
      justify-content: space-between;
    }

    .country-select-dropdown .country-select-modal__disclaimer {
      margin: 20px 16px;
    }

    .country-select-dropdown .country-item {
      padding: 20px 24px;
      cursor: pointer;
      transition: color 0.3s ease;
      transition-property: color, background-color;
    }

    .country-select-dropdown .country-item__name,
    .country-select-dropdown .country-item__currency {
      font-family: "Moderat", sans-serif;
      font-size: 16px;
      font-weight: 400;
      color: #1B1C20;
      transition: color 0.3s ease;
    }

    .country-select-dropdown .country-item__currency {
      font-weight: 500;
    }

    .country-select-dropdown .country-item__name {
      font-family: "Moderat", sans-serif;
      padding-top: 3px;
      font-weight: 500;
      color: #828282;
      text-transform: none;
    }

    .country-select-dropdown .country-item__name-block {
      display: flex;
      align-items: center;
      flex-grow: auto;
    }

    .country-select-dropdown .country-item:hover {
      background-color: transparent !important;
    }

    .country-select-dropdown .country-item__flag {
      width: 24px;
      height: 24px;
      margin-right: 12px;
      border-radius: 50%;
    }

    .country-select-dropdown .country-item__dialcode {
      align-self: center;
      color: #8A898B;
      padding-top: 2px;
      margin-left: 5px;
    }

    .country-select-dropdown .dropdown {
      height: 100%;
      border-right: 1px solid #C4CDD5;
      border-top-left-radius: 0.5rem;
      border-bottom-left-radius: 0.5rem;
    }

    .country-select-dropdown .dropdown-menu {
      box-shadow: 0px 18px 36px rgba(0, 0, 0, 0.08);
      border-radius: 16px;
      background: #FFFFFF;
      outline: none;
      border: none;
    }

    .country-select-dropdown .dropdown-header {
      position: relative;
      padding-top: 16px;
      color: #5E3030;
      margin-bottom: 18px;
    }

    .country-select-dropdown .dropdown-title {
      text-align: center;
      font-size: 16px;
      font-weight: 500;
      font-family: "Moderat", sans-serif;
    }

    .country-select-dropdown .dropdown-close {
      position: absolute;
      top: 50%;
      right: 16px;
    }

    .country-select-dropdown .search-button {
      display: inline-flex;
      align-items: center;
      padding-right: 20px;
      margin-left: 0;
      background-color: transparent;
      padding-left: 0;
    }

    .currency-amount {
      display: flex;
      align-items: stretch;
      flex-direction: column;
      width: 100%;
      padding: 0;
    }

    .currency-amount__inner {
      display: flex;
      align-items: stretch;
      justify-content: space-between;
      width: 100%;
      position: relative;
      border: 1px solid #C4CDD5;
      border-radius: 0.5rem;
    }

    .currency-amount__money {
      font-family: "Moderat", sans-serif;
      font-size: 1.5rem;
      font-weight: 400;
      border: none !important;
      outline: none !important;
      flex-grow: 1;
      width: 100%;
      margin-left: 0;
      color: #000;
      line-height: 1;
      border-top-left-radius: 0 !important;
      border-bottom-left-radius: 0 !important;
    }

    .currency-amount__money--empty {
      color: #BDBDBD;
    }

    .currency-amount__money-wrapper {
      display: flex;
      align-items: center;
      letter-spacing: -1px;
    }

    .currency-amount__select {
      display: flex;
      align-items: center;
      appearance: none;
      border: none;
      background: transparent;
      padding: 16px 8px;
      cursor: pointer;
    }

    .currency-amount__select[disabled] {
      cursor: not-allowed;
      opacity: 0.7;
    }

    .currency-amount__select__flag {
      display: block;
      width: 20px;
      height: 20px;
      object-fit: cover;
      object-position: center;
      margin-right: 4px;
      border-radius: 50%;
      margin-bottom: 2px;
    }

    .currency-amount__select__currency {
      color: #000000;
      font-weight: 600;
      font-size: 14px;
      line-height: 17px;
      margin-right: 6px;
    }

    .currency-amount__select__anchor {
      margin-left: 13px;
    }

    .money-dropdown .dropdown-menu {
      top: 70%;
    }

    .popup-banner {
      position: fixed;
      z-index: 800;
      top: 0;
      visibility: hidden;
      width: 100%;
      background-color: #262C55;
      font-size: 1.46rem;
      color: #fff;
      transform: translateY(-100%);
      transition: transform 0.3s cubic-bezier(0, 0, 0.2, 1) 1s, visibility 0s linear 0s, background-color 150ms cubic-bezier(0.4, 0, 0.6, 1);
      padding-top: 1.2rem;
      padding-bottom: 1.2rem;
    }

    .popup-banner .section {
      background-color: inherit;
      color: inherit;
      padding-top: 0;
      padding-bottom: 0;
    }

    .popup-banner .section .container {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: flex-start;
    }

    .popup-banner__info {
      padding-right: 8rem;
    }

    @media only screen and (max-width: 46.875em) {
      .popup-banner__info {
        padding-right: 3rem;
      }
    }

    .popup-banner__btn-close {
      background: none;
      border: none;
      outline: none;
      text-decoration: underline;
      cursor: pointer;
      width: 2.8rem;
      height: 2.8rem;
      color: inherit;
      padding: 0;
    }

    .popup-banner__btn-close svg {
      width: 2.8rem;
      height: 2.8rem;
    }

    .popup-banner--show {
      visibility: visible;
      transform: translateY(0);
    }

    .container {
      margin: 0 auto;
      max-width: 109.2rem;
    }

    .container.lg {
      margin: 0 auto;
      max-width: 120.6rem;
    }

    .container.xl {
      margin: 0 auto;
      max-width: 168rem;
    }

    .ft {
      color: #1D1D1D;
      padding: 10rem 2rem 0;
      /* Legal Links styles */
    }

    .ft--dark {
      background-color: #1D1D1D;
      color: #ffffff;
    }

    .ft .ft__section.legal-section {
      flex: 0 1 auto;
      width: 100%;
      margin-top: 10px;
      margin-bottom: 20px;
    }

    .ft .ft__section.legal-section__head {
      align-items: center;
      color: inherit;
      display: flex;
      justify-content: space-between;
      margin-bottom: 1.9rem;
    }

    .ft .ft__section.legal-section__head.mobile-only {
      display: none;
    }

    @media only screen and (max-width: 56.25em) {
      .ft .ft__section.legal-section__head.mobile-only {
        display: flex;
      }
    }

    .ft .ft__section.legal-section__title {
      font-size: 1.8rem;
      line-height: 2rem;
      padding: 0.2rem;
    }

    .ft .ft__section.legal-section__icon {
      display: none;
      height: 2rem;
      fill: currentColor;
      transition: transform 0.3s ease;
      width: auto;
    }

    @media only screen and (max-width: 56.25em) {
      .ft .ft__section.legal-section__icon {
        display: block;
      }
    }

    .ft .ft__section.legal-section .ft__nav {
      align-items: flex-start;
      display: flex;
      justify-content: space-between;
    }

    .ft .ft__section.legal-section .ft__nav .ft__nav__link {
      font-size: 1.6rem;
      line-height: 1.9rem;
      margin-bottom: 0;
    }

    .ft .ft__section.legal-section .ft__nav .ft__nav__link:not(:last-child) {
      margin-bottom: 0;
      margin-right: 2.4rem;
    }

    @media only screen and (max-width: 56.25em) {
      .ft .ft__section.legal-section .ft__nav .ft__nav__link:not(:last-child) {
        margin-bottom: 2.4rem;
        margin-right: 0;
      }
    }

    .ft .ft__section.legal-section .ft__nav__link:link,
    .ft .ft__section.legal-section .ft__nav__link:visited {
      color: inherit;
      font-size: 1.6rem;
      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 .ft__section.legal-section .ft__nav__link:not(:last-child) {
      margin-bottom: 2.4rem;
    }

    .ft .ft__section.legal-section .ft__nav__link:hover {
      color: #00ABAB;
    }

    .ft .ft__section.legal-section .ft__nav__link--status {
      position: relative;
    }

    .ft .ft__section.legal-section .ft__nav__link--status::before {
      background-color: #35A162;
      border-radius: 100%;
      bottom: 0.5rem;
      content: "";
      height: 1rem;
      position: absolute;
      right: -2rem;
      width: 1rem;
    }

    @media only screen and (max-width: 56.25em) {
      .ft {
        padding: 2rem 2rem 0;
      }
    }

    .ft__wrapper {
      margin: 0 auto;
      max-width: 109.2rem;
    }

    .ft__group {
      align-items: flex-start;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      padding: 3rem 0;
    }

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

    .ft__section .ft__text {
      white-space: nowrap;
      margin-top: 10px;
      margin-bottom: 20px;
    }

    @media (max-width: 768px) {
      .ft__section .ft__text {
        white-space: normal;
        width: 100%;
        margin-left: 1em;
      }
    }

    @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.8rem;
      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.6rem;
      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.6rem;
      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: #00ABAB;
    }

    .ft__nav__link--status {
      position: relative;
    }

    .ft__nav__link--status::before {
      background-color: #35A162;
      border-radius: 100%;
      bottom: 0.5rem;
      content: "";
      height: 1rem;
      position: absolute;
      right: -2rem;
      width: 1rem;
    }

    .ft__text {
      font-size: 1.6rem;
      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: 117rem;
    }

    .hd {
      padding: 3rem 2rem 0;
    }

    @media only screen and (max-width: 56.25em) {
      .hd {
        padding: 1.6rem 0 0;
      }
    }

    .hd__nav {
      margin: 0 auto;
      max-width: 109.2rem;
      align-items: center;
      display: flex;
      justify-content: space-between;
      padding: 0;
    }

    @media only screen and (max-width: 56.25em) {
      .hd__nav {
        flex-direction: column;
      }

      .hd__nav.open {
        align-items: stretch;
        background-color: #ffffff;
        bottom: 0;
        justify-content: flex-start;
        left: 0;
        min-height: 100vh;
        overflow-y: auto;
        padding: 1.6rem 0 3rem;
        position: fixed;
        right: 0;
        top: 0;
        z-index: 3;
      }

      .hd__nav.open .hd__nav__top {
        margin: 0 0 2.8rem;
      }
    }

    .hd__nav__top {
      align-items: center;
      display: flex;
      flex: 0 0 auto;
      justify-content: space-between;
      width: auto;
    }

    @media only screen and (max-width: 56.25em) {
      .hd__nav__top {
        margin: 0;
        padding: 0 2rem 0 1rem;
        width: 100%;
      }
    }

    .hd__nav__brand svg {
      display: block;
      height: auto;
      width: 18.5rem;
    }

    .hd__nav__toggler {
      position: relative;
      background-color: transparent;
      border-color: transparent;
      align-items: center;
      cursor: pointer;
      display: none;
      flex-direction: column;
      justify-content: space-between;
      margin: 0;
      padding: 3px;
      width: 24px;
      height: 20px;
    }

    @media only screen and (max-width: 56.25em) {
      .hd__nav__toggler {
        display: flex;
      }
    }

    .hd__nav__toggler--open .hd__nav__toggler-icon:nth-child(1) {
      transform: rotate(45deg) translateY(0);
    }

    .hd__nav__toggler--open .hd__nav__toggler-icon:nth-child(2) {
      transform: rotate(-45deg) translateY(0);
    }

    .hd__nav__toggler:focus {
      outline: none;
    }

    .hd__nav__toggler-icon {
      position: absolute;
      right: 0;
      top: 50%;
      background-color: #403f3f;
      border-radius: 1rem;
      display: inline-block;
      height: 2px;
      transition: all 0.2s ease;
      width: inherit;
    }

    .hd__nav__toggler-icon:nth-child(1) {
      transform: translateY(-4.4px);
    }

    .hd__nav__toggler-icon:nth-child(2) {
      transform: translateY(4.4px);
    }

    .hd__nav__list {
      align-items: center;
      display: inline-flex;
      justify-content: flex-start;
      list-style: none;
      max-width: 81.1rem;
    }

    @media only screen and (max-width: 56.25em) {
      .hd__nav__list {
        align-items: flex-start;
        display: none;
        max-width: 100%;
        width: 100%;
      }

      .hd__nav__list.open {
        align-items: stretch;
        display: flex;
        flex-direction: column;
      }
    }

    @media only screen and (max-width: 56.25em) {
      .hd__nav__list--right .hd__nav__item:last-child {
        margin: 0 2rem;
      }
    }

    .hd__nav__item {
      flex: 0 0 auto;
    }

    .hd__nav__item:not(:last-child) {
      margin-right: 1.6rem;
    }

    @media only screen and (max-width: 62.5em) {
      .hd__nav__item:not(:last-child) {
        margin-right: 0;
      }
    }

    @media only screen and (max-width: 56.25em) {
      .hd__nav__item {
        margin: 0 0 2rem;
      }
    }

    .hd__nav__item.has-menu {
      position: relative;
    }

    @media only screen and (max-width: 56.25em) {
      .hd__nav__item.has-menu:not(:last-child) {
        margin: 0 0 1.8rem;
        padding-top: 1rem;
      }
    }

    .hd__nav__item.has-menu .hd__nav__link__icon {
      display: block;
    }

    .hd__nav__item.has-menu .hd__nav__link__title {
      font-weight: 600;
      margin-bottom: 0.6rem;
    }

    .hd__nav__item.has-menu .hd__nav__link__desc {
      display: block;
    }

    .hd__nav__label {
      align-items: flex-start;
      color: #262C55;
      cursor: pointer;
      display: block;
      font-size: 1.5rem;
      font-weight: 500;
      justify-content: flex-start;
      line-height: 1.8rem;
      padding: 1rem 1.2rem;
    }

    @media only screen and (max-width: 56.25em) {
      .hd__nav__label {
        color: #686868;
        font-size: 1.2rem;
        line-height: 1.4rem;
        margin-bottom: 1.4rem;
        padding: 0 2rem;
        text-transform: uppercase;
        cursor: auto;
      }
    }

    .hd__nav__link {
      align-items: flex-start;
      display: flex;
      justify-content: flex-start;
      padding: 1rem 1.2rem;
    }

    @media only screen and (max-width: 56.25em) {
      .hd__nav__link {
        padding: 1rem 2rem;
      }
    }

    .hd__nav__link:link,
    .hd__nav__link:visited {
      text-decoration: none;
    }

    .hd__nav__link:hover .hd__nav__link__title {
      color: #00ABAB;
    }

    .hd__nav__link__icon {
      display: none;
      flex: 0 0 auto;
      height: 4.2rem;
      margin-right: 1.4rem;
      object-fit: contain;
      object-position: center;
      width: 4.2rem;
    }

    .hd__nav__link__info {
      align-items: stretch;
      display: flex;
      flex: 1 1 auto;
      flex-direction: column;
      justify-content: flex-start;
    }

    .hd__nav__link__title {
      color: #262C55;
      font-size: 1.5rem;
      font-weight: 500;
      line-height: 1.8rem;
      margin-bottom: 0;
      transition: color 0.3s ease;
    }

    .hd__nav__link__desc {
      display: none;
      font-size: 1.4rem;
      font-weight: 400;
      line-height: 1.7rem;
    }

    @media only screen and (max-width: 56.25em) {
      .hd__nav__link__desc {
        color: #262C55;
      }
    }

    .hd__nav__link.pill:disabled,
    .hd__nav__link.pill:link,
    .hd__nav__link.pill:visited {
      background-color: #eeeeee;
      border-radius: 1rem;
      color: #000000;
      font-size: 1.4rem;
      line-height: 1.7rem;
      padding: 1.5rem 5rem;
      transition: all 0.3s ease;
    }

    .hd__nav__link.pill:disabled:hover,
    .hd__nav__link.pill:disabled.active,
    .hd__nav__link.pill:link:hover,
    .hd__nav__link.pill:link.active,
    .hd__nav__link.pill:visited:hover,
    .hd__nav__link.pill:visited.active {
      background-color: rgba(10, 14, 39, 0.9);
      color: #ffffff;
    }

    @media only screen and (max-width: 56.25em) {

      .hd__nav__link.pill:disabled,
      .hd__nav__link.pill:link,
      .hd__nav__link.pill:visited {
        background-color: rgba(10, 14, 39, 0.9);
        color: #ffffff;
        justify-content: center;
        margin-top: 3rem;
        text-align: center;
      }
    }

    .hd__nav__link.pill:disabled {
      opacity: 0.6;
    }

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

      .hd__nav__link .hd__nav__link__title {
        font-weight: 600;
        margin-bottom: 0.6rem;
      }

      .hd__nav__link .hd__nav__link__desc {
        display: block;
      }
    }

    .hd__nav-submenu,
    .hd__nav-subcategory {
      width: fit-content;
    }

    .hd__nav__dropdown {
      background-color: #ffffff;
      border-radius: 1rem;
      box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.2);
      left: -50%;
      padding: 0;
      position: absolute;
      top: 3.7rem;
      z-index: 5;
      transform: translateY(8%);
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
      display: flex;
      flex-direction: row;
      width: fit-content;
      justify-content: space-between;
    }

    .hd__nav__dropdown--productmenu {
      min-height: 33rem;
    }

    @media only screen and (max-width: 56.25em) {
      .hd__nav__dropdown--productmenu {
        min-height: unset;
      }
    }

    .hd__nav__dropdown--sme {
      left: -580%;
    }

    @media only screen and (max-width: 56.25em) {
      .hd__nav__dropdown {
        visibility: visible;
        opacity: 1;
        pointer-events: auto;
        transform: translateY(0%);
      }
    }

    .hd__nav__dropdown.show {
      opacity: 1;
      visibility: visible;
      pointer-events: auto;
      transform: translateY(0%);
      transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.2s ease-out;
    }

    @media only screen and (max-width: 56.25em) {
      .hd__nav__dropdown {
        background-color: transparent;
        border-bottom: 0.5px dashed rgba(0, 0, 0, 0.2);
        border-radius: 0;
        box-shadow: none;
        display: block;
        left: unset;
        padding: 0 0 1.8rem;
        position: relative;
        top: unset;
        width: 100%;
        z-index: unset;
      }
    }

    .hd__nav__dropdown__item:not(:last-child) {
      margin-bottom: 2rem;
    }

    .hd__nav-subcategory,
    .hd__nav-submenu {
      display: flex;
      flex-direction: column;
      padding: 1.5rem 0.8rem 2.5rem;
      list-style: none;
      border-radius: inherit;
    }

    .hd__nav-subcategory .hd__nav-select,
    .hd__nav-submenu .hd__nav-select {
      display: none;
      justify-content: space-between;
      margin: 0 1rem;
      align-items: center;
      border-radius: 0.5rem;
      padding: 1rem 1.4rem;
      border: 1px solid rgba(38, 44, 85, 0.6);
    }

    @media only screen and (max-width: 56.25em) {

      .hd__nav-subcategory .hd__nav-select,
      .hd__nav-submenu .hd__nav-select {
        display: flex;
      }
    }

    .hd__nav-subcategory .hd__nav-select select,
    .hd__nav-submenu .hd__nav-select select {
      width: 100%;
      outline: none;
      border: none;
      font-weight: 500;
      color: #262C55;
      cursor: pointer;
      font-size: 1.7rem;
      flex-shrink: 1;
      background-color: white;
    }

    @media only screen and (max-width: 56.25em) {

      .hd__nav-subcategory .btn,
      .hd__nav-submenu .btn {
        display: none;
      }
    }

    .hd__nav-subcategory .btn--transparent,
    .hd__nav-submenu .btn--transparent {
      background-color: transparent;
      text-align: left;
      color: #262C55;
      font-size: 1.7rem;
      font-weight: 500;
      transition: background-color 0.3s ease;
    }

    .hd__nav-subcategory .btn--transparent.active,
    .hd__nav-submenu .btn--transparent.active {
      background-color: #eeeeee;
    }

    @media only screen and (max-width: 56.25em) {

      .hd__nav-subcategory .btn--transparent.active,
      .hd__nav-submenu .btn--transparent.active {
        background-color: transparent;
      }
    }

    .hd__nav-subcategory .btn--download,
    .hd__nav-submenu .btn--download {
      justify-content: center;
      margin-top: auto;
      font-size: 1.4rem;
      background-color: rgba(10, 14, 39, 0.9);
      color: white;
      display: none;
    }

    @media only screen and (max-width: 56.25em) {

      .hd__nav-subcategory .btn--download,
      .hd__nav-submenu .btn--download {
        display: block;
        margin: -3rem 2rem 2rem;
      }
    }

    .hd__nav-subcategory {
      display: flex;
      flex-direction: column;
      width: 26rem;
      background-color: #F8FAFD;
    }

    @media only screen and (max-width: 56.25em) {
      .hd__nav-subcategory {
        width: 100%;
        background-color: transparent;
      }
    }

    .hd__nav-submenu {
      width: 35rem;
    }

    @media only screen and (max-width: 56.25em) {
      .hd__nav-submenu {
        width: 100%;
        padding: 0;
      }
    }

    .hd__nav-submenu--sme {
      display: flex;
      justify-content: space-between;
      flex-direction: row;
      width: 65rem;
    }

    @media only screen and (max-width: 56.25em) {
      .hd__nav-submenu--sme {
        display: block;
        width: 100%;
      }
    }

    .hd__nav-submenu--sme>*:nth-of-type(.btn) {
      width: 50%;
    }

    @media only screen and (max-width: 56.25em) {
      .hd__nav-submenu--sme>*:nth-of-type(.btn) {
        width: 100%;
      }
    }

    .hd__nav-submenu--sme .btn {
      margin-top: 2rem;
    }

    .hd__nav-submenu--alt {
      width: 20rem;
    }

    @media only screen and (max-width: 56.25em) {
      .hd__nav-submenu--alt {
        width: 100%;
      }
    }

    .hd__nav-submenu--alt .hd__nav__dropdown__item:not(:last-child) {
      margin-bottom: -0.4rem;
    }

    .hd__qr {
      margin-top: auto;
    }

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

    .hd__qr-container {
      border-radius: 1rem;
      padding: 0.8rem 1.2rem;
      border: 1px dashed rgba(10, 14, 39, 0.6);
      margin: 0 auto;
      display: flex;
      align-items: center;
      font-size: 1.5rem;
    }

    .hd__qr-container svg,
    .hd__qr-container img {
      flex-shrink: 0;
      margin-right: 1.2rem;
      width: 4rem;
    }

    .hd--support {
      padding: 1.8rem 2rem 1.8rem 1rem;
      border-bottom: 1px solid #e5e5e5;
      background-color: white;
      position: sticky;
      will-change: transform;
      top: 0;
      z-index: 10;
    }

    @media only screen and (max-width: 56.25em) {
      .hd--support {
        padding: 1.6rem 0;
        border-bottom: 0 !important;
      }

      .hd--support .hd__nav__list {
        margin-top: 28px;
      }

      .hd--support .hd__nav__item {
        margin-bottom: 10px;
      }

      .hd--support .hd__nav__link__title {
        font-weight: 400;
      }

      .hd--support .hd__nav__link.pill {
        margin: 0 20px !important;
        width: fit-content !important;
      }
    }

    .hd--support .hd__nav {
      max-width: 133rem;
    }

    .hd--support .hd__nav__link.pill {
      padding: 1rem 2rem;
      background-color: #eeeeee;
      color: #000000;
    }

    .hd--dark {
      background-color: #1D1D1D;
    }

    @media only screen and (max-width: 56.25em) {
      .hd--dark .hd__nav.open {
        background-color: #1D1D1D;
      }
    }

    .hd--dark .hd__nav__toggler-icon {
      background-color: #ffffff;
    }

    .hd--dark .hd__nav__label {
      color: #ffffff;
    }

    .hd--dark .hd__nav__dropdown {
      background-color: #313131;
    }

    @media only screen and (max-width: 56.25em) {
      .hd--dark .hd__nav__dropdown {
        background-color: #1D1D1D;
      }
    }

    .hd--dark .hd__nav__link__title,
    .hd--dark .hd__nav__link__desc {
      color: #eeeeee;
    }

    .hd--dark .hd__nav__link.pill:link,
    .hd--dark .hd__nav__link.pill:visited {
      background-color: #eeeeee;
      color: #000000;
    }

    .hd--dark .hd__nav__link.pill:link:hover,
    .hd--dark .hd__nav__link.pill:link.active,
    .hd--dark .hd__nav__link.pill:visited:hover,
    .hd--dark .hd__nav__link.pill:visited.active {
      background-color: #eeeeee;
      color: #000000;
    }

    @media only screen and (max-width: 56.25em) {

      .hd--dark .hd__nav__link.pill:link,
      .hd--dark .hd__nav__link.pill:visited {
        background-color: #eeeeee;
        color: #000000;
      }
    }

    .hd--dark .hd__nav-select {
      border: 1px solid rgba(248, 250, 253, 0.6);
    }

    .hd--dark .hd__nav-select select {
      color: #F8FAFD;
      background-color: #1D1D1D;
    }

    main {
      min-height: 50rem;
    }

    .section {
      background-color: #ffffff;
      color: #1D1D1D;
      padding: 16rem 2rem;
    }

    @media only screen and (max-width: 46.875em) {
      .section {
        padding: 10rem 2rem;
      }
    }

    @media only screen and (max-width: 37.5em) {
      .section {
        padding: 7rem 2rem;
      }
    }

    .section.dark {
      background-color: #1D1D1D;
      color: #ffffff;
    }

    .section.light {
      background-color: #F8FAFD;
      color: #1D1D1D;
    }

    .section.light-alt {
      background-color: #F6F9FC;
      color: #1D1D1D;
    }

    .section--safety {
      padding: 16rem 0;
    }

    @media only screen and (max-width: 37.5em) {
      .section--safety {
        padding: 8rem 0;
      }
    }

    .section--safety.blue {
      background-color: #F8FAFD;
    }

    .section--safety .container {
      max-width: 113.2rem;
      padding-left: 2rem;
      padding-right: 2rem;
    }

    .section--safety .h1 {
      margin-bottom: 3rem;
    }

    .section--safety .p {
      margin-bottom: 5rem;
    }

    .section--safety .grid {
      align-items: flex-start;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
    }

    .section--safety .grid__section {
      flex: 0 0 auto;
      max-width: 37.5rem;
      width: 100%;
    }

    @media only screen and (max-width: 46.875em) {
      .section--safety .grid__section {
        max-width: 100%;
      }
    }

    .section--safety .grid__section .h3 {
      font-size: 1.8rem;
      font-weight: 600;
      line-height: 3.2rem;
      margin-bottom: 0.8rem;
    }

    .section--safety .grid__section .p {
      font-size: 1.6rem;
      line-height: 2.5rem;
    }

    .section--safety figure svg {
      position: relative;
      overflow: visible;
      width: 100%;
      height: 100%;
    }

    .section--safety figure svg path {
      --delay: 0s;
      transform-box: fill-box;
      transform-origin: center;
      animation: rotate 3s cubic-bezier(0.16, 1, 0.3, 1) var(--delay) infinite alternate-reverse;
    }

    .section--safety figure svg path:nth-child(1) {
      --delay: calc(1 * 0.06s);
    }

    .section--safety figure svg path:nth-child(2) {
      --delay: calc(2 * 0.06s);
    }

    .section--safety figure svg path:nth-child(3) {
      --delay: calc(3 * 0.06s);
    }

    .section--safety figure svg path:nth-child(4) {
      --delay: calc(4 * 0.06s);
    }

    .section--safety figure svg path:nth-child(5) {
      --delay: calc(5 * 0.06s);
    }

    .section--safety figure svg path:nth-child(6) {
      --delay: calc(6 * 0.06s);
    }

    .section--safety figure svg path:nth-child(7) {
      --delay: calc(7 * 0.06s);
    }

    .section--safety figure svg path:nth-child(8) {
      --delay: calc(8 * 0.06s);
    }

    .section--safety figure svg path:nth-child(9) {
      --delay: calc(9 * 0.06s);
    }

    .section--safety figure svg path:nth-child(10) {
      --delay: calc(10 * 0.06s);
    }

    .section--safety figure svg path:nth-child(11) {
      --delay: calc(11 * 0.06s);
    }

    .section--safety figure svg path:nth-child(12) {
      --delay: calc(12 * 0.06s);
    }

    .section--safety figure svg path:nth-child(13) {
      --delay: calc(13 * 0.06s);
    }

    .section--safety figure svg path:nth-child(14) {
      --delay: calc(14 * 0.06s);
    }

    .section--safety figure svg path:nth-child(15) {
      --delay: calc(15 * 0.06s);
    }

    .section--safety figure svg path:nth-child(16) {
      --delay: calc(16 * 0.06s);
    }

    .section--safety figure svg path:nth-child(17) {
      --delay: calc(17 * 0.06s);
    }

    .section--safety figure svg path:nth-child(18) {
      --delay: calc(18 * 0.06s);
    }

    .section--safety figure svg path:nth-child(19) {
      --delay: calc(19 * 0.06s);
    }

    .section--safety figure svg path:nth-child(20) {
      --delay: calc(20 * 0.06s);
    }

    .section--safety figure svg path:nth-child(21) {
      --delay: calc(21 * 0.06s);
    }

    .section--safety figure svg path:nth-child(22) {
      --delay: calc(22 * 0.06s);
    }

    .section--safety figure svg path:nth-child(23) {
      --delay: calc(23 * 0.06s);
    }

    .section--safety figure svg path:nth-child(24) {
      --delay: calc(24 * 0.06s);
    }

    .section--safety figure svg path:nth-child(25) {
      --delay: calc(25 * 0.06s);
    }

    .section--safety figure svg path:nth-child(26) {
      --delay: calc(26 * 0.06s);
    }

    .section--safety figure svg path:nth-child(27) {
      --delay: calc(27 * 0.06s);
    }

    .section--safety figure svg path:nth-child(28) {
      --delay: calc(28 * 0.06s);
    }

    .section--safety figure svg path:nth-child(29) {
      --delay: calc(29 * 0.06s);
    }

    .section--safety figure svg path:nth-child(30) {
      --delay: calc(30 * 0.06s);
    }

    .section--safety figure svg path:nth-child(31) {
      --delay: calc(31 * 0.06s);
    }

    .section--safety figure svg path:nth-child(32) {
      --delay: calc(32 * 0.06s);
    }

    .section--safety figure svg path:nth-child(33) {
      --delay: calc(33 * 0.06s);
    }

    .section--safety figure svg path:nth-child(34) {
      --delay: calc(34 * 0.06s);
    }

    .section--safety figure svg path:nth-child(35) {
      --delay: calc(35 * 0.06s);
    }

    .section--safety figure svg path:nth-child(36) {
      --delay: calc(36 * 0.06s);
    }

    .section--safety figure svg path:nth-child(37) {
      --delay: calc(37 * 0.06s);
    }

    .section--safety figure svg path:nth-child(38) {
      --delay: calc(38 * 0.06s);
    }

    @keyframes rotate {
      to {
        transform: rotate(180deg);
      }
    }

    .sub-header {
      overflow-x: auto;
      margin: 0 auto;
      padding: 0 2rem;
    }

    .sub-header nav {
      padding-top: 5rem;
      margin: 0 auto;
      max-width: 109.2rem;
    }

    @media only screen and (max-width: 37.5em) {
      .sub-header nav {
        width: max-content;
        margin: unset;
        margin-left: auto;
        padding-top: 4rem;
      }
    }

    .sub-header nav a {
      float: right;
      text-decoration: none;
      margin-left: 4rem;
      color: white;
      font-weight: 500;
    }

    @media only screen and (max-width: 37.5em) {
      .sub-header nav a {
        margin-left: 3rem;
      }
    }

    #amazon .hero__info {
      width: 100rem;
      max-width: 100%;
    }

    #amazon .section--images {
      margin-top: -12rem;
      padding-bottom: 0;
      padding-left: 0;
      padding-right: 0;
    }

    @media only screen and (max-width: 46.875em) {
      #amazon .section--images {
        margin-top: 0;
        padding: 0 2rem 3rem;
      }
    }

    #amazon .section--images .container {
      max-width: 168rem;
    }

    #amazon .section--images .image-grid {
      display: block;
      overflow: hidden;
      position: relative;
      text-decoration: none;
      width: 100%;
    }

    #amazon .section--images .image-grid__image {
      display: block;
      height: 70rem;
      object-fit: cover;
      object-position: center;
      transition: all 0.3s ease;
      width: 100%;
    }

    @media only screen and (max-width: 37.5em) {
      #amazon .section--images .image-grid__image {
        height: auto !important;
        width: 100% !important;
      }
    }

    #amazon .section--images .image-grid__image--alt {
      object-position: bottom right;
    }

    #amazon .section--images .image-grid-wrapper {
      align-items: flex-start;
      display: flex;
      justify-content: space-between;
    }

    @media only screen and (max-width: 46.875em) {
      #amazon .section--images .image-grid-wrapper {
        flex-wrap: wrap;
      }
    }

    #amazon .section--images .image-grid__section {
      flex: 0 1 auto;
    }

    #amazon .section--images .image-grid__section:nth-child(1) {
      width: calc(60% - 3.25rem);
    }

    @media only screen and (max-width: 46.875em) {
      #amazon .section--images .image-grid__section:nth-child(1) {
        margin-bottom: 3rem;
        width: 100%;
      }
    }

    #amazon .section--images .image-grid__section:nth-child(1) .image-grid__image {
      height: 57.5rem;
    }

    @media only screen and (max-width: 56.25em) {
      #amazon .section--images .image-grid__section:nth-child(1) .image-grid__image {
        height: 55rem;
      }
    }

    @media only screen and (max-width: 46.875em) {
      #amazon .section--images .image-grid__section:nth-child(1) .image-grid__image {
        height: auto;
      }
    }

    #amazon .section--images .image-grid__section:nth-child(2) {
      margin-top: -30rem;
      width: calc(40% - 3.25rem);
    }

    @media only screen and (max-width: 46.875em) {
      #amazon .section--images .image-grid__section:nth-child(2) {
        display: flex;
        flex-direction: column-reverse;
        margin-top: 0;
        width: 100%;
      }
    }

    @media only screen and (max-width: 56.25em) {
      #amazon .section--images .image-grid__section:nth-child(2) .image-grid__image {
        height: 50rem;
      }
    }

    @media only screen and (max-width: 46.875em) {
      #amazon .section--images .image-grid__section:nth-child(2) .image-grid__image {
        height: auto;
      }
    }

    #amazon .section--faq {
      padding-top: 16.8rem;
    }

    #amazon .section--faq .h1 {
      max-width: 1000px;
      margin: 0 auto 9rem;
      text-align: center;
    }

    #amazon .section--process {
      padding-bottom: 0;
    }

    #amazon .section--process .p.loud {
      margin-bottom: 0;
    }

    #amazon .section--process .steps {
      margin-top: 8rem;
    }

    #audiomack {
      overflow-x: hidden;
    }

    #audiomack .hero {
      padding-bottom: 0;
      padding-top: 8rem;
    }

    @media only screen and (max-width: 37.5em) {
      #audiomack .hero {
        padding: 5rem 1rem 0;
      }
    }

    #audiomack .hero .audiomack-logo {
      margin-bottom: 3.8rem;
    }

    #audiomack .hero__cta .btn {
      padding: 1.5rem 3.3rem;
      font-size: 1.5rem;
    }

    #audiomack .hero__heading {
      font-size: 8rem;
      line-height: 8.6rem;
    }

    #audiomack .hero__heading .c-or {
      color: #FFCA7D !important;
    }

    #audiomack .hero__wrapper {
      align-items: center;
      background: linear-gradient(301.96deg, #1D1D1D 54.67%, #FF9B00 120.65%);
      border-radius: 2rem;
      color: #ffffff;
      flex-direction: column;
      justify-content: flex-start;
      max-width: 125.5rem;
      padding: 7rem 12.6rem 0;
      position: relative;
    }

    @media only screen and (max-width: 75em) {
      #audiomack .hero__wrapper {
        padding-left: 6rem;
        padding-right: 6rem;
      }
    }

    @media only screen and (max-width: 37.5em) {
      #audiomack .hero__wrapper {
        padding: 4rem 2rem 0;
      }
    }

    #audiomack .hero__wrapper::before {
      background-image: url("images/background-noise.svg");
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      bottom: 0;
      content: "";
      height: 100%;
      left: 0;
      opacity: 0.25;
      position: absolute;
      right: 0;
      top: 0;
      width: 100%;
      z-index: 0;
    }

    #audiomack .hero__info {
      position: relative;
      z-index: 1;
      align-items: center;
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      text-align: center;
      width: 100%;
    }

    #audiomack .hero__sub-heading {
      max-width: 85rem;
      margin-bottom: 3rem;
    }

    #audiomack .hero__media {
      width: 100%;
      max-width: 80rem;
      margin-top: 4.2rem;
    }

    @media only screen and (max-width: 37.5em) {
      #audiomack .hero__media {
        margin-top: -0.5rem;
      }
    }

    #audiomack .hero__media img {
      width: 100%;
      height: auto;
      object-position: center;
    }

    #blog h1,
    #blog h2,
    #blog h3,
    #blog h4,
    #blog h5,
    #blog .u-font-h1,
    #blog .u-font-h2 {
      font-family: "Millik", sans-serif;
      font-weight: 500;
    }

    #blog .u-font-h1 {
      font-size: 3rem;
      line-height: 36px;
    }

    @media screen and (max-width: 600px) {
      #blog .u-font-h1 {
        font-size: 2.4rem;
        line-height: 34px;
      }
    }

    #blog .u-font-h2 {
      font-size: 2.8rem;
      line-height: 36px;
    }

    @media screen and (max-width: 600px) {
      #blog .u-font-h2 {
        font-size: 2.2rem;
        line-height: 32px;
      }
    }

    #blog .u-font-sm {
      font-size: 1.6rem;
    }

    #blog .u-font-xs {
      font-size: 1.4rem;
    }

    #blog .u-font-medium {
      font-weight: 500;
    }

    #blog .u-font-semi-bold {
      font-weight: 600;
    }

    #blog .u-font-uppercase {
      text-transform: uppercase;
    }

    #blog .l-blog {
      font-family: "Moderat", sans-serif;
      font-weight: normal;
      font-size: 1.4rem;
      -webkit-font-smoothing: antialiased;
      overscroll-behavior-y: none;
    }

    #blog .dm-code-snippet {
      background: #abb8c3;
      background-color: rgb(252, 216, 212);
      padding: 40px 35px 45px 35px;
      margin-top: 30px;
      margin-bottom: 30px;
    }

    #blog .dm-code-snippet code[class*=language-] {
      color: #f8f8f2;
      background: none;
      text-shadow: 0 1px rgba(0, 0, 0, 0.3);
      font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
      text-align: left;
      white-space: pre;
      word-spacing: normal;
      word-break: normal;
      word-wrap: normal;
      line-height: 1.5;
      tab-size: 4;
      hyphens: none;
      overflow: auto;
      width: 100%;
    }

    #blog .dm-code-snippet .control-language {
      box-shadow: 0px 8px 40px #505050;
      border: none;
      background: #272822;
      padding: 1em;
      margin: 0.5em 0 0 0;
      border-radius: 0.3em;
    }

    #blog .dm-code-snippet .control-language pre {
      display: block;
      border: none;
      background: transparent;
      padding: 0 0 0 1em;
      margin: 0;
      font-family: monospace;
      white-space: pre;
    }

    #blog .dm-code-snippet .control-language pre .no-wrap {
      white-space: pre;
    }

    #blog .dm-code-snippet .dm-buttons {
      display: flex;
      justify-content: space-between;
      padding: 0;
      margin-bottom: 10px;
    }

    #blog .dm-code-snippet .dm-buttons-left,
    #blog .dm-code-snippet .dm-buttons-right {
      display: flex;
      align-items: center;
    }

    #blog .dm-code-snippet .dm-buttons-right a {
      text-decoration: none;
      opacity: 0.5;
      color: #fff;
      box-shadow: none;
      background: #2682c3;
      padding: 3px 10px 2px 10px;
      font-size: 12px;
      text-transform: uppercase;
      font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
      letter-spacing: 1px;
      border-radius: 3px;
    }

    #blog .dm-code-snippet .dm-buttons .dm-button-snippet {
      width: 12px;
      height: 12px;
      border-radius: 100%;
      margin-right: 10px;
    }

    #blog .dm-code-snippet .dm-buttons .dm-button-snippet.red-button {
      background: #f92a2a;
    }

    #blog .dm-code-snippet .dm-buttons .dm-button-snippet.orange-button {
      background: #ffb100;
    }

    #blog .dm-code-snippet .dm-buttons .dm-button-snippet.green-button {
      background: #1ec500;
    }

    #dm-code-raw {
      margin-top: 0px;
      display: block;
    }

    #dm-code-raw.no-wrap {
      margin-bottom: 15px;
    }

    #capital .hero {
      overflow: hidden;
      padding-bottom: 0;
      padding-top: 9rem;
    }

    #capital .hero__heading {
      max-width: 66.3rem;
    }

    #capital .hero__sub-heading {
      max-width: 52.1rem;
    }

    #capital .hero__wrapper {
      position: relative;
    }

    #capital .hero__info {
      margin-bottom: 12.3rem;
      width: 52rem;
    }

    @media only screen and (max-width: 46.875em) {
      #capital .hero__info {
        margin-bottom: 5rem;
      }
    }

    #capital .hero__media {
      margin-right: -3rem;
      width: calc(100% - 52rem);
    }

    @media only screen and (max-width: 56.25em) {
      #capital .hero__media {
        margin-right: 0;
        margin-top: -7rem;
        transform: translateX(-30%);
      }
    }

    @media only screen and (max-width: 46.875em) {
      #capital .hero__media {
        margin: 0;
        width: 100%;
        transform: translate(0);
      }
    }

    #capital .hero__media__item {
      height: 67.2rem;
      width: 65.7rem;
    }

    @media only screen and (max-width: 46.875em) {
      #capital .hero__media__item {
        height: auto;
        width: 100%;
      }
    }

    #capital .section--media {
      padding-bottom: 0;
      padding-top: 0;
    }

    @media only screen and (max-width: 46.875em) {
      #capital .section--media {
        padding-top: 6rem;
      }
    }

    #capital .section--info {
      padding-bottom: 0;
    }

    #capital .section--info .p {
      font-size: 8rem;
      line-height: 10rem;
    }

    @media only screen and (max-width: 56.25em) {
      #capital .section--info .p {
        font-size: 5.2rem;
        line-height: 7rem;
      }
    }

    @media only screen and (max-width: 37.5em) {
      #capital .section--info .p {
        font-size: 3.6rem;
        line-height: 5rem;
      }
    }

    #capital .section--steps {
      overflow: hidden;
    }

    @media only screen and (max-width: 37.5em) {
      #capital .section--steps {
        padding-top: 5rem;
      }
    }

    #capital .section--steps .grid {
      align-items: center;
      display: flex;
      justify-content: flex-start;
    }

    @media only screen and (max-width: 46.875em) {
      #capital .section--steps .grid {
        flex-wrap: wrap;
      }
    }

    @media only screen and (max-width: 46.875em) {
      #capital .section--steps .grid__section>* {
        width: 100%;
      }
    }

    #capital .section--steps .grid__section:nth-child(2) {
      text-align: center;
    }

    #capital .section--steps .grid__section:nth-child(2) .media {
      border-radius: 1rem;
      filter: drop-shadow(0px 4px 30px rgba(0, 0, 0, 0.2));
    }

    #capital .section--steps .grid__section:nth-child(2) .media .illustration {
      display: block;
      height: 77.5rem;
      width: 124rem;
    }

    @media only screen and (max-width: 46.875em) {
      #capital .section--steps .grid__section:nth-child(2) .media .illustration {
        width: 100%;
        height: auto;
        margin-top: 5rem;
      }
    }

    #capital .section--faq .h1 {
      margin: 0 auto 9rem;
      max-width: 70rem;
      text-align: center;
    }

    #capital .section--resources .h1 {
      margin: 0 auto 8.9rem;
      max-width: 60rem;
      text-align: center;
    }

    @media only screen and (max-width: 46.875em) {
      #capital .section--resources .h1 {
        margin: 0 auto 6.2rem;
      }
    }

    @media only screen and (max-width: 37.5em) {
      #capital .section--resources .h1 {
        margin: 0 auto 4rem;
      }
    }

    #capital .section--resources .resources {
      align-items: stretch;
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start;
      margin-left: -0.5rem;
      margin-right: -0.5rem;
    }

    #capital .section--resources .resource {
      flex: 0 1 auto;
      padding: 0.5rem;
      width: 33.3333333333%;
    }

    @media only screen and (max-width: 46.875em) {
      #capital .section--resources .resource {
        width: 50%;
      }
    }

    @media only screen and (max-width: 37.5em) {
      #capital .section--resources .resource {
        width: 100%;
      }
    }

    @media only screen and (max-width: 46.875em) {
      #capital .section--resources .resource:not(:last-child) {
        margin-bottom: 4rem;
      }
    }

    #capital .section--resources .resource__link {
      display: block;
      padding: 0.5rem;
      text-decoration: none;
    }

    #capital .section--resources .resource__link:hover .resource__poster__img {
      transform: scale(1.1);
    }

    #capital .section--resources .resource__link:hover .resource__title {
      color: #00ABAB;
    }

    #capital .section--resources .resource__poster {
      border-radius: 2rem;
      height: 44.3rem;
      margin-bottom: 1.6rem;
      overflow: hidden;
      width: 100%;
    }

    @media only screen and (max-width: 37.5em) {
      #capital .section--resources .resource__poster {
        height: 35rem;
      }
    }

    #capital .section--resources .resource__poster__img {
      display: block;
      height: 100%;
      object-fit: cover;
      object-position: center;
      transition: transform 0.3s ease;
      width: 100%;
    }

    #capital .section--resources .resource__title {
      font-size: 1.8rem;
      line-height: 2.2rem;
      transition: color 0.3s ease;
    }

    #card-issuing .hero {
      padding: 5rem 1rem 0;
    }

    #card-issuing .hero__wrapper {
      align-items: center;
      background: linear-gradient(292.67deg, #1D1D1D 49.78%, rgba(102, 114, 199, 0.8) 123.94%);
      border-radius: 2rem;
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      max-width: 128.1rem;
      padding: 7.5rem 3rem 15rem;
      position: relative;
      z-index: 1;
    }

    @media only screen and (max-width: 37.5em) {
      #card-issuing .hero__wrapper {
        padding: 3.5rem 2rem 10rem;
      }
    }

    #card-issuing .hero__wrapper::before {
      background-image: url("images/background-noise.svg");
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      bottom: 0;
      content: "";
      height: 100%;
      left: 0;
      opacity: 0.3;
      position: absolute;
      right: 0;
      top: 0;
      width: 100%;
      z-index: -1;
    }

    #card-issuing .hero__heading {
      color: #ffffff;
      margin-bottom: 7.3rem;
      max-width: 78.7rem;
      text-align: center;
    }

    @media only screen and (max-width: 46.875em) {
      #card-issuing .hero__heading {
        margin-bottom: 5.5rem;
      }
    }

    @media only screen and (max-width: 37.5em) {
      #card-issuing .hero__heading {
        margin-bottom: 4rem;
      }
    }

    #card-issuing .hero__ctas {
      margin-bottom: 7rem;
    }

    @media only screen and (max-width: 37.5em) {
      #card-issuing .hero__ctas {
        margin-bottom: 6rem;
      }
    }

    #card-issuing .hero__cta:not(:last-child) {
      margin-right: 4.5rem;
    }

    @media only screen and (max-width: 37.5em) {
      #card-issuing .hero__cta:not(:last-child) {
        margin-right: 5.3vw;
      }
    }

    @media only screen and (max-width: 37.5em) {
      #card-issuing .hero__stacked-cards {
        max-height: 54vw;
        max-width: 82vw;
      }
    }

    #card-issuing .section--companies {
      padding-bottom: 0;
      padding-top: 15rem;
    }

    @media only screen and (max-width: 46.875em) {
      #card-issuing .section--companies {
        padding-top: 10rem;
      }
    }

    @media only screen and (max-width: 37.5em) {
      #card-issuing .section--companies {
        padding-top: 5.6rem;
      }
    }

    #card-issuing .section--companies .p.loud {
      background: linear-gradient(to right, #6672C7, #00ABAB);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      font-size: 8rem;
      font-weight: 300;
      line-height: 10rem;
      margin-bottom: 17rem;
    }

    @media only screen and (max-width: 56.25em) {
      #card-issuing .section--companies .p.loud {
        font-size: 5rem;
        line-height: 8rem;
        margin-bottom: 12rem;
      }
    }

    @media only screen and (max-width: 37.5em) {
      #card-issuing .section--companies .p.loud {
        font-size: 3.6rem;
        line-height: 5rem;
        margin-bottom: 7.2rem;
      }
    }

    #card-issuing .section--offer {
      padding-bottom: 0;
      padding-left: 1rem;
      padding-right: 1rem;
    }

    #card-issuing .section--offer .container {
      background-color: #F6F9FC;
      border-radius: 2rem;
      max-width: 128rem;
      padding: 16rem 8.3rem;
    }

    @media only screen and (max-width: 46.875em) {
      #card-issuing .section--offer .container {
        padding: 10rem 5.5rem;
      }
    }

    @media only screen and (max-width: 37.5em) {
      #card-issuing .section--offer .container {
        padding: 7rem 2rem;
      }
    }

    #card-issuing .section--offer .h1 {
      margin-bottom: 2.5rem;
    }

    #card-issuing .section--offer .p {
      font-size: 2.4rem;
      line-height: 3.4rem;
      margin-bottom: 7rem;
      max-width: 67rem;
    }

    @media only screen and (max-width: 37.5em) {
      #card-issuing .section--offer .p {
        font-size: 1.8rem;
        line-height: 2.8rem;
      }
    }

    #card-issuing .section--businesses {
      padding-bottom: 6rem;
      padding-left: 1rem;
      padding-right: 1rem;
    }

    @media only screen and (max-width: 46.875em) {
      #card-issuing .section--businesses {
        padding-bottom: 3rem;
      }
    }

    @media only screen and (max-width: 37.5em) {
      #card-issuing .section--businesses {
        padding-bottom: 2rem;
      }
    }

    #card-issuing .section--businesses .container {
      max-width: 128rem;
    }

    #card-issuing .section--businesses .h1 {
      margin-bottom: 8.8rem;
      margin-left: 9.4rem;
      max-width: 96rem;
    }

    @media only screen and (max-width: 46.875em) {
      #card-issuing .section--businesses .h1 {
        margin-bottom: 6.5rem;
        margin-left: 4rem;
        max-width: 96rem;
      }
    }

    @media only screen and (max-width: 37.5em) {
      #card-issuing .section--businesses .h1 {
        margin-bottom: 5rem;
        margin-left: 1rem;
        max-width: calc(100% - 1rem);
      }
    }

    #card-issuing .section--businesses .tab__menu {
      margin-bottom: 3rem;
      margin-left: 9.4rem;
    }

    @media only screen and (max-width: 46.875em) {
      #card-issuing .section--businesses .tab__menu {
        margin-left: 4rem;
      }
    }

    @media only screen and (max-width: 37.5em) {
      #card-issuing .section--businesses .tab__menu {
        margin-left: 1rem;
      }
    }

    #card-issuing .section--businesses .tab__panel {
      background-color: #F6F9FC;
      border-radius: 2rem;
      padding: 16rem 8.3rem;
    }

    @media only screen and (max-width: 46.875em) {
      #card-issuing .section--businesses .tab__panel {
        padding: 10rem 5.5rem;
      }
    }

    @media only screen and (max-width: 37.5em) {
      #card-issuing .section--businesses .tab__panel {
        padding: 7rem 2rem;
      }
    }

    #checkout-demo .hero {
      padding-bottom: 5rem;
    }

    #checkout-demo .hero__wrapper {
      align-items: center;
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      text-align: center;
    }

    #checkout-demo .hero__heading {
      max-width: 83.1rem;
    }

    #checkout-demo .hero__sub-heading {
      margin-bottom: 7rem;
      max-width: 67rem;
    }

    @media only screen and (max-width: 37.5em) {
      #checkout-demo .hero__sub-heading {
        margin-bottom: 5rem;
      }
    }

    #checkout-demo .section--embed {
      padding-bottom: 6rem;
      padding-top: 0;
    }

    #checkout-demo .section--embed .checkout-embed {
      position: relative;
      box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.2);
      padding: 15rem 1.5rem;
      border-radius: 1rem;
    }

    @media only screen and (max-width: 46.875em) {
      #checkout-demo .section--embed .checkout-embed {
        padding: 6rem 1.5rem 6rem;
      }
    }

    @media only screen and (max-width: 37.5em) {
      #checkout-demo .section--embed .checkout-embed {
        font-size: 1.4rem;
        padding: 5rem 3rem;
      }
    }

    #checkout-demo .section--embed .checkout-embed iframe {
      position: absolute !important;
      top: 0 !important;
      left: 0 !important;
      width: 100% !important;
      height: 100% !important;
      z-index: 1 !important;
      border-radius: 1rem;
    }

    #checkout-demo .section--embed .section__form {
      max-width: 65.3rem;
      margin: 0 auto;
    }

    #checkout-demo .section--embed .form .form__row {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(29rem, 1fr));
      grid-column-gap: 6.5rem;
    }

    #checkout-demo .section--embed .form label {
      display: none;
    }

    #checkout-demo .section--embed .form button {
      margin-top: 0.7rem;
      font-size: 1.4rem;
    }

    #checkout-demo .section--embed .form .form__field {
      margin-bottom: 5rem;
    }

    @media only screen and (max-width: 46.875em) {
      #checkout-demo .section--embed .form .form__field {
        margin-bottom: 3rem;
      }
    }

    #checkout-demo .section--embed .form .form__input {
      font-size: 1.6rem;
      padding: 1.7rem;
      color: #6d6d6d;
    }

    @media only screen and (max-width: 46.875em) {
      #checkout-demo .section--embed .form .form__input {
        font-size: 1.4rem;
        padding: 1.3rem;
      }
    }

    #commerce {
      overflow-x: hidden;
    }

    #commerce .hero {
      overflow: hidden;
      padding-bottom: 0;
      padding-top: 3.6rem;
    }

    @media only screen and (max-width: 46.875em) {
      #commerce .hero {
        padding-top: 7.4rem;
      }
    }

    #commerce .hero.alt {
      padding-top: 7.4rem;
    }

    #commerce .hero__wrapper {
      align-items: flex-end;
      position: relative;
    }

    @media only screen and (max-width: 56.25em) {
      #commerce .hero__wrapper {
        align-items: center;
      }
    }

    #commerce .hero__wrapper.alt {
      justify-content: unset;
    }

    #commerce .hero__info {
      margin-bottom: 9rem;
      width: 60rem;
    }

    #commerce .hero__info.alt {
      width: 49rem;
    }

    @media only screen and (max-width: 46.875em) {
      #commerce .hero__info.alt {
        width: 100%;
      }
    }

    @media only screen and (max-width: 46.875em) {
      #commerce .hero__info {
        margin-bottom: 5rem;
        width: 100%;
      }
    }

    #commerce .hero__media__item {
      height: 58.1rem;
      width: 44.1rem;
    }

    @media only screen and (max-width: 56.25em) {
      #commerce .hero__media__item {
        margin-top: -2rem;
        margin-left: -16rem;
      }
    }

    @media only screen and (max-width: 46.875em) {
      #commerce .hero__media__item {
        margin: 0;
      }
    }

    @media only screen and (max-width: 37.5em) {
      #commerce .hero__media__item {
        margin: 0 auto;
        width: 80%;
        height: auto;
      }
    }

    #commerce .hero__media__item.alt {
      height: 53.9rem;
      width: 58.5rem;
    }

    @media only screen and (max-width: 56.25em) {
      #commerce .hero__media__item.alt {
        margin-top: -6rem;
        margin-left: -12rem;
      }
    }

    @media only screen and (max-width: 46.875em) {
      #commerce .hero__media__item.alt {
        margin: 0;
        width: 100%;
        height: auto;
      }
    }

    #commerce .hero__sub-heading {
      max-width: 45rem;
    }

    @media only screen and (max-width: 46.875em) {
      #commerce .hero__sub-heading {
        max-width: unset;
      }
    }

    #commerce .section--steps {
      overflow: hidden;
    }

    #commerce .section--steps .p {
      margin-bottom: 16rem;
    }

    @media only screen and (max-width: 46.875em) {
      #commerce .section--steps .p {
        margin-bottom: 6rem;
      }
    }

    #commerce .section--steps .grid {
      align-items: flex-start;
      display: flex;
      justify-content: flex-start;
    }

    @media only screen and (max-width: 56.25em) {
      #commerce .section--steps .grid {
        flex-wrap: wrap;
      }
    }

    #commerce .section--steps .grid__section:nth-child(2) {
      text-align: center;
    }

    #commerce .section--steps .grid__section:nth-child(2) .media {
      border-radius: 1rem;
      filter: drop-shadow(0px 4px 30px rgba(0, 0, 0, 0.2));
      overflow: hidden;
      margin-bottom: 3.6rem;
    }

    #commerce .section--steps .grid__section:nth-child(2) .media--store {
      filter: unset;
      box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.2);
    }

    @media only screen and (max-width: 56.25em) {
      #commerce .section--steps .grid__section:nth-child(2) .media {
        margin-top: 6rem;
      }
    }

    @media only screen and (max-width: 37.5em) {
      #commerce .section--steps .grid__section:nth-child(2) .media {
        margin-bottom: 0;
      }
    }

    #commerce .section--steps .grid__section:nth-child(2) .media .illustration {
      display: block;
      transform: scale(1.05);
    }

    @media only screen and (max-width: 56.25em) {
      #commerce .section--steps .grid__section:nth-child(2) .media .illustration {
        width: 100%;
        margin-top: 3rem;
      }

      #commerce .section--steps .grid__section:nth-child(2) .media .illustration--payment-link {
        transform: scale(1.5);
      }
    }

    #commerce .section--steps .steps {
      margin-bottom: 16rem;
    }

    @media only screen and (max-width: 56.25em) {
      #commerce .section--steps .steps {
        width: 100%;
        margin-bottom: 6rem;
      }
    }

    #commerce .section--marketplace {
      padding-left: 0px;
      padding-right: 0px;
    }

    @media only screen and (max-width: 1120px) {
      #commerce .section--marketplace {
        padding-left: 2rem;
        padding-right: 2rem;
      }
    }

    #commerce .section--marketplace .h1 {
      margin-bottom: 9rem;
    }

    #commerce .section--marketplace .grid {
      align-items: stretch;
      display: flex;
      justify-content: flex-start;
    }

    @media only screen and (max-width: 46.875em) {
      #commerce .section--marketplace .grid {
        flex-wrap: wrap;
      }
    }

    #commerce .section--marketplace .grid:nth-child(1) {
      margin-bottom: 16rem;
    }

    @media only screen and (max-width: 46.875em) {
      #commerce .section--marketplace .grid:nth-child(1) {
        flex-direction: column-reverse;
        margin-bottom: 0rem;
      }

      #commerce .section--marketplace .grid:nth-child(1) .text {
        margin-bottom: 3rem;
      }
    }

    #commerce .section--marketplace .grid:nth-child(1) .wrapper {
      margin-left: 12rem;
      position: relative;
      z-index: 1;
    }

    #commerce .section--marketplace .grid:nth-child(1) .wrapper::before {
      --size: 19rem;
      background-color: #F1A5C2;
      border-radius: 100%;
      content: "";
      position: absolute;
      right: 0;
      top: -60%;
      width: var(--size);
      height: var(--size);
      z-index: -1;
    }

    @media only screen and (max-width: 46.875em) {
      #commerce .section--marketplace .grid:nth-child(1) .wrapper::before {
        --size: 14rem;
      }
    }

    #commerce .section--marketplace .grid:nth-child(2) .text {
      align-items: center;
      flex-direction: column;
      justify-content: center;
    }

    #commerce .section--marketplace .grid:nth-child(2) .text .wrapper {
      margin-bottom: 10rem;
      margin-top: 18rem;
      max-width: 43rem;
    }

    @media only screen and (max-width: 56.25em) {
      #commerce .section--marketplace .grid:nth-child(2) .text .wrapper {
        margin-top: 5rem;
      }
    }

    @media only screen and (max-width: 46.875em) {
      #commerce .section--marketplace .grid:nth-child(2) .text .wrapper {
        max-width: unset;
        margin-top: 8rem;
        margin-bottom: 3rem;
      }
    }

    #commerce .section--marketplace .grid:nth-child(2) .figure--alt {
      height: 63rem;
      width: 59rem;
      transform: rotate(2.39deg);
    }

    @media only screen and (max-width: 46.875em) {
      #commerce .section--marketplace .grid:nth-child(2) .figure--alt {
        width: 100%;
        height: auto;
        margin-bottom: 2rem;
      }
    }

    #commerce .section--marketplace .grid__section {
      flex: 0 1 auto;
      width: 50%;
    }

    @media only screen and (max-width: 46.875em) {
      #commerce .section--marketplace .grid__section {
        width: 100%;
      }
    }

    #commerce .section--marketplace .grid__section.media--girl-illustration {
      transform: rotate(-1.2deg);
    }

    #commerce .section--marketplace .grid__section.text {
      align-items: center;
      display: flex;
      justify-content: flex-start;
    }

    #commerce .section--marketplace .grid__section.text .wrapper {
      max-width: 40rem;
    }

    @media only screen and (max-width: 46.875em) {
      #commerce .section--marketplace .grid__section.text .wrapper {
        max-width: unset;
        margin-left: 0;
      }
    }

    #commerce .section--marketplace .grid__section.text .wrapper .p {
      font-size: 5rem;
      line-height: 7rem;
    }

    @media only screen and (max-width: 56.25em) {
      #commerce .section--marketplace .grid__section.text .wrapper .p {
        font-size: 3rem;
        line-height: 4.5rem;
      }
    }

    @media only screen and (max-width: 37.5em) {
      #commerce .section--marketplace .grid__section.text .wrapper .p {
        font-size: 2.4rem;
        line-height: 3.6rem;
      }
    }

    #commerce .section--highlight .p {
      margin-bottom: 5rem;
    }

    #commerce .section--highlight .cta {
      align-items: center;
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start;
    }

    #commerce .section--highlight .cta__item {
      margin-bottom: 2rem;
    }

    #commerce .section--highlight .cta__item:not(:last-child) {
      margin-right: 2rem;
    }

    #commerce .section--offer {
      overflow: hidden;
    }

    #commerce .section--offer .h1 {
      margin-bottom: 1.4rem;
      max-width: 56rem;
    }

    #commerce .section--offer .p {
      margin-bottom: 6.6rem;
      max-width: 71.7rem;
    }

    @media only screen and (max-width: 37.5em) {
      #commerce .section--offer .p {
        margin-bottom: 4.6rem;
      }
    }

    #commerce .section--offer .offers-grid {
      align-items: flex-start;
      display: flex;
      justify-content: space-between;
    }

    #commerce .section--offer .offers-grid__section:nth-child(1) {
      flex: 0 1 auto;
      padding-top: 13rem;
      width: 52rem;
    }

    @media only screen and (max-width: 37.5em) {
      #commerce .section--offer .offers-grid__section:nth-child(1) {
        padding-top: 8rem;
      }
    }

    #commerce .section--offer .offers-grid__section:nth-child(2) {
      align-items: center;
      display: flex;
      flex: 1 1 auto;
      justify-content: center;
      height: 80rem;
    }

    #commerce .section--offer .offers {
      align-items: flex-start;
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      list-style: none;
      padding-right: 1rem;
    }

    #commerce .section--offer .offer {
      color: #ffffff;
      display: inline-block;
      font-size: 2.6rem;
      font-weight: 400;
      line-height: 4rem;
      transition: all 0.3s ease;
      padding-left: 4.4rem;
      position: relative;
    }

    @media only screen and (max-width: 37.5em) {
      #commerce .section--offer .offer {
        font-size: 2.2rem;
        line-height: 3.2rem;
      }
    }

    #commerce .section--offer .offer::before {
      background-color: #35A162;
      border-radius: 100%;
      content: "";
      height: 1.1rem;
      left: 0;
      position: absolute;
      top: calc(50% - 0.55rem);
      width: 2rem;
    }

    #commerce .section--offer .offer:not(:last-of-type) {
      margin-bottom: 4rem;
    }

    #commerce .section--offer .media {
      align-items: center;
      display: flex;
      height: 100%;
      justify-content: center;
      position: relative;
      width: 100%;
    }

    #commerce .section--offer .media::before,
    #commerce .section--offer .media::after {
      content: "";
      height: 56rem;
      left: 15rem;
      position: absolute;
      top: calc(50% - 28rem);
      width: 56rem;
    }

    #commerce .section--offer .media::before {
      background-color: #FB9129;
      transform: rotate(-45deg);
    }

    #commerce .section--offer .media::after {
      background-color: #262C55;
      transform: rotate(-30deg);
    }

    #commerce .section--offer .media .figure {
      height: auto;
      margin-left: 19.2rem;
      width: 45rem;
      z-index: 1;
    }

    #commerce .section--faq {
      padding-bottom: 4.5rem;
    }

    #commerce .section--faq .h1 {
      margin: 0 auto 9rem;
      max-width: 70rem;
      text-align: center;
    }

    #contact-sales .section {
      padding-bottom: 7.4rem;
      padding-top: 6rem;
    }

    #contact-sales .section .container {
      align-items: flex-start;
      display: flex;
      justify-content: flex-start;
    }

    @media only screen and (max-width: 46.875em) {
      #contact-sales .section .container {
        flex-wrap: wrap;
      }
    }

    #contact-sales .section__info {
      flex: 0 1 auto;
      margin-right: 10.3rem;
      max-width: 50rem;
      width: 100%;
    }

    @media only screen and (max-width: 46.875em) {
      #contact-sales .section__info {
        max-width: unset;
        margin-right: 0;
        margin-bottom: 5rem;
      }
    }

    #contact-sales .section__form {
      flex: 0 1 auto;
      max-width: 35rem;
      width: 100%;
    }

    @media only screen and (max-width: 46.875em) {
      #contact-sales .section__form {
        max-width: unset;
      }
    }

    #contact-sales .section .h1 {
      margin-bottom: 2rem;
    }

    #contact-sales .section .p:not(:last-of-type) {
      margin-bottom: 3rem;
    }

    #error .section {
      background-image: url("https://cdn.filestackcontent.com/GSmQZnxURoW5LzmtN16R");
      background-position: bottom center;
      background-repeat: no-repeat;
      background-size: 94.4rem 61.1rem;
      padding-top: 6.8rem;
      min-height: 85rem;
      z-index: 1;
      position: relative;
    }

    @media only screen and (max-width: 37.5em) {
      #error .section {
        background-size: contain;
        margin-bottom: 4rem;
        min-height: auto;
        padding-bottom: 51vw;
      }
    }

    #error .section__image {
      object-fit: contain;
      object-position: bottom center;
      width: 94.4rem;
      height: 61.1rem;
      display: block;
      margin: 0 auto;
    }

    #error .section__image-block {
      z-index: -1;
      position: absolute;
      bottom: 0;
      min-height: 85rem;
      width: 100%;
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
    }

    #error .section .container {
      align-items: center;
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      max-width: 48.2rem;
      text-align: center;
    }

    #error .section .h1 {
      font-size: 10rem;
      line-height: 10rem;
      margin-bottom: 3.6rem;
    }

    @media only screen and (max-width: 46.875em) {
      #error .section .h1 {
        font-size: 7rem;
        line-height: 7rem;
        margin-bottom: 3rem;
      }
    }

    @media only screen and (max-width: 37.5em) {
      #error .section .h1 {
        font-size: 5rem;
        line-height: 5rem;
        margin-bottom: 2.3rem;
      }
    }

    #error .section .p {
      font-size: 1.8rem;
      line-height: 2.6rem;
      margin-bottom: 4.2rem;
    }

    @media only screen and (max-width: 46.875em) {
      #error .section .p {
        margin-bottom: 4rem;
      }
    }

    @media only screen and (max-width: 37.5em) {
      #error .section .p {
        margin-bottom: 3rem;
      }
    }

    :root {
      --color-pink: #f5afcb;
      --color-light-pink: #f9c8c8;
      --color-blush: #eb5757;
      --color-orange: #ff5805;
      --color-green: #009a46;
      --color-light-green: ##dcf5e7;
      --color-light-green: #dcf5e7;
      --color-yellow: #ffca7d;
      --color-light-yellow: #fff6e9;
      --color-dark-yellow: #ff9b00;
      --color-brown: #703e00;
      --color-dark-brown: #702500;
      --color-wine: #800033;
      --color-white: white;
      --color-off-white: #fee9df;
      --color-black: #003212;
      --color-blue: #576ae6;
    }

    #eoy-2024 {
      position: relative;
      max-width: 100vw;
      overflow: hidden;
    }

    #eoy-2024 .container {
      width: 100%;
      max-width: 128rem;
      padding: 0rem 2rem;
    }

    #eoy-2024 .illustration__image {
      width: 100%;
      height: 100%;
      margin-bottom: -5px;
    }

    #eoy-2024 .content-box {
      position: relative;
      padding: 160px 20px;
    }

    @media only screen and (max-width: 56.25em) {
      #eoy-2024 .content-box {
        padding: 130px 20px;
      }
    }

    #eoy-2024 .content-box__inner {
      display: flex;
      max-width: 1152px;
      margin: 0 auto;
    }

    @media only screen and (max-width: 56.25em) {
      #eoy-2024 .content-box__inner {
        flex-direction: column;
      }
    }

    #eoy-2024 .content-box__inner .content-box__text {
      flex: 50%;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: stretch;
    }

    #eoy-2024 .content-box__inner .content-box__text-top {
      flex-grow: 1;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      padding: 51px 65px 48px 48px;
      color: var(--color-white);
    }

    @media only screen and (max-width: 56.25em) {
      #eoy-2024 .content-box__inner .content-box__text-top {
        padding: 48px 30px;
      }

      #eoy-2024 .content-box__inner .content-box__text-top h2 {
        margin-bottom: 24px;
      }
    }

    #eoy-2024 .content-box__inner .content-box__text-top h2 {
      margin-bottom: 24px;
    }

    #eoy-2024 .content-box__inner .content-box__text-top span {
      display: block;
      font-family: "Moderat", sans-serif;
      font-size: 14px;
      line-height: 24px;
      margin-bottom: 20px;
    }

    #eoy-2024 .content-box__inner .content-box__text-bottom {
      padding: 30px 65px 30px 48px;
    }

    @media only screen and (max-width: 56.25em) {
      #eoy-2024 .content-box__inner .content-box__text-bottom {
        padding: 30px;
      }
    }

    #eoy-2024 .content-box__inner .content-box__text-bottom h5 {
      font-size: 16px;
      font-weight: 500;
      margin-bottom: 12px;
    }

    #eoy-2024 .content-box__inner .content-box__text-icon {
      width: 14px;
      margin: 10px 22px 0 0;
    }

    #eoy-2024 .content-box__inner .content-box__text-icon div {
      width: 14px;
      height: 8px;
      border-radius: 50%;
    }

    #eoy-2024 .content-box__inner .content-box__image {
      flex: 50%;
      align-self: stretch;
    }

    #eoy-2024 .content-box__inner .content-box__image img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    #eoy-2024 .highlight {
      text-align: center;
      margin: 240px 0 160px;
    }

    @media only screen and (max-width: 56.25em) {
      #eoy-2024 .highlight {
        margin: 100px 0 0;
      }
    }

    #eoy-2024 .highlight__title {
      margin-bottom: 24px;
    }

    #eoy-2024 .highlight__body {
      font-size: 56px;
      line-height: 60px;
      max-width: 700px;
      text-align: center;
      margin: 0 auto;
    }

    @media only screen and (max-width: 56.25em) {
      #eoy-2024 .highlight__body {
        font-size: 3.5rem;
        line-height: 4rem;
      }
    }

    @media only screen and (max-width: 37.5em) {
      #eoy-2024 .highlight__body {
        font-size: 2.7rem;
        line-height: 3.2rem;
      }
    }

    #eoy-2024 .company {
      position: relative;
    }

    #eoy-2024 .company__image {
      width: 100%;
      height: 100%;
      margin-bottom: -5px;
    }

    @media only screen and (max-width: 56.25em) {
      #eoy-2024 .company__image {
        height: 400px;
        object-fit: cover;
      }
    }

    #eoy-2024 .company__inner {
      position: absolute;
      width: 100%;
      bottom: -0.5px;
      background-color: rgba(0, 0, 0, 0.5);
      border: rgba(0, 0, 0, 0.5);
      padding: 60px 20px 90px;
    }

    @media only screen and (max-width: 56.25em) {
      #eoy-2024 .company__inner {
        padding: 25px 20px;
      }
    }

    #eoy-2024 .company__text {
      max-width: 1280px;
      margin: 0 auto;
      color: var(--color-white);
    }

    #eoy-2024 .company__text p {
      max-width: 515px;
      margin-bottom: 24px;
    }

    #eoy-2024 .company__text a {
      cursor: pointer;
      text-decoration: underline;
    }

    #eoy-2024 .company__text a.video-url {
      position: relative;
      top: 30px;
      display: block;
      float: right;
    }

    @media only screen and (max-width: 37.5em) {
      #eoy-2024 .company__text a.video-url {
        top: -0.2rem !important;
      }
    }

    #eoy-2024 .company__text a.video-url img {
      vertical-align: middle;
      margin-right: 9px;
    }

    #eoy-2024 .insights {
      padding: 120px 20px 160px;
    }

    @media only screen and (max-width: 56.25em) {
      #eoy-2024 .insights {
        padding: 100px 20px 130px;
      }
    }

    #eoy-2024 .insights__inner {
      max-width: 1280px;
      margin: 0 auto;
      color: var(--color-white);
    }

    #eoy-2024 .insights__heading {
      margin-bottom: 144px;
      max-width: 850px;
    }

    @media only screen and (max-width: 56.25em) {
      #eoy-2024 .insights__heading {
        margin-bottom: 24px;
      }
    }

    #eoy-2024 .insights__body p {
      margin-left: auto;
      max-width: 530px;
    }

    @media only screen and (max-width: 56.25em) {
      #eoy-2024 .insights__body p {
        margin-left: 0;
      }
    }

    #eoy-2024 .insights__body-text--orange {
      color: #FF9B00;
    }

    #eoy-2024 .insights .company {
      position: relative;
      left: -20px;
      width: calc(100% + 40px);
      margin-top: 144px;
    }

    #eoy-2024 .insights .flickity {
      position: relative;
      left: -20px;
      width: calc(100% + 40px);
      margin: 140px 0 220px;
    }

    #eoy-2024 .insights .flickity__item {
      position: relative;
    }

    #eoy-2024 .insights .flickity-button {
      background: transparent !important;
      border: 2px solid white !important;
      color: #333;
      outline: none;
    }

    #eoy-2024 .insights .flickity-button:focus {
      outline: none;
      box-shadow: none;
    }

    #eoy-2024 .insights .flickity-prev-next-button {
      top: unset !important;
      bottom: -25% !important;
    }

    #eoy-2024 .insights .flickity-prev-next-button.previous {
      left: unset;
      right: 8.8% !important;
    }

    @media only screen and (max-width: 62.5em) {
      #eoy-2024 .insights .flickity-prev-next-button.previous {
        right: 11% !important;
      }
    }

    @media only screen and (max-width: 56.25em) {
      #eoy-2024 .insights .flickity-prev-next-button.previous {
        right: 13% !important;
      }
    }

    @media only screen and (max-width: 37.5em) {
      #eoy-2024 .insights .flickity-prev-next-button.previous {
        right: 15% !important;
      }
    }

    @media only screen and (max-width: 480px) {
      #eoy-2024 .insights .flickity-prev-next-button.previous {
        right: 20% !important;
      }
    }

    #eoy-2024 .insights .flickity-prev-next-button.next {
      right: 5% !important;
    }

    #eoy-2024 .insights .flickity-prev-next-button .flickity-button-icon {
      left: 33%;
      top: 37%;
      width: 30%;
      height: 30%;
      fill: white !important;
    }

    #eoy-2024 .globalExp {
      background-color: var(--color-pink);
    }

    #eoy-2024 .globalExp .content-box__text-top {
      background-color: var(--color-orange);
    }

    #eoy-2024 .globalExp .content-box__text-bottom {
      background-color: var(--color-off-white);
      color: var(--color-brown);
    }

    #eoy-2024 .globalExp .content-box__text-icon div {
      background-color: var(--color-blue);
    }

    #eoy-2024 .globalExp .highlight {
      color: var(--color-dark-brown);
    }

    #eoy-2024 .c3 {
      background-color: var(--color-brown);
    }

    #eoy-2024 .december {
      background-color: var(--color-yellow);
    }

    #eoy-2024 .december .content-box__text-top {
      background-color: var(--color-green);
    }

    #eoy-2024 .december .content-box__text-bottom {
      background-color: var(--color-light-green);
    }

    #eoy-2024 .december .content-box__text-icon div {
      background-color: var(--color-orange);
    }

    #eoy-2024 .december .highlight {
      color: var(--color-brown);
    }

    #eoy-2024 .pastMonths {
      background-color: var(--color-orange);
    }

    #eoy-2024 .pastMonths .highlight {
      color: var(--color-off-white);
    }

    #eoy-2024 .pastMonths .flickity__item {
      width: 336px;
      height: 400px;
    }

    #eoy-2024 .essentials {
      background-color: var(--color-wine);
    }

    #eoy-2024 .essentials .content-box__text-top {
      background-color: var(--color-blush);
    }

    #eoy-2024 .essentials .content-box__text-bottom {
      background-color: var(--color-light-pink);
    }

    #eoy-2024 .essentials .content-box__text-icon div {
      background-color: var(--color-blue);
    }

    #eoy-2024 .essentials .highlight {
      color: var(--color-off-white);
    }

    #eoy-2024 .africa {
      background-color: var(--color-green);
    }

    #eoy-2024 .africa .highlight {
      color: var(--color-light-green);
    }

    #eoy-2024 .africa .flickity__item {
      width: 415px;
      height: 500px;
    }

    #eoy-2024 .makingMoney {
      background-color: var(--color-dark-yellow);
    }

    #eoy-2024 .makingMoney .content-box__text-top {
      background-color: var(--color-dark-brown);
    }

    #eoy-2024 .makingMoney .content-box__text-bottom {
      background-color: var(--color-light-yellow);
    }

    #eoy-2024 .makingMoney .content-box__text-icon div {
      background-color: var(--color-yellow);
    }

    #eoy-2024 .makingMoney .highlight {
      color: var(--color-dark-brown);
    }

    #eoy-2024 .hero {
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100vw;
      height: 57vw;
      color: white;
      color: rgba(38, 44, 85, 0.95);
      background-image: none;
    }

    @media only screen and (max-width: 37.5em) {
      #eoy-2024 .hero {
        height: auto;
      }
    }

    #eoy-2024 .hero__heading {
      max-width: 65rem;
      text-align: center;
      z-index: 1;
      opacity: 0;
    }

    @media only screen and (max-width: 37.5em) {
      #eoy-2024 .hero__heading {
        transform: scale(0.85);
      }
    }

    #eoy-2024 .hero__heading div {
      display: inline-block;
      white-space: pre;
      z-index: inherit;
    }

    #eoy-2024 .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);
    }

    #eoy-2024 .hero__heading span:nth-child(1) {
      --delay: 0.14s;
    }

    #eoy-2024 .hero__heading span:nth-child(2) {
      --delay: 0.28s;
    }

    #eoy-2024 .hero__heading span:nth-child(3) {
      --delay: 0.42s;
    }

    #eoy-2024 .hero__heading span:nth-child(4) {
      --delay: 0.56s;
    }

    #eoy-2024 .hero__heading span:nth-child(5) {
      --delay: 0.7s;
    }

    #eoy-2024 .hero__heading span:nth-child(6) {
      --delay: 0.84s;
    }

    #eoy-2024 .hero__heading span:nth-child(7) {
      --delay: 0.98s;
    }

    #eoy-2024 .hero__heading span:nth-child(8) {
      --delay: 1.12s;
    }

    #eoy-2024 .hero__heading span:nth-child(9) {
      --delay: 1.26s;
    }

    #eoy-2024 .hero__heading span:nth-child(10) {
      --delay: 1.4s;
    }

    #eoy-2024 .hero__lottie {
      position: absolute;
      left: 0;
      width: 100%;
      height: auto;
      object-fit: cover;
    }

    #eoy-2024 .overview {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      padding: 30rem 0;
      font-size: 1.8rem;
    }

    #eoy-2024 .overview .container {
      max-width: 60rem;
    }

    @media only screen and (max-width: 56.25em) {
      #eoy-2024 .overview {
        padding: 20rem 0;
      }
    }

    @media only screen and (max-width: 37.5em) {
      #eoy-2024 .overview {
        padding: 9rem 0;
      }
    }

    #eoy-2024 .highlights {
      color: white;
      padding: 25rem 0;
      background-color: #009a46;
    }

    @media only screen and (max-width: 56.25em) {
      #eoy-2024 .highlights {
        padding: 15rem 0;
      }
    }

    @media only screen and (max-width: 37.5em) {
      #eoy-2024 .highlights {
        padding: 10rem 0;
      }
    }

    #eoy-2024 .highlights__top {
      display: grid;
      gap: 4rem;
    }

    #eoy-2024 .highlights__top .story {
      display: flex;
      justify-content: space-between;
    }

    @media only screen and (max-width: 56.25em) {
      #eoy-2024 .highlights__top .story {
        flex-direction: column;
      }

      #eoy-2024 .highlights__top .story:not(:last-child) {
        margin-bottom: 3rem;
      }
    }

    #eoy-2024 .highlights__top .story__text-title {
      margin-bottom: 0.5rem;
    }

    #eoy-2024 .highlights__top .story__img {
      height: 39rem;
    }

    @media only screen and (max-width: 56.25em) {
      #eoy-2024 .highlights__top .story__img {
        height: auto;
        margin-top: 3rem;
      }
    }

    #eoy-2024 .highlights__top .story__img img {
      background-color: white;
      object-fit: cover;
      width: 100%;
      max-width: 69rem;
      height: 100%;
      border-radius: 2.4rem;
    }

    @media only screen and (max-width: 56.25em) {
      #eoy-2024 .highlights__top .story__img img {
        max-width: unset;
      }
    }

    #eoy-2024 .highlights__bottom {
      display: flex;
      justify-content: space-between;
      margin-top: 25rem;
    }

    @media only screen and (max-width: 56.25em) {
      #eoy-2024 .highlights__bottom {
        flex-direction: column;
        margin-top: 15rem;
      }
    }

    #eoy-2024 .highlights__bottom-title {
      width: 100%;
      max-width: 51rem;
      margin-right: 10rem;
    }

    @media only screen and (max-width: 56.25em) {
      #eoy-2024 .highlights__bottom-title {
        max-width: unset;
      }
    }

    @media only screen and (max-width: 56.25em) {
      #eoy-2024 .highlights__bottom-heading {
        margin-bottom: 1rem;
      }
    }

    #eoy-2024 .highlights__bottom-links {
      width: 100%;
      max-width: 65rem;
    }

    @media only screen and (max-width: 56.25em) {
      #eoy-2024 .highlights__bottom-links {
        max-width: unset;
        margin-top: 6rem;
      }
    }

    #eoy-2024 .highlights__bottom-links .link {
      display: flex;
      padding: 3rem 0;
      justify-content: space-between;
      border-top: 1px solid rgba(255, 255, 255, 0.5);
    }

    @media only screen and (max-width: 37.5em) {
      #eoy-2024 .highlights__bottom-links .link {
        flex-direction: column;
      }
    }

    #eoy-2024 .highlights__bottom-links .link__title {
      max-width: 38rem;
      margin-bottom: 0;
    }

    @media only screen and (max-width: 56.25em) {
      #eoy-2024 .highlights__bottom-links .link__title {
        flex-shrink: 1;
      }
    }

    @media only screen and (max-width: 37.5em) {
      #eoy-2024 .highlights__bottom-links .link__title {
        max-width: unset;
        margin-bottom: 2rem;
      }
    }

    #eoy-2024 .payment-sectors {
      padding: 25rem 0;
      background-color: #000000;
      color: white;
    }

    @media only screen and (max-width: 37.5em) {
      #eoy-2024 .payment-sectors {
        padding: 13rem 0;
      }
    }

    #eoy-2024 .payment-sectors__heading {
      margin-bottom: 4rem;
    }

    #eoy-2024 .payment-sectors__heading,
    #eoy-2024 .payment-sectors .p {
      width: 100%;
      max-width: 70rem;
    }

    #eoy-2024 .payment-sectors .flickity {
      margin-top: 10rem;
    }

    #eoy-2024 .payment-sectors .flickity__item {
      position: relative;
      overflow: hidden;
      display: flex;
      justify-content: center;
      width: 55vw;
      height: 62rem;
      background-color: white;
      margin: 0 1.5rem;
    }

    #eoy-2024 .payment-sectors .flickity__item-tag {
      text-transform: uppercase;
    }

    @media only screen and (max-width: 1500px) {
      #eoy-2024 .payment-sectors .flickity__item {
        width: 80vw;
      }
    }

    @media only screen and (max-width: 62.5em) {
      #eoy-2024 .payment-sectors .flickity__item {
        width: 55vw;
        height: auto;
      }
    }

    @media only screen and (max-width: 46.875em) {
      #eoy-2024 .payment-sectors .flickity__item {
        width: 90vw;
        margin: 0 0.5rem;
      }
    }

    #eoy-2024 .payment-sectors .flickity__item:nth-child(2) .flickity__item-copy {
      background-color: #576ae6;
    }

    #eoy-2024 .payment-sectors .flickity__item:nth-child(3) .flickity__item-copy {
      background-color: var(--color-brown);
    }

    #eoy-2024 .payment-sectors .flickity__item:nth-child(4) .flickity__item-copy {
      background-color: var(--color-orange);
    }

    #eoy-2024 .payment-sectors .flickity__item-copy {
      width: 53%;
      background-color: #009a46;
      height: 100%;
      padding: 4.8rem 3rem;
      flex-shrink: 0;
    }

    @media only screen and (max-width: 62.5em) {
      #eoy-2024 .payment-sectors .flickity__item-copy {
        width: 100%;
      }
    }

    #eoy-2024 .payment-sectors .flickity__item-heading {
      margin-top: 14px;
    }

    #eoy-2024 .payment-sectors .flickity__item-subtext {
      margin-top: 4rem;
    }

    #eoy-2024 .payment-sectors .flickity__item-button {
      background-color: transparent;
      color: white;
      text-decoration: underline;
      padding: 0;
      margin-top: 5rem;
      font-size: 1.5rem;
      text-align: left;
      display: inline-block;
    }

    #eoy-2024 .payment-sectors .flickity__item-audio {
      margin-top: 5rem;
      height: 3.8rem;
    }

    #eoy-2024 .payment-sectors .flickity__item-img {
      width: 100%;
      transform: scale(1.05);
    }

    @media only screen and (max-width: 62.5em) {
      #eoy-2024 .payment-sectors .flickity__item-img {
        display: none;
      }
    }

    #eoy-2024 .payment-sectors .flickity__item-img img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center;
    }

    #eoy-2024 .payment-sectors .flickity__item--education img {
      object-position: left;
    }

    #eoy-2024 .ambition {
      position: relative;
      color: white;
      background-color: #000000;
      padding: 30rem 0 40rem;
    }

    @media only screen and (max-width: 62.5em) {
      #eoy-2024 .ambition {
        padding: 15rem 0 25rem;
      }
    }

    @media only screen and (max-width: 56.25em) {
      #eoy-2024 .ambition {
        padding: 5rem 0 15rem;
      }
    }

    #eoy-2024 .ambition .container {
      display: flex;
      justify-content: center;
      flex-direction: column;
      text-align: center;
      max-width: 60rem;
    }

    #eoy-2024 .ambition__lottie {
      position: absolute;
      bottom: 0;
      width: 100vw;
      height: auto;
    }

    #eoy-2024 .ambition__subtext {
      font-size: 4rem;
      line-height: 5.6rem;
      margin-top: 3rem;
      z-index: 1;
    }

    @media only screen and (max-width: 56.25em) {
      #eoy-2024 .ambition__subtext {
        font-size: 3.2rem;
        line-height: 4.8rem;
      }
    }

    @media only screen and (max-width: 37.5em) {
      #eoy-2024 .ambition__subtext {
        font-size: 2.8rem;
        line-height: 4rem;
      }
    }

    #eoy-2024 .new-updates {
      background-color: #000000;
      color: white;
      padding: 100px 0 10rem;
    }

    #eoy-2024 .new-updates .h2,
    #eoy-2024 .new-updates .p {
      max-width: 68rem;
    }

    #eoy-2024 .new-updates .h2 {
      margin-bottom: 24px;
    }

    #eoy-2024 .new-updates__labels {
      display: flex;
      gap: 1.5rem 6rem;
      margin-top: 6rem;
      flex-wrap: wrap;
      max-width: 80vw;
    }

    #eoy-2024 .new-updates__labels>* {
      position: relative;
      display: flex;
      align-items: center;
    }

    #eoy-2024 .new-updates__labels>*::after {
      content: "";
      position: absolute;
      right: -2.4rem;
      width: 12px;
      height: 12px;
      border-radius: 50px;
      margin-left: 0.8rem;
    }

    #eoy-2024 .new-updates__labels>*:nth-child(1)::after {
      background-color: var(--color-blue);
    }

    #eoy-2024 .new-updates__labels>*:nth-child(2)::after {
      background-color: var(--color-green);
    }

    #eoy-2024 .new-updates__labels>*:nth-child(3)::after {
      background-color: var(--color-orange);
    }

    #eoy-2024 .new-updates__labels>*:nth-child(4)::after {
      background-color: var(--color-pink);
    }

    #eoy-2024 .new-updates__labels>*:nth-child(5)::after {
      background-color: var(--color-dark-yellow);
    }

    #eoy-2024 .new-updates__list {
      margin-top: 10rem;
      padding-bottom: 0rem;
    }

    #eoy-2024 .new-updates__list-row {
      display: flex;
      justify-content: space-between;
      border-bottom: 1px solid rgba(255, 255, 255, 0.3);
      padding-bottom: 2rem;
      margin-bottom: 4.8rem;
    }

    @media only screen and (max-width: 62.5em) {
      #eoy-2024 .new-updates__list-row {
        flex-direction: column;
      }
    }

    #eoy-2024 .new-updates__list-row p:first-child {
      position: relative;
      display: flex;
      align-items: center;
      width: fit-content;
    }

    #eoy-2024 .new-updates__list-row p:first-child::after {
      position: absolute;
      right: -2.5rem;
      content: "";
      width: 12px;
      height: 12px;
      border-radius: 50px;
      margin-left: 1.6rem;
      background-color: var(--color-pink);
    }

    @media only screen and (max-width: 62.5em) {
      #eoy-2024 .new-updates__list-row p:first-child {
        display: grid;
      }
    }

    #eoy-2024 .new-updates__list-row p:last-child {
      max-width: 50rem;
      color: rgba(255, 255, 255, 0.8);
    }

    @media only screen and (max-width: 62.5em) {
      #eoy-2024 .new-updates__list-row p:last-child {
        max-width: unset;
      }
    }

    #eoy-2024 .new-updates__list-row:nth-child(2) p:first-child::after,
    #eoy-2024 .new-updates__list-row:nth-child(4) p:first-child::after {
      background-color: var(--color-blue);
    }

    #eoy-2024 .new-updates__list-row:nth-child(1) p:first-child::after,
    #eoy-2024 .new-updates__list-row:nth-child(3) p:first-child::after,
    #eoy-2024 .new-updates__list-row:nth-child(5) p:first-child::after {
      background-color: var(--color-green);
    }

    #eoy-2024 .new-updates__list-row:nth-child(6) p:first-child::after,
    #eoy-2024 .new-updates__list-row:nth-child(7) p:first-child::after {
      background-color: var(--color-orange);
    }

    #eoy-2024 .new-updates__list-row:nth-child(13) p:first-child::after {
      background-color: var(--color-dark-yellow);
    }

    #faas {
      overflow-x: hidden;
    }

    #faas .hero {
      padding-bottom: 0;
      padding-top: 8rem;
    }

    @media only screen and (max-width: 37.5em) {
      #faas .hero {
        padding: 5rem 1rem 0;
      }
    }

    #faas .hero__wrapper {
      align-items: center;
      background: linear-gradient(301.96deg, #1D1D1D 54.67%, #F1A5C2 120.65%);
      border-radius: 2rem;
      color: #ffffff;
      flex-direction: column;
      justify-content: flex-start;
      max-width: 125.5rem;
      padding: 7rem 3rem 0;
      position: relative;
    }

    @media only screen and (max-width: 37.5em) {
      #faas .hero__wrapper {
        padding: 4rem 1rem 0;
      }
    }

    #faas .hero__wrapper::before {
      background-image: url("images/background-noise.svg");
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      bottom: 0;
      content: "";
      height: 100%;
      left: 0;
      opacity: 0.25;
      position: absolute;
      right: 0;
      top: 0;
      width: 100%;
      z-index: 0;
    }

    #faas .hero__info {
      align-items: center;
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      margin-bottom: 10rem;
      text-align: center;
      width: 100%;
    }

    #faas .hero__heading {
      max-width: 78.7rem;
    }

    #faas .hero__sub-heading {
      max-width: 68.3rem;
    }

    #faas .hero__cta {
      z-index: 2;
    }

    #faas .hero__cta:not(:last-child) {
      margin-right: 4.5rem;
    }

    @media only screen and (max-width: 37.5em) {
      #faas .hero__cta:not(:last-child) {
        margin-right: 2.5rem;
      }
    }

    #faas .hero__media {
      position: relative;
      flex: 0 1 auto;
      max-width: 96rem;
      width: 90%;
      height: 40vw;
      overflow: hidden;
      margin-top: -8rem;
    }

    @media only screen and (max-width: 37.5em) {
      #faas .hero__media {
        width: 95%;
        height: 56vw;
      }
    }

    #faas .hero__media .figure {
      --scale: 1;
      --delay: 0s;
      --translate-y: 0;
      --scale: 1;
      --scale-mul: 0.15;
      --translate-diff: 19;
      position: absolute;
      width: 100%;
      height: 100%;
      border-radius: 20px;
      transform: translateY(var(--translate-y)) scale(var(--scale));
      transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1) var(--delay), transform 1s cubic-bezier(0.16, 1, 0.3, 1) var(--delay);
    }

    #faas .hero__media .figure:after {
      position: absolute;
      content: "";
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      background-image: url("images/background-noise.svg");
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      z-index: -1;
    }

    #faas .hero__media .figure:nth-child(1) {
      z-index: calc(3 - 1);
      background: linear-gradient(106.32deg, #E87985 -17.36%, #77C0DE 91.66%);
      --translate-y: calc((3 - 1) * var(--translate-diff) * 1%);
    }

    #faas .hero__media .figure:nth-child(2) {
      z-index: calc(3 - 2);
      background: linear-gradient(102.17deg, #FFF7C5 -4.75%, #EEA8BA 82.51%);
      --translate-y: calc((3 - 2) * var(--translate-diff) * 1%);
      --scale: calc(1 - (2 - 1) * var(--scale-mul));
    }

    #faas .hero__media .figure:nth-child(3) {
      z-index: calc(3 - 3);
      background: linear-gradient(106.32deg, #8C73D9 -17.36%, #87DCA9 91.66%);
      --translate-y: calc((3 - 3) * var(--translate-diff) * 1%);
      --scale: calc(1 - (3 - 1) * var(--scale-mul));
    }

    #faas .hero__media .figure:nth-child(1) img {
      max-width: 49vw;
    }

    @media only screen and (max-width: 37.5em) {
      #faas .hero__media .figure:nth-child(1) img {
        max-width: 52vw;
      }
    }

    #faas .hero__media .figure:nth-child(2) img {
      max-width: 24vw;
    }

    @media only screen and (max-width: 37.5em) {
      #faas .hero__media .figure:nth-child(2) img {
        max-width: 33vw;
      }
    }

    #faas .hero__media .figure:nth-child(3) img {
      max-width: 30vw;
    }

    @media only screen and (max-width: 37.5em) {
      #faas .hero__media .figure:nth-child(3) img {
        max-width: 35vw;
      }
    }

    #faas .hero__media .figure img {
      width: auto;
      height: 100%;
      object-fit: contain;
      object-position: top;
      margin: 0 auto;
    }

    #faas .section--media {
      padding-top: 0;
    }

    #faas .section--media .container {
      max-width: 125.5rem;
    }

    #faas .section--features .wrapper {
      margin-bottom: 10rem;
      max-width: 84.2rem;
    }

    #faas .section--features .grid {
      align-items: center;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
    }

    #faas .section--features .grid__section {
      flex: 0 1 auto;
      width: calc(50% - 7rem);
    }

    @media only screen and (max-width: 46.875em) {
      #faas .section--features .grid__section {
        width: 100%;
      }

      #faas .section--features .grid__section:not(:last-child) {
        margin-bottom: 5rem;
      }
    }

    #faas .section--features .illustration {
      --anim-play-state: paused;
      height: auto;
      width: 100%;
      transform: scale(1.14) translateX(5%);
    }

    @media only screen and (max-width: 56.25em) {
      #faas .section--features .illustration {
        transform: scale(1.4) translateX(-5%);
      }
    }

    @media only screen and (max-width: 46.875em) {
      #faas .section--features .illustration {
        transform: scale(0.8) translateX(0);
      }
    }

    @media only screen and (max-width: 37.5em) {
      #faas .section--features .illustration {
        transform: scale(1);
      }
    }

    #faas .section--features .illustration__stroke {
      animation: draw-stroke var(--anim-duration) cubic-bezier(0.16, 1, 0.3, 1) var(--anim-delay) forwards;
      animation-play-state: var(--anim-play-state);
    }

    #faas .section--features .illustration__stroke--yellow {
      --anim-duration: 2.3s;
      --anim-delay: calc(0.6s + 2.8s);
      stroke-dasharray: 285;
      stroke-dashoffset: 285;
    }

    #faas .section--features .illustration__stroke--blue {
      --anim-duration: 2.3s;
      --anim-delay: calc(0.6s + 1.9s);
      stroke-dasharray: 260;
      stroke-dashoffset: 260;
      transform: scale(-1);
      transform-box: fill-box;
      transform-origin: center;
    }

    #faas .section--features .illustration__stroke--pink {
      --anim-duration: 2.3s;
      --anim-delay: 0.6s;
      stroke-dasharray: 260;
      stroke-dashoffset: 260;
    }

    #faas .section--features .illustration__stroke--purple {
      --anim-duration: calc(2.3s - 0.2s);
      --anim-delay: calc(0.6s + 1s);
      stroke-dasharray: 250;
      stroke-dashoffset: 250;
    }

    #faas .section--features .illustration__logo {
      transform-box: fill-box;
      transform-origin: center;
      transform: scale(0);
      animation: scale 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;
      animation-play-state: var(--anim-play-state);
    }

    #faas .section--features .illustration__icon {
      transform: scale(0);
      transform-box: fill-box;
      transform-origin: center;
      animation: scale calc(2.3s - 1.7s) cubic-bezier(0.16, 1, 0.3, 1) var(--anim-delay) forwards;
      animation-play-state: var(--anim-play-state);
      overflow: hidden;
    }

    #faas .section--features .illustration__icon g {
      transform-box: fill-box;
      transform-origin: center;
      animation-play-state: var(--anim-play-state);
      animation: scale calc(calc(2.3s - 1.7s) + 0.14s) cubic-bezier(0.16, 1, 0.3, 1) calc(var(--anim-delay) + 0.14s) forwards;
    }

    #faas .section--features .illustration__icon--virtual-cards {
      --anim-delay: calc(0.6s + 3.8s);
    }

    #faas .section--features .illustration__icon--virtual-cards g.icon-cards {
      transform: scale(1.4);
    }

    #faas .section--features .illustration__icon--people {
      --anim-delay: calc(0.6s + 1.9s);
    }

    #faas .section--features .illustration__icon--wallet {
      --anim-delay: calc(0.6s + 2.7s);
    }

    #faas .section--features .illustration__icon--wallet g.icon-wallet {
      transform: scale(1.4);
    }

    #faas .section--features .illustration__icon--physical-card {
      --anim-delay: calc(0.6s + 0.7s);
    }

    #faas .section--features .illustration__icon--physical-card g.icon-physical-card {
      transform: scale(1.2);
    }

    #grow {
      overflow-x: hidden;
    }

    #grow .hero {
      display: flex;
      justify-content: center;
      padding-bottom: 5rem;
      text-align: center;
    }

    @media only screen and (max-width: 37.5em) {
      #grow .hero {
        text-align: left;
      }
    }

    #grow .hero__info {
      max-width: 82rem;
      width: 100%;
    }

    #grow .hero__info>* {
      width: fit-content;
      margin-left: auto;
      margin-right: auto;
    }

    @media only screen and (max-width: 37.5em) {
      #grow .hero__info>* {
        margin-left: unset;
      }
    }

    #grow .hero__heading {
      font-size: 8rem;
      line-height: 8.6rem;
    }

    #grow .hero__sub-heading {
      max-width: 70rem;
    }

    #grow .section--features {
      padding-top: 0;
    }

    #grow .section--features .media {
      margin-bottom: 16rem;
    }

    @media only screen and (max-width: 46.875em) {
      #grow .section--features .media {
        margin-bottom: 10rem;
      }
    }

    @media only screen and (max-width: 37.5em) {
      #grow .section--features .media {
        margin-bottom: 6rem;
      }
    }

    #grow .section--manage {
      padding-bottom: 0;
      overflow: hidden;
      border-bottom: 0.8px dashed rgba(138, 138, 138, 0.3);
    }

    #grow .section--manage .wrapper {
      max-width: 76.5rem;
    }

    #grow .section--manage .wrapper:first-child {
      max-width: 63rem;
    }

    #grow .section--manage .h1 {
      margin-bottom: 2.8rem;
    }

    #grow .section--manage .p {
      margin-bottom: 3.3rem;
    }

    #grow .section--manage .grid {
      align-items: flex-start;
      display: flex;
      justify-content: space-between;
      margin-bottom: 16rem;
    }

    @media only screen and (max-width: 46.875em) {
      #grow .section--manage .grid {
        flex-wrap: wrap;
        margin-bottom: 10rem;
      }
    }

    #grow .section--manage .grid__section {
      flex: 1 1 auto;
    }

    #grow .section--manage .grid__section:nth-child(1) {
      margin-right: 2rem;
      max-width: 40rem;
    }

    @media only screen and (max-width: 46.875em) {
      #grow .section--manage .grid__section:nth-child(1) {
        margin-bottom: 5rem;
        margin-right: 0;
        max-width: 100%;
        width: 100%;
      }
    }

    #grow .section--manage .grid__section:nth-child(1) .p {
      font-size: 2rem;
      margin-bottom: 4.5rem;
    }

    #grow .section--manage .grid__section:nth-child(2) {
      max-width: 52.6rem;
    }

    @media only screen and (max-width: 46.875em) {
      #grow .section--manage .grid__section:nth-child(2) {
        max-width: 100%;
        width: 100%;
      }
    }

    #grow .section--manage .demo__doc {
      background-color: #ffffff;
      background-image: url("images/noise.png");
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      border-radius: 1rem;
      color: #262C55;
      filter: drop-shadow(0px 4px 30px rgba(0, 0, 0, 0.15));
      margin-bottom: 2rem;
      padding: 4.8rem 6.3rem 1rem;
    }

    @media only screen and (max-width: 37.5em) {
      #grow .section--manage .demo__doc {
        padding: 3rem 3rem 0;
      }
    }

    #grow .section--manage .demo__doc__field-group {
      align-items: stretch;
      display: flex;
      justify-content: space-between;
    }

    #grow .section--manage .demo__doc__field-group>* {
      flex: 0 1 auto;
      width: calc(50% - 4.5rem);
    }

    #grow .section--manage .demo__doc__field {
      border-bottom: 1px dashed rgba(38, 44, 85, 0.7);
      margin-bottom: 5rem;
    }

    #grow .section--manage .demo__doc__label,
    #grow .section--manage .demo__doc__value {
      display: block;
      font-size: 1.3rem;
      font-weight: 500;
      line-height: 1.6rem;
    }

    #grow .section--manage .demo__doc__label {
      text-transform: uppercase;
      margin-bottom: 1.4rem;
    }

    #grow .section--manage .demo__doc__value {
      margin-bottom: 0.7rem;
      font-size: 1.6rem;
    }

    #grow .section--manage .demo__doc__signature {
      stroke-dashoffset: 385;
      stroke-dasharray: 385;
      display: inline-block;
      margin: 0;
      transition: 2.2s ease-in-out 0.5s;
    }

    #grow .section--manage .demo__caption {
      color: #686868;
      display: block;
      font-size: 1.4rem;
      font-weight: 500;
      line-height: 1.7rem;
      text-align: center;
    }

    #grow .section--manage .media {
      filter: drop-shadow(0px 4px 30px rgba(0, 0, 0, 0.15));
      margin-top: 4.2rem;
    }

    #grow .section--manage .media img {
      border-top-left-radius: 1rem;
      border-top-right-radius: 1rem;
    }

    #grow .section--process {
      padding-bottom: 6rem;
    }

    #grow .section--process .wrapper {
      margin-bottom: 8rem;
      max-width: 70rem;
    }

    #grow .waitlist__success-view {
      margin: 0 auto;
      max-width: 109.2rem;
      display: flex;
      align-items: center;
      background-color: #262C55;
      border-radius: 2rem;
      box-shadow: 0px 25px 50px rgba(29, 29, 29, 0.5);
      color: #ffffff;
      padding: 10rem 11%;
      font-size: 3rem;
      line-height: 4.4rem;
      min-height: 40rem;
      margin: 10rem auto;
      font-weight: 300;
      width: 92%;
    }

    @media only screen and (max-width: 46.875em) {
      #grow .waitlist__success-view {
        margin: 7rem auto;
        min-height: 30rem;
      }
    }

    @media only screen and (max-width: 37.5em) {
      #grow .waitlist__success-view {
        min-height: unset;
        font-size: 2.2rem;
        line-height: 3.6rem;
        margin: 5rem auto 6rem;
        padding: 8rem 11%;
      }
    }

    #home {
      overflow-x: hidden;
    }

    #home .hero__heading {
      max-width: 50rem;
    }

    #home .section--customers {
      margin-top: -15rem;
      padding-bottom: 8rem;
      padding-left: 0;
      padding-right: 0;
    }

    @media only screen and (max-width: 46.875em) {
      #home .section--customers {
        margin-top: 0;
        padding: 0 2rem 3rem;
      }
    }

    #home .section--customers .container {
      max-width: 168rem;
    }

    #home .section--customers .customer-grid {
      align-items: flex-start;
      display: flex;
      justify-content: space-between;
    }

    @media only screen and (max-width: 46.875em) {
      #home .section--customers .customer-grid {
        flex-wrap: wrap;
      }
    }

    #home .section--customers .customer-grid__section {
      flex: 0 1 auto;
    }

    #home .section--customers .customer-grid__section:nth-child(1) {
      width: calc(58% - 3.25rem);
    }

    @media only screen and (max-width: 46.875em) {
      #home .section--customers .customer-grid__section:nth-child(1) {
        margin-bottom: 3rem;
        width: 100%;
      }
    }

    #home .section--customers .customer-grid__section:nth-child(1) .customer__image {
      height: 75.2rem;
      object-position: 30% 50%;
    }

    @media only screen and (max-width: 56.25em) {
      #home .section--customers .customer-grid__section:nth-child(1) .customer__image {
        height: 55rem;
      }
    }

    @media only screen and (max-width: 46.875em) {
      #home .section--customers .customer-grid__section:nth-child(1) .customer__image {
        height: auto;
      }
    }

    #home .section--customers .customer-grid__section:nth-child(1) .customer__name {
      right: 3rem;
    }

    #home .section--customers .customer-grid__section:nth-child(2) {
      margin-top: -20rem;
      width: calc(42% - 3.25rem);
    }

    @media only screen and (max-width: 46.875em) {
      #home .section--customers .customer-grid__section:nth-child(2) {
        display: flex;
        flex-direction: column-reverse;
        margin-top: 0;
        width: 100%;
      }
    }

    #home .section--customers .customer-grid__section:nth-child(2) .customer__name {
      left: 3rem;
    }

    @media only screen and (max-width: 56.25em) {
      #home .section--customers .customer-grid__section:nth-child(2) .customer__image {
        height: 50rem;
      }
    }

    @media only screen and (max-width: 46.875em) {
      #home .section--customers .customer-grid__section:nth-child(2) .customer__image {
        height: auto;
      }
    }

    #home .section--customers .customer-grid__section__meta {
      font-size: 2rem;
      font-weight: 300;
      line-height: 3.2rem;
      margin-top: 7.4rem;
      max-width: 38rem;
    }

    @media only screen and (max-width: 46.875em) {
      #home .section--customers .customer-grid__section__meta {
        margin-bottom: 3rem;
        margin-top: 0;
        max-width: 100%;
        padding-right: 0;
      }
    }

    @media only screen and (max-width: 37.5em) {
      #home .section--customers .customer-grid__section__meta {
        font-size: 1.6rem;
        line-height: 2.6rem;
      }
    }

    #home .section--customers .customer {
      display: block;
      overflow: hidden;
      position: relative;
      text-decoration: none;
      width: 100%;
    }

    #home .section--customers .customer__image {
      display: block;
      height: 68rem;
      object-fit: cover;
      object-position: center;
      transition: all 0.3s ease;
      width: 100%;
    }

    @media only screen and (max-width: 37.5em) {
      #home .section--customers .customer__image {
        height: auto !important;
        width: 100% !important;
      }
    }

    #home .section--customers .customer__image--alt {
      object-position: bottom right;
    }

    #home .section--customers .customer__name {
      bottom: 2.6rem;
      color: #ffffff;
      font-size: 2.4rem;
      font-weight: 500;
      line-height: 2.9rem;
      position: absolute;
      transition: color 0.3s ease;
    }

    #home .section--businesses {
      padding-bottom: 6rem;
      padding-top: 6rem;
    }

    @media only screen and (max-width: 46.875em) {
      #home .section--businesses {
        padding-bottom: 4rem;
        padding-top: 4rem;
      }
    }

    @media only screen and (max-width: 37.5em) {
      #home .section--businesses {
        padding-bottom: 3rem;
        padding-top: 3rem;
      }
    }

    #home .section--payments {
      padding-top: 16.8rem;
    }

    @media only screen and (max-width: 56.25em) {
      #home .section--payments {
        padding-top: 13rem;
      }
    }

    @media only screen and (max-width: 46.875em) {
      #home .section--payments {
        padding-top: 10rem;
      }
    }

    @media only screen and (max-width: 37.5em) {
      #home .section--payments {
        padding-top: 7rem;
      }
    }

    #home .section--payments .h1 {
      margin-bottom: 5.8rem;
      max-width: 65rem;
    }

    #home .section--payments .features-grid {
      align-items: center;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
    }

    #home .section--payments .features-grid__section {
      flex: 0 1 auto;
      width: calc(33.3333333333% - 4rem);
    }

    @media only screen and (max-width: 56.25em) {
      #home .section--payments .features-grid__section {
        width: 100%;
      }
    }

    #home .section--payments .media {
      max-width: 32rem;
      text-align: center;
    }

    #home .section--payments .media img {
      width: 100%;
      height: auto;
      max-height: 65rem;
      object-fit: contain;
      filter: drop-shadow(0px 4px 20px rgba(0, 0, 0, 0.2));
    }

    @media only screen and (max-width: 37.5em) {
      #home .section--payments .media img {
        max-height: 55rem;
        object-position: left;
      }
    }

    #home .section--payments .media .figure {
      margin-bottom: 5rem;
      transform: scale(1.14);
    }

    @media only screen and (max-width: 56.25em) {
      #home .section--payments .media .figure {
        margin-bottom: 3rem;
        transform: scale(1);
      }
    }

    @media only screen and (max-width: 56.25em) {
      #home .section--payments .media {
        margin: 6rem 0;
      }
    }

    #home .section--payments .feature:not(:last-child) {
      margin-bottom: 10rem;
    }

    @media only screen and (max-width: 46.875em) {
      #home .section--payments .feature:not(:last-child) {
        margin-bottom: 6rem;
      }
    }

    #home .section--payments .feature__title {
      font-size: 2.4rem;
      font-weight: 600;
      line-height: 2.9rem;
      margin-bottom: 1.9rem;
      padding-left: 0.5rem;
    }

    @media only screen and (max-width: 37.5em) {
      #home .section--payments .feature__title {
        font-size: 2rem;
        line-height: 2.2rem;
      }
    }

    #home .section--payments .feature__description {
      font-size: 2rem;
      font-weight: 300;
      line-height: 3.2rem;
      margin-bottom: 3rem;
      padding-left: 0.5rem;
    }

    @media only screen and (max-width: 37.5em) {
      #home .section--payments .feature__description {
        font-size: 1.8rem;
        line-height: 2.8rem;
      }
    }

    #home .section--commerce .h1 {
      margin-bottom: 10.8rem;
      max-width: 100rem;
    }

    @media only screen and (max-width: 37.5em) {
      #home .section--commerce .h1 {
        margin-bottom: 6.3rem;
      }
    }

    #home .section--commerce .commerce-features {
      margin-bottom: 18.2rem;
    }

    @media only screen and (max-width: 37.5em) {
      #home .section--commerce .commerce-features {
        margin-bottom: 8.8rem;
      }
    }

    #home .section--commerce .grid {
      display: flex;
    }

    @media only screen and (max-width: 56.25em) {
      #home .section--commerce .grid {
        flex-wrap: wrap;
      }
    }

    #home .section--commerce .grid:nth-child(1) {
      align-items: flex-start;
      justify-content: flex-end;
    }

    #home .section--commerce .grid:nth-child(1) .grid__section {
      flex: 0 1 auto;
    }

    #home .section--commerce .grid:nth-child(1) .grid__section:nth-child(1) {
      padding-top: 10rem;
    }

    @media only screen and (max-width: 56.25em) {
      #home .section--commerce .grid:nth-child(1) .grid__section:nth-child(1) {
        margin-bottom: 7rem;
        padding-top: 0;
        width: 100%;
      }
    }

    #home .section--commerce .grid:nth-child(1) .grid__section:nth-child(2) {
      margin-left: 8.5rem;
      width: 51%;
    }

    @media only screen and (max-width: 56.25em) {
      #home .section--commerce .grid:nth-child(1) .grid__section:nth-child(2) {
        margin-bottom: 7rem;
        margin-left: 0;
        width: 100%;
      }
    }

    #home .section--commerce .grid:nth-child(2) {
      align-items: flex-end;
      justify-content: flex-start;
      margin-top: -8%;
    }

    @media only screen and (max-width: 56.25em) {
      #home .section--commerce .grid:nth-child(2) {
        flex-direction: column-reverse;
        margin-top: 0;
      }
    }

    #home .section--commerce .grid:nth-child(2) .grid__section {
      flex: 0 1 auto;
    }

    #home .section--commerce .grid:nth-child(2) .grid__section:nth-child(1) {
      margin-right: 8.5rem;
      width: 58%;
    }

    @media only screen and (max-width: 56.25em) {
      #home .section--commerce .grid:nth-child(2) .grid__section:nth-child(1) {
        margin-right: 0;
        width: 100%;
      }
    }

    #home .section--commerce .grid:nth-child(2) .grid__section:nth-child(2) {
      padding-bottom: 1rem;
    }

    @media only screen and (max-width: 56.25em) {
      #home .section--commerce .grid:nth-child(2) .grid__section:nth-child(2) {
        margin-bottom: 7rem;
        padding-bottom: 0;
        width: 100%;
      }
    }

    #home .section--commerce .grid .figure--1 {
      height: 64.8rem;
    }

    @media only screen and (max-width: 62.5em) {
      #home .section--commerce .grid .figure--1 {
        height: 58rem;
      }
    }

    @media only screen and (max-width: 56.25em) {
      #home .section--commerce .grid .figure--1 {
        height: auto;
      }
    }

    #home .section--commerce .grid .figure--2 img {
      max-height: 64.8rem;
    }

    @media screen and (max-width: 1100px) {
      #home .section--commerce .grid .figure--2 {
        height: 62vw;
      }

      #home .section--commerce .grid .figure--2 img {
        max-height: 57vw;
      }
    }

    @media screen and (max-width: 1024px) {
      #home .section--commerce .grid .figure--2 img {
        max-height: 53vw;
      }
    }

    @media only screen and (max-width: 56.25em) {
      #home .section--commerce .grid .figure--2 {
        height: auto;
      }

      #home .section--commerce .grid .figure--2 img {
        height: auto;
        max-height: unset;
      }
    }

    #home .section--commerce .grid .figure img {
      height: 100%;
      object-fit: cover;
    }

    #home .section--commerce .feature {
      width: 35rem;
    }

    @media only screen and (max-width: 56.25em) {
      #home .section--commerce .feature {
        width: 100%;
      }
    }

    #home .section--commerce .feature:not(:last-child) {
      margin-bottom: 10rem;
    }

    @media only screen and (max-width: 62.5em) {
      #home .section--commerce .feature:not(:last-child) {
        margin-bottom: 6rem;
      }
    }

    @media only screen and (max-width: 37.5em) {
      #home .section--commerce .feature:not(:last-child) {
        margin-bottom: 7rem;
      }
    }

    #home .section--commerce .feature__title {
      font-size: 2.4rem;
      font-weight: 600;
      line-height: 2.9rem;
      margin-bottom: 1.9rem;
      padding-left: 0.5rem;
    }

    @media only screen and (max-width: 37.5em) {
      #home .section--commerce .feature__title {
        font-size: 2rem;
        line-height: 2.2rem;
        margin-bottom: 1.6rem;
      }
    }

    #home .section--commerce .feature__description {
      font-size: 2rem;
      font-weight: 300;
      line-height: 3.2rem;
      margin-bottom: 3rem;
      padding-left: 0.5rem;
    }

    @media only screen and (max-width: 37.5em) {
      #home .section--commerce .feature__description {
        font-size: 1.8rem;
        line-height: 2.8rem;
        margin-bottom: 2.7rem;
      }
    }

    #home .section--commerce .p.loud {
      font-size: 8rem;
      font-weight: 300;
      line-height: 11rem;
      margin-bottom: 4.8rem;
    }

    @media only screen and (max-width: 56.25em) {
      #home .section--commerce .p.loud {
        font-size: 5rem;
        line-height: 8rem;
        margin-bottom: 4.5rem;
      }
    }

    @media only screen and (max-width: 37.5em) {
      #home .section--commerce .p.loud {
        font-size: 3.6rem;
        line-height: 5rem;
        margin-bottom: 4rem;
      }
    }

    #home .section--cards,
    #home .section--individual {
      color: #ffffff;
    }

    #home .section--cards .container,
    #home .section--individual .container {
      align-items: center;
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      max-width: 120.6rem;
      text-align: center;
    }

    #home .section--cards .h1,
    #home .section--individual .h1 {
      margin-bottom: 4.9rem;
      max-width: 79.1rem;
    }

    @media only screen and (max-width: 46.875em) {

      #home .section--cards .h1,
      #home .section--individual .h1 {
        margin-bottom: 3.1rem;
      }
    }

    @media only screen and (max-width: 37.5em) {

      #home .section--cards .h1,
      #home .section--individual .h1 {
        margin-bottom: 2.5rem;
      }
    }

    #home .section--cards .p,
    #home .section--individual .p {
      margin-bottom: 4.9rem;
      max-width: 60.2rem;
    }

    @media only screen and (max-width: 46.875em) {

      #home .section--cards .p,
      #home .section--individual .p {
        margin-bottom: 4.3rem;
      }
    }

    @media only screen and (max-width: 37.5em) {

      #home .section--cards .p,
      #home .section--individual .p {
        margin-bottom: 3.9rem;
      }
    }

    #home .section--cards .btn,
    #home .section--individual .btn {
      margin-bottom: 6.5rem;
    }

    #home .section--cards .media,
    #home .section--individual .media {
      margin-bottom: 16.8rem;
    }

    @media only screen and (max-width: 46.875em) {

      #home .section--cards .media,
      #home .section--individual .media {
        margin-bottom: 15rem;
      }
    }

    @media only screen and (max-width: 37.5em) {

      #home .section--cards .media,
      #home .section--individual .media {
        margin-bottom: 8.8rem;
      }
    }

    #home .section--cards .media .figure,
    #home .section--individual .media .figure {
      max-width: 50rem;
    }

    #home .section--cards .stacked-cards,
    #home .section--individual .stacked-cards {
      margin-bottom: 21rem;
    }

    #home .section--individual .p {
      max-width: 62rem;
    }

    #home .section--api .h1 {
      margin-bottom: 4rem;
      max-width: 84.2rem;
    }

    @media only screen and (max-width: 46.875em) {
      #home .section--api .h1 {
        margin-bottom: 3.1rem;
      }
    }

    @media only screen and (max-width: 37.5em) {
      #home .section--api .h1 {
        margin-bottom: 1.8rem;
      }
    }

    #home .section--api .p {
      margin-bottom: 4rem;
      max-width: 61.9rem;
    }

    @media only screen and (max-width: 37.5em) {
      #home .section--api .p {
        margin-bottom: 3.1rem;
      }
    }

    #home .section--api .ul {
      margin-bottom: 7rem;
    }

    #integrations .hero {
      display: flex;
      justify-content: center;
      padding-bottom: 5rem;
      text-align: center;
    }

    #integrations .hero__heading {
      font-size: 8rem;
      line-height: 8.6rem;
    }

    #integrations .hero__info {
      max-width: 82rem;
      width: 100%;
    }

    #integrations .hero__info>* {
      width: fit-content;
      margin-left: auto;
      margin-right: auto;
    }

    #integrations .hero__sub-heading {
      max-width: 70rem;
      margin-bottom: 0;
    }

    #integrations .guidelines {
      background-color: #ffffff;
      padding: 0 0 50px;
    }

    @media screen and (min-width: 768px) {
      #integrations .guidelines {
        padding: 20px 0 50px;
      }
    }

    #integrations .guidelines ul {
      margin-top: 3rem;
    }

    #integrations .guidelines__heading {
      font-family: "Millik", sans-serif;
      font-size: 22px;
      line-height: 32px;
      margin-bottom: 15px;
      margin-top: 35px;
    }

    @media screen and (min-width: 576px) {
      #integrations .guidelines__heading {
        font-size: 36px;
        line-height: 46px;
        margin-bottom: 25px;
      }
    }

    #integrations .guidelines__link {
      color: #d46b04;
      font-weight: 700;
    }

    #integrations .guidelines__container {
      margin: 0 auto;
      max-width: 800px;
      padding-left: 15px;
      padding-right: 15px;
      width: 100%;
    }

    #integrations .guidelines__video {
      margin: 30px 0;
    }

    @media screen and (min-width: 576px) {
      #integrations .guidelines__video {
        margin: 40px 0;
      }
    }

    #integrations .guidelines__steps {
      align-items: flex-start;
      counter-reset: counter;
      display: flex;
      flex-flow: column;
      list-style: none;
      margin: 30px 0 0;
      padding: 0;
      position: relative;
    }

    #integrations .guidelines__steps:not(:last-child) {
      margin-bottom: 40px;
    }

    @media screen and (min-width: 576px) {
      #integrations .guidelines__steps:not(:last-child) {
        margin-bottom: 60px;
      }
    }

    #integrations .guidelines__steps__item {
      counter-increment: counter;
      font-size: 14px;
      line-height: 24px;
      padding-left: 30px;
      position: relative;
    }

    #integrations .guidelines__steps__item:not(:last-of-type) {
      margin-bottom: 15px;
    }

    @media screen and (min-width: 768px) {
      #integrations .guidelines__steps__item {
        font-size: 16px;
        line-height: 26px;
        padding-left: 50px;
      }

      #integrations .guidelines__steps__item:not(:last-of-type) {
        margin-bottom: 25px;
      }
    }

    #integrations .guidelines__steps__item::before {
      align-items: center;
      background-color: #d3d7f2;
      border-radius: 100%;
      content: counter(counter);
      display: flex;
      font-size: 10px;
      font-weight: 700;
      height: 20px;
      justify-content: center;
      left: 0;
      position: absolute;
      top: 0;
      width: 20px;
    }

    @media screen and (min-width: 768px) {
      #integrations .guidelines__steps__item::before {
        font-size: 15px;
        height: 30px;
        top: 3px;
        width: 30px;
      }
    }

    #integrations .guidelines .figure {
      margin: 30px 0 10px;
    }

    @media screen and (min-width: 576px) {
      #integrations .guidelines .figure {
        margin: 40px 0 20px;
      }
    }

    #integrations .guidelines .figure__image {
      border: 1px solid #eeeeee;
      display: block;
      height: auto;
      width: 100%;
    }

    #integrations .guidelines .figure__caption {
      font-size: 14px;
      margin-top: 10px;
      opacity: 0.7;
      text-align: center;
    }

    @media screen and (min-width: 576px) {
      #integrations .guidelines .figure__caption {
        margin-top: 15px;
      }
    }

    #integrations.integrations-shopify .hero {
      padding-bottom: 7.6rem;
    }

    #integrations.integrations-shopify .hero__info {
      max-width: 99.5rem;
    }

    #integrations.integrations-shopify .hero__heading {
      max-width: 82rem;
    }

    #integrations.integrations-shopify .hero__sub-heading {
      max-width: 100%;
    }

    @media only screen and (max-width: 56.25em) {
      #integrations.integrations-shopify .hero__sub-heading {
        margin-bottom: 0;
      }
    }

    #integrations.integrations-shopify .section h2.h1 {
      margin-bottom: 3.2rem;
    }

    #integrations.integrations-shopify .section--process h2.h1 {
      max-width: 77rem;
      margin-bottom: 6.8rem;
    }

    #integrations.integrations-shopify .section--process .steps {
      margin-bottom: 3rem;
    }

    #integrations.integrations-shopify .bg-ash {
      background-color: #F8FAFD;
    }

    #integrations.integrations-shopify .section--pricing h2.h1 {
      max-width: 68.6rem;
    }

    #integrations.integrations-shopify .section--pricing .content-wrapper {
      max-width: 81.8rem;
    }

    #integrations.integrations-shopify .section--benefits {
      background-color: #F8FAFD;
    }

    #integrations.integrations-shopify .section--benefits .wrapper {
      max-width: 72.1rem;
    }

    #integrations.integrations-shopify .section--media {
      padding: 0 2rem;
    }

    #integrations.integrations-shopify .section--media .container {
      max-width: 128rem;
    }

    #integrations.integrations-shopify .section--media .video {
      filter: drop-shadow(0px 3.4325876236px 25.7444076538px rgba(0, 0, 0, 0.2));
    }

    #legal .section {
      padding-top: 8rem;
    }

    @media only screen and (max-width: 46.875em) {
      #legal .section {
        padding-top: 6rem;
      }
    }

    @media only screen and (max-width: 37.5em) {
      #legal .section {
        padding-top: 4rem;
      }
    }

    #legal .page {
      align-items: flex-start;
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start;
      position: relative;
    }

    #legal .page__nav {
      flex: 0 0 auto;
      min-height: 50rem;
      position: sticky;
      top: 3rem;
      width: 25rem;
    }

    @media only screen and (max-width: 37.5em) {
      #legal .page__nav {
        order: 2;
        position: relative;
        top: 0;
        width: 100%;
      }
    }

    #legal .page__nav__title {
      color: #262C55;
      display: block;
      font-size: 2rem;
      font-weight: 400;
      line-height: 3rem;
      margin-bottom: 2.2rem;
      padding-left: 0.3rem;
    }

    #legal .page__nav__list {
      list-style: none;
    }

    #legal .page__nav__item:not(:last-child) {
      margin-bottom: 1.2rem;
    }

    #legal .page__nav__link:link,
    #legal .page__nav__link:visited {
      color: #262C55;
      display: inline-block;
      font-size: 1.8rem;
      font-weight: 300;
      line-height: 2.2rem;
      padding: 0.2rem 0.3rem;
      text-decoration: none;
    }

    #legal .page__nav__link.active {
      color: #006AFF;
      font-weight: 400;
    }

    #legal .page__content {
      align-items: flex-start;
      display: flex;
      flex: 1 1 auto;
      justify-content: center;
      min-height: 50rem;
      padding: 0 2rem;
      width: calc(100% - 25rem);
      --wrapper-max-width: 64rem;
    }

    #legal .page__content--full-width {
      width: 100%;
      --wrapper-max-width: unset;
    }

    @media only screen and (max-width: 37.5em) {
      #legal .page__content {
        margin-bottom: 5rem;
        padding: 0;
        width: 100%;
      }
    }

    #legal .page__content__wrapper {
      flex: 1 1 auto;
      max-width: var(--wrapper-max-width);
    }

    #legal .page__content__timestamp {
      color: #262C55;
      display: block;
      font-size: 1.4rem;
      font-weight: 300;
      line-height: 1.7rem;
      margin-bottom: 1rem;
    }

    #legal .page__content__data>*:first-child {
      margin-top: 0 !important;
    }

    #legal .page__content__data h1,
    #legal .page__content__data h2,
    #legal .page__content__data h3,
    #legal .page__content__data h4,
    #legal .page__content__data h5,
    #legal .page__content__data h6 {
      color: #262C55;
      font-family: "Millik", sans-serif;
      font-size: 4.8rem;
      font-weight: 500;
      letter-spacing: -0.03em;
      line-height: 4.6rem;
    }

    #legal .page__content__data h1:not(:last-child),
    #legal .page__content__data h2:not(:last-child),
    #legal .page__content__data h3:not(:last-child),
    #legal .page__content__data h4:not(:last-child),
    #legal .page__content__data h5:not(:last-child),
    #legal .page__content__data h6:not(:last-child) {
      margin-bottom: 3rem;
      margin-top: 5rem;
    }

    @media only screen and (max-width: 37.5em) {

      #legal .page__content__data h1:not(:last-child),
      #legal .page__content__data h2:not(:last-child),
      #legal .page__content__data h3:not(:last-child),
      #legal .page__content__data h4:not(:last-child),
      #legal .page__content__data h5:not(:last-child),
      #legal .page__content__data h6:not(:last-child) {
        margin-bottom: 1.4rem;
        margin-top: 2.4rem;
      }
    }

    @media only screen and (max-width: 37.5em) {

      #legal .page__content__data h1,
      #legal .page__content__data h2,
      #legal .page__content__data h3,
      #legal .page__content__data h4,
      #legal .page__content__data h5,
      #legal .page__content__data h6 {
        font-size: 2.4rem;
        line-height: 2.3rem;
      }
    }

    #legal .page__content__data p {
      margin-bottom: 15px;
    }

    #legal .page__content__data ul,
    #legal .page__content__data ol {
      padding-left: 4rem;
    }

    #legal .page__content__data ul:not(:last-child),
    #legal .page__content__data ol:not(:last-child) {
      margin-bottom: 30px;
    }

    #legal .page__content__data ul.list-alpha-upper,
    #legal .page__content__data ol.list-alpha-upper {
      list-style-type: upper-alpha;
    }

    #legal .page__content__data ul.list-alpha-lower,
    #legal .page__content__data ol.list-alpha-lower {
      list-style-type: lower-alpha;
    }

    #legal .page__content__data ul li,
    #legal .page__content__data ol li {
      margin-bottom: 2rem;
      padding-left: 1rem;
    }

    #legal .page__content__data p,
    #legal .page__content__data li {
      font-size: 2rem;
      font-weight: 300;
      line-height: 3.2rem;
    }

    @media only screen and (max-width: 37.5em) {

      #legal .page__content__data p,
      #legal .page__content__data li {
        font-size: 1.4rem;
        line-height: 1.7rem;
      }
    }

    #legal .page__content__data p:not(:last-child),
    #legal .page__content__data li:not(:last-child) {
      margin-bottom: 2rem;
    }

    @media only screen and (max-width: 37.5em) {

      #legal .page__content__data p:not(:last-child),
      #legal .page__content__data li:not(:last-child) {
        margin-bottom: 1.5rem;
      }
    }

    #legal .page__content__data a:link,
    #legal .page__content__data a:visited {
      color: #1D1D1D;
      display: inline-block;
      font-size: 2rem;
      font-weight: 300;
      line-height: 3.2rem;
      padding: 0;
    }

    @media only screen and (max-width: 37.5em) {

      #legal .page__content__data a:link,
      #legal .page__content__data a:visited {
        font-size: 1.4rem;
        line-height: 1.7rem;
      }
    }

    #legal .page__content__data ol.decimal {
      list-style: none;
      padding-left: 2rem;
    }

    #legal .page__content__data ol.decimal li {
      padding-left: 0;
      display: inline-flex;
    }

    #legal .page__content__data ol.decimal li span {
      padding-right: 2rem;
    }

    #legal .page__content__data ol.decimal--block li {
      display: block;
    }

    #legal .page__content__data ol.decimal ol {
      margin-top: 1.5rem;
    }

    #legal .page__content__data ol.decimal ol li {
      display: inline-flex;
    }

    #payments {
      overflow: hidden;
    }

    #payments .hero {
      padding-bottom: 18rem;
      padding-top: 8.8rem;
    }

    #payments .hero.alt {
      padding-bottom: 15rem;
    }

    @media only screen and (max-width: 56.25em) {
      #payments .hero.alt .hero__wrapper {
        flex-direction: column;
      }
    }

    @media only screen and (max-width: 37.5em) {
      #payments .hero.alt {
        padding-bottom: 8rem;
      }
    }

    #payments .hero.alt .hero__info {
      max-width: 76.5rem;
    }

    #payments .hero.alt .hero__media {
      width: calc(100% - 76.5rem);
    }

    #payments .hero.alt .hero__sub-heading {
      margin-bottom: 3rem;
    }

    #payments .hero.alt .ul {
      margin-bottom: 4rem;
    }

    #payments .hero__info {
      max-width: 62.2rem;
    }

    @media only screen and (max-width: 46.875em) {
      #payments .hero__info {
        max-width: unset;
      }
    }

    #payments .hero__sub-heading {
      max-width: 45rem;
    }

    @media only screen and (max-width: 46.875em) {
      #payments .hero__sub-heading {
        max-width: unset;
      }
    }

    #payments .hero__media {
      flex: 0 1 auto;
      padding-left: 12.5rem;
      position: relative;
      width: calc(100% - 62.2rem);
    }

    @media only screen and (max-width: 56.25em) {
      #payments .hero__media--collect-payments {
        transform: translateX(-12rem);
      }
    }

    @media only screen and (max-width: 46.875em) {
      #payments .hero__media--collect-payments {
        margin-top: 4rem;
        transform: translateX(0);
      }
    }

    @media only screen and (max-width: 37.5em) {
      #payments .hero__media--collect-payments {
        padding-left: 19vw;
        margin-bottom: -1rem;
      }
    }

    @media only screen and (max-width: 56.25em) {
      #payments .hero__media.alt {
        padding-left: 0;
      }
    }

    #payments .hero__media__item {
      height: 58.5rem;
      width: auto;
    }

    @keyframes slide {
      to {
        transform: translate(0);
      }
    }

    @keyframes fade {
      to {
        opacity: 1;
      }
    }

    @media only screen and (max-width: 37.5em) {
      #payments .hero__media__item {
        height: 80vw;
        object-fit: contain;
        object-position: left;
      }
    }

    #payments .hero__media__item.dashboard {
      border: 5px solid #F2F2F2;
      border-radius: 3rem;
      box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
      min-width: 80rem;
      opacity: 0;
      transform: translateX(14%);
      animation: slide 1s cubic-bezier(0.16, 1, 0.3, 1) 0.2s forwards, fade 0.6s linear 0.2s forwards;
    }

    #payments .hero__media__item.phone {
      height: auto;
      left: 0;
      position: absolute;
      top: 13.7rem;
      width: 30rem;
      max-height: 58rem;
      object-fit: contain;
      opacity: 0;
      transform: translateY(12%);
      animation: slide 1s cubic-bezier(0.16, 1, 0.3, 1) 1s forwards, fade 0.5s linear 1s forwards;
      filter: drop-shadow(0px 4px 20px rgba(0, 0, 0, 0.2));
    }

    @media only screen and (max-width: 37.5em) {
      #payments .hero__media__item.phone {
        width: 45vw;
        top: 20vw;
        max-height: unset;
        object-fit: contain;
      }
    }

    #payments .hero__media__item.illustration {
      height: auto;
      margin-left: -37.5rem;
      margin-top: 5rem;
      max-width: 68.8rem;
    }

    @media only screen and (max-width: 56.25em) {
      #payments .hero__media__item.illustration {
        margin-left: 0;
        width: 92vw;
      }
    }

    #payments .section--businesses {
      padding-bottom: 16rem;
      padding-top: 0;
    }

    @media only screen and (max-width: 37.5em) {
      #payments .section--businesses {
        padding-bottom: 8rem;
      }
    }

    #payments .section--features {
      padding-bottom: 16rem;
      padding-top: 16rem;
    }

    @media only screen and (max-width: 37.5em) {
      #payments .section--features {
        padding-top: 8rem;
        padding-bottom: 8rem;
      }
    }

    #payments .section--cp1 {
      padding-bottom: 0;
      padding-top: 16rem;
    }

    @media only screen and (max-width: 37.5em) {
      #payments .section--cp1 {
        padding-top: 8rem;
      }
    }

    #payments .section--cp1 .wrapper {
      margin-bottom: 3rem;
      max-width: 76.5rem;
    }

    @media only screen and (max-width: 37.5em) {
      #payments .section--cp1 .wrapper {
        margin-bottom: 2rem;
      }
    }

    #payments .section--cp1 .wrapper .h1 {
      margin-bottom: 3rem;
    }

    #payments .section--cp1 .wrapper .p {
      margin-bottom: 0;
      z-index: 2;
    }

    #payments .section--cp1 .bg {
      position: relative;
      display: flex;
      min-height: 77.6rem;
      padding-bottom: 17.5rem;
      padding-top: 4rem;
      overflow: hidden;
    }

    @media only screen and (max-width: 46.875em) {
      #payments .section--cp1 .bg {
        min-height: unset;
        padding-bottom: 9rem;
      }
    }

    #payments .section--cp1 .bg__image {
      --scale: 1.14;
      position: absolute;
      width: 144rem;
      min-height: 77.6rem;
      margin-left: 100px;
      top: 0;
      transform: scale(var(--scale));
      z-index: 0;
    }

    @media only screen and (max-width: 46.875em) {
      #payments .section--cp1 .bg__image {
        display: none;
      }
    }

    #payments .section--cp1 .bg__image svg {
      width: 100%;
      height: 100%;
      --item-opacity: 0;
      --item-outline-length: 655;
      --item-outline-dashoffset: var(--item-outline-length);
    }

    #payments .section--cp1 .bg__image svg .item {
      --delay: 2s;
    }

    #payments .section--cp1 .bg__image svg .item--1 {
      --delay: calc((1 * 0.5s) + 0.8s);
    }

    #payments .section--cp1 .bg__image svg .item--1 rect {
      stroke-opacity: 0.22;
    }

    #payments .section--cp1 .bg__image svg .item--2 {
      --delay: calc((2 * 0.5s) + 0.8s);
    }

    #payments .section--cp1 .bg__image svg .item--2 rect {
      stroke-opacity: 0.22;
    }

    #payments .section--cp1 .bg__image svg .item--3 {
      --delay: calc((3 * 0.5s) + 0.8s);
    }

    #payments .section--cp1 .bg__image svg .item--3 rect {
      stroke-opacity: 0.22;
    }

    #payments .section--cp1 .bg__image svg .item--4 {
      --delay: calc((4 * 0.5s) + 0.8s);
    }

    #payments .section--cp1 .bg__image svg .item--4 rect {
      stroke-opacity: 0.22;
    }

    #payments .section--cp1 .bg__image svg .item__outline {
      stroke-dasharray: var(--item-outline-length);
      stroke-dashoffset: var(--item-outline-dashoffset);
      transition: 1.2s ease-in-out var(--delay);
    }

    #payments .section--cp1 .bg__image svg .item__price,
    #payments .section--cp1 .bg__image svg .item__desc {
      opacity: var(--item-opacity);
      transition: opacity 1.5s ease-in-out var(--delay);
    }

    #payments .section--cp1 .bg__image svg .hr-lines line,
    #payments .section--cp1 .bg__image svg .vr-lines line {
      stroke-opacity: 0.12;
    }

    #payments .section--cp1 .bg__image svg .hr-lines {
      --hr-stroke-length: 1440;
      --hr-stroke-dashoffset: var(--hr-stroke-length);
    }

    #payments .section--cp1 .bg__image svg .hr-lines line {
      stroke-dasharray: var(--hr-stroke-length);
      stroke-dashoffset: var(--hr-stroke-dashoffset);
      transition: 2s ease-in-out var(--delay);
    }

    #payments .section--cp1 .bg__image svg .hr-lines line:nth-child(1) {
      --delay: calc((1 * 0.08s) + 0.3s);
    }

    #payments .section--cp1 .bg__image svg .hr-lines line:nth-child(2) {
      --delay: calc((2 * 0.08s) + 0.3s);
    }

    #payments .section--cp1 .bg__image svg .hr-lines line:nth-child(3) {
      --delay: calc((3 * 0.08s) + 0.3s);
    }

    #payments .section--cp1 .bg__image svg .hr-lines line:nth-child(4) {
      --delay: calc((4 * 0.08s) + 0.3s);
    }

    #payments .section--cp1 .bg__image svg .hr-lines line:nth-child(5) {
      --delay: calc((5 * 0.08s) + 0.3s);
    }

    #payments .section--cp1 .bg__image svg .hr-lines line:nth-child(6) {
      --delay: calc((6 * 0.08s) + 0.3s);
    }

    #payments .section--cp1 .bg__image svg .hr-lines line:nth-child(7) {
      --delay: calc((7 * 0.08s) + 0.3s);
    }

    #payments .section--cp1 .bg__image svg .hr-lines line:nth-child(8) {
      --delay: calc((8 * 0.08s) + 0.3s);
    }

    #payments .section--cp1 .bg__image svg .hr-lines line:nth-child(9) {
      --delay: calc((9 * 0.08s) + 0.3s);
    }

    #payments .section--cp1 .bg__image svg .hr-lines line:nth-child(10) {
      --delay: calc((10 * 0.08s) + 0.3s);
    }

    #payments .section--cp1 .bg__image svg .hr-lines line:nth-child(11) {
      --delay: calc((11 * 0.08s) + 0.3s);
    }

    #payments .section--cp1 .bg__image svg .hr-lines line:nth-child(12) {
      --delay: calc((12 * 0.08s) + 0.3s);
    }

    #payments .section--cp1 .bg__image svg .vr-lines {
      --vr-stroke-length: 775;
      --vr-stroke-dashoffset: var(--vr-stroke-length);
    }

    #payments .section--cp1 .bg__image svg .vr-lines line {
      stroke-dasharray: var(--vr-stroke-length);
      stroke-dashoffset: var(--vr-stroke-dashoffset);
      transition: 1.6s ease-in-out var(--delay);
    }

    #payments .section--cp1 .bg__image svg .vr-lines line:nth-child(1) {
      --delay: calc((1 * 0.08s) + 0.3s);
    }

    #payments .section--cp1 .bg__image svg .vr-lines line:nth-child(2) {
      --delay: calc((2 * 0.08s) + 0.3s);
    }

    #payments .section--cp1 .bg__image svg .vr-lines line:nth-child(3) {
      --delay: calc((3 * 0.08s) + 0.3s);
    }

    #payments .section--cp1 .bg__image svg .vr-lines line:nth-child(4) {
      --delay: calc((4 * 0.08s) + 0.3s);
    }

    #payments .section--cp1 .bg__image svg .vr-lines line:nth-child(5) {
      --delay: calc((5 * 0.08s) + 0.3s);
    }

    #payments .section--cp1 .bg__image svg .vr-lines line:nth-child(6) {
      --delay: calc((6 * 0.08s) + 0.3s);
    }

    #payments .section--cp1 .bg__image svg .vr-lines line:nth-child(7) {
      --delay: calc((7 * 0.08s) + 0.3s);
    }

    #payments .section--cp1 .bg__image svg .vr-lines line:nth-child(8) {
      --delay: calc((8 * 0.08s) + 0.3s);
    }

    #payments .section--cp1 .bg__image svg .vr-lines line:nth-child(9) {
      --delay: calc((9 * 0.08s) + 0.3s);
    }

    #payments .section--cp1 .bg__image svg .vr-lines line:nth-child(10) {
      --delay: calc((10 * 0.08s) + 0.3s);
    }

    #payments .section--cp1 .bg__image svg .phone {
      --translate-y: 18%;
      --lb-size: 3rem;
      --sb-size: 1.7rem;
      transform: translateY(var(--translate-y));
      transition: 1.5s cubic-bezier(0.16, 1, 0.3, 1) 0.12s;
    }

    #payments .section--cp1 .bg__image svg .phone__row--1 {
      --initial-delay: calc((1 * 0.3s));
    }

    #payments .section--cp1 .bg__image svg .phone__row--2 {
      --initial-delay: calc((2 * 0.3s));
    }

    #payments .section--cp1 .bg__image svg .phone__row--3 {
      --initial-delay: calc((3 * 0.3s));
    }

    #payments .section--cp1 .bg__image svg .phone__row--4 {
      --initial-delay: calc((4 * 0.3s));
    }

    #payments .section--cp1 .bg__image svg .phone__row--5 {
      --initial-delay: calc((5 * 0.3s));
    }

    #payments .section--cp1 .bg__image svg .phone__row rect {
      transition: 1.5s cubic-bezier(0.16, 1, 0.3, 1) var(--delay);
    }

    #payments .section--cp1 .bg__image svg .phone__row rect:nth-child(1) {
      --delay: calc((1 * 0.08s) + var(--initial-delay));
      font-size: var(--lb-size);
    }

    #payments .section--cp1 .bg__image svg .phone__row rect:nth-child(2) {
      --delay: calc((2 * 0.08s) + var(--initial-delay));
      font-size: var(--lb-size);
    }

    #payments .section--cp1 .bg__image svg .phone__row rect:nth-child(3) {
      --delay: calc((3 * 0.08s) + var(--initial-delay));
      font-size: var(--sb-size);
    }

    #payments .section--cp1 .bg .container {
      display: flex;
      z-index: 1;
    }

    #payments .section--cp1 .grid {
      align-items: flex-end;
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      margin-top: auto;
    }

    @media only screen and (max-width: 46.875em) {
      #payments .section--cp1 .grid {
        margin-top: unset;
      }
    }

    #payments .section--cp1 .grid__section {
      flex: 0 1 auto;
      width: calc(33.3333333333% - 4rem);
    }

    @media only screen and (max-width: 46.875em) {
      #payments .section--cp1 .grid__section {
        width: 100%;
      }

      #payments .section--cp1 .grid__section:first-child {
        margin-bottom: 6.5rem;
      }
    }

    #payments .section--cp1 .grid .h3 {
      margin-bottom: 1.2rem;
    }

    #payments .section--cp1 .grid .p {
      margin-bottom: 2.5rem;
    }

    #payments .section--cp1 .grid .m {
      background: #FFFFFF;
      border: 5px solid #F2F2F2;
      box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
      border-radius: 30px;
      height: 64rem;
      margin: 0 auto;
      width: 29.5rem;
    }

    #payments .section--cp1 .grid .m__h {
      border-bottom: 2px solid #F2F2F2;
      padding: 2.5rem 3rem 2rem;
    }

    #payments .section--cp1 .grid .m__b {
      padding: 5rem 3rem 10rem;
    }

    #payments .section--cp1 .grid .m .l1,
    #payments .section--cp1 .grid .m .l2,
    #payments .section--cp1 .grid .m .l3 {
      background-color: #e0e0e0;
      border-radius: 5px;
      height: 5px;
      width: 100%;
    }

    #payments .section--cp1 .grid .m .l1:not(:last-child),
    #payments .section--cp1 .grid .m .l2:not(:last-child),
    #payments .section--cp1 .grid .m .l3:not(:last-child) {
      margin-bottom: 6px;
    }

    #payments .section--cp1 .grid .m .l1 {
      background-color: #c4c4c4;
      height: 8px;
    }

    #payments .section--cp1 .grid .m .l3 {
      width: 50%;
    }

    #payments .section--cp1 .grid .m .i {
      align-items: center;
      display: flex;
      justify-content: flex-start;
    }

    #payments .section--cp1 .grid .m .i__l {
      background: #E0E0E0;
      border: 1px solid #C4C4C4;
      border-radius: 10px;
      flex: 0 0 auto;
      height: 43px;
      margin-right: 15px;
      padding: 5px;
      width: 43px;
    }

    #payments .section--cp1 .grid .m .i__l__i {
      border: 1px solid #C4C4C4;
      border-radius: 10px;
      height: 100%;
      width: 100%;
    }

    #payments .section--cp1 .grid .m .i__r {
      flex: 1 1 auto;
    }

    #payments .section--cp1 .grid .m .i:not(:last-child) {
      margin-bottom: 24px;
    }

    #payments .section--cp1 .grid .m .b {
      background: #C4C4C4;
      border-radius: 5px;
      color: #ffffff;
      display: block;
      font-size: 18px;
      line-height: 22px;
      margin-top: 50px;
      padding: 10px;
      text-align: center;
    }

    #payments .section--cp2 .container .wrapper__top {
      flex: 0 1 auto;
      width: 100%;
      max-width: 72rem;
    }

    #payments .section--cp2 .container .wrapper__top .h1 {
      margin-bottom: 3rem;
    }

    #payments .section--cp2 .container .wrapper__top .p {
      margin-bottom: 6rem;
    }

    #payments .section--cp2 .container .wrapper__bottom {
      display: flex;
      justify-content: space-between;
      align-items: flex-end;
    }

    @media only screen and (max-width: 46.875em) {
      #payments .section--cp2 .container .wrapper__bottom {
        flex-wrap: wrap;
      }
    }

    #payments .section--cp2 .container .wrapper__bottom .ul {
      margin-top: 11.5rem;
      max-width: 50rem;
    }

    @media only screen and (max-width: 46.875em) {
      #payments .section--cp2 .container .wrapper__bottom .ul {
        max-width: unset;
      }
    }

    @media only screen and (max-width: 37.5em) {
      #payments .section--cp2 .container .wrapper__bottom .ul {
        margin-top: 9rem;
      }
    }

    #payments .section--cp2 .container .wrapper__bottom .ul li {
      font-size: 2.6rem;
      line-height: 4rem;
    }

    @media only screen and (max-width: 37.5em) {
      #payments .section--cp2 .container .wrapper__bottom .ul li {
        font-size: 2.2rem;
        line-height: 3.2rem;
      }
    }

    #payments .section--cp2 .container .wrapper__bottom .ul li:not(:last-child) {
      margin-bottom: 4rem;
    }

    #payments .section--cp2 .container .wrapper__bottom .media {
      flex: 0 1 auto;
      min-width: 40rem;
      max-width: calc(100% - 72rem);
      margin-left: 4rem;
    }

    @media only screen and (max-width: 56.25em) {
      #payments .section--cp2 .container .wrapper__bottom .media {
        min-width: 36rem;
      }
    }

    @media only screen and (max-width: 46.875em) {
      #payments .section--cp2 .container .wrapper__bottom .media {
        margin: 5rem auto 0 0;
      }

      #payments .section--cp2 .container .wrapper__bottom .media figure {
        width: 100%;
      }
    }

    @media only screen and (max-width: 37.5em) {
      #payments .section--cp2 .container .wrapper__bottom .media figure {
        width: 75%;
        margin: 0 auto;
      }
    }

    #payments .section--devs .h1 {
      margin-bottom: 3rem;
      max-width: 75rem;
    }

    #payments .section--devs .p {
      margin-bottom: 4rem;
      max-width: 61.9rem;
    }

    #payments .section--devs .ul:not(:last-child) {
      margin-bottom: 8rem;
    }

    #press-kit {
      overflow-x: hidden;
    }

    #press-kit .section--assets {
      background-color: #1D1D1D;
      padding-top: 9rem;
    }

    #press-kit .section--assets .h1 {
      color: #ffffff;
      font-size: 10rem;
      line-height: 8.6rem;
      margin-bottom: 9rem;
      max-width: 75rem;
    }

    @media only screen and (max-width: 46.875em) {
      #press-kit .section--assets .h1 {
        font-size: 7rem;
        line-height: 6rem;
        margin-bottom: 6.5rem;
      }
    }

    @media only screen and (max-width: 37.5em) {
      #press-kit .section--assets .h1 {
        font-size: 4rem;
        line-height: 3.4rem;
        margin-bottom: 5rem;
      }
    }

    #press-kit .section--assets .tab__header {
      margin-bottom: 6rem;
    }

    #press-kit .section--assets .tab__cta {
      color: #ffffff;
    }

    #press-kit .section--assets .tab__cta.active {
      background-color: #DCF5E7;
      color: #1D1D1D;
    }

    #press-kit .section--assets .tab__section {
      color: #ffffff;
    }

    #press-kit .section--assets .tab__section:not(:last-child) {
      margin-bottom: 6rem;
    }

    #press-kit .section--assets .tab__section__wrapper {
      max-width: 56rem;
    }

    #press-kit .section--assets .tab__section__wrapper:not(:last-child) {
      margin-bottom: 4rem;
    }

    #press-kit .section--assets .tab__section__wrapper .h3 {
      color: inherit;
      font-size: 2.4rem;
      line-height: 3.2rem;
      margin-bottom: 2rem;
    }

    #press-kit .section--assets .tab__section__head {
      align-items: center;
      display: flex;
      justify-content: space-between;
      margin-bottom: 3rem;
    }

    #press-kit .section--assets .tab__section__footer {
      margin-left: -0.5rem;
    }

    #press-kit .section--assets .tab__section__title {
      color: inherit;
      font-size: 2.4rem;
      line-height: 3.2rem;
    }

    #press-kit .section--assets .tab__section__cta {
      color: inherit;
      font-weight: 400;
    }

    #press-kit .section--assets .tab__section__cta .btn__icon {
      fill: none;
      height: 2.4rem;
      width: 2.4rem;
    }

    #press-kit .section--assets .tab__section__cta .btn__icon>* {
      stroke: currentColor;
    }

    #press-kit .section--assets .assets,
    #press-kit .section--assets .news-list {
      align-items: flex-start;
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start;
      margin: -1rem;
    }

    #press-kit .section--assets .asset,
    #press-kit .section--assets .news {
      padding: 1rem 1rem 4rem;
      text-decoration: none;
      width: 33.3333333333%;
    }

    @media only screen and (max-width: 46.875em) {

      #press-kit .section--assets .asset,
      #press-kit .section--assets .news {
        width: 50%;
      }
    }

    @media only screen and (max-width: 37.5em) {

      #press-kit .section--assets .asset,
      #press-kit .section--assets .news {
        width: 100%;
      }
    }

    #press-kit .section--assets .asset:hover .asset__figure,
    #press-kit .section--assets .asset:hover .news__cover,
    #press-kit .section--assets .news:hover .asset__figure,
    #press-kit .section--assets .news:hover .news__cover {
      transform: scale(1.1);
    }

    #press-kit .section--assets .asset__head,
    #press-kit .section--assets .news__head {
      background-color: #F8FAFD;
      border-radius: 1rem;
      height: 25rem;
      overflow: hidden;
      width: 100%;
    }

    #press-kit .section--assets .asset__logo,
    #press-kit .section--assets .news__logo {
      display: flex;
      align-items: center;
      justify-content: center;
    }

    #press-kit .section--assets .asset__logo .asset__figure,
    #press-kit .section--assets .news__logo .asset__figure {
      object-fit: contain;
      max-width: 250px;
      height: auto;
    }

    #press-kit .section--assets .asset__body,
    #press-kit .section--assets .news__body {
      align-items: flex-start;
      display: flex;
      justify-content: space-between;
      padding-top: 0.7rem;
    }

    #press-kit .section--assets .asset__info,
    #press-kit .section--assets .news__info {
      align-items: flex-start;
      display: flex;
      flex: 1 1 auto;
      flex-direction: column;
      justify-content: flex-start;
    }

    #press-kit .section--assets .asset__figure,
    #press-kit .section--assets .asset__cover,
    #press-kit .section--assets .news__figure,
    #press-kit .section--assets .news__cover {
      display: block;
      height: 100%;
      object-fit: cover;
      object-position: center;
      transition: transform 0.3s ease;
      width: 100%;
    }

    #press-kit .section--assets .asset__figure--leadership,
    #press-kit .section--assets .news__figure--leadership {
      object-position: 50% 20%;
    }

    #press-kit .section--assets .asset__name,
    #press-kit .section--assets .asset__headline,
    #press-kit .section--assets .news__name,
    #press-kit .section--assets .news__headline {
      font-size: 1.6rem;
      font-weight: 500;
      line-height: 3.2rem;
    }

    #press-kit .section--assets .asset__description,
    #press-kit .section--assets .asset__date,
    #press-kit .section--assets .news__description,
    #press-kit .section--assets .news__date {
      color: #ffffff;
      font-size: 1.4rem;
      line-height: 1.7rem;
    }

    #press-kit .section--assets .asset__cta,
    #press-kit .section--assets .news__cta {
      color: #ffffff;
      flex: 0 0 auto;
      margin-left: 1.5rem;
      padding: 0.2rem;
    }

    #press-kit .section--assets .asset__cta .btn__icon,
    #press-kit .section--assets .news__cta .btn__icon {
      fill: none;
      height: 2rem;
      margin: 0;
      width: 2rem;
    }

    #press-kit .section--assets .asset__cta .btn__icon>*,
    #press-kit .section--assets .news__cta .btn__icon>* {
      stroke: currentColor;
    }

    #press-kit .section--assets .news:hover .news__headline,
    #press-kit .section--assets .news:focus .news__headline {
      color: #00ABAB;
    }

    #press-kit .section--assets .news__info {
      padding-top: 1.7rem;
    }

    #press-kit .section--assets .news__headline {
      font-size: 1.6rem;
      font-weight: 400;
      line-height: 1.9rem;
      margin-bottom: 1rem;
      transition: all 0.3s ease;
    }

    #press-kit .section--assets .news__date {
      color: #ffffff;
    }

    #press-kit .section--info {
      background-color: #DCF5E7;
    }

    #press-kit .section--info .p {
      max-width: 40rem;
    }

    #press-kit .section--info .p .link {
      color: #1D1D1D;
    }

    #pricing .hero {
      padding-bottom: 5rem;
    }

    #pricing .hero__wrapper {
      align-items: center;
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      text-align: center;
    }

    #pricing .hero__heading {
      max-width: 74.3rem;
    }

    #pricing .hero__sub-heading {
      margin-bottom: 5rem;
      max-width: 67rem;
    }

    @media only screen and (max-width: 37.5em) {
      #pricing .hero__sub-heading {
        margin-bottom: 3.5rem;
      }
    }

    #pricing .section--collections {
      padding: 5rem 2rem;
    }

    @media only screen and (max-width: 37.5em) {
      #pricing .section--collections {
        padding: 2rem 2rem 0;
      }
    }

    #pricing .section--collections h2.h2 {
      text-align: center;
      margin-bottom: 6.8rem;
    }

    @media only screen and (max-width: 37.5em) {
      #pricing .section--collections h2.h2 {
        margin-bottom: 3.8rem;
      }
    }

    #pricing .section--collections .cards__wrapper {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
    }

    #pricing .section--collections .card {
      padding-top: 4.8rem;
      padding-bottom: 4.8rem;
      background: #F6F9FC;
      border-radius: 2rem;
      width: 45.7%;
    }

    @media only screen and (max-width: 46.875em) {
      #pricing .section--collections .card {
        width: 100%;
      }
    }

    #pricing .section--collections .card .divider {
      height: 0;
      border-top: 1px dashed #d8d8d8;
      margin: 3rem 0;
    }

    #pricing .section--collections .card .card__top,
    #pricing .section--collections .card .card__bottom {
      max-width: 40rem;
      margin: 0 auto;
      padding-left: 3rem;
      padding-right: 3rem;
      box-sizing: content-box;
    }

    #pricing .section--collections .card .card__title {
      font-size: 1.4rem;
      line-height: 1.8rem;
      font-weight: 700;
      color: #767676;
      text-transform: uppercase;
      margin-bottom: 3rem;
    }

    #pricing .section--collections .card .card__images {
      display: flex;
      align-items: center;
      margin-bottom: 4rem;
    }

    #pricing .section--collections .card .card__images--empty {
      height: 34.9px;
    }

    #pricing .section--collections .card .card__image {
      display: block;
    }

    #pricing .section--collections .card .card__image:not(:last-child) {
      margin-right: 1.6rem;
    }

    #pricing .section--collections .card .card__image--mastercard,
    #pricing .section--collections .card .card__image--bank-account,
    #pricing .section--collections .card .card__image--bank-transfer {
      width: 3rem;
    }

    #pricing .section--collections .card .card__image--mastercard img,
    #pricing .section--collections .card .card__image--bank-account img,
    #pricing .section--collections .card .card__image--bank-transfer img {
      width: 100%;
    }

    #pricing .section--collections .card .card__text {
      font-size: 1.8rem;
      font-weight: 300;
      line-height: 2.5rem;
    }

    #pricing .section--collections .card .card__text span {
      font-size: 6rem;
      font-weight: 500;
      display: inline-block;
      margin-right: 1.2rem;
    }

    @media only screen and (max-width: 46.875em) {
      #pricing .section--collections .card .card__text span {
        font-size: 3.8rem;
      }
    }

    @media only screen and (max-width: 37.5em) {
      #pricing .section--collections .card .card__text span {
        font-size: 3.2rem;
      }
    }

    #pricing .section--collections .card li {
      font-size: 1.6rem;
      font-weight: 300;
    }

    #pricing .section--collections .card li span {
      font-size: 2.2rem;
      font-weight: 400;
    }

    #pricing .section--transfers {
      padding-top: 8rem;
      padding-bottom: 0;
    }

    #pricing .section--transfers h2.h2 {
      text-align: center;
    }

    #pricing .section--transfers .pricing__details {
      margin-top: 6.8rem;
    }

    @media only screen and (max-width: 37.5em) {
      #pricing .section--transfers .pricing__details {
        margin-top: 3.6rem;
      }
    }

    #pricing .section--transfers .pricing__detail__row {
      display: flex;
      padding-top: 3.6rem;
      padding-bottom: 3.6rem;
      border-top: 1px solid rgba(0, 0, 0, 0.2);
    }

    @media only screen and (max-width: 37.5em) {
      #pricing .section--transfers .pricing__detail__row {
        padding-top: 2.6rem;
        padding-bottom: 2.6rem;
      }
    }

    #pricing .section--transfers .pricing__detail__row p {
      font-size: 2.2rem;
      line-height: 2.6rem;
      letter-spacing: -0.02em;
    }

    @media only screen and (max-width: 37.5em) {
      #pricing .section--transfers .pricing__detail__row p {
        font-size: 1.7rem;
        line-height: 2.4rem;
      }
    }

    #pricing .section--transfers .pricing__detail__row p:first-child {
      font-weight: 300;
      margin-right: 2rem;
    }

    @media only screen and (max-width: 37.5em) {
      #pricing .section--transfers .pricing__detail__row p:first-child {
        max-width: 17.2rem;
      }
    }

    #pricing .section--transfers .pricing__detail__row p:last-child {
      font-weight: 500;
      margin-left: auto;
      text-align: right;
    }

    #pricing .global-reach {
      background-color: #F8FAFD;
    }

    #pricing .section--faq .h1 {
      margin: 0 auto 9rem;
      max-width: 70rem;
      text-align: center;
    }

    #pricing .section--safety {
      background: #F8FAFD;
    }

    #pricing .cl {
      margin-top: 8rem;
    }

    @media only screen and (max-width: 46.875em) {
      #pricing .cl {
        margin-top: 6rem;
      }
    }

    @media only screen and (max-width: 37.5em) {
      #pricing .cl {
        margin-top: 4rem;
      }
    }

    #pricing .section-custompricing {
      padding-top: 5rem;
      width: 100%;
      font-style: italic;
      font-size: 1.8rem;
      font-weight: 300;
      line-height: 2.5rem;
    }

    @media only screen and (max-width: 37.5em) {
      #pricing .section-custompricing {
        padding-top: 2.6rem;
        font-size: 1.6rem;
        line-height: 2.2rem;
      }
    }

    #pricing .section-custompricing .container {
      padding: 3.9rem 3rem;
      background-color: #F8FAFD;
      border-radius: 2rem;
    }

    @media only screen and (max-width: 37.5em) {
      #pricing .section-custompricing .container {
        padding: 3rem 2.4rem;
      }
    }

    #pricing .section-custompricing a {
      color: #00ABAB;
      text-decoration: none;
    }

    #pricing .section-custompricing a:hover {
      text-decoration: underline;
    }

    #invoices {
      overflow: hidden;
    }

    #invoices .hero {
      padding-bottom: 18rem;
      padding-top: 8.8rem;
    }

    #invoices .hero.alt {
      padding-bottom: 15rem;
    }

    @media only screen and (max-width: 56.25em) {
      #invoices .hero.alt .hero__wrapper {
        flex-direction: column;
      }
    }

    @media only screen and (max-width: 37.5em) {
      #invoices .hero.alt {
        padding-bottom: 8rem;
      }
    }

    #invoices .hero.alt .hero__info {
      max-width: 76.5rem;
    }

    #invoices .hero.alt .hero__media {
      width: calc(100% - 76.5rem);
    }

    #invoices .hero.alt .hero__sub-heading {
      margin-bottom: 3rem;
    }

    #invoices .hero.alt .ul {
      margin-bottom: 4rem;
    }

    #invoices .hero__info {
      max-width: 62.2rem;
    }

    @media only screen and (max-width: 46.875em) {
      #invoices .hero__info {
        max-width: unset;
      }
    }

    #invoices .hero__sub-heading {
      max-width: 45rem;
    }

    @media only screen and (max-width: 46.875em) {
      #invoices .hero__sub-heading {
        max-width: unset;
      }
    }

    #invoices .hero__media {
      flex: 0 1 auto;
      padding-left: 9rem;
      position: relative;
      width: calc(100% - 62.2rem);
    }

    @media only screen and (max-width: 56.25em) {
      #invoices .hero__media--collect-payments {
        transform: translateX(-12rem);
      }
    }

    @media only screen and (max-width: 46.875em) {
      #invoices .hero__media--collect-payments {
        margin-top: 4rem;
        transform: translateX(0);
      }
    }

    @media only screen and (max-width: 37.5em) {
      #invoices .hero__media--collect-payments {
        padding-left: 19vw;
        margin-bottom: -1rem;
      }
    }

    @media only screen and (max-width: 56.25em) {
      #invoices .hero__media.alt {
        padding-left: 0;
      }
    }

    #invoices .hero__media__item {
      height: 58.5rem;
      width: auto;
    }

    @keyframes slide {
      to {
        transform: translate(0);
      }
    }

    @keyframes fade {
      to {
        opacity: 1;
      }
    }

    @media only screen and (max-width: 37.5em) {
      #invoices .hero__media__item {
        height: 80vw;
        object-fit: contain;
        object-position: left;
      }
    }

    #invoices .hero__media__item.dashboard {
      border: 5px solid #f2f2f2;
      border-radius: 3rem;
      box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
      min-width: 80rem;
      opacity: 0;
      transform: translateX(14%);
      animation: slide 1s cubic-bezier(0.16, 1, 0.3, 1) 0.2s forwards, fade 0.6s linear 0.2s forwards;
    }

    #invoices .hero__media__item.phone {
      height: auto;
      left: 0;
      position: absolute;
      top: 13.7rem;
      width: 30rem;
      opacity: 0;
      transform: translateY(12%);
      animation: slide 1s cubic-bezier(0.16, 1, 0.3, 1) 1s forwards, fade 0.5s linear 1s forwards;
    }

    @media only screen and (max-width: 37.5em) {
      #invoices .hero__media__item.phone {
        width: 45vw;
        top: 20vw;
        object-fit: contain;
      }
    }

    #invoices .hero__media__item.illustration {
      height: auto;
      margin-left: -37.5rem;
      margin-top: -5rem;
      max-width: 79.5rem;
    }

    @media only screen and (max-width: 56.25em) {
      #invoices .hero__media__item.illustration {
        margin-top: 5rem;
        margin-left: 0;
        width: 92vw;
      }
    }

    #invoices .section--process {
      background: #f8fafd;
    }

    #invoices .section--process .h1 {
      margin-bottom: 1.7rem;
    }

    #invoices .section--process .steps {
      margin-top: 8rem;
    }

    #invoices .section--process .step__counter__num {
      background: linear-gradient(81.57deg, rgba(102, 114, 199, 0.3) -2.42%, rgba(0, 171, 171, 0.3) 102.07%);
      color: #6672c7;
    }

    #invoices .invoice__view {
      margin: 0 auto;
      max-width: 109.2rem;
      display: flex;
      align-items: flex-start;
      justify-content: center;
      flex-direction: column;
      padding: 10rem 11%;
      font-size: 3rem;
      line-height: 4.4rem;
      min-height: 40rem;
      margin: 10rem auto;
      font-weight: 300;
      width: 92%;
      background-color: #1D1D1D;
      border-radius: 2rem;
      box-shadow: 0px 25px 50px rgba(29, 29, 29, 0.5);
    }

    @media only screen and (max-width: 46.875em) {
      #invoices .invoice__view {
        margin: 7rem auto;
        min-height: 30rem;
      }
    }

    @media only screen and (max-width: 37.5em) {
      #invoices .invoice__view {
        min-height: unset;
        font-size: 2.2rem;
        line-height: 3.6rem;
        margin: 5rem auto 6rem;
        padding: 8rem 11%;
      }
    }

    #invoices .invoice__view--success {
      color: #ffffff;
    }

    #invoices .invoice__view--error {
      color: #eb5757;
    }

    #invoices .invoice__view button {
      margin-top: 4rem;
    }

    #invoices .invoice__safety {
      background: #f8fafd;
    }

    #support {
      min-height: 60rem;
      color: #1d1d1d !important;
    }

    #support h1,
    #support h2,
    #support h3,
    #support h4,
    #support h5,
    #support h6 {
      color: #2A3362;
    }

    #support .container.md {
      margin: 0 auto;
      max-width: 117rem;
    }

    @media only screen and (max-width: 72.5em) {
      #support .container.md {
        max-width: 100%;
      }
    }

    #support .image-wrapper {
      height: auto;
    }

    #support .delete-button {
      z-index: 2;
      position: absolute;
      top: 14px;
      right: 2rem;
      cursor: pointer;
      color: #eb5757;
      transition: 0.3s color ease;
      padding: 2px;
      background: #fff;
    }

    #support .delete-button:hover {
      color: #262C55;
    }

    #support .file-uploader {
      flex-direction: column;
    }

    #support .file-uploader img {
      margin-bottom: 1rem;
      height: 300px;
      object-fit: cover;
      object-position: top center;
    }

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

    #support .form__input {
      font-size: 1.8rem;
    }

    @media only screen and (max-width: 37.5em) {
      #support .form__input {
        font-size: 1.6rem;
      }
    }

    #support .form__field__inner {
      border-color: #2a3362;
    }

    #support h5 {
      font-family: "Moderat", sans-serif;
      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-top: 8rem;
      padding-bottom: 4rem;
    }

    @media only screen and (max-width: 56.25em) {
      #support .hero {
        padding-top: 5rem;
        padding-bottom: 2rem;
      }
    }

    #support .hero__heading {
      font-size: 4.8rem;
      line-height: 1;
      margin-bottom: 2.2rem;
    }

    @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%;
    }

    #support .hero__info p {
      font-size: 2rem;
      color: #2A3362;
    }

    @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: 117rem;
    }

    #support .hero__wrapper .form__field {
      width: 55%;
    }

    @media only screen and (max-width: 56.25em) {
      #support .hero__wrapper .form__field {
        width: 100% !important;
      }
    }

    #support .request__content {
      max-width: 65rem;
      width: 100%;
    }

    #support .request__content .btn--primary {
      background-color: #2A3362;
    }

    #support .request__feedback p {
      font-size: 2.4rem;
      line-height: 1.2;
      margin-bottom: 8rem;
      margin-top: 3rem;
      letter-spacing: normal;
    }

    #support .request__form .form__cta {
      margin-top: 5rem;
    }

    #support .request__form .form__label {
      color: #2A3362;
      font-weight: 400;
      text-transform: capitalize;
    }

    @media only screen and (max-width: 37.5em) {
      #support .request__form .form__label {
        font-size: 1.4rem;
      }
    }

    #support .request__form .form__input {
      font-size: 1.4rem;
    }

    #support .section {
      padding-top: 0;
      padding-bottom: 0;
    }

    @media only screen and (min-width: 72.5em) {
      #support .section--withPadding {
        padding-left: 6rem;
        padding-right: 5rem;
      }
    }

    #support .support__article {
      color: #1d1d1d;
    }

    #support .support__article p {
      margin-bottom: 1.5rem;
    }

    #support .support__article a {
      font-size: 1.8rem !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: 700;
      padding-top: 10px;
      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 {
      font-weight: 700;
      margin-bottom: 7px;
      padding-top: 10px;
      font-size: 20px !important;
    }

    @media only screen and (max-width: 56.25em) {
      #support .support__article h3 {
        font-size: 1.8rem;
        line-height: 2.6rem;
      }
    }

    #support .support__article h6 {
      border: 1px solid #e0e0e0;
      background-color: #f5faff;
      font-size: 16px;
      font-weight: 300;
      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: #262c55;
    }

    #support .support__article table th,
    #support .support__article table tr:first-of-type td {
      background-color: #f2f2f2;
      color: #262c55;
      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 .article__block {
      margin: 8rem 0;
    }

    #support .support__article .article__block h2 {
      font-size: 18px;
      margin-bottom: 0;
    }

    @media only screen and (max-width: 56.25em) {
      #support .support__article .article__block h2 {
        font-size: 1.6rem;
      }
    }

    @media only screen and (max-width: 56.25em) {
      #support .support__article .article__block span {
        display: inline-block;
        margin-bottom: 10px;
      }

      #support .support__article .article__block .feedback span {
        display: block;
      }
    }

    #support .support__article .article__block a {
      font-weight: 900;
      text-decoration: none;
      color: #006aff;
    }

    #support .support__article .article__block .feedback .btn--pill {
      font-size: 1.5rem !important;
    }

    @media only screen and (max-width: 56.25em) {
      #support .support__article .article__block .feedback .btn--pill {
        font-size: 1.4rem;
      }
    }

    #support .support__article .article__block .feedback span {
      font-size: 1.8rem;
      margin-right: 30px;
    }

    @media only screen and (max-width: 56.25em) {
      #support .support__article .article__block .feedback span {
        font-size: 1.6rem;
      }
    }

    #support .support__article .article__block input {
      height: 43px;
      font-size: 1.4rem;
    }

    #support .support__article .article__block .form__field {
      margin-top: 15px;
    }

    #support .support__article .article__block .feedback-label {
      display: inline-block;
      margin-bottom: 10px;
    }

    #support .support__article .article__block .btn-group {
      margin-top: 30px;
      text-align: right;
    }

    #support .support__article .article__block .btn-group button {
      padding: 14px 16px;
      font-size: 1.4rem;
      border-radius: 10px;
    }

    #support .support__article .article__block .btn-group button:first-of-type {
      background-color: transparent;
      border: 1px solid #262c55;
      color: #000000;
      margin-right: 5px;
    }

    #support .support__article .article__block .btn-group button:last-of-type {
      background-color: #262c55;
      border: 1px solid #262c55;
    }

    #support .support__row {
      display: flex;
      flex-wrap: wrap;
      padding-top: 4rem;
      margin-left: -15px;
      margin-right: -15px;
    }

    #support .support__col {
      position: relative;
      width: 100%;
      flex: 33.333333% 1;
      max-width: 33.333333%;
      margin-bottom: 8rem;
      padding-right: 15px;
      padding-left: 15px;
    }

    @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: 343px;
      }
    }

    #support .support__col h5 {
      margin-bottom: 1.5rem;
    }

    #support .support__col h5~p {
      margin-bottom: 20px;
      font-weight: 300;
    }

    #support .support__col p {
      line-height: 28px;
      font-size: 1.8rem;
      color: #2A3362;
    }

    #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: #006aff;
    }

    @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 h3 {
      font-size: 2.2rem !important;
    }

    #support .support__content h5 {
      font-size: 1.8rem;
    }

    #support .support__grid {
      display: grid;
      grid-template-columns: 330px calc(100% - 330px);
      max-width: 168rem;
      width: 100%;
      margin: 0 auto;
    }

    @media only screen and (max-width: 56.25em) {
      #support .support__grid {
        grid-template-columns: 100%;
      }
    }

    #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;
      margin-bottom: 1rem;
    }

    #support .support__inner {
      margin-top: 4rem;
      text-align: justify;
      color: #1d1d1d;
    }

    @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: #006aff;
    }

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

    #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: #006AFF;
      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 {
      color: #1d1d1d;
      padding: 0.7rem 0;
    }

    #support .support__nav__item:first-child a {
      padding-top: 0;
    }

    #support .support__nav__link {
      text-decoration: none;
      color: #262c55;
      display: inline-block;
    }

    #support .support__nav__link--active {
      color: #006AFF !important;
    }

    #support .support__nav__title {
      color: #262c55;
      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: #c4cdd5;
    }

    #support .support__search .form__input {
      font-size: 1.4rem;
      padding-left: 0.5rem;
    }

    #support .support__sub-heading {
      color: #262c55;
      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;
      }
    }

    #support .support__error {
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
      text-align: center !important;
      padding-top: 7rem;
    }

    #support .support__error>div {
      width: 100%;
      padding: 2rem;
    }

    #support .support__error>div p {
      padding: 30px 0 80px;
    }

    #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 .support__error>div .section {
      padding-top: 6rem !important;
    }

    #support .support__error>div .section .recommended {
      text-align: left;
    }

    #support .search-results__content .support__col h5 {
      line-height: 4rem !important;
    }

    #support .disclaimer {
      padding-top: 20px;
      font-size: 16px !important;
      font-weight: 400 !important;
      line-height: 30px !important;
    }

    #support .disclaimer a {
      font-size: 16px !important;
      font-weight: 500 !important;
    }

    #graduates .sub-header a {
      color: #1D1D1D;
    }

    #graduates .sub-header a:nth-child(2) {
      color: #EB7DA7;
    }

    #graduates .hero {
      display: flex;
      justify-content: center;
      padding-bottom: 35rem;
      text-align: center;
      padding-top: 6rem;
    }

    @media only screen and (max-width: 37.5em) {
      #graduates .hero {
        position: relative;
        overflow-x: hidden;
      }
    }

    @media only screen and (max-width: 480px) {
      #graduates .hero {
        padding-bottom: 30rem;
      }
    }

    #graduates .hero__info {
      max-width: 95rem;
      width: 100%;
    }

    #graduates .hero__info>* {
      width: fit-content;
      margin-left: auto;
      margin-right: auto;
    }

    @media only screen and (max-width: 37.5em) {
      #graduates .hero__info>* {
        margin-left: unset;
      }
    }

    #graduates .hero__ctas {
      margin: 0 auto;
    }

    #graduates .hero__sub-heading {
      max-width: 90rem;
    }

    #graduates .hero__img {
      --size: 10rem;
      position: absolute;
      width: var(--size);
      height: var(--size);
      top: 300px;
      border-radius: 10rem;
      overflow: hidden;
      transform: scale(0);
      background-color: var(--bg-color);
      box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.4);
      animation: scale 0.8s cubic-bezier(0.16, 1, 0.3, 1) var(--delay) forwards;
    }

    #graduates .hero__img img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center;
      border-radius: inherit;
      transform: scale(1.52);
      animation: scale calc(0.8s + 0.15s) cubic-bezier(0.16, 1, 0.3, 1) calc(var(--delay) + 0.14s) forwards;
    }

    #graduates .hero__img--namnso {
      --delay: 0.6s;
      --bg-color: #bd4257;
      left: 10%;
      top: 30rem;
    }

    @media only screen and (max-width: 1300px) {
      #graduates .hero__img--namnso {
        top: 52rem;
        left: 5%;
      }
    }

    @media only screen and (max-width: 46.875em) {
      #graduates .hero__img--namnso {
        --size: 7rem;
      }
    }

    @media only screen and (max-width: 37.5em) {
      #graduates .hero__img--namnso {
        top: 45rem;
        left: -10%;
      }
    }

    #graduates .hero__img--dewunmi {
      --delay: 0.8s;
      --bg-color: #ffcd00;
      --size: 12rem;
      right: 10%;
      top: 40rem;
    }

    @media only screen and (max-width: 1440px) {
      #graduates .hero__img--dewunmi {
        right: 8%;
      }
    }

    @media only screen and (max-width: 1300px) {
      #graduates .hero__img--dewunmi {
        top: 52rem;
        right: 5%;
      }
    }

    @media only screen and (max-width: 46.875em) {
      #graduates .hero__img--dewunmi {
        --size: 9rem;
      }
    }

    @media only screen and (max-width: 37.5em) {
      #graduates .hero__img--dewunmi {
        top: 47rem;
        right: -10%;
      }
    }

    #graduates .hero__img--eniola {
      --delay: 1.1s;
      --bg-color: #18b2e6;
      --size: 11rem;
      left: 30%;
      top: 70rem;
    }

    @media only screen and (max-width: 46.875em) {
      #graduates .hero__img--eniola {
        --size: 7rem;
      }
    }

    @media only screen and (max-width: 37.5em) {
      #graduates .hero__img--eniola {
        top: 62rem;
        left: 15%;
      }
    }

    #graduates .hero__img--toritse {
      --delay: 1.5s;
      --bg-color: #0a86bc;
      right: 30%;
      top: 77rem;
    }

    @media only screen and (max-width: 46.875em) {
      #graduates .hero__img--toritse {
        --size: 7.4rem;
      }
    }

    @media only screen and (max-width: 37.5em) {
      #graduates .hero__img--toritse {
        top: 66rem;
        right: 15%;
      }
    }

    #graduates .section-roles .container {
      align-items: center;
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      max-width: 120.6rem;
      text-align: center;
    }

    #graduates .section-roles .h1 {
      margin-bottom: 4.9rem;
      max-width: 100rem;
    }

    @media only screen and (max-width: 46.875em) {
      #graduates .section-roles .h1 {
        margin-bottom: 3.1rem;
      }
    }

    @media only screen and (max-width: 37.5em) {
      #graduates .section-roles .h1 {
        margin-bottom: 2.5rem;
      }
    }

    #graduates .section-roles .p {
      max-width: 92rem;
    }

    @media only screen and (max-width: 46.875em) {
      #graduates .section-roles .p {
        margin-bottom: 4.3rem;
      }
    }

    @media only screen and (max-width: 37.5em) {
      #graduates .section-roles .p {
        margin-bottom: 3.9rem;
      }
    }

    #graduates .section-roles .sliding-cards {
      margin-top: 7rem;
    }

    @media only screen and (max-width: 37.5em) {
      #graduates .section-roles .sliding-cards:not(:first-child) {
        margin-top: 3rem;
      }
    }

    #graduates .staff-stories p.loud {
      text-align: center;
    }

    #graduates .section-benefits .h1 {
      margin-bottom: 4rem;
      max-width: 84.2rem;
    }

    @media only screen and (max-width: 46.875em) {
      #graduates .section-benefits .h1 {
        margin-bottom: 3.1rem;
      }
    }

    @media only screen and (max-width: 37.5em) {
      #graduates .section-benefits .h1 {
        margin-bottom: 1.8rem;
      }
    }

    #graduates .section-benefits .p {
      margin-bottom: 4rem;
      max-width: 80.9rem;
    }

    @media only screen and (max-width: 37.5em) {
      #graduates .section-benefits .p {
        margin-bottom: 3.1rem;
      }
    }

    #graduates .section-benefits .ul {
      margin-bottom: 7rem;
    }

    #graduates .staff-stories--1 {
      padding-top: 0;
    }

    #graduates .staff-stories--2 {
      padding-bottom: 0;
    }

    #graduates .staff-stories--2 .staff {
      flex-direction: row-reverse;
    }

    #graduates .staff-stories--2 .staff__quote {
      color: #F1A5C2;
    }

    @media only screen and (max-width: 46.875em) {
      #graduates .staff-stories--2 .staff {
        flex-direction: column-reverse;
      }
    }

    #graduates .section-faq {
      padding-bottom: 4.5rem;
    }

    #graduates .section-faq .h1 {
      margin: 0 auto 9rem;
      max-width: 70rem;
      text-align: center;
    }

    #spread {
      overflow-x: hidden;
    }

    #spread .hero__heading {
      font-size: 100px;
      line-height: 108px;
      letter-spacing: -0.02em;
    }

    #spread .hero__heading span {
      color: #576AE6;
    }

    #spread .hero__sub-heading {
      max-width: 85%;
      font-size: 22px;
      line-height: 32px;
    }

    #spread .section--spread-customers {
      padding-bottom: 8rem;
      padding-left: 0;
      padding-right: 0;
    }

    @media only screen and (max-width: 46.875em) {
      #spread .section--spread-customers {
        margin-top: 0;
        padding: 0 2rem 3rem;
      }
    }

    #spread .section--spread-customers .container {
      max-width: 168rem;
    }

    #spread .section--spread-customers .customer-grid {
      align-items: flex-start;
      display: flex;
      justify-content: space-between;
    }

    @media only screen and (max-width: 56.25em) {
      #spread .section--spread-customers .customer-grid {
        flex-wrap: wrap;
      }
    }

    #spread .section--spread-customers .customer-grid__section {
      flex: 0 1 auto;
    }

    #spread .section--spread-customers .customer-grid__section:nth-child(1) {
      width: calc(62% - 3.44rem);
    }

    @media only screen and (max-width: 46.875em) {
      #spread .section--spread-customers .customer-grid__section:nth-child(1) {
        margin-bottom: 3rem;
        width: 100%;
      }
    }

    #spread .section--spread-customers .customer-grid__section:nth-child(1) .customer__image {
      object-fit: cover;
      height: 75.2rem;
      width: 100%;
    }

    @media only screen and (max-width: 56.25em) {
      #spread .section--spread-customers .customer-grid__section:nth-child(1) .customer__image {
        height: 55rem;
      }
    }

    @media only screen and (max-width: 46.875em) {
      #spread .section--spread-customers .customer-grid__section:nth-child(1) .customer__image {
        height: auto;
      }
    }

    #spread .section--spread-customers .customer-grid__section:nth-child(1) .customer__name {
      right: 3rem;
    }

    #spread .section--spread-customers .customer-grid__section:nth-child(2) {
      margin-top: -30rem;
      width: calc(38% - 3.44rem);
    }

    @media only screen and (max-width: 46.875em) {
      #spread .section--spread-customers .customer-grid__section:nth-child(2) {
        display: flex;
        flex-direction: column-reverse;
        margin-top: 0;
        width: 100%;
      }
    }

    #spread .section--spread-customers .customer-grid__section:nth-child(2) .customer__name {
      left: 3rem;
    }

    #spread .section--spread-customers .customer-grid__section:nth-child(2) .customer__image {
      object-fit: cover;
      width: 100%;
    }

    @media only screen and (max-width: 56.25em) {
      #spread .section--spread-customers .customer-grid__section:nth-child(2) .customer__image {
        height: 50rem;
      }
    }

    @media only screen and (max-width: 46.875em) {
      #spread .section--spread-customers .customer-grid__section:nth-child(2) .customer__image {
        height: auto;
      }
    }

    #spread .section--spread-customers .customer {
      display: block;
      overflow: hidden;
      position: relative;
      text-decoration: none;
      width: 100%;
    }

    #spread .section--spread-process .wrapper .p span {
      color: #576AE6;
    }

    #spread .section--spread-process .list {
      display: grid;
      margin-top: 104px;
      width: 85%;
      grid-template-columns: repeat(3, 1fr);
      grid-gap: 40px 92px;
    }

    @media only screen and (max-width: 56.25em) {
      #spread .section--spread-process .list {
        grid-template-columns: repeat(2, 1fr);
        width: 100%;
      }
    }

    @media only screen and (max-width: 37.5em) {
      #spread .section--spread-process .list {
        grid-template-columns: 1fr;
        grid-gap: 10px 0;
        margin-top: 54px;
      }
    }

    #spread .section--spread-process .list__item {
      position: relative;
      border-top: 1px dashed rgba(0, 0, 0, 0.4);
      padding-top: 41px;
    }

    @media only screen and (max-width: 37.5em) {
      #spread .section--spread-process .list__item {
        border-top: none;
        border-left: 1px dashed rgba(0, 0, 0, 0.4);
        margin-left: 10px;
        padding-top: 0;
        padding-left: 41px;
        min-height: 100px;
      }
    }

    @media only screen and (max-width: 37.5em) {
      #spread .section--spread-process .list__item:last-child {
        border: none;
      }
    }

    #spread .section--spread-process .list__item__label-container {
      position: absolute;
      width: 65px;
      top: -25px;
      left: -5px;
      z-index: 1;
      background: #fff;
    }

    @media only screen and (max-width: 37.5em) {
      #spread .section--spread-process .list__item__label-container {
        top: 0;
        left: -18px;
        width: 35px;
        height: 50px;
      }
    }

    #spread .section--spread-process .list__item__label-container__label {
      width: 46px;
      height: 46px;
      border-radius: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      background: linear-gradient(81.57deg, rgba(0, 175, 175, 0.3) -2.42%, rgba(105, 255, 162, 0.3) 102.07%);
    }

    @media only screen and (max-width: 37.5em) {
      #spread .section--spread-process .list__item__label-container__label {
        width: 35px;
        height: 35px;
      }
    }

    #spread .section--spread-process .list__item__label-container__label span {
      font-weight: 300;
      font-size: 18px;
      color: #178e44;
    }

    @media only screen and (max-width: 37.5em) {
      #spread .section--spread-process .list__item__label-container__label span {
        font-size: 12px;
      }
    }

    #spread .section--spread-process .list__item p {
      font-size: 18px;
      line-height: 32px;
    }

    @media only screen and (max-width: 37.5em) {
      #spread .section--spread-process .list__item p {
        font-size: 16px;
        line-height: 24px;
      }
    }

    #spread .section--stores .wrapper {
      display: flex;
      align-items: flex-end;
      justify-content: space-between;
    }

    @media only screen and (max-width: 46.875em) {
      #spread .section--stores .wrapper {
        display: block;
      }
    }

    #spread .section--stores .wrapper .h1 {
      width: 70%;
    }

    @media only screen and (max-width: 46.875em) {
      #spread .section--stores .wrapper .h1 {
        width: 100%;
        margin-bottom: 15px;
      }
    }

    #spread .section--stores .wrapper .h1 span {
      color: #576AE6;
    }

    #spread .section--stores .grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      grid-gap: 30px;
      margin-top: 20px;
    }

    @media only screen and (max-width: 37.5em) {
      #spread .section--stores .grid {
        grid-template-columns: 1fr;
      }
    }

    #spread .section--stores .grid__store-card {
      position: relative;
      border-radius: 4px;
      height: 343.25px;
      overflow: hidden;
      max-width: 344px;
    }

    @media only screen and (max-width: 37.5em) {
      #spread .section--stores .grid__store-card {
        max-width: 100%;
        height: 300px;
      }
    }

    #spread .section--stores .grid__store-card:hover {
      cursor: pointer;
    }

    #spread .section--stores .grid__store-card:hover img {
      transform: scale(1.5);
    }

    #spread .section--stores .grid__store-card__link {
      position: absolute;
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      top: 0;
      right: 0;
      left: 0;
      bottom: 0;
      text-decoration: none;
      color: #fff;
      border-radius: 4px;
    }

    #spread .section--stores .grid__store-card__link__label {
      background: #e9ebf5;
      display: flex;
      align-items: center;
      min-height: 50px;
      padding: 10px 24px;
    }

    @media only screen and (max-width: 46.875em) {
      #spread .section--stores .grid__store-card__link__label {
        padding: 10px 16px;
      }
    }

    #spread .section--stores .grid__store-card__link__label p {
      font-weight: bold;
      font-size: 18px;
      line-height: 32px;
      text-transform: capitalize;
      color: #2a3362;
    }

    @media only screen and (max-width: 46.875em) {
      #spread .section--stores .grid__store-card__link__label p {
        font-size: 14px;
      }
    }

    #spread .section--stores .grid__store-card img {
      width: 100%;
      transition: transform 0.4s ease;
      object-fit: cover;
      height: inherit;
      border-radius: 4px;
    }

    #spread .section---why-spread .container {
      display: grid;
      grid-gap: 0 130px;
      grid-template-columns: 1.5fr 1fr;
    }

    @media only screen and (max-width: 46.875em) {
      #spread .section---why-spread .container {
        display: block;
      }
    }

    #spread .section---why-spread .container .main .h1 {
      font-size: 60px;
      line-height: 60px;
      margin-bottom: 21px;
    }

    @media only screen and (max-width: 37.5em) {
      #spread .section---why-spread .container .main .h1 {
        line-height: 40px;
        margin-bottom: 20px;
        font-size: 32px;
      }
    }

    #spread .section---why-spread .container .main .p {
      font-weight: normal;
      font-size: 20px;
      line-height: 32px;
      width: 396px;
      margin-bottom: 41px;
    }

    @media only screen and (max-width: 37.5em) {
      #spread .section---why-spread .container .main .p {
        width: auto;
        font-size: 16px;
        line-height: 24px;
      }
    }

    #spread .section---why-spread .container .main__point {
      display: grid;
      grid-template-columns: 10px auto;
      grid-gap: 16px;
      align-items: baseline;
      margin-bottom: 24px;
    }

    #spread .section---why-spread .container .main__point__detail {
      margin-left: 16px;
    }

    #spread .section---why-spread .container .main__point__detail h3 {
      font-weight: normal;
      font-size: 18px;
      line-height: 22px;
      margin-bottom: 16px;
      color: #111111;
    }

    @media only screen and (max-width: 37.5em) {
      #spread .section---why-spread .container .main__point__detail h3 {
        font-size: 18px;
      }
    }

    #spread .section---why-spread .container .main__point__detail p {
      font-weight: normal;
      font-size: 18px;
      color: #4f4f4f;
      line-height: 22px;
    }

    @media only screen and (max-width: 37.5em) {
      #spread .section---why-spread .container .main__point__detail p {
        font-size: 16px;
      }
    }

    #spread .section---why-spread .container .aside img {
      position: relative;
      bottom: -130px;
      width: 415px;
      height: 532px;
      object-fit: cover;
    }

    @media only screen and (max-width: 37.5em) {
      #spread .section---why-spread .container .aside img {
        position: static;
        width: 100%;
        margin-top: 30px;
      }
    }

    #spread .section--spread-faq .h1 {
      text-align: center;
      margin-bottom: 90px;
    }

    #payment-protection-promise {
      overflow-x: hidden;
    }

    #payment-protection-promise .hero {
      padding-bottom: 0;
      padding-top: 8rem;
    }

    @media only screen and (max-width: 37.5em) {
      #payment-protection-promise .hero {
        padding: 5rem 1rem 0;
      }
    }

    #payment-protection-promise .hero__wrapper {
      align-items: center;
      background: linear-gradient(301.96deg, #1D1D1D 54.67%, #F1A5C2 120.65%);
      border-radius: 2rem;
      color: #ffffff;
      flex-direction: column;
      justify-content: flex-start;
      max-width: 125.5rem;
      padding: 7rem 3rem 0;
      position: relative;
    }

    @media only screen and (max-width: 37.5em) {
      #payment-protection-promise .hero__wrapper {
        padding: 4rem 1rem 0;
      }
    }

    #payment-protection-promise .hero__wrapper::before {
      background-image: url("images/background-noise.svg");
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      bottom: 0;
      content: "";
      height: 100%;
      left: 0;
      opacity: 0.25;
      position: absolute;
      right: 0;
      top: 0;
      width: 100%;
      z-index: 0;
    }

    #payment-protection-promise .hero__info {
      align-items: center;
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      text-align: center;
      width: 100%;
    }

    #payment-protection-promise .hero__sub-heading {
      max-width: 85rem;
    }

    #payment-protection-promise .hero__media {
      width: 100%;
      max-width: 80rem;
      margin-top: -2rem;
    }

    @media only screen and (max-width: 37.5em) {
      #payment-protection-promise .hero__media {
        margin-top: -0.5rem;
      }
    }

    #payment-protection-promise .hero__media img {
      width: 100%;
      height: auto;
      object-position: center;
    }

    #payment-protection-promise .section-promise {
      margin-top: 16rem;
    }

    @media only screen and (max-width: 37.5em) {
      #payment-protection-promise .section-promise {
        margin-top: 8rem;
      }
    }

    #payment-protection-promise .section-promise .container {
      align-items: center;
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      max-width: 120.6rem;
      text-align: center;
    }

    #payment-protection-promise .section-promise .h1 {
      margin-bottom: 4.9rem;
      max-width: 100rem;
    }

    @media only screen and (max-width: 46.875em) {
      #payment-protection-promise .section-promise .h1 {
        margin-bottom: 3.1rem;
      }
    }

    @media only screen and (max-width: 37.5em) {
      #payment-protection-promise .section-promise .h1 {
        margin-bottom: 2.5rem;
      }
    }

    #payment-protection-promise .section-promise .p {
      max-width: 88rem;
    }

    @media only screen and (max-width: 46.875em) {
      #payment-protection-promise .section-promise .p {
        margin-bottom: 4.3rem;
      }
    }

    @media only screen and (max-width: 37.5em) {
      #payment-protection-promise .section-promise .p {
        margin-bottom: 3.9rem;
      }
    }

    #payment-protection-promise .section-promise .sliding-cards {
      margin-top: 7rem;
    }

    @media only screen and (max-width: 37.5em) {
      #payment-protection-promise .section-promise .sliding-cards:not(:first-child) {
        margin-top: 3rem;
      }
    }

    #payment-protection-promise .section-coverage .h1,
    #payment-protection-promise .section-reasons .h1,
    #payment-protection-promise .section-steps .h1,
    #payment-protection-promise .section-invalidity .h1 {
      margin-bottom: 4rem;
      max-width: 87rem;
    }

    @media only screen and (max-width: 46.875em) {

      #payment-protection-promise .section-coverage .h1,
      #payment-protection-promise .section-reasons .h1,
      #payment-protection-promise .section-steps .h1,
      #payment-protection-promise .section-invalidity .h1 {
        margin-bottom: 3.1rem;
      }
    }

    @media only screen and (max-width: 37.5em) {

      #payment-protection-promise .section-coverage .h1,
      #payment-protection-promise .section-reasons .h1,
      #payment-protection-promise .section-steps .h1,
      #payment-protection-promise .section-invalidity .h1 {
        margin-bottom: 1.8rem;
      }
    }

    #payment-protection-promise .section-coverage .p,
    #payment-protection-promise .section-reasons .p,
    #payment-protection-promise .section-steps .p,
    #payment-protection-promise .section-invalidity .p {
      margin-bottom: 4rem;
      max-width: 70.4rem;
    }

    @media only screen and (max-width: 37.5em) {

      #payment-protection-promise .section-coverage .p,
      #payment-protection-promise .section-reasons .p,
      #payment-protection-promise .section-steps .p,
      #payment-protection-promise .section-invalidity .p {
        margin-bottom: 3.1rem;
      }
    }

    #payment-protection-promise .section-coverage a,
    #payment-protection-promise .section-reasons a,
    #payment-protection-promise .section-steps a,
    #payment-protection-promise .section-invalidity a {
      color: unset;
    }

    #payment-protection-promise .section-coverage .tab__header,
    #payment-protection-promise .section-reasons .tab__header,
    #payment-protection-promise .section-steps .tab__header,
    #payment-protection-promise .section-invalidity .tab__header {
      margin-bottom: 4rem;
    }

    #payment-protection-promise .section-coverage .tab__cta.active,
    #payment-protection-promise .section-reasons .tab__cta.active,
    #payment-protection-promise .section-steps .tab__cta.active,
    #payment-protection-promise .section-invalidity .tab__cta.active {
      background-color: #F1A5C2;
      color: #1D1D1D;
    }

    #payment-protection-promise .section-coverage .tab__panel,
    #payment-protection-promise .section-reasons .tab__panel,
    #payment-protection-promise .section-steps .tab__panel,
    #payment-protection-promise .section-invalidity .tab__panel {
      max-width: 73rem;
    }

    #payment-protection-promise .section-reasons .container ul {
      max-width: 76rem;
    }

    #payment-protection-promise .section-steps .tab__cta {
      color: #ffffff;
    }

    #payment-protection-promise .section-invalidity .p {
      max-width: 78.2rem;
    }

    #customers {
      overflow-x: hidden;
    }

    #customers .hero {
      position: relative;
    }

    @media only screen and (max-width: 37.5em) {
      #customers .hero {
        padding: 5rem 2rem;
      }
    }

    #customers .hero__bg {
      z-index: 1;
      position: absolute;
      top: 0;
      left: 0;
      border-radius: 20px;
      width: 100%;
      height: 100%;
      background-color: #5d4774;
    }

    #customers .hero__bg img {
      border-radius: 20px;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center;
      mix-blend-mode: overlay;
    }

    #customers .hero__bg--video::after {
      z-index: 2;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.52);
      content: "";
      border-radius: 20px;
    }

    #customers .hero__heading {
      color: #fff;
    }

    #customers .hero .container {
      position: relative;
      max-width: 128rem;
      height: 100%;
      min-height: 51vw;
      padding-left: 10rem;
      padding: 9vw 10rem;
    }

    @media only screen and (max-width: 56.25em) {
      #customers .hero .container {
        padding-left: 3rem;
        padding-right: 3rem;
        width: 100%;
      }
    }

    @media only screen and (max-width: 37.5em) {
      #customers .hero .container {
        padding-left: 1.4rem;
        padding-right: 1.4rem;
        min-height: 30rem;
        padding-bottom: 4rem;
      }
    }

    #customers .hero iframe {
      z-index: 5;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border-radius: 20px;
    }

    #customers .hero__info {
      z-index: 2;
      position: relative;
      padding-right: 0;
    }

    @media only screen and (max-width: 56.25em) {
      #customers .hero__info {
        width: 100%;
      }
    }

    #customers .hero__video {
      z-index: 2;
      position: relative;
      margin-top: 5vw;
      height: 100%;
      width: 100%;
    }

    @media only screen and (max-width: 37.5em) {
      #customers .hero__video {
        margin-top: 7vw;
      }
    }

    #customers .hero__video-title {
      font-weight: 400;
      color: #fff;
    }

    #customers .hero__video .video__player {
      position: static;
      --size: 6.2rem;
      margin-bottom: 1.6rem;
    }

    @media only screen and (max-width: 37.5em) {
      #customers .hero__video .video__player {
        margin-bottom: 1rem;
        --size: 5rem;
      }
    }

    #customers .hero--playing .hero__info,
    #customers .hero--playing .hero__video {
      display: none;
    }

    #customers .hero--playing .hero__bg {
      background-color: #000;
    }

    #customers .hero--playing .hero__bg img {
      display: none;
    }

    #customers .global-reach {
      background-color: #f8fafd;
    }

    #customers .section--agglomerate .grid,
    #customers .section--businesses .grid {
      align-items: flex-start;
      display: flex;
      justify-content: flex-start;
      flex-wrap: wrap;
    }

    #customers .section--agglomerate .h1,
    #customers .section--businesses .h1 {
      margin-bottom: 8.8rem;
      max-width: 86rem;
    }

    @media only screen and (max-width: 46.875em) {

      #customers .section--agglomerate .h1,
      #customers .section--businesses .h1 {
        margin-bottom: 6.5rem;
        max-width: 96rem;
      }
    }

    @media only screen and (max-width: 37.5em) {

      #customers .section--agglomerate .h1,
      #customers .section--businesses .h1 {
        margin-bottom: 5rem;
        max-width: calc(100% - 1rem);
      }
    }

    #customers .section--agglomerate {
      background-color: #f8fafd;
    }

    #customers .section--agglomerate .agglomerate__author {
      margin-top: 2.5rem;
    }

    #customers .section--agglomerate .agglomerate__author-name {
      font-weight: 400;
    }

    #customers .section--agglomerate .agglomerate__subheading {
      margin-top: 3rem;
      font-weight: 500;
    }

    #customers .section--agglomerate .grid {
      align-items: center;
    }

    @media only screen and (max-width: 37.5em) {
      #customers .section--agglomerate .grid .logo {
        width: 7.5rem;
      }
    }

    #customers .section--agglomerate .grid__section:first-child {
      flex: 0 1 auto;
      width: 60%;
    }

    @media only screen and (max-width: 56.25em) {
      #customers .section--agglomerate .grid__section:first-child {
        width: 100%;
        margin-bottom: 4rem;
      }
    }

    #customers .section--agglomerate .grid__section:first-child .video {
      height: 480px;
    }

    @media only screen and (max-width: 37.5em) {
      #customers .section--agglomerate .grid__section:first-child .video {
        height: 27rem;
      }
    }

    #customers .section--agglomerate .grid__section:last-child {
      flex: 0 1 auto;
      width: 40%;
      padding-left: 6rem;
    }

    @media only screen and (max-width: 56.25em) {
      #customers .section--agglomerate .grid__section:last-child {
        padding-left: 0;
        width: 100%;
      }
    }

    #customers .section--businesses .grid__image {
      width: 35rem;
      max-width: 100%;
      height: auto;
      margin-left: 9rem;
      transform: rotate(14deg);
      filter: drop-shadow(0px 4px 25px rgba(0, 0, 0, 0.4));
    }

    #customers .section--businesses .grid__section {
      flex: 0 1 auto;
      width: 50%;
    }

    @media only screen and (max-width: 56.25em) {
      #customers .section--businesses .grid__section {
        width: 100%;
      }

      #customers .section--businesses .grid__section:last-child {
        display: none;
      }
    }

    #customers .section--businesses .grid__title {
      margin: 5rem 0 4rem;
    }

    @media only screen and (max-width: 37.5em) {
      #customers .section--businesses .grid__title {
        width: 14rem;
      }
    }

    #customers .section--businesses .stat {
      padding-left: 3.7rem;
    }

    #customers .section--businesses .stat:not(:last-child) {
      margin-bottom: 4rem;
    }

    #customers .section--businesses .stat__heading {
      font-size: 2rem;
      font-weight: 600;
      line-height: 3.2rem;
      margin-bottom: 0.8rem;
      position: relative;
    }

    #customers .section--businesses .stat__heading::before {
      border: 1px solid #000000;
      content: "";
      height: 2.5rem;
      left: -3.7rem;
      position: absolute;
      top: 0.5rem;
      width: 0.2rem;
    }

    #customers .section--businesses .stat__info:not(:last-child) {
      margin-bottom: 1rem;
    }

    #customers .section--businesses .stats {
      position: relative;
    }

    #customers .section--businesses .stats::before {
      background-image: url("images/dots.png");
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      bottom: 0;
      content: "";
      height: 100%;
      position: absolute;
      top: 0.5rem;
      width: 0.1rem;
    }

    #customers .section--businesses .tab__controls {
      margin-top: 4rem;
    }

    #customers .section--businesses .tab__controls button {
      display: inline-flex;
      background: #eeeeee;
      border-radius: 10px;
      transition: background-color 0.3s;
      transition-property: background-color, color;
    }

    #customers .section--businesses .tab__controls button:first-child {
      margin-right: 2rem;
    }

    #customers .section--businesses .tab__controls button:disabled {
      opacity: 0.5;
    }

    #customers .section--businesses .tab__controls button:hover {
      background-color: #6672c7;
    }

    #customers .section--businesses .tab__controls button:hover svg path {
      fill: #fff;
    }

    #customers .section--businesses .tab__cta {
      background-color: transparent;
      border-color: transparent;
      border-radius: 10rem;
      color: #000000;
      padding: 1.6rem 2.4rem;
    }

    #customers .section--businesses .tab__cta.active {
      background-color: #6672C7;
      color: #ffffff;
    }

    #customers .section--businesses .tab__cta:not(:last-child) {
      margin-right: 0.2rem;
    }

    #customers .section--merchant {
      display: none;
    }

    #customers .section--merchant .h1 {
      text-align: center;
      margin-bottom: 8rem;
    }

    @media only screen and (max-width: 37.5em) {
      #customers .section--merchant .h1 {
        margin-bottom: 4.4rem;
      }
    }

    #customers .section--merchant .container {
      max-width: 128.2rem;
    }

    #customers .section--merchant .merchant {
      padding: 0 2rem;
      flex: 0 0 33.3333333333%;
      margin-bottom: 2rem;
    }

    @media only screen and (max-width: 56.25em) {
      #customers .section--merchant .merchant {
        flex: 0 0 50%;
      }

      #customers .section--merchant .merchant:not(:last-child) {
        margin-bottom: 5.5rem;
      }
    }

    @media only screen and (max-width: 37.5em) {
      #customers .section--merchant .merchant {
        flex: 0 0 100%;
        padding: 0;
      }
    }

    #customers .section--merchant .merchant__cover {
      position: relative;
      width: 100%;
      height: 30rem;
      border-radius: 10px;
    }

    @media only screen and (max-width: 56.25em) {
      #customers .section--merchant .merchant__cover {
        height: 24rem;
      }
    }

    #customers .section--merchant .merchant__cover img {
      border-radius: 10px;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center;
    }

    #customers .section--merchant .merchant__info {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-end;
      flex: 1;
      margin-top: 1rem;
    }

    #customers .section--merchant .merchant__logo {
      display: flex;
      align-items: flex-end;
      height: 5rem;
    }

    #customers .section--merchant .merchant__logo img {
      width: 10rem;
    }

    #customers .section--merchant .merchant__logo--kigalifaam {
      width: 8.5rem;
    }

    #customers .section--merchant .merchant__logo--bitmart {
      width: 11.3rem;
    }

    #customers .section--merchant .merchant__logo--thepeer {
      width: 12.6rem;
    }

    #customers .section--merchant .merchant__name {
      z-index: 2;
      position: absolute;
      bottom: 2.6rem;
      left: 1.7rem;
      font-weight: 500;
      font-size: 2.4rem;
      color: #fff;
    }

    #customers .section--merchant .merchant__title {
      font-weight: normal;
      text-align: left;
      text-decoration: none;
      transition: text-decoration 0.4s;
      color: #262C55;
    }

    #customers .section--merchant .merchant__title:hover {
      text-decoration: underline;
    }

    #customers .section--merchant .merchant-wrapper {
      display: flex;
      flex-wrap: wrap;
    }

    #customers .section--videos {
      padding-bottom: 0;
      padding-top: 0;
    }

    #customers .section--videos .container {
      max-width: 128rem;
    }

    #customers .section--videos .grid {
      align-items: flex-start;
      display: flex;
      justify-content: flex-start;
      flex-wrap: wrap;
      margin: 0 -2rem;
    }

    #customers .section--videos .grid__section {
      position: relative;
      flex: 0 50%;
      padding: 0 2rem;
    }

    #customers .section--videos .grid__section:first-child .video {
      background-color: #363a59;
    }

    @media only screen and (max-width: 56.25em) {
      #customers .section--videos .grid__section {
        flex: 0 100%;
      }

      #customers .section--videos .grid__section:not(:last-child) {
        margin-bottom: 4rem;
      }
    }

    #customers .section--videos .grid__section .video {
      height: 48rem;
      background-color: #453b50;
    }

    #customers .section--videos .grid__section .video__thumbnail {
      width: 100.2%;
    }

    @media only screen and (max-width: 37.5em) {
      #customers .section--videos .grid__section .video {
        height: 28rem;
      }
    }

    #customers .section--videos .video__player {
      --size: 5rem;
      top: auto;
      left: auto;
      bottom: 4rem;
      right: 4rem;
    }

    #customers .section-articles {
      position: relative;
      overflow-x: hidden;
    }

    @media only screen and (max-width: 46.875em) {
      #customers .section-articles .h2 {
        margin-bottom: 5rem;
      }
    }

    #customers .section-articles .article {
      --image-width: 48rem;
      --image-height: 28.5rem;
      --border: 1px dashed rgba(0, 0, 0, 0.3);
      display: flex;
      align-items: center;
      padding: 10rem 0;
      border-bottom: var(--border);
      min-height: 30rem;
    }

    @media only screen and (max-width: 56.25em) {
      #customers .section-articles .article {
        --image-width: 40rem;
        --image-height: 20rem;
      }
    }

    @media only screen and (max-width: 46.875em) {
      #customers .section-articles .article {
        flex-direction: column-reverse;
        --border: 0px transparent;
        padding: 0;
        margin-bottom: 6rem;
        min-height: unset;
      }
    }

    #customers .section-articles .article:last-child {
      border-bottom: 0;
      padding-bottom: 0;
      margin-bottom: 0;
    }

    #customers .section-articles .article__title {
      margin: 0 auto;
      max-width: 109.2rem;
      font-weight: 300;
      width: 100%;
      font-size: 4.4rem;
      line-height: 6.6rem;
      text-decoration: none;
      padding-right: 30rem;
      flex-shrink: 1;
      color: #262C55;
      z-index: 3;
    }

    @media only screen and (max-width: 1400px) {
      #customers .section-articles .article__title {
        padding-right: 40rem;
      }
    }

    @media only screen and (max-width: 1280px) {
      #customers .section-articles .article__title {
        padding-right: 50%;
      }
    }

    @media only screen and (max-width: 56.25em) {
      #customers .section-articles .article__title {
        font-size: 3rem;
        line-height: 4.4rem;
        padding-right: 51%;
      }
    }

    @media only screen and (max-width: 46.875em) {
      #customers .section-articles .article__title {
        padding-right: 0;
        margin-top: 1rem;
      }
    }

    @media only screen and (max-width: 37.5em) {
      #customers .section-articles .article__title {
        font-size: 2rem;
        line-height: 3rem;
        font-weight: normal;
      }
    }

    #customers .section-articles .article__title:hover {
      text-decoration: underline;
    }

    #customers .section-articles .article__title:hover+.article__image {
      z-index: 2;
      --trans-x: 0%;
      --overlay-scale: 0;
      --image-scale: 1;
    }

    #customers .section-articles .article__title:hover+.article__image+.article__image-overlay {
      --trans-x: -100%;
    }

    #customers .section-articles .article__image {
      --trans-x: 40%;
      --overlay-scale: 1;
      --image-scale: 1.14;
      position: absolute;
      z-index: 1;
      width: var(--image-width);
      height: var(--image-height);
      right: 0;
      overflow: hidden;
      transform: translateX(var(--trans-x));
      transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) 0.07s;
    }

    @media only screen and (max-width: 46.875em) {
      #customers .section-articles .article__image {
        --trans-x: 0%;
        --overlay-scale: 0;
        --image-scale: 1;
        position: unset;
        width: 100%;
        height: auto;
      }

      #customers .section-articles .article__image img {
        min-height: 18rem;
      }
    }

    #customers .section-articles .article__image::after {
      content: "";
      position: absolute;
      top: 0;
      width: 30%;
      height: 105%;
      background-color: white;
      transform: scaleX(var(--overlay-scale)) translateY(-0.5%);
      transform-origin: left;
      transition: inherit;
    }

    #customers .section-articles .article__image img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center;
      transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) 0.07s;
      transform: scale(var(--image-scale));
      background-color: #f1f1f1;
    }

    #customers .section-articles .article__image-overlay {
      --trans-x: -16%;
      position: absolute;
      z-index: 2;
      width: var(--image-width);
      height: var(--image-height);
      right: 0%;
      transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) 0.07s;
      transform-origin: left;
      transform: scaleX(0.6) translateX(var(--trans-x));
      background-color: white;
    }

    @media only screen and (max-width: 46.875em) {
      #customers .section-articles .article__image-overlay {
        z-index: unset;
      }
    }

    #customers .section--safety {
      margin: -5rem 0;
    }

    @media only screen and (max-width: 37.5em) {
      #customers .section--safety {
        margin-top: -5.5rem;
      }
    }

    #careers {
      color: white;
      background-color: #1D1D1D;
      overflow-x: hidden;
    }

    #careers a.btn--with-icon {
      color: #F1A5C2;
      padding-left: 0;
    }

    #careers .sub-header a:last-child {
      color: #F1A5C2;
    }

    #careers .section {
      position: relative;
    }

    #careers .section:not(:last-child)::after {
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100vw;
      border-bottom: 1px dashed rgba(255, 255, 255, 0.25);
    }

    #careers .hero {
      background-color: #1D1D1D;
    }

    @media only screen and (max-width: 46.875em) {
      #careers .hero {
        padding-bottom: 0;
      }
    }

    #careers .hero__wrapper {
      position: relative;
      overflow: hidden;
      display: flex;
      flex-direction: column;
      align-items: center;
      border: 1px dashed rgba(255, 255, 255, 0.25);
      border-radius: 20px;
      max-width: 150rem;
      padding-top: 12.1rem;
    }

    @media only screen and (max-width: 56.25em) {
      #careers .hero__wrapper {
        padding-top: 8rem;
      }
    }

    @media only screen and (max-width: 37.5em) {
      #careers .hero__wrapper {
        padding-top: 6rem;
      }
    }

    #careers .hero__heading {
      font-size: 15rem;
      text-align: center;
      opacity: 0;
    }

    #careers .hero__heading div {
      display: inline-block;
      white-space: pre;
    }

    @keyframes slide {
      to {
        transform: translateY(0%);
      }
    }

    @keyframes fade {
      to {
        opacity: 1;
      }
    }

    #careers .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);
    }

    #careers .hero__heading span:nth-child(1) {
      --delay: 0.14s;
    }

    #careers .hero__heading span:nth-child(2) {
      --delay: 0.28s;
    }

    #careers .hero__heading span:nth-child(3) {
      --delay: 0.42s;
    }

    #careers .hero__heading span:nth-child(4) {
      --delay: 0.56s;
    }

    #careers .hero__heading span:nth-child(5) {
      --delay: 0.7s;
    }

    #careers .hero__cta {
      display: flex;
      align-items: center;
      background-color: transparent;
      font-weight: normal;
      color: white;
      padding: 0;
      font-size: unset;
      font-size: 1.8rem;
      margin: 6rem 0 9rem;
      border: none;
    }

    @media only screen and (max-width: 56.25em) {
      #careers .hero__cta {
        margin: 1rem 0 6rem;
      }
    }

    @media only screen and (max-width: 37.5em) {
      #careers .hero__cta {
        margin: 0rem 0 4rem;
      }
    }

    #careers .hero__cta:hover svg {
      transform: scale(calc(var(--svg-scale) + 0.2));
    }

    #careers .hero__cta:hover~.hero__video {
      --video-trans-time: 3s;
      transform: scale(0.88);
      clip-path: circle(100% at 50% 50%);
    }

    @media only screen and (max-width: 37.5em) {
      #careers .hero__cta:hover~.hero__video {
        --video-trans-time: 5s;
        transform: scale(0.94);
      }
    }

    #careers .hero__cta svg {
      --svg-scale: 1;
      margin-right: 1.8rem;
      transition: 1s cubic-bezier(0.16, 1, 0.3, 1);
      transform: scale(var(--svg-scale));
    }

    #careers .hero__cta svg circle {
      fill: #F1A5C2;
    }

    @media only screen and (max-width: 37.5em) {
      #careers .hero__cta svg {
        --svg-scale: 0.85;
        margin-right: 0.9rem;
      }
    }

    #careers .hero__video {
      position: relative;
      --video-trans-time: 0.8s;
      width: 100%;
      clip-path: circle(115.4vh at 50% 115vh);
      transform-origin: top;
      transition: clip-path var(--video-trans-time) cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
      background-color: #FDF6EB;
      border-radius: 2rem;
    }

    @media only screen and (max-width: 56.25em) {
      #careers .hero__video {
        clip-path: circle(115vh at 50% 115vh);
      }
    }

    #careers .hero__video:hover {
      --video-trans-time: 3s;
      transform: scale(0.88);
      clip-path: circle(100% at 50% 50%);
    }

    @media only screen and (max-width: 37.5em) {
      #careers .hero__video:hover {
        --video-trans-time: 5s;
        transform: scale(0.94);
      }
    }

    #careers .hero__video:hover .btn {
      opacity: 1;
      transform: translateY(0%);
    }

    #careers .hero__video .video {
      height: 50.1vw;
      background-color: #313C6C;
      background-color: #FDF6EB;
      background-color: transparent;
      transform: scale(1.011);
    }

    @media only screen and (max-width: 1660px) {
      #careers .hero__video .video {
        height: 52.2vw;
      }
    }

    @media only screen and (max-width: 1650px) {
      #careers .hero__video .video {
        height: 51.3vw;
      }
    }

    @media only screen and (max-width: 1640px) {
      #careers .hero__video .video {
        height: 52vw;
      }
    }

    @media only screen and (max-width: 1630px) {
      #careers .hero__video .video {
        height: 54.2vw;
      }
    }

    @media only screen and (max-width: 46.875em) {
      #careers .hero__video .video {
        height: 53vw;
      }
    }

    @media only screen and (max-width: 37.5em) {
      #careers .hero__video .video {
        height: 50.5vw;
      }
    }

    #careers .hero__video .btn {
      opacity: 0;
      transform: translateY(30%);
      transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.4s cubic-bezier(0.16, 1, 0.3, 1);
    }

    #careers .hero__video .btn:hover {
      transform: scale(1.1);
    }

    #careers .section-about {
      padding-left: 0;
      padding-right: 0;
      padding-top: 5rem;
    }

    @media only screen and (max-width: 46.875em) {
      #careers .section-about {
        padding: 2rem 2rem 0;
      }

      #careers .section-about::after {
        visibility: hidden;
      }
    }

    #careers .section-about .container {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      max-width: 168rem;
    }

    @media only screen and (max-width: 46.875em) {
      #careers .section-about .container {
        flex-direction: column;
      }
    }

    #careers .section-about__column:first-child {
      width: calc(55% - 3.25rem);
      margin-top: 7rem;
    }

    @media only screen and (max-width: 62.5em) {
      #careers .section-about__column:first-child {
        width: calc(55% - 2rem);
      }
    }

    @media only screen and (max-width: 46.875em) {
      #careers .section-about__column:first-child {
        width: 100%;
        margin-bottom: 5rem;
      }
    }

    #careers .section-about__column:last-child {
      width: calc(45% - 3.25rem);
    }

    @media only screen and (max-width: 62.5em) {
      #careers .section-about__column:last-child {
        width: calc(45% - 2rem);
      }
    }

    @media only screen and (max-width: 46.875em) {
      #careers .section-about__column:last-child {
        width: 100%;
        margin-bottom: 5rem;
      }
    }

    @media only screen and (max-width: 46.875em) {
      #careers .section-about__column {
        width: 100%;
      }
    }

    #careers .section-about__column p {
      max-width: 52rem;
      margin: 5.2rem 0;
    }

    #careers .section-about__column p>* {
      padding-left: 0;
    }

    #careers .section-about__column p span {
      display: block;
    }

    #careers .section-about__img {
      position: relative;
      overflow: hidden;
      width: 100%;
      height: 100%;
      min-height: 23.3rem;
    }

    #careers .section-about__img img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    #careers .section-about__img--1 {
      height: 110rem;
      min-height: 44.4rem;
    }

    @media only screen and (max-width: 62.5em) {
      #careers .section-about__img--1 {
        height: 80rem;
      }
    }

    @media only screen and (max-width: 56.25em) {
      #careers .section-about__img--1 {
        height: 70rem;
      }
    }

    @media only screen and (max-width: 56.25em) {
      #careers .section-about__img--1 {
        height: 70rem;
      }
    }

    #careers .section-about__img--2 {
      height: 70rem;
    }

    @media only screen and (max-width: 62.5em) {
      #careers .section-about__img--2 {
        height: 50rem;
      }
    }

    @media only screen and (max-width: 56.25em) {
      #careers .section-about__img--2 {
        height: 40rem;
      }
    }

    #careers .section-about__img--2 img {
      transform: scale(1.11);
      object-position: 100%;
    }

    #careers .section-about__img--3 {
      height: 50rem;
      z-index: 2;
    }

    @media only screen and (max-width: 62.5em) {
      #careers .section-about__img--3 {
        height: 40rem;
      }
    }

    @media only screen and (max-width: 46.875em) {
      #careers .section-about__img {
        height: auto;
      }
    }

    #careers .section-join-us {
      padding-top: 0;
      margin-top: -34rem;
    }

    @media only screen and (max-width: 56.25em) {
      #careers .section-join-us {
        margin-top: -38rem;
      }
    }

    @media only screen and (max-width: 46.875em) {
      #careers .section-join-us {
        margin-top: 0;
      }
    }

    #careers .section-join-us p {
      max-width: calc(53% - 3.5rem);
      margin-bottom: 3.4rem;
    }

    @media only screen and (max-width: 46.875em) {
      #careers .section-join-us p {
        max-width: unset;
      }
    }

    #careers .section-values .h1 {
      max-width: 70rem;
      margin-bottom: 4rem;
    }

    @media only screen and (max-width: 46.875em) {
      #careers .section-values .h1 {
        margin-bottom: 3.1rem;
      }
    }

    @media only screen and (max-width: 37.5em) {
      #careers .section-values .h1 {
        margin-bottom: 1.8rem;
      }
    }

    #careers .section-values .p {
      max-width: 64rem;
      margin-bottom: 4rem;
    }

    @media only screen and (max-width: 37.5em) {
      #careers .section-values .p {
        margin-bottom: 3.1rem;
      }
    }

    #careers .section-benefits .container:last-child {
      max-width: 124.5rem;
      background-color: #fff3e7;
      border-radius: 2rem;
      padding: 9rem 8rem;
      margin-top: 10rem;
      color: black;
    }

    @media only screen and (max-width: 56.25em) {
      #careers .section-benefits .container:last-child {
        padding: 6rem 4rem;
      }
    }

    @media only screen and (max-width: 37.5em) {
      #careers .section-benefits .container:last-child {
        padding: 6rem 3rem;
      }
    }

    #careers .section-benefits .container:last-child .feature-grid__section {
      margin-bottom: 3rem;
    }

    #careers .section-benefits .container:last-child .feature-grid__section .feature__icon {
      transform: scale(1);
      margin-bottom: 1.7rem;
    }

    @media only screen and (max-width: 46.875em) {
      #careers .section-benefits .container:last-child .feature-grid__section {
        margin-bottom: 6rem;
      }

      #careers .section-benefits .container:last-child .feature-grid__section p {
        max-width: unset;
      }
    }

    #careers .section-benefits .container:last-child .btn {
      margin-top: 8rem;
    }

    @media only screen and (max-width: 46.875em) {
      #careers .section-benefits .container:last-child .btn {
        margin-top: 5rem;
      }
    }

    #careers .section-carousel {
      padding-left: 0;
      padding-right: 0;
      padding-bottom: 0;
      padding-top: 22rem;
    }

    #careers .section-carousel .container {
      max-width: 168rem;
    }

    @media only screen and (max-width: 46.875em) {
      #careers .section-carousel {
        padding-top: 8rem;
      }
    }

    #careers .section-carousel .flickity {
      position: relative;
      width: 100vw;
      height: auto;
    }

    #careers .section-carousel .flickity__item {
      width: 30%;
      min-width: 30rem;
      height: 48rem;
      margin: 13rem 0 3rem;
      margin-right: 2rem;
    }

    #careers .section-carousel .flickity__item:nth-of-type(even) {
      width: 45%;
    }

    @media only screen and (max-width: 56.25em) {
      #careers .section-carousel .flickity__item:nth-of-type(even) {
        width: 60%;
      }
    }

    @media only screen and (max-width: 46.875em) {
      #careers .section-carousel .flickity__item:nth-of-type(even) {
        width: 75%;
        height: 30rem;
        margin: 9rem 0 3rem;
        margin-right: 2rem;
      }
    }

    #careers .section-carousel .flickity__item:nth-of-type(odd) {
      --rotation: 3deg;
      width: 35%;
      height: 70rem;
      margin-top: 3rem;
    }

    @media only screen and (max-width: 56.25em) {
      #careers .section-carousel .flickity__item:nth-of-type(odd) {
        width: 50%;
      }
    }

    @media only screen and (max-width: 46.875em) {
      #careers .section-carousel .flickity__item:nth-of-type(odd) {
        width: 65%;
        height: 40rem;
      }
    }

    #careers .section-carousel .flickity__item:nth-child(2) img {
      object-position: top;
    }

    #careers .section-carousel .flickity__item:nth-of-type(3),
    #careers .section-carousel .flickity__item:nth-of-type(7) {
      width: 35%;
      --rotation: -3deg;
    }

    @media only screen and (max-width: 56.25em) {

      #careers .section-carousel .flickity__item:nth-of-type(3),
      #careers .section-carousel .flickity__item:nth-of-type(7) {
        width: 55%;
      }
    }

    @media only screen and (max-width: 46.875em) {

      #careers .section-carousel .flickity__item:nth-of-type(3),
      #careers .section-carousel .flickity__item:nth-of-type(7) {
        width: 70%;
      }
    }

    #careers .section-carousel .flickity__item:last-child img {
      object-position: bottom;
    }

    #careers .section-carousel__img {
      position: relative;
      width: 100%;
      height: 100%;
      overflow: hidden;
      transition: 1.2s cubic-bezier(0.16, 1, 0.3, 1);
      margin: auto 0;
      transform: rotate(var(--rotation));
    }

    #careers .section-carousel__img:hover {
      transform: scale(0.97);
    }

    #careers .section-carousel__img:hover img {
      transform: scale(1.1);
    }

    #careers .section-carousel__img img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: 1.2s cubic-bezier(0.16, 1, 0.3, 1);
    }

    #careers .closing {
      background-color: white;
    }

    #careers .closing a.btn--inline {
      color: white;
    }

    #vacancies {
      color: white;
      background-color: #1D1D1D;
      overflow-x: hidden;
    }

    #vacancies .sub-header a:first-child {
      color: #F1A5C2;
    }

    #vacancies .section-roles {
      --col-one-width: 33%;
      --col-two-width: 22%;
      --col-three-width: 28%;
    }

    @media only screen and (max-width: 37.5em) {
      #vacancies .section-roles {
        --col-one-width: 100%;
        --col-two-width: 100%;
        --col-three-width: 100%;
      }
    }

    #vacancies .section-roles__filters,
    #vacancies .section-roles__role {
      display: flex;
      justify-content: space-between;
    }

    @media only screen and (max-width: 46.875em) {

      #vacancies .section-roles__filters,
      #vacancies .section-roles__role {
        flex-direction: row;
      }
    }

    #vacancies .section-roles__filters {
      display: flex;
      justify-content: space-between;
      margin-top: 10rem;
    }

    @media only screen and (max-width: 37.5em) {
      #vacancies .section-roles__filters {
        flex-wrap: wrap;
        margin-top: 5rem;
      }
    }

    #vacancies .section-roles__search,
    #vacancies .section-roles__filter {
      display: flex;
      align-items: center;
      border: 1px solid rgba(255, 255, 255, 0.7);
      background-color: transparent;
      border-radius: 1.6rem;
      padding: 1.1rem 1.7rem;
    }

    @media only screen and (max-width: 37.5em) {

      #vacancies .section-roles__search,
      #vacancies .section-roles__filter {
        margin-bottom: 2rem;
      }
    }

    #vacancies .section-roles__search input,
    #vacancies .section-roles__search select,
    #vacancies .section-roles__filter input,
    #vacancies .section-roles__filter select {
      background-color: #1D1D1D;
      border: none;
      margin-left: 1.4rem;
      color: white;
      width: 100%;
      outline: none;
    }

    #vacancies .section-roles__search {
      width: var(--col-one-width);
    }

    #vacancies .section-roles__filter {
      width: var(--col-two-width);
    }

    #vacancies .section-roles__filter--team {
      width: var(--col-three-width);
    }

    #vacancies .section-roles__filter--location {
      margin-bottom: 0;
    }

    #vacancies .section-roles__list {
      margin-top: 7.6rem;
    }

    #vacancies .section-roles__role {
      position: relative;
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      width: 100%;
      text-decoration: none;
      padding: 4rem 0;
    }

    #vacancies .section-roles__role:first-child {
      padding-top: 0;
    }

    #vacancies .section-roles__role:not(:last-child)::after {
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100vw;
      border-bottom: 1px dashed rgba(255, 255, 255, 0.25);
    }

    #vacancies .section-roles__role>* {
      display: flex;
      align-items: center;
      width: var(--col-two-width);
    }

    #vacancies .section-roles__role>*:first-child {
      width: var(--col-one-width);
      color: #F1A5C2;
      text-decoration: none;
    }

    #vacancies .section-roles__role>*:nth-child(2) {
      width: var(--col-three-width);
    }

    @media only screen and (max-width: 37.5em) {
      #vacancies .section-roles__role>*:nth-child(2) {
        margin: 0.8rem 0;
      }
    }

    #vacancies .section-roles__role>* img {
      margin-right: 1.4rem;
      width: 2.4rem;
      height: auto;
      border-radius: 2.4px;
      background-color: white;
      object-fit: cover;
    }

    @media only screen and (max-width: 37.5em) {
      #vacancies .section-roles__role>* img {
        width: 2rem;
        margin-right: 1rem;
      }
    }

    #payment-link {
      --min-height: 100vh;
      overflow: hidden;
      min-height: var(--min-height);
      background-color: white;
    }

    #payment-link .payment {
      width: 100vw;
      color: white;
      display: flex;
      justify-content: center;
      padding-bottom: 6.5rem;
      background-color: #262C55;
      min-height: 100vh;
    }

    @media only screen and (max-width: 46.875em) {
      #payment-link .payment {
        min-height: unset;
        padding-bottom: 9rem;
      }
    }

    #payment-link .payment__container {
      width: 100%;
      max-width: 60.8rem;
    }

    #payment-link .payment__container>* {
      margin: 0 auto;
    }

    #payment-link .payment__info {
      width: 90%;
      margin: 0 auto;
    }

    @media only screen and (max-width: 46.875em) {
      #payment-link .payment__info {
        display: flex;
        flex-direction: column;
      }
    }

    #payment-link .payment__test-indicator {
      display: flex;
      color: #1D1D1D;
      margin: 3.5rem auto 1rem;
      padding: 1.2rem 1.6rem;
      font-size: 1.4rem;
      background-color: #FFEDAD;
      border-radius: 0.5rem;
      width: fit-content;
      max-width: 100%;
    }

    @media only screen and (max-width: 46.875em) {
      #payment-link .payment__test-indicator {
        order: 3;
      }
    }

    #payment-link .payment__test-indicator svg {
      margin-right: 1.3rem;
    }

    #payment-link .payment__business-name {
      display: flex;
      align-items: flex-start;
      justify-content: center;
      margin-top: 4rem;
    }

    @media only screen and (max-width: 46.875em) {
      #payment-link .payment__business-name {
        justify-content: space-between;
      }
    }

    #payment-link .payment__business-name button {
      display: none;
      font-size: 2rem;
      background-color: transparent;
      padding: 0;
      color: white;
      font-weight: 400;
      border: none;
      outline: none;
    }

    #payment-link .payment__business-name button svg {
      --rotation: 0deg;
      margin-left: 1rem;
      transform: scale(1.4) rotate(var(--rotation));
      transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    }

    @media only screen and (max-width: 46.875em) {
      #payment-link .payment__business-name button {
        display: flex;
        align-items: center;
        margin-left: 4rem;
      }
    }

    #payment-link .payment__business-name h3 {
      font-family: "Millik", sans-serif;
      font-weight: normal;
      font-size: 2rem;
    }

    @media only screen and (max-width: 37.5em) {

      #payment-link .payment__business-name button,
      #payment-link .payment__business-name h3 {
        font-size: 1.7rem;
      }
    }

    #payment-link .payment__description {
      text-align: center;
      margin: 1.3rem 0 3rem;
      font-size: 1.8rem;
      line-height: 2.6rem;
    }

    @media only screen and (max-width: 46.875em) {
      #payment-link .payment__description {
        font-size: 1.7rem;
        margin: 6.4rem 0 0;
      }
    }

    #payment-link .payment__form {
      padding: 4rem 5rem;
      background-color: white;
      border-radius: 4rem;
      text-align: center;
      font-size: 1.4rem;
    }

    @media only screen and (max-width: 46.875em) {
      #payment-link .payment__form {
        position: absolute;
        top: 9rem;
        left: 0;
        width: 100%;
        height: auto;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
        transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
        transform: translateY(var(--translate-y));
      }
    }

    @media only screen and (max-width: 37.5em) {
      #payment-link .payment__form {
        padding: 5rem 2rem;
      }
    }

    #payment-link .payment__form-notice {
      color: #FB9129;
      font-weight: 500;
      margin: -1rem 0 2rem;
    }

    @media only screen and (max-width: 46.875em) {
      #payment-link .payment__form-notice {
        margin-top: 0;
      }
    }

    #payment-link .payment__form-field {
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
    }

    #payment-link .payment__form-field:not(:last-of-type) {
      margin-bottom: 2.4rem;
    }

    #payment-link .payment__form-field label {
      width: 100%;
      font-weight: 500;
      margin-bottom: 1rem;
      text-align: left;
      color: rgba(0, 0, 0, 0.67);
    }

    #payment-link .payment__form-field label::first-letter {
      text-transform: capitalize;
    }

    #payment-link .payment__form-field--col {
      width: 47%;
    }

    #payment-link .payment__form-field--col-full {
      width: 100%;
    }

    #payment-link .payment__form-field input {
      width: 100%;
      font-size: 1.5rem;
      padding: 1.5rem;
      outline: none;
      border-radius: 0.5rem;
      border: 1px solid #C4CDD5;
    }

    #payment-link .payment__form-field input::placeholder {
      color: #BDBDBD;
    }

    @media only screen and (max-width: 37.5em) {
      #payment-link .payment__form-field input {
        padding: 1.3rem 1.4rem;
      }
    }

    #payment-link .payment__form-field--tel div {
      position: relative;
      display: flex;
      flex-direction: row;
      align-items: center;
      border-radius: 0.5rem;
      border: 1px solid #C4CDD5;
      width: 100%;
    }

    #payment-link .payment__form-field--tel div select {
      position: absolute;
      width: 16.5%;
      height: 100%;
      opacity: 0;
    }

    @media only screen and (max-width: 37.5em) {
      #payment-link .payment__form-field--tel div select {
        width: 22.5%;
      }
    }

    #payment-link .payment__form-field--tel div span {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 20%;
      color: rgba(0, 0, 0, 0.67);
      text-align: center;
      pointer-events: none;
    }

    @media only screen and (max-width: 37.5em) {
      #payment-link .payment__form-field--tel div span {
        width: 30%;
      }
    }

    #payment-link .payment__form-field--tel div span svg {
      margin-left: 0.8rem;
    }

    #payment-link .payment__form-field--tel div input {
      flex-grow: 1;
      border: none;
      border-left: 1px solid #C4CDD5;
      border-radius: 0;
    }

    #payment-link .payment__form-field .form__field--error input {
      border-color: #EB5757;
    }

    #payment-link .payment__form-field .form__field--error .currency-amount__inner {
      border-color: #EB5757;
    }

    #payment-link .payment__form-button {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      background-color: #262C55;
      color: white;
      font-size: 1.8rem;
      margin-top: 3rem;
      min-height: 5rem;
    }

    #payment-link .payment__form-button.disabled {
      opacity: 0.6;
    }

    #payment-link .payment__form-button svg {
      width: 2.5rem;
      height: 2.5rem;
      transform: scale(1.1);
      animation: rotate 1s infinite linear;
    }

    #payment-link .payment__form-flw {
      display: inline-block;
      margin-top: 3rem;
      transform: scale(1.3);
      transform-origin: center;
    }

    #payment-link .payment__contact {
      text-align: center;
      margin-top: 4rem;
    }

    #payment-link .payment__contact--mobile {
      display: none;
      margin-top: 7rem;
    }

    @media only screen and (max-width: 46.875em) {
      #payment-link .payment__contact {
        display: none;
      }

      #payment-link .payment__contact--mobile {
        display: block;
      }
    }

    @media only screen and (max-width: 37.5em) {
      #payment-link .payment__contact {
        font-size: 1.5rem;
      }
    }

    #payment-link .payment__contact a {
      text-decoration: none;
      color: #FFEDAD;
    }

    #payment-link .payment__contact a:hover {
      text-decoration: underline;
    }

    #payment-link .payment__success {
      padding: 6rem 2rem 12rem;
      text-align: center;
    }

    @media only screen and (max-width: 46.875em) {
      #payment-link .payment__success {
        min-height: 70vh;
      }
    }

    #payment-link .payment__success p {
      font-weight: normal;
      font-size: 1.8rem;
      color: #313131;
    }

    #payment-link .payment__success p:first-of-type {
      color: #262C55;
      margin-top: 3.7rem;
      margin-bottom: 1.2rem;
      font-size: 2.4rem;
    }

    #payment-link .view-404 {
      position: relative;
      background-color: #262C55;
      width: 100vw;
      min-height: var(--min-height);
      display: flex;
      justify-content: center;
      align-items: center;
      color: white;
      flex-direction: column;
    }

    #payment-link .view-404>* {
      z-index: 1;
    }

    #payment-link .view-404 h1 {
      font-size: 20rem;
      font-family: "Millik", sans-serif;
      margin-top: -12rem;
      line-height: 1;
    }

    @media only screen and (max-width: 46.875em) {
      #payment-link .view-404 h1 {
        font-size: 14rem;
      }
    }

    @media only screen and (max-width: 37.5em) {
      #payment-link .view-404 h1 {
        margin-top: -14rem;
        font-size: 11rem;
      }
    }

    #payment-link .view-404 .p {
      margin: 1rem 0 5rem;
    }

    #payment-link .view-404 svg {
      position: absolute;
      z-index: 0;
      bottom: 0;
      width: 100vw;
      object-fit: cover;
    }

    @media only screen and (max-width: 62.5em) {
      #payment-link .view-404 svg {
        transform: translateY(15%);
      }
    }

    @media only screen and (max-width: 37.5em) {
      #payment-link .view-404 svg {
        transform: translateY(30%);
      }
    }

    #cookie-settings .hero__wrapper {
      flex-direction: column;
    }

    #cookie-settings .hero__sub-heading {
      max-width: 79rem;
    }

    #cookie-settings .cookies {
      padding-top: 0;
      padding-bottom: 0;
      margin: 4rem 0 2rem;
    }

    @media only screen and (max-width: 56.25em) {
      #cookie-settings .cookies {
        margin: 0 0 6rem;
      }
    }

    #cookie-settings .cookies__option {
      position: relative;
      width: 100%;
      padding: 12rem 0;
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
    }

    @media only screen and (max-width: 46.875em) {
      #cookie-settings .cookies__option {
        flex-direction: column;
      }
    }

    @media only screen and (max-width: 37.5em) {
      #cookie-settings .cookies__option {
        padding: 8rem 0;
      }
    }

    #cookie-settings .cookies__option>* {
      z-index: 2;
    }

    #cookie-settings .cookies__option-details {
      position: relative;
      max-width: 79rem;
    }

    #cookie-settings .cookies__option-details .p {
      margin-top: 3rem;
    }

    @media only screen and (max-width: 37.5em) {
      #cookie-settings .cookies__option-details .p {
        margin-top: 1.2rem;
      }
    }

    #cookie-settings .cookies__option-toggle {
      display: flex;
      align-items: center;
      font-weight: 500;
      font-size: 1.8rem;
    }

    @media only screen and (max-width: 46.875em) {
      #cookie-settings .cookies__option-toggle {
        margin-top: 4rem;
        font-size: 1.6rem;
      }
    }

    #cookie-settings .cookies__option-toggle input {
      --size: 2rem;
      width: var(--size);
      height: var(--size);
      cursor: pointer;
      accent-color: #2A3362;
      margin-left: 1.4rem;
    }

    @media only screen and (max-width: 46.875em) {
      #cookie-settings .cookies__option-toggle input {
        --size: 1.8rem;
      }
    }

    #cookie-settings .cookies__option:nth-child(odd)::before {
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      width: 100vw;
      height: 100%;
      left: calc(-50vw + 50%);
      background-color: #F6F9FC;
      z-index: 1;
    }

    #tuition {
      overflow: hidden;
    }

    #tuition .hero {
      padding-bottom: 18rem;
      padding-top: 8.8rem;
    }

    #tuition .hero.alt {
      padding-bottom: 15rem;
    }

    @media only screen and (max-width: 56.25em) {
      #tuition .hero.alt .hero__wrapper {
        flex-direction: column;
      }
    }

    @media only screen and (max-width: 37.5em) {
      #tuition .hero.alt {
        padding-bottom: 8rem;
      }
    }

    #tuition .hero.alt .hero__media {
      width: calc(100% - 76.5rem);
    }

    @media only screen and (max-width: 37.5em) {
      #tuition .hero.alt .hero__media {
        width: 100%;
        padding-left: 0;
      }
    }

    #tuition .hero.alt .hero__sub-heading {
      margin-bottom: 3rem;
    }

    #tuition .hero.alt .ul {
      margin-bottom: 4rem;
    }

    #tuition .hero__info {
      max-width: 62.2rem;
    }

    @media only screen and (max-width: 56.25em) {
      #tuition .hero__info {
        max-width: 52rem;
      }
    }

    @media only screen and (max-width: 46.875em) {
      #tuition .hero__info {
        max-width: unset;
      }
    }

    #tuition .hero__sub-heading {
      max-width: 45rem;
    }

    @media only screen and (max-width: 46.875em) {
      #tuition .hero__sub-heading {
        max-width: unset;
      }
    }

    #tuition .hero__media {
      flex: 0 1 auto;
      padding-left: 12.5rem;
      position: relative;
      width: calc(100% - 62.2rem);
    }

    #tuition .hero__media__item {
      height: 58.5rem;
      width: auto;
    }

    @keyframes slide {
      to {
        transform: translate(0);
      }
    }

    @keyframes fade {
      to {
        opacity: 1;
      }
    }

    @media only screen and (max-width: 37.5em) {
      #tuition .hero__media__item {
        height: 80vw;
        object-fit: contain;
        object-position: left;
      }
    }

    #tuition .hero__media__item.illustration {
      height: auto;
      margin-left: -37.5rem;
      margin-top: 5rem;
      max-width: 68.8rem;
    }

    @media only screen and (max-width: 56.25em) {
      #tuition .hero__media__item.illustration {
        margin-left: 0;
        width: 92vw;
      }
    }

    @media only screen and (max-width: 37.5em) {
      #tuition .hero__media__item.illustration {
        max-width: 100%;
        width: 100%;
      }
    }

    #tuition .hero__words {
      display: inline;
      text-indent: 10px;
      margin-right: 265px;
    }

    @media only screen and (max-width: 56.25em) {
      #tuition .hero__words {
        margin-right: 243px;
      }
    }

    @media only screen and (max-width: 37.5em) {
      #tuition .hero__words {
        margin-right: 170px;
      }
    }

    #tuition .hero__words span {
      position: absolute;
      opacity: 0;
      overflow: hidden;
      animation: rotateWord 9s linear infinite 0s;
    }

    #tuition .hero__words span:nth-child(2) {
      animation-delay: 3s;
    }

    #tuition .hero__words span:nth-child(3) {
      animation-delay: 6s;
    }

    #tuition .section--businesses {
      padding-bottom: 6rem;
      padding-top: 6rem;
    }

    @media only screen and (max-width: 46.875em) {
      #tuition .section--businesses {
        padding-bottom: 4rem;
        padding-top: 4rem;
      }
    }

    @media only screen and (max-width: 37.5em) {
      #tuition .section--businesses {
        padding-bottom: 3rem;
        padding-top: 3rem;
      }
    }

    #tuition .section--why {
      background: #F8FAFD;
    }

    #tuition .section--why .feature-grid {
      margin-top: 3.9rem;
    }

    #tuition .section--why__cta {
      margin-top: 7rem;
    }

    #tuition .section--process .steps {
      margin-top: 6.8rem;
    }

    #tuition .section--faq {
      background: #F8FAFD;
    }

    #tuition .section--faq .h1 {
      text-align: center;
    }

    #tuition .section--faq .faqs {
      margin-top: 9rem;
    }

    #swap {
      overflow-x: hidden;
    }

    #swap .hero {
      padding-bottom: 7.2rem;
      padding-top: 8.8rem;
    }

    @media only screen and (max-width: 56.25em) {
      #swap .hero .hero__wrapper {
        flex-direction: column;
      }
    }

    @media only screen and (max-width: 37.5em) {
      #swap .hero {
        padding-bottom: 8rem;
      }
    }

    #swap .hero__sub-heading {
      margin-bottom: 3rem;
    }

    #swap .hero .ul {
      margin-bottom: 4rem;
    }

    #swap .hero__content {
      max-width: 446px;
    }

    #swap .hero__info {
      max-width: 60.8rem;
    }

    @media only screen and (max-width: 56.25em) {
      #swap .hero__info {
        max-width: 52rem;
      }
    }

    @media only screen and (max-width: 46.875em) {
      #swap .hero__info {
        max-width: unset;
      }
    }

    #swap .hero__media {
      flex: 0 1 auto;
      padding-left: 12.5rem;
      position: relative;
      width: calc(100% - 76.5rem);
    }

    @media only screen and (max-width: 56.25em) {
      #swap .hero__media {
        width: 100%;
        padding-left: 0;
      }
    }

    #swap .hero__media__item.illustration {
      height: auto;
      margin-left: -43rem;
      margin-top: -6rem;
      width: 55vw;
    }

    @media only screen and (max-width: 1200px) {
      #swap .hero__media__item.illustration {
        width: auto;
      }
    }

    @media only screen and (max-width: 56.25em) {
      #swap .hero__media__item.illustration {
        margin-left: 0;
        margin-top: 5rem;
        width: 92vw;
      }
    }

    @media only screen and (max-width: 37.5em) {
      #swap .hero__media__item.illustration {
        max-width: 100%;
        width: 100%;
      }
    }

    #swap .hero__poweredby {
      font-size: 18px;
      line-height: 24px;
      margin-top: 6.7rem;
    }

    #swap .section--businesses {
      padding-bottom: 16rem;
      padding-top: 6rem;
    }

    @media only screen and (max-width: 46.875em) {
      #swap .section--businesses {
        padding-bottom: 8rem;
        padding-top: 4rem;
      }
    }

    @media only screen and (max-width: 37.5em) {
      #swap .section--businesses {
        padding-bottom: 3rem;
        padding-top: 3rem;
      }
    }

    #swap .section--why {
      background: #F8FAFD;
      padding-bottom: 17.2rem;
    }

    #swap .section--why .feature-grid {
      margin: 3.9rem -2rem 0;
    }

    #swap .section--why .feature-grid__section {
      padding: 0 2rem;
    }

    #swap .section--why__cta {
      margin-top: 7rem;
    }

    #swap .section--process {
      padding-bottom: 7rem;
    }

    #swap .section--process .steps {
      margin-top: 6.8rem;
    }

    #swap .section--faq {
      background: #F8FAFD;
    }

    #swap .section--faq .h1 {
      text-align: center;
      margin-left: auto;
      margin-right: auto;
      max-width: 996px;
    }

    #swap .section--faq .faqs {
      margin-top: 9rem;
    }

    #swap .section--safety .container h2.h1+p {
      max-width: 619px;
      font-size: 16px;
      line-height: 25px;
    }

    html {
      box-sizing: border-box
    }

    *,
    *::after,
    *::before {
      box-sizing: inherit
    }

    @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 .5s ease;
      animation: shake .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 .5s
    }

    .fade-enter {
      opacity: 0
    }

    @keyframes spin_words {
      0% {
        transform: translateY(0)
      }

      30% {
        transform: translateY(-112%)
      }

      50% {
        transform: translateY(-100%)
      }

      60% {
        transform: translateY(-112%)
      }

      100% {
        transform: translateY(0)
      }
    }

    @keyframes rotateWord {
      2% {
        opacity: 0;
        transform: translateY(-30px)
      }

      5% {
        opacity: 1;
        transform: translateY(0px)
      }

      17% {
        opacity: 1;
        transform: translateY(0px)
      }

      20% {
        opacity: 1;
        transform: translateY(0px)
      }

      32% {
        opacity: 0;
        transform: translateY(30px)
      }
    }

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

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

    body {
      font-size: 1.6rem;
      line-height: 1.4;
      text-rendering: optimizeLegibility;
      -webkit-font-smoothing: antialiased;
      overflow: auto !important
    }

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

    a,
    a:visited {
      color: inherit
    }

    article,
    aside,
    footer,
    header,
    nav,
    section,
    main {
      display: block
    }

    [hidden] {
      display: none !important
    }

    [disabled] {
      cursor: not-allowed
    }

    .sr-only:not(:focus):not(:active) {
      clip: rect(0 0 0 0);
      clip-path: inset(100%);
      height: 1px;
      overflow: hidden;
      position: absolute;
      white-space: nowrap;
      width: 1px
    }

    @font-face {
      font-family: "Moderat";
      font-style: normal;
      font-weight: 300;
      src: url(../fonts/Moderat-Light.802cb86.ttf) format("truetype")
    }

    @font-face {
      font-family: "Moderat";
      font-style: normal;
      font-weight: 400;
      src: url(../fonts/Moderat-Regular.21e2262.ttf) format("truetype")
    }

    @font-face {
      font-family: "Moderat";
      font-style: normal;
      font-weight: 500;
      src: url(../fonts/Moderat-Medium.5124209.ttf) format("truetype")
    }

    @font-face {
      font-family: "Moderat";
      font-style: normal;
      font-weight: 600;
      src: url(../fonts/Moderat-Bold.7586444.ttf) format("truetype")
    }

    @font-face {
      font-family: "Millik";
      font-style: normal;
      font-weight: 500;
      src: url(../fonts/Millik.df4df2a.ttf) format("truetype")
    }

    @font-face {
      font-family: "Inter";
      font-style: normal;
      font-weight: 100;
      src: url(../fonts/Inter-Thin.35b7cf4.ttf)
    }

    @font-face {
      font-family: "Inter";
      font-style: normal;
      font-weight: 200;
      src: url(../fonts/Inter-ExtraLight.909744b.ttf)
    }

    @font-face {
      font-family: "Inter";
      font-style: normal;
      font-weight: 300;
      src: url(../fonts/Inter-Light.6ffbefc.ttf)
    }

    @font-face {
      font-family: "Inter";
      font-style: normal;
      font-weight: 400;
      src: url(../fonts/Inter-Regular.515cae7.ttf)
    }

    @font-face {
      font-family: "Inter";
      font-style: normal;
      font-weight: 500;
      src: url(../fonts/Inter-Medium.5ff1f2a.ttf)
    }

    @font-face {
      font-family: "Inter";
      font-style: normal;
      font-weight: 600;
      src: url(../fonts/Inter-SemiBold.ec60b23.ttf)
    }

    @font-face {
      font-family: "Inter";
      font-style: normal;
      font-weight: 700;
      src: url(../fonts/Inter-Bold.91e5aee.ttf)
    }

    @font-face {
      font-family: "Inter";
      font-style: normal;
      font-weight: 800;
      src: url(../fonts/Inter-ExtraBold.bd9525f.ttf)
    }

    @font-face {
      font-family: "Inter";
      font-style: normal;
      font-weight: 900;
      src: url(../fonts/Inter-Black.5f2ce7d.ttf)
    }

    @font-face {
      font-family: "IBMPlex-Mono";
      font-style: normal;
      font-weight: 400;
      src: url(../fonts/IBMPlex-Mono-Regular.c8dbb07.ttf) format("truetype")
    }

    body {
      color: #000;
      font-family: "Moderat", sans-serif
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
      font-weight: 500
    }

    .h1 {
      font-family: "Millik", sans-serif;
      font-size: 8rem;
      font-weight: 500;
      letter-spacing: -0.03em;
      line-height: 8.6rem
    }

    @media only screen and (max-width: 56.25em) {
      .h1 {
        font-size: 5rem;
        line-height: 5.6rem
      }
    }

    @media only screen and (max-width: 37.5em) {
      .h1 {
        font-size: 3.6rem;
        line-height: 4.4rem
      }
    }

    .h2 {
      font-family: "Millik", sans-serif;
      font-size: 5rem;
      font-weight: 500;
      line-height: 4.8rem
    }

    @media only screen and (max-width: 56.25em) {
      .h2 {
        font-size: 3.2rem;
        line-height: 3rem
      }
    }

    @media only screen and (max-width: 37.5em) {
      .h2 {
        font-size: 2.4rem;
        line-height: 2.3rem
      }
    }

    .h3 {
      font-size: 2.4rem;
      font-weight: 600;
      line-height: 2.9rem
    }

    @media only screen and (max-width: 37.5em) {
      .h3 {
        font-size: 2.2rem;
        line-height: 2.6rem
      }
    }

    .p {
      font-size: 2.2rem;
      font-weight: 300;
      line-height: 3.2rem
    }

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

    .p:not(:last-child) {
      margin-bottom: 2rem
    }

    .p.loud {
      font-size: 8rem;
      line-height: 10rem
    }

    @media only screen and (max-width: 56.25em) {
      .p.loud {
        font-size: 5.2rem;
        line-height: 7rem
      }
    }

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

    .p.sm {
      font-size: 2rem
    }

    @media only screen and (max-width: 37.5em) {
      .p.sm {
        font-size: 1.8rem
      }
    }

    .p.md {
      font-size: 3rem;
      line-height: 4rem
    }

    @media only screen and (max-width: 37.5em) {
      .p.md {
        font-size: 2.2rem;
        line-height: 3.2rem
      }
    }

    p .link {
      color: #00abab;
      display: inline-block;
      font-weight: 400;
      padding: 0 .2rem;
      text-decoration: none
    }

    .hidden {
      display: none !important
    }

    .flex {
      display: flex
    }

    .c-or {
      color: #fb9129
    }

    .c-tq {
      color: #00abab
    }

    .c-gr {
      color: #35a162
    }

    .c-pp {
      color: #6672c7
    }

    .c-bl {
      color: #262c55 !important
    }

    .c-lbl {
      color: #006aff !important
    }

    .c-pk {
      color: #f1a5c2
    }

    .c-pk-darker {
      color: #eb7da7
    }

    .c-lm {
      color: #dcf5e7
    }

    .c-ap {
      color: #f3b08c
    }

    .c-rd {
      color: #eb5757
    }

    .mb-0 {
      margin-bottom: 0 !important
    }

    .mb-40 {
      margin-bottom: 4rem
    }

    .mt-40 {
      margin-top: 4rem
    }

    .p-0 {
      padding: 0 !important
    }

    .px-0 {
      padding-left: 0 !important;
      padding-right: 0 !important
    }

    .py-0 {
      padding-bottom: 0 !important;
      padding-top: 0 !important
    }

    .pb-0 {
      padding-bottom: 0 !important
    }

    .pt-0 {
      padding-top: 0 !important
    }

    .border {
      border: 1px solid #1d1d1d
    }

    .border--red {
      border-color: #eb5757
    }

    .w-100 {
      width: 100%;
      height: auto
    }

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

    .breadcrumb {
      list-style: none;
      margin-bottom: 3.1rem
    }

    .breadcrumb li {
      display: inline;
      font-size: 1.4rem;
      margin-right: .6rem
    }

    .breadcrumb li+li::before {
      content: ">";
      padding-right: .6rem
    }

    .breadcrumb li:last-child a,
    .breadcrumb li:last-child span {
      color: #006aff;
      text-decoration: none
    }

    .businesses__intro {
      font-size: 2.2rem;
      font-weight: 500;
      line-height: 3.2rem;
      margin-bottom: 2rem
    }

    @media only screen and (max-width: 37.5em) {
      .businesses__intro {
        font-size: 2rem;
        line-height: 2.4rem
      }
    }

    .businesses__list {
      align-items: center;
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start;
      margin-left: -2.5rem;
      margin-right: -2.5rem
    }

    @media only screen and (max-width: 46.875em) {
      .businesses__list {
        margin-left: -2.2rem;
        margin-right: -2.2rem
      }
    }

    @media only screen and (max-width: 37.5em) {
      .businesses__list {
        margin-left: -1.8rem;
        margin-right: -1.8rem
      }
    }

    .businesses .business {
      flex: 0 0 auto;
      padding: 2rem 2rem
    }

    @media only screen and (max-width: 37.5em) {
      .businesses .business {
        padding: 2rem 1.8rem
      }
    }

    .businesses .business__logo {
      display: block;
      height: 3rem;
      width: auto
    }

    @media only screen and (max-width: 46.875em) {
      .businesses .business__logo {
        height: 2.5rem
      }
    }

    @media only screen and (max-width: 37.5em) {
      .businesses .business__logo {
        height: 2.1rem
      }
    }

    .businesses .business__logo.sm {
      height: 3rem
    }

    @media only screen and (max-width: 46.875em) {
      .businesses .business__logo.sm {
        height: 2rem
      }
    }

    @media only screen and (max-width: 37.5em) {
      .businesses .business__logo.sm {
        height: 1.5rem
      }
    }

    .businesses .business__logo.xs {
      height: 2.6rem
    }

    @media only screen and (max-width: 46.875em) {
      .businesses .business__logo.xs {
        height: 2.4rem
      }
    }

    @media only screen and (max-width: 37.5em) {
      .businesses .business__logo.xs {
        height: 1.6rem
      }
    }

    .btn {
      align-items: center;
      background-color: #0a0e27;
      border: none;
      border-radius: 1rem;
      color: #fff;
      cursor: pointer;
      display: inline-flex;
      font-size: 1.6rem;
      font-weight: 500;
      justify-content: flex-start;
      line-height: 1.9rem;
      padding: 2.1rem 2.4rem;
      text-align: center;
      text-decoration: none;
      transition: all .3s ease
    }

    @media only screen and (max-width: 37.5em) {
      .btn {
        font-size: 1.4rem;
        line-height: 1.6rem;
        padding: 1.8rem 2.1rem
      }
    }

    @media screen and (max-width: 480px) {
      .btn {
        font-size: 3.7vw;
        line-height: 4vw;
        padding: 4.5vw 4.3vw
      }
    }

    .btn:disabled {
      cursor: not-allowed;
      opacity: .5
    }

    .btn__label {
      color: currentColor
    }

    .btn__link {
      color: #006aff !important
    }

    .btn__icon {
      fill: currentColor;
      flex: 0 0 auto;
      height: auto;
      margin-left: .9rem;
      margin-top: .4rem;
      width: 1rem
    }

    @media only screen and (max-width: 37.5em) {
      .btn__icon {
        width: .6rem
      }
    }

    .btn__icon--left {
      margin-left: 0;
      margin-right: 1rem
    }

    .btn__icon--lg {
      width: 1.8rem
    }

    .btn--xs {
      font-size: 1.3rem;
      line-height: 1.6rem;
      padding: 1.6rem 2.7rem
    }

    .btn--sm {
      font-size: 1.4rem;
      line-height: 2rem;
      padding: 1.5rem 2.5rem
    }

    .btn--md {
      padding: 2.2rem 2.5rem
    }

    .btn--lg {
      padding: 2.8rem 3.2rem
    }

    @media only screen and (max-width: 46.875em) {
      .btn--lg {
        padding: 2.8rem 3.2rem
      }
    }

    @media only screen and (max-width: 37.5em) {
      .btn--lg {
        padding: 2.2rem 2.8rem
      }
    }

    .btn--primary {
      background-color: #0a0e27;
      color: #fff
    }

    .btn--secondary {
      background-color: #fff;
      color: #1d1d1d
    }

    .btn--tertiary {
      background-color: #eee;
      color: #000
    }

    .btn--orange {
      background: #ff9b00;
      color: #313131
    }

    .btn--inline {
      background-color: rgba(0, 0, 0, 0);
      border-radius: .5rem;
      color: #000;
      filter: none;
      padding: .4rem .5rem
    }

    .btn--inline svg {
      --scale: 0.85;
      transform: scale(var(--scale));
      transition: .6s cubic-bezier(0.16, 1, 0.3, 1)
    }

    .btn--inline:hover>svg {
      transform: translateX(50%) scale(var(--scale))
    }

    @media only screen and (max-width: 37.5em) {
      .btn--inline {
        font-size: 1.6rem
      }

      .btn--inline svg {
        --scale: 1.2
      }
    }

    .btn--inline:not([disabled]):hover {
      color: #000
    }

    .btn--inline.white {
      color: #fff
    }

    .btn--inline.white:not([disabled]):hover {
      color: #fff
    }

    .btn--inline.orange {
      color: #fb4e20
    }

    .btn--inline.orange:not([disabled]):hover {
      color: #fb4e20
    }

    .btn--inline.purple {
      color: #6672c7
    }

    .btn--inline.purple:not([disabled]):hover {
      color: #6672c7
    }

    .btn--block {
      justify-content: center;
      text-align: center;
      width: 100%
    }

    .btn--pill {
      background-color: #262c55;
      color: #fff;
      padding: 7px 16px;
      border-radius: 4px;
      font-size: 1.4rem;
      display: inline-flex;
      align-items: center;
      transition: all .3s
    }

    .btn--pill svg {
      margin-left: .4rem
    }

    .btn--pill:hover {
      background-color: #39427e
    }

    .cl {
      padding: 10rem 2rem;
      font-weight: 300
    }

    @media only screen and (max-width: 46.875em) {
      .cl {
        padding: 7rem 2rem
      }
    }

    @media only screen and (max-width: 37.5em) {
      .cl {
        padding: 5rem 2rem 6rem
      }
    }

    .cl__box {
      margin: 0 auto;
      max-width: 109.2rem;
      background-color: #1d1d1d;
      border-radius: 2rem;
      box-shadow: 0px 25px 50px rgba(29, 29, 29, .5);
      color: #fff;
      padding: 3rem
    }

    .cl__box.blue {
      background-color: #262c55
    }

    .cl__wrapper {
      margin: 6.6rem auto;
      max-width: 74.2rem
    }

    @media only screen and (max-width: 46.875em) {
      .cl__wrapper {
        margin: 5.5rem auto
      }
    }

    @media only screen and (max-width: 37.5em) {
      .cl__wrapper {
        margin: 3rem auto
      }
    }

    .cl__heading {
      font-family: "Millik", sans-serif;
      font-size: 5rem;
      font-weight: 500;
      letter-spacing: -0.03em;
      line-height: 5.4rem;
      margin-bottom: 3.1rem
    }

    @media only screen and (max-width: 46.875em) {
      .cl__heading {
        margin-bottom: 2.8rem
      }
    }

    @media only screen and (max-width: 37.5em) {
      .cl__heading {
        font-size: 3rem;
        line-height: 3.6rem;
        margin-bottom: 1rem
      }
    }

    .cl__sub-heading {
      font-size: 2.2rem;
      line-height: 3.2rem;
      margin-bottom: 6.6rem
    }

    @media only screen and (max-width: 46.875em) {
      .cl__sub-heading {
        font-size: 2rem;
        line-height: 3rem;
        margin-bottom: 4.3rem
      }
    }

    @media only screen and (max-width: 37.5em) {
      .cl__sub-heading {
        font-size: 1.7rem;
        line-height: 2.8rem;
        margin-bottom: 3rem
      }
    }

    .cl__ctas {
      align-items: center;
      display: flex;
      justify-content: flex-start;
      flex-wrap: wrap;
      margin-bottom: -15px
    }

    .cl__cta {
      margin-top: 15px
    }

    .cl__cta:not(:last-child) {
      margin-right: 5rem
    }

    @media only screen and (max-width: 37.5em) {
      .cl__cta:not(:last-child) {
        margin-right: 2.2rem
      }
    }

    .cl__form {
      align-items: stretch;
      display: flex;
      justify-content: flex-start;
      width: 100%
    }

    @media only screen and (max-width: 37.5em) {
      .cl__form {
        flex-wrap: wrap
      }
    }

    .cl__form__input {
      background-color: rgba(255, 255, 255, .2) !important;
      border-color: rgba(255, 255, 255, .2) !important;
      border-radius: .5rem !important;
      color: #fff !important;
      flex: 1 1 auto;
      font-size: 1.6rem !important;
      letter-spacing: .05rem;
      line-height: 1.4rem !important;
      margin-right: 2rem;
      padding: 2.4rem 3.7rem !important
    }

    @media only screen and (max-width: 37.5em) {
      .cl__form__input {
        width: 100%;
        margin-right: 0;
        padding: 2.4rem 1.8rem !important
      }
    }

    .cl__form__input:focus {
      border-color: rgba(255, 255, 255, .2) !important
    }

    .cl__form__input:-moz-placeholder {
      color: #fff !important
    }

    .cl__form__input:-ms-input-placeholder {
      color: #fff !important
    }

    .cl__form__input::-webkit-input-placeholder {
      color: #fff !important
    }

    .cl__form__cta {
      flex: 0 0 auto
    }

    @media only screen and (max-width: 37.5em) {
      .cl__form__cta {
        width: 100%;
        padding: 2.3rem 3.7rem;
        margin-top: 2.2rem;
        justify-content: center
      }
    }

    .cl__form .btn {
      position: relative;
      display: flex;
      justify-content: center
    }

    .cl__form .btn__spinner {
      position: absolute;
      animation: rotate 1.4s linear infinite
    }

    .faqs {
      list-style: none
    }

    .faq {
      border-top: 1px solid rgba(0, 0, 0, .5);
      display: block
    }

    .faq__trigger {
      align-items: center;
      background-color: rgba(0, 0, 0, 0);
      border: none;
      border-radius: 0;
      color: #1d1d1d;
      cursor: pointer;
      display: flex;
      justify-content: space-between;
      outline-color: #1d1d1d;
      padding: 3.5rem .2rem;
      width: 100%
    }

    @media only screen and (max-width: 37.5em) {
      .faq__trigger {
        padding: 2.6rem .2rem
      }
    }

    .faq__trigger:hover {
      color: #00abab
    }

    .faq__trigger.active {
      color: #00abab
    }

    .faq__trigger.active .faq__trigger__icon {
      transform: rotate(-180deg)
    }

    .faq__trigger__icon {
      flex: 0 0 auto;
      height: auto;
      margin-left: 5rem;
      stroke: currentColor;
      transition: color .3s ease, transform .3s ease;
      width: 1.6rem
    }

    @media only screen and (max-width: 37.5em) {
      .faq__trigger__icon {
        width: 1.2rem
      }
    }

    .faq__body {
      height: 0;
      overflow: hidden
    }

    .faq__body.active {
      height: auto
    }

    .faq__question {
      font-size: 2.4rem;
      font-weight: 300;
      line-height: 2.9rem;
      text-align: left;
      transition: color .3s ease
    }

    @media only screen and (max-width: 37.5em) {
      .faq__question {
        font-size: 1.8rem;
        line-height: 2.6rem
      }
    }

    .faq__answer {
      font-size: 1.8rem;
      font-weight: 300;
      line-height: 2.6rem;
      padding-bottom: 3rem;
      padding-top: 1rem
    }

    .faq__answer--html ol li {
      list-style-type: decimal
    }

    .faq__answer--html ul li {
      list-style-type: initial
    }

    .faq__answer--html ol,
    .faq__answer--html ul {
      padding: 0 20px
    }

    .faq__answer--html ol li,
    .faq__answer--html ul li {
      margin: 10px 0
    }

    .faq__answer--html p {
      margin-bottom: 1rem
    }

    .feature-grid {
      align-items: stretch;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      margin: -3rem
    }

    @media only screen and (max-width: 37.5em) {
      .feature-grid {
        margin: 0
      }
    }

    .feature-grid--4 .feature-grid__section {
      width: 25%
    }

    @media only screen and (max-width: 46.875em) {
      .feature-grid--4 .feature-grid__section {
        width: 50%
      }
    }

    @media only screen and (max-width: 37.5em) {
      .feature-grid--4 .feature-grid__section {
        width: 100%
      }
    }

    .feature-grid__section {
      flex: 0 1 auto;
      padding: 3rem;
      width: 33.3333333333%
    }

    @media only screen and (max-width: 46.875em) {
      .feature-grid__section {
        width: 100%
      }
    }

    @media only screen and (max-width: 37.5em) {
      .feature-grid__section {
        padding: 0
      }

      .feature-grid__section:not(:last-child) {
        margin-bottom: 6rem
      }
    }

    .feature__icon {
      border-radius: 100%;
      width: 5.7rem;
      height: 5.7rem;
      margin-bottom: 2.6rem;
      object-fit: cover;
      object-position: center;
      overflow: hidden
    }

    @media only screen and (max-width: 37.5em) {
      .feature__icon {
        margin-bottom: 2.2rem
      }
    }

    .feature__title {
      color: #050505;
      font-size: 1.8rem;
      font-weight: 600;
      line-height: 2.6rem;
      margin-bottom: 1.3rem
    }

    .feature__desc {
      max-width: 28.4rem
    }

    @media only screen and (max-width: 37.5em) {
      .feature__desc {
        max-width: 100%
      }
    }

    .feature__cta {
      margin-left: -0.5rem;
      margin-top: 1.5rem
    }

    .feature__cta .btn__icon {
      margin-left: 1.4rem;
      width: .8rem
    }

    .form__field {
      margin-bottom: 2rem
    }

    .form__field--disabled {
      background: #f1f1f1
    }

    .form__field--error .form__input,
    .form__field--error .form__textarea,
    .form__field--error .form__select {
      border-color: #eb5757
    }

    .form__field--error .form__input:focus,
    .form__field--error .form__textarea:focus,
    .form__field--error .form__select:focus {
      border-color: #eb5757 !important
    }

    .form__field--required .form__label:after {
      content: " *";
      color: #fb9129
    }

    .form__field--withAddon .form__field__inner {
      display: flex;
      align-items: center;
      border: 1px solid #c4cdd5;
      border-radius: 1rem
    }

    .form__field--withAddon .form__left {
      display: flex;
      padding: 1.5rem;
      padding-right: .5rem;
      color: #6d6d6d;
      border-top-left-radius: 1rem;
      border-bottom-left-radius: 1rem
    }

    @media only screen and (max-width: 37.5em) {
      .form__field--withAddon .form__left {
        padding: 1.3rem;
        padding-right: .5rem;
        font-size: 1.4rem
      }
    }

    .form__field--withAddon .form__input {
      border: none;
      border-radius: 0;
      border-top-right-radius: 1rem;
      border-bottom-right-radius: 1rem;
      background-color: rgba(0, 0, 0, 0)
    }

    .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;
      text-transform: uppercase;
      color: #a5a5a5;
      display: inline-block;
      margin-bottom: 1.2rem
    }

    .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: .6rem;
      pointer-events: none;
      position: absolute;
      right: 1.2rem;
      stroke: #828282;
      top: calc(50% - .3rem);
      width: auto
    }

    .form__input,
    .form__textarea,
    .form__select {
      background-clip: padding-box;
      background-color: #fff;
      background-image: none;
      -webkit-background-clip: padding-box;
      border: 1px solid #c4cdd5;
      border-radius: 1rem;
      box-shadow: none;
      color: #1d1d1d;
      display: block;
      font-family: inherit;
      font-size: 1.4rem;
      font-weight: 400;
      line-height: 2rem;
      outline-color: #1d1d1d;
      padding: 1.5rem;
      transition: border-color .3s ease, color .3s ease, outline-color .3s ease;
      width: 100%
    }

    .form__input:focus,
    .form__textarea:focus,
    .form__select:focus {
      border-color: #1d1d1d
    }

    .form__input:-moz-placeholder,
    .form__textarea:-moz-placeholder,
    .form__select:-moz-placeholder {
      color: #828282
    }

    .form__input:-ms-input-placeholder,
    .form__textarea:-ms-input-placeholder,
    .form__select:-ms-input-placeholder {
      color: #828282
    }

    .form__input::-webkit-input-placeholder,
    .form__textarea::-webkit-input-placeholder,
    .form__select::-webkit-input-placeholder {
      color: #828282
    }

    .form__input[readonly],
    .form__input:disabled,
    .form__textarea[readonly],
    .form__textarea:disabled,
    .form__select[readonly],
    .form__select:disabled {
      background-color: #f1f1f1;
      cursor: not-allowed
    }

    .form__select--empty {
      color: #828282
    }

    .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__info {
      margin-top: 1.6rem;
      color: #fb9129;
      font-size: 1.4rem
    }

    @media only screen and (max-width: 37.5em) {
      .form__info {
        font-size: 1.2rem
      }
    }

    .form .file-uploader {
      position: relative;
      border: 1px dashed #e0e0e0;
      border-radius: 10px;
      padding: 1.4rem 2rem;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-wrap: nowrap;
      cursor: pointer
    }

    .form .file-uploader input[type=file] {
      position: absolute;
      opacity: 0;
      width: 100%;
      height: 100%;
      cursor: pointer
    }

    .form .file-uploader label {
      display: flex;
      align-items: center;
      color: #2a3362;
      cursor: pointer;
      max-width: 100%;
      overflow: hidden;
      text-overflow: ellipsis
    }

    .form .file-uploader label svg {
      margin-right: .6rem
    }

    .form .file-uploader--image {
      padding: 1rem;
      justify-content: start
    }

    .form .file-uploader--image img {
      width: 50px;
      height: 50px;
      object-fit: cover;
      object-position: center;
      margin-right: 1.5rem
    }

    .form .file-uploader--alt {
      border: 1px solid #000;
      background-color: #4f4f4f;
      border-radius: 4px
    }

    .form .file-uploader--alt label {
      color: #fff
    }

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

    .form .file-upload-wrapper .delete-button {
      position: absolute;
      z-index: 3;
      top: 0;
      right: 0;
      background: #eb5757;
      padding: 5px;
      display: flex;
      cursor: pointer;
      border-top-right-radius: 4px;
      transition: color ease-in .3s
    }

    .form .file-upload-wrapper .delete-button:hover {
      color: #fff
    }

    .form .multiselect {
      background-clip: padding-box;
      background-color: #fff;
      background-image: none;
      -webkit-background-clip: padding-box;
      font-size: 1.4rem
    }

    .form .multiselect__tags {
      font-size: 1.4rem;
      padding: 1.5rem;
      border: 1px solid #c4cdd5;
      border-radius: 1rem;
      box-shadow: none;
      color: #1d1d1d;
      display: block;
      font-family: inherit;
      font-size: 1.4rem;
      font-weight: 400;
      line-height: 2rem
    }

    .form .multiselect__tags .multiselect__single {
      padding-left: 0;
      margin-bottom: 0;
      font-size: 1.4rem;
      color: #1d1d1d
    }

    .form .multiselect__placeholder {
      color: #828282;
      margin-bottom: 0;
      padding-top: 0
    }

    .form .multiselect__select {
      display: none
    }

    .form .multiselect__input {
      font-size: 1.4rem;
      min-height: auto;
      padding-left: 0
    }

    .form .multiselect__option--highlight {
      background: #00abab
    }

    .form .multiselect__option--highlight::after {
      background: #00abab
    }

    .form__error {
      display: flex;
      align-items: center;
      margin-top: 12px
    }

    .form__error svg {
      width: 16px;
      height: 16px;
      margin-right: 8px
    }

    .form__error-text {
      color: #eb5757;
      font-size: 14px;
      font-weight: 400
    }

    .hero {
      padding: 9rem 2rem
    }

    @media only screen and (max-width: 46.875em) {
      .hero {
        padding: 8.2rem 2rem
      }
    }

    @media only screen and (max-width: 37.5em) {
      .hero {
        padding: 7.2rem 2rem
      }
    }

    .hero__wrapper {
      margin: 0 auto;
      max-width: 109.2rem;
      align-items: flex-start;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between
    }

    .hero__info {
      flex: 0 1 auto;
      width: 75rem
    }

    @media only screen and (max-width: 46.875em) {
      .hero__info {
        width: 100%
      }
    }

    .hero__media {
      flex: 0 1 auto;
      width: calc(100% - 60rem)
    }

    @media only screen and (max-width: 46.875em) {
      .hero__media {
        width: 100%
      }
    }

    .hero__media__item {
      display: block;
      height: auto;
      width: 100%
    }

    .hero__heading {
      font-family: "Millik", sans-serif;
      font-size: 10rem;
      font-weight: 500;
      letter-spacing: -0.03em;
      line-height: 10.8rem;
      margin-bottom: 3rem
    }

    .hero__heading.alt {
      font-size: 8rem;
      line-height: 8.6rem
    }

    @media only screen and (max-width: 56.25em) {
      .hero__heading {
        font-size: 7rem !important;
        line-height: 7.2rem !important
      }
    }

    @media only screen and (max-width: 37.5em) {
      .hero__heading {
        font-size: 5rem !important;
        line-height: 5.2rem !important;
        margin-bottom: 2.3rem
      }
    }

    .hero__sub-heading {
      font-size: 2.2rem;
      font-weight: 300;
      line-height: 3.2rem;
      margin-bottom: 4rem;
      max-width: 61rem
    }

    @media only screen and (max-width: 37.5em) {
      .hero__sub-heading {
        font-size: 1.8rem !important;
        line-height: 2.8rem !important;
        margin-bottom: 3.5rem;
        max-width: 100% !important
      }
    }

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

    .hero__cta:not(:last-child) {
      margin-right: 2rem
    }

    .figure {
      overflow: hidden;
      width: 100%
    }

    .figure img {
      display: block;
      height: auto;
      width: 100%
    }

    .figure figcaption {
      font-size: 1.8rem;
      line-height: 2.8rem;
      margin-top: 2.1rem;
      text-align: center
    }

    @media only screen and (max-width: 37.5em) {
      .figure figcaption {
        font-size: 1.6rem;
        line-height: 2.4rem;
        margin-top: 2rem
      }
    }

    .ul {
      list-style: none
    }

    .ul.main.big li {
      font-size: 2.2rem;
      line-height: 3.6rem
    }

    .ul.main.big li:not(:last-of-type) {
      margin-bottom: 6rem
    }

    .ul.main.big li::before {
      top: 1.5rem
    }

    .ul.main li {
      font-size: 1.8rem;
      font-weight: 300;
      line-height: 2.6rem;
      padding-left: 3.4rem;
      position: relative
    }

    .ul.main li:not(:last-of-type) {
      margin-bottom: 2.4rem
    }

    .ul.main li::before {
      background-color: #262c55;
      border-radius: 100%;
      content: "";
      height: 1.1rem;
      left: 0;
      position: absolute;
      top: .9rem;
      width: 2rem
    }

    .ul.main li a {
      color: currentColor;
      position: relative;
      text-decoration: none;
      transition: all .3s ease
    }

    .ul.main li a:hover {
      color: #000
    }

    .ul.main li a::before {
      background-color: currentColor;
      bottom: 0;
      content: "";
      height: 1px;
      left: 0;
      position: absolute;
      right: 0
    }

    .ul.main.green li::before {
      background-color: #35a162
    }

    .ul.main.turquoise li::before {
      background-color: #00abab
    }

    .ul.main.orange li::before {
      background-color: #fb9129
    }

    .ul.main.pink li::before {
      background-color: #f1a5c2
    }

    .ul.main.pink-darker li::before {
      background-color: #eb7da7
    }

    .ul.main.lemon li::before {
      background-color: #dcf5e7
    }

    .ul.main.purple li::before {
      background-color: #6672c7
    }

    .ul.main.red li::before {
      background-color: #eb5757
    }

    .location {
      position: relative
    }

    .location.lg .location__toggler {
      font-size: 2.3rem;
      line-height: 2.7rem
    }

    @media only screen and (max-width: 37.5em) {
      .location.lg .location__toggler {
        font-size: 2rem
      }
    }

    .location.lg .location__flag {
      --size: 3rem;
      height: var(--size);
      width: var(--size);
      margin-right: 1rem
    }

    @media only screen and (max-width: 37.5em) {
      .location.lg .location__flag {
        --size: 2.6rem
      }
    }

    .location.lg .location__dropdown {
      bottom: unset;
      left: 50%;
      top: calc(100% + 2.4rem);
      transform: translateX(-50%)
    }

    @media only screen and (max-width: 46.875em) {
      .location.lg .location__dropdown {
        max-width: 92vw
      }
    }

    .location.dark .location__toggler {
      color: #fff
    }

    .location.dark .location__dropdown {
      background-color: #313131;
      color: #fff
    }

    .location.dark .country {
      color: #fff
    }

    .location.dark .country:hover {
      background-color: #686868;
      color: #fff
    }

    .location.dark .country:active,
    .location.dark .country.active {
      background-color: #1d1d1d;
      color: #fff
    }

    .location__toggler {
      align-items: center;
      background-color: rgba(0, 0, 0, 0);
      border: none;
      color: #1d1d1d;
      cursor: pointer;
      display: flex;
      font-size: 1.6rem;
      font-weight: 300;
      justify-content: flex-start;
      line-height: 1.9rem;
      padding: .4rem;
      transition: color .3s ease
    }

    .location__toggler:hover {
      color: #00abab
    }

    .location__toggler__icon {
      flex: 0 0 auto;
      height: .7rem;
      margin-left: 1rem;
      margin-top: .4rem;
      stroke: currentColor;
      width: auto
    }

    .location__flag {
      background: #fff;
      border: none;
      border-radius: 100%;
      flex: 0 0 auto;
      height: 2.1rem;
      margin-right: .8rem;
      object-fit: cover;
      object-position: center;
      overflow: hidden;
      width: 2.1rem
    }

    .location__name {
      flex: 0 0 auto;
      font-family: "Moderat", sans-serif
    }

    .location__dropdown {
      background-color: #fff;
      border-radius: 1rem;
      bottom: calc(100% + 2.4rem);
      box-shadow: 0px 10px 40px rgba(0, 0, 0, .2);
      left: 0;
      padding: 2.8rem;
      position: absolute;
      z-index: 10;
      width: 60rem
    }

    @media only screen and (max-width: 46.875em) {
      .location__dropdown {
        max-width: 100%
      }
    }

    .location__dropdown-list {
      align-items: flex-start;
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start;
      list-style: none
    }

    .location__dropdown-item {
      flex: 0 0 auto;
      padding: 1rem;
      text-align: left;
      width: 33.3333333333%
    }

    @media only screen and (max-width: 46.875em) {
      .location__dropdown-item {
        width: 50%
      }
    }

    @media only screen and (max-width: 31.25em) {
      .location__dropdown-item {
        width: 100%
      }
    }

    .location .country {
      align-items: center;
      background-color: rgba(0, 0, 0, 0);
      border-radius: .5rem;
      display: inline-flex;
      font-size: 1.5rem;
      font-weight: 300;
      justify-content: flex-start;
      line-height: 1.8rem;
      padding: .8rem .85rem;
      text-decoration: none;
      transition: all .3s ease;
      border: none;
      cursor: pointer;
      font-family: "Moderat", sans-serif
    }

    .location .country:hover {
      background-color: #eee;
      color: #1d1d1d
    }

    .location .country:active,
    .location .country.active {
      background-color: rgba(0, 171, 171, .1);
      color: #1d1d1d;
      font-weight: 400
    }

    .location .country__flag {
      background-color: #fff;
      border-radius: .5rem;
      flex: 0 0 auto;
      height: 2rem;
      margin-right: 1rem;
      object-fit: cover;
      object-position: center;
      overflow: hidden;
      width: 2.6rem
    }

    .location .country__name {
      flex: 0 1 auto
    }

    .stacked-cards {
      --width: 50rem;
      --height: 31.4rem;
      width: var(--width);
      height: var(--height);
      color: #fff;
      position: relative
    }

    @media only screen and (max-width: 37.5em) {
      .stacked-cards {
        --width: 100%;
        --height: calc(95vw * 31.4 / 50)
      }
    }

    .stacked-cards .card {
      --translate-y: 0;
      --delay: 0s;
      --perspective: 2000px;
      --rotation: 0deg;
      position: absolute;
      max-width: var(--width);
      max-height: var(--height);
      width: 100%;
      height: 100%;
      display: flex;
      flex-direction: column;
      border-radius: 16px;
      background: linear-gradient(200deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%);
      backdrop-filter: blur(20px);
      border: 1px solid rgba(255, 255, 255, .15);
      padding: 30px;
      left: 0;
      top: 0;
      overflow: hidden;
      font-size: 1.4rem;
      color: #d5d5d5;
      perspective-origin: center bottom;
      transform: scale(var(--scale)) translateY(var(--translate-y)) perspective(var(--perspective)) rotateX(var(--rotation));
      transition: opacity .8s cubic-bezier(0.16, 1, 0.3, 1) var(--delay), transform 1s cubic-bezier(0.16, 1, 0.3, 1) var(--delay);
      --scale-mul: 0.09;
      --translate-diff: 13
    }

    @media only screen and (max-width: 37.5em) {
      .stacked-cards .card {
        padding: 6vw
      }
    }

    .stacked-cards .card::before {
      position: absolute;
      content: "";
      background-image: url("images/box.png");
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      opacity: .6
    }

    .stacked-cards .card:nth-child(1) {
      z-index: calc(4 - 1);
      --translate-y: calc((1 * var(--translate-diff) - var(--translate-diff)) * 1%);
      --scale: calc(1 - (1 * var(--scale-mul)) + var(--scale-mul))
    }

    .stacked-cards .card:nth-child(2) {
      z-index: calc(4 - 2);
      --translate-y: calc((2 * var(--translate-diff) - var(--translate-diff)) * 1%);
      --scale: calc(1 - (2 * var(--scale-mul)) + var(--scale-mul))
    }

    .stacked-cards .card:nth-child(3) {
      z-index: calc(4 - 3);
      --translate-y: calc((3 * var(--translate-diff) - var(--translate-diff)) * 1%);
      --scale: calc(1 - (3 * var(--scale-mul)) + var(--scale-mul))
    }

    .stacked-cards .card:nth-child(4) {
      z-index: calc(4 - 4);
      --translate-y: calc((4 * var(--translate-diff) - var(--translate-diff)) * 1%);
      --scale: calc(1 - (4 * var(--scale-mul)) + var(--scale-mul))
    }

    .stacked-cards .card__top svg {
      float: right;
      margin-right: 5px;
      margin-top: 12px
    }

    @media only screen and (max-width: 37.5em) {
      .stacked-cards .card__top svg {
        transform: scale(0.9)
      }
    }

    .stacked-cards .card__bottom {
      margin-top: auto;
      text-align: left;
      width: 100%
    }

    .stacked-cards .card__number {
      font-family: "IBMPlex-Mono";
      font-weight: 400;
      margin-bottom: 18px
    }

    .stacked-cards .card__name-wrap {
      display: flex;
      justify-content: space-between
    }

    .stacked-cards .card__name {
      font-family: sans-serif
    }

    .stacked-cards .card:first-child .card__logo {
      --before-color: #ba953a;
      --after-color: #ff5c5c
    }

    .stacked-cards .card__logo {
      position: relative;
      width: 20px;
      height: 20px;
      --before-color: #939393;
      --after-color: #BABABA
    }

    @media only screen and (max-width: 37.5em) {
      .stacked-cards .card__logo {
        transform: scale(0.9);
        transform-origin: bottom
      }
    }

    .stacked-cards .card__logo::before,
    .stacked-cards .card__logo::after {
      content: "";
      position: absolute;
      width: 20px;
      height: 20px;
      border-radius: 50%;
      transition: background-color 3s cubic-bezier(0.16, 1, 0.3, 1) .2s
    }

    .stacked-cards .card__logo::before {
      background-color: var(--before-color)
    }

    .stacked-cards .card__logo::after {
      background-color: var(--after-color);
      transform: translateX(-50%);
      opacity: .8
    }

    .steps {
      flex: 0 1 auto;
      margin-right: 13.8rem;
      width: 36.6rem
    }

    .steps--alt {
      align-items: flex-start;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      width: 100%
    }

    .steps--alt .step {
      align-items: stretch;
      flex: 0 1 auto;
      flex-direction: column;
      width: calc(25% - 3rem)
    }

    @media only screen and (max-width: 56.25em) {
      .steps--alt .step {
        margin-bottom: 6rem;
        width: calc(50% - 3rem)
      }
    }

    @media only screen and (max-width: 37.5em) {
      .steps--alt .step {
        align-items: flex-start;
        flex-direction: row;
        margin-bottom: 0;
        width: 100%
      }
    }

    .steps--alt .step:not(:last-child) {
      padding-bottom: 0
    }

    @media only screen and (max-width: 37.5em) {
      .steps--alt .step:not(:last-child) {
        padding-bottom: 5rem
      }
    }

    .steps--alt .step:not(:last-child)::before {
      border: none;
      border-top: 1px dashed rgba(0, 0, 0, .4);
      height: 0;
      left: unset;
      right: 0;
      top: 2.2rem;
      width: calc(100% - 8.6rem)
    }

    @media only screen and (max-width: 37.5em) {
      .steps--alt .step:not(:last-child)::before {
        bottom: 0;
        border: none;
        border-left: 1px dashed rgba(0, 0, 0, .4);
        height: calc(100% - 8.4rem);
        left: 1.75rem;
        padding-bottom: 10rem;
        right: unset;
        top: unset;
        width: 0
      }
    }

    .steps--alt .step__counter {
      height: 4.6rem;
      width: 4.6rem
    }

    @media only screen and (max-width: 37.5em) {
      .steps--alt .step__counter {
        height: 8.4rem;
        width: 5.1rem
      }
    }

    .steps--alt .step__info {
      padding-top: 1.8rem
    }

    @media only screen and (max-width: 37.5em) {
      .steps--alt .step__info {
        padding-top: 2.8rem
      }
    }

    .steps--alt .step__title {
      font-size: 1.8rem;
      font-weight: 500;
      margin-bottom: 1.2rem
    }

    .steps--alt .step__desc {
      font-size: 1.6rem;
      line-height: 2.6rem
    }

    .step {
      align-items: flex-start;
      display: flex;
      justify-content: flex-start
    }

    .step:not(:last-child) {
      padding-bottom: 10rem;
      position: relative
    }

    @media only screen and (max-width: 37.5em) {
      .step:not(:last-child) {
        padding-bottom: 5rem
      }
    }

    .step:not(:last-child)::before {
      border: none;
      border-left: 1px dashed rgba(0, 0, 0, .4);
      border-width: thin;
      bottom: 0;
      content: "";
      height: calc(100% - 9.6rem);
      left: 2.3rem;
      position: absolute;
      width: 0
    }

    @media only screen and (max-width: 37.5em) {
      .step:not(:last-child)::before {
        height: calc(100% - 8.4rem);
        left: 1.75rem
      }
    }

    .step__counter {
      align-items: center;
      display: flex;
      flex: 0 0 auto;
      height: 9.6rem;
      justify-content: flex-start;
      width: 7.6rem
    }

    @media only screen and (max-width: 37.5em) {
      .step__counter {
        height: 8.4rem;
        width: 5.1rem
      }
    }

    .step__counter__num {
      align-items: center;
      background: linear-gradient(81.57deg, rgba(0, 175, 175, 0.3) -2.42%, rgba(105, 255, 162, 0.3) 102.07%);
      border-radius: 100%;
      color: #35a162;
      display: inline-flex;
      flex: 0 0 auto;
      font-size: 1.8rem;
      font-weight: 300;
      height: 4.6rem;
      justify-content: center;
      line-height: 1.8rem;
      text-align: center;
      width: 4.6rem
    }

    @media only screen and (max-width: 37.5em) {
      .step__counter__num {
        font-size: 1.2rem;
        height: 3.5rem;
        line-height: 1.2rem;
        width: 3.5rem
      }
    }

    .step__info {
      flex: 1 1 auto;
      padding-top: 2.5rem
    }

    @media only screen and (max-width: 37.5em) {
      .step__info {
        padding-top: 2.8rem
      }
    }

    .step__title {
      font-size: 2.4rem;
      font-weight: 600;
      line-height: 2.9rem;
      margin-bottom: 1.6rem
    }

    @media only screen and (max-width: 37.5em) {
      .step__title {
        font-size: 1.8rem;
        line-height: 2.2rem;
        margin-bottom: 1rem
      }
    }

    .step__desc {
      font-size: 2rem;
      font-weight: 300;
      line-height: 2.8rem
    }

    @media only screen and (max-width: 37.5em) {
      .step__desc {
        font-size: 1.6rem;
        line-height: 2.4rem
      }
    }

    .toastify {
      background: rgba(0, 0, 0, 0) !important;
      box-shadow: none !important;
      color: unset !important;
      padding: unset !important
    }

    .toast {
      align-items: center;
      border-radius: 1rem;
      color: #fff;
      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 {
      font-size: 1.2rem;
      font-weight: 500
    }

    .toast--success {
      background-color: #35a162
    }

    .toast--success .toast__icon__fill {
      fill: #e0f5e9;
      stroke: #e0f5e9
    }

    .toast--success .toast__icon__stroke {
      stroke: #2f8e56
    }

    .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: #eb5757
    }

    .toast--danger .toast__icon__fill {
      fill: #f6b2b2;
      stroke: #f6b2b2
    }

    .toast--danger .toast__icon__stroke {
      stroke: #e84040
    }

    .tab__header {
      overflow-x: auto
    }

    .tab__menu {
      width: max-content
    }

    .tab__cta {
      background-color: rgba(0, 0, 0, 0);
      border-color: rgba(0, 0, 0, 0);
      border-radius: 10rem;
      color: #1d1d1d;
      padding: 1.6rem 2.4rem
    }

    .tab__cta.active {
      background-color: #6672c7;
      color: #fff
    }

    .tab__cta:not(:last-child) {
      margin-right: .2rem
    }

    .video {
      background-color: #000;
      border-radius: 2rem;
      height: 73rem;
      overflow: hidden;
      position: relative;
      width: 100%;
      transition: transform .3s
    }

    @media only screen and (max-width: 46.875em) {
      .video {
        height: 45rem
      }
    }

    @media only screen and (max-width: 37.5em) {
      .video {
        height: 24rem
      }
    }

    .video__thumbnail {
      height: 100%;
      width: 100%;
      position: relative
    }

    .video__thumbnail-img,
    .video__thumbnail-video {
      display: block;
      height: 100%;
      width: 100%;
      object-fit: cover;
      border-radius: 2rem
    }

    .video__player {
      --size: 9rem;
      border-radius: 100%;
      bottom: calc(50% - var(--size)/2);
      left: calc(50% - var(--size)/2);
      padding: .2rem;
      position: absolute;
      width: var(--size);
      height: var(--size);
      transition: transform 1s cubic-bezier(0.16, 1, 0.3, 1);
      background-color: rgba(0, 0, 0, 0)
    }

    .video__player:hover {
      transform: scale(1.25)
    }

    @media only screen and (max-width: 37.5em) {
      .video__player {
        --size: 5rem
      }
    }

    .video__player__icon {
      border-radius: 100%;
      height: 100%;
      width: 100%
    }

    .video__title {
      position: absolute;
      bottom: 4rem;
      left: 3.5rem;
      font-size: 2.4rem;
      line-height: 29px;
      letter-spacing: -0.03em;
      color: #fff
    }

    .video iframe {
      bottom: 0;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      width: 100%;
      height: 100%
    }

    .video .vm--overlay {
      background: rgba(0, 0, 0, .9) !important
    }

    .video__embed {
      background-color: rgba(0, 0, 0, 0) !important;
      box-shadow: none !important;
      min-height: 60rem;
      position: relative
    }

    @media only screen and (max-width: 62.5em) {
      .video__embed {
        min-height: 50rem
      }
    }

    @media only screen and (max-width: 46.875em) {
      .video__embed {
        min-height: 40rem
      }
    }

    .video__embed iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%
    }

    .video--zoom {
      z-index: 2;
      position: absolute;
      transform: scale(1.1)
    }

    .global-reach {
      overflow: hidden
    }

    .global-reach .h1 {
      margin-bottom: 10.6rem;
      max-width: 84.2rem
    }

    @media only screen and (max-width: 46.875em) {
      .global-reach .h1 {
        margin-bottom: 3.5rem
      }
    }

    .global-reach .grid {
      align-items: flex-start;
      display: flex;
      justify-content: flex-start;
      flex-wrap: wrap
    }

    .global-reach .grid__section {
      flex: 0 1 auto;
      width: 50%
    }

    @media only screen and (max-width: 46.875em) {
      .global-reach .grid__section {
        width: 100%
      }
    }

    .global-reach .grid__section .figure {
      height: 75.1rem;
      margin-top: -12rem;
      width: 75.1rem
    }

    .global-reach .stats {
      position: relative
    }

    .global-reach .stats::before {
      background-image: url("images/dots.png");
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      bottom: 0;
      content: "";
      height: 100%;
      position: absolute;
      top: .5rem;
      width: .1rem
    }

    .global-reach .stat {
      padding-left: 3.7rem
    }

    .global-reach .stat:not(:last-child) {
      margin-bottom: 6.2rem
    }

    .global-reach .stat__heading {
      font-size: 2rem;
      font-weight: 600;
      line-height: 3.2rem;
      margin-bottom: .8rem;
      position: relative
    }

    .global-reach .stat__heading::before {
      border: 1px solid #000;
      content: "";
      height: 2.5rem;
      left: -3.7rem;
      position: absolute;
      top: .5rem;
      width: .2rem
    }

    .global-reach .stat__heading .link {
      color: #00abab;
      text-decoration: none
    }

    .global-reach .stat__list {
      align-items: flex-start;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      list-style: none;
      max-width: 40rem
    }

    .global-reach .stat__list li {
      flex: 0 0 auto;
      margin-bottom: 1.2rem;
      width: calc(50% - 3rem)
    }

    .global-reach .globe {
      --globe-size: 70rem;
      position: relative;
      width: var(--globe-size);
      height: var(--globe-size);
      background-color: #262c55;
      margin-top: -6rem;
      border-radius: 100%;
      margin-left: auto;
      transform: translateX(2%);
      display: none
    }

    @media only screen and (max-width: 46.875em) {
      .global-reach .globe {
        --globe-size: 65vw;
        margin: 5rem auto 0;
        transform: translateX(0%)
      }
    }

    @media only screen and (max-width: 31.25em) {
      .global-reach .globe {
        margin-top: 4rem;
        margin-bottom: -2.4rem
      }
    }

    .global-reach .globe__container {
      width: 100%;
      height: 100%;
      overflow: hidden;
      border-radius: inherit;
      clip-path: inset(0%)
    }

    .global-reach .globe__blinking-dot {
      position: absolute;
      --size: 9px;
      width: var(--size);
      height: var(--size);
      --anim-delay: 0.2s;
      border-radius: 30px;
      background: #eb7da7;
      top: 48%;
      left: 125%;
      transform: scale(0);
      animation: blink 1.3s ease-in-out var(--anim-delay) infinite;
      opacity: .7
    }

    .global-reach .globe__blinking-dot:nth-child(1) {
      --size: 11px
    }

    .global-reach .globe__blinking-dot:nth-child(2) {
      --anim-delay: -0.2s;
      left: 138%;
      top: 75%;
      background: #00abab
    }

    @media only screen and (max-width: 46.875em) {
      .global-reach .globe__blinking-dot:nth-child(2) {
        top: 70%;
        left: 132%
      }
    }

    .global-reach .globe__blinking-dot:nth-child(3) {
      --anim-delay: 0.4s;
      left: 146%;
      top: 55%;
      background: #6672c7
    }

    @media only screen and (max-width: 46.875em) {
      .global-reach .globe__blinking-dot:nth-child(3) {
        left: 140%
      }
    }

    .global-reach .globe__blinking-dot:nth-child(4) {
      --anim-delay: -0.1s;
      left: 117%;
      top: 18%;
      background: #006aff
    }

    .global-reach .globe__blinking-dot:nth-child(5) {
      --size: 11px;
      --anim-delay: -0.3s;
      left: 85%;
      top: 60%;
      background: #262c55
    }

    .global-reach .globe__blinking-dot:nth-child(6) {
      --anim-delay: -0.5s;
      left: 140%;
      top: 64%;
      background: #eb5757
    }

    .global-reach .globe__blinking-dot:nth-child(7) {
      --anim-delay: -0.1s;
      left: 127%;
      top: 26%;
      background: #ffa07a
    }

    .global-reach .globe__blinking-dot:nth-child(8) {
      --size: 11px;
      left: 54%;
      top: 26%;
      background: #ff7ade
    }

    @media only screen and (max-width: 46.875em) {
      .global-reach .globe__blinking-dot {
        --size: 5px
      }

      .global-reach .globe__blinking-dot:nth-child(1),
      .global-reach .globe__blinking-dot:nth-child(5),
      .global-reach .globe__blinking-dot:nth-child(8) {
        --size: 7px
      }
    }

    .global-reach .globe__map {
      --translate-value: 0;
      --anim-play-state: running;
      width: 100%;
      height: 100%;
      will-change: transform;
      animation-play-state: var(--anim-play-state);
      display: flex;
      flex-direction: row
    }

    .global-reach .globe__map.animation {
      --anim-duration: 12s;
      animation: move-map var(--anim-duration) linear infinite
    }

    @media only screen and (max-width: 46.875em) {
      .global-reach .globe__map.animation {
        --anim-duration: 10s
      }
    }

    .global-reach .globe__map img {
      height: calc(var(--globe-size) + 12rem);
      object-position: top center;
      transform-origin: top left;
      pointer-events: none;
      opacity: .6
    }

    @media only screen and (max-width: 46.875em) {
      .global-reach .globe__map img {
        height: calc(var(--globe-size) + 8.4vw)
      }
    }

    .global-reach .globe svg {
      position: absolute;
      top: 0%;
      left: -2%;
      width: var(--globe-size);
      height: var(--globe-size);
      transform: scale(1.58)
    }

    .global-reach .globe svg path {
      opacity: .8;
      stroke-width: 1.3
    }

    .global-reach .globe svg path:nth-child(1) {
      stroke-dasharray: 1510;
      stroke-dashoffset: 1510;
      stroke: #00abab;
      animation: draw-arc-1510 3.5s ease-in-out .5s infinite
    }

    @keyframes draw-arc-1510 {
      35% {
        stroke-dashoffset: 0
      }

      70% {
        stroke-dashoffset: calc(1510 * 2)
      }

      100% {
        stroke-dashoffset: 1510
      }
    }

    .global-reach .globe svg path:nth-child(2) {
      stroke: #fb9129;
      stroke-dasharray: 1400;
      stroke-dashoffset: 1400;
      animation: draw-arc-1400 4s ease-in-out 3s infinite
    }

    @keyframes draw-arc-1400 {
      35% {
        stroke-dashoffset: 0
      }

      70% {
        stroke-dashoffset: calc(1400 * 2)
      }

      100% {
        stroke-dashoffset: 1400
      }
    }

    .global-reach .globe svg path:nth-child(3) {
      stroke: #6672c7;
      stroke-dasharray: 1555;
      stroke-dashoffset: 1555;
      animation: draw-arc-1555 5s ease-in-out 2s infinite
    }

    @keyframes draw-arc-1555 {
      35% {
        stroke-dashoffset: 0
      }

      70% {
        stroke-dashoffset: calc(1555 * 2)
      }

      100% {
        stroke-dashoffset: 1555
      }
    }

    .global-reach .globe svg path:nth-child(4) {
      stroke: #eb7da7;
      stroke-dasharray: 1380;
      stroke-dashoffset: 1380;
      animation: draw-arc-1380 4.2s ease-in-out .6s infinite
    }

    @keyframes draw-arc-1380 {
      35% {
        stroke-dashoffset: 0
      }

      70% {
        stroke-dashoffset: calc(1380 * 2)
      }

      100% {
        stroke-dashoffset: 1380
      }
    }

    @keyframes move-map {
      to {
        transform: translateX(calc(var(--translate-value) * -1%))
      }
    }

    @keyframes blink {
      40% {
        transform: scale(1.2)
      }

      80% {
        transform: scale(0)
      }
    }

    .recommended {
      background: #2a3362;
      border-radius: 10px;
      padding: 5rem;
      margin-top: 3rem;
      margin-bottom: 3rem
    }

    @media only screen and (max-width: 56.25em) {
      .recommended {
        padding: 3rem
      }
    }

    @media only screen and (max-width: 37.5em) {
      .recommended {
        padding: 3rem 2.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: .7rem
      }
    }

    .recommended h5 {
      color: #fff !important;
      font-weight: 400;
      font-family: "Moderat", sans-serif;
      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;
      color: #fff !important;
      font-weight: 300;
      transition: all .3s
    }

    @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
    }

    .search-results__heading {
      font-size: 2.8rem;
      padding-bottom: 4.8rem;
      padding-top: 2.8rem;
      border-bottom: 1px dashed #333;
      max-width: 54rem;
      width: 100%;
      margin-bottom: 3rem
    }

    .search-results__heading span {
      color: #006aff
    }

    .search-results__content {
      cursor: pointer
    }

    .search-results__content .support__col {
      margin-bottom: 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,
    .search-results__preview ul,
    .search-results__preview ol {
      display: none
    }

    .search-results__dropdown {
      position: absolute;
      z-index: 10;
      height: 211px;
      max-width: 341px;
      width: 100%;
      right: 0;
      overflow: scroll;
      border: 1px solid #f2f2f2;
      background-color: #fff;
      box-shadow: 0px 1px 16px rgba(0, 0, 0, .1);
      border-radius: 0px 0px 4px 4px;
      top: 6.5rem
    }

    .search-results__dropdown h3 {
      font-size: 14px !important;
      border-bottom: 1px solid #f2f2f2;
      padding: 16px 24px
    }

    .search-results__dropdown div {
      padding: 16px 24px
    }

    .search-results__dropdown div p {
      font-size: 14px;
      margin-bottom: 12px
    }

    .search-results__dropdown div p span {
      color: #006aff
    }

    .search-results__dropdown div a {
      text-decoration: none
    }

    .search-results .support__col {
      flex: 0 0 65rem !important;
      width: 65rem !important
    }

    .support-faq {
      margin-top: 10rem;
      display: flex;
      justify-content: space-between
    }

    @media only screen and (max-width: 46.875em) {
      .support-faq {
        margin: 8rem 0 5rem
      }
    }

    .support-faq__col {
      flex: 0 0 33.3333333333%;
      width: 33.3333333333%
    }

    @media only screen and (max-width: 46.875em) {
      .support-faq__col {
        flex: 0 0 100%;
        width: 100%;
        max-width: 100%;
        margin-bottom: 4.4rem
      }
    }

    .support-faq__col p {
      color: #2a3362
    }

    .support-faq__inner {
      width: 48%
    }

    @media only screen and (max-width: 37.5em) {
      .support-faq__inner {
        width: 100%;
        margin-bottom: 2rem;
        display: flex;
        flex-direction: column;
        align-items: center
      }
    }

    .support-faq__desc {
      font-size: 1.7rem;
      margin-top: 0
    }

    @media only screen and (max-width: 56.25em) {
      .support-faq__desc {
        font-size: 1.6rem
      }
    }

    @media only screen and (max-width: 37.5em) {
      .support-faq__desc {
        font-size: 1.4rem;
        text-align: center
      }
    }

    .support-faq__desc span {
      display: inline-block;
      font-weight: 600;
      text-decoration: underline
    }

    .support-faq__title {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      margin-bottom: 1rem
    }

    @media only screen and (max-width: 37.5em) {
      .support-faq__title {
        align-items: center
      }
    }

    .support-faq__title svg {
      margin-bottom: .5rem
    }

    @media only screen and (max-width: 37.5em) {
      .support-faq__title svg {
        margin-right: 0;
        margin-bottom: .5rem
      }
    }

    .support-faq__title p {
      font-size: 1.8rem;
      line-height: 1.3;
      font-weight: 600;
      color: #2a3362
    }

    @media only screen and (max-width: 56.25em) {
      .support-faq__title p {
        font-size: 1.7rem
      }
    }

    @media only screen and (max-width: 37.5em) {
      .support-faq__title p {
        font-size: 1.6rem
      }
    }

    .support-faq--col-2 .support-faq__col {
      flex: 0 0 50%;
      width: 50%
    }

    @media only screen and (max-width: 37.5em) {
      .support-faq--col-2 .support-faq__col {
        flex: 0 0 100%;
        width: 100%
      }
    }

    .sliding-cards {
      --height: 32.5rem;
      position: relative;
      display: flex;
      justify-content: center;
      height: var(--height);
      width: 100%
    }

    @media only screen and (max-width: 37.5em) {
      .sliding-cards {
        flex-wrap: wrap;
        justify-content: flex-start;
        height: auto
      }
    }

    .sliding-cards .card {
      --translate-x: 0;
      position: absolute;
      background-color: #313131;
      border-radius: 1.6rem;
      box-shadow: 0px 25px 50px rgba(0, 0, 0, .8);
      flex: 0 1 auto;
      height: var(--height);
      overflow: hidden;
      padding: 5rem 6rem;
      text-align: left;
      width: 40vw;
      max-width: 56.2rem;
      z-index: 2;
      transform: translateX(calc(var(--translate-x)));
      transition: transform .8s cubic-bezier(0.16, 1, 0.3, 1)
    }

    .sliding-cards .card:nth-child(1) {
      --translate-x: -58%;
      z-index: 1
    }

    .sliding-cards .card:nth-child(1):hover+.card {
      --translate-x: calc(100% - 58% - 4%)
    }

    .sliding-cards .card:nth-child(2):hover+.card {
      --translate-x: calc(100% - 4%)
    }

    .sliding-cards .card:nth-child(3) {
      --translate-x: 58%;
      z-index: 3
    }

    .sliding-cards .card::before {
      background-image: url("images/box.png");
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      bottom: 0;
      content: "";
      height: 100%;
      left: 0;
      opacity: .3;
      position: absolute;
      right: 0;
      top: 0;
      width: 100%;
      pointer-events: none
    }

    .sliding-cards .card__title {
      font-size: 2rem;
      font-weight: 500;
      line-height: 3.2rem;
      margin-bottom: 1.7rem
    }

    @media only screen and (max-width: 37.5em) {
      .sliding-cards .card__title {
        font-size: 1.7rem;
        line-height: 2.6rem;
        margin-bottom: 1.1rem
      }
    }

    .sliding-cards .card__description {
      font-size: 1.6rem;
      font-weight: 300;
      line-height: 2.8rem
    }

    @media only screen and (max-width: 37.5em) {
      .sliding-cards .card__description {
        font-size: 1.4rem;
        line-height: 2.4rem
      }
    }

    @media only screen and (max-width: 62.5em) {
      .sliding-cards .card {
        padding: 3.6rem;
        width: 43.4vw
      }
    }

    @media only screen and (max-width: 37.5em) {
      .sliding-cards .card {
        position: unset;
        min-height: unset;
        height: auto;
        padding: 2.5rem 3rem 3.5rem;
        width: 100%;
        transform: translateX(0)
      }

      .sliding-cards .card:nth-child(1) {
        --translate-x: 0%
      }

      .sliding-cards .card:nth-child(2) {
        --translate-x: 0%
      }

      .sliding-cards .card:nth-child(3) {
        --translate-x: 0%
      }

      .sliding-cards .card:not(:last-child) {
        margin-bottom: 3rem
      }
    }

    .cookies-banner {
      position: fixed;
      z-index: 800;
      bottom: 0;
      visibility: hidden;
      box-shadow: 0 -4px 20px rgba(0, 0, 0, .16);
      width: 100%;
      background-color: #262c55;
      font-size: 1.46rem;
      color: #fff;
      transform: translateY(100%);
      transition: transform .3s cubic-bezier(0, 0, 0.2, 1) 1s, visibility 0s linear 0s, background-color 150ms cubic-bezier(0.4, 0, 0.6, 1)
    }

    .cookies-banner .section {
      background-color: inherit;
      color: inherit;
      padding-top: 1.8rem;
      padding-bottom: 1.8rem
    }

    .cookies-banner .section .container {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: flex-start
    }

    @media only screen and (max-width: 46.875em) {
      .cookies-banner .section .container {
        flex-direction: column
      }
    }

    .cookies-banner__ctas {
      flex-shrink: 0;
      display: flex;
      width: fit-content
    }

    @media only screen and (max-width: 46.875em) {
      .cookies-banner__ctas {
        margin-top: 2.5rem
      }
    }

    .cookies-banner__ctas .btn {
      width: fit-content;
      font-size: 1.3rem;
      padding-top: 1rem;
      padding-bottom: 1rem
    }

    .cookies-banner__ctas .btn:last-child {
      margin-left: 2rem;
      background-color: rgba(0, 0, 0, 0);
      border: 1px solid #fff;
      color: #fff
    }

    @media only screen and (max-width: 46.875em) {
      .cookies-banner__ctas .btn:last-child {
        margin-left: 1.5rem
      }
    }

    .cookies-banner__consent {
      padding-right: 8rem
    }

    @media only screen and (max-width: 46.875em) {
      .cookies-banner__consent {
        padding-right: 0;
        font-size: 1.5rem
      }
    }

    .cookies-banner--show {
      visibility: visible;
      transform: translateY(0)
    }

    .base-upload {
      display: inline-block
    }

    .base-upload[pending],
    .base-upload[disabled] {
      opacity: .5 !important;
      cursor: not-allowed !important
    }

    .base-upload--droppane {
      position: relative;
      cursor: pointer
    }

    .base-upload--droppane .fsp-drop-pane__container {
      width: 0;
      height: 0;
      border: none;
      position: static;
      padding: 0
    }

    .base-upload--droppane .fsp-drop-pane__icon,
    .base-upload--droppane .fsp-drop-pane__input,
    .base-upload--droppane .fsp-drop-pane__text {
      display: none
    }

    .base-upload--droppane .fsp-drop-pane__drop-zone {
      z-index: 10
    }

    .base-upload--disable-droppane .fsp-drop-pane__drop-zone {
      display: none
    }

    .image-upload {
      background-color: #f9f9f9;
      color: #828282;
      position: relative
    }

    .image-upload__empty {
      margin: 0 auto;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%
    }

    .image-upload__empty__inner {
      text-align: center;
      display: flex;
      flex-direction: column;
      align-items: center;
      margin-top: 10%
    }

    .image-upload__empty__icon {
      width: 60px;
      height: 50px;
      color: #e0e0e0
    }

    .image-upload__empty__icon-loader {
      width: 60px;
      height: 50px;
      color: #2d9cdb
    }

    .image-upload__empty__title {
      margin-top: 24px;
      color: #2d9cdb;
      font-size: 16px;
      line-height: 19.36px
    }

    .image-upload__empty__description {
      margin-top: 8px;
      line-height: 14.52px;
      color: #bdbdbd;
      font-size: 12px
    }

    .image-upload__empty__header {
      margin-bottom: 34px;
      font-size: 18px;
      font-weight: 500px
    }

    .image-upload__image__img {
      width: 100%;
      height: auto;
      object-fit: cover;
      object-position: center
    }

    .image-upload__image__overlay {
      background-color: rgba(51, 51, 51, .48);
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      display: flex;
      justify-content: flex-end;
      align-items: flex-end
    }

    .image-upload__image__delete {
      width: 16px;
      height: 16px;
      color: #fff
    }

    .image-upload__image__delete:hover {
      transform: scale(1.2)
    }

    .image-upload__image__actions {
      display: flex;
      align-items: center;
      margin-right: 24px;
      margin-bottom: 24px
    }

    .image-upload__image__actions>* {
      margin-left: 24px
    }

    .ximage-upload {
      background-color: #f2f2f2;
      position: relative
    }

    .ximage-upload__empty {
      padding: 62px 120px;
      text-align: center
    }

    .ximage-upload__empty__icon {
      width: 60px;
      height: 50px;
      color: #e0e0e0
    }

    .ximage-upload__empty__icon-loader {
      width: 60px;
      height: 50px;
      color: #576ae6
    }

    .ximage-upload__empty__title {
      margin-top: 24px;
      color: #576ae6;
      font-size: 16px;
      line-height: 19.36px
    }

    .ximage-upload__empty__description {
      margin-top: 8px;
      line-height: 14.52px;
      color: #828282;
      font-size: 12px
    }

    .ximage-upload__empty__header {
      margin-bottom: 34px;
      font-size: 18px;
      font-weight: 500px
    }

    .ximage-upload__image__img {
      width: 100%;
      height: auto;
      object-fit: cover;
      object-position: center
    }

    .ximage-upload__image__overlay {
      background-color: rgba(51, 51, 51, .48);
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      display: flex;
      justify-content: flex-end;
      align-items: flex-end
    }

    .ximage-upload__image__delete {
      width: 16px;
      height: 16px;
      color: #fff
    }

    .ximage-upload__image__delete:hover {
      transform: scale(1.2)
    }

    .ximage-upload__image__actions {
      display: flex;
      align-items: center;
      margin-right: 24px;
      margin-bottom: 24px
    }

    .ximage-upload__image__actions>* {
      margin-left: 24px
    }

    .company-teams .container {
      align-items: center;
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      max-width: 120.6rem;
      text-align: center
    }

    .company-teams .h1 {
      margin-bottom: 4.9rem;
      max-width: 100rem
    }

    @media only screen and (max-width: 46.875em) {
      .company-teams .h1 {
        margin-bottom: 3.1rem
      }
    }

    @media only screen and (max-width: 37.5em) {
      .company-teams .h1 {
        margin-bottom: 2.5rem
      }
    }

    .company-teams .p {
      max-width: 82rem
    }

    @media only screen and (max-width: 46.875em) {
      .company-teams .p {
        margin-bottom: 4.3rem
      }
    }

    @media only screen and (max-width: 37.5em) {
      .company-teams .p {
        margin-bottom: 3.9rem
      }
    }

    .company-teams .sliding-cards {
      margin-top: 7rem
    }

    @media only screen and (max-width: 37.5em) {
      .company-teams .sliding-cards:not(:first-child) {
        margin-top: 3rem
      }
    }

    .company-locations {
      overflow: hidden
    }

    .company-locations .container {
      align-items: center;
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      max-width: 120.6rem;
      text-align: center
    }

    .company-locations .h1 {
      margin-bottom: 4.9rem;
      max-width: 100rem
    }

    @media only screen and (max-width: 46.875em) {
      .company-locations .h1 {
        margin-bottom: 3.1rem
      }
    }

    @media only screen and (max-width: 37.5em) {
      .company-locations .h1 {
        margin-bottom: 2.5rem
      }
    }

    .company-locations .p {
      max-width: 90rem
    }

    @media only screen and (max-width: 46.875em) {
      .company-locations .p {
        margin-bottom: 4.3rem
      }
    }

    @media only screen and (max-width: 37.5em) {
      .company-locations .p {
        margin-bottom: 3.9rem
      }
    }

    .company-locations .cities {
      position: relative;
      width: 100vw;
      left: calc(-50vw + 50%);
      background-repeat: repeat;
      background-position: center;
      color: #fff;
      padding: 7% 0 14%;
      overflow: hidden
    }

    .company-locations .cities__row {
      --translate-value: 0;
      --anim-play-state: paused;
      width: 100%;
      font-size: 6vw;
      will-change: transform;
      animation-play-state: var(--anim-play-state)
    }

    .company-locations .cities__row.animation {
      animation: move 16s linear infinite
    }

    @keyframes move {
      to {
        transform: translateX(calc(var(--translate-value) * -1%))
      }
    }

    .company-locations .cities__row:nth-of-type(2) {
      animation-direction: reverse;
      margin: 14vw 0 28vw
    }

    @media only screen and (max-width: 37.5em) {
      .company-locations .cities__row:nth-of-type(2) {
        margin: 8rem 0 16rem
      }
    }

    .company-locations .cities__row:hover {
      animation-play-state: paused
    }

    @media only screen and (max-width: 37.5em) {
      .company-locations .cities__row {
        font-size: 3.2rem
      }
    }

    .company-locations .cities__row p {
      position: absolute;
      white-space: nowrap
    }

    .company-locations .cities__row p:nth-child(2) {
      transform: translateX(100%)
    }

    .company-locations .cities__row p span {
      position: relative;
      margin-right: 6vw;
      color: #79797f
    }

    .company-locations .cities__row p span::before {
      position: absolute;
      content: attr(data-text);
      top: -7%;
      left: 0;
      color: #fff;
      width: 0%;
      overflow: hidden;
      transition: .3s ease-in-out
    }

    .company-locations .cities__row p span:hover::before {
      width: 100%
    }

    .company-locations .cities__image {
      --x-position: 0;
      --y-position: 50%;
      position: absolute;
      width: 18vw;
      height: 18vw;
      left: 0;
      top: 0;
      pointer-events: none;
      z-index: 6;
      border-radius: 20px;
      overflow: hidden;
      transform: rotate(5deg);
      transform: translate3d(var(--x-position), var(--y-position), 0) rotate(3deg);
      transition: transform .8s cubic-bezier(0.16, 1, 0.3, 1)
    }

    .company-locations .cities__image img {
      --opacity: 0;
      position: absolute;
      border-radius: inherit;
      object-position: center;
      width: 100%;
      height: 100%;
      object-fit: cover;
      background-color: #f5f5f5;
      opacity: var(--opacity);
      transition: opacity .6s cubic-bezier(0.16, 1, 0.3, 1)
    }

    .staff-quotes {
      display: flex;
      justify-content: center;
      flex-direction: column;
      align-items: center
    }

    .staff-quotes .container {
      position: relative;
      background-color: #1d1d1d;
      border-radius: 2rem;
      box-shadow: 0px 25px 50px rgba(29, 29, 29, .5);
      padding: 3.2rem 8.2rem 0;
      width: 100%;
      min-height: 48rem
    }

    @media only screen and (max-width: 56.25em) {
      .staff-quotes .container {
        padding: 3.2rem 6rem 0
      }
    }

    @media only screen and (max-width: 56.25em) {
      .staff-quotes .container {
        padding: 3.2rem 3rem 0
      }
    }

    .staff-quotes .staff {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
      color: #fff;
      position: relative
    }

    @media only screen and (max-width: 46.875em) {
      .staff-quotes .staff {
        flex-direction: column-reverse;
        align-items: unset
      }
    }

    .staff-quotes .staff__image {
      --height: 46rem;
      height: var(--height);
      margin-top: auto;
      margin-right: 2rem;
      overflow: hidden;
      opacity: 0;
      animation: fade-in .8s linear forwards
    }

    @media only screen and (max-width: 56.25em) {
      .staff-quotes .staff__image {
        --height: 40rem
      }
    }

    @media only screen and (max-width: 46.875em) {
      .staff-quotes .staff__image {
        margin-top: 6rem
      }
    }

    @media only screen and (max-width: 37.5em) {
      .staff-quotes .staff__image {
        --height: 32rem
      }
    }

    .staff-quotes .staff__image img {
      width: auto;
      height: var(--height);
      object-fit: contain;
      object-position: left;
      transform: translateY(1%)
    }

    .staff-quotes .staff p {
      max-width: 50rem
    }

    @media only screen and (max-width: 56.25em) {
      .staff-quotes .staff p {
        max-width: 44rem
      }
    }

    @media only screen and (max-width: 46.875em) {
      .staff-quotes .staff p {
        max-width: unset
      }
    }

    .staff-quotes .staff__quote {
      margin-bottom: 7rem;
      color: #f1a5c2;
      margin-top: 1.4rem;
      opacity: 0;
      transform: translateY(20%);
      animation: fade-in .8s linear forwards, slide-up .8s cubic-bezier(0.16, 1, 0.3, 1) forwards
    }

    @media only screen and (max-width: 46.875em) {
      .staff-quotes .staff__quote {
        margin-bottom: 4rem
      }
    }

    .staff-quotes .staff__info {
      margin-bottom: 1.4rem;
      opacity: 0;
      animation: fade-in .8s linear forwards .3s
    }

    .staff-quotes .staff__doodle {
      position: absolute;
      right: -6rem;
      bottom: 2rem;
      opacity: 0;
      animation: fade-in 1s linear forwards
    }

    @media only screen and (max-width: 56.25em) {
      .staff-quotes .staff__doodle {
        right: -2.2rem
      }
    }

    @media only screen and (max-width: 37.5em) {
      .staff-quotes .staff__doodle {
        transform: scale(0.8)
      }
    }

    .staff-quotes .camters {
      margin-top: 4rem;
      width: 12rem;
      display: flex;
      justify-content: space-between
    }

    .staff-quotes .camters button {
      position: relative;
      width: 42%;
      height: 1.5rem;
      background-color: rgba(0, 0, 0, 0)
    }

    .staff-quotes .camters button::after {
      content: "";
      position: absolute;
      top: 50%;
      left: 0;
      width: 100%;
      height: .2rem;
      border-radius: 10px;
      background-color: #afafaf;
      transition: background-color .8s cubic-bezier(0.16, 1, 0.3, 1)
    }

    .staff-quotes .camters button.active::after {
      background-color: #1d1d1d
    }

    .staff-stories .container:nth-child(2) {
      width: 100%;
      max-width: 128rem
    }

    .staff-stories p.loud {
      margin-bottom: 6rem
    }

    .staff-stories .tab__header {
      margin-bottom: 6rem
    }

    .staff-stories .tab__cta {
      color: #fff
    }

    .staff-stories .tab__cta.active {
      background-color: #f1a5c2;
      color: #1d1d1d
    }

    .staff-stories__container {
      position: relative
    }

    .staff-stories__container .btn {
      position: unset;
      width: 5rem;
      height: 5rem;
      z-index: 2
    }

    @media only screen and (max-width: 37.5em) {
      .staff-stories__container .btn {
        position: absolute
      }
    }

    .staff-stories__video {
      position: relative;
      width: 100%
    }

    .staff-stories__video::before {
      position: absolute;
      content: "";
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      z-index: 1;
      border-radius: 2rem;
      background: linear-gradient(107.69deg, rgba(44, 21, 63, 0.4) 16.54%, rgba(214, 163, 255, 0) 97.51%)
    }

    .staff-stories__video iframe {
      z-index: 3
    }

    .staff-stories__overlay {
      position: absolute;
      left: 10rem;
      top: 50%;
      transform: translateY(-46%);
      z-index: 2;
      color: #fff;
      max-width: 45rem;
      font-weight: 300
    }

    @media only screen and (max-width: 46.875em) {
      .staff-stories__overlay {
        left: 6rem
      }
    }

    .staff-stories__overlay p {
      text-align: left
    }

    .staff-stories__staff-quote {
      opacity: 0;
      font-size: 4rem;
      transform: translateY(18%);
      animation: fade-in .4s linear forwards, slide-up .55s cubic-bezier(0.16, 1, 0.3, 1) forwards
    }

    @media only screen and (max-width: 46.875em) {
      .staff-stories__staff-quote {
        font-size: 3.2rem
      }
    }

    @media only screen and (max-width: 37.5em) {
      .staff-stories__staff-quote {
        display: none
      }
    }

    .staff-stories__staff-name {
      margin: 2.6rem 0 4rem;
      opacity: 0;
      animation: fade-in .5s linear forwards .2s
    }

    @media only screen and (max-width: 37.5em) {
      .staff-stories__staff-name {
        display: none
      }
    }

    .staff-stories__button {
      --scale: 1;
      opacity: 0;
      animation: fade-in .5s linear forwards .3s, slideup .6s cubic-bezier(0.16, 1, 0.3, 1) .3s
    }

    @keyframes slideup {
      from {
        transform: translateY(36%) scale(var(--scale))
      }

      to {
        transform: translate(0) scale(var(--scale))
      }
    }

    @media only screen and (max-width: 37.5em) {
      .staff-stories__button {
        display: none
      }
    }

    .dropdown--disabled {
      opacity: .5
    }

    .dropdown-menu {
      position: absolute;
      top: 15px;
      right: auto;
      bottom: auto;
      left: 0px;
      margin: 0px;
      transform: translate3d(0px, 40px, 0px);
      border: 1px solid;
      width: 100%;
      border-radius: 20px;
      background: #fff;
      text-align: left;
      border: .5px solid #dee2e6;
      z-index: 9999;
      border: none;
      box-shadow: 0px 18px 36px rgba(0, 0, 0, .08);
      border-radius: 16px
    }

    .dropdown-menu .show {
      display: block
    }

    .country-select-dropdown .country-select-modal__input {
      padding: 0 24px;
      margin-top: 18px;
      display: flex;
      align-items: stretch
    }

    .country-select-dropdown .country-select-modal__input .form__input {
      padding-left: 0 !important;
      padding-right: 0 !important;
      border: 0 !important;
      box-shadow: none
    }

    .country-select-dropdown .country-select-modal__list {
      margin: 0;
      padding: 0;
      margin-top: 8px;
      padding-bottom: 10px;
      height: 300px;
      overflow: scroll
    }

    .country-select-dropdown .country-select-modal__list__caption {
      font-size: 14px;
      padding: 8px 16px
    }

    .country-select-dropdown .country-select-modal__list__item {
      list-style: none;
      display: flex;
      align-items: center;
      justify-content: space-between
    }

    .country-select-dropdown .country-select-modal__disclaimer {
      margin: 20px 16px
    }

    .country-select-dropdown .country-item {
      padding: 20px 24px;
      cursor: pointer;
      transition: color .3s ease;
      transition-property: color, background-color
    }

    .country-select-dropdown .country-item__name,
    .country-select-dropdown .country-item__currency {
      font-family: "Moderat", sans-serif;
      font-size: 16px;
      font-weight: 400;
      color: #1b1c20;
      transition: color .3s ease
    }

    .country-select-dropdown .country-item__currency {
      font-weight: 500
    }

    .country-select-dropdown .country-item__name {
      font-family: "Moderat", sans-serif;
      padding-top: 3px;
      font-weight: 500;
      color: #828282;
      text-transform: none
    }

    .country-select-dropdown .country-item__name-block {
      display: flex;
      align-items: center;
      flex-grow: auto
    }

    .country-select-dropdown .country-item:hover {
      background-color: rgba(0, 0, 0, 0) !important
    }

    .country-select-dropdown .country-item__flag {
      width: 24px;
      height: 24px;
      margin-right: 12px;
      border-radius: 50%
    }

    .country-select-dropdown .country-item__dialcode {
      align-self: center;
      color: #8a898b;
      padding-top: 2px;
      margin-left: 5px
    }

    .country-select-dropdown .dropdown {
      height: 100%;
      border-right: 1px solid #c4cdd5;
      border-top-left-radius: .5rem;
      border-bottom-left-radius: .5rem
    }

    .country-select-dropdown .dropdown-menu {
      box-shadow: 0px 18px 36px rgba(0, 0, 0, .08);
      border-radius: 16px;
      background: #fff;
      outline: none;
      border: none
    }

    .country-select-dropdown .dropdown-header {
      position: relative;
      padding-top: 16px;
      color: #5e3030;
      margin-bottom: 18px
    }

    .country-select-dropdown .dropdown-title {
      text-align: center;
      font-size: 16px;
      font-weight: 500;
      font-family: "Moderat", sans-serif
    }

    .country-select-dropdown .dropdown-close {
      position: absolute;
      top: 50%;
      right: 16px
    }

    .country-select-dropdown .search-button {
      display: inline-flex;
      align-items: center;
      padding-right: 20px;
      margin-left: 0;
      background-color: rgba(0, 0, 0, 0);
      padding-left: 0
    }

    .currency-amount {
      display: flex;
      align-items: stretch;
      flex-direction: column;
      width: 100%;
      padding: 0
    }

    .currency-amount__inner {
      display: flex;
      align-items: stretch;
      justify-content: space-between;
      width: 100%;
      position: relative;
      border: 1px solid #c4cdd5;
      border-radius: .5rem
    }

    .currency-amount__money {
      font-family: "Moderat", sans-serif;
      font-size: 1.5rem;
      font-weight: 400;
      border: none !important;
      outline: none !important;
      flex-grow: 1;
      width: 100%;
      margin-left: 0;
      color: #000;
      line-height: 1;
      border-top-left-radius: 0 !important;
      border-bottom-left-radius: 0 !important
    }

    .currency-amount__money--empty {
      color: #bdbdbd
    }

    .currency-amount__money-wrapper {
      display: flex;
      align-items: center;
      letter-spacing: -1px
    }

    .currency-amount__select {
      display: flex;
      align-items: center;
      appearance: none;
      border: none;
      background: rgba(0, 0, 0, 0);
      padding: 16px 8px;
      cursor: pointer
    }

    .currency-amount__select[disabled] {
      cursor: not-allowed;
      opacity: .7
    }

    .currency-amount__select__flag {
      display: block;
      width: 20px;
      height: 20px;
      object-fit: cover;
      object-position: center;
      margin-right: 4px;
      border-radius: 50%;
      margin-bottom: 2px
    }

    .currency-amount__select__currency {
      color: #000;
      font-weight: 600;
      font-size: 14px;
      line-height: 17px;
      margin-right: 6px
    }

    .currency-amount__select__anchor {
      margin-left: 13px
    }

    .money-dropdown .dropdown-menu {
      top: 70%
    }

    .popup-banner {
      position: fixed;
      z-index: 800;
      top: 0;
      visibility: hidden;
      width: 100%;
      background-color: #262c55;
      font-size: 1.46rem;
      color: #fff;
      transform: translateY(-100%);
      transition: transform .3s cubic-bezier(0, 0, 0.2, 1) 1s, visibility 0s linear 0s, background-color 150ms cubic-bezier(0.4, 0, 0.6, 1);
      padding-top: 1.2rem;
      padding-bottom: 1.2rem
    }

    .popup-banner .section {
      background-color: inherit;
      color: inherit;
      padding-top: 0;
      padding-bottom: 0
    }

    .popup-banner .section .container {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: flex-start
    }

    .popup-banner__info {
      padding-right: 8rem
    }

    @media only screen and (max-width: 46.875em) {
      .popup-banner__info {
        padding-right: 3rem
      }
    }

    .popup-banner__btn-close {
      background: none;
      border: none;
      outline: none;
      text-decoration: underline;
      cursor: pointer;
      width: 2.8rem;
      height: 2.8rem;
      color: inherit;
      padding: 0
    }

    .popup-banner__btn-close svg {
      width: 2.8rem;
      height: 2.8rem
    }

    .popup-banner--show {
      visibility: visible;
      transform: translateY(0)
    }

    .container {
      margin: 0 auto;
      max-width: 109.2rem
    }

    .container.lg {
      margin: 0 auto;
      max-width: 120.6rem
    }

    .container.xl {
      margin: 0 auto;
      max-width: 168rem
    }

    .ft {
      color: #1d1d1d;
      padding: 10rem 2rem 0
    }

    .ft--dark {
      background-color: #1d1d1d;
      color: #fff
    }

    .ft .ft__section.legal-section {
      flex: 0 1 auto;
      width: 100%;
      margin-top: 10px;
      margin-bottom: 20px
    }

    .ft .ft__section.legal-section__head {
      align-items: center;
      color: inherit;
      display: flex;
      justify-content: space-between;
      margin-bottom: 1.9rem
    }

    .ft .ft__section.legal-section__head.mobile-only {
      display: none
    }

    @media only screen and (max-width: 56.25em) {
      .ft .ft__section.legal-section__head.mobile-only {
        display: flex
      }
    }

    .ft .ft__section.legal-section__title {
      font-size: 1.8rem;
      line-height: 2rem;
      padding: .2rem
    }

    .ft .ft__section.legal-section__icon {
      display: none;
      height: 2rem;
      fill: currentColor;
      transition: transform .3s ease;
      width: auto
    }

    @media only screen and (max-width: 56.25em) {
      .ft .ft__section.legal-section__icon {
        display: block
      }
    }

    .ft .ft__section.legal-section .ft__nav {
      align-items: flex-start;
      display: flex;
      justify-content: space-between
    }

    .ft .ft__section.legal-section .ft__nav .ft__nav__link {
      font-size: 1.6rem;
      line-height: 1.9rem;
      margin-bottom: 0
    }

    .ft .ft__section.legal-section .ft__nav .ft__nav__link:not(:last-child) {
      margin-bottom: 0;
      margin-right: 2.4rem
    }

    @media only screen and (max-width: 56.25em) {
      .ft .ft__section.legal-section .ft__nav .ft__nav__link:not(:last-child) {
        margin-bottom: 2.4rem;
        margin-right: 0
      }
    }

    .ft .ft__section.legal-section .ft__nav__link:link,
    .ft .ft__section.legal-section .ft__nav__link:visited {
      color: inherit;
      font-size: 1.6rem;
      font-weight: 300;
      line-height: 1.9rem;
      padding: .2rem;
      text-decoration: none;
      transition: color .3s ease;
      word-wrap: break-word;
      max-width: 100%
    }

    .ft .ft__section.legal-section .ft__nav__link:not(:last-child) {
      margin-bottom: 2.4rem
    }

    .ft .ft__section.legal-section .ft__nav__link:hover {
      color: #00abab
    }

    .ft .ft__section.legal-section .ft__nav__link--status {
      position: relative
    }

    .ft .ft__section.legal-section .ft__nav__link--status::before {
      background-color: #35a162;
      border-radius: 100%;
      bottom: .5rem;
      content: "";
      height: 1rem;
      position: absolute;
      right: -2rem;
      width: 1rem
    }

    @media only screen and (max-width: 56.25em) {
      .ft {
        padding: 2rem 2rem 0
      }
    }

    .ft__wrapper {
      margin: 0 auto;
      max-width: 109.2rem
    }

    .ft__group {
      align-items: flex-start;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      padding: 3rem 0
    }

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

    .ft__section .ft__text {
      white-space: nowrap;
      margin-top: 10px;
      margin-bottom: 20px
    }

    @media(max-width: 768px) {
      .ft__section .ft__text {
        white-space: normal;
        width: 100%;
        margin-left: 1em
      }
    }

    @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.8rem;
      line-height: 2rem;
      padding: .2rem
    }

    .ft__section__icon {
      display: none;
      height: 2rem;
      fill: currentColor;
      transition: transform .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.6rem;
      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.6rem;
      font-weight: 300;
      line-height: 1.9rem;
      padding: .2rem;
      text-decoration: none;
      transition: color .3s ease;
      word-wrap: break-word;
      max-width: 100%
    }

    .ft__nav__link:not(:last-child) {
      margin-bottom: 2.4rem
    }

    .ft__nav__link:hover {
      color: #00abab
    }

    .ft__nav__link--status {
      position: relative
    }

    .ft__nav__link--status::before {
      background-color: #35a162;
      border-radius: 100%;
      bottom: .5rem;
      content: "";
      height: 1rem;
      position: absolute;
      right: -2rem;
      width: 1rem
    }

    .ft__text {
      font-size: 1.6rem;
      font-weight: 300;
      line-height: 2.6rem;
      padding: .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: 117rem
    }

    .hd {
      padding: 3rem 2rem 0
    }

    @media only screen and (max-width: 56.25em) {
      .hd {
        padding: 1.6rem 0 0
      }
    }

    .hd__nav {
      margin: 0 auto;
      max-width: 109.2rem;
      align-items: center;
      display: flex;
      justify-content: space-between;
      padding: 0
    }

    @media only screen and (max-width: 56.25em) {
      .hd__nav {
        flex-direction: column
      }

      .hd__nav.open {
        align-items: stretch;
        background-color: #fff;
        bottom: 0;
        justify-content: flex-start;
        left: 0;
        min-height: 100vh;
        overflow-y: auto;
        padding: 1.6rem 0 3rem;
        position: fixed;
        right: 0;
        top: 0;
        z-index: 3
      }

      .hd__nav.open .hd__nav__top {
        margin: 0 0 2.8rem
      }
    }

    .hd__nav__top {
      align-items: center;
      display: flex;
      flex: 0 0 auto;
      justify-content: space-between;
      width: auto
    }

    @media only screen and (max-width: 56.25em) {
      .hd__nav__top {
        margin: 0;
        padding: 0 2rem 0 1rem;
        width: 100%
      }
    }

    .hd__nav__brand svg {
      display: block;
      height: auto;
      width: 18.5rem
    }

    .hd__nav__toggler {
      position: relative;
      background-color: rgba(0, 0, 0, 0);
      border-color: rgba(0, 0, 0, 0);
      align-items: center;
      cursor: pointer;
      display: none;
      flex-direction: column;
      justify-content: space-between;
      margin: 0;
      padding: 3px;
      width: 24px;
      height: 20px
    }

    @media only screen and (max-width: 56.25em) {
      .hd__nav__toggler {
        display: flex
      }
    }

    .hd__nav__toggler--open .hd__nav__toggler-icon:nth-child(1) {
      transform: rotate(45deg) translateY(0)
    }

    .hd__nav__toggler--open .hd__nav__toggler-icon:nth-child(2) {
      transform: rotate(-45deg) translateY(0)
    }

    .hd__nav__toggler:focus {
      outline: none
    }

    .hd__nav__toggler-icon {
      position: absolute;
      right: 0;
      top: 50%;
      background-color: #403f3f;
      border-radius: 1rem;
      display: inline-block;
      height: 2px;
      transition: all .2s ease;
      width: inherit
    }

    .hd__nav__toggler-icon:nth-child(1) {
      transform: translateY(-4.4px)
    }

    .hd__nav__toggler-icon:nth-child(2) {
      transform: translateY(4.4px)
    }

    .hd__nav__list {
      align-items: center;
      display: inline-flex;
      justify-content: flex-start;
      list-style: none;
      max-width: 81.1rem
    }

    @media only screen and (max-width: 56.25em) {
      .hd__nav__list {
        align-items: flex-start;
        display: none;
        max-width: 100%;
        width: 100%
      }

      .hd__nav__list.open {
        align-items: stretch;
        display: flex;
        flex-direction: column
      }
    }

    @media only screen and (max-width: 56.25em) {
      .hd__nav__list--right .hd__nav__item:last-child {
        margin: 0 2rem
      }
    }

    .hd__nav__item {
      flex: 0 0 auto
    }

    .hd__nav__item:not(:last-child) {
      margin-right: 1.6rem
    }

    @media only screen and (max-width: 62.5em) {
      .hd__nav__item:not(:last-child) {
        margin-right: 0
      }
    }

    @media only screen and (max-width: 56.25em) {
      .hd__nav__item {
        margin: 0 0 2rem
      }
    }

    .hd__nav__item.has-menu {
      position: relative
    }

    @media only screen and (max-width: 56.25em) {
      .hd__nav__item.has-menu:not(:last-child) {
        margin: 0 0 1.8rem;
        padding-top: 1rem
      }
    }

    .hd__nav__item.has-menu .hd__nav__link__icon {
      display: block
    }

    .hd__nav__item.has-menu .hd__nav__link__title {
      font-weight: 600;
      margin-bottom: .6rem
    }

    .hd__nav__item.has-menu .hd__nav__link__desc {
      display: block
    }

    .hd__nav__label {
      align-items: flex-start;
      color: #262c55;
      cursor: pointer;
      display: block;
      font-size: 1.5rem;
      font-weight: 500;
      justify-content: flex-start;
      line-height: 1.8rem;
      padding: 1rem 1.2rem
    }

    @media only screen and (max-width: 56.25em) {
      .hd__nav__label {
        color: #686868;
        font-size: 1.2rem;
        line-height: 1.4rem;
        margin-bottom: 1.4rem;
        padding: 0 2rem;
        text-transform: uppercase;
        cursor: auto
      }
    }

    .hd__nav__link {
      align-items: flex-start;
      display: flex;
      justify-content: flex-start;
      padding: 1rem 1.2rem
    }

    @media only screen and (max-width: 56.25em) {
      .hd__nav__link {
        padding: 1rem 2rem
      }
    }

    .hd__nav__link:link,
    .hd__nav__link:visited {
      text-decoration: none
    }

    .hd__nav__link:hover .hd__nav__link__title {
      color: #00abab
    }

    .hd__nav__link__icon {
      display: none;
      flex: 0 0 auto;
      height: 4.2rem;
      margin-right: 1.4rem;
      object-fit: contain;
      object-position: center;
      width: 4.2rem
    }

    .hd__nav__link__info {
      align-items: stretch;
      display: flex;
      flex: 1 1 auto;
      flex-direction: column;
      justify-content: flex-start
    }

    .hd__nav__link__title {
      color: #262c55;
      font-size: 1.5rem;
      font-weight: 500;
      line-height: 1.8rem;
      margin-bottom: 0;
      transition: color .3s ease
    }

    .hd__nav__link__desc {
      display: none;
      font-size: 1.4rem;
      font-weight: 400;
      line-height: 1.7rem
    }

    @media only screen and (max-width: 56.25em) {
      .hd__nav__link__desc {
        color: #262c55
      }
    }

    .hd__nav__link.pill:disabled,
    .hd__nav__link.pill:link,
    .hd__nav__link.pill:visited {
      background-color: #eee;
      border-radius: 1rem;
      color: #000;
      font-size: 1.4rem;
      line-height: 1.7rem;
      padding: 1.5rem 5rem;
      transition: all .3s ease
    }

    .hd__nav__link.pill:disabled:hover,
    .hd__nav__link.pill:disabled.active,
    .hd__nav__link.pill:link:hover,
    .hd__nav__link.pill:link.active,
    .hd__nav__link.pill:visited:hover,
    .hd__nav__link.pill:visited.active {
      background-color: rgba(10, 14, 39, .9);
      color: #fff
    }

    @media only screen and (max-width: 56.25em) {

      .hd__nav__link.pill:disabled,
      .hd__nav__link.pill:link,
      .hd__nav__link.pill:visited {
        background-color: rgba(10, 14, 39, .9);
        color: #fff;
        justify-content: center;
        margin-top: 3rem;
        text-align: center
      }
    }

    .hd__nav__link.pill:disabled {
      opacity: .6
    }

    @media only screen and (max-width: 56.25em) {
      .hd__nav__link .hd__nav__link__icon {
        display: block
      }

      .hd__nav__link .hd__nav__link__title {
        font-weight: 600;
        margin-bottom: .6rem
      }

      .hd__nav__link .hd__nav__link__desc {
        display: block
      }
    }

    .hd__nav-submenu,
    .hd__nav-subcategory {
      width: fit-content
    }

    .hd__nav__dropdown {
      background-color: #fff;
      border-radius: 1rem;
      box-shadow: 0px 10px 40px rgba(0, 0, 0, .2);
      left: -50%;
      padding: 0;
      position: absolute;
      top: 3.7rem;
      z-index: 5;
      transform: translateY(8%);
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
      display: flex;
      flex-direction: row;
      width: fit-content;
      justify-content: space-between
    }

    .hd__nav__dropdown--productmenu {
      min-height: 33rem
    }

    @media only screen and (max-width: 56.25em) {
      .hd__nav__dropdown--productmenu {
        min-height: unset
      }
    }

    .hd__nav__dropdown--sme {
      left: -580%
    }

    @media only screen and (max-width: 56.25em) {
      .hd__nav__dropdown {
        visibility: visible;
        opacity: 1;
        pointer-events: auto;
        transform: translateY(0%)
      }
    }

    .hd__nav__dropdown.show {
      opacity: 1;
      visibility: visible;
      pointer-events: auto;
      transform: translateY(0%);
      transition: transform .6s cubic-bezier(0.16, 1, 0.3, 1), opacity .2s ease-out
    }

    @media only screen and (max-width: 56.25em) {
      .hd__nav__dropdown {
        background-color: rgba(0, 0, 0, 0);
        border-bottom: .5px dashed rgba(0, 0, 0, .2);
        border-radius: 0;
        box-shadow: none;
        display: block;
        left: unset;
        padding: 0 0 1.8rem;
        position: relative;
        top: unset;
        width: 100%;
        z-index: unset
      }
    }

    .hd__nav__dropdown__item:not(:last-child) {
      margin-bottom: 2rem
    }

    .hd__nav-subcategory,
    .hd__nav-submenu {
      display: flex;
      flex-direction: column;
      padding: 1.5rem .8rem 2.5rem;
      list-style: none;
      border-radius: inherit
    }

    .hd__nav-subcategory .hd__nav-select,
    .hd__nav-submenu .hd__nav-select {
      display: none;
      justify-content: space-between;
      margin: 0 1rem;
      align-items: center;
      border-radius: .5rem;
      padding: 1rem 1.4rem;
      border: 1px solid rgba(38, 44, 85, .6)
    }

    @media only screen and (max-width: 56.25em) {

      .hd__nav-subcategory .hd__nav-select,
      .hd__nav-submenu .hd__nav-select {
        display: flex
      }
    }

    .hd__nav-subcategory .hd__nav-select select,
    .hd__nav-submenu .hd__nav-select select {
      width: 100%;
      outline: none;
      border: none;
      font-weight: 500;
      color: #262c55;
      cursor: pointer;
      font-size: 1.7rem;
      flex-shrink: 1;
      background-color: #fff
    }

    @media only screen and (max-width: 56.25em) {

      .hd__nav-subcategory .btn,
      .hd__nav-submenu .btn {
        display: none
      }
    }

    .hd__nav-subcategory .btn--transparent,
    .hd__nav-submenu .btn--transparent {
      background-color: rgba(0, 0, 0, 0);
      text-align: left;
      color: #262c55;
      font-size: 1.7rem;
      font-weight: 500;
      transition: background-color .3s ease
    }

    .hd__nav-subcategory .btn--transparent.active,
    .hd__nav-submenu .btn--transparent.active {
      background-color: #eee
    }

    @media only screen and (max-width: 56.25em) {

      .hd__nav-subcategory .btn--transparent.active,
      .hd__nav-submenu .btn--transparent.active {
        background-color: rgba(0, 0, 0, 0)
      }
    }

    .hd__nav-subcategory .btn--download,
    .hd__nav-submenu .btn--download {
      justify-content: center;
      margin-top: auto;
      font-size: 1.4rem;
      background-color: rgba(10, 14, 39, .9);
      color: #fff;
      display: none
    }

    @media only screen and (max-width: 56.25em) {

      .hd__nav-subcategory .btn--download,
      .hd__nav-submenu .btn--download {
        display: block;
        margin: -3rem 2rem 2rem
      }
    }

    .hd__nav-subcategory {
      display: flex;
      flex-direction: column;
      width: 26rem;
      background-color: #f8fafd
    }

    @media only screen and (max-width: 56.25em) {
      .hd__nav-subcategory {
        width: 100%;
        background-color: rgba(0, 0, 0, 0)
      }
    }

    .hd__nav-submenu {
      width: 35rem
    }

    @media only screen and (max-width: 56.25em) {
      .hd__nav-submenu {
        width: 100%;
        padding: 0
      }
    }

    .hd__nav-submenu--sme {
      display: flex;
      justify-content: space-between;
      flex-direction: row;
      width: 65rem
    }

    @media only screen and (max-width: 56.25em) {
      .hd__nav-submenu--sme {
        display: block;
        width: 100%
      }
    }

    .hd__nav-submenu--sme>*:nth-of-type(.btn) {
      width: 50%
    }

    @media only screen and (max-width: 56.25em) {
      .hd__nav-submenu--sme>*:nth-of-type(.btn) {
        width: 100%
      }
    }

    .hd__nav-submenu--sme .btn {
      margin-top: 2rem
    }

    .hd__nav-submenu--alt {
      width: 20rem
    }

    @media only screen and (max-width: 56.25em) {
      .hd__nav-submenu--alt {
        width: 100%
      }
    }

    .hd__nav-submenu--alt .hd__nav__dropdown__item:not(:last-child) {
      margin-bottom: -0.4rem
    }

    .hd__qr {
      margin-top: auto
    }

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

    .hd__qr-container {
      border-radius: 1rem;
      padding: .8rem 1.2rem;
      border: 1px dashed rgba(10, 14, 39, .6);
      margin: 0 auto;
      display: flex;
      align-items: center;
      font-size: 1.5rem
    }

    .hd__qr-container svg,
    .hd__qr-container img {
      flex-shrink: 0;
      margin-right: 1.2rem;
      width: 4rem
    }

    .hd--support {
      padding: 1.8rem 2rem 1.8rem 1rem;
      border-bottom: 1px solid #e5e5e5;
      background-color: #fff;
      position: sticky;
      will-change: transform;
      top: 0;
      z-index: 10
    }

    @media only screen and (max-width: 56.25em) {
      .hd--support {
        padding: 1.6rem 0;
        border-bottom: 0 !important
      }

      .hd--support .hd__nav__list {
        margin-top: 28px
      }

      .hd--support .hd__nav__item {
        margin-bottom: 10px
      }

      .hd--support .hd__nav__link__title {
        font-weight: 400
      }

      .hd--support .hd__nav__link.pill {
        margin: 0 20px !important;
        width: fit-content !important
      }
    }

    .hd--support .hd__nav {
      max-width: 133rem
    }

    .hd--support .hd__nav__link.pill {
      padding: 1rem 2rem;
      background-color: #eee;
      color: #000
    }

    .hd--dark {
      background-color: #1d1d1d
    }

    @media only screen and (max-width: 56.25em) {
      .hd--dark .hd__nav.open {
        background-color: #1d1d1d
      }
    }

    .hd--dark .hd__nav__toggler-icon {
      background-color: #fff
    }

    .hd--dark .hd__nav__label {
      color: #fff
    }

    .hd--dark .hd__nav__dropdown {
      background-color: #313131
    }

    @media only screen and (max-width: 56.25em) {
      .hd--dark .hd__nav__dropdown {
        background-color: #1d1d1d
      }
    }

    .hd--dark .hd__nav__link__title,
    .hd--dark .hd__nav__link__desc {
      color: #eee
    }

    .hd--dark .hd__nav__link.pill:link,
    .hd--dark .hd__nav__link.pill:visited {
      background-color: #eee;
      color: #000
    }

    .hd--dark .hd__nav__link.pill:link:hover,
    .hd--dark .hd__nav__link.pill:link.active,
    .hd--dark .hd__nav__link.pill:visited:hover,
    .hd--dark .hd__nav__link.pill:visited.active {
      background-color: #eee;
      color: #000
    }

    @media only screen and (max-width: 56.25em) {

      .hd--dark .hd__nav__link.pill:link,
      .hd--dark .hd__nav__link.pill:visited {
        background-color: #eee;
        color: #000
      }
    }

    .hd--dark .hd__nav-select {
      border: 1px solid rgba(248, 250, 253, .6)
    }

    .hd--dark .hd__nav-select select {
      color: #f8fafd;
      background-color: #1d1d1d
    }

    main {
      min-height: 50rem
    }

    .section {
      background-color: #fff;
      color: #1d1d1d;
      padding: 16rem 2rem
    }

    @media only screen and (max-width: 46.875em) {
      .section {
        padding: 10rem 2rem
      }
    }

    @media only screen and (max-width: 37.5em) {
      .section {
        padding: 7rem 2rem
      }
    }

    .section.dark {
      background-color: #1d1d1d;
      color: #fff
    }

    .section.light {
      background-color: #f8fafd;
      color: #1d1d1d
    }

    .section.light-alt {
      background-color: #f6f9fc;
      color: #1d1d1d
    }

    .section--safety {
      padding: 16rem 0
    }

    @media only screen and (max-width: 37.5em) {
      .section--safety {
        padding: 8rem 0
      }
    }

    .section--safety.blue {
      background-color: #f8fafd
    }

    .section--safety .container {
      max-width: 113.2rem;
      padding-left: 2rem;
      padding-right: 2rem
    }

    .section--safety .h1 {
      margin-bottom: 3rem
    }

    .section--safety .p {
      margin-bottom: 5rem
    }

    .section--safety .grid {
      align-items: flex-start;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between
    }

    .section--safety .grid__section {
      flex: 0 0 auto;
      max-width: 37.5rem;
      width: 100%
    }

    @media only screen and (max-width: 46.875em) {
      .section--safety .grid__section {
        max-width: 100%
      }
    }

    .section--safety .grid__section .h3 {
      font-size: 1.8rem;
      font-weight: 600;
      line-height: 3.2rem;
      margin-bottom: .8rem
    }

    .section--safety .grid__section .p {
      font-size: 1.6rem;
      line-height: 2.5rem
    }

    .section--safety figure svg {
      position: relative;
      overflow: visible;
      width: 100%;
      height: 100%
    }

    .section--safety figure svg path {
      --delay: 0s;
      transform-box: fill-box;
      transform-origin: center;
      animation: rotate 3s cubic-bezier(0.16, 1, 0.3, 1) var(--delay) infinite alternate-reverse
    }

    .section--safety figure svg path:nth-child(1) {
      --delay: calc(1 * 0.06s)
    }

    .section--safety figure svg path:nth-child(2) {
      --delay: calc(2 * 0.06s)
    }

    .section--safety figure svg path:nth-child(3) {
      --delay: calc(3 * 0.06s)
    }

    .section--safety figure svg path:nth-child(4) {
      --delay: calc(4 * 0.06s)
    }

    .section--safety figure svg path:nth-child(5) {
      --delay: calc(5 * 0.06s)
    }

    .section--safety figure svg path:nth-child(6) {
      --delay: calc(6 * 0.06s)
    }

    .section--safety figure svg path:nth-child(7) {
      --delay: calc(7 * 0.06s)
    }

    .section--safety figure svg path:nth-child(8) {
      --delay: calc(8 * 0.06s)
    }

    .section--safety figure svg path:nth-child(9) {
      --delay: calc(9 * 0.06s)
    }

    .section--safety figure svg path:nth-child(10) {
      --delay: calc(10 * 0.06s)
    }

    .section--safety figure svg path:nth-child(11) {
      --delay: calc(11 * 0.06s)
    }

    .section--safety figure svg path:nth-child(12) {
      --delay: calc(12 * 0.06s)
    }

    .section--safety figure svg path:nth-child(13) {
      --delay: calc(13 * 0.06s)
    }

    .section--safety figure svg path:nth-child(14) {
      --delay: calc(14 * 0.06s)
    }

    .section--safety figure svg path:nth-child(15) {
      --delay: calc(15 * 0.06s)
    }

    .section--safety figure svg path:nth-child(16) {
      --delay: calc(16 * 0.06s)
    }

    .section--safety figure svg path:nth-child(17) {
      --delay: calc(17 * 0.06s)
    }

    .section--safety figure svg path:nth-child(18) {
      --delay: calc(18 * 0.06s)
    }

    .section--safety figure svg path:nth-child(19) {
      --delay: calc(19 * 0.06s)
    }

    .section--safety figure svg path:nth-child(20) {
      --delay: calc(20 * 0.06s)
    }

    .section--safety figure svg path:nth-child(21) {
      --delay: calc(21 * 0.06s)
    }

    .section--safety figure svg path:nth-child(22) {
      --delay: calc(22 * 0.06s)
    }

    .section--safety figure svg path:nth-child(23) {
      --delay: calc(23 * 0.06s)
    }

    .section--safety figure svg path:nth-child(24) {
      --delay: calc(24 * 0.06s)
    }

    .section--safety figure svg path:nth-child(25) {
      --delay: calc(25 * 0.06s)
    }

    .section--safety figure svg path:nth-child(26) {
      --delay: calc(26 * 0.06s)
    }

    .section--safety figure svg path:nth-child(27) {
      --delay: calc(27 * 0.06s)
    }

    .section--safety figure svg path:nth-child(28) {
      --delay: calc(28 * 0.06s)
    }

    .section--safety figure svg path:nth-child(29) {
      --delay: calc(29 * 0.06s)
    }

    .section--safety figure svg path:nth-child(30) {
      --delay: calc(30 * 0.06s)
    }

    .section--safety figure svg path:nth-child(31) {
      --delay: calc(31 * 0.06s)
    }

    .section--safety figure svg path:nth-child(32) {
      --delay: calc(32 * 0.06s)
    }

    .section--safety figure svg path:nth-child(33) {
      --delay: calc(33 * 0.06s)
    }

    .section--safety figure svg path:nth-child(34) {
      --delay: calc(34 * 0.06s)
    }

    .section--safety figure svg path:nth-child(35) {
      --delay: calc(35 * 0.06s)
    }

    .section--safety figure svg path:nth-child(36) {
      --delay: calc(36 * 0.06s)
    }

    .section--safety figure svg path:nth-child(37) {
      --delay: calc(37 * 0.06s)
    }

    .section--safety figure svg path:nth-child(38) {
      --delay: calc(38 * 0.06s)
    }

    @keyframes rotate {
      to {
        transform: rotate(180deg)
      }
    }

    .sub-header {
      overflow-x: auto;
      margin: 0 auto;
      padding: 0 2rem
    }

    .sub-header nav {
      padding-top: 5rem;
      margin: 0 auto;
      max-width: 109.2rem
    }

    @media only screen and (max-width: 37.5em) {
      .sub-header nav {
        width: max-content;
        margin: unset;
        margin-left: auto;
        padding-top: 4rem
      }
    }

    .sub-header nav a {
      float: right;
      text-decoration: none;
      margin-left: 4rem;
      color: #fff;
      font-weight: 500
    }

    @media only screen and (max-width: 37.5em) {
      .sub-header nav a {
        margin-left: 3rem
      }
    }

    #amazon .hero__info {
      width: 100rem;
      max-width: 100%
    }

    #amazon .section--images {
      margin-top: -12rem;
      padding-bottom: 0;
      padding-left: 0;
      padding-right: 0
    }

    @media only screen and (max-width: 46.875em) {
      #amazon .section--images {
        margin-top: 0;
        padding: 0 2rem 3rem
      }
    }

    #amazon .section--images .container {
      max-width: 168rem
    }

    #amazon .section--images .image-grid {
      display: block;
      overflow: hidden;
      position: relative;
      text-decoration: none;
      width: 100%
    }

    #amazon .section--images .image-grid__image {
      display: block;
      height: 70rem;
      object-fit: cover;
      object-position: center;
      transition: all .3s ease;
      width: 100%
    }

    @media only screen and (max-width: 37.5em) {
      #amazon .section--images .image-grid__image {
        height: auto !important;
        width: 100% !important
      }
    }

    #amazon .section--images .image-grid__image--alt {
      object-position: bottom right
    }

    #amazon .section--images .image-grid-wrapper {
      align-items: flex-start;
      display: flex;
      justify-content: space-between
    }

    @media only screen and (max-width: 46.875em) {
      #amazon .section--images .image-grid-wrapper {
        flex-wrap: wrap
      }
    }

    #amazon .section--images .image-grid__section {
      flex: 0 1 auto
    }

    #amazon .section--images .image-grid__section:nth-child(1) {
      width: calc(60% - 3.25rem)
    }

    @media only screen and (max-width: 46.875em) {
      #amazon .section--images .image-grid__section:nth-child(1) {
        margin-bottom: 3rem;
        width: 100%
      }
    }

    #amazon .section--images .image-grid__section:nth-child(1) .image-grid__image {
      height: 57.5rem
    }

    @media only screen and (max-width: 56.25em) {
      #amazon .section--images .image-grid__section:nth-child(1) .image-grid__image {
        height: 55rem
      }
    }

    @media only screen and (max-width: 46.875em) {
      #amazon .section--images .image-grid__section:nth-child(1) .image-grid__image {
        height: auto
      }
    }

    #amazon .section--images .image-grid__section:nth-child(2) {
      margin-top: -30rem;
      width: calc(40% - 3.25rem)
    }

    @media only screen and (max-width: 46.875em) {
      #amazon .section--images .image-grid__section:nth-child(2) {
        display: flex;
        flex-direction: column-reverse;
        margin-top: 0;
        width: 100%
      }
    }

    @media only screen and (max-width: 56.25em) {
      #amazon .section--images .image-grid__section:nth-child(2) .image-grid__image {
        height: 50rem
      }
    }

    @media only screen and (max-width: 46.875em) {
      #amazon .section--images .image-grid__section:nth-child(2) .image-grid__image {
        height: auto
      }
    }

    #amazon .section--faq {
      padding-top: 16.8rem
    }

    #amazon .section--faq .h1 {
      max-width: 1000px;
      margin: 0 auto 9rem;
      text-align: center
    }

    #amazon .section--process {
      padding-bottom: 0
    }

    #amazon .section--process .p.loud {
      margin-bottom: 0
    }

    #amazon .section--process .steps {
      margin-top: 8rem
    }

    #audiomack {
      overflow-x: hidden
    }

    #audiomack .hero {
      padding-bottom: 0;
      padding-top: 8rem
    }

    @media only screen and (max-width: 37.5em) {
      #audiomack .hero {
        padding: 5rem 1rem 0
      }
    }

    #audiomack .hero .audiomack-logo {
      margin-bottom: 3.8rem
    }

    #audiomack .hero__cta .btn {
      padding: 1.5rem 3.3rem;
      font-size: 1.5rem
    }

    #audiomack .hero__heading {
      font-size: 8rem;
      line-height: 8.6rem
    }

    #audiomack .hero__heading .c-or {
      color: #ffca7d !important
    }

    #audiomack .hero__wrapper {
      align-items: center;
      background: linear-gradient(301.96deg, #1D1D1D 54.67%, #FF9B00 120.65%);
      border-radius: 2rem;
      color: #fff;
      flex-direction: column;
      justify-content: flex-start;
      max-width: 125.5rem;
      padding: 7rem 12.6rem 0;
      position: relative
    }

    @media only screen and (max-width: 75em) {
      #audiomack .hero__wrapper {
        padding-left: 6rem;
        padding-right: 6rem
      }
    }

    @media only screen and (max-width: 37.5em) {
      #audiomack .hero__wrapper {
        padding: 4rem 2rem 0
      }
    }

    #audiomack .hero__wrapper::before {
      background-image: url("images/background-noise.svg");
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      bottom: 0;
      content: "";
      height: 100%;
      left: 0;
      opacity: .25;
      position: absolute;
      right: 0;
      top: 0;
      width: 100%;
      z-index: 0
    }

    #audiomack .hero__info {
      position: relative;
      z-index: 1;
      align-items: center;
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      text-align: center;
      width: 100%
    }

    #audiomack .hero__sub-heading {
      max-width: 85rem;
      margin-bottom: 3rem
    }

    #audiomack .hero__media {
      width: 100%;
      max-width: 80rem;
      margin-top: 4.2rem
    }

    @media only screen and (max-width: 37.5em) {
      #audiomack .hero__media {
        margin-top: -0.5rem
      }
    }

    #audiomack .hero__media img {
      width: 100%;
      height: auto;
      object-position: center
    }

    #blog h1,
    #blog h2,
    #blog h3,
    #blog h4,
    #blog h5,
    #blog .u-font-h1,
    #blog .u-font-h2 {
      font-family: "Millik", sans-serif;
      font-weight: 500
    }

    #blog .u-font-h1 {
      font-size: 3rem;
      line-height: 36px
    }

    @media screen and (max-width: 600px) {
      #blog .u-font-h1 {
        font-size: 2.4rem;
        line-height: 34px
      }
    }

    #blog .u-font-h2 {
      font-size: 2.8rem;
      line-height: 36px
    }

    @media screen and (max-width: 600px) {
      #blog .u-font-h2 {
        font-size: 2.2rem;
        line-height: 32px
      }
    }

    #blog .u-font-sm {
      font-size: 1.6rem
    }

    #blog .u-font-xs {
      font-size: 1.4rem
    }

    #blog .u-font-medium {
      font-weight: 500
    }

    #blog .u-font-semi-bold {
      font-weight: 600
    }

    #blog .u-font-uppercase {
      text-transform: uppercase
    }

    #blog .l-blog {
      font-family: "Moderat", sans-serif;
      font-weight: normal;
      font-size: 1.4rem;
      -webkit-font-smoothing: antialiased;
      overscroll-behavior-y: none
    }

    #blog .dm-code-snippet {
      background: #abb8c3;
      background-color: #fcd8d4;
      padding: 40px 35px 45px 35px;
      margin-top: 30px;
      margin-bottom: 30px
    }

    #blog .dm-code-snippet code[class*=language-] {
      color: #f8f8f2;
      background: none;
      text-shadow: 0 1px rgba(0, 0, 0, .3);
      font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
      text-align: left;
      white-space: pre;
      word-spacing: normal;
      word-break: normal;
      word-wrap: normal;
      line-height: 1.5;
      tab-size: 4;
      hyphens: none;
      overflow: auto;
      width: 100%
    }

    #blog .dm-code-snippet .control-language {
      box-shadow: 0px 8px 40px #505050;
      border: none;
      background: #272822;
      padding: 1em;
      margin: .5em 0 0 0;
      border-radius: .3em
    }

    #blog .dm-code-snippet .control-language pre {
      display: block;
      border: none;
      background: rgba(0, 0, 0, 0);
      padding: 0 0 0 1em;
      margin: 0;
      font-family: monospace;
      white-space: pre
    }

    #blog .dm-code-snippet .control-language pre .no-wrap {
      white-space: pre
    }

    #blog .dm-code-snippet .dm-buttons {
      display: flex;
      justify-content: space-between;
      padding: 0;
      margin-bottom: 10px
    }

    #blog .dm-code-snippet .dm-buttons-left,
    #blog .dm-code-snippet .dm-buttons-right {
      display: flex;
      align-items: center
    }

    #blog .dm-code-snippet .dm-buttons-right a {
      text-decoration: none;
      opacity: .5;
      color: #fff;
      box-shadow: none;
      background: #2682c3;
      padding: 3px 10px 2px 10px;
      font-size: 12px;
      text-transform: uppercase;
      font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
      letter-spacing: 1px;
      border-radius: 3px
    }

    #blog .dm-code-snippet .dm-buttons .dm-button-snippet {
      width: 12px;
      height: 12px;
      border-radius: 100%;
      margin-right: 10px
    }

    #blog .dm-code-snippet .dm-buttons .dm-button-snippet.red-button {
      background: #f92a2a
    }

    #blog .dm-code-snippet .dm-buttons .dm-button-snippet.orange-button {
      background: #ffb100
    }

    #blog .dm-code-snippet .dm-buttons .dm-button-snippet.green-button {
      background: #1ec500
    }

    #dm-code-raw {
      margin-top: 0px;
      display: block
    }

    #dm-code-raw.no-wrap {
      margin-bottom: 15px
    }

    #capital .hero {
      overflow: hidden;
      padding-bottom: 0;
      padding-top: 9rem
    }

    #capital .hero__heading {
      max-width: 66.3rem
    }

    #capital .hero__sub-heading {
      max-width: 52.1rem
    }

    #capital .hero__wrapper {
      position: relative
    }

    #capital .hero__info {
      margin-bottom: 12.3rem;
      width: 52rem
    }

    @media only screen and (max-width: 46.875em) {
      #capital .hero__info {
        margin-bottom: 5rem
      }
    }

    #capital .hero__media {
      margin-right: -3rem;
      width: calc(100% - 52rem)
    }

    @media only screen and (max-width: 56.25em) {
      #capital .hero__media {
        margin-right: 0;
        margin-top: -7rem;
        transform: translateX(-30%)
      }
    }

    @media only screen and (max-width: 46.875em) {
      #capital .hero__media {
        margin: 0;
        width: 100%;
        transform: translate(0)
      }
    }

    #capital .hero__media__item {
      height: 67.2rem;
      width: 65.7rem
    }

    @media only screen and (max-width: 46.875em) {
      #capital .hero__media__item {
        height: auto;
        width: 100%
      }
    }

    #capital .section--media {
      padding-bottom: 0;
      padding-top: 0
    }

    @media only screen and (max-width: 46.875em) {
      #capital .section--media {
        padding-top: 6rem
      }
    }

    #capital .section--info {
      padding-bottom: 0
    }

    #capital .section--info .p {
      font-size: 8rem;
      line-height: 10rem
    }

    @media only screen and (max-width: 56.25em) {
      #capital .section--info .p {
        font-size: 5.2rem;
        line-height: 7rem
      }
    }

    @media only screen and (max-width: 37.5em) {
      #capital .section--info .p {
        font-size: 3.6rem;
        line-height: 5rem
      }
    }

    #capital .section--steps {
      overflow: hidden
    }

    @media only screen and (max-width: 37.5em) {
      #capital .section--steps {
        padding-top: 5rem
      }
    }

    #capital .section--steps .grid {
      align-items: center;
      display: flex;
      justify-content: flex-start
    }

    @media only screen and (max-width: 46.875em) {
      #capital .section--steps .grid {
        flex-wrap: wrap
      }
    }

    @media only screen and (max-width: 46.875em) {
      #capital .section--steps .grid__section>* {
        width: 100%
      }
    }

    #capital .section--steps .grid__section:nth-child(2) {
      text-align: center
    }

    #capital .section--steps .grid__section:nth-child(2) .media {
      border-radius: 1rem;
      filter: drop-shadow(0px 4px 30px rgba(0, 0, 0, 0.2))
    }

    #capital .section--steps .grid__section:nth-child(2) .media .illustration {
      display: block;
      height: 77.5rem;
      width: 124rem
    }

    @media only screen and (max-width: 46.875em) {
      #capital .section--steps .grid__section:nth-child(2) .media .illustration {
        width: 100%;
        height: auto;
        margin-top: 5rem
      }
    }

    #capital .section--faq .h1 {
      margin: 0 auto 9rem;
      max-width: 70rem;
      text-align: center
    }

    #capital .section--resources .h1 {
      margin: 0 auto 8.9rem;
      max-width: 60rem;
      text-align: center
    }

    @media only screen and (max-width: 46.875em) {
      #capital .section--resources .h1 {
        margin: 0 auto 6.2rem
      }
    }

    @media only screen and (max-width: 37.5em) {
      #capital .section--resources .h1 {
        margin: 0 auto 4rem
      }
    }

    #capital .section--resources .resources {
      align-items: stretch;
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start;
      margin-left: -0.5rem;
      margin-right: -0.5rem
    }

    #capital .section--resources .resource {
      flex: 0 1 auto;
      padding: .5rem;
      width: 33.3333333333%
    }

    @media only screen and (max-width: 46.875em) {
      #capital .section--resources .resource {
        width: 50%
      }
    }

    @media only screen and (max-width: 37.5em) {
      #capital .section--resources .resource {
        width: 100%
      }
    }

    @media only screen and (max-width: 46.875em) {
      #capital .section--resources .resource:not(:last-child) {
        margin-bottom: 4rem
      }
    }

    #capital .section--resources .resource__link {
      display: block;
      padding: .5rem;
      text-decoration: none
    }

    #capital .section--resources .resource__link:hover .resource__poster__img {
      transform: scale(1.1)
    }

    #capital .section--resources .resource__link:hover .resource__title {
      color: #00abab
    }

    #capital .section--resources .resource__poster {
      border-radius: 2rem;
      height: 44.3rem;
      margin-bottom: 1.6rem;
      overflow: hidden;
      width: 100%
    }

    @media only screen and (max-width: 37.5em) {
      #capital .section--resources .resource__poster {
        height: 35rem
      }
    }

    #capital .section--resources .resource__poster__img {
      display: block;
      height: 100%;
      object-fit: cover;
      object-position: center;
      transition: transform .3s ease;
      width: 100%
    }

    #capital .section--resources .resource__title {
      font-size: 1.8rem;
      line-height: 2.2rem;
      transition: color .3s ease
    }

    #card-issuing .hero {
      padding: 5rem 1rem 0
    }

    #card-issuing .hero__wrapper {
      align-items: center;
      background: linear-gradient(292.67deg, #1D1D1D 49.78%, rgba(102, 114, 199, 0.8) 123.94%);
      border-radius: 2rem;
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      max-width: 128.1rem;
      padding: 7.5rem 3rem 15rem;
      position: relative;
      z-index: 1
    }

    @media only screen and (max-width: 37.5em) {
      #card-issuing .hero__wrapper {
        padding: 3.5rem 2rem 10rem
      }
    }

    #card-issuing .hero__wrapper::before {
      background-image: url("images/background-noise.svg");
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      bottom: 0;
      content: "";
      height: 100%;
      left: 0;
      opacity: .3;
      position: absolute;
      right: 0;
      top: 0;
      width: 100%;
      z-index: -1
    }

    #card-issuing .hero__heading {
      color: #fff;
      margin-bottom: 7.3rem;
      max-width: 78.7rem;
      text-align: center
    }

    @media only screen and (max-width: 46.875em) {
      #card-issuing .hero__heading {
        margin-bottom: 5.5rem
      }
    }

    @media only screen and (max-width: 37.5em) {
      #card-issuing .hero__heading {
        margin-bottom: 4rem
      }
    }

    #card-issuing .hero__ctas {
      margin-bottom: 7rem
    }

    @media only screen and (max-width: 37.5em) {
      #card-issuing .hero__ctas {
        margin-bottom: 6rem
      }
    }

    #card-issuing .hero__cta:not(:last-child) {
      margin-right: 4.5rem
    }

    @media only screen and (max-width: 37.5em) {
      #card-issuing .hero__cta:not(:last-child) {
        margin-right: 5.3vw
      }
    }

    @media only screen and (max-width: 37.5em) {
      #card-issuing .hero__stacked-cards {
        max-height: 54vw;
        max-width: 82vw
      }
    }

    #card-issuing .section--companies {
      padding-bottom: 0;
      padding-top: 15rem
    }

    @media only screen and (max-width: 46.875em) {
      #card-issuing .section--companies {
        padding-top: 10rem
      }
    }

    @media only screen and (max-width: 37.5em) {
      #card-issuing .section--companies {
        padding-top: 5.6rem
      }
    }

    #card-issuing .section--companies .p.loud {
      background: linear-gradient(to right, #6672C7, #00ABAB);
      -webkit-background-clip: text;
      -webkit-text-fill-color: rgba(0, 0, 0, 0);
      font-size: 8rem;
      font-weight: 300;
      line-height: 10rem;
      margin-bottom: 17rem
    }

    @media only screen and (max-width: 56.25em) {
      #card-issuing .section--companies .p.loud {
        font-size: 5rem;
        line-height: 8rem;
        margin-bottom: 12rem
      }
    }

    @media only screen and (max-width: 37.5em) {
      #card-issuing .section--companies .p.loud {
        font-size: 3.6rem;
        line-height: 5rem;
        margin-bottom: 7.2rem
      }
    }

    #card-issuing .section--offer {
      padding-bottom: 0;
      padding-left: 1rem;
      padding-right: 1rem
    }

    #card-issuing .section--offer .container {
      background-color: #f6f9fc;
      border-radius: 2rem;
      max-width: 128rem;
      padding: 16rem 8.3rem
    }

    @media only screen and (max-width: 46.875em) {
      #card-issuing .section--offer .container {
        padding: 10rem 5.5rem
      }
    }

    @media only screen and (max-width: 37.5em) {
      #card-issuing .section--offer .container {
        padding: 7rem 2rem
      }
    }

    #card-issuing .section--offer .h1 {
      margin-bottom: 2.5rem
    }

    #card-issuing .section--offer .p {
      font-size: 2.4rem;
      line-height: 3.4rem;
      margin-bottom: 7rem;
      max-width: 67rem
    }

    @media only screen and (max-width: 37.5em) {
      #card-issuing .section--offer .p {
        font-size: 1.8rem;
        line-height: 2.8rem
      }
    }

    #card-issuing .section--businesses {
      padding-bottom: 6rem;
      padding-left: 1rem;
      padding-right: 1rem
    }

    @media only screen and (max-width: 46.875em) {
      #card-issuing .section--businesses {
        padding-bottom: 3rem
      }
    }

    @media only screen and (max-width: 37.5em) {
      #card-issuing .section--businesses {
        padding-bottom: 2rem
      }
    }

    #card-issuing .section--businesses .container {
      max-width: 128rem
    }

    #card-issuing .section--businesses .h1 {
      margin-bottom: 8.8rem;
      margin-left: 9.4rem;
      max-width: 96rem
    }

    @media only screen and (max-width: 46.875em) {
      #card-issuing .section--businesses .h1 {
        margin-bottom: 6.5rem;
        margin-left: 4rem;
        max-width: 96rem
      }
    }

    @media only screen and (max-width: 37.5em) {
      #card-issuing .section--businesses .h1 {
        margin-bottom: 5rem;
        margin-left: 1rem;
        max-width: calc(100% - 1rem)
      }
    }

    #card-issuing .section--businesses .tab__menu {
      margin-bottom: 3rem;
      margin-left: 9.4rem
    }

    @media only screen and (max-width: 46.875em) {
      #card-issuing .section--businesses .tab__menu {
        margin-left: 4rem
      }
    }

    @media only screen and (max-width: 37.5em) {
      #card-issuing .section--businesses .tab__menu {
        margin-left: 1rem
      }
    }

    #card-issuing .section--businesses .tab__panel {
      background-color: #f6f9fc;
      border-radius: 2rem;
      padding: 16rem 8.3rem
    }

    @media only screen and (max-width: 46.875em) {
      #card-issuing .section--businesses .tab__panel {
        padding: 10rem 5.5rem
      }
    }

    @media only screen and (max-width: 37.5em) {
      #card-issuing .section--businesses .tab__panel {
        padding: 7rem 2rem
      }
    }

    #checkout-demo .hero {
      padding-bottom: 5rem
    }

    #checkout-demo .hero__wrapper {
      align-items: center;
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      text-align: center
    }

    #checkout-demo .hero__heading {
      max-width: 83.1rem
    }

    #checkout-demo .hero__sub-heading {
      margin-bottom: 7rem;
      max-width: 67rem
    }

    @media only screen and (max-width: 37.5em) {
      #checkout-demo .hero__sub-heading {
        margin-bottom: 5rem
      }
    }

    #checkout-demo .section--embed {
      padding-bottom: 6rem;
      padding-top: 0
    }

    #checkout-demo .section--embed .checkout-embed {
      position: relative;
      box-shadow: 0px 4px 30px rgba(0, 0, 0, .2);
      padding: 15rem 1.5rem;
      border-radius: 1rem
    }

    @media only screen and (max-width: 46.875em) {
      #checkout-demo .section--embed .checkout-embed {
        padding: 6rem 1.5rem 6rem
      }
    }

    @media only screen and (max-width: 37.5em) {
      #checkout-demo .section--embed .checkout-embed {
        font-size: 1.4rem;
        padding: 5rem 3rem
      }
    }

    #checkout-demo .section--embed .checkout-embed iframe {
      position: absolute !important;
      top: 0 !important;
      left: 0 !important;
      width: 100% !important;
      height: 100% !important;
      z-index: 1 !important;
      border-radius: 1rem
    }

    #checkout-demo .section--embed .section__form {
      max-width: 65.3rem;
      margin: 0 auto
    }

    #checkout-demo .section--embed .form .form__row {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(29rem, 1fr));
      grid-column-gap: 6.5rem
    }

    #checkout-demo .section--embed .form label {
      display: none
    }

    #checkout-demo .section--embed .form button {
      margin-top: .7rem;
      font-size: 1.4rem
    }

    #checkout-demo .section--embed .form .form__field {
      margin-bottom: 5rem
    }

    @media only screen and (max-width: 46.875em) {
      #checkout-demo .section--embed .form .form__field {
        margin-bottom: 3rem
      }
    }

    #checkout-demo .section--embed .form .form__input {
      font-size: 1.6rem;
      padding: 1.7rem;
      color: #6d6d6d
    }

    @media only screen and (max-width: 46.875em) {
      #checkout-demo .section--embed .form .form__input {
        font-size: 1.4rem;
        padding: 1.3rem
      }
    }

    #commerce {
      overflow-x: hidden
    }

    #commerce .hero {
      overflow: hidden;
      padding-bottom: 0;
      padding-top: 3.6rem
    }

    @media only screen and (max-width: 46.875em) {
      #commerce .hero {
        padding-top: 7.4rem
      }
    }

    #commerce .hero.alt {
      padding-top: 7.4rem
    }

    #commerce .hero__wrapper {
      align-items: flex-end;
      position: relative
    }

    @media only screen and (max-width: 56.25em) {
      #commerce .hero__wrapper {
        align-items: center
      }
    }

    #commerce .hero__wrapper.alt {
      justify-content: unset
    }

    #commerce .hero__info {
      margin-bottom: 9rem;
      width: 60rem
    }

    #commerce .hero__info.alt {
      width: 49rem
    }

    @media only screen and (max-width: 46.875em) {
      #commerce .hero__info.alt {
        width: 100%
      }
    }

    @media only screen and (max-width: 46.875em) {
      #commerce .hero__info {
        margin-bottom: 5rem;
        width: 100%
      }
    }

    #commerce .hero__media__item {
      height: 58.1rem;
      width: 44.1rem
    }

    @media only screen and (max-width: 56.25em) {
      #commerce .hero__media__item {
        margin-top: -2rem;
        margin-left: -16rem
      }
    }

    @media only screen and (max-width: 46.875em) {
      #commerce .hero__media__item {
        margin: 0
      }
    }

    @media only screen and (max-width: 37.5em) {
      #commerce .hero__media__item {
        margin: 0 auto;
        width: 80%;
        height: auto
      }
    }

    #commerce .hero__media__item.alt {
      height: 53.9rem;
      width: 58.5rem
    }

    @media only screen and (max-width: 56.25em) {
      #commerce .hero__media__item.alt {
        margin-top: -6rem;
        margin-left: -12rem
      }
    }

    @media only screen and (max-width: 46.875em) {
      #commerce .hero__media__item.alt {
        margin: 0;
        width: 100%;
        height: auto
      }
    }

    #commerce .hero__sub-heading {
      max-width: 45rem
    }

    @media only screen and (max-width: 46.875em) {
      #commerce .hero__sub-heading {
        max-width: unset
      }
    }

    #commerce .section--steps {
      overflow: hidden
    }

    #commerce .section--steps .p {
      margin-bottom: 16rem
    }

    @media only screen and (max-width: 46.875em) {
      #commerce .section--steps .p {
        margin-bottom: 6rem
      }
    }

    #commerce .section--steps .grid {
      align-items: flex-start;
      display: flex;
      justify-content: flex-start
    }

    @media only screen and (max-width: 56.25em) {
      #commerce .section--steps .grid {
        flex-wrap: wrap
      }
    }

    #commerce .section--steps .grid__section:nth-child(2) {
      text-align: center
    }

    #commerce .section--steps .grid__section:nth-child(2) .media {
      border-radius: 1rem;
      filter: drop-shadow(0px 4px 30px rgba(0, 0, 0, 0.2));
      overflow: hidden;
      margin-bottom: 3.6rem
    }

    #commerce .section--steps .grid__section:nth-child(2) .media--store {
      filter: unset;
      box-shadow: 0px 4px 30px rgba(0, 0, 0, .2)
    }

    @media only screen and (max-width: 56.25em) {
      #commerce .section--steps .grid__section:nth-child(2) .media {
        margin-top: 6rem
      }
    }

    @media only screen and (max-width: 37.5em) {
      #commerce .section--steps .grid__section:nth-child(2) .media {
        margin-bottom: 0
      }
    }

    #commerce .section--steps .grid__section:nth-child(2) .media .illustration {
      display: block;
      transform: scale(1.05)
    }

    @media only screen and (max-width: 56.25em) {
      #commerce .section--steps .grid__section:nth-child(2) .media .illustration {
        width: 100%;
        margin-top: 3rem
      }

      #commerce .section--steps .grid__section:nth-child(2) .media .illustration--payment-link {
        transform: scale(1.5)
      }
    }

    #commerce .section--steps .steps {
      margin-bottom: 16rem
    }

    @media only screen and (max-width: 56.25em) {
      #commerce .section--steps .steps {
        width: 100%;
        margin-bottom: 6rem
      }
    }

    #commerce .section--marketplace {
      padding-left: 0px;
      padding-right: 0px
    }

    @media only screen and (max-width: 1120px) {
      #commerce .section--marketplace {
        padding-left: 2rem;
        padding-right: 2rem
      }
    }

    #commerce .section--marketplace .h1 {
      margin-bottom: 9rem
    }

    #commerce .section--marketplace .grid {
      align-items: stretch;
      display: flex;
      justify-content: flex-start
    }

    @media only screen and (max-width: 46.875em) {
      #commerce .section--marketplace .grid {
        flex-wrap: wrap
      }
    }

    #commerce .section--marketplace .grid:nth-child(1) {
      margin-bottom: 16rem
    }

    @media only screen and (max-width: 46.875em) {
      #commerce .section--marketplace .grid:nth-child(1) {
        flex-direction: column-reverse;
        margin-bottom: 0rem
      }

      #commerce .section--marketplace .grid:nth-child(1) .text {
        margin-bottom: 3rem
      }
    }

    #commerce .section--marketplace .grid:nth-child(1) .wrapper {
      margin-left: 12rem;
      position: relative;
      z-index: 1
    }

    #commerce .section--marketplace .grid:nth-child(1) .wrapper::before {
      --size: 19rem;
      background-color: #f1a5c2;
      border-radius: 100%;
      content: "";
      position: absolute;
      right: 0;
      top: -60%;
      width: var(--size);
      height: var(--size);
      z-index: -1
    }

    @media only screen and (max-width: 46.875em) {
      #commerce .section--marketplace .grid:nth-child(1) .wrapper::before {
        --size: 14rem
      }
    }

    #commerce .section--marketplace .grid:nth-child(2) .text {
      align-items: center;
      flex-direction: column;
      justify-content: center
    }

    #commerce .section--marketplace .grid:nth-child(2) .text .wrapper {
      margin-bottom: 10rem;
      margin-top: 18rem;
      max-width: 43rem
    }

    @media only screen and (max-width: 56.25em) {
      #commerce .section--marketplace .grid:nth-child(2) .text .wrapper {
        margin-top: 5rem
      }
    }

    @media only screen and (max-width: 46.875em) {
      #commerce .section--marketplace .grid:nth-child(2) .text .wrapper {
        max-width: unset;
        margin-top: 8rem;
        margin-bottom: 3rem
      }
    }

    #commerce .section--marketplace .grid:nth-child(2) .figure--alt {
      height: 63rem;
      width: 59rem;
      transform: rotate(2.39deg)
    }

    @media only screen and (max-width: 46.875em) {
      #commerce .section--marketplace .grid:nth-child(2) .figure--alt {
        width: 100%;
        height: auto;
        margin-bottom: 2rem
      }
    }

    #commerce .section--marketplace .grid__section {
      flex: 0 1 auto;
      width: 50%
    }

    @media only screen and (max-width: 46.875em) {
      #commerce .section--marketplace .grid__section {
        width: 100%
      }
    }

    #commerce .section--marketplace .grid__section.media--girl-illustration {
      transform: rotate(-1.2deg)
    }

    #commerce .section--marketplace .grid__section.text {
      align-items: center;
      display: flex;
      justify-content: flex-start
    }

    #commerce .section--marketplace .grid__section.text .wrapper {
      max-width: 40rem
    }

    @media only screen and (max-width: 46.875em) {
      #commerce .section--marketplace .grid__section.text .wrapper {
        max-width: unset;
        margin-left: 0
      }
    }

    #commerce .section--marketplace .grid__section.text .wrapper .p {
      font-size: 5rem;
      line-height: 7rem
    }

    @media only screen and (max-width: 56.25em) {
      #commerce .section--marketplace .grid__section.text .wrapper .p {
        font-size: 3rem;
        line-height: 4.5rem
      }
    }

    @media only screen and (max-width: 37.5em) {
      #commerce .section--marketplace .grid__section.text .wrapper .p {
        font-size: 2.4rem;
        line-height: 3.6rem
      }
    }

    #commerce .section--highlight .p {
      margin-bottom: 5rem
    }

    #commerce .section--highlight .cta {
      align-items: center;
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start
    }

    #commerce .section--highlight .cta__item {
      margin-bottom: 2rem
    }

    #commerce .section--highlight .cta__item:not(:last-child) {
      margin-right: 2rem
    }

    #commerce .section--offer {
      overflow: hidden
    }

    #commerce .section--offer .h1 {
      margin-bottom: 1.4rem;
      max-width: 56rem
    }

    #commerce .section--offer .p {
      margin-bottom: 6.6rem;
      max-width: 71.7rem
    }

    @media only screen and (max-width: 37.5em) {
      #commerce .section--offer .p {
        margin-bottom: 4.6rem
      }
    }

    #commerce .section--offer .offers-grid {
      align-items: flex-start;
      display: flex;
      justify-content: space-between
    }

    #commerce .section--offer .offers-grid__section:nth-child(1) {
      flex: 0 1 auto;
      padding-top: 13rem;
      width: 52rem
    }

    @media only screen and (max-width: 37.5em) {
      #commerce .section--offer .offers-grid__section:nth-child(1) {
        padding-top: 8rem
      }
    }

    #commerce .section--offer .offers-grid__section:nth-child(2) {
      align-items: center;
      display: flex;
      flex: 1 1 auto;
      justify-content: center;
      height: 80rem
    }

    #commerce .section--offer .offers {
      align-items: flex-start;
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      list-style: none;
      padding-right: 1rem
    }

    #commerce .section--offer .offer {
      color: #fff;
      display: inline-block;
      font-size: 2.6rem;
      font-weight: 400;
      line-height: 4rem;
      transition: all .3s ease;
      padding-left: 4.4rem;
      position: relative
    }

    @media only screen and (max-width: 37.5em) {
      #commerce .section--offer .offer {
        font-size: 2.2rem;
        line-height: 3.2rem
      }
    }

    #commerce .section--offer .offer::before {
      background-color: #35a162;
      border-radius: 100%;
      content: "";
      height: 1.1rem;
      left: 0;
      position: absolute;
      top: calc(50% - .55rem);
      width: 2rem
    }

    #commerce .section--offer .offer:not(:last-of-type) {
      margin-bottom: 4rem
    }

    #commerce .section--offer .media {
      align-items: center;
      display: flex;
      height: 100%;
      justify-content: center;
      position: relative;
      width: 100%
    }

    #commerce .section--offer .media::before,
    #commerce .section--offer .media::after {
      content: "";
      height: 56rem;
      left: 15rem;
      position: absolute;
      top: calc(50% - 28rem);
      width: 56rem
    }

    #commerce .section--offer .media::before {
      background-color: #fb9129;
      transform: rotate(-45deg)
    }

    #commerce .section--offer .media::after {
      background-color: #262c55;
      transform: rotate(-30deg)
    }

    #commerce .section--offer .media .figure {
      height: auto;
      margin-left: 19.2rem;
      width: 45rem;
      z-index: 1
    }

    #commerce .section--faq {
      padding-bottom: 4.5rem
    }

    #commerce .section--faq .h1 {
      margin: 0 auto 9rem;
      max-width: 70rem;
      text-align: center
    }

    #contact-sales .section {
      padding-bottom: 7.4rem;
      padding-top: 6rem
    }

    #contact-sales .section .container {
      align-items: flex-start;
      display: flex;
      justify-content: flex-start
    }

    @media only screen and (max-width: 46.875em) {
      #contact-sales .section .container {
        flex-wrap: wrap
      }
    }

    #contact-sales .section__info {
      flex: 0 1 auto;
      margin-right: 10.3rem;
      max-width: 50rem;
      width: 100%
    }

    @media only screen and (max-width: 46.875em) {
      #contact-sales .section__info {
        max-width: unset;
        margin-right: 0;
        margin-bottom: 5rem
      }
    }

    #contact-sales .section__form {
      flex: 0 1 auto;
      max-width: 35rem;
      width: 100%
    }

    @media only screen and (max-width: 46.875em) {
      #contact-sales .section__form {
        max-width: unset
      }
    }

    #contact-sales .section .h1 {
      margin-bottom: 2rem
    }

    #contact-sales .section .p:not(:last-of-type) {
      margin-bottom: 3rem
    }

    #error .section {
      background-image: url("https://cdn.filestackcontent.com/GSmQZnxURoW5LzmtN16R");
      background-position: bottom center;
      background-repeat: no-repeat;
      background-size: 94.4rem 61.1rem;
      padding-top: 6.8rem;
      min-height: 85rem;
      z-index: 1;
      position: relative
    }

    @media only screen and (max-width: 37.5em) {
      #error .section {
        background-size: contain;
        margin-bottom: 4rem;
        min-height: auto;
        padding-bottom: 51vw
      }
    }

    #error .section__image {
      object-fit: contain;
      object-position: bottom center;
      width: 94.4rem;
      height: 61.1rem;
      display: block;
      margin: 0 auto
    }

    #error .section__image-block {
      z-index: -1;
      position: absolute;
      bottom: 0;
      min-height: 85rem;
      width: 100%;
      display: flex;
      flex-direction: column;
      justify-content: flex-end
    }

    #error .section .container {
      align-items: center;
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      max-width: 48.2rem;
      text-align: center
    }

    #error .section .h1 {
      font-size: 10rem;
      line-height: 10rem;
      margin-bottom: 3.6rem
    }

    @media only screen and (max-width: 46.875em) {
      #error .section .h1 {
        font-size: 7rem;
        line-height: 7rem;
        margin-bottom: 3rem
      }
    }

    @media only screen and (max-width: 37.5em) {
      #error .section .h1 {
        font-size: 5rem;
        line-height: 5rem;
        margin-bottom: 2.3rem
      }
    }

    #error .section .p {
      font-size: 1.8rem;
      line-height: 2.6rem;
      margin-bottom: 4.2rem
    }

    @media only screen and (max-width: 46.875em) {
      #error .section .p {
        margin-bottom: 4rem
      }
    }

    @media only screen and (max-width: 37.5em) {
      #error .section .p {
        margin-bottom: 3rem
      }
    }

    :root {
      --color-pink: #f5afcb;
      --color-light-pink: #f9c8c8;
      --color-blush: #eb5757;
      --color-orange: #ff5805;
      --color-green: #009a46;
      --color-light-green: ##dcf5e7;
      --color-light-green: #dcf5e7;
      --color-yellow: #ffca7d;
      --color-light-yellow: #fff6e9;
      --color-dark-yellow: #ff9b00;
      --color-brown: #703e00;
      --color-dark-brown: #702500;
      --color-wine: #800033;
      --color-white: white;
      --color-off-white: #fee9df;
      --color-black: #003212;
      --color-blue: #576ae6
    }

    #eoy-2024 {
      position: relative;
      max-width: 100vw;
      overflow: hidden
    }

    #eoy-2024 .container {
      width: 100%;
      max-width: 128rem;
      padding: 0rem 2rem
    }

    #eoy-2024 .illustration__image {
      width: 100%;
      height: 100%;
      margin-bottom: -5px
    }

    #eoy-2024 .content-box {
      position: relative;
      padding: 160px 20px
    }

    @media only screen and (max-width: 56.25em) {
      #eoy-2024 .content-box {
        padding: 130px 20px
      }
    }

    #eoy-2024 .content-box__inner {
      display: flex;
      max-width: 1152px;
      margin: 0 auto
    }

    @media only screen and (max-width: 56.25em) {
      #eoy-2024 .content-box__inner {
        flex-direction: column
      }
    }

    #eoy-2024 .content-box__inner .content-box__text {
      flex: 50%;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: stretch
    }

    #eoy-2024 .content-box__inner .content-box__text-top {
      flex-grow: 1;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      padding: 51px 65px 48px 48px;
      color: var(--color-white)
    }

    @media only screen and (max-width: 56.25em) {
      #eoy-2024 .content-box__inner .content-box__text-top {
        padding: 48px 30px
      }

      #eoy-2024 .content-box__inner .content-box__text-top h2 {
        margin-bottom: 24px
      }
    }

    #eoy-2024 .content-box__inner .content-box__text-top h2 {
      margin-bottom: 24px
    }

    #eoy-2024 .content-box__inner .content-box__text-top span {
      display: block;
      font-family: "Moderat", sans-serif;
      font-size: 14px;
      line-height: 24px;
      margin-bottom: 20px
    }

    #eoy-2024 .content-box__inner .content-box__text-bottom {
      padding: 30px 65px 30px 48px
    }

    @media only screen and (max-width: 56.25em) {
      #eoy-2024 .content-box__inner .content-box__text-bottom {
        padding: 30px
      }
    }

    #eoy-2024 .content-box__inner .content-box__text-bottom h5 {
      font-size: 16px;
      font-weight: 500;
      margin-bottom: 12px
    }

    #eoy-2024 .content-box__inner .content-box__text-icon {
      width: 14px;
      margin: 10px 22px 0 0
    }

    #eoy-2024 .content-box__inner .content-box__text-icon div {
      width: 14px;
      height: 8px;
      border-radius: 50%
    }

    #eoy-2024 .content-box__inner .content-box__image {
      flex: 50%;
      align-self: stretch
    }

    #eoy-2024 .content-box__inner .content-box__image img {
      width: 100%;
      height: 100%;
      object-fit: cover
    }

    #eoy-2024 .highlight {
      text-align: center;
      margin: 240px 0 160px
    }

    @media only screen and (max-width: 56.25em) {
      #eoy-2024 .highlight {
        margin: 100px 0 0
      }
    }

    #eoy-2024 .highlight__title {
      margin-bottom: 24px
    }

    #eoy-2024 .highlight__body {
      font-size: 56px;
      line-height: 60px;
      max-width: 700px;
      text-align: center;
      margin: 0 auto
    }

    @media only screen and (max-width: 56.25em) {
      #eoy-2024 .highlight__body {
        font-size: 3.5rem;
        line-height: 4rem
      }
    }

    @media only screen and (max-width: 37.5em) {
      #eoy-2024 .highlight__body {
        font-size: 2.7rem;
        line-height: 3.2rem
      }
    }

    #eoy-2024 .company {
      position: relative
    }

    #eoy-2024 .company__image {
      width: 100%;
      height: 100%;
      margin-bottom: -5px
    }

    @media only screen and (max-width: 56.25em) {
      #eoy-2024 .company__image {
        height: 400px;
        object-fit: cover
      }
    }

    #eoy-2024 .company__inner {
      position: absolute;
      width: 100%;
      bottom: -0.5px;
      background-color: rgba(0, 0, 0, .5);
      border: rgba(0, 0, 0, .5);
      padding: 60px 20px 90px
    }

    @media only screen and (max-width: 56.25em) {
      #eoy-2024 .company__inner {
        padding: 25px 20px
      }
    }

    #eoy-2024 .company__text {
      max-width: 1280px;
      margin: 0 auto;
      color: var(--color-white)
    }

    #eoy-2024 .company__text p {
      max-width: 515px;
      margin-bottom: 24px
    }

    #eoy-2024 .company__text a {
      cursor: pointer;
      text-decoration: underline
    }

    #eoy-2024 .company__text a.video-url {
      position: relative;
      top: 30px;
      display: block;
      float: right
    }

    @media only screen and (max-width: 37.5em) {
      #eoy-2024 .company__text a.video-url {
        top: -0.2rem !important
      }
    }

    #eoy-2024 .company__text a.video-url img {
      vertical-align: middle;
      margin-right: 9px
    }

    #eoy-2024 .insights {
      padding: 120px 20px 160px
    }

    @media only screen and (max-width: 56.25em) {
      #eoy-2024 .insights {
        padding: 100px 20px 130px
      }
    }

    #eoy-2024 .insights__inner {
      max-width: 1280px;
      margin: 0 auto;
      color: var(--color-white)
    }

    #eoy-2024 .insights__heading {
      margin-bottom: 144px;
      max-width: 850px
    }

    @media only screen and (max-width: 56.25em) {
      #eoy-2024 .insights__heading {
        margin-bottom: 24px
      }
    }

    #eoy-2024 .insights__body p {
      margin-left: auto;
      max-width: 530px
    }

    @media only screen and (max-width: 56.25em) {
      #eoy-2024 .insights__body p {
        margin-left: 0
      }
    }

    #eoy-2024 .insights__body-text--orange {
      color: #ff9b00
    }

    #eoy-2024 .insights .company {
      position: relative;
      left: -20px;
      width: calc(100% + 40px);
      margin-top: 144px
    }

    #eoy-2024 .insights .flickity {
      position: relative;
      left: -20px;
      width: calc(100% + 40px);
      margin: 140px 0 220px
    }

    #eoy-2024 .insights .flickity__item {
      position: relative
    }

    #eoy-2024 .insights .flickity-button {
      background: rgba(0, 0, 0, 0) !important;
      border: 2px solid #fff !important;
      color: #333;
      outline: none
    }

    #eoy-2024 .insights .flickity-button:focus {
      outline: none;
      box-shadow: none
    }

    #eoy-2024 .insights .flickity-prev-next-button {
      top: unset !important;
      bottom: -25% !important
    }

    #eoy-2024 .insights .flickity-prev-next-button.previous {
      left: unset;
      right: 8.8% !important
    }

    @media only screen and (max-width: 62.5em) {
      #eoy-2024 .insights .flickity-prev-next-button.previous {
        right: 11% !important
      }
    }

    @media only screen and (max-width: 56.25em) {
      #eoy-2024 .insights .flickity-prev-next-button.previous {
        right: 13% !important
      }
    }

    @media only screen and (max-width: 37.5em) {
      #eoy-2024 .insights .flickity-prev-next-button.previous {
        right: 15% !important
      }
    }

    @media only screen and (max-width: 480px) {
      #eoy-2024 .insights .flickity-prev-next-button.previous {
        right: 20% !important
      }
    }

    #eoy-2024 .insights .flickity-prev-next-button.next {
      right: 5% !important
    }

    #eoy-2024 .insights .flickity-prev-next-button .flickity-button-icon {
      left: 33%;
      top: 37%;
      width: 30%;
      height: 30%;
      fill: #fff !important
    }

    #eoy-2024 .globalExp {
      background-color: var(--color-pink)
    }

    #eoy-2024 .globalExp .content-box__text-top {
      background-color: var(--color-orange)
    }

    #eoy-2024 .globalExp .content-box__text-bottom {
      background-color: var(--color-off-white);
      color: var(--color-brown)
    }

    #eoy-2024 .globalExp .content-box__text-icon div {
      background-color: var(--color-blue)
    }

    #eoy-2024 .globalExp .highlight {
      color: var(--color-dark-brown)
    }

    #eoy-2024 .c3 {
      background-color: var(--color-brown)
    }

    #eoy-2024 .december {
      background-color: var(--color-yellow)
    }

    #eoy-2024 .december .content-box__text-top {
      background-color: var(--color-green)
    }

    #eoy-2024 .december .content-box__text-bottom {
      background-color: var(--color-light-green)
    }

    #eoy-2024 .december .content-box__text-icon div {
      background-color: var(--color-orange)
    }

    #eoy-2024 .december .highlight {
      color: var(--color-brown)
    }

    #eoy-2024 .pastMonths {
      background-color: var(--color-orange)
    }

    #eoy-2024 .pastMonths .highlight {
      color: var(--color-off-white)
    }

    #eoy-2024 .pastMonths .flickity__item {
      width: 336px;
      height: 400px
    }

    #eoy-2024 .essentials {
      background-color: var(--color-wine)
    }

    #eoy-2024 .essentials .content-box__text-top {
      background-color: var(--color-blush)
    }

    #eoy-2024 .essentials .content-box__text-bottom {
      background-color: var(--color-light-pink)
    }

    #eoy-2024 .essentials .content-box__text-icon div {
      background-color: var(--color-blue)
    }

    #eoy-2024 .essentials .highlight {
      color: var(--color-off-white)
    }

    #eoy-2024 .africa {
      background-color: var(--color-green)
    }

    #eoy-2024 .africa .highlight {
      color: var(--color-light-green)
    }

    #eoy-2024 .africa .flickity__item {
      width: 415px;
      height: 500px
    }

    #eoy-2024 .makingMoney {
      background-color: var(--color-dark-yellow)
    }

    #eoy-2024 .makingMoney .content-box__text-top {
      background-color: var(--color-dark-brown)
    }

    #eoy-2024 .makingMoney .content-box__text-bottom {
      background-color: var(--color-light-yellow)
    }

    #eoy-2024 .makingMoney .content-box__text-icon div {
      background-color: var(--color-yellow)
    }

    #eoy-2024 .makingMoney .highlight {
      color: var(--color-dark-brown)
    }

    #eoy-2024 .hero {
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100vw;
      height: 57vw;
      color: #fff;
      color: rgba(38, 44, 85, .95);
      background-image: none
    }

    @media only screen and (max-width: 37.5em) {
      #eoy-2024 .hero {
        height: auto
      }
    }

    #eoy-2024 .hero__heading {
      max-width: 65rem;
      text-align: center;
      z-index: 1;
      opacity: 0
    }

    @media only screen and (max-width: 37.5em) {
      #eoy-2024 .hero__heading {
        transform: scale(0.85)
      }
    }

    #eoy-2024 .hero__heading div {
      display: inline-block;
      white-space: pre;
      z-index: inherit
    }

    #eoy-2024 .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)
    }

    #eoy-2024 .hero__heading span:nth-child(1) {
      --delay: 0.14s
    }

    #eoy-2024 .hero__heading span:nth-child(2) {
      --delay: 0.28s
    }

    #eoy-2024 .hero__heading span:nth-child(3) {
      --delay: 0.42s
    }

    #eoy-2024 .hero__heading span:nth-child(4) {
      --delay: 0.56s
    }

    #eoy-2024 .hero__heading span:nth-child(5) {
      --delay: 0.7s
    }

    #eoy-2024 .hero__heading span:nth-child(6) {
      --delay: 0.84s
    }

    #eoy-2024 .hero__heading span:nth-child(7) {
      --delay: 0.98s
    }

    #eoy-2024 .hero__heading span:nth-child(8) {
      --delay: 1.12s
    }

    #eoy-2024 .hero__heading span:nth-child(9) {
      --delay: 1.26s
    }

    #eoy-2024 .hero__heading span:nth-child(10) {
      --delay: 1.4s
    }

    #eoy-2024 .hero__lottie {
      position: absolute;
      left: 0;
      width: 100%;
      height: auto;
      object-fit: cover
    }

    #eoy-2024 .overview {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      padding: 30rem 0;
      font-size: 1.8rem
    }

    #eoy-2024 .overview .container {
      max-width: 60rem
    }

    @media only screen and (max-width: 56.25em) {
      #eoy-2024 .overview {
        padding: 20rem 0
      }
    }

    @media only screen and (max-width: 37.5em) {
      #eoy-2024 .overview {
        padding: 9rem 0
      }
    }

    #eoy-2024 .highlights {
      color: #fff;
      padding: 25rem 0;
      background-color: #009a46
    }

    @media only screen and (max-width: 56.25em) {
      #eoy-2024 .highlights {
        padding: 15rem 0
      }
    }

    @media only screen and (max-width: 37.5em) {
      #eoy-2024 .highlights {
        padding: 10rem 0
      }
    }

    #eoy-2024 .highlights__top {
      display: grid;
      gap: 4rem
    }

    #eoy-2024 .highlights__top .story {
      display: flex;
      justify-content: space-between
    }

    @media only screen and (max-width: 56.25em) {
      #eoy-2024 .highlights__top .story {
        flex-direction: column
      }

      #eoy-2024 .highlights__top .story:not(:last-child) {
        margin-bottom: 3rem
      }
    }

    #eoy-2024 .highlights__top .story__text-title {
      margin-bottom: .5rem
    }

    #eoy-2024 .highlights__top .story__img {
      height: 39rem
    }

    @media only screen and (max-width: 56.25em) {
      #eoy-2024 .highlights__top .story__img {
        height: auto;
        margin-top: 3rem
      }
    }

    #eoy-2024 .highlights__top .story__img img {
      background-color: #fff;
      object-fit: cover;
      width: 100%;
      max-width: 69rem;
      height: 100%;
      border-radius: 2.4rem
    }

    @media only screen and (max-width: 56.25em) {
      #eoy-2024 .highlights__top .story__img img {
        max-width: unset
      }
    }

    #eoy-2024 .highlights__bottom {
      display: flex;
      justify-content: space-between;
      margin-top: 25rem
    }

    @media only screen and (max-width: 56.25em) {
      #eoy-2024 .highlights__bottom {
        flex-direction: column;
        margin-top: 15rem
      }
    }

    #eoy-2024 .highlights__bottom-title {
      width: 100%;
      max-width: 51rem;
      margin-right: 10rem
    }

    @media only screen and (max-width: 56.25em) {
      #eoy-2024 .highlights__bottom-title {
        max-width: unset
      }
    }

    @media only screen and (max-width: 56.25em) {
      #eoy-2024 .highlights__bottom-heading {
        margin-bottom: 1rem
      }
    }

    #eoy-2024 .highlights__bottom-links {
      width: 100%;
      max-width: 65rem
    }

    @media only screen and (max-width: 56.25em) {
      #eoy-2024 .highlights__bottom-links {
        max-width: unset;
        margin-top: 6rem
      }
    }

    #eoy-2024 .highlights__bottom-links .link {
      display: flex;
      padding: 3rem 0;
      justify-content: space-between;
      border-top: 1px solid rgba(255, 255, 255, .5)
    }

    @media only screen and (max-width: 37.5em) {
      #eoy-2024 .highlights__bottom-links .link {
        flex-direction: column
      }
    }

    #eoy-2024 .highlights__bottom-links .link__title {
      max-width: 38rem;
      margin-bottom: 0
    }

    @media only screen and (max-width: 56.25em) {
      #eoy-2024 .highlights__bottom-links .link__title {
        flex-shrink: 1
      }
    }

    @media only screen and (max-width: 37.5em) {
      #eoy-2024 .highlights__bottom-links .link__title {
        max-width: unset;
        margin-bottom: 2rem
      }
    }

    #eoy-2024 .payment-sectors {
      padding: 25rem 0;
      background-color: #000;
      color: #fff
    }

    @media only screen and (max-width: 37.5em) {
      #eoy-2024 .payment-sectors {
        padding: 13rem 0
      }
    }

    #eoy-2024 .payment-sectors__heading {
      margin-bottom: 4rem
    }

    #eoy-2024 .payment-sectors__heading,
    #eoy-2024 .payment-sectors .p {
      width: 100%;
      max-width: 70rem
    }

    #eoy-2024 .payment-sectors .flickity {
      margin-top: 10rem
    }

    #eoy-2024 .payment-sectors .flickity__item {
      position: relative;
      overflow: hidden;
      display: flex;
      justify-content: center;
      width: 55vw;
      height: 62rem;
      background-color: #fff;
      margin: 0 1.5rem
    }

    #eoy-2024 .payment-sectors .flickity__item-tag {
      text-transform: uppercase
    }

    @media only screen and (max-width: 1500px) {
      #eoy-2024 .payment-sectors .flickity__item {
        width: 80vw
      }
    }

    @media only screen and (max-width: 62.5em) {
      #eoy-2024 .payment-sectors .flickity__item {
        width: 55vw;
        height: auto
      }
    }

    @media only screen and (max-width: 46.875em) {
      #eoy-2024 .payment-sectors .flickity__item {
        width: 90vw;
        margin: 0 .5rem
      }
    }

    #eoy-2024 .payment-sectors .flickity__item:nth-child(2) .flickity__item-copy {
      background-color: #576ae6
    }

    #eoy-2024 .payment-sectors .flickity__item:nth-child(3) .flickity__item-copy {
      background-color: var(--color-brown)
    }

    #eoy-2024 .payment-sectors .flickity__item:nth-child(4) .flickity__item-copy {
      background-color: var(--color-orange)
    }

    #eoy-2024 .payment-sectors .flickity__item-copy {
      width: 53%;
      background-color: #009a46;
      height: 100%;
      padding: 4.8rem 3rem;
      flex-shrink: 0
    }

    @media only screen and (max-width: 62.5em) {
      #eoy-2024 .payment-sectors .flickity__item-copy {
        width: 100%
      }
    }

    #eoy-2024 .payment-sectors .flickity__item-heading {
      margin-top: 14px
    }

    #eoy-2024 .payment-sectors .flickity__item-subtext {
      margin-top: 4rem
    }

    #eoy-2024 .payment-sectors .flickity__item-button {
      background-color: rgba(0, 0, 0, 0);
      color: #fff;
      text-decoration: underline;
      padding: 0;
      margin-top: 5rem;
      font-size: 1.5rem;
      text-align: left;
      display: inline-block
    }

    #eoy-2024 .payment-sectors .flickity__item-audio {
      margin-top: 5rem;
      height: 3.8rem
    }

    #eoy-2024 .payment-sectors .flickity__item-img {
      width: 100%;
      transform: scale(1.05)
    }

    @media only screen and (max-width: 62.5em) {
      #eoy-2024 .payment-sectors .flickity__item-img {
        display: none
      }
    }

    #eoy-2024 .payment-sectors .flickity__item-img img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center
    }

    #eoy-2024 .payment-sectors .flickity__item--education img {
      object-position: left
    }

    #eoy-2024 .ambition {
      position: relative;
      color: #fff;
      background-color: #000;
      padding: 30rem 0 40rem
    }

    @media only screen and (max-width: 62.5em) {
      #eoy-2024 .ambition {
        padding: 15rem 0 25rem
      }
    }

    @media only screen and (max-width: 56.25em) {
      #eoy-2024 .ambition {
        padding: 5rem 0 15rem
      }
    }

    #eoy-2024 .ambition .container {
      display: flex;
      justify-content: center;
      flex-direction: column;
      text-align: center;
      max-width: 60rem
    }

    #eoy-2024 .ambition__lottie {
      position: absolute;
      bottom: 0;
      width: 100vw;
      height: auto
    }

    #eoy-2024 .ambition__subtext {
      font-size: 4rem;
      line-height: 5.6rem;
      margin-top: 3rem;
      z-index: 1
    }

    @media only screen and (max-width: 56.25em) {
      #eoy-2024 .ambition__subtext {
        font-size: 3.2rem;
        line-height: 4.8rem
      }
    }

    @media only screen and (max-width: 37.5em) {
      #eoy-2024 .ambition__subtext {
        font-size: 2.8rem;
        line-height: 4rem
      }
    }

    #eoy-2024 .new-updates {
      background-color: #000;
      color: #fff;
      padding: 100px 0 10rem
    }

    #eoy-2024 .new-updates .h2,
    #eoy-2024 .new-updates .p {
      max-width: 68rem
    }

    #eoy-2024 .new-updates .h2 {
      margin-bottom: 24px
    }

    #eoy-2024 .new-updates__labels {
      display: flex;
      gap: 1.5rem 6rem;
      margin-top: 6rem;
      flex-wrap: wrap;
      max-width: 80vw
    }

    #eoy-2024 .new-updates__labels>* {
      position: relative;
      display: flex;
      align-items: center
    }

    #eoy-2024 .new-updates__labels>*::after {
      content: "";
      position: absolute;
      right: -2.4rem;
      width: 12px;
      height: 12px;
      border-radius: 50px;
      margin-left: .8rem
    }

    #eoy-2024 .new-updates__labels>*:nth-child(1)::after {
      background-color: var(--color-blue)
    }

    #eoy-2024 .new-updates__labels>*:nth-child(2)::after {
      background-color: var(--color-green)
    }

    #eoy-2024 .new-updates__labels>*:nth-child(3)::after {
      background-color: var(--color-orange)
    }

    #eoy-2024 .new-updates__labels>*:nth-child(4)::after {
      background-color: var(--color-pink)
    }

    #eoy-2024 .new-updates__labels>*:nth-child(5)::after {
      background-color: var(--color-dark-yellow)
    }

    #eoy-2024 .new-updates__list {
      margin-top: 10rem;
      padding-bottom: 0rem
    }

    #eoy-2024 .new-updates__list-row {
      display: flex;
      justify-content: space-between;
      border-bottom: 1px solid rgba(255, 255, 255, .3);
      padding-bottom: 2rem;
      margin-bottom: 4.8rem
    }

    @media only screen and (max-width: 62.5em) {
      #eoy-2024 .new-updates__list-row {
        flex-direction: column
      }
    }

    #eoy-2024 .new-updates__list-row p:first-child {
      position: relative;
      display: flex;
      align-items: center;
      width: fit-content
    }

    #eoy-2024 .new-updates__list-row p:first-child::after {
      position: absolute;
      right: -2.5rem;
      content: "";
      width: 12px;
      height: 12px;
      border-radius: 50px;
      margin-left: 1.6rem;
      background-color: var(--color-pink)
    }

    @media only screen and (max-width: 62.5em) {
      #eoy-2024 .new-updates__list-row p:first-child {
        display: grid
      }
    }

    #eoy-2024 .new-updates__list-row p:last-child {
      max-width: 50rem;
      color: rgba(255, 255, 255, .8)
    }

    @media only screen and (max-width: 62.5em) {
      #eoy-2024 .new-updates__list-row p:last-child {
        max-width: unset
      }
    }

    #eoy-2024 .new-updates__list-row:nth-child(2) p:first-child::after,
    #eoy-2024 .new-updates__list-row:nth-child(4) p:first-child::after {
      background-color: var(--color-blue)
    }

    #eoy-2024 .new-updates__list-row:nth-child(1) p:first-child::after,
    #eoy-2024 .new-updates__list-row:nth-child(3) p:first-child::after,
    #eoy-2024 .new-updates__list-row:nth-child(5) p:first-child::after {
      background-color: var(--color-green)
    }

    #eoy-2024 .new-updates__list-row:nth-child(6) p:first-child::after,
    #eoy-2024 .new-updates__list-row:nth-child(7) p:first-child::after {
      background-color: var(--color-orange)
    }

    #eoy-2024 .new-updates__list-row:nth-child(13) p:first-child::after {
      background-color: var(--color-dark-yellow)
    }

    #faas {
      overflow-x: hidden
    }

    #faas .hero {
      padding-bottom: 0;
      padding-top: 8rem
    }

    @media only screen and (max-width: 37.5em) {
      #faas .hero {
        padding: 5rem 1rem 0
      }
    }

    #faas .hero__wrapper {
      align-items: center;
      background: linear-gradient(301.96deg, #1D1D1D 54.67%, #F1A5C2 120.65%);
      border-radius: 2rem;
      color: #fff;
      flex-direction: column;
      justify-content: flex-start;
      max-width: 125.5rem;
      padding: 7rem 3rem 0;
      position: relative
    }

    @media only screen and (max-width: 37.5em) {
      #faas .hero__wrapper {
        padding: 4rem 1rem 0
      }
    }

    #faas .hero__wrapper::before {
      background-image: url("images/background-noise.svg");
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      bottom: 0;
      content: "";
      height: 100%;
      left: 0;
      opacity: .25;
      position: absolute;
      right: 0;
      top: 0;
      width: 100%;
      z-index: 0
    }

    #faas .hero__info {
      align-items: center;
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      margin-bottom: 10rem;
      text-align: center;
      width: 100%
    }

    #faas .hero__heading {
      max-width: 78.7rem
    }

    #faas .hero__sub-heading {
      max-width: 68.3rem
    }

    #faas .hero__cta {
      z-index: 2
    }

    #faas .hero__cta:not(:last-child) {
      margin-right: 4.5rem
    }

    @media only screen and (max-width: 37.5em) {
      #faas .hero__cta:not(:last-child) {
        margin-right: 2.5rem
      }
    }

    #faas .hero__media {
      position: relative;
      flex: 0 1 auto;
      max-width: 96rem;
      width: 90%;
      height: 40vw;
      overflow: hidden;
      margin-top: -8rem
    }

    @media only screen and (max-width: 37.5em) {
      #faas .hero__media {
        width: 95%;
        height: 56vw
      }
    }

    #faas .hero__media .figure {
      --scale: 1;
      --delay: 0s;
      --translate-y: 0;
      --scale: 1;
      --scale-mul: 0.15;
      --translate-diff: 19;
      position: absolute;
      width: 100%;
      height: 100%;
      border-radius: 20px;
      transform: translateY(var(--translate-y)) scale(var(--scale));
      transition: opacity .8s cubic-bezier(0.16, 1, 0.3, 1) var(--delay), transform 1s cubic-bezier(0.16, 1, 0.3, 1) var(--delay)
    }

    #faas .hero__media .figure:after {
      position: absolute;
      content: "";
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      background-image: url("images/background-noise.svg");
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      z-index: -1
    }

    #faas .hero__media .figure:nth-child(1) {
      z-index: calc(3 - 1);
      background: linear-gradient(106.32deg, #E87985 -17.36%, #77C0DE 91.66%);
      --translate-y: calc((3 - 1) * var(--translate-diff) * 1%)
    }

    #faas .hero__media .figure:nth-child(2) {
      z-index: calc(3 - 2);
      background: linear-gradient(102.17deg, #FFF7C5 -4.75%, #EEA8BA 82.51%);
      --translate-y: calc((3 - 2) * var(--translate-diff) * 1%);
      --scale: calc(1 - (2 - 1) * var(--scale-mul))
    }

    #faas .hero__media .figure:nth-child(3) {
      z-index: calc(3 - 3);
      background: linear-gradient(106.32deg, #8C73D9 -17.36%, #87DCA9 91.66%);
      --translate-y: calc((3 - 3) * var(--translate-diff) * 1%);
      --scale: calc(1 - (3 - 1) * var(--scale-mul))
    }

    #faas .hero__media .figure:nth-child(1) img {
      max-width: 49vw
    }

    @media only screen and (max-width: 37.5em) {
      #faas .hero__media .figure:nth-child(1) img {
        max-width: 52vw
      }
    }

    #faas .hero__media .figure:nth-child(2) img {
      max-width: 24vw
    }

    @media only screen and (max-width: 37.5em) {
      #faas .hero__media .figure:nth-child(2) img {
        max-width: 33vw
      }
    }

    #faas .hero__media .figure:nth-child(3) img {
      max-width: 30vw
    }

    @media only screen and (max-width: 37.5em) {
      #faas .hero__media .figure:nth-child(3) img {
        max-width: 35vw
      }
    }

    #faas .hero__media .figure img {
      width: auto;
      height: 100%;
      object-fit: contain;
      object-position: top;
      margin: 0 auto
    }

    #faas .section--media {
      padding-top: 0
    }

    #faas .section--media .container {
      max-width: 125.5rem
    }

    #faas .section--features .wrapper {
      margin-bottom: 10rem;
      max-width: 84.2rem
    }

    #faas .section--features .grid {
      align-items: center;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between
    }

    #faas .section--features .grid__section {
      flex: 0 1 auto;
      width: calc(50% - 7rem)
    }

    @media only screen and (max-width: 46.875em) {
      #faas .section--features .grid__section {
        width: 100%
      }

      #faas .section--features .grid__section:not(:last-child) {
        margin-bottom: 5rem
      }
    }

    #faas .section--features .illustration {
      --anim-play-state: paused;
      height: auto;
      width: 100%;
      transform: scale(1.14) translateX(5%)
    }

    @media only screen and (max-width: 56.25em) {
      #faas .section--features .illustration {
        transform: scale(1.4) translateX(-5%)
      }
    }

    @media only screen and (max-width: 46.875em) {
      #faas .section--features .illustration {
        transform: scale(0.8) translateX(0)
      }
    }

    @media only screen and (max-width: 37.5em) {
      #faas .section--features .illustration {
        transform: scale(1)
      }
    }

    #faas .section--features .illustration__stroke {
      animation: draw-stroke var(--anim-duration) cubic-bezier(0.16, 1, 0.3, 1) var(--anim-delay) forwards;
      animation-play-state: var(--anim-play-state)
    }

    #faas .section--features .illustration__stroke--yellow {
      --anim-duration: 2.3s;
      --anim-delay: calc(0.6s + 2.8s);
      stroke-dasharray: 285;
      stroke-dashoffset: 285
    }

    #faas .section--features .illustration__stroke--blue {
      --anim-duration: 2.3s;
      --anim-delay: calc(0.6s + 1.9s);
      stroke-dasharray: 260;
      stroke-dashoffset: 260;
      transform: scale(-1);
      transform-box: fill-box;
      transform-origin: center
    }

    #faas .section--features .illustration__stroke--pink {
      --anim-duration: 2.3s;
      --anim-delay: 0.6s;
      stroke-dasharray: 260;
      stroke-dashoffset: 260
    }

    #faas .section--features .illustration__stroke--purple {
      --anim-duration: calc(2.3s - 0.2s);
      --anim-delay: calc(0.6s + 1s);
      stroke-dasharray: 250;
      stroke-dashoffset: 250
    }

    #faas .section--features .illustration__logo {
      transform-box: fill-box;
      transform-origin: center;
      transform: scale(0);
      animation: scale .8s cubic-bezier(0.16, 1, 0.3, 1) forwards;
      animation-play-state: var(--anim-play-state)
    }

    #faas .section--features .illustration__icon {
      transform: scale(0);
      transform-box: fill-box;
      transform-origin: center;
      animation: scale calc(2.3s - 1.7s) cubic-bezier(0.16, 1, 0.3, 1) var(--anim-delay) forwards;
      animation-play-state: var(--anim-play-state);
      overflow: hidden
    }

    #faas .section--features .illustration__icon g {
      transform-box: fill-box;
      transform-origin: center;
      animation-play-state: var(--anim-play-state);
      animation: scale calc(calc(2.3s - 1.7s) + 0.14s) cubic-bezier(0.16, 1, 0.3, 1) calc(var(--anim-delay) + .14s) forwards
    }

    #faas .section--features .illustration__icon--virtual-cards {
      --anim-delay: calc(0.6s + 3.8s)
    }

    #faas .section--features .illustration__icon--virtual-cards g.icon-cards {
      transform: scale(1.4)
    }

    #faas .section--features .illustration__icon--people {
      --anim-delay: calc(0.6s + 1.9s)
    }

    #faas .section--features .illustration__icon--wallet {
      --anim-delay: calc(0.6s + 2.7s)
    }

    #faas .section--features .illustration__icon--wallet g.icon-wallet {
      transform: scale(1.4)
    }

    #faas .section--features .illustration__icon--physical-card {
      --anim-delay: calc(0.6s + 0.7s)
    }

    #faas .section--features .illustration__icon--physical-card g.icon-physical-card {
      transform: scale(1.2)
    }

    #grow {
      overflow-x: hidden
    }

    #grow .hero {
      display: flex;
      justify-content: center;
      padding-bottom: 5rem;
      text-align: center
    }

    @media only screen and (max-width: 37.5em) {
      #grow .hero {
        text-align: left
      }
    }

    #grow .hero__info {
      max-width: 82rem;
      width: 100%
    }

    #grow .hero__info>* {
      width: fit-content;
      margin-left: auto;
      margin-right: auto
    }

    @media only screen and (max-width: 37.5em) {
      #grow .hero__info>* {
        margin-left: unset
      }
    }

    #grow .hero__heading {
      font-size: 8rem;
      line-height: 8.6rem
    }

    #grow .hero__sub-heading {
      max-width: 70rem
    }

    #grow .section--features {
      padding-top: 0
    }

    #grow .section--features .media {
      margin-bottom: 16rem
    }

    @media only screen and (max-width: 46.875em) {
      #grow .section--features .media {
        margin-bottom: 10rem
      }
    }

    @media only screen and (max-width: 37.5em) {
      #grow .section--features .media {
        margin-bottom: 6rem
      }
    }

    #grow .section--manage {
      padding-bottom: 0;
      overflow: hidden;
      border-bottom: .8px dashed rgba(138, 138, 138, .3)
    }

    #grow .section--manage .wrapper {
      max-width: 76.5rem
    }

    #grow .section--manage .wrapper:first-child {
      max-width: 63rem
    }

    #grow .section--manage .h1 {
      margin-bottom: 2.8rem
    }

    #grow .section--manage .p {
      margin-bottom: 3.3rem
    }

    #grow .section--manage .grid {
      align-items: flex-start;
      display: flex;
      justify-content: space-between;
      margin-bottom: 16rem
    }

    @media only screen and (max-width: 46.875em) {
      #grow .section--manage .grid {
        flex-wrap: wrap;
        margin-bottom: 10rem
      }
    }

    #grow .section--manage .grid__section {
      flex: 1 1 auto
    }

    #grow .section--manage .grid__section:nth-child(1) {
      margin-right: 2rem;
      max-width: 40rem
    }

    @media only screen and (max-width: 46.875em) {
      #grow .section--manage .grid__section:nth-child(1) {
        margin-bottom: 5rem;
        margin-right: 0;
        max-width: 100%;
        width: 100%
      }
    }

    #grow .section--manage .grid__section:nth-child(1) .p {
      font-size: 2rem;
      margin-bottom: 4.5rem
    }

    #grow .section--manage .grid__section:nth-child(2) {
      max-width: 52.6rem
    }

    @media only screen and (max-width: 46.875em) {
      #grow .section--manage .grid__section:nth-child(2) {
        max-width: 100%;
        width: 100%
      }
    }

    #grow .section--manage .demo__doc {
      background-color: #fff;
      background-image: url("images/noise.png");
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      border-radius: 1rem;
      color: #262c55;
      filter: drop-shadow(0px 4px 30px rgba(0, 0, 0, 0.15));
      margin-bottom: 2rem;
      padding: 4.8rem 6.3rem 1rem
    }

    @media only screen and (max-width: 37.5em) {
      #grow .section--manage .demo__doc {
        padding: 3rem 3rem 0
      }
    }

    #grow .section--manage .demo__doc__field-group {
      align-items: stretch;
      display: flex;
      justify-content: space-between
    }

    #grow .section--manage .demo__doc__field-group>* {
      flex: 0 1 auto;
      width: calc(50% - 4.5rem)
    }

    #grow .section--manage .demo__doc__field {
      border-bottom: 1px dashed rgba(38, 44, 85, .7);
      margin-bottom: 5rem
    }

    #grow .section--manage .demo__doc__label,
    #grow .section--manage .demo__doc__value {
      display: block;
      font-size: 1.3rem;
      font-weight: 500;
      line-height: 1.6rem
    }

    #grow .section--manage .demo__doc__label {
      text-transform: uppercase;
      margin-bottom: 1.4rem
    }

    #grow .section--manage .demo__doc__value {
      margin-bottom: .7rem;
      font-size: 1.6rem
    }

    #grow .section--manage .demo__doc__signature {
      stroke-dashoffset: 385;
      stroke-dasharray: 385;
      display: inline-block;
      margin: 0;
      transition: 2.2s ease-in-out .5s
    }

    #grow .section--manage .demo__caption {
      color: #686868;
      display: block;
      font-size: 1.4rem;
      font-weight: 500;
      line-height: 1.7rem;
      text-align: center
    }

    #grow .section--manage .media {
      filter: drop-shadow(0px 4px 30px rgba(0, 0, 0, 0.15));
      margin-top: 4.2rem
    }

    #grow .section--manage .media img {
      border-top-left-radius: 1rem;
      border-top-right-radius: 1rem
    }

    #grow .section--process {
      padding-bottom: 6rem
    }

    #grow .section--process .wrapper {
      margin-bottom: 8rem;
      max-width: 70rem
    }

    #grow .waitlist__success-view {
      margin: 0 auto;
      max-width: 109.2rem;
      display: flex;
      align-items: center;
      background-color: #262c55;
      border-radius: 2rem;
      box-shadow: 0px 25px 50px rgba(29, 29, 29, .5);
      color: #fff;
      padding: 10rem 11%;
      font-size: 3rem;
      line-height: 4.4rem;
      min-height: 40rem;
      margin: 10rem auto;
      font-weight: 300;
      width: 92%
    }

    @media only screen and (max-width: 46.875em) {
      #grow .waitlist__success-view {
        margin: 7rem auto;
        min-height: 30rem
      }
    }

    @media only screen and (max-width: 37.5em) {
      #grow .waitlist__success-view {
        min-height: unset;
        font-size: 2.2rem;
        line-height: 3.6rem;
        margin: 5rem auto 6rem;
        padding: 8rem 11%
      }
    }

    #home {
      overflow-x: hidden
    }

    #home .hero__heading {
      max-width: 50rem
    }

    #home .section--customers {
      margin-top: -15rem;
      padding-bottom: 8rem;
      padding-left: 0;
      padding-right: 0
    }

    @media only screen and (max-width: 46.875em) {
      #home .section--customers {
        margin-top: 0;
        padding: 0 2rem 3rem
      }
    }

    #home .section--customers .container {
      max-width: 168rem
    }

    #home .section--customers .customer-grid {
      align-items: flex-start;
      display: flex;
      justify-content: space-between
    }

    @media only screen and (max-width: 46.875em) {
      #home .section--customers .customer-grid {
        flex-wrap: wrap
      }
    }

    #home .section--customers .customer-grid__section {
      flex: 0 1 auto
    }

    #home .section--customers .customer-grid__section:nth-child(1) {
      width: calc(58% - 3.25rem)
    }

    @media only screen and (max-width: 46.875em) {
      #home .section--customers .customer-grid__section:nth-child(1) {
        margin-bottom: 3rem;
        width: 100%
      }
    }

    #home .section--customers .customer-grid__section:nth-child(1) .customer__image {
      height: 75.2rem;
      object-position: 30% 50%
    }

    @media only screen and (max-width: 56.25em) {
      #home .section--customers .customer-grid__section:nth-child(1) .customer__image {
        height: 55rem
      }
    }

    @media only screen and (max-width: 46.875em) {
      #home .section--customers .customer-grid__section:nth-child(1) .customer__image {
        height: auto
      }
    }

    #home .section--customers .customer-grid__section:nth-child(1) .customer__name {
      right: 3rem
    }

    #home .section--customers .customer-grid__section:nth-child(2) {
      margin-top: -20rem;
      width: calc(42% - 3.25rem)
    }

    @media only screen and (max-width: 46.875em) {
      #home .section--customers .customer-grid__section:nth-child(2) {
        display: flex;
        flex-direction: column-reverse;
        margin-top: 0;
        width: 100%
      }
    }

    #home .section--customers .customer-grid__section:nth-child(2) .customer__name {
      left: 3rem
    }

    @media only screen and (max-width: 56.25em) {
      #home .section--customers .customer-grid__section:nth-child(2) .customer__image {
        height: 50rem
      }
    }

    @media only screen and (max-width: 46.875em) {
      #home .section--customers .customer-grid__section:nth-child(2) .customer__image {
        height: auto
      }
    }

    #home .section--customers .customer-grid__section__meta {
      font-size: 2rem;
      font-weight: 300;
      line-height: 3.2rem;
      margin-top: 7.4rem;
      max-width: 38rem
    }

    @media only screen and (max-width: 46.875em) {
      #home .section--customers .customer-grid__section__meta {
        margin-bottom: 3rem;
        margin-top: 0;
        max-width: 100%;
        padding-right: 0
      }
    }

    @media only screen and (max-width: 37.5em) {
      #home .section--customers .customer-grid__section__meta {
        font-size: 1.6rem;
        line-height: 2.6rem
      }
    }

    #home .section--customers .customer {
      display: block;
      overflow: hidden;
      position: relative;
      text-decoration: none;
      width: 100%
    }

    #home .section--customers .customer__image {
      display: block;
      height: 68rem;
      object-fit: cover;
      object-position: center;
      transition: all .3s ease;
      width: 100%
    }

    @media only screen and (max-width: 37.5em) {
      #home .section--customers .customer__image {
        height: auto !important;
        width: 100% !important
      }
    }

    #home .section--customers .customer__image--alt {
      object-position: bottom right
    }

    #home .section--customers .customer__name {
      bottom: 2.6rem;
      color: #fff;
      font-size: 2.4rem;
      font-weight: 500;
      line-height: 2.9rem;
      position: absolute;
      transition: color .3s ease
    }

    #home .section--businesses {
      padding-bottom: 6rem;
      padding-top: 6rem
    }

    @media only screen and (max-width: 46.875em) {
      #home .section--businesses {
        padding-bottom: 4rem;
        padding-top: 4rem
      }
    }

    @media only screen and (max-width: 37.5em) {
      #home .section--businesses {
        padding-bottom: 3rem;
        padding-top: 3rem
      }
    }

    #home .section--payments {
      padding-top: 16.8rem
    }

    @media only screen and (max-width: 56.25em) {
      #home .section--payments {
        padding-top: 13rem
      }
    }

    @media only screen and (max-width: 46.875em) {
      #home .section--payments {
        padding-top: 10rem
      }
    }

    @media only screen and (max-width: 37.5em) {
      #home .section--payments {
        padding-top: 7rem
      }
    }

    #home .section--payments .h1 {
      margin-bottom: 5.8rem;
      max-width: 65rem
    }

    #home .section--payments .features-grid {
      align-items: center;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between
    }

    #home .section--payments .features-grid__section {
      flex: 0 1 auto;
      width: calc(33.3333333333% - 4rem)
    }

    @media only screen and (max-width: 56.25em) {
      #home .section--payments .features-grid__section {
        width: 100%
      }
    }

    #home .section--payments .media {
      max-width: 32rem;
      text-align: center
    }

    #home .section--payments .media img {
      width: 100%;
      height: auto;
      max-height: 65rem;
      object-fit: contain;
      filter: drop-shadow(0px 4px 20px rgba(0, 0, 0, 0.2))
    }

    @media only screen and (max-width: 37.5em) {
      #home .section--payments .media img {
        max-height: 55rem;
        object-position: left
      }
    }

    #home .section--payments .media .figure {
      margin-bottom: 5rem;
      transform: scale(1.14)
    }

    @media only screen and (max-width: 56.25em) {
      #home .section--payments .media .figure {
        margin-bottom: 3rem;
        transform: scale(1)
      }
    }

    @media only screen and (max-width: 56.25em) {
      #home .section--payments .media {
        margin: 6rem 0
      }
    }

    #home .section--payments .feature:not(:last-child) {
      margin-bottom: 10rem
    }

    @media only screen and (max-width: 46.875em) {
      #home .section--payments .feature:not(:last-child) {
        margin-bottom: 6rem
      }
    }

    #home .section--payments .feature__title {
      font-size: 2.4rem;
      font-weight: 600;
      line-height: 2.9rem;
      margin-bottom: 1.9rem;
      padding-left: .5rem
    }

    @media only screen and (max-width: 37.5em) {
      #home .section--payments .feature__title {
        font-size: 2rem;
        line-height: 2.2rem
      }
    }

    #home .section--payments .feature__description {
      font-size: 2rem;
      font-weight: 300;
      line-height: 3.2rem;
      margin-bottom: 3rem;
      padding-left: .5rem
    }

    @media only screen and (max-width: 37.5em) {
      #home .section--payments .feature__description {
        font-size: 1.8rem;
        line-height: 2.8rem
      }
    }

    #home .section--commerce .h1 {
      margin-bottom: 10.8rem;
      max-width: 100rem
    }

    @media only screen and (max-width: 37.5em) {
      #home .section--commerce .h1 {
        margin-bottom: 6.3rem
      }
    }

    #home .section--commerce .commerce-features {
      margin-bottom: 18.2rem
    }

    @media only screen and (max-width: 37.5em) {
      #home .section--commerce .commerce-features {
        margin-bottom: 8.8rem
      }
    }

    #home .section--commerce .grid {
      display: flex
    }

    @media only screen and (max-width: 56.25em) {
      #home .section--commerce .grid {
        flex-wrap: wrap
      }
    }

    #home .section--commerce .grid:nth-child(1) {
      align-items: flex-start;
      justify-content: flex-end
    }

    #home .section--commerce .grid:nth-child(1) .grid__section {
      flex: 0 1 auto
    }

    #home .section--commerce .grid:nth-child(1) .grid__section:nth-child(1) {
      padding-top: 10rem
    }

    @media only screen and (max-width: 56.25em) {
      #home .section--commerce .grid:nth-child(1) .grid__section:nth-child(1) {
        margin-bottom: 7rem;
        padding-top: 0;
        width: 100%
      }
    }

    #home .section--commerce .grid:nth-child(1) .grid__section:nth-child(2) {
      margin-left: 8.5rem;
      width: 51%
    }

    @media only screen and (max-width: 56.25em) {
      #home .section--commerce .grid:nth-child(1) .grid__section:nth-child(2) {
        margin-bottom: 7rem;
        margin-left: 0;
        width: 100%
      }
    }

    #home .section--commerce .grid:nth-child(2) {
      align-items: flex-end;
      justify-content: flex-start;
      margin-top: -8%
    }

    @media only screen and (max-width: 56.25em) {
      #home .section--commerce .grid:nth-child(2) {
        flex-direction: column-reverse;
        margin-top: 0
      }
    }

    #home .section--commerce .grid:nth-child(2) .grid__section {
      flex: 0 1 auto
    }

    #home .section--commerce .grid:nth-child(2) .grid__section:nth-child(1) {
      margin-right: 8.5rem;
      width: 58%
    }

    @media only screen and (max-width: 56.25em) {
      #home .section--commerce .grid:nth-child(2) .grid__section:nth-child(1) {
        margin-right: 0;
        width: 100%
      }
    }

    #home .section--commerce .grid:nth-child(2) .grid__section:nth-child(2) {
      padding-bottom: 1rem
    }

    @media only screen and (max-width: 56.25em) {
      #home .section--commerce .grid:nth-child(2) .grid__section:nth-child(2) {
        margin-bottom: 7rem;
        padding-bottom: 0;
        width: 100%
      }
    }

    #home .section--commerce .grid .figure--1 {
      height: 64.8rem
    }

    @media only screen and (max-width: 62.5em) {
      #home .section--commerce .grid .figure--1 {
        height: 58rem
      }
    }

    @media only screen and (max-width: 56.25em) {
      #home .section--commerce .grid .figure--1 {
        height: auto
      }
    }

    #home .section--commerce .grid .figure--2 img {
      max-height: 64.8rem
    }

    @media screen and (max-width: 1100px) {
      #home .section--commerce .grid .figure--2 {
        height: 62vw
      }

      #home .section--commerce .grid .figure--2 img {
        max-height: 57vw
      }
    }

    @media screen and (max-width: 1024px) {
      #home .section--commerce .grid .figure--2 img {
        max-height: 53vw
      }
    }

    @media only screen and (max-width: 56.25em) {
      #home .section--commerce .grid .figure--2 {
        height: auto
      }

      #home .section--commerce .grid .figure--2 img {
        height: auto;
        max-height: unset
      }
    }

    #home .section--commerce .grid .figure img {
      height: 100%;
      object-fit: cover
    }

    #home .section--commerce .feature {
      width: 35rem
    }

    @media only screen and (max-width: 56.25em) {
      #home .section--commerce .feature {
        width: 100%
      }
    }

    #home .section--commerce .feature:not(:last-child) {
      margin-bottom: 10rem
    }

    @media only screen and (max-width: 62.5em) {
      #home .section--commerce .feature:not(:last-child) {
        margin-bottom: 6rem
      }
    }

    @media only screen and (max-width: 37.5em) {
      #home .section--commerce .feature:not(:last-child) {
        margin-bottom: 7rem
      }
    }

    #home .section--commerce .feature__title {
      font-size: 2.4rem;
      font-weight: 600;
      line-height: 2.9rem;
      margin-bottom: 1.9rem;
      padding-left: .5rem
    }

    @media only screen and (max-width: 37.5em) {
      #home .section--commerce .feature__title {
        font-size: 2rem;
        line-height: 2.2rem;
        margin-bottom: 1.6rem
      }
    }

    #home .section--commerce .feature__description {
      font-size: 2rem;
      font-weight: 300;
      line-height: 3.2rem;
      margin-bottom: 3rem;
      padding-left: .5rem
    }

    @media only screen and (max-width: 37.5em) {
      #home .section--commerce .feature__description {
        font-size: 1.8rem;
        line-height: 2.8rem;
        margin-bottom: 2.7rem
      }
    }

    #home .section--commerce .p.loud {
      font-size: 8rem;
      font-weight: 300;
      line-height: 11rem;
      margin-bottom: 4.8rem
    }

    @media only screen and (max-width: 56.25em) {
      #home .section--commerce .p.loud {
        font-size: 5rem;
        line-height: 8rem;
        margin-bottom: 4.5rem
      }
    }

    @media only screen and (max-width: 37.5em) {
      #home .section--commerce .p.loud {
        font-size: 3.6rem;
        line-height: 5rem;
        margin-bottom: 4rem
      }
    }

    #home .section--cards,
    #home .section--individual {
      color: #fff
    }

    #home .section--cards .container,
    #home .section--individual .container {
      align-items: center;
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      max-width: 120.6rem;
      text-align: center
    }

    #home .section--cards .h1,
    #home .section--individual .h1 {
      margin-bottom: 4.9rem;
      max-width: 79.1rem
    }

    @media only screen and (max-width: 46.875em) {

      #home .section--cards .h1,
      #home .section--individual .h1 {
        margin-bottom: 3.1rem
      }
    }

    @media only screen and (max-width: 37.5em) {

      #home .section--cards .h1,
      #home .section--individual .h1 {
        margin-bottom: 2.5rem
      }
    }

    #home .section--cards .p,
    #home .section--individual .p {
      margin-bottom: 4.9rem;
      max-width: 60.2rem
    }

    @media only screen and (max-width: 46.875em) {

      #home .section--cards .p,
      #home .section--individual .p {
        margin-bottom: 4.3rem
      }
    }

    @media only screen and (max-width: 37.5em) {

      #home .section--cards .p,
      #home .section--individual .p {
        margin-bottom: 3.9rem
      }
    }

    #home .section--cards .btn,
    #home .section--individual .btn {
      margin-bottom: 6.5rem
    }

    #home .section--cards .media,
    #home .section--individual .media {
      margin-bottom: 16.8rem
    }

    @media only screen and (max-width: 46.875em) {

      #home .section--cards .media,
      #home .section--individual .media {
        margin-bottom: 15rem
      }
    }

    @media only screen and (max-width: 37.5em) {

      #home .section--cards .media,
      #home .section--individual .media {
        margin-bottom: 8.8rem
      }
    }

    #home .section--cards .media .figure,
    #home .section--individual .media .figure {
      max-width: 50rem
    }

    #home .section--cards .stacked-cards,
    #home .section--individual .stacked-cards {
      margin-bottom: 21rem
    }

    #home .section--individual .p {
      max-width: 62rem
    }

    #home .section--api .h1 {
      margin-bottom: 4rem;
      max-width: 84.2rem
    }

    @media only screen and (max-width: 46.875em) {
      #home .section--api .h1 {
        margin-bottom: 3.1rem
      }
    }

    @media only screen and (max-width: 37.5em) {
      #home .section--api .h1 {
        margin-bottom: 1.8rem
      }
    }

    #home .section--api .p {
      margin-bottom: 4rem;
      max-width: 61.9rem
    }

    @media only screen and (max-width: 37.5em) {
      #home .section--api .p {
        margin-bottom: 3.1rem
      }
    }

    #home .section--api .ul {
      margin-bottom: 7rem
    }

    #integrations .hero {
      display: flex;
      justify-content: center;
      padding-bottom: 5rem;
      text-align: center
    }

    #integrations .hero__heading {
      font-size: 8rem;
      line-height: 8.6rem
    }

    #integrations .hero__info {
      max-width: 82rem;
      width: 100%
    }

    #integrations .hero__info>* {
      width: fit-content;
      margin-left: auto;
      margin-right: auto
    }

    #integrations .hero__sub-heading {
      max-width: 70rem;
      margin-bottom: 0
    }

    #integrations .guidelines {
      background-color: #fff;
      padding: 0 0 50px
    }

    @media screen and (min-width: 768px) {
      #integrations .guidelines {
        padding: 20px 0 50px
      }
    }

    #integrations .guidelines ul {
      margin-top: 3rem
    }

    #integrations .guidelines__heading {
      font-family: "Millik", sans-serif;
      font-size: 22px;
      line-height: 32px;
      margin-bottom: 15px;
      margin-top: 35px
    }

    @media screen and (min-width: 576px) {
      #integrations .guidelines__heading {
        font-size: 36px;
        line-height: 46px;
        margin-bottom: 25px
      }
    }

    #integrations .guidelines__link {
      color: #d46b04;
      font-weight: 700
    }

    #integrations .guidelines__container {
      margin: 0 auto;
      max-width: 800px;
      padding-left: 15px;
      padding-right: 15px;
      width: 100%
    }

    #integrations .guidelines__video {
      margin: 30px 0
    }

    @media screen and (min-width: 576px) {
      #integrations .guidelines__video {
        margin: 40px 0
      }
    }

    #integrations .guidelines__steps {
      align-items: flex-start;
      counter-reset: counter;
      display: flex;
      flex-flow: column;
      list-style: none;
      margin: 30px 0 0;
      padding: 0;
      position: relative
    }

    #integrations .guidelines__steps:not(:last-child) {
      margin-bottom: 40px
    }

    @media screen and (min-width: 576px) {
      #integrations .guidelines__steps:not(:last-child) {
        margin-bottom: 60px
      }
    }

    #integrations .guidelines__steps__item {
      counter-increment: counter;
      font-size: 14px;
      line-height: 24px;
      padding-left: 30px;
      position: relative
    }

    #integrations .guidelines__steps__item:not(:last-of-type) {
      margin-bottom: 15px
    }

    @media screen and (min-width: 768px) {
      #integrations .guidelines__steps__item {
        font-size: 16px;
        line-height: 26px;
        padding-left: 50px
      }

      #integrations .guidelines__steps__item:not(:last-of-type) {
        margin-bottom: 25px
      }
    }

    #integrations .guidelines__steps__item::before {
      align-items: center;
      background-color: #d3d7f2;
      border-radius: 100%;
      content: counter(counter);
      display: flex;
      font-size: 10px;
      font-weight: 700;
      height: 20px;
      justify-content: center;
      left: 0;
      position: absolute;
      top: 0;
      width: 20px
    }

    @media screen and (min-width: 768px) {
      #integrations .guidelines__steps__item::before {
        font-size: 15px;
        height: 30px;
        top: 3px;
        width: 30px
      }
    }

    #integrations .guidelines .figure {
      margin: 30px 0 10px
    }

    @media screen and (min-width: 576px) {
      #integrations .guidelines .figure {
        margin: 40px 0 20px
      }
    }

    #integrations .guidelines .figure__image {
      border: 1px solid #eee;
      display: block;
      height: auto;
      width: 100%
    }

    #integrations .guidelines .figure__caption {
      font-size: 14px;
      margin-top: 10px;
      opacity: .7;
      text-align: center
    }

    @media screen and (min-width: 576px) {
      #integrations .guidelines .figure__caption {
        margin-top: 15px
      }
    }

    #integrations.integrations-shopify .hero {
      padding-bottom: 7.6rem
    }

    #integrations.integrations-shopify .hero__info {
      max-width: 99.5rem
    }

    #integrations.integrations-shopify .hero__heading {
      max-width: 82rem
    }

    #integrations.integrations-shopify .hero__sub-heading {
      max-width: 100%
    }

    @media only screen and (max-width: 56.25em) {
      #integrations.integrations-shopify .hero__sub-heading {
        margin-bottom: 0
      }
    }

    #integrations.integrations-shopify .section h2.h1 {
      margin-bottom: 3.2rem
    }

    #integrations.integrations-shopify .section--process h2.h1 {
      max-width: 77rem;
      margin-bottom: 6.8rem
    }

    #integrations.integrations-shopify .section--process .steps {
      margin-bottom: 3rem
    }

    #integrations.integrations-shopify .bg-ash {
      background-color: #f8fafd
    }

    #integrations.integrations-shopify .section--pricing h2.h1 {
      max-width: 68.6rem
    }

    #integrations.integrations-shopify .section--pricing .content-wrapper {
      max-width: 81.8rem
    }

    #integrations.integrations-shopify .section--benefits {
      background-color: #f8fafd
    }

    #integrations.integrations-shopify .section--benefits .wrapper {
      max-width: 72.1rem
    }

    #integrations.integrations-shopify .section--media {
      padding: 0 2rem
    }

    #integrations.integrations-shopify .section--media .container {
      max-width: 128rem
    }

    #integrations.integrations-shopify .section--media .video {
      filter: drop-shadow(0px 3.4325876236px 25.7444076538px rgba(0, 0, 0, 0.2))
    }

    #legal .section {
      padding-top: 8rem
    }

    @media only screen and (max-width: 46.875em) {
      #legal .section {
        padding-top: 6rem
      }
    }

    @media only screen and (max-width: 37.5em) {
      #legal .section {
        padding-top: 4rem
      }
    }

    #legal .page {
      align-items: flex-start;
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start;
      position: relative
    }

    #legal .page__nav {
      flex: 0 0 auto;
      min-height: 50rem;
      position: sticky;
      top: 3rem;
      width: 25rem
    }

    @media only screen and (max-width: 37.5em) {
      #legal .page__nav {
        order: 2;
        position: relative;
        top: 0;
        width: 100%
      }
    }

    #legal .page__nav__title {
      color: #262c55;
      display: block;
      font-size: 2rem;
      font-weight: 400;
      line-height: 3rem;
      margin-bottom: 2.2rem;
      padding-left: .3rem
    }

    #legal .page__nav__list {
      list-style: none
    }

    #legal .page__nav__item:not(:last-child) {
      margin-bottom: 1.2rem
    }

    #legal .page__nav__link:link,
    #legal .page__nav__link:visited {
      color: #262c55;
      display: inline-block;
      font-size: 1.8rem;
      font-weight: 300;
      line-height: 2.2rem;
      padding: .2rem .3rem;
      text-decoration: none
    }

    #legal .page__nav__link.active {
      color: #006aff;
      font-weight: 400
    }

    #legal .page__content {
      align-items: flex-start;
      display: flex;
      flex: 1 1 auto;
      justify-content: center;
      min-height: 50rem;
      padding: 0 2rem;
      width: calc(100% - 25rem);
      --wrapper-max-width: 64rem
    }

    #legal .page__content--full-width {
      width: 100%;
      --wrapper-max-width: unset
    }

    @media only screen and (max-width: 37.5em) {
      #legal .page__content {
        margin-bottom: 5rem;
        padding: 0;
        width: 100%
      }
    }

    #legal .page__content__wrapper {
      flex: 1 1 auto;
      max-width: var(--wrapper-max-width)
    }

    #legal .page__content__timestamp {
      color: #262c55;
      display: block;
      font-size: 1.4rem;
      font-weight: 300;
      line-height: 1.7rem;
      margin-bottom: 1rem
    }

    #legal .page__content__data>*:first-child {
      margin-top: 0 !important
    }

    #legal .page__content__data h1,
    #legal .page__content__data h2,
    #legal .page__content__data h3,
    #legal .page__content__data h4,
    #legal .page__content__data h5,
    #legal .page__content__data h6 {
      color: #262c55;
      font-family: "Millik", sans-serif;
      font-size: 4.8rem;
      font-weight: 500;
      letter-spacing: -0.03em;
      line-height: 4.6rem
    }

    #legal .page__content__data h1:not(:last-child),
    #legal .page__content__data h2:not(:last-child),
    #legal .page__content__data h3:not(:last-child),
    #legal .page__content__data h4:not(:last-child),
    #legal .page__content__data h5:not(:last-child),
    #legal .page__content__data h6:not(:last-child) {
      margin-bottom: 3rem;
      margin-top: 5rem
    }

    @media only screen and (max-width: 37.5em) {

      #legal .page__content__data h1:not(:last-child),
      #legal .page__content__data h2:not(:last-child),
      #legal .page__content__data h3:not(:last-child),
      #legal .page__content__data h4:not(:last-child),
      #legal .page__content__data h5:not(:last-child),
      #legal .page__content__data h6:not(:last-child) {
        margin-bottom: 1.4rem;
        margin-top: 2.4rem
      }
    }

    @media only screen and (max-width: 37.5em) {

      #legal .page__content__data h1,
      #legal .page__content__data h2,
      #legal .page__content__data h3,
      #legal .page__content__data h4,
      #legal .page__content__data h5,
      #legal .page__content__data h6 {
        font-size: 2.4rem;
        line-height: 2.3rem
      }
    }

    #legal .page__content__data p {
      margin-bottom: 15px
    }

    #legal .page__content__data ul,
    #legal .page__content__data ol {
      padding-left: 4rem
    }

    #legal .page__content__data ul:not(:last-child),
    #legal .page__content__data ol:not(:last-child) {
      margin-bottom: 30px
    }

    #legal .page__content__data ul.list-alpha-upper,
    #legal .page__content__data ol.list-alpha-upper {
      list-style-type: upper-alpha
    }

    #legal .page__content__data ul.list-alpha-lower,
    #legal .page__content__data ol.list-alpha-lower {
      list-style-type: lower-alpha
    }

    #legal .page__content__data ul li,
    #legal .page__content__data ol li {
      margin-bottom: 2rem;
      padding-left: 1rem
    }

    #legal .page__content__data p,
    #legal .page__content__data li {
      font-size: 2rem;
      font-weight: 300;
      line-height: 3.2rem
    }

    @media only screen and (max-width: 37.5em) {

      #legal .page__content__data p,
      #legal .page__content__data li {
        font-size: 1.4rem;
        line-height: 1.7rem
      }
    }

    #legal .page__content__data p:not(:last-child),
    #legal .page__content__data li:not(:last-child) {
      margin-bottom: 2rem
    }

    @media only screen and (max-width: 37.5em) {

      #legal .page__content__data p:not(:last-child),
      #legal .page__content__data li:not(:last-child) {
        margin-bottom: 1.5rem
      }
    }

    #legal .page__content__data a:link,
    #legal .page__content__data a:visited {
      color: #1d1d1d;
      display: inline-block;
      font-size: 2rem;
      font-weight: 300;
      line-height: 3.2rem;
      padding: 0
    }

    @media only screen and (max-width: 37.5em) {

      #legal .page__content__data a:link,
      #legal .page__content__data a:visited {
        font-size: 1.4rem;
        line-height: 1.7rem
      }
    }

    #legal .page__content__data ol.decimal {
      list-style: none;
      padding-left: 2rem
    }

    #legal .page__content__data ol.decimal li {
      padding-left: 0;
      display: inline-flex
    }

    #legal .page__content__data ol.decimal li span {
      padding-right: 2rem
    }

    #legal .page__content__data ol.decimal--block li {
      display: block
    }

    #legal .page__content__data ol.decimal ol {
      margin-top: 1.5rem
    }

    #legal .page__content__data ol.decimal ol li {
      display: inline-flex
    }

    #payments {
      overflow: hidden
    }

    #payments .hero {
      padding-bottom: 18rem;
      padding-top: 8.8rem
    }

    #payments .hero.alt {
      padding-bottom: 15rem
    }

    @media only screen and (max-width: 56.25em) {
      #payments .hero.alt .hero__wrapper {
        flex-direction: column
      }
    }

    @media only screen and (max-width: 37.5em) {
      #payments .hero.alt {
        padding-bottom: 8rem
      }
    }

    #payments .hero.alt .hero__info {
      max-width: 76.5rem
    }

    #payments .hero.alt .hero__media {
      width: calc(100% - 76.5rem)
    }

    #payments .hero.alt .hero__sub-heading {
      margin-bottom: 3rem
    }

    #payments .hero.alt .ul {
      margin-bottom: 4rem
    }

    #payments .hero__info {
      max-width: 62.2rem
    }

    @media only screen and (max-width: 46.875em) {
      #payments .hero__info {
        max-width: unset
      }
    }

    #payments .hero__sub-heading {
      max-width: 45rem
    }

    @media only screen and (max-width: 46.875em) {
      #payments .hero__sub-heading {
        max-width: unset
      }
    }

    #payments .hero__media {
      flex: 0 1 auto;
      padding-left: 12.5rem;
      position: relative;
      width: calc(100% - 62.2rem)
    }

    @media only screen and (max-width: 56.25em) {
      #payments .hero__media--collect-payments {
        transform: translateX(-12rem)
      }
    }

    @media only screen and (max-width: 46.875em) {
      #payments .hero__media--collect-payments {
        margin-top: 4rem;
        transform: translateX(0)
      }
    }

    @media only screen and (max-width: 37.5em) {
      #payments .hero__media--collect-payments {
        padding-left: 19vw;
        margin-bottom: -1rem
      }
    }

    @media only screen and (max-width: 56.25em) {
      #payments .hero__media.alt {
        padding-left: 0
      }
    }

    #payments .hero__media__item {
      height: 58.5rem;
      width: auto
    }

    @keyframes slide {
      to {
        transform: translate(0)
      }
    }

    @keyframes fade {
      to {
        opacity: 1
      }
    }

    @media only screen and (max-width: 37.5em) {
      #payments .hero__media__item {
        height: 80vw;
        object-fit: contain;
        object-position: left
      }
    }

    #payments .hero__media__item.dashboard {
      border: 5px solid #f2f2f2;
      border-radius: 3rem;
      box-shadow: 0px 4px 4px rgba(0, 0, 0, .25);
      min-width: 80rem;
      opacity: 0;
      transform: translateX(14%);
      animation: slide 1s cubic-bezier(0.16, 1, 0.3, 1) .2s forwards, fade .6s linear .2s forwards
    }

    #payments .hero__media__item.phone {
      height: auto;
      left: 0;
      position: absolute;
      top: 13.7rem;
      width: 30rem;
      max-height: 58rem;
      object-fit: contain;
      opacity: 0;
      transform: translateY(12%);
      animation: slide 1s cubic-bezier(0.16, 1, 0.3, 1) 1s forwards, fade .5s linear 1s forwards;
      filter: drop-shadow(0px 4px 20px rgba(0, 0, 0, 0.2))
    }

    @media only screen and (max-width: 37.5em) {
      #payments .hero__media__item.phone {
        width: 45vw;
        top: 20vw;
        max-height: unset;
        object-fit: contain
      }
    }

    #payments .hero__media__item.illustration {
      height: auto;
      margin-left: -37.5rem;
      margin-top: 5rem;
      max-width: 68.8rem
    }

    @media only screen and (max-width: 56.25em) {
      #payments .hero__media__item.illustration {
        margin-left: 0;
        width: 92vw
      }
    }

    #payments .section--businesses {
      padding-bottom: 16rem;
      padding-top: 0
    }

    @media only screen and (max-width: 37.5em) {
      #payments .section--businesses {
        padding-bottom: 8rem
      }
    }

    #payments .section--features {
      padding-bottom: 16rem;
      padding-top: 16rem
    }

    @media only screen and (max-width: 37.5em) {
      #payments .section--features {
        padding-top: 8rem;
        padding-bottom: 8rem
      }
    }

    #payments .section--cp1 {
      padding-bottom: 0;
      padding-top: 16rem
    }

    @media only screen and (max-width: 37.5em) {
      #payments .section--cp1 {
        padding-top: 8rem
      }
    }

    #payments .section--cp1 .wrapper {
      margin-bottom: 3rem;
      max-width: 76.5rem
    }

    @media only screen and (max-width: 37.5em) {
      #payments .section--cp1 .wrapper {
        margin-bottom: 2rem
      }
    }

    #payments .section--cp1 .wrapper .h1 {
      margin-bottom: 3rem
    }

    #payments .section--cp1 .wrapper .p {
      margin-bottom: 0;
      z-index: 2
    }

    #payments .section--cp1 .bg {
      position: relative;
      display: flex;
      min-height: 77.6rem;
      padding-bottom: 17.5rem;
      padding-top: 4rem;
      overflow: hidden
    }

    @media only screen and (max-width: 46.875em) {
      #payments .section--cp1 .bg {
        min-height: unset;
        padding-bottom: 9rem
      }
    }

    #payments .section--cp1 .bg__image {
      --scale: 1.14;
      position: absolute;
      width: 144rem;
      min-height: 77.6rem;
      margin-left: 100px;
      top: 0;
      transform: scale(var(--scale));
      z-index: 0
    }

    @media only screen and (max-width: 46.875em) {
      #payments .section--cp1 .bg__image {
        display: none
      }
    }

    #payments .section--cp1 .bg__image svg {
      width: 100%;
      height: 100%;
      --item-opacity: 0;
      --item-outline-length: 655;
      --item-outline-dashoffset: var(--item-outline-length)
    }

    #payments .section--cp1 .bg__image svg .item {
      --delay: 2s
    }

    #payments .section--cp1 .bg__image svg .item--1 {
      --delay: calc((1 * 0.5s) + 0.8s)
    }

    #payments .section--cp1 .bg__image svg .item--1 rect {
      stroke-opacity: .22
    }

    #payments .section--cp1 .bg__image svg .item--2 {
      --delay: calc((2 * 0.5s) + 0.8s)
    }

    #payments .section--cp1 .bg__image svg .item--2 rect {
      stroke-opacity: .22
    }

    #payments .section--cp1 .bg__image svg .item--3 {
      --delay: calc((3 * 0.5s) + 0.8s)
    }

    #payments .section--cp1 .bg__image svg .item--3 rect {
      stroke-opacity: .22
    }

    #payments .section--cp1 .bg__image svg .item--4 {
      --delay: calc((4 * 0.5s) + 0.8s)
    }

    #payments .section--cp1 .bg__image svg .item--4 rect {
      stroke-opacity: .22
    }

    #payments .section--cp1 .bg__image svg .item__outline {
      stroke-dasharray: var(--item-outline-length);
      stroke-dashoffset: var(--item-outline-dashoffset);
      transition: 1.2s ease-in-out var(--delay)
    }

    #payments .section--cp1 .bg__image svg .item__price,
    #payments .section--cp1 .bg__image svg .item__desc {
      opacity: var(--item-opacity);
      transition: opacity 1.5s ease-in-out var(--delay)
    }

    #payments .section--cp1 .bg__image svg .hr-lines line,
    #payments .section--cp1 .bg__image svg .vr-lines line {
      stroke-opacity: .12
    }

    #payments .section--cp1 .bg__image svg .hr-lines {
      --hr-stroke-length: 1440;
      --hr-stroke-dashoffset: var(--hr-stroke-length)
    }

    #payments .section--cp1 .bg__image svg .hr-lines line {
      stroke-dasharray: var(--hr-stroke-length);
      stroke-dashoffset: var(--hr-stroke-dashoffset);
      transition: 2s ease-in-out var(--delay)
    }

    #payments .section--cp1 .bg__image svg .hr-lines line:nth-child(1) {
      --delay: calc((1 * 0.08s) + 0.3s)
    }

    #payments .section--cp1 .bg__image svg .hr-lines line:nth-child(2) {
      --delay: calc((2 * 0.08s) + 0.3s)
    }

    #payments .section--cp1 .bg__image svg .hr-lines line:nth-child(3) {
      --delay: calc((3 * 0.08s) + 0.3s)
    }

    #payments .section--cp1 .bg__image svg .hr-lines line:nth-child(4) {
      --delay: calc((4 * 0.08s) + 0.3s)
    }

    #payments .section--cp1 .bg__image svg .hr-lines line:nth-child(5) {
      --delay: calc((5 * 0.08s) + 0.3s)
    }

    #payments .section--cp1 .bg__image svg .hr-lines line:nth-child(6) {
      --delay: calc((6 * 0.08s) + 0.3s)
    }

    #payments .section--cp1 .bg__image svg .hr-lines line:nth-child(7) {
      --delay: calc((7 * 0.08s) + 0.3s)
    }

    #payments .section--cp1 .bg__image svg .hr-lines line:nth-child(8) {
      --delay: calc((8 * 0.08s) + 0.3s)
    }

    #payments .section--cp1 .bg__image svg .hr-lines line:nth-child(9) {
      --delay: calc((9 * 0.08s) + 0.3s)
    }

    #payments .section--cp1 .bg__image svg .hr-lines line:nth-child(10) {
      --delay: calc((10 * 0.08s) + 0.3s)
    }

    #payments .section--cp1 .bg__image svg .hr-lines line:nth-child(11) {
      --delay: calc((11 * 0.08s) + 0.3s)
    }

    #payments .section--cp1 .bg__image svg .hr-lines line:nth-child(12) {
      --delay: calc((12 * 0.08s) + 0.3s)
    }

    #payments .section--cp1 .bg__image svg .vr-lines {
      --vr-stroke-length: 775;
      --vr-stroke-dashoffset: var(--vr-stroke-length)
    }

    #payments .section--cp1 .bg__image svg .vr-lines line {
      stroke-dasharray: var(--vr-stroke-length);
      stroke-dashoffset: var(--vr-stroke-dashoffset);
      transition: 1.6s ease-in-out var(--delay)
    }

    #payments .section--cp1 .bg__image svg .vr-lines line:nth-child(1) {
      --delay: calc((1 * 0.08s) + 0.3s)
    }

    #payments .section--cp1 .bg__image svg .vr-lines line:nth-child(2) {
      --delay: calc((2 * 0.08s) + 0.3s)
    }

    #payments .section--cp1 .bg__image svg .vr-lines line:nth-child(3) {
      --delay: calc((3 * 0.08s) + 0.3s)
    }

    #payments .section--cp1 .bg__image svg .vr-lines line:nth-child(4) {
      --delay: calc((4 * 0.08s) + 0.3s)
    }

    #payments .section--cp1 .bg__image svg .vr-lines line:nth-child(5) {
      --delay: calc((5 * 0.08s) + 0.3s)
    }

    #payments .section--cp1 .bg__image svg .vr-lines line:nth-child(6) {
      --delay: calc((6 * 0.08s) + 0.3s)
    }

    #payments .section--cp1 .bg__image svg .vr-lines line:nth-child(7) {
      --delay: calc((7 * 0.08s) + 0.3s)
    }

    #payments .section--cp1 .bg__image svg .vr-lines line:nth-child(8) {
      --delay: calc((8 * 0.08s) + 0.3s)
    }

    #payments .section--cp1 .bg__image svg .vr-lines line:nth-child(9) {
      --delay: calc((9 * 0.08s) + 0.3s)
    }

    #payments .section--cp1 .bg__image svg .vr-lines line:nth-child(10) {
      --delay: calc((10 * 0.08s) + 0.3s)
    }

    #payments .section--cp1 .bg__image svg .phone {
      --translate-y: 18%;
      --lb-size: 3rem;
      --sb-size: 1.7rem;
      transform: translateY(var(--translate-y));
      transition: 1.5s cubic-bezier(0.16, 1, 0.3, 1) .12s
    }

    #payments .section--cp1 .bg__image svg .phone__row--1 {
      --initial-delay: calc((1 * 0.3s))
    }

    #payments .section--cp1 .bg__image svg .phone__row--2 {
      --initial-delay: calc((2 * 0.3s))
    }

    #payments .section--cp1 .bg__image svg .phone__row--3 {
      --initial-delay: calc((3 * 0.3s))
    }

    #payments .section--cp1 .bg__image svg .phone__row--4 {
      --initial-delay: calc((4 * 0.3s))
    }

    #payments .section--cp1 .bg__image svg .phone__row--5 {
      --initial-delay: calc((5 * 0.3s))
    }

    #payments .section--cp1 .bg__image svg .phone__row rect {
      transition: 1.5s cubic-bezier(0.16, 1, 0.3, 1) var(--delay)
    }

    #payments .section--cp1 .bg__image svg .phone__row rect:nth-child(1) {
      --delay: calc((1 * 0.08s) + var(--initial-delay));
      font-size: var(--lb-size)
    }

    #payments .section--cp1 .bg__image svg .phone__row rect:nth-child(2) {
      --delay: calc((2 * 0.08s) + var(--initial-delay));
      font-size: var(--lb-size)
    }

    #payments .section--cp1 .bg__image svg .phone__row rect:nth-child(3) {
      --delay: calc((3 * 0.08s) + var(--initial-delay));
      font-size: var(--sb-size)
    }

    #payments .section--cp1 .bg .container {
      display: flex;
      z-index: 1
    }

    #payments .section--cp1 .grid {
      align-items: flex-end;
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      margin-top: auto
    }

    @media only screen and (max-width: 46.875em) {
      #payments .section--cp1 .grid {
        margin-top: unset
      }
    }

    #payments .section--cp1 .grid__section {
      flex: 0 1 auto;
      width: calc(33.3333333333% - 4rem)
    }

    @media only screen and (max-width: 46.875em) {
      #payments .section--cp1 .grid__section {
        width: 100%
      }

      #payments .section--cp1 .grid__section:first-child {
        margin-bottom: 6.5rem
      }
    }

    #payments .section--cp1 .grid .h3 {
      margin-bottom: 1.2rem
    }

    #payments .section--cp1 .grid .p {
      margin-bottom: 2.5rem
    }

    #payments .section--cp1 .grid .m {
      background: #fff;
      border: 5px solid #f2f2f2;
      box-shadow: 0px 4px 4px rgba(0, 0, 0, .25);
      border-radius: 30px;
      height: 64rem;
      margin: 0 auto;
      width: 29.5rem
    }

    #payments .section--cp1 .grid .m__h {
      border-bottom: 2px solid #f2f2f2;
      padding: 2.5rem 3rem 2rem
    }

    #payments .section--cp1 .grid .m__b {
      padding: 5rem 3rem 10rem
    }

    #payments .section--cp1 .grid .m .l1,
    #payments .section--cp1 .grid .m .l2,
    #payments .section--cp1 .grid .m .l3 {
      background-color: #e0e0e0;
      border-radius: 5px;
      height: 5px;
      width: 100%
    }

    #payments .section--cp1 .grid .m .l1:not(:last-child),
    #payments .section--cp1 .grid .m .l2:not(:last-child),
    #payments .section--cp1 .grid .m .l3:not(:last-child) {
      margin-bottom: 6px
    }

    #payments .section--cp1 .grid .m .l1 {
      background-color: #c4c4c4;
      height: 8px
    }

    #payments .section--cp1 .grid .m .l3 {
      width: 50%
    }

    #payments .section--cp1 .grid .m .i {
      align-items: center;
      display: flex;
      justify-content: flex-start
    }

    #payments .section--cp1 .grid .m .i__l {
      background: #e0e0e0;
      border: 1px solid #c4c4c4;
      border-radius: 10px;
      flex: 0 0 auto;
      height: 43px;
      margin-right: 15px;
      padding: 5px;
      width: 43px
    }

    #payments .section--cp1 .grid .m .i__l__i {
      border: 1px solid #c4c4c4;
      border-radius: 10px;
      height: 100%;
      width: 100%
    }

    #payments .section--cp1 .grid .m .i__r {
      flex: 1 1 auto
    }

    #payments .section--cp1 .grid .m .i:not(:last-child) {
      margin-bottom: 24px
    }

    #payments .section--cp1 .grid .m .b {
      background: #c4c4c4;
      border-radius: 5px;
      color: #fff;
      display: block;
      font-size: 18px;
      line-height: 22px;
      margin-top: 50px;
      padding: 10px;
      text-align: center
    }

    #payments .section--cp2 .container .wrapper__top {
      flex: 0 1 auto;
      width: 100%;
      max-width: 72rem
    }

    #payments .section--cp2 .container .wrapper__top .h1 {
      margin-bottom: 3rem
    }

    #payments .section--cp2 .container .wrapper__top .p {
      margin-bottom: 6rem
    }

    #payments .section--cp2 .container .wrapper__bottom {
      display: flex;
      justify-content: space-between;
      align-items: flex-end
    }

    @media only screen and (max-width: 46.875em) {
      #payments .section--cp2 .container .wrapper__bottom {
        flex-wrap: wrap
      }
    }

    #payments .section--cp2 .container .wrapper__bottom .ul {
      margin-top: 11.5rem;
      max-width: 50rem
    }

    @media only screen and (max-width: 46.875em) {
      #payments .section--cp2 .container .wrapper__bottom .ul {
        max-width: unset
      }
    }

    @media only screen and (max-width: 37.5em) {
      #payments .section--cp2 .container .wrapper__bottom .ul {
        margin-top: 9rem
      }
    }

    #payments .section--cp2 .container .wrapper__bottom .ul li {
      font-size: 2.6rem;
      line-height: 4rem
    }

    @media only screen and (max-width: 37.5em) {
      #payments .section--cp2 .container .wrapper__bottom .ul li {
        font-size: 2.2rem;
        line-height: 3.2rem
      }
    }

    #payments .section--cp2 .container .wrapper__bottom .ul li:not(:last-child) {
      margin-bottom: 4rem
    }

    #payments .section--cp2 .container .wrapper__bottom .media {
      flex: 0 1 auto;
      min-width: 40rem;
      max-width: calc(100% - 72rem);
      margin-left: 4rem
    }

    @media only screen and (max-width: 56.25em) {
      #payments .section--cp2 .container .wrapper__bottom .media {
        min-width: 36rem
      }
    }

    @media only screen and (max-width: 46.875em) {
      #payments .section--cp2 .container .wrapper__bottom .media {
        margin: 5rem auto 0 0
      }

      #payments .section--cp2 .container .wrapper__bottom .media figure {
        width: 100%
      }
    }

    @media only screen and (max-width: 37.5em) {
      #payments .section--cp2 .container .wrapper__bottom .media figure {
        width: 75%;
        margin: 0 auto
      }
    }

    #payments .section--devs .h1 {
      margin-bottom: 3rem;
      max-width: 75rem
    }

    #payments .section--devs .p {
      margin-bottom: 4rem;
      max-width: 61.9rem
    }

    #payments .section--devs .ul:not(:last-child) {
      margin-bottom: 8rem
    }

    #press-kit {
      overflow-x: hidden
    }

    #press-kit .section--assets {
      background-color: #1d1d1d;
      padding-top: 9rem
    }

    #press-kit .section--assets .h1 {
      color: #fff;
      font-size: 10rem;
      line-height: 8.6rem;
      margin-bottom: 9rem;
      max-width: 75rem
    }

    @media only screen and (max-width: 46.875em) {
      #press-kit .section--assets .h1 {
        font-size: 7rem;
        line-height: 6rem;
        margin-bottom: 6.5rem
      }
    }

    @media only screen and (max-width: 37.5em) {
      #press-kit .section--assets .h1 {
        font-size: 4rem;
        line-height: 3.4rem;
        margin-bottom: 5rem
      }
    }

    #press-kit .section--assets .tab__header {
      margin-bottom: 6rem
    }

    #press-kit .section--assets .tab__cta {
      color: #fff
    }

    #press-kit .section--assets .tab__cta.active {
      background-color: #dcf5e7;
      color: #1d1d1d
    }

    #press-kit .section--assets .tab__section {
      color: #fff
    }

    #press-kit .section--assets .tab__section:not(:last-child) {
      margin-bottom: 6rem
    }

    #press-kit .section--assets .tab__section__wrapper {
      max-width: 56rem
    }

    #press-kit .section--assets .tab__section__wrapper:not(:last-child) {
      margin-bottom: 4rem
    }

    #press-kit .section--assets .tab__section__wrapper .h3 {
      color: inherit;
      font-size: 2.4rem;
      line-height: 3.2rem;
      margin-bottom: 2rem
    }

    #press-kit .section--assets .tab__section__head {
      align-items: center;
      display: flex;
      justify-content: space-between;
      margin-bottom: 3rem
    }

    #press-kit .section--assets .tab__section__footer {
      margin-left: -0.5rem
    }

    #press-kit .section--assets .tab__section__title {
      color: inherit;
      font-size: 2.4rem;
      line-height: 3.2rem
    }

    #press-kit .section--assets .tab__section__cta {
      color: inherit;
      font-weight: 400
    }

    #press-kit .section--assets .tab__section__cta .btn__icon {
      fill: none;
      height: 2.4rem;
      width: 2.4rem
    }

    #press-kit .section--assets .tab__section__cta .btn__icon>* {
      stroke: currentColor
    }

    #press-kit .section--assets .assets,
    #press-kit .section--assets .news-list {
      align-items: flex-start;
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start;
      margin: -1rem
    }

    #press-kit .section--assets .asset,
    #press-kit .section--assets .news {
      padding: 1rem 1rem 4rem;
      text-decoration: none;
      width: 33.3333333333%
    }

    @media only screen and (max-width: 46.875em) {

      #press-kit .section--assets .asset,
      #press-kit .section--assets .news {
        width: 50%
      }
    }

    @media only screen and (max-width: 37.5em) {

      #press-kit .section--assets .asset,
      #press-kit .section--assets .news {
        width: 100%
      }
    }

    #press-kit .section--assets .asset:hover .asset__figure,
    #press-kit .section--assets .asset:hover .news__cover,
    #press-kit .section--assets .news:hover .asset__figure,
    #press-kit .section--assets .news:hover .news__cover {
      transform: scale(1.1)
    }

    #press-kit .section--assets .asset__head,
    #press-kit .section--assets .news__head {
      background-color: #f8fafd;
      border-radius: 1rem;
      height: 25rem;
      overflow: hidden;
      width: 100%
    }

    #press-kit .section--assets .asset__logo,
    #press-kit .section--assets .news__logo {
      display: flex;
      align-items: center;
      justify-content: center
    }

    #press-kit .section--assets .asset__logo .asset__figure,
    #press-kit .section--assets .news__logo .asset__figure {
      object-fit: contain;
      max-width: 250px;
      height: auto
    }

    #press-kit .section--assets .asset__body,
    #press-kit .section--assets .news__body {
      align-items: flex-start;
      display: flex;
      justify-content: space-between;
      padding-top: .7rem
    }

    #press-kit .section--assets .asset__info,
    #press-kit .section--assets .news__info {
      align-items: flex-start;
      display: flex;
      flex: 1 1 auto;
      flex-direction: column;
      justify-content: flex-start
    }

    #press-kit .section--assets .asset__figure,
    #press-kit .section--assets .asset__cover,
    #press-kit .section--assets .news__figure,
    #press-kit .section--assets .news__cover {
      display: block;
      height: 100%;
      object-fit: cover;
      object-position: center;
      transition: transform .3s ease;
      width: 100%
    }

    #press-kit .section--assets .asset__figure--leadership,
    #press-kit .section--assets .news__figure--leadership {
      object-position: 50% 20%
    }

    #press-kit .section--assets .asset__name,
    #press-kit .section--assets .asset__headline,
    #press-kit .section--assets .news__name,
    #press-kit .section--assets .news__headline {
      font-size: 1.6rem;
      font-weight: 500;
      line-height: 3.2rem
    }

    #press-kit .section--assets .asset__description,
    #press-kit .section--assets .asset__date,
    #press-kit .section--assets .news__description,
    #press-kit .section--assets .news__date {
      color: #fff;
      font-size: 1.4rem;
      line-height: 1.7rem
    }

    #press-kit .section--assets .asset__cta,
    #press-kit .section--assets .news__cta {
      color: #fff;
      flex: 0 0 auto;
      margin-left: 1.5rem;
      padding: .2rem
    }

    #press-kit .section--assets .asset__cta .btn__icon,
    #press-kit .section--assets .news__cta .btn__icon {
      fill: none;
      height: 2rem;
      margin: 0;
      width: 2rem
    }

    #press-kit .section--assets .asset__cta .btn__icon>*,
    #press-kit .section--assets .news__cta .btn__icon>* {
      stroke: currentColor
    }

    #press-kit .section--assets .news:hover .news__headline,
    #press-kit .section--assets .news:focus .news__headline {
      color: #00abab
    }

    #press-kit .section--assets .news__info {
      padding-top: 1.7rem
    }

    #press-kit .section--assets .news__headline {
      font-size: 1.6rem;
      font-weight: 400;
      line-height: 1.9rem;
      margin-bottom: 1rem;
      transition: all .3s ease
    }

    #press-kit .section--assets .news__date {
      color: #fff
    }

    #press-kit .section--info {
      background-color: #dcf5e7
    }

    #press-kit .section--info .p {
      max-width: 40rem
    }

    #press-kit .section--info .p .link {
      color: #1d1d1d
    }

    #pricing .hero {
      padding-bottom: 5rem
    }

    #pricing .hero__wrapper {
      align-items: center;
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      text-align: center
    }

    #pricing .hero__heading {
      max-width: 74.3rem
    }

    #pricing .hero__sub-heading {
      margin-bottom: 5rem;
      max-width: 67rem
    }

    @media only screen and (max-width: 37.5em) {
      #pricing .hero__sub-heading {
        margin-bottom: 3.5rem
      }
    }

    #pricing .section--collections {
      padding: 5rem 2rem
    }

    @media only screen and (max-width: 37.5em) {
      #pricing .section--collections {
        padding: 2rem 2rem 0
      }
    }

    #pricing .section--collections h2.h2 {
      text-align: center;
      margin-bottom: 6.8rem
    }

    @media only screen and (max-width: 37.5em) {
      #pricing .section--collections h2.h2 {
        margin-bottom: 3.8rem
      }
    }

    #pricing .section--collections .cards__wrapper {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between
    }

    #pricing .section--collections .card {
      padding-top: 4.8rem;
      padding-bottom: 4.8rem;
      background: #f6f9fc;
      border-radius: 2rem;
      width: 45.7%
    }

    @media only screen and (max-width: 46.875em) {
      #pricing .section--collections .card {
        width: 100%
      }
    }

    #pricing .section--collections .card .divider {
      height: 0;
      border-top: 1px dashed #d8d8d8;
      margin: 3rem 0
    }

    #pricing .section--collections .card .card__top,
    #pricing .section--collections .card .card__bottom {
      max-width: 40rem;
      margin: 0 auto;
      padding-left: 3rem;
      padding-right: 3rem;
      box-sizing: content-box
    }

    #pricing .section--collections .card .card__title {
      font-size: 1.4rem;
      line-height: 1.8rem;
      font-weight: 700;
      color: #767676;
      text-transform: uppercase;
      margin-bottom: 3rem
    }

    #pricing .section--collections .card .card__images {
      display: flex;
      align-items: center;
      margin-bottom: 4rem
    }

    #pricing .section--collections .card .card__images--empty {
      height: 34.9px
    }

    #pricing .section--collections .card .card__image {
      display: block
    }

    #pricing .section--collections .card .card__image:not(:last-child) {
      margin-right: 1.6rem
    }

    #pricing .section--collections .card .card__image--mastercard,
    #pricing .section--collections .card .card__image--bank-account,
    #pricing .section--collections .card .card__image--bank-transfer {
      width: 3rem
    }

    #pricing .section--collections .card .card__image--mastercard img,
    #pricing .section--collections .card .card__image--bank-account img,
    #pricing .section--collections .card .card__image--bank-transfer img {
      width: 100%
    }

    #pricing .section--collections .card .card__text {
      font-size: 1.8rem;
      font-weight: 300;
      line-height: 2.5rem
    }

    #pricing .section--collections .card .card__text span {
      font-size: 6rem;
      font-weight: 500;
      display: inline-block;
      margin-right: 1.2rem
    }

    @media only screen and (max-width: 46.875em) {
      #pricing .section--collections .card .card__text span {
        font-size: 3.8rem
      }
    }

    @media only screen and (max-width: 37.5em) {
      #pricing .section--collections .card .card__text span {
        font-size: 3.2rem
      }
    }

    #pricing .section--collections .card li {
      font-size: 1.6rem;
      font-weight: 300
    }

    #pricing .section--collections .card li span {
      font-size: 2.2rem;
      font-weight: 400
    }

    #pricing .section--transfers {
      padding-top: 8rem;
      padding-bottom: 0
    }

    #pricing .section--transfers h2.h2 {
      text-align: center
    }

    #pricing .section--transfers .pricing__details {
      margin-top: 6.8rem
    }

    @media only screen and (max-width: 37.5em) {
      #pricing .section--transfers .pricing__details {
        margin-top: 3.6rem
      }
    }

    #pricing .section--transfers .pricing__detail__row {
      display: flex;
      padding-top: 3.6rem;
      padding-bottom: 3.6rem;
      border-top: 1px solid rgba(0, 0, 0, .2)
    }

    @media only screen and (max-width: 37.5em) {
      #pricing .section--transfers .pricing__detail__row {
        padding-top: 2.6rem;
        padding-bottom: 2.6rem
      }
    }

    #pricing .section--transfers .pricing__detail__row p {
      font-size: 2.2rem;
      line-height: 2.6rem;
      letter-spacing: -0.02em
    }

    @media only screen and (max-width: 37.5em) {
      #pricing .section--transfers .pricing__detail__row p {
        font-size: 1.7rem;
        line-height: 2.4rem
      }
    }

    #pricing .section--transfers .pricing__detail__row p:first-child {
      font-weight: 300;
      margin-right: 2rem
    }

    @media only screen and (max-width: 37.5em) {
      #pricing .section--transfers .pricing__detail__row p:first-child {
        max-width: 17.2rem
      }
    }

    #pricing .section--transfers .pricing__detail__row p:last-child {
      font-weight: 500;
      margin-left: auto;
      text-align: right
    }

    #pricing .global-reach {
      background-color: #f8fafd
    }

    #pricing .section--faq .h1 {
      margin: 0 auto 9rem;
      max-width: 70rem;
      text-align: center
    }

    #pricing .section--safety {
      background: #f8fafd
    }

    #pricing .cl {
      margin-top: 8rem
    }

    @media only screen and (max-width: 46.875em) {
      #pricing .cl {
        margin-top: 6rem
      }
    }

    @media only screen and (max-width: 37.5em) {
      #pricing .cl {
        margin-top: 4rem
      }
    }

    #pricing .section-custompricing {
      padding-top: 5rem;
      width: 100%;
      font-style: italic;
      font-size: 1.8rem;
      font-weight: 300;
      line-height: 2.5rem
    }

    @media only screen and (max-width: 37.5em) {
      #pricing .section-custompricing {
        padding-top: 2.6rem;
        font-size: 1.6rem;
        line-height: 2.2rem
      }
    }

    #pricing .section-custompricing .container {
      padding: 3.9rem 3rem;
      background-color: #f8fafd;
      border-radius: 2rem
    }

    @media only screen and (max-width: 37.5em) {
      #pricing .section-custompricing .container {
        padding: 3rem 2.4rem
      }
    }

    #pricing .section-custompricing a {
      color: #00abab;
      text-decoration: none
    }

    #pricing .section-custompricing a:hover {
      text-decoration: underline
    }

    #invoices {
      overflow: hidden
    }

    #invoices .hero {
      padding-bottom: 18rem;
      padding-top: 8.8rem
    }

    #invoices .hero.alt {
      padding-bottom: 15rem
    }

    @media only screen and (max-width: 56.25em) {
      #invoices .hero.alt .hero__wrapper {
        flex-direction: column
      }
    }

    @media only screen and (max-width: 37.5em) {
      #invoices .hero.alt {
        padding-bottom: 8rem
      }
    }

    #invoices .hero.alt .hero__info {
      max-width: 76.5rem
    }

    #invoices .hero.alt .hero__media {
      width: calc(100% - 76.5rem)
    }

    #invoices .hero.alt .hero__sub-heading {
      margin-bottom: 3rem
    }

    #invoices .hero.alt .ul {
      margin-bottom: 4rem
    }

    #invoices .hero__info {
      max-width: 62.2rem
    }

    @media only screen and (max-width: 46.875em) {
      #invoices .hero__info {
        max-width: unset
      }
    }

    #invoices .hero__sub-heading {
      max-width: 45rem
    }

    @media only screen and (max-width: 46.875em) {
      #invoices .hero__sub-heading {
        max-width: unset
      }
    }

    #invoices .hero__media {
      flex: 0 1 auto;
      padding-left: 9rem;
      position: relative;
      width: calc(100% - 62.2rem)
    }

    @media only screen and (max-width: 56.25em) {
      #invoices .hero__media--collect-payments {
        transform: translateX(-12rem)
      }
    }

    @media only screen and (max-width: 46.875em) {
      #invoices .hero__media--collect-payments {
        margin-top: 4rem;
        transform: translateX(0)
      }
    }

    @media only screen and (max-width: 37.5em) {
      #invoices .hero__media--collect-payments {
        padding-left: 19vw;
        margin-bottom: -1rem
      }
    }

    @media only screen and (max-width: 56.25em) {
      #invoices .hero__media.alt {
        padding-left: 0
      }
    }

    #invoices .hero__media__item {
      height: 58.5rem;
      width: auto
    }

    @keyframes slide {
      to {
        transform: translate(0)
      }
    }

    @keyframes fade {
      to {
        opacity: 1
      }
    }

    @media only screen and (max-width: 37.5em) {
      #invoices .hero__media__item {
        height: 80vw;
        object-fit: contain;
        object-position: left
      }
    }

    #invoices .hero__media__item.dashboard {
      border: 5px solid #f2f2f2;
      border-radius: 3rem;
      box-shadow: 0px 4px 4px rgba(0, 0, 0, .25);
      min-width: 80rem;
      opacity: 0;
      transform: translateX(14%);
      animation: slide 1s cubic-bezier(0.16, 1, 0.3, 1) .2s forwards, fade .6s linear .2s forwards
    }

    #invoices .hero__media__item.phone {
      height: auto;
      left: 0;
      position: absolute;
      top: 13.7rem;
      width: 30rem;
      opacity: 0;
      transform: translateY(12%);
      animation: slide 1s cubic-bezier(0.16, 1, 0.3, 1) 1s forwards, fade .5s linear 1s forwards
    }

    @media only screen and (max-width: 37.5em) {
      #invoices .hero__media__item.phone {
        width: 45vw;
        top: 20vw;
        object-fit: contain
      }
    }

    #invoices .hero__media__item.illustration {
      height: auto;
      margin-left: -37.5rem;
      margin-top: -5rem;
      max-width: 79.5rem
    }

    @media only screen and (max-width: 56.25em) {
      #invoices .hero__media__item.illustration {
        margin-top: 5rem;
        margin-left: 0;
        width: 92vw
      }
    }

    #invoices .section--process {
      background: #f8fafd
    }

    #invoices .section--process .h1 {
      margin-bottom: 1.7rem
    }

    #invoices .section--process .steps {
      margin-top: 8rem
    }

    #invoices .section--process .step__counter__num {
      background: linear-gradient(81.57deg, rgba(102, 114, 199, 0.3) -2.42%, rgba(0, 171, 171, 0.3) 102.07%);
      color: #6672c7
    }

    #invoices .invoice__view {
      margin: 0 auto;
      max-width: 109.2rem;
      display: flex;
      align-items: flex-start;
      justify-content: center;
      flex-direction: column;
      padding: 10rem 11%;
      font-size: 3rem;
      line-height: 4.4rem;
      min-height: 40rem;
      margin: 10rem auto;
      font-weight: 300;
      width: 92%;
      background-color: #1d1d1d;
      border-radius: 2rem;
      box-shadow: 0px 25px 50px rgba(29, 29, 29, .5)
    }

    @media only screen and (max-width: 46.875em) {
      #invoices .invoice__view {
        margin: 7rem auto;
        min-height: 30rem
      }
    }

    @media only screen and (max-width: 37.5em) {
      #invoices .invoice__view {
        min-height: unset;
        font-size: 2.2rem;
        line-height: 3.6rem;
        margin: 5rem auto 6rem;
        padding: 8rem 11%
      }
    }

    #invoices .invoice__view--success {
      color: #fff
    }

    #invoices .invoice__view--error {
      color: #eb5757
    }

    #invoices .invoice__view button {
      margin-top: 4rem
    }

    #invoices .invoice__safety {
      background: #f8fafd
    }

    #support {
      min-height: 60rem;
      color: #1d1d1d !important
    }

    #support h1,
    #support h2,
    #support h3,
    #support h4,
    #support h5,
    #support h6 {
      color: #2a3362
    }

    #support .container.md {
      margin: 0 auto;
      max-width: 117rem
    }

    @media only screen and (max-width: 72.5em) {
      #support .container.md {
        max-width: 100%
      }
    }

    #support .image-wrapper {
      height: auto
    }

    #support .delete-button {
      z-index: 2;
      position: absolute;
      top: 14px;
      right: 2rem;
      cursor: pointer;
      color: #eb5757;
      transition: .3s color ease;
      padding: 2px;
      background: #fff
    }

    #support .delete-button:hover {
      color: #262c55
    }

    #support .file-uploader {
      flex-direction: column
    }

    #support .file-uploader img {
      margin-bottom: 1rem;
      height: 300px;
      object-fit: cover;
      object-position: top center
    }

    #support .file-upload-wrapper {
      position: relative
    }

    #support .form__input {
      font-size: 1.8rem
    }

    @media only screen and (max-width: 37.5em) {
      #support .form__input {
        font-size: 1.6rem
      }
    }

    #support .form__field__inner {
      border-color: #2a3362
    }

    #support h5 {
      font-family: "Moderat", sans-serif;
      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-top: 8rem;
      padding-bottom: 4rem
    }

    @media only screen and (max-width: 56.25em) {
      #support .hero {
        padding-top: 5rem;
        padding-bottom: 2rem
      }
    }

    #support .hero__heading {
      font-size: 4.8rem;
      line-height: 1;
      margin-bottom: 2.2rem
    }

    @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%
    }

    #support .hero__info p {
      font-size: 2rem;
      color: #2a3362
    }

    @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: 117rem
    }

    #support .hero__wrapper .form__field {
      width: 55%
    }

    @media only screen and (max-width: 56.25em) {
      #support .hero__wrapper .form__field {
        width: 100% !important
      }
    }

    #support .request__content {
      max-width: 65rem;
      width: 100%
    }

    #support .request__content .btn--primary {
      background-color: #2a3362
    }

    #support .request__feedback p {
      font-size: 2.4rem;
      line-height: 1.2;
      margin-bottom: 8rem;
      margin-top: 3rem;
      letter-spacing: normal
    }

    #support .request__form .form__cta {
      margin-top: 5rem
    }

    #support .request__form .form__label {
      color: #2a3362;
      font-weight: 400;
      text-transform: capitalize
    }

    @media only screen and (max-width: 37.5em) {
      #support .request__form .form__label {
        font-size: 1.4rem
      }
    }

    #support .request__form .form__input {
      font-size: 1.4rem
    }

    #support .section {
      padding-top: 0;
      padding-bottom: 0
    }

    @media only screen and (min-width: 72.5em) {
      #support .section--withPadding {
        padding-left: 6rem;
        padding-right: 5rem
      }
    }

    #support .support__article {
      color: #1d1d1d
    }

    #support .support__article p {
      margin-bottom: 1.5rem
    }

    #support .support__article a {
      font-size: 1.8rem !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: .5rem !important
    }

    #support .support__article h2 {
      font-weight: 700;
      padding-top: 10px;
      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 {
      font-weight: 700;
      margin-bottom: 7px;
      padding-top: 10px;
      font-size: 20px !important
    }

    @media only screen and (max-width: 56.25em) {
      #support .support__article h3 {
        font-size: 1.8rem;
        line-height: 2.6rem
      }
    }

    #support .support__article h6 {
      border: 1px solid #e0e0e0;
      background-color: #f5faff;
      font-size: 16px;
      font-weight: 300;
      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: #262c55
    }

    #support .support__article table th,
    #support .support__article table tr:first-of-type td {
      background-color: #f2f2f2;
      color: #262c55;
      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 .article__block {
      margin: 8rem 0
    }

    #support .support__article .article__block h2 {
      font-size: 18px;
      margin-bottom: 0
    }

    @media only screen and (max-width: 56.25em) {
      #support .support__article .article__block h2 {
        font-size: 1.6rem
      }
    }

    @media only screen and (max-width: 56.25em) {
      #support .support__article .article__block span {
        display: inline-block;
        margin-bottom: 10px
      }

      #support .support__article .article__block .feedback span {
        display: block
      }
    }

    #support .support__article .article__block a {
      font-weight: 900;
      text-decoration: none;
      color: #006aff
    }

    #support .support__article .article__block .feedback .btn--pill {
      font-size: 1.5rem !important
    }

    @media only screen and (max-width: 56.25em) {
      #support .support__article .article__block .feedback .btn--pill {
        font-size: 1.4rem
      }
    }

    #support .support__article .article__block .feedback span {
      font-size: 1.8rem;
      margin-right: 30px
    }

    @media only screen and (max-width: 56.25em) {
      #support .support__article .article__block .feedback span {
        font-size: 1.6rem
      }
    }

    #support .support__article .article__block input {
      height: 43px;
      font-size: 1.4rem
    }

    #support .support__article .article__block .form__field {
      margin-top: 15px
    }

    #support .support__article .article__block .feedback-label {
      display: inline-block;
      margin-bottom: 10px
    }

    #support .support__article .article__block .btn-group {
      margin-top: 30px;
      text-align: right
    }

    #support .support__article .article__block .btn-group button {
      padding: 14px 16px;
      font-size: 1.4rem;
      border-radius: 10px
    }

    #support .support__article .article__block .btn-group button:first-of-type {
      background-color: rgba(0, 0, 0, 0);
      border: 1px solid #262c55;
      color: #000;
      margin-right: 5px
    }

    #support .support__article .article__block .btn-group button:last-of-type {
      background-color: #262c55;
      border: 1px solid #262c55
    }

    #support .support__row {
      display: flex;
      flex-wrap: wrap;
      padding-top: 4rem;
      margin-left: -15px;
      margin-right: -15px
    }

    #support .support__col {
      position: relative;
      width: 100%;
      flex: 33.333333% 1;
      max-width: 33.333333%;
      margin-bottom: 8rem;
      padding-right: 15px;
      padding-left: 15px
    }

    @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: 343px
      }
    }

    #support .support__col h5 {
      margin-bottom: 1.5rem
    }

    #support .support__col h5~p {
      margin-bottom: 20px;
      font-weight: 300
    }

    #support .support__col p {
      line-height: 28px;
      font-size: 1.8rem;
      color: #2a3362
    }

    #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 .3s
    }

    #support .support__col a:hover {
      color: #006aff
    }

    @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 h3 {
      font-size: 2.2rem !important
    }

    #support .support__content h5 {
      font-size: 1.8rem
    }

    #support .support__grid {
      display: grid;
      grid-template-columns: 330px calc(100% - 330px);
      max-width: 168rem;
      width: 100%;
      margin: 0 auto
    }

    @media only screen and (max-width: 56.25em) {
      #support .support__grid {
        grid-template-columns: 100%
      }
    }

    #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;
      margin-bottom: 1rem
    }

    #support .support__inner {
      margin-top: 4rem;
      text-align: justify;
      color: #1d1d1d
    }

    @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 .2s ease-in-out;
      padding-bottom: 1rem !important
    }

    #support .support__inner a:hover {
      color: #006aff
    }

    #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
      }
    }

    #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: #006aff;
      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 {
      color: #1d1d1d;
      padding: .7rem 0
    }

    #support .support__nav__item:first-child a {
      padding-top: 0
    }

    #support .support__nav__link {
      text-decoration: none;
      color: #262c55;
      display: inline-block
    }

    #support .support__nav__link--active {
      color: #006aff !important
    }

    #support .support__nav__title {
      color: #262c55;
      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: #c4cdd5
    }

    #support .support__search .form__input {
      font-size: 1.4rem;
      padding-left: .5rem
    }

    #support .support__sub-heading {
      color: #262c55;
      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
      }
    }

    #support .support__error {
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
      text-align: center !important;
      padding-top: 7rem
    }

    #support .support__error>div {
      width: 100%;
      padding: 2rem
    }

    #support .support__error>div p {
      padding: 30px 0 80px
    }

    #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 .support__error>div .section {
      padding-top: 6rem !important
    }

    #support .support__error>div .section .recommended {
      text-align: left
    }

    #support .search-results__content .support__col h5 {
      line-height: 4rem !important
    }

    #support .disclaimer {
      padding-top: 20px;
      font-size: 16px !important;
      font-weight: 400 !important;
      line-height: 30px !important
    }

    #support .disclaimer a {
      font-size: 16px !important;
      font-weight: 500 !important
    }

    #graduates .sub-header a {
      color: #1d1d1d
    }

    #graduates .sub-header a:nth-child(2) {
      color: #eb7da7
    }

    #graduates .hero {
      display: flex;
      justify-content: center;
      padding-bottom: 35rem;
      text-align: center;
      padding-top: 6rem
    }

    @media only screen and (max-width: 37.5em) {
      #graduates .hero {
        position: relative;
        overflow-x: hidden
      }
    }

    @media only screen and (max-width: 480px) {
      #graduates .hero {
        padding-bottom: 30rem
      }
    }

    #graduates .hero__info {
      max-width: 95rem;
      width: 100%
    }

    #graduates .hero__info>* {
      width: fit-content;
      margin-left: auto;
      margin-right: auto
    }

    @media only screen and (max-width: 37.5em) {
      #graduates .hero__info>* {
        margin-left: unset
      }
    }

    #graduates .hero__ctas {
      margin: 0 auto
    }

    #graduates .hero__sub-heading {
      max-width: 90rem
    }

    #graduates .hero__img {
      --size: 10rem;
      position: absolute;
      width: var(--size);
      height: var(--size);
      top: 300px;
      border-radius: 10rem;
      overflow: hidden;
      transform: scale(0);
      background-color: var(--bg-color);
      box-shadow: 0px 8px 20px rgba(0, 0, 0, .4);
      animation: scale .8s cubic-bezier(0.16, 1, 0.3, 1) var(--delay) forwards
    }

    #graduates .hero__img img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center;
      border-radius: inherit;
      transform: scale(1.52);
      animation: scale calc(0.8s + 0.15s) cubic-bezier(0.16, 1, 0.3, 1) calc(var(--delay) + .14s) forwards
    }

    #graduates .hero__img--namnso {
      --delay: 0.6s;
      --bg-color: #bd4257;
      left: 10%;
      top: 30rem
    }

    @media only screen and (max-width: 1300px) {
      #graduates .hero__img--namnso {
        top: 52rem;
        left: 5%
      }
    }

    @media only screen and (max-width: 46.875em) {
      #graduates .hero__img--namnso {
        --size: 7rem
      }
    }

    @media only screen and (max-width: 37.5em) {
      #graduates .hero__img--namnso {
        top: 45rem;
        left: -10%
      }
    }

    #graduates .hero__img--dewunmi {
      --delay: 0.8s;
      --bg-color: #ffcd00;
      --size: 12rem;
      right: 10%;
      top: 40rem
    }

    @media only screen and (max-width: 1440px) {
      #graduates .hero__img--dewunmi {
        right: 8%
      }
    }

    @media only screen and (max-width: 1300px) {
      #graduates .hero__img--dewunmi {
        top: 52rem;
        right: 5%
      }
    }

    @media only screen and (max-width: 46.875em) {
      #graduates .hero__img--dewunmi {
        --size: 9rem
      }
    }

    @media only screen and (max-width: 37.5em) {
      #graduates .hero__img--dewunmi {
        top: 47rem;
        right: -10%
      }
    }

    #graduates .hero__img--eniola {
      --delay: 1.1s;
      --bg-color: #18b2e6;
      --size: 11rem;
      left: 30%;
      top: 70rem
    }

    @media only screen and (max-width: 46.875em) {
      #graduates .hero__img--eniola {
        --size: 7rem
      }
    }

    @media only screen and (max-width: 37.5em) {
      #graduates .hero__img--eniola {
        top: 62rem;
        left: 15%
      }
    }

    #graduates .hero__img--toritse {
      --delay: 1.5s;
      --bg-color: #0a86bc;
      right: 30%;
      top: 77rem
    }

    @media only screen and (max-width: 46.875em) {
      #graduates .hero__img--toritse {
        --size: 7.4rem
      }
    }

    @media only screen and (max-width: 37.5em) {
      #graduates .hero__img--toritse {
        top: 66rem;
        right: 15%
      }
    }

    #graduates .section-roles .container {
      align-items: center;
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      max-width: 120.6rem;
      text-align: center
    }

    #graduates .section-roles .h1 {
      margin-bottom: 4.9rem;
      max-width: 100rem
    }

    @media only screen and (max-width: 46.875em) {
      #graduates .section-roles .h1 {
        margin-bottom: 3.1rem
      }
    }

    @media only screen and (max-width: 37.5em) {
      #graduates .section-roles .h1 {
        margin-bottom: 2.5rem
      }
    }

    #graduates .section-roles .p {
      max-width: 92rem
    }

    @media only screen and (max-width: 46.875em) {
      #graduates .section-roles .p {
        margin-bottom: 4.3rem
      }
    }

    @media only screen and (max-width: 37.5em) {
      #graduates .section-roles .p {
        margin-bottom: 3.9rem
      }
    }

    #graduates .section-roles .sliding-cards {
      margin-top: 7rem
    }

    @media only screen and (max-width: 37.5em) {
      #graduates .section-roles .sliding-cards:not(:first-child) {
        margin-top: 3rem
      }
    }

    #graduates .staff-stories p.loud {
      text-align: center
    }

    #graduates .section-benefits .h1 {
      margin-bottom: 4rem;
      max-width: 84.2rem
    }

    @media only screen and (max-width: 46.875em) {
      #graduates .section-benefits .h1 {
        margin-bottom: 3.1rem
      }
    }

    @media only screen and (max-width: 37.5em) {
      #graduates .section-benefits .h1 {
        margin-bottom: 1.8rem
      }
    }

    #graduates .section-benefits .p {
      margin-bottom: 4rem;
      max-width: 80.9rem
    }

    @media only screen and (max-width: 37.5em) {
      #graduates .section-benefits .p {
        margin-bottom: 3.1rem
      }
    }

    #graduates .section-benefits .ul {
      margin-bottom: 7rem
    }

    #graduates .staff-stories--1 {
      padding-top: 0
    }

    #graduates .staff-stories--2 {
      padding-bottom: 0
    }

    #graduates .staff-stories--2 .staff {
      flex-direction: row-reverse
    }

    #graduates .staff-stories--2 .staff__quote {
      color: #f1a5c2
    }

    @media only screen and (max-width: 46.875em) {
      #graduates .staff-stories--2 .staff {
        flex-direction: column-reverse
      }
    }

    #graduates .section-faq {
      padding-bottom: 4.5rem
    }

    #graduates .section-faq .h1 {
      margin: 0 auto 9rem;
      max-width: 70rem;
      text-align: center
    }

    #spread {
      overflow-x: hidden
    }

    #spread .hero__heading {
      font-size: 100px;
      line-height: 108px;
      letter-spacing: -0.02em
    }

    #spread .hero__heading span {
      color: #576ae6
    }

    #spread .hero__sub-heading {
      max-width: 85%;
      font-size: 22px;
      line-height: 32px
    }

    #spread .section--spread-customers {
      padding-bottom: 8rem;
      padding-left: 0;
      padding-right: 0
    }

    @media only screen and (max-width: 46.875em) {
      #spread .section--spread-customers {
        margin-top: 0;
        padding: 0 2rem 3rem
      }
    }

    #spread .section--spread-customers .container {
      max-width: 168rem
    }

    #spread .section--spread-customers .customer-grid {
      align-items: flex-start;
      display: flex;
      justify-content: space-between
    }

    @media only screen and (max-width: 56.25em) {
      #spread .section--spread-customers .customer-grid {
        flex-wrap: wrap
      }
    }

    #spread .section--spread-customers .customer-grid__section {
      flex: 0 1 auto
    }

    #spread .section--spread-customers .customer-grid__section:nth-child(1) {
      width: calc(62% - 3.44rem)
    }

    @media only screen and (max-width: 46.875em) {
      #spread .section--spread-customers .customer-grid__section:nth-child(1) {
        margin-bottom: 3rem;
        width: 100%
      }
    }

    #spread .section--spread-customers .customer-grid__section:nth-child(1) .customer__image {
      object-fit: cover;
      height: 75.2rem;
      width: 100%
    }

    @media only screen and (max-width: 56.25em) {
      #spread .section--spread-customers .customer-grid__section:nth-child(1) .customer__image {
        height: 55rem
      }
    }

    @media only screen and (max-width: 46.875em) {
      #spread .section--spread-customers .customer-grid__section:nth-child(1) .customer__image {
        height: auto
      }
    }

    #spread .section--spread-customers .customer-grid__section:nth-child(1) .customer__name {
      right: 3rem
    }

    #spread .section--spread-customers .customer-grid__section:nth-child(2) {
      margin-top: -30rem;
      width: calc(38% - 3.44rem)
    }

    @media only screen and (max-width: 46.875em) {
      #spread .section--spread-customers .customer-grid__section:nth-child(2) {
        display: flex;
        flex-direction: column-reverse;
        margin-top: 0;
        width: 100%
      }
    }

    #spread .section--spread-customers .customer-grid__section:nth-child(2) .customer__name {
      left: 3rem
    }

    #spread .section--spread-customers .customer-grid__section:nth-child(2) .customer__image {
      object-fit: cover;
      width: 100%
    }

    @media only screen and (max-width: 56.25em) {
      #spread .section--spread-customers .customer-grid__section:nth-child(2) .customer__image {
        height: 50rem
      }
    }

    @media only screen and (max-width: 46.875em) {
      #spread .section--spread-customers .customer-grid__section:nth-child(2) .customer__image {
        height: auto
      }
    }

    #spread .section--spread-customers .customer {
      display: block;
      overflow: hidden;
      position: relative;
      text-decoration: none;
      width: 100%
    }

    #spread .section--spread-process .wrapper .p span {
      color: #576ae6
    }

    #spread .section--spread-process .list {
      display: grid;
      margin-top: 104px;
      width: 85%;
      grid-template-columns: repeat(3, 1fr);
      grid-gap: 40px 92px
    }

    @media only screen and (max-width: 56.25em) {
      #spread .section--spread-process .list {
        grid-template-columns: repeat(2, 1fr);
        width: 100%
      }
    }

    @media only screen and (max-width: 37.5em) {
      #spread .section--spread-process .list {
        grid-template-columns: 1fr;
        grid-gap: 10px 0;
        margin-top: 54px
      }
    }

    #spread .section--spread-process .list__item {
      position: relative;
      border-top: 1px dashed rgba(0, 0, 0, .4);
      padding-top: 41px
    }

    @media only screen and (max-width: 37.5em) {
      #spread .section--spread-process .list__item {
        border-top: none;
        border-left: 1px dashed rgba(0, 0, 0, .4);
        margin-left: 10px;
        padding-top: 0;
        padding-left: 41px;
        min-height: 100px
      }
    }

    @media only screen and (max-width: 37.5em) {
      #spread .section--spread-process .list__item:last-child {
        border: none
      }
    }

    #spread .section--spread-process .list__item__label-container {
      position: absolute;
      width: 65px;
      top: -25px;
      left: -5px;
      z-index: 1;
      background: #fff
    }

    @media only screen and (max-width: 37.5em) {
      #spread .section--spread-process .list__item__label-container {
        top: 0;
        left: -18px;
        width: 35px;
        height: 50px
      }
    }

    #spread .section--spread-process .list__item__label-container__label {
      width: 46px;
      height: 46px;
      border-radius: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      background: linear-gradient(81.57deg, rgba(0, 175, 175, 0.3) -2.42%, rgba(105, 255, 162, 0.3) 102.07%)
    }

    @media only screen and (max-width: 37.5em) {
      #spread .section--spread-process .list__item__label-container__label {
        width: 35px;
        height: 35px
      }
    }

    #spread .section--spread-process .list__item__label-container__label span {
      font-weight: 300;
      font-size: 18px;
      color: #178e44
    }

    @media only screen and (max-width: 37.5em) {
      #spread .section--spread-process .list__item__label-container__label span {
        font-size: 12px
      }
    }

    #spread .section--spread-process .list__item p {
      font-size: 18px;
      line-height: 32px
    }

    @media only screen and (max-width: 37.5em) {
      #spread .section--spread-process .list__item p {
        font-size: 16px;
        line-height: 24px
      }
    }

    #spread .section--stores .wrapper {
      display: flex;
      align-items: flex-end;
      justify-content: space-between
    }

    @media only screen and (max-width: 46.875em) {
      #spread .section--stores .wrapper {
        display: block
      }
    }

    #spread .section--stores .wrapper .h1 {
      width: 70%
    }

    @media only screen and (max-width: 46.875em) {
      #spread .section--stores .wrapper .h1 {
        width: 100%;
        margin-bottom: 15px
      }
    }

    #spread .section--stores .wrapper .h1 span {
      color: #576ae6
    }

    #spread .section--stores .grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      grid-gap: 30px;
      margin-top: 20px
    }

    @media only screen and (max-width: 37.5em) {
      #spread .section--stores .grid {
        grid-template-columns: 1fr
      }
    }

    #spread .section--stores .grid__store-card {
      position: relative;
      border-radius: 4px;
      height: 343.25px;
      overflow: hidden;
      max-width: 344px
    }

    @media only screen and (max-width: 37.5em) {
      #spread .section--stores .grid__store-card {
        max-width: 100%;
        height: 300px
      }
    }

    #spread .section--stores .grid__store-card:hover {
      cursor: pointer
    }

    #spread .section--stores .grid__store-card:hover img {
      transform: scale(1.5)
    }

    #spread .section--stores .grid__store-card__link {
      position: absolute;
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      top: 0;
      right: 0;
      left: 0;
      bottom: 0;
      text-decoration: none;
      color: #fff;
      border-radius: 4px
    }

    #spread .section--stores .grid__store-card__link__label {
      background: #e9ebf5;
      display: flex;
      align-items: center;
      min-height: 50px;
      padding: 10px 24px
    }

    @media only screen and (max-width: 46.875em) {
      #spread .section--stores .grid__store-card__link__label {
        padding: 10px 16px
      }
    }

    #spread .section--stores .grid__store-card__link__label p {
      font-weight: bold;
      font-size: 18px;
      line-height: 32px;
      text-transform: capitalize;
      color: #2a3362
    }

    @media only screen and (max-width: 46.875em) {
      #spread .section--stores .grid__store-card__link__label p {
        font-size: 14px
      }
    }

    #spread .section--stores .grid__store-card img {
      width: 100%;
      transition: transform .4s ease;
      object-fit: cover;
      height: inherit;
      border-radius: 4px
    }

    #spread .section---why-spread .container {
      display: grid;
      grid-gap: 0 130px;
      grid-template-columns: 1.5fr 1fr
    }

    @media only screen and (max-width: 46.875em) {
      #spread .section---why-spread .container {
        display: block
      }
    }

    #spread .section---why-spread .container .main .h1 {
      font-size: 60px;
      line-height: 60px;
      margin-bottom: 21px
    }

    @media only screen and (max-width: 37.5em) {
      #spread .section---why-spread .container .main .h1 {
        line-height: 40px;
        margin-bottom: 20px;
        font-size: 32px
      }
    }

    #spread .section---why-spread .container .main .p {
      font-weight: normal;
      font-size: 20px;
      line-height: 32px;
      width: 396px;
      margin-bottom: 41px
    }

    @media only screen and (max-width: 37.5em) {
      #spread .section---why-spread .container .main .p {
        width: auto;
        font-size: 16px;
        line-height: 24px
      }
    }

    #spread .section---why-spread .container .main__point {
      display: grid;
      grid-template-columns: 10px auto;
      grid-gap: 16px;
      align-items: baseline;
      margin-bottom: 24px
    }

    #spread .section---why-spread .container .main__point__detail {
      margin-left: 16px
    }

    #spread .section---why-spread .container .main__point__detail h3 {
      font-weight: normal;
      font-size: 18px;
      line-height: 22px;
      margin-bottom: 16px;
      color: #111
    }

    @media only screen and (max-width: 37.5em) {
      #spread .section---why-spread .container .main__point__detail h3 {
        font-size: 18px
      }
    }

    #spread .section---why-spread .container .main__point__detail p {
      font-weight: normal;
      font-size: 18px;
      color: #4f4f4f;
      line-height: 22px
    }

    @media only screen and (max-width: 37.5em) {
      #spread .section---why-spread .container .main__point__detail p {
        font-size: 16px
      }
    }

    #spread .section---why-spread .container .aside img {
      position: relative;
      bottom: -130px;
      width: 415px;
      height: 532px;
      object-fit: cover
    }

    @media only screen and (max-width: 37.5em) {
      #spread .section---why-spread .container .aside img {
        position: static;
        width: 100%;
        margin-top: 30px
      }
    }

    #spread .section--spread-faq .h1 {
      text-align: center;
      margin-bottom: 90px
    }

    #payment-protection-promise {
      overflow-x: hidden
    }

    #payment-protection-promise .hero {
      padding-bottom: 0;
      padding-top: 8rem
    }

    @media only screen and (max-width: 37.5em) {
      #payment-protection-promise .hero {
        padding: 5rem 1rem 0
      }
    }

    #payment-protection-promise .hero__wrapper {
      align-items: center;
      background: linear-gradient(301.96deg, #1D1D1D 54.67%, #F1A5C2 120.65%);
      border-radius: 2rem;
      color: #fff;
      flex-direction: column;
      justify-content: flex-start;
      max-width: 125.5rem;
      padding: 7rem 3rem 0;
      position: relative
    }

    @media only screen and (max-width: 37.5em) {
      #payment-protection-promise .hero__wrapper {
        padding: 4rem 1rem 0
      }
    }

    #payment-protection-promise .hero__wrapper::before {
      background-image: url("images/background-noise.svg");
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      bottom: 0;
      content: "";
      height: 100%;
      left: 0;
      opacity: .25;
      position: absolute;
      right: 0;
      top: 0;
      width: 100%;
      z-index: 0
    }

    #payment-protection-promise .hero__info {
      align-items: center;
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      text-align: center;
      width: 100%
    }

    #payment-protection-promise .hero__sub-heading {
      max-width: 85rem
    }

    #payment-protection-promise .hero__media {
      width: 100%;
      max-width: 80rem;
      margin-top: -2rem
    }

    @media only screen and (max-width: 37.5em) {
      #payment-protection-promise .hero__media {
        margin-top: -0.5rem
      }
    }

    #payment-protection-promise .hero__media img {
      width: 100%;
      height: auto;
      object-position: center
    }

    #payment-protection-promise .section-promise {
      margin-top: 16rem
    }

    @media only screen and (max-width: 37.5em) {
      #payment-protection-promise .section-promise {
        margin-top: 8rem
      }
    }

    #payment-protection-promise .section-promise .container {
      align-items: center;
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      max-width: 120.6rem;
      text-align: center
    }

    #payment-protection-promise .section-promise .h1 {
      margin-bottom: 4.9rem;
      max-width: 100rem
    }

    @media only screen and (max-width: 46.875em) {
      #payment-protection-promise .section-promise .h1 {
        margin-bottom: 3.1rem
      }
    }

    @media only screen and (max-width: 37.5em) {
      #payment-protection-promise .section-promise .h1 {
        margin-bottom: 2.5rem
      }
    }

    #payment-protection-promise .section-promise .p {
      max-width: 88rem
    }

    @media only screen and (max-width: 46.875em) {
      #payment-protection-promise .section-promise .p {
        margin-bottom: 4.3rem
      }
    }

    @media only screen and (max-width: 37.5em) {
      #payment-protection-promise .section-promise .p {
        margin-bottom: 3.9rem
      }
    }

    #payment-protection-promise .section-promise .sliding-cards {
      margin-top: 7rem
    }

    @media only screen and (max-width: 37.5em) {
      #payment-protection-promise .section-promise .sliding-cards:not(:first-child) {
        margin-top: 3rem
      }
    }

    #payment-protection-promise .section-coverage .h1,
    #payment-protection-promise .section-reasons .h1,
    #payment-protection-promise .section-steps .h1,
    #payment-protection-promise .section-invalidity .h1 {
      margin-bottom: 4rem;
      max-width: 87rem
    }

    @media only screen and (max-width: 46.875em) {

      #payment-protection-promise .section-coverage .h1,
      #payment-protection-promise .section-reasons .h1,
      #payment-protection-promise .section-steps .h1,
      #payment-protection-promise .section-invalidity .h1 {
        margin-bottom: 3.1rem
      }
    }

    @media only screen and (max-width: 37.5em) {

      #payment-protection-promise .section-coverage .h1,
      #payment-protection-promise .section-reasons .h1,
      #payment-protection-promise .section-steps .h1,
      #payment-protection-promise .section-invalidity .h1 {
        margin-bottom: 1.8rem
      }
    }

    #payment-protection-promise .section-coverage .p,
    #payment-protection-promise .section-reasons .p,
    #payment-protection-promise .section-steps .p,
    #payment-protection-promise .section-invalidity .p {
      margin-bottom: 4rem;
      max-width: 70.4rem
    }

    @media only screen and (max-width: 37.5em) {

      #payment-protection-promise .section-coverage .p,
      #payment-protection-promise .section-reasons .p,
      #payment-protection-promise .section-steps .p,
      #payment-protection-promise .section-invalidity .p {
        margin-bottom: 3.1rem
      }
    }

    #payment-protection-promise .section-coverage a,
    #payment-protection-promise .section-reasons a,
    #payment-protection-promise .section-steps a,
    #payment-protection-promise .section-invalidity a {
      color: unset
    }

    #payment-protection-promise .section-coverage .tab__header,
    #payment-protection-promise .section-reasons .tab__header,
    #payment-protection-promise .section-steps .tab__header,
    #payment-protection-promise .section-invalidity .tab__header {
      margin-bottom: 4rem
    }

    #payment-protection-promise .section-coverage .tab__cta.active,
    #payment-protection-promise .section-reasons .tab__cta.active,
    #payment-protection-promise .section-steps .tab__cta.active,
    #payment-protection-promise .section-invalidity .tab__cta.active {
      background-color: #f1a5c2;
      color: #1d1d1d
    }

    #payment-protection-promise .section-coverage .tab__panel,
    #payment-protection-promise .section-reasons .tab__panel,
    #payment-protection-promise .section-steps .tab__panel,
    #payment-protection-promise .section-invalidity .tab__panel {
      max-width: 73rem
    }

    #payment-protection-promise .section-reasons .container ul {
      max-width: 76rem
    }

    #payment-protection-promise .section-steps .tab__cta {
      color: #fff
    }

    #payment-protection-promise .section-invalidity .p {
      max-width: 78.2rem
    }

    #customers {
      overflow-x: hidden
    }

    #customers .hero {
      position: relative
    }

    @media only screen and (max-width: 37.5em) {
      #customers .hero {
        padding: 5rem 2rem
      }
    }

    #customers .hero__bg {
      z-index: 1;
      position: absolute;
      top: 0;
      left: 0;
      border-radius: 20px;
      width: 100%;
      height: 100%;
      background-color: #5d4774
    }

    #customers .hero__bg img {
      border-radius: 20px;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center;
      mix-blend-mode: overlay
    }

    #customers .hero__bg--video::after {
      z-index: 2;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, .52);
      content: "";
      border-radius: 20px
    }

    #customers .hero__heading {
      color: #fff
    }

    #customers .hero .container {
      position: relative;
      max-width: 128rem;
      height: 100%;
      min-height: 51vw;
      padding-left: 10rem;
      padding: 9vw 10rem
    }

    @media only screen and (max-width: 56.25em) {
      #customers .hero .container {
        padding-left: 3rem;
        padding-right: 3rem;
        width: 100%
      }
    }

    @media only screen and (max-width: 37.5em) {
      #customers .hero .container {
        padding-left: 1.4rem;
        padding-right: 1.4rem;
        min-height: 30rem;
        padding-bottom: 4rem
      }
    }

    #customers .hero iframe {
      z-index: 5;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border-radius: 20px
    }

    #customers .hero__info {
      z-index: 2;
      position: relative;
      padding-right: 0
    }

    @media only screen and (max-width: 56.25em) {
      #customers .hero__info {
        width: 100%
      }
    }

    #customers .hero__video {
      z-index: 2;
      position: relative;
      margin-top: 5vw;
      height: 100%;
      width: 100%
    }

    @media only screen and (max-width: 37.5em) {
      #customers .hero__video {
        margin-top: 7vw
      }
    }

    #customers .hero__video-title {
      font-weight: 400;
      color: #fff
    }

    #customers .hero__video .video__player {
      position: static;
      --size: 6.2rem;
      margin-bottom: 1.6rem
    }

    @media only screen and (max-width: 37.5em) {
      #customers .hero__video .video__player {
        margin-bottom: 1rem;
        --size: 5rem
      }
    }

    #customers .hero--playing .hero__info,
    #customers .hero--playing .hero__video {
      display: none
    }

    #customers .hero--playing .hero__bg {
      background-color: #000
    }

    #customers .hero--playing .hero__bg img {
      display: none
    }

    #customers .global-reach {
      background-color: #f8fafd
    }

    #customers .section--agglomerate .grid,
    #customers .section--businesses .grid {
      align-items: flex-start;
      display: flex;
      justify-content: flex-start;
      flex-wrap: wrap
    }

    #customers .section--agglomerate .h1,
    #customers .section--businesses .h1 {
      margin-bottom: 8.8rem;
      max-width: 86rem
    }

    @media only screen and (max-width: 46.875em) {

      #customers .section--agglomerate .h1,
      #customers .section--businesses .h1 {
        margin-bottom: 6.5rem;
        max-width: 96rem
      }
    }

    @media only screen and (max-width: 37.5em) {

      #customers .section--agglomerate .h1,
      #customers .section--businesses .h1 {
        margin-bottom: 5rem;
        max-width: calc(100% - 1rem)
      }
    }

    #customers .section--agglomerate {
      background-color: #f8fafd
    }

    #customers .section--agglomerate .agglomerate__author {
      margin-top: 2.5rem
    }

    #customers .section--agglomerate .agglomerate__author-name {
      font-weight: 400
    }

    #customers .section--agglomerate .agglomerate__subheading {
      margin-top: 3rem;
      font-weight: 500
    }

    #customers .section--agglomerate .grid {
      align-items: center
    }

    @media only screen and (max-width: 37.5em) {
      #customers .section--agglomerate .grid .logo {
        width: 7.5rem
      }
    }

    #customers .section--agglomerate .grid__section:first-child {
      flex: 0 1 auto;
      width: 60%
    }

    @media only screen and (max-width: 56.25em) {
      #customers .section--agglomerate .grid__section:first-child {
        width: 100%;
        margin-bottom: 4rem
      }
    }

    #customers .section--agglomerate .grid__section:first-child .video {
      height: 480px
    }

    @media only screen and (max-width: 37.5em) {
      #customers .section--agglomerate .grid__section:first-child .video {
        height: 27rem
      }
    }

    #customers .section--agglomerate .grid__section:last-child {
      flex: 0 1 auto;
      width: 40%;
      padding-left: 6rem
    }

    @media only screen and (max-width: 56.25em) {
      #customers .section--agglomerate .grid__section:last-child {
        padding-left: 0;
        width: 100%
      }
    }

    #customers .section--businesses .grid__image {
      width: 35rem;
      max-width: 100%;
      height: auto;
      margin-left: 9rem;
      transform: rotate(14deg);
      filter: drop-shadow(0px 4px 25px rgba(0, 0, 0, 0.4))
    }

    #customers .section--businesses .grid__section {
      flex: 0 1 auto;
      width: 50%
    }

    @media only screen and (max-width: 56.25em) {
      #customers .section--businesses .grid__section {
        width: 100%
      }

      #customers .section--businesses .grid__section:last-child {
        display: none
      }
    }

    #customers .section--businesses .grid__title {
      margin: 5rem 0 4rem
    }

    @media only screen and (max-width: 37.5em) {
      #customers .section--businesses .grid__title {
        width: 14rem
      }
    }

    #customers .section--businesses .stat {
      padding-left: 3.7rem
    }

    #customers .section--businesses .stat:not(:last-child) {
      margin-bottom: 4rem
    }

    #customers .section--businesses .stat__heading {
      font-size: 2rem;
      font-weight: 600;
      line-height: 3.2rem;
      margin-bottom: .8rem;
      position: relative
    }

    #customers .section--businesses .stat__heading::before {
      border: 1px solid #000;
      content: "";
      height: 2.5rem;
      left: -3.7rem;
      position: absolute;
      top: .5rem;
      width: .2rem
    }

    #customers .section--businesses .stat__info:not(:last-child) {
      margin-bottom: 1rem
    }

    #customers .section--businesses .stats {
      position: relative
    }

    #customers .section--businesses .stats::before {
      background-image: url("images/dots.png");
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      bottom: 0;
      content: "";
      height: 100%;
      position: absolute;
      top: .5rem;
      width: .1rem
    }

    #customers .section--businesses .tab__controls {
      margin-top: 4rem
    }

    #customers .section--businesses .tab__controls button {
      display: inline-flex;
      background: #eee;
      border-radius: 10px;
      transition: background-color .3s;
      transition-property: background-color, color
    }

    #customers .section--businesses .tab__controls button:first-child {
      margin-right: 2rem
    }

    #customers .section--businesses .tab__controls button:disabled {
      opacity: .5
    }

    #customers .section--businesses .tab__controls button:hover {
      background-color: #6672c7
    }

    #customers .section--businesses .tab__controls button:hover svg path {
      fill: #fff
    }

    #customers .section--businesses .tab__cta {
      background-color: rgba(0, 0, 0, 0);
      border-color: rgba(0, 0, 0, 0);
      border-radius: 10rem;
      color: #000;
      padding: 1.6rem 2.4rem
    }

    #customers .section--businesses .tab__cta.active {
      background-color: #6672c7;
      color: #fff
    }

    #customers .section--businesses .tab__cta:not(:last-child) {
      margin-right: .2rem
    }

    #customers .section--merchant {
      display: none
    }

    #customers .section--merchant .h1 {
      text-align: center;
      margin-bottom: 8rem
    }

    @media only screen and (max-width: 37.5em) {
      #customers .section--merchant .h1 {
        margin-bottom: 4.4rem
      }
    }

    #customers .section--merchant .container {
      max-width: 128.2rem
    }

    #customers .section--merchant .merchant {
      padding: 0 2rem;
      flex: 0 0 33.3333333333%;
      margin-bottom: 2rem
    }

    @media only screen and (max-width: 56.25em) {
      #customers .section--merchant .merchant {
        flex: 0 0 50%
      }

      #customers .section--merchant .merchant:not(:last-child) {
        margin-bottom: 5.5rem
      }
    }

    @media only screen and (max-width: 37.5em) {
      #customers .section--merchant .merchant {
        flex: 0 0 100%;
        padding: 0
      }
    }

    #customers .section--merchant .merchant__cover {
      position: relative;
      width: 100%;
      height: 30rem;
      border-radius: 10px
    }

    @media only screen and (max-width: 56.25em) {
      #customers .section--merchant .merchant__cover {
        height: 24rem
      }
    }

    #customers .section--merchant .merchant__cover img {
      border-radius: 10px;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center
    }

    #customers .section--merchant .merchant__info {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-end;
      flex: 1;
      margin-top: 1rem
    }

    #customers .section--merchant .merchant__logo {
      display: flex;
      align-items: flex-end;
      height: 5rem
    }

    #customers .section--merchant .merchant__logo img {
      width: 10rem
    }

    #customers .section--merchant .merchant__logo--kigalifaam {
      width: 8.5rem
    }

    #customers .section--merchant .merchant__logo--bitmart {
      width: 11.3rem
    }

    #customers .section--merchant .merchant__logo--thepeer {
      width: 12.6rem
    }

    #customers .section--merchant .merchant__name {
      z-index: 2;
      position: absolute;
      bottom: 2.6rem;
      left: 1.7rem;
      font-weight: 500;
      font-size: 2.4rem;
      color: #fff
    }

    #customers .section--merchant .merchant__title {
      font-weight: normal;
      text-align: left;
      text-decoration: none;
      transition: text-decoration .4s;
      color: #262c55
    }

    #customers .section--merchant .merchant__title:hover {
      text-decoration: underline
    }

    #customers .section--merchant .merchant-wrapper {
      display: flex;
      flex-wrap: wrap
    }

    #customers .section--videos {
      padding-bottom: 0;
      padding-top: 0
    }

    #customers .section--videos .container {
      max-width: 128rem
    }

    #customers .section--videos .grid {
      align-items: flex-start;
      display: flex;
      justify-content: flex-start;
      flex-wrap: wrap;
      margin: 0 -2rem
    }

    #customers .section--videos .grid__section {
      position: relative;
      flex: 0 50%;
      padding: 0 2rem
    }

    #customers .section--videos .grid__section:first-child .video {
      background-color: #363a59
    }

    @media only screen and (max-width: 56.25em) {
      #customers .section--videos .grid__section {
        flex: 0 100%
      }

      #customers .section--videos .grid__section:not(:last-child) {
        margin-bottom: 4rem
      }
    }

    #customers .section--videos .grid__section .video {
      height: 48rem;
      background-color: #453b50
    }

    #customers .section--videos .grid__section .video__thumbnail {
      width: 100.2%
    }

    @media only screen and (max-width: 37.5em) {
      #customers .section--videos .grid__section .video {
        height: 28rem
      }
    }

    #customers .section--videos .video__player {
      --size: 5rem;
      top: auto;
      left: auto;
      bottom: 4rem;
      right: 4rem
    }

    #customers .section-articles {
      position: relative;
      overflow-x: hidden
    }

    @media only screen and (max-width: 46.875em) {
      #customers .section-articles .h2 {
        margin-bottom: 5rem
      }
    }

    #customers .section-articles .article {
      --image-width: 48rem;
      --image-height: 28.5rem;
      --border: 1px dashed rgba(0, 0, 0, 0.3);
      display: flex;
      align-items: center;
      padding: 10rem 0;
      border-bottom: var(--border);
      min-height: 30rem
    }

    @media only screen and (max-width: 56.25em) {
      #customers .section-articles .article {
        --image-width: 40rem;
        --image-height: 20rem
      }
    }

    @media only screen and (max-width: 46.875em) {
      #customers .section-articles .article {
        flex-direction: column-reverse;
        --border: 0px transparent;
        padding: 0;
        margin-bottom: 6rem;
        min-height: unset
      }
    }

    #customers .section-articles .article:last-child {
      border-bottom: 0;
      padding-bottom: 0;
      margin-bottom: 0
    }

    #customers .section-articles .article__title {
      margin: 0 auto;
      max-width: 109.2rem;
      font-weight: 300;
      width: 100%;
      font-size: 4.4rem;
      line-height: 6.6rem;
      text-decoration: none;
      padding-right: 30rem;
      flex-shrink: 1;
      color: #262c55;
      z-index: 3
    }

    @media only screen and (max-width: 1400px) {
      #customers .section-articles .article__title {
        padding-right: 40rem
      }
    }

    @media only screen and (max-width: 1280px) {
      #customers .section-articles .article__title {
        padding-right: 50%
      }
    }

    @media only screen and (max-width: 56.25em) {
      #customers .section-articles .article__title {
        font-size: 3rem;
        line-height: 4.4rem;
        padding-right: 51%
      }
    }

    @media only screen and (max-width: 46.875em) {
      #customers .section-articles .article__title {
        padding-right: 0;
        margin-top: 1rem
      }
    }

    @media only screen and (max-width: 37.5em) {
      #customers .section-articles .article__title {
        font-size: 2rem;
        line-height: 3rem;
        font-weight: normal
      }
    }

    #customers .section-articles .article__title:hover {
      text-decoration: underline
    }

    #customers .section-articles .article__title:hover+.article__image {
      z-index: 2;
      --trans-x: 0%;
      --overlay-scale: 0;
      --image-scale: 1
    }

    #customers .section-articles .article__title:hover+.article__image+.article__image-overlay {
      --trans-x: -100%
    }

    #customers .section-articles .article__image {
      --trans-x: 40%;
      --overlay-scale: 1;
      --image-scale: 1.14;
      position: absolute;
      z-index: 1;
      width: var(--image-width);
      height: var(--image-height);
      right: 0;
      overflow: hidden;
      transform: translateX(var(--trans-x));
      transition: transform .6s cubic-bezier(0.16, 1, 0.3, 1) .07s
    }

    @media only screen and (max-width: 46.875em) {
      #customers .section-articles .article__image {
        --trans-x: 0%;
        --overlay-scale: 0;
        --image-scale: 1;
        position: unset;
        width: 100%;
        height: auto
      }

      #customers .section-articles .article__image img {
        min-height: 18rem
      }
    }

    #customers .section-articles .article__image::after {
      content: "";
      position: absolute;
      top: 0;
      width: 30%;
      height: 105%;
      background-color: #fff;
      transform: scaleX(var(--overlay-scale)) translateY(-0.5%);
      transform-origin: left;
      transition: inherit
    }

    #customers .section-articles .article__image img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center;
      transition: transform .6s cubic-bezier(0.16, 1, 0.3, 1) .07s;
      transform: scale(var(--image-scale));
      background-color: #f1f1f1
    }

    #customers .section-articles .article__image-overlay {
      --trans-x: -16%;
      position: absolute;
      z-index: 2;
      width: var(--image-width);
      height: var(--image-height);
      right: 0%;
      transition: transform .6s cubic-bezier(0.16, 1, 0.3, 1) .07s;
      transform-origin: left;
      transform: scaleX(0.6) translateX(var(--trans-x));
      background-color: #fff
    }

    @media only screen and (max-width: 46.875em) {
      #customers .section-articles .article__image-overlay {
        z-index: unset
      }
    }

    #customers .section--safety {
      margin: -5rem 0
    }

    @media only screen and (max-width: 37.5em) {
      #customers .section--safety {
        margin-top: -5.5rem
      }
    }

    #careers {
      color: #fff;
      background-color: #1d1d1d;
      overflow-x: hidden
    }

    #careers a.btn--with-icon {
      color: #f1a5c2;
      padding-left: 0
    }

    #careers .sub-header a:last-child {
      color: #f1a5c2
    }

    #careers .section {
      position: relative
    }

    #careers .section:not(:last-child)::after {
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100vw;
      border-bottom: 1px dashed rgba(255, 255, 255, .25)
    }

    #careers .hero {
      background-color: #1d1d1d
    }

    @media only screen and (max-width: 46.875em) {
      #careers .hero {
        padding-bottom: 0
      }
    }

    #careers .hero__wrapper {
      position: relative;
      overflow: hidden;
      display: flex;
      flex-direction: column;
      align-items: center;
      border: 1px dashed rgba(255, 255, 255, .25);
      border-radius: 20px;
      max-width: 150rem;
      padding-top: 12.1rem
    }

    @media only screen and (max-width: 56.25em) {
      #careers .hero__wrapper {
        padding-top: 8rem
      }
    }

    @media only screen and (max-width: 37.5em) {
      #careers .hero__wrapper {
        padding-top: 6rem
      }
    }

    #careers .hero__heading {
      font-size: 15rem;
      text-align: center;
      opacity: 0
    }

    #careers .hero__heading div {
      display: inline-block;
      white-space: pre
    }

    @keyframes slide {
      to {
        transform: translateY(0%)
      }
    }

    @keyframes fade {
      to {
        opacity: 1
      }
    }

    #careers .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)
    }

    #careers .hero__heading span:nth-child(1) {
      --delay: 0.14s
    }

    #careers .hero__heading span:nth-child(2) {
      --delay: 0.28s
    }

    #careers .hero__heading span:nth-child(3) {
      --delay: 0.42s
    }

    #careers .hero__heading span:nth-child(4) {
      --delay: 0.56s
    }

    #careers .hero__heading span:nth-child(5) {
      --delay: 0.7s
    }

    #careers .hero__cta {
      display: flex;
      align-items: center;
      background-color: rgba(0, 0, 0, 0);
      font-weight: normal;
      color: #fff;
      padding: 0;
      font-size: unset;
      font-size: 1.8rem;
      margin: 6rem 0 9rem;
      border: none
    }

    @media only screen and (max-width: 56.25em) {
      #careers .hero__cta {
        margin: 1rem 0 6rem
      }
    }

    @media only screen and (max-width: 37.5em) {
      #careers .hero__cta {
        margin: 0rem 0 4rem
      }
    }

    #careers .hero__cta:hover svg {
      transform: scale(calc(var(--svg-scale) + 0.2))
    }

    #careers .hero__cta:hover~.hero__video {
      --video-trans-time: 3s;
      transform: scale(0.88);
      clip-path: circle(100% at 50% 50%)
    }

    @media only screen and (max-width: 37.5em) {
      #careers .hero__cta:hover~.hero__video {
        --video-trans-time: 5s;
        transform: scale(0.94)
      }
    }

    #careers .hero__cta svg {
      --svg-scale: 1;
      margin-right: 1.8rem;
      transition: 1s cubic-bezier(0.16, 1, 0.3, 1);
      transform: scale(var(--svg-scale))
    }

    #careers .hero__cta svg circle {
      fill: #f1a5c2
    }

    @media only screen and (max-width: 37.5em) {
      #careers .hero__cta svg {
        --svg-scale: 0.85;
        margin-right: .9rem
      }
    }

    #careers .hero__video {
      position: relative;
      --video-trans-time: 0.8s;
      width: 100%;
      clip-path: circle(115.4vh at 50% 115vh);
      transform-origin: top;
      transition: clip-path var(--video-trans-time) cubic-bezier(0.16, 1, 0.3, 1), transform .8s cubic-bezier(0.16, 1, 0.3, 1);
      background-color: #fdf6eb;
      border-radius: 2rem
    }

    @media only screen and (max-width: 56.25em) {
      #careers .hero__video {
        clip-path: circle(115vh at 50% 115vh)
      }
    }

    #careers .hero__video:hover {
      --video-trans-time: 3s;
      transform: scale(0.88);
      clip-path: circle(100% at 50% 50%)
    }

    @media only screen and (max-width: 37.5em) {
      #careers .hero__video:hover {
        --video-trans-time: 5s;
        transform: scale(0.94)
      }
    }

    #careers .hero__video:hover .btn {
      opacity: 1;
      transform: translateY(0%)
    }

    #careers .hero__video .video {
      height: 50.1vw;
      background-color: #313c6c;
      background-color: #fdf6eb;
      background-color: rgba(0, 0, 0, 0);
      transform: scale(1.011)
    }

    @media only screen and (max-width: 1660px) {
      #careers .hero__video .video {
        height: 52.2vw
      }
    }

    @media only screen and (max-width: 1650px) {
      #careers .hero__video .video {
        height: 51.3vw
      }
    }

    @media only screen and (max-width: 1640px) {
      #careers .hero__video .video {
        height: 52vw
      }
    }

    @media only screen and (max-width: 1630px) {
      #careers .hero__video .video {
        height: 54.2vw
      }
    }

    @media only screen and (max-width: 46.875em) {
      #careers .hero__video .video {
        height: 53vw
      }
    }

    @media only screen and (max-width: 37.5em) {
      #careers .hero__video .video {
        height: 50.5vw
      }
    }

    #careers .hero__video .btn {
      opacity: 0;
      transform: translateY(30%);
      transition: transform .6s cubic-bezier(0.16, 1, 0.3, 1), opacity .4s cubic-bezier(0.16, 1, 0.3, 1)
    }

    #careers .hero__video .btn:hover {
      transform: scale(1.1)
    }

    #careers .section-about {
      padding-left: 0;
      padding-right: 0;
      padding-top: 5rem
    }

    @media only screen and (max-width: 46.875em) {
      #careers .section-about {
        padding: 2rem 2rem 0
      }

      #careers .section-about::after {
        visibility: hidden
      }
    }

    #careers .section-about .container {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      max-width: 168rem
    }

    @media only screen and (max-width: 46.875em) {
      #careers .section-about .container {
        flex-direction: column
      }
    }

    #careers .section-about__column:first-child {
      width: calc(55% - 3.25rem);
      margin-top: 7rem
    }

    @media only screen and (max-width: 62.5em) {
      #careers .section-about__column:first-child {
        width: calc(55% - 2rem)
      }
    }

    @media only screen and (max-width: 46.875em) {
      #careers .section-about__column:first-child {
        width: 100%;
        margin-bottom: 5rem
      }
    }

    #careers .section-about__column:last-child {
      width: calc(45% - 3.25rem)
    }

    @media only screen and (max-width: 62.5em) {
      #careers .section-about__column:last-child {
        width: calc(45% - 2rem)
      }
    }

    @media only screen and (max-width: 46.875em) {
      #careers .section-about__column:last-child {
        width: 100%;
        margin-bottom: 5rem
      }
    }

    @media only screen and (max-width: 46.875em) {
      #careers .section-about__column {
        width: 100%
      }
    }

    #careers .section-about__column p {
      max-width: 52rem;
      margin: 5.2rem 0
    }

    #careers .section-about__column p>* {
      padding-left: 0
    }

    #careers .section-about__column p span {
      display: block
    }

    #careers .section-about__img {
      position: relative;
      overflow: hidden;
      width: 100%;
      height: 100%;
      min-height: 23.3rem
    }

    #careers .section-about__img img {
      width: 100%;
      height: 100%;
      object-fit: cover
    }

    #careers .section-about__img--1 {
      height: 110rem;
      min-height: 44.4rem
    }

    @media only screen and (max-width: 62.5em) {
      #careers .section-about__img--1 {
        height: 80rem
      }
    }

    @media only screen and (max-width: 56.25em) {
      #careers .section-about__img--1 {
        height: 70rem
      }
    }

    @media only screen and (max-width: 56.25em) {
      #careers .section-about__img--1 {
        height: 70rem
      }
    }

    #careers .section-about__img--2 {
      height: 70rem
    }

    @media only screen and (max-width: 62.5em) {
      #careers .section-about__img--2 {
        height: 50rem
      }
    }

    @media only screen and (max-width: 56.25em) {
      #careers .section-about__img--2 {
        height: 40rem
      }
    }

    #careers .section-about__img--2 img {
      transform: scale(1.11);
      object-position: 100%
    }

    #careers .section-about__img--3 {
      height: 50rem;
      z-index: 2
    }

    @media only screen and (max-width: 62.5em) {
      #careers .section-about__img--3 {
        height: 40rem
      }
    }

    @media only screen and (max-width: 46.875em) {
      #careers .section-about__img {
        height: auto
      }
    }

    #careers .section-join-us {
      padding-top: 0;
      margin-top: -34rem
    }

    @media only screen and (max-width: 56.25em) {
      #careers .section-join-us {
        margin-top: -38rem
      }
    }

    @media only screen and (max-width: 46.875em) {
      #careers .section-join-us {
        margin-top: 0
      }
    }

    #careers .section-join-us p {
      max-width: calc(53% - 3.5rem);
      margin-bottom: 3.4rem
    }

    @media only screen and (max-width: 46.875em) {
      #careers .section-join-us p {
        max-width: unset
      }
    }

    #careers .section-values .h1 {
      max-width: 70rem;
      margin-bottom: 4rem
    }

    @media only screen and (max-width: 46.875em) {
      #careers .section-values .h1 {
        margin-bottom: 3.1rem
      }
    }

    @media only screen and (max-width: 37.5em) {
      #careers .section-values .h1 {
        margin-bottom: 1.8rem
      }
    }

    #careers .section-values .p {
      max-width: 64rem;
      margin-bottom: 4rem
    }

    @media only screen and (max-width: 37.5em) {
      #careers .section-values .p {
        margin-bottom: 3.1rem
      }
    }

    #careers .section-benefits .container:last-child {
      max-width: 124.5rem;
      background-color: #fff3e7;
      border-radius: 2rem;
      padding: 9rem 8rem;
      margin-top: 10rem;
      color: #000
    }

    @media only screen and (max-width: 56.25em) {
      #careers .section-benefits .container:last-child {
        padding: 6rem 4rem
      }
    }

    @media only screen and (max-width: 37.5em) {
      #careers .section-benefits .container:last-child {
        padding: 6rem 3rem
      }
    }

    #careers .section-benefits .container:last-child .feature-grid__section {
      margin-bottom: 3rem
    }

    #careers .section-benefits .container:last-child .feature-grid__section .feature__icon {
      transform: scale(1);
      margin-bottom: 1.7rem
    }

    @media only screen and (max-width: 46.875em) {
      #careers .section-benefits .container:last-child .feature-grid__section {
        margin-bottom: 6rem
      }

      #careers .section-benefits .container:last-child .feature-grid__section p {
        max-width: unset
      }
    }

    #careers .section-benefits .container:last-child .btn {
      margin-top: 8rem
    }

    @media only screen and (max-width: 46.875em) {
      #careers .section-benefits .container:last-child .btn {
        margin-top: 5rem
      }
    }

    #careers .section-carousel {
      padding-left: 0;
      padding-right: 0;
      padding-bottom: 0;
      padding-top: 22rem
    }

    #careers .section-carousel .container {
      max-width: 168rem
    }

    @media only screen and (max-width: 46.875em) {
      #careers .section-carousel {
        padding-top: 8rem
      }
    }

    #careers .section-carousel .flickity {
      position: relative;
      width: 100vw;
      height: auto
    }

    #careers .section-carousel .flickity__item {
      width: 30%;
      min-width: 30rem;
      height: 48rem;
      margin: 13rem 0 3rem;
      margin-right: 2rem
    }

    #careers .section-carousel .flickity__item:nth-of-type(even) {
      width: 45%
    }

    @media only screen and (max-width: 56.25em) {
      #careers .section-carousel .flickity__item:nth-of-type(even) {
        width: 60%
      }
    }

    @media only screen and (max-width: 46.875em) {
      #careers .section-carousel .flickity__item:nth-of-type(even) {
        width: 75%;
        height: 30rem;
        margin: 9rem 0 3rem;
        margin-right: 2rem
      }
    }

    #careers .section-carousel .flickity__item:nth-of-type(odd) {
      --rotation: 3deg;
      width: 35%;
      height: 70rem;
      margin-top: 3rem
    }

    @media only screen and (max-width: 56.25em) {
      #careers .section-carousel .flickity__item:nth-of-type(odd) {
        width: 50%
      }
    }

    @media only screen and (max-width: 46.875em) {
      #careers .section-carousel .flickity__item:nth-of-type(odd) {
        width: 65%;
        height: 40rem
      }
    }

    #careers .section-carousel .flickity__item:nth-child(2) img {
      object-position: top
    }

    #careers .section-carousel .flickity__item:nth-of-type(3),
    #careers .section-carousel .flickity__item:nth-of-type(7) {
      width: 35%;
      --rotation: -3deg
    }

    @media only screen and (max-width: 56.25em) {

      #careers .section-carousel .flickity__item:nth-of-type(3),
      #careers .section-carousel .flickity__item:nth-of-type(7) {
        width: 55%
      }
    }

    @media only screen and (max-width: 46.875em) {

      #careers .section-carousel .flickity__item:nth-of-type(3),
      #careers .section-carousel .flickity__item:nth-of-type(7) {
        width: 70%
      }
    }

    #careers .section-carousel .flickity__item:last-child img {
      object-position: bottom
    }

    #careers .section-carousel__img {
      position: relative;
      width: 100%;
      height: 100%;
      overflow: hidden;
      transition: 1.2s cubic-bezier(0.16, 1, 0.3, 1);
      margin: auto 0;
      transform: rotate(var(--rotation))
    }

    #careers .section-carousel__img:hover {
      transform: scale(0.97)
    }

    #careers .section-carousel__img:hover img {
      transform: scale(1.1)
    }

    #careers .section-carousel__img img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: 1.2s cubic-bezier(0.16, 1, 0.3, 1)
    }

    #careers .closing {
      background-color: #fff
    }

    #careers .closing a.btn--inline {
      color: #fff
    }

    #vacancies {
      color: #fff;
      background-color: #1d1d1d;
      overflow-x: hidden
    }

    #vacancies .sub-header a:first-child {
      color: #f1a5c2
    }

    #vacancies .section-roles {
      --col-one-width: 33%;
      --col-two-width: 22%;
      --col-three-width: 28%
    }

    @media only screen and (max-width: 37.5em) {
      #vacancies .section-roles {
        --col-one-width: 100%;
        --col-two-width: 100%;
        --col-three-width: 100%
      }
    }

    #vacancies .section-roles__filters,
    #vacancies .section-roles__role {
      display: flex;
      justify-content: space-between
    }

    @media only screen and (max-width: 46.875em) {

      #vacancies .section-roles__filters,
      #vacancies .section-roles__role {
        flex-direction: row
      }
    }

    #vacancies .section-roles__filters {
      display: flex;
      justify-content: space-between;
      margin-top: 10rem
    }

    @media only screen and (max-width: 37.5em) {
      #vacancies .section-roles__filters {
        flex-wrap: wrap;
        margin-top: 5rem
      }
    }

    #vacancies .section-roles__search,
    #vacancies .section-roles__filter {
      display: flex;
      align-items: center;
      border: 1px solid rgba(255, 255, 255, .7);
      background-color: rgba(0, 0, 0, 0);
      border-radius: 1.6rem;
      padding: 1.1rem 1.7rem
    }

    @media only screen and (max-width: 37.5em) {

      #vacancies .section-roles__search,
      #vacancies .section-roles__filter {
        margin-bottom: 2rem
      }
    }

    #vacancies .section-roles__search input,
    #vacancies .section-roles__search select,
    #vacancies .section-roles__filter input,
    #vacancies .section-roles__filter select {
      background-color: #1d1d1d;
      border: none;
      margin-left: 1.4rem;
      color: #fff;
      width: 100%;
      outline: none
    }

    #vacancies .section-roles__search {
      width: var(--col-one-width)
    }

    #vacancies .section-roles__filter {
      width: var(--col-two-width)
    }

    #vacancies .section-roles__filter--team {
      width: var(--col-three-width)
    }

    #vacancies .section-roles__filter--location {
      margin-bottom: 0
    }

    #vacancies .section-roles__list {
      margin-top: 7.6rem
    }

    #vacancies .section-roles__role {
      position: relative;
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      width: 100%;
      text-decoration: none;
      padding: 4rem 0
    }

    #vacancies .section-roles__role:first-child {
      padding-top: 0
    }

    #vacancies .section-roles__role:not(:last-child)::after {
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100vw;
      border-bottom: 1px dashed rgba(255, 255, 255, .25)
    }

    #vacancies .section-roles__role>* {
      display: flex;
      align-items: center;
      width: var(--col-two-width)
    }

    #vacancies .section-roles__role>*:first-child {
      width: var(--col-one-width);
      color: #f1a5c2;
      text-decoration: none
    }

    #vacancies .section-roles__role>*:nth-child(2) {
      width: var(--col-three-width)
    }

    @media only screen and (max-width: 37.5em) {
      #vacancies .section-roles__role>*:nth-child(2) {
        margin: .8rem 0
      }
    }

    #vacancies .section-roles__role>* img {
      margin-right: 1.4rem;
      width: 2.4rem;
      height: auto;
      border-radius: 2.4px;
      background-color: #fff;
      object-fit: cover
    }

    @media only screen and (max-width: 37.5em) {
      #vacancies .section-roles__role>* img {
        width: 2rem;
        margin-right: 1rem
      }
    }

    #payment-link {
      --min-height: 100vh;
      overflow: hidden;
      min-height: var(--min-height);
      background-color: #fff
    }

    #payment-link .payment {
      width: 100vw;
      color: #fff;
      display: flex;
      justify-content: center;
      padding-bottom: 6.5rem;
      background-color: #262c55;
      min-height: 100vh
    }

    @media only screen and (max-width: 46.875em) {
      #payment-link .payment {
        min-height: unset;
        padding-bottom: 9rem
      }
    }

    #payment-link .payment__container {
      width: 100%;
      max-width: 60.8rem
    }

    #payment-link .payment__container>* {
      margin: 0 auto
    }

    #payment-link .payment__info {
      width: 90%;
      margin: 0 auto
    }

    @media only screen and (max-width: 46.875em) {
      #payment-link .payment__info {
        display: flex;
        flex-direction: column
      }
    }

    #payment-link .payment__test-indicator {
      display: flex;
      color: #1d1d1d;
      margin: 3.5rem auto 1rem;
      padding: 1.2rem 1.6rem;
      font-size: 1.4rem;
      background-color: #ffedad;
      border-radius: .5rem;
      width: fit-content;
      max-width: 100%
    }

    @media only screen and (max-width: 46.875em) {
      #payment-link .payment__test-indicator {
        order: 3
      }
    }

    #payment-link .payment__test-indicator svg {
      margin-right: 1.3rem
    }

    #payment-link .payment__business-name {
      display: flex;
      align-items: flex-start;
      justify-content: center;
      margin-top: 4rem
    }

    @media only screen and (max-width: 46.875em) {
      #payment-link .payment__business-name {
        justify-content: space-between
      }
    }

    #payment-link .payment__business-name button {
      display: none;
      font-size: 2rem;
      background-color: rgba(0, 0, 0, 0);
      padding: 0;
      color: #fff;
      font-weight: 400;
      border: none;
      outline: none
    }

    #payment-link .payment__business-name button svg {
      --rotation: 0deg;
      margin-left: 1rem;
      transform: scale(1.4) rotate(var(--rotation));
      transition: transform .3s cubic-bezier(0.16, 1, 0.3, 1)
    }

    @media only screen and (max-width: 46.875em) {
      #payment-link .payment__business-name button {
        display: flex;
        align-items: center;
        margin-left: 4rem
      }
    }

    #payment-link .payment__business-name h3 {
      font-family: "Millik", sans-serif;
      font-weight: normal;
      font-size: 2rem
    }

    @media only screen and (max-width: 37.5em) {

      #payment-link .payment__business-name button,
      #payment-link .payment__business-name h3 {
        font-size: 1.7rem
      }
    }

    #payment-link .payment__description {
      text-align: center;
      margin: 1.3rem 0 3rem;
      font-size: 1.8rem;
      line-height: 2.6rem
    }

    @media only screen and (max-width: 46.875em) {
      #payment-link .payment__description {
        font-size: 1.7rem;
        margin: 6.4rem 0 0
      }
    }

    #payment-link .payment__form {
      padding: 4rem 5rem;
      background-color: #fff;
      border-radius: 4rem;
      text-align: center;
      font-size: 1.4rem
    }

    @media only screen and (max-width: 46.875em) {
      #payment-link .payment__form {
        position: absolute;
        top: 9rem;
        left: 0;
        width: 100%;
        height: auto;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
        transition: transform .4s cubic-bezier(0.16, 1, 0.3, 1);
        transform: translateY(var(--translate-y))
      }
    }

    @media only screen and (max-width: 37.5em) {
      #payment-link .payment__form {
        padding: 5rem 2rem
      }
    }

    #payment-link .payment__form-notice {
      color: #fb9129;
      font-weight: 500;
      margin: -1rem 0 2rem
    }

    @media only screen and (max-width: 46.875em) {
      #payment-link .payment__form-notice {
        margin-top: 0
      }
    }

    #payment-link .payment__form-field {
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between
    }

    #payment-link .payment__form-field:not(:last-of-type) {
      margin-bottom: 2.4rem
    }

    #payment-link .payment__form-field label {
      width: 100%;
      font-weight: 500;
      margin-bottom: 1rem;
      text-align: left;
      color: rgba(0, 0, 0, .67)
    }

    #payment-link .payment__form-field label::first-letter {
      text-transform: capitalize
    }

    #payment-link .payment__form-field--col {
      width: 47%
    }

    #payment-link .payment__form-field--col-full {
      width: 100%
    }

    #payment-link .payment__form-field input {
      width: 100%;
      font-size: 1.5rem;
      padding: 1.5rem;
      outline: none;
      border-radius: .5rem;
      border: 1px solid #c4cdd5
    }

    #payment-link .payment__form-field input::placeholder {
      color: #bdbdbd
    }

    @media only screen and (max-width: 37.5em) {
      #payment-link .payment__form-field input {
        padding: 1.3rem 1.4rem
      }
    }

    #payment-link .payment__form-field--tel div {
      position: relative;
      display: flex;
      flex-direction: row;
      align-items: center;
      border-radius: .5rem;
      border: 1px solid #c4cdd5;
      width: 100%
    }

    #payment-link .payment__form-field--tel div select {
      position: absolute;
      width: 16.5%;
      height: 100%;
      opacity: 0
    }

    @media only screen and (max-width: 37.5em) {
      #payment-link .payment__form-field--tel div select {
        width: 22.5%
      }
    }

    #payment-link .payment__form-field--tel div span {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 20%;
      color: rgba(0, 0, 0, .67);
      text-align: center;
      pointer-events: none
    }

    @media only screen and (max-width: 37.5em) {
      #payment-link .payment__form-field--tel div span {
        width: 30%
      }
    }

    #payment-link .payment__form-field--tel div span svg {
      margin-left: .8rem
    }

    #payment-link .payment__form-field--tel div input {
      flex-grow: 1;
      border: none;
      border-left: 1px solid #c4cdd5;
      border-radius: 0
    }

    #payment-link .payment__form-field .form__field--error input {
      border-color: #eb5757
    }

    #payment-link .payment__form-field .form__field--error .currency-amount__inner {
      border-color: #eb5757
    }

    #payment-link .payment__form-button {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      background-color: #262c55;
      color: #fff;
      font-size: 1.8rem;
      margin-top: 3rem;
      min-height: 5rem
    }

    #payment-link .payment__form-button.disabled {
      opacity: .6
    }

    #payment-link .payment__form-button svg {
      width: 2.5rem;
      height: 2.5rem;
      transform: scale(1.1);
      animation: rotate 1s infinite linear
    }

    #payment-link .payment__form-flw {
      display: inline-block;
      margin-top: 3rem;
      transform: scale(1.3);
      transform-origin: center
    }

    #payment-link .payment__contact {
      text-align: center;
      margin-top: 4rem
    }

    #payment-link .payment__contact--mobile {
      display: none;
      margin-top: 7rem
    }

    @media only screen and (max-width: 46.875em) {
      #payment-link .payment__contact {
        display: none
      }

      #payment-link .payment__contact--mobile {
        display: block
      }
    }

    @media only screen and (max-width: 37.5em) {
      #payment-link .payment__contact {
        font-size: 1.5rem
      }
    }

    #payment-link .payment__contact a {
      text-decoration: none;
      color: #ffedad
    }

    #payment-link .payment__contact a:hover {
      text-decoration: underline
    }

    #payment-link .payment__success {
      padding: 6rem 2rem 12rem;
      text-align: center
    }

    @media only screen and (max-width: 46.875em) {
      #payment-link .payment__success {
        min-height: 70vh
      }
    }

    #payment-link .payment__success p {
      font-weight: normal;
      font-size: 1.8rem;
      color: #313131
    }

    #payment-link .payment__success p:first-of-type {
      color: #262c55;
      margin-top: 3.7rem;
      margin-bottom: 1.2rem;
      font-size: 2.4rem
    }

    #payment-link .view-404 {
      position: relative;
      background-color: #262c55;
      width: 100vw;
      min-height: var(--min-height);
      display: flex;
      justify-content: center;
      align-items: center;
      color: #fff;
      flex-direction: column
    }

    #payment-link .view-404>* {
      z-index: 1
    }

    #payment-link .view-404 h1 {
      font-size: 20rem;
      font-family: "Millik", sans-serif;
      margin-top: -12rem;
      line-height: 1
    }

    @media only screen and (max-width: 46.875em) {
      #payment-link .view-404 h1 {
        font-size: 14rem
      }
    }

    @media only screen and (max-width: 37.5em) {
      #payment-link .view-404 h1 {
        margin-top: -14rem;
        font-size: 11rem
      }
    }

    #payment-link .view-404 .p {
      margin: 1rem 0 5rem
    }

    #payment-link .view-404 svg {
      position: absolute;
      z-index: 0;
      bottom: 0;
      width: 100vw;
      object-fit: cover
    }

    @media only screen and (max-width: 62.5em) {
      #payment-link .view-404 svg {
        transform: translateY(15%)
      }
    }

    @media only screen and (max-width: 37.5em) {
      #payment-link .view-404 svg {
        transform: translateY(30%)
      }
    }

    #cookie-settings .hero__wrapper {
      flex-direction: column
    }

    #cookie-settings .hero__sub-heading {
      max-width: 79rem
    }

    #cookie-settings .cookies {
      padding-top: 0;
      padding-bottom: 0;
      margin: 4rem 0 2rem
    }

    @media only screen and (max-width: 56.25em) {
      #cookie-settings .cookies {
        margin: 0 0 6rem
      }
    }

    #cookie-settings .cookies__option {
      position: relative;
      width: 100%;
      padding: 12rem 0;
      display: flex;
      justify-content: space-between;
      align-items: flex-start
    }

    @media only screen and (max-width: 46.875em) {
      #cookie-settings .cookies__option {
        flex-direction: column
      }
    }

    @media only screen and (max-width: 37.5em) {
      #cookie-settings .cookies__option {
        padding: 8rem 0
      }
    }

    #cookie-settings .cookies__option>* {
      z-index: 2
    }

    #cookie-settings .cookies__option-details {
      position: relative;
      max-width: 79rem
    }

    #cookie-settings .cookies__option-details .p {
      margin-top: 3rem
    }

    @media only screen and (max-width: 37.5em) {
      #cookie-settings .cookies__option-details .p {
        margin-top: 1.2rem
      }
    }

    #cookie-settings .cookies__option-toggle {
      display: flex;
      align-items: center;
      font-weight: 500;
      font-size: 1.8rem
    }

    @media only screen and (max-width: 46.875em) {
      #cookie-settings .cookies__option-toggle {
        margin-top: 4rem;
        font-size: 1.6rem
      }
    }

    #cookie-settings .cookies__option-toggle input {
      --size: 2rem;
      width: var(--size);
      height: var(--size);
      cursor: pointer;
      accent-color: #2a3362;
      margin-left: 1.4rem
    }

    @media only screen and (max-width: 46.875em) {
      #cookie-settings .cookies__option-toggle input {
        --size: 1.8rem
      }
    }

    #cookie-settings .cookies__option:nth-child(odd)::before {
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      width: 100vw;
      height: 100%;
      left: calc(-50vw + 50%);
      background-color: #f6f9fc;
      z-index: 1
    }

    #tuition {
      overflow: hidden
    }

    #tuition .hero {
      padding-bottom: 18rem;
      padding-top: 8.8rem
    }

    #tuition .hero.alt {
      padding-bottom: 15rem
    }

    @media only screen and (max-width: 56.25em) {
      #tuition .hero.alt .hero__wrapper {
        flex-direction: column
      }
    }

    @media only screen and (max-width: 37.5em) {
      #tuition .hero.alt {
        padding-bottom: 8rem
      }
    }

    #tuition .hero.alt .hero__media {
      width: calc(100% - 76.5rem)
    }

    @media only screen and (max-width: 37.5em) {
      #tuition .hero.alt .hero__media {
        width: 100%;
        padding-left: 0
      }
    }

    #tuition .hero.alt .hero__sub-heading {
      margin-bottom: 3rem
    }

    #tuition .hero.alt .ul {
      margin-bottom: 4rem
    }

    #tuition .hero__info {
      max-width: 62.2rem
    }

    @media only screen and (max-width: 56.25em) {
      #tuition .hero__info {
        max-width: 52rem
      }
    }

    @media only screen and (max-width: 46.875em) {
      #tuition .hero__info {
        max-width: unset
      }
    }

    #tuition .hero__sub-heading {
      max-width: 45rem
    }

    @media only screen and (max-width: 46.875em) {
      #tuition .hero__sub-heading {
        max-width: unset
      }
    }

    #tuition .hero__media {
      flex: 0 1 auto;
      padding-left: 12.5rem;
      position: relative;
      width: calc(100% - 62.2rem)
    }

    #tuition .hero__media__item {
      height: 58.5rem;
      width: auto
    }

    @keyframes slide {
      to {
        transform: translate(0)
      }
    }

    @keyframes fade {
      to {
        opacity: 1
      }
    }

    @media only screen and (max-width: 37.5em) {
      #tuition .hero__media__item {
        height: 80vw;
        object-fit: contain;
        object-position: left
      }
    }

    #tuition .hero__media__item.illustration {
      height: auto;
      margin-left: -37.5rem;
      margin-top: 5rem;
      max-width: 68.8rem
    }

    @media only screen and (max-width: 56.25em) {
      #tuition .hero__media__item.illustration {
        margin-left: 0;
        width: 92vw
      }
    }

    @media only screen and (max-width: 37.5em) {
      #tuition .hero__media__item.illustration {
        max-width: 100%;
        width: 100%
      }
    }

    #tuition .hero__words {
      display: inline;
      text-indent: 10px;
      margin-right: 265px
    }

    @media only screen and (max-width: 56.25em) {
      #tuition .hero__words {
        margin-right: 243px
      }
    }

    @media only screen and (max-width: 37.5em) {
      #tuition .hero__words {
        margin-right: 170px
      }
    }

    #tuition .hero__words span {
      position: absolute;
      opacity: 0;
      overflow: hidden;
      animation: rotateWord 9s linear infinite 0s
    }

    #tuition .hero__words span:nth-child(2) {
      animation-delay: 3s
    }

    #tuition .hero__words span:nth-child(3) {
      animation-delay: 6s
    }

    #tuition .section--businesses {
      padding-bottom: 6rem;
      padding-top: 6rem
    }

    @media only screen and (max-width: 46.875em) {
      #tuition .section--businesses {
        padding-bottom: 4rem;
        padding-top: 4rem
      }
    }

    @media only screen and (max-width: 37.5em) {
      #tuition .section--businesses {
        padding-bottom: 3rem;
        padding-top: 3rem
      }
    }

    #tuition .section--why {
      background: #f8fafd
    }

    #tuition .section--why .feature-grid {
      margin-top: 3.9rem
    }

    #tuition .section--why__cta {
      margin-top: 7rem
    }

    #tuition .section--process .steps {
      margin-top: 6.8rem
    }

    #tuition .section--faq {
      background: #f8fafd
    }

    #tuition .section--faq .h1 {
      text-align: center
    }

    #tuition .section--faq .faqs {
      margin-top: 9rem
    }

    #swap {
      overflow-x: hidden
    }

    #swap .hero {
      padding-bottom: 7.2rem;
      padding-top: 8.8rem
    }

    @media only screen and (max-width: 56.25em) {
      #swap .hero .hero__wrapper {
        flex-direction: column
      }
    }

    @media only screen and (max-width: 37.5em) {
      #swap .hero {
        padding-bottom: 8rem
      }
    }

    #swap .hero__sub-heading {
      margin-bottom: 3rem
    }

    #swap .hero .ul {
      margin-bottom: 4rem
    }

    #swap .hero__content {
      max-width: 446px
    }

    #swap .hero__info {
      max-width: 60.8rem
    }

    @media only screen and (max-width: 56.25em) {
      #swap .hero__info {
        max-width: 52rem
      }
    }

    @media only screen and (max-width: 46.875em) {
      #swap .hero__info {
        max-width: unset
      }
    }

    #swap .hero__media {
      flex: 0 1 auto;
      padding-left: 12.5rem;
      position: relative;
      width: calc(100% - 76.5rem)
    }

    @media only screen and (max-width: 56.25em) {
      #swap .hero__media {
        width: 100%;
        padding-left: 0
      }
    }

    #swap .hero__media__item.illustration {
      height: auto;
      margin-left: -43rem;
      margin-top: -6rem;
      width: 55vw
    }

    @media only screen and (max-width: 1200px) {
      #swap .hero__media__item.illustration {
        width: auto
      }
    }

    @media only screen and (max-width: 56.25em) {
      #swap .hero__media__item.illustration {
        margin-left: 0;
        margin-top: 5rem;
        width: 92vw
      }
    }

    @media only screen and (max-width: 37.5em) {
      #swap .hero__media__item.illustration {
        max-width: 100%;
        width: 100%
      }
    }

    #swap .hero__poweredby {
      font-size: 18px;
      line-height: 24px;
      margin-top: 6.7rem
    }

    #swap .section--businesses {
      padding-bottom: 16rem;
      padding-top: 6rem
    }

    @media only screen and (max-width: 46.875em) {
      #swap .section--businesses {
        padding-bottom: 8rem;
        padding-top: 4rem
      }
    }

    @media only screen and (max-width: 37.5em) {
      #swap .section--businesses {
        padding-bottom: 3rem;
        padding-top: 3rem
      }
    }

    #swap .section--why {
      background: #f8fafd;
      padding-bottom: 17.2rem
    }

    #swap .section--why .feature-grid {
      margin: 3.9rem -2rem 0
    }

    #swap .section--why .feature-grid__section {
      padding: 0 2rem
    }

    #swap .section--why__cta {
      margin-top: 7rem
    }

    #swap .section--process {
      padding-bottom: 7rem
    }

    #swap .section--process .steps {
      margin-top: 6.8rem
    }

    #swap .section--faq {
      background: #f8fafd
    }

    #swap .section--faq .h1 {
      text-align: center;
      margin-left: auto;
      margin-right: auto;
      max-width: 996px
    }

    #swap .section--faq .faqs {
      margin-top: 9rem
    }

    #swap .section--safety .container h2.h1+p {
      max-width: 619px;
      font-size: 16px;
      line-height: 25px
    }

    .vue-modal-top,
    .vue-modal-bottom,
    .vue-modal-left,
    .vue-modal-right,
    .vue-modal-topRight,
    .vue-modal-topLeft,
    .vue-modal-bottomLeft,
    .vue-modal-bottomRight {
      display: block;
      overflow: hidden;
      position: absolute;
      background: transparent;
      z-index: 9999999;
    }

    .vue-modal-topRight,
    .vue-modal-topLeft,
    .vue-modal-bottomLeft,
    .vue-modal-bottomRight {
      width: 12px;
      height: 12px;
    }

    .vue-modal-top {
      right: 12;
      top: 0;
      width: 100%;
      height: 12px;
      cursor: n-resize;
    }

    .vue-modal-bottom {
      left: 0;
      bottom: 0;
      width: 100%;
      height: 12px;
      cursor: s-resize;
    }

    .vue-modal-left {
      left: 0;
      top: 0;
      width: 12px;
      height: 100%;
      cursor: w-resize;
    }

    .vue-modal-right {
      right: 0;
      top: 0;
      width: 12px;
      height: 100%;
      cursor: e-resize;
    }

    .vue-modal-topRight {
      right: 0;
      top: 0;
      background: transparent;
      cursor: ne-resize;
    }

    .vue-modal-topLeft {
      left: 0;
      top: 0;
      cursor: nw-resize;
    }

    .vue-modal-bottomLeft {
      left: 0;
      bottom: 0;
      cursor: sw-resize;
    }

    .vue-modal-bottomRight {
      right: 0;
      bottom: 0;
      cursor: se-resize;
    }

    #vue-modal-triangle::after {
      display: block;
      position: absolute;
      content: '';
      background: transparent;
      left: 0;
      top: 0;
      width: 0;
      height: 0;
      border-bottom: 10px solid #ddd;
      border-left: 10px solid transparent;
    }

    #vue-modal-triangle.clicked::after {
      border-bottom: 10px solid #369be9;
    }


    .vm--block-scroll {
      overflow: hidden;
      width: 100vw;
    }

    .vm--container {
      position: fixed;
      box-sizing: border-box;
      left: 0;
      top: 0;
      width: 100%;
      height: 100vh;
      z-index: 999;
    }

    .vm--overlay {
      position: fixed;
      box-sizing: border-box;
      left: 0;
      top: 0;
      width: 100%;
      height: 100vh;
      background: rgba(0, 0, 0, 0.2);
      /* z-index: 999; */
      opacity: 1;
    }

    .vm--container.scrollable {
      height: 100%;
      min-height: 100vh;
      overflow-y: auto;
      -webkit-overflow-scrolling: touch;
    }

    .vm--modal {
      position: relative;
      overflow: hidden;
      box-sizing: border-box;

      background-color: white;
      border-radius: 3px;
      box-shadow: 0 20px 60px -2px rgba(27, 33, 58, 0.4);
    }

    .vm--container.scrollable .vm--modal {
      margin-bottom: 2px;
    }

    .vm--top-right-slot {
      display: block;
      position: absolute;
      right: 0;
      top: 0;
    }

    .vm-transition--overlay-enter-active,
    .vm-transition--overlay-leave-active {
      transition: all 50ms;
    }

    .vm-transition--overlay-enter,
    .vm-transition--overlay-leave-active {
      opacity: 0;
    }

    .vm-transition--modal-enter-active,
    .vm-transition--modal-leave-active {
      transition: all 400ms;
    }

    .vm-transition--modal-enter,
    .vm-transition--modal-leave-active {
      opacity: 0;
      transform: translateY(-20px);
    }

    .vm-transition--default-enter-active,
    .vm-transition--default-leave-active {
      transition: all 2ms;
    }

    .vm-transition--default-enter,
    .vm-transition--default-leave-active {
      opacity: 0;
    }


    .vue-dialog {
      font-size: 14px;
    }

    .vue-dialog div {
      box-sizing: border-box;
    }

    .vue-dialog-content {
      flex: 1 0 auto;
      width: 100%;
      padding: 14px;
    }

    .vue-dialog-content-title {
      font-weight: 600;
      padding-bottom: 14px;
    }

    .vue-dialog-buttons {
      display: flex;
      flex: 0 1 auto;
      width: 100%;
      border-top: 1px solid #eee;
    }

    .vue-dialog-buttons-none {
      width: 100%;
      padding-bottom: 14px;
    }

    .vue-dialog-button {
      font-size: inherit;
      background: transparent;
      padding: 0;
      margin: 0;
      border: 0;
      cursor: pointer;
      box-sizing: border-box;
      line-height: 40px;
      height: 40px;
      color: inherit;
      font: inherit;
      outline: none;
    }

    .vue-dialog-button:hover {
      background: #f9f9f9;
    }

    .vue-dialog-button:active {
      background: #f3f3f3;
    }

    .vue-dialog-button:not(:first-of-type) {
      border-left: 1px solid #eee;
    }



    .nuxt-progress {
      position: fixed;
      top: 0px;
      left: 0px;
      right: 0px;
      height: 2px;
      width: 0%;
      opacity: 1;
      transition: width 0.1s, opacity 0.4s;
      background-color: black;
      z-index: 999999;
    }

    .nuxt-progress.nuxt-progress-notransition {
      transition: none;
    }

    .nuxt-progress-failed {
      background-color: red;
    }

    html[data-v-077b72aa] {
      box-sizing: border-box
    }

    *[data-v-077b72aa],
    *[data-v-077b72aa]::after,
    *[data-v-077b72aa]::before {
      box-sizing: inherit
    }

    .image--inline[data-v-077b72aa] {
      display: inline-block
    }

    .image__inner[data-v-077b72aa] {
      width: 100%;
      height: 100%
    }

    .image__loader[data-v-077b72aa] {
      position: absolute;
      top: 0;
      left: 0;
      background-color: #f1f1f1;
      width: 100%;
      height: 100%
    }

    .image__loading[data-v-077b72aa] {
      border: 0;
      visibility: hidden
    }

    .image-wrapper[data-v-077b72aa] {
      position: relative;
      height: 100%
    }