:root {
  --font--body-copy: Proximanova, Arial, sans-serif;
  --colour-secondary--500: #121212;
  --font--headings: Proximanova, Arial, sans-serif;
  --colour-primary--500: #c7f269;
  --box-shadow--x: 0px;
  --box-shadow--y: 20px;
  --box-shadow--blur: 40px;
  --box-shadow--size: -10px;
  --box-shadow--colour: var(--tint-black--10);
  --tint-white--100: white;
  --colour-secondary--200: #d1d1d1;
  --colour-primary--400: #caee7b;
  --colour-primary--300: #dbf79f;
  --colour-primary--200: #cad6ae;
  --colour-primary--100: #e5efc8;
  --colour-secondary--400: #3a3a3a;
  --colour-secondary--300: #8a8a8a;
  --colour-secondary--100: #ededed;
  --flex-gap--s: .75em;
  --flex-gap--l: 1.25em;
  --flex-gap--xl: 1.5em;
  --flex-gap--xs: .25em;
  --flex-gap--m: 1em;
  --rounded-corners--s: .5em;
  --icon--xs: 1em;
  --icon--s: 1.5em;
  --icon--m: 2em;
  --icon--l: 3em;
  --icon--xl: 4em;
  --rounded-corners--xs: .25em;
  --rounded-corners--m: .75em;
  --rounded-corners--l: 1em;
  --rounded-corners--xl: 1.25em;
  --tint-white--0: #0000;
  --tint-black--100: #000;
  --tint-black--90: color-mix(in srgb, var(--tint-black--100) 90%, transparent);
  --tint-black--80: color-mix(in srgb, var(--tint-black--100) 80%, transparent);
  --tint-black--70: color-mix(in srgb, var(--tint-black--100) 70%, transparent);
  --tint-black--60: color-mix(in srgb, var(--tint-black--100) 60%, transparent);
  --tint-black--50: color-mix(in srgb, var(--tint-black--100) 50%, transparent);
  --tint-black--40: color-mix(in srgb, var(--tint-black--100) 40%, transparent);
  --tint-black--30: color-mix(in srgb, var(--tint-black--100) 30%, transparent);
  --tint-black--20: color-mix(in srgb, var(--tint-black--100) 20%, transparent);
  --tint-black--10: color-mix(in srgb, var(--tint-black--100) 10%, transparent);
  --tint-black--0: #0000;
  --rounded-corners--none: 0em;
  --font--caption: Proximanova, Arial, sans-serif;
  --tint-white--90: color-mix(in srgb, var(--tint-white--100) 90%, transparent);
  --tint-white--80: color-mix(in srgb, var(--tint-white--100) 80%, transparent);
  --tint-white--70: color-mix(in srgb, var(--tint-white--100) 70%, transparent);
  --tint-white--60: color-mix(in srgb, var(--tint-white--100) 60%, transparent);
  --tint-white--50: color-mix(in srgb, var(--tint-white--100) 50%, transparent);
  --tint-white--40: color-mix(in srgb, var(--tint-white--100) 40%, transparent);
  --tint-white--30: color-mix(in srgb, var(--tint-white--100) 30%, transparent);
  --tint-white--20: color-mix(in srgb, var(--tint-white--100) 20%, transparent);
  --tint-white--10: color-mix(in srgb, var(--tint-white--100) 10%, transparent);
}

body {
  font-family: var(--font--body-copy);
  color: var(--colour-secondary--500);
  overscroll-behavior: none;
  text-wrap: pretty;
  scroll-behavior: smooth;
  caret-color: var(--colour-primary--500);
  overscroll-behavior-y: none;
  scrollbar-width: none;
  accent-color: var(--colour-primary--500);
  outline: none;
  line-height: 1.8;
}

h1 {
  font-family: var(--font--headings);
  text-wrap: balance;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 4.3em;
  font-weight: 400;
  line-height: 1.1;
}

h2 {
  font-family: var(--font--headings);
  text-wrap: balance;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3em;
  font-weight: 400;
  line-height: 1.15;
}

h3 {
  font-family: var(--font--headings);
  text-wrap: balance;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2em;
  font-weight: 400;
  line-height: 1.25;
}

h4 {
  font-family: var(--font--headings);
  text-wrap: balance;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.6em;
  font-weight: 400;
  line-height: 1.4;
}

h5 {
  font-family: var(--font--headings);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.25em;
  font-weight: 700;
  line-height: 1.5;
}

h6 {
  font-family: var(--font--headings);
  margin-top: 0;
  margin-bottom: 0;
  font-size: .85em;
  font-weight: 700;
  line-height: 1.4;
}

p {
  font-family: var(--font--body-copy);
  margin-top: 0;
  margin-bottom: 0;
}

a {
  cursor: pointer;
  color: inherit;
  font-size: 1em;
  text-decoration: none;
}

ul, ol {
  margin-top: 0;
  margin-bottom: 1em;
  padding-left: 2em;
}

li {
  margin-left: .75em;
  list-style-type: disc;
}

img {
  object-fit: cover;
  max-width: 100%;
  display: block;
}

blockquote {
  border-left: 5px solid var(--colour-primary--500);
  margin-bottom: 0;
  padding: 0 1.25em;
  font-size: 1.4em;
  line-height: 1.5;
}

figure {
  margin-bottom: 10px;
}

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

.bottom-margin-0-5em {
  margin-bottom: .5em;
}

.bottom-margin-1em {
  margin-bottom: 1em;
}

.bottom-margin-1-5em {
  margin-bottom: 1.5em;
}

.bottom-margin-2-5em {
  margin-bottom: 2.5em;
}

.bottom-margin-5em {
  margin-bottom: 5em;
}

.container {
  z-index: 2;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 5em;
  padding-right: 5em;
  position: relative;
}

.container.small-container {
  max-width: 86em;
}

.align-centre {
  text-align: center;
  flex-direction: column;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.align-right {
  text-align: right;
  flex-direction: column;
  align-items: flex-end;
  margin-left: auto;
  display: flex;
}

.section {
  padding-top: 7.5em;
  padding-bottom: 7.5em;
  position: relative;
}

.section.top-padding-0em {
  padding-top: 0;
}

.section.bottom-padding-0em {
  padding-bottom: 0;
}

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

.section.icon-section {
  padding-top: 0;
  padding-bottom: 3em;
}

.section.platform-section {
  overflow: hidden;
}

.section.footer-section {
  padding-top: 5em;
  padding-bottom: 5em;
}

.section.top-padding-4em {
  padding-top: 4em;
}

.section.top-bottom-padding-4em {
  padding-top: 4em;
  padding-bottom: 4em;
}

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

.big-paragraph {
  font-size: 1.4em;
  line-height: 1.5;
}

.small-paragraph {
  margin-bottom: 0;
  font-size: .75em;
  line-height: 1.6;
  display: block;
}

.button-wrapper {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.page-wrapper {
  overflow: clip;
}

.text-link {
  transition: opacity .5s cubic-bezier(.165, .84, .44, 1);
  display: inline-block;
}

.text-link:hover {
  opacity: .5;
}

.text-link.disclaimer-text-link {
  color: var(--colour-primary--500);
  text-decoration: underline;
}

.image {
  aspect-ratio: 16 / 9;
  width: 100%;
  height: 100%;
  position: relative;
}

.white-text-colour {
  color: #fff;
}

.primary-500-text-colour {
  color: var(--colour-primary--500);
}

.primary-500-bg {
  background-color: var(--colour-primary--500);
}

.secondary-500-text-colour {
  color: var(--colour-secondary--500);
  display: flex;
}

.secondary-500-bg {
  background-color: var(--colour-secondary--500);
}

.secondary-400-bg {
  background-color: var(--colour-secondary--400);
}

.bg {
  z-index: -1;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.bg.dark-gradient {
  background-image: linear-gradient(270deg, #34393d, #18191d);
}

.bg.platform-bg {
  background-image: radial-gradient(circle farthest-side at 40% 100%, #001dd6, #a6dc4233 54%, var(--colour-secondary--500) 93%), linear-gradient(to bottom, var(--colour-secondary--500), var(--colour-secondary--500));
}

.bg.gradient-bg {
  background-image: linear-gradient(180deg, #39b54a, var(--colour-primary--500) 70%);
}

.flex {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  align-items: center;
  display: flex;
}

.flex.gap-s {
  grid-column-gap: var(--flex-gap--s);
  grid-row-gap: var(--flex-gap--s);
}

.flex.gap-l {
  grid-column-gap: var(--flex-gap--l);
  grid-row-gap: var(--flex-gap--l);
  grid-column-gap: var(--flex-gap--l);
  grid-row-gap: var(--flex-gap--l);
}

.flex.gap-xs {
  grid-column-gap: var(--flex-gap--xs);
  grid-row-gap: var(--flex-gap--xs);
}

.flex.gap-m {
  grid-column-gap: var(--flex-gap--m);
  grid-row-gap: var(--flex-gap--m);
}

.flex.gap-xl {
  grid-column-gap: var(--flex-gap--xl);
  grid-row-gap: var(--flex-gap--xl);
}

.flex.gap-none {
  grid-column-gap: 0em;
  grid-row-gap: 0em;
}

.max-width-35em {
  max-width: 35em;
}

.max-width-40em {
  max-width: 40em;
}

.grid {
  grid-column-gap: 2.5em;
  grid-row-gap: 2.5em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding: 0;
  display: grid;
}

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

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

.grid._12-col-grid {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}

.grid.benefits-grid {
  grid-column-gap: 4em;
  grid-row-gap: 4em;
  grid-template-columns: 1fr 1fr 1fr;
}

.grid.footer-grid {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

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

.right-padding-2-5em {
  padding-right: 2.5em;
}

.brand-logo {
  width: 15em;
  height: auto;
}

.navbar {
  z-index: 100;
  background-color: #0000;
  justify-content: center;
  align-items: flex-end;
  height: 6em;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
}

.navbar-content {
  z-index: 2;
  border-radius: var(--rounded-corners--s);
  background-color: var(--colour-secondary--500);
  justify-content: space-between;
  align-items: center;
  margin-top: 2.5em;
  padding: .75em .75em .75em 1.5em;
  display: flex;
  position: relative;
}

.nav-menu {
  grid-column-gap: 2.5em;
  grid-row-gap: 2.5em;
  align-items: center;
  display: flex;
}

.nav-menu-links {
  z-index: 10;
  grid-column-gap: .75em;
  grid-row-gap: .75em;
  display: flex;
  position: relative;
}

.icon-s {
  z-index: 1;
  width: var(--icon--s);
  height: var(--icon--s);
  object-fit: contain;
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.icon-s.accordion-icon {
  pointer-events: none;
  display: none;
}

.icon-m {
  z-index: 1;
  width: var(--icon--m);
  height: var(--icon--m);
  object-fit: contain;
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.icon-l {
  z-index: 1;
  width: var(--icon--l);
  height: var(--icon--l);
  object-fit: contain;
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.button {
  grid-column-gap: .5em;
  border: 2px solid var(--colour-primary--500);
  border-radius: var(--rounded-corners--xs);
  background-color: var(--colour-primary--500);
  color: var(--colour-secondary--500);
  text-transform: capitalize;
  flex-direction: row;
  flex: none;
  justify-content: center;
  align-items: center;
  min-width: 7.5em;
  height: 2.75em;
  margin-bottom: 0;
  padding: 0 1.5em;
  font-weight: 400;
  line-height: 1;
  text-decoration: none;
  transition: transform .3s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.button:where(.w-variant-2c8516c4-3e5a-0508-a2c0-204d24d3b2dc) {
  border-color: var(--colour-secondary--500);
  background-color: var(--colour-secondary--500);
  color: var(--colour-primary--500);
}

.button:where(.w-variant-2523345c-27a7-f207-0c87-2c3b224cf2dc) {
  border-color: var(--colour-primary--500);
  background-color: var(--colour-secondary--500);
  color: var(--colour-primary--500);
}

.button:hover {
  transform: scale(1.05);
}

.button.min-width-auto {
  min-width: auto;
}

.menu-button {
  justify-content: center;
  align-items: center;
  width: 4em;
  height: 4em;
  display: none;
}

.hero-section {
  padding-top: 15em;
  padding-bottom: 8em;
  position: relative;
}

.marquee {
  z-index: 1;
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
  overflow: visible;
}

.marquee-content {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  flex: none;
  justify-content: space-around;
  align-items: center;
  min-width: 100%;
  display: flex;
}

.collection-list-wrapper {
  flex: none;
}

.marquee-collection-list {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  width: 100%;
  display: flex;
}

.black-tint-100-bg {
  background-color: var(--tint-black--100);
}

.ratings-item {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  justify-content: center;
  align-items: center;
  transition: transform .5s cubic-bezier(.215, .61, .355, 1);
  display: flex;
}

.ratings-item:hover {
  transform: scale(1.05);
}

.rating-text {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.accounts-wrapper {
  display: flex;
}

.accounts-item {
  aspect-ratio: 1;
  color: var(--tint-white--100);
  border-radius: 50%;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-right: -2.5em;
  font-size: 1em;
  display: flex;
  position: relative;
  overflow: hidden;
}

.accounts-text {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
  left: -.25em;
}

.accounts-number {
  font-weight: 700;
}

.platform-item {
  background-color: var(--tint-white--100);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 6em;
  height: 6em;
  display: flex;
}

.platform-icon {
  z-index: 1;
  object-fit: contain;
  flex: none;
  justify-content: center;
  align-items: center;
  max-width: 4.5em;
  height: auto;
  max-height: 3em;
  display: flex;
  position: relative;
}

.laptop {
  width: 50%;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.usp-content-block {
  grid-column-gap: 2.5em;
  grid-row-gap: 2.5em;
  border-radius: var(--rounded-corners--s);
  background-color: var(--colour-primary--500);
  justify-content: center;
  align-items: center;
  padding: 1.5em 10em;
  display: flex;
}

.usp-divider {
  background-color: var(--colour-secondary--500);
  flex: none;
  width: 1px;
  height: 1.5em;
}

.usp-wrapper {
  text-align: center;
  flex-direction: column;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.footer-logo-wrapper {
  border-top: 1px solid var(--colour-primary--500);
  border-bottom: 1px solid var(--colour-primary--500);
  justify-content: space-between;
  align-items: center;
  padding-top: 2.5em;
  padding-bottom: 2.5em;
  display: flex;
}

.footer-logo-item {
  object-fit: contain;
  width: auto;
  max-width: 5.5em;
  max-height: 2.5em;
}

.collection-item {
  align-self: center;
}

.customer-notice-wrapper {
  border-bottom: 1px solid var(--colour-primary--500);
  justify-content: space-between;
  align-items: center;
  padding-bottom: 2.5em;
}

.footer-logo-collection-list {
  grid-column-gap: 2.5em;
  grid-row-gap: 2.5em;
  flex-flow: wrap;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.star-row {
  height: 1.25em;
}

.usp-collection-list {
  grid-column-gap: 3em;
  grid-row-gap: 3em;
  justify-content: center;
  align-items: center;
  display: flex;
}

.usp-item {
  grid-column-gap: .75em;
  grid-row-gap: .75em;
  text-align: center;
  border-radius: 50%;
  flex-flow: column;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 12em;
  display: flex;
}

.usp-circle {
  grid-column-gap: .75em;
  grid-row-gap: .75em;
  background-color: var(--colour-secondary--500);
  color: var(--tint-white--100);
  border-radius: 50%;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 12em;
  height: 12em;
  padding: 3.2em 1em 1em;
  display: flex;
}

.tabs-menu {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  justify-content: center;
  align-items: center;
  margin-bottom: 2.5em;
  display: flex;
}

.tab-link {
  border: 2px solid var(--colour-secondary--500);
  border-radius: var(--rounded-corners--xs);
  background-color: var(--tint-white--0);
  flex: none;
  padding: .5em 1.5em;
  transition: transform .5s cubic-bezier(.215, .61, .355, 1), background-color .5s cubic-bezier(.215, .61, .355, 1), color .5s cubic-bezier(.215, .61, .355, 1);
}

.tab-link:hover {
  transform: scale(1.05);
}

.tab-link.w--current {
  background-color: var(--colour-secondary--500);
  color: var(--tint-white--100);
}

.pricing-item {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  border-radius: var(--rounded-corners--m);
  background-color: var(--tint-black--70);
  color: var(--tint-white--100);
  justify-content: space-between;
  align-items: center;
  padding: .5em .5em .5em 2em;
  display: flex;
  overflow: hidden;
}

.tabs-content, .tab-pane {
  overflow: visible;
}

.refer-a-friend-wrapper {
  z-index: 1;
  width: 50%;
  display: flex;
  position: relative;
}

.refer-a-friend-text {
  z-index: 1;
  background-image: linear-gradient(90deg, #39b54a, var(--colour-primary--500) 69%);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  padding: 5em;
  display: flex;
  position: relative;
}

.refer-a-friend-angle {
  height: 100%;
  margin-left: -1px;
}

.refer-a-friend-image {
  object-fit: contain;
  width: 50%;
  height: 100%;
  position: absolute;
  inset: 0% 0% 0% auto;
}

@media screen and (max-width: 991px) {
  .hide-desktop {
    display: block;
  }

  .hide-tablet {
    display: none;
  }

  .container {
    padding-left: 2.5em;
    padding-right: 2.5em;
  }

  .container.t-padding-0em {
    padding-left: 0;
    padding-right: 0;
  }

  .section.platform-section {
    padding-bottom: 0;
  }

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

  .grid.footer-grid, .grid._5-col-grid {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .grid.benefits-grid {
    grid-column-gap: 1.5em;
    grid-row-gap: 1.5em;
    grid-template-columns: 1fr;
  }

  .grid.footer-grid {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .right-padding-75em, .right-padding-1-5em, .right-padding-1em, .right-padding-2em, .right-padding-2-5em, .right-padding-3em, .right-padding-4em, .right-padding-5em, .right-padding-6em {
    padding-right: 0;
  }

  .right-padding-7em {
    padding-right: 1em;
  }

  .right-padding-8em, .right-padding-9em, .right-padding-10em, .right-padding-12em, .right-padding-11em, .right-padding-13em {
    padding-right: 0;
  }

  .left-padding-75em, .left-padding-1em, .left-padding-1-5em, .left-padding-2em, .left-padding-2-5em, .left-padding-3em, .left-padding-4em, .left-padding-5em, .left-padding-6em, .left-padding-7em, .left-padding-8em, .left-padding-9em, .left-padding-10em, .left-padding-11em, .left-padding-12em, .left-padding-13em {
    padding-left: 0;
  }

  .navbar {
    background-color: var(--colour-secondary--500);
    height: auto;
  }

  .brand-link {
    position: relative;
  }

  .brand-link.header-brand {
    z-index: 100;
    z-index: 100;
  }

  .navbar-content {
    margin-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .nav-menu {
    z-index: 94;
    background-color: var(--colour-secondary--500);
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    height: auto;
    padding: 5em 2.5em 2.5em;
    display: none;
    position: fixed;
    inset: 0% 0% auto;
    overflow: auto;
  }

  .nav-menu-links {
    flex-flow: row;
    justify-content: flex-start;
    align-items: stretch;
    width: 100%;
  }

  .button:hover {
    transform: none;
  }

  .button._100-width {
    flex: 1;
  }

  .menu-button {
    z-index: 100;
    cursor: pointer;
    justify-content: flex-end;
    align-items: center;
    width: 2.75em;
    height: 2.75em;
    padding-top: .25em;
    padding-bottom: .25em;
    padding-left: 1em;
    display: flex;
    position: relative;
  }

  .menu-icon {
    flex: none;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
  }

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

  .mask {
    width: 50%;
  }

  .feature-item:where(.w-variant-6d29fed1-d863-1822-bc94-909865d0279d) {
    box-shadow: 4px 4px 0 0 var(--colour-primary--500);
    text-align: left;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    height: auto;
    transition: none;
  }

  .rating-wrapper {
    padding-left: 2.5em;
    padding-right: 2.5em;
  }

  .accounts-item._2, .accounts-item._3, .accounts-item._2, .accounts-item._3 {
    left: -2.5em;
  }

  .laptop {
    width: 100%;
    margin-bottom: -7.5em;
    position: relative;
  }

  .usp-collection-list {
    grid-column-gap: 1.5em;
    grid-row-gap: 1.5em;
    justify-content: flex-start;
    align-items: center;
    padding-left: 2.5em;
    padding-right: 2.5em;
    overflow: auto;
  }

  .refer-a-friend-wrapper {
    width: 60%;
  }

  .refer-a-friend-text {
    padding-left: 2.5em;
    padding-right: 0;
  }

  .refer-a-friend-image {
    z-index: 0;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 3em;
  }

  h2 {
    font-size: 2.4em;
  }

  h3 {
    font-size: 1.5em;
  }

  .hide-desktop {
    display: block;
  }

  .hide-desktop-tablet {
    flex: none;
    display: block;
  }

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

  .bottom-margin-1-5em {
    margin-bottom: 1em;
  }

  .bottom-margin-2-5em {
    margin-bottom: 2em;
  }

  .bottom-margin-5em {
    margin-bottom: 3.5em;
  }

  .container {
    padding-left: 1.5em;
    padding-right: 1.5em;
  }

  .section {
    padding-top: 5em;
    padding-bottom: 5em;
  }

  .section.top-padding-4em {
    padding-top: 3.5em;
  }

  .section.top-bottom-padding-4em {
    padding-top: 3.5em;
    padding-bottom: 3.5em;
  }

  .section.ml-bottom-padding-0em {
    padding-bottom: 0;
  }

  .big-paragraph:where(.w-variant-6d29fed1-d863-1822-bc94-909865d0279d), .small-paragraph {
    font-size: 1em;
  }

  .style-guide-item {
    margin-bottom: 60px;
    padding-bottom: 60px;
  }

  .grid {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
  }

  .grid._3-col-grid, .grid._4-col-grid, .grid._5-col-grid {
    grid-template-columns: 1fr 1fr;
  }

  .grid._3-col-grid, .grid._4-col-grid, .grid._5-col-grid {
    grid-template-columns: 1fr 1fr;
  }

  .grid._12-col-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .grid.footer-grid {
    grid-column-gap: .75em;
    grid-row-gap: .75em;
    grid-template-columns: 1fr 1fr;
  }

  .nav-menu {
    padding-bottom: 1.5em;
    padding-left: 1.5em;
    padding-right: 1.5em;
  }

  .icon-s.accordion-icon {
    display: flex;
  }

  .accordion {
    border-bottom: 1px solid var(--colour-primary--500);
  }

  .accordion-content {
    padding-bottom: .75em;
  }

  .mask {
    width: 75%;
  }

  .slide {
    margin-right: 1em;
  }

  .counter-wrapper {
    grid-column-gap: 0em;
    grid-row-gap: 0em;
    border-bottom: 1px solid var(--colour-secondary--200);
    border-left-style: none;
    padding-bottom: 1.5em;
    padding-left: 0;
  }

  .feature-item:where(.w-variant-6d29fed1-d863-1822-bc94-909865d0279d) {
    grid-column-gap: 1.5em;
    grid-row-gap: 1.5em;
    padding: 2em 1.5em;
  }

  .ratings-item {
    justify-content: center;
    align-items: center;
  }

  .rating-text {
    justify-content: flex-start;
    align-items: center;
  }

  .accounts-wrapper {
    flex-flow: column;
  }

  .accounts-item {
    margin-bottom: -2.5em;
    margin-right: 0;
    font-size: 2em;
  }

  .accounts-item._2, .accounts-item._3, .accounts-item._2, .accounts-item._3 {
    left: auto;
  }

  .accounts-text {
    left: -.15em;
  }

  .platform-item {
    width: 5em;
    height: 5em;
  }

  .usp-content-block {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    flex-flow: column;
    width: 100%;
    padding-left: 1.5em;
    padding-right: 1.5em;
  }

  .usp-divider {
    width: 1.5em;
    height: 1px;
  }

  .usp-wrapper {
    justify-content: flex-start;
    align-items: stretch;
  }

  .footer-header {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    flex-flow: column;
  }

  .footer-logo-wrapper {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    border-top-style: none;
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    padding-top: 0;
    padding-bottom: 2em;
  }

  .collection-list {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .customer-notice-wrapper {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    border-top-style: none;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    padding-top: 0;
    padding-bottom: 2em;
  }

  .footer-logo-collection-list {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    justify-content: center;
    align-items: flex-start;
  }

  .usp-collection-list {
    padding-left: 1.5em;
    padding-right: 1.5em;
  }

  .tabs-menu {
    justify-content: flex-start;
    align-items: center;
    padding-left: 1.5em;
    padding-right: 1.5em;
    overflow: auto;
    -webkit-mask-image: linear-gradient(to right, #0000 0%, #fff 0% 95%, #0000 100%);
    mask-image: linear-gradient(to right, #0000 0%, #fff 0% 95%, #0000 100%);
  }

  .refer-a-friend-wrapper {
    width: calc(100% - 1.5em);
  }

  .refer-a-friend-text {
    padding-top: 2.5em;
    padding-bottom: 2.5em;
    padding-left: 1.5em;
  }

  .refer-a-friend-image {
    width: 100%;
    position: relative;
  }
}

@media screen and (max-width: 479px) {
  .hide-desktop-tablet-mobile-landscape {
    display: block;
  }

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

  .icon-xs, .icon-s, .icon-m, .icon-l, .icon-xl {
    justify-content: center;
    align-items: center;
  }

  .mask {
    width: 90%;
  }

  .accounts-item {
    font-size: 1.5em;
  }

  .platform-icon {
    justify-content: center;
    align-items: center;
  }

  .laptop {
    margin-top: 2.5em;
    margin-bottom: -5em;
  }

  .h4-size:where(.w-variant-6d29fed1-d863-1822-bc94-909865d0279d) {
    font-size: 1.6em;
  }
}

#w-node-_9418ade0-abea-aab2-18e1-1fab04472fd4-04472fd1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_9418ade0-abea-aab2-18e1-1fab04472fdb-04472fd1 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

@media screen and (max-width: 991px) {
  #w-node-_9418ade0-abea-aab2-18e1-1fab04472fd4-04472fd1, #w-node-_9418ade0-abea-aab2-18e1-1fab04472fdb-04472fd1 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_55b99040-8591-abaf-bcd4-27457615f8bf-a2d450ee, #w-node-_92121a2b-e0ba-27e1-2e28-efcac9e380b5-a2d450ee, #w-node-_70c8e5d4-fb39-7ff9-9c9d-37680aaf1d51-0aaf1ce2 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_9418ade0-abea-aab2-18e1-1fab04472fd4-04472fd1, #w-node-_9418ade0-abea-aab2-18e1-1fab04472fdb-04472fd1 {
    grid-column: span 2 / span 2;
  }
}