@font-face {
  font-family: Acid Grotesk w;
  src: url('../fonts/AcidGrotesk-Regular.woff2') format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Acid Grotesk;
  src: url('../fonts/AcidGrotesk-Regular.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Acid Grotesk R vm;
  src: url('../fonts/AcidGrotesk-Regular-vm.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Acid Grotesk M vm;
  src: url('../fonts/AcidGrotesk-Medium-vm.otf') format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

:root {
  --total-black-brand: #141414;
  --total-blue-brand: #1421ff;
  --total-grey-bg: #e3e3e3;
  --total-blue-text: #1421ff;
  --total-white-text: white;
  --total-grey-text: #b1b1b1;
  --total-white-brand: white;
  --total-dark-grey-bg: #d8d8d8;
  --total-grey-accent: #d8d8d8;
  --total-blue-bg: #1421ff;
}

.w-layout-vflex {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.w-form-formrecaptcha {
  margin-bottom: 8px;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

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

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

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

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

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

body {
  color: #333;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

h1 {
  color: var(--total-black-brand);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Acid Grotesk R vm, sans-serif;
  font-size: 38px;
  font-weight: 400;
  line-height: 44px;
  transition-property: none;
}

h2 {
  color: var(--total-blue-brand);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Acid Grotesk R vm, sans-serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 36px;
}

h3 {
  color: var(--total-black-brand);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Acid Grotesk R vm, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 30px;
}

h4 {
  color: var(--total-black-brand);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Acid Grotesk, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

h5 {
  color: var(--total-black-brand);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Acid Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

h6 {
  color: var(--total-black-brand);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Acid Grotesk, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}

p {
  color: var(--total-black-brand);
  margin-bottom: 0;
  font-family: Acid Grotesk R vm, sans-serif;
  font-weight: 400;
}

a {
  cursor: pointer;
  text-decoration: underline;
}

ul, ol {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
}

li {
  margin-top: .7rem;
  margin-bottom: .7rem;
}

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

blockquote {
  border-left: 5px solid #e2e2e2;
  margin-bottom: 10px;
  padding: 10px 20px;
  font-size: 18px;
  line-height: 22px;
}

.style-guide-section {
  background-color: #f2f2f2;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  padding-bottom: 5rem;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  display: flex;
}

.style-guide-title {
  letter-spacing: -.055rem;
  width: 100%;
  max-width: 76.5vw;
  margin-top: 5.5rem;
  margin-bottom: 1rem;
  font-size: 2.5rem;
  line-height: 1;
  display: inline-block;
}

.style-guide-title.test-page {
  max-width: 100%;
}

.body {
  color: #000;
  background-color: #f4f4f5;
  font-family: Acid Grotesk R vm, sans-serif;
  font-size: .9375rem;
  font-weight: 400;
  line-height: 1.25rem;
  transition: background-color .25s;
}

.body.is-grey-blue {
  background-color: var(--total-grey-bg);
  color: var(--total-blue-text);
}

.style-guide-header {
  border-bottom: 1px solid #0000004d;
  width: 100%;
  max-width: 76.5vw;
  margin-top: 3rem;
  margin-bottom: 1.25rem;
}

.style-guide-header.test-page {
  max-width: 100%;
}

.style-guide-header-text {
  padding-bottom: .5rem;
  font-size: 1rem;
}

.style-guide-header-text.value {
  color: #00000080;
  transition: color .25s;
}

.style-guide-header-text.value:hover {
  color: #00000040;
}

.style-guide-type-glyphs-text {
  text-transform: capitalize;
  font-size: 1.75rem;
  line-height: 1;
  display: inline-block;
}

.style-guide-type-glyphs {
  grid-column-gap: 1.25rem;
  grid-row-gap: .625rem;
  background-color: #e6e6e6;
  border-radius: .5rem;
  flex-wrap: wrap;
  max-width: 76.5vw;
  padding: 1.5rem 1.875rem 5rem;
  display: flex;
  position: relative;
}

.style-guide-type-glyphs-alpha {
  text-transform: capitalize;
  margin-left: 0;
  font-size: 1.75rem;
  line-height: 1;
  display: inline-block;
}

.style-guide-nav {
  background-color: #fefeff;
  min-width: 18.5rem;
  max-width: 20vw;
  height: 100vh;
  padding-top: 5.5rem;
  padding-bottom: 5rem;
  position: sticky;
  top: 0;
}

.style-guide-wrapper {
  display: flex;
  position: relative;
}

.style-guide-type-grid {
  grid-column-gap: 0rem;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 28.25% 12.85% 16.25% 11.5% 16.35% 14.8%;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 76.5vw;
  margin-top: 1.5rem;
  margin-bottom: 1.25rem;
  padding-top: 2rem;
  display: grid;
  position: relative;
}

.style-guide-grid-item {
  border-bottom: 1px solid #0000004d;
  padding-bottom: 1.75rem;
}

.style-guide-grid-item.fixed-height {
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  height: 7.5rem;
  padding-bottom: .75rem;
  display: flex;
}

.style-guide-grid-item.less-padding {
  padding-bottom: 1.15rem;
}

.style-guide-grid-item.sticky {
  background-color: #f2f2f2;
  padding-top: 1.75rem;
  position: sticky;
  top: 0;
}

.title1 {
  letter-spacing: -.055rem;
  font-size: 5.5rem;
  line-height: 5.5rem;
  transition-property: none;
  position: relative;
}

.title1.total-blue-text {
  color: var(--total-blue-text);
}

.title1.total-blue-text.menu {
  font-size: 4.5rem;
  line-height: 1.1;
}

.title1.total-blue-text.menu.line-height {
  line-height: 1.3;
}

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

.title1.total-grey-text {
  color: var(--total-grey-text);
}

.title1.situation-section-text {
  padding-bottom: 1.25rem;
  transition: margin .25s cubic-bezier(.215, .61, .355, 1), color .25s;
}

.style-guide-value-wrapper {
  grid-column-gap: 1.25rem;
  display: flex;
}

.title2 {
  letter-spacing: -.035rem;
  font-size: 3.5rem;
  line-height: 4rem;
  transition: all .25s;
  position: relative;
}

.title2.total-blue-text {
  color: var(--total-blue-text);
}

.title2.total-blue-text.left {
  text-align: left;
}

.title2.total-blue-text.test-vm {
  font-family: Acid Grotesk R vm, sans-serif;
  font-weight: 400;
  line-height: 3.5rem;
}

.title2.total-white-text {
  color: var(--total-white-text);
  font-size: 30px;
}

.title2.total-white-text.title3 {
  font-size: 50px;
  line-height: 3rem;
}

.title2.total-white-text.title1 {
  letter-spacing: 5px;
  height: auto;
  font-size: 20px;
  line-height: 1.2rem;
}

.title2.total-grey-text {
  color: var(--total-grey-text);
}

.title2.time-text {
  text-align: center;
  align-self: center;
  width: 5.5vw;
}

.title2.time-text2 {
  text-align: center;
  align-self: center;
}

.title2.faq-heading {
  width: 85%;
  padding-bottom: 1.15rem;
}

.title2.faq-heading.total-blue-text {
  width: 95%;
  font-size: 3rem;
}

.title3 {
  letter-spacing: .045rem;
  font-size: 2.25rem;
  line-height: 2.75rem;
  transition: all .25s;
  position: relative;
}

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

.title3.total-blue-text {
  color: var(--total-blue-text);
  flex: 0 auto;
  align-self: flex-start;
  margin-top: 0;
  position: static;
  top: 100px;
}

.title3.total-blue-text.test-vm {
  font-family: Acid Grotesk R vm, sans-serif;
  font-weight: 400;
}

.title3.total-blue-text.scroll-test-heading {
  z-index: 5;
  opacity: 0;
  transition: none;
  position: fixed;
  top: 15vh;
  left: 2rem;
}

.title3.total-blue-text.position-sticky {
  position: sticky;
}

.title3.total-blue-text.buttom-border {
  border-bottom: 1px solid var(--total-blue-brand);
  padding-bottom: 2rem;
}

.title3.total-blue-text.centred {
  align-self: center;
}

.title3.total-grey-text {
  color: var(--total-grey-text);
}

.title3.article-heading-border {
  border-top: 2px solid var(--total-blue-brand);
  margin-bottom: 1.25rem;
}

.title3.team-list-header-text {
  perspective: none;
  perspective-origin: 0 0;
  transform-origin: 0%;
  top: 1.25rem;
  left: 1.5rem;
  transform: rotate(180deg);
}

.title3.team-list-header-text.total-blue-text {
  text-align: right;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  position: relative;
  top: 1.5rem;
}

.title3.team-list-header-text.total-blue-text.panel-heading {
  align-self: flex-start;
  top: 1.5rem;
  left: 1.5rem;
}

.title3.is-mb1 {
  margin-bottom: 1em;
}

.body1 {
  letter-spacing: .0475rem;
  font-size: 1.1875rem;
  line-height: 1.625rem;
  transition: none;
  position: relative;
}

.body1.total-blue-text.option-text {
  margin-bottom: 0;
  transition: all .1s;
}

.body1.total-blue-text.no-styling {
  background-color: #0000;
  border: 1px #000;
  margin-bottom: 0;
  padding: 0;
}

.body1.total-blue-text.no-styling:focus {
  background-color: #0000;
  border-style: none;
}

.body1.total-grey-text {
  color: var(--total-grey-text);
}

.body1.total-grey-text.filter-dropdown-text {
  font-weight: 400;
  display: inline-block;
}

.body1.total-white-text {
  color: var(--total-white-text);
  letter-spacing: 0;
  margin-top: 1rem;
  margin-bottom: 1rem;
  font-size: 16px;
}

.body1.form-text-input {
  border-right: 1px #000;
  border-bottom: 1px solid var(--total-white-brand);
  border-left: 1px #000;
  height: auto;
  margin-bottom: 0;
  padding: .5rem 0 .75rem;
}

.body1.form-text-input.total-blue-bg.total-white-text {
  border-top: 1px #000;
  border-radius: 0;
}

.body1.form-text-input.total-blue-bg.total-white-text::placeholder {
  color: var(--total-white-text);
}

.body1.form-text-input2 {
  border-right: 1px #000;
  border-bottom: 1px solid var(--total-white-brand);
  border-left: 1px #000;
  height: auto;
  margin-bottom: 0;
  padding: .5rem 0 .75rem;
}

.body1.form-text-input2.total-grey-bg.total-blue-text {
  border-top: 1px #000;
  border-bottom-width: 1.5px;
  border-bottom-color: var(--total-blue-brand);
}

.body1.form-text-input2.total-grey-bg.total-blue-text::placeholder {
  color: var(--total-blue-text);
}

.body1.form-text-input2.total-grey-bg.total-blue-text.get-started {
  border: 1.5px solid var(--total-blue-brand);
  background-color: var(--total-dark-grey-bg);
  border-radius: 50vw;
  padding: 1rem 2rem 1.25rem;
}

.body1.field-selection {
  border: 0 solid #000;
  width: 20rem;
  height: auto;
  margin-bottom: 0;
  padding: .5rem 0 .75rem;
}

.body1.form-text-area {
  border-right: 1px #000;
  border-bottom: 1px solid var(--total-white-brand);
  border-left: 1px #000;
  height: auto;
  min-height: 10rem;
  margin-bottom: 0;
  padding: .5rem 0 .75rem;
}

.body1.form-text-area.total-grey-bg.total-blue-text {
  border-top: 1px #000;
  border-bottom-width: 1.5px;
  border-bottom-color: var(--total-blue-brand);
}

.body1.form-text-area.total-grey-bg.total-blue-text::placeholder {
  color: var(--total-blue-text);
}

.body1.form-text-area.total-grey-bg.total-blue-text.get-started {
  border-color: var(--total-blue-brand);
  background-color: var(--total-dark-grey-bg);
  border-top-style: solid;
  border-top-width: 1.5px;
  border-left-style: solid;
  border-left-width: 1.5px;
  border-right-style: solid;
  border-right-width: 1.5px;
  border-radius: 2vw;
  min-height: 15.5rem;
  padding: 1rem 2rem 1.25rem;
}

.body1.filter-dropdown-text {
  background-color: #0000;
  border: 1px #000;
  width: 100%;
  height: auto;
  margin-bottom: 0;
  padding: 0;
  font-weight: 400;
  display: inline-block;
}

.body1.test-vm {
  font-family: Acid Grotesk R vm, sans-serif;
  font-weight: 400;
}

.body1.is-mb2 {
  margin-bottom: 2em;
}

.body1.total-blue-text {
  color: #1421ff;
  padding-top: 0;
  padding-bottom: 0;
  font-weight: 400;
}

.body1.total-blue-text::placeholder {
  color: #1421ff;
}

.body2 {
  letter-spacing: .0375rem;
  font-size: .9375rem;
  line-height: 1.25rem;
  position: relative;
}

.body2.total-blue-text.desktop-hide {
  display: block;
}

.body2.total-blue-text.faq-dropdown-text p {
  color: var(--total-blue-text);
}

.body2.total-blue-text.faq-dropdown-text ul {
  margin-top: 1rem;
  margin-bottom: 2rem;
  padding-left: 1rem;
}

.body2.total-grey-text {
  color: var(--total-grey-text);
}

.body2.total-grey-text.msf-heading {
  margin-top: 2rem;
  margin-left: 2.5rem;
  position: absolute;
  inset: 0% auto auto 0%;
}

.body2.total-white-text {
  color: var(--total-white-text);
  align-self: flex-start;
}

.body2.date {
  transition: padding .25s;
}

.body2.form-text-input {
  border-style: none none solid;
  border-width: 1px 0 1.5px;
  border-color: black black var(--total-blue-brand);
  height: auto;
  margin-bottom: 0;
  padding: .5rem 0 .75rem;
}

.body2.form-text-input.transparent {
  background-color: #0000;
}

.body2.form-text-input.transparent.total-blue-text {
  border-radius: 0;
}

.body2.form-text-input.transparent.total-blue-text::placeholder {
  color: var(--total-blue-text);
}

.body2.form-text-input.transparent.total-blue-text.generated-link {
  border: 1.5px solid var(--total-dark-grey-bg);
  color: var(--total-grey-text);
  text-align: center;
  border-radius: .3125rem;
}

.body2.form-text-input.transparent._404 {
  border-bottom-color: var(--total-white-brand);
  width: 25vw;
  color: var(--total-white-text);
  margin-bottom: 2.5rem;
}

.body2.form-text-input.transparent._404::placeholder {
  color: var(--total-white-brand);
}

.body2.error-text {
  color: #ce0000;
  padding-left: 2rem;
}

.body2.progress-text {
  color: var(--total-blue-text);
}

.body2.test-in {
  justify-content: center;
  align-self: center;
  align-items: center;
  height: 1.5rem;
  display: flex;
}

.body2.test-vm {
  font-family: Acid Grotesk R vm, sans-serif;
  font-weight: 400;
}

.body2.form-text-area {
  height: auto;
  min-height: 10rem;
  margin-bottom: 0;
  padding: .5rem 0 .75rem;
}

.body2.form-text-area.total-grey-bg.total-blue-text {
  border-style: none none solid;
  border-width: 1px 1px 1.5px;
  border-color: black black var(--total-blue-brand);
}

.body2.form-text-area.total-grey-bg.total-blue-text::placeholder {
  color: var(--total-blue-text);
}

.body2.total-blue-text {
  color: #1421ff;
  align-self: flex-start;
}

.body2.total-blue-text.faq-dropdown-text {
  width: 100%;
  padding: 1rem 5% 3rem 50%;
  font-size: 1rem;
}

.body3 {
  letter-spacing: .045rem;
  text-transform: uppercase;
  font-size: .75rem;
  line-height: 1rem;
  transition: all .25s;
  position: relative;
}

.body3.total-blue-text {
  color: var(--total-blue-text);
}

.body3.total-blue-text.scroll-down-text {
  display: none;
}

.body3.total-grey-text {
  color: var(--total-grey-text);
}

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

.body3.review-source {
  flex: none;
}

.display1 {
  letter-spacing: -.525rem;
  margin-left: -1.2rem;
  font-size: 17.5rem;
  line-height: 16.25rem;
  transition: all .25s;
  display: inline-block;
  position: relative;
}

.display1.total-white-text {
  font-size: 12rem;
}

.display2 {
  letter-spacing: -.3375rem;
  font-size: 11.25rem;
  line-height: 10rem;
  transition: all .25s;
  position: relative;
}

.style-guide-nav-item {
  cursor: pointer;
  background-color: #fefeff;
  padding: 1rem 2.5rem 1.05rem;
  transition: background-color .25s;
}

.style-guide-nav-item:hover {
  background-color: #efeff1;
}

.style-guide-nav-item.active {
  background-color: #e6e6e7;
}

.style-guide-color-swatch-group {
  flex-direction: column;
  display: flex;
}

.style-guide-color-swatch {
  background-color: #ececec;
  border-radius: .5rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 11.5rem;
  height: 11.5rem;
  margin-bottom: .9375rem;
  display: flex;
}

.color-swatch {
  background-color: #f4f4f5;
  border-radius: 50vw;
  width: 6.5rem;
  height: 6.5rem;
}

.color-swatch.total-black-brand {
  background-color: var(--total-black-brand);
}

.color-swatch.total-blue-brand {
  background-color: var(--total-blue-brand);
}

.color-swatch.total-white-brand {
  background-color: var(--total-white-brand);
}

.color-swatch.total-grey-bg {
  background-color: var(--total-grey-bg);
}

.color-swatch.total-dark-grey-bg {
  background-color: var(--total-dark-grey-bg);
}

.color-swatch.total-blue-text {
  background-color: var(--total-blue-text);
}

.color-swatch.total-white-text {
  background-color: var(--total-white-text);
}

.color-swatch.total-grey-text {
  background-color: var(--total-grey-text);
}

.color-swatch.total-grey-accent {
  background-color: var(--total-grey-accent);
}

.color-swatch.total-translucent-accent {
  -webkit-backdrop-filter: blur(.5rem);
  backdrop-filter: blur(.5rem);
  background-color: #ffffff26;
}

.color-swatch.total-blue-bg {
  background-color: var(--total-blue-bg);
}

.style-guide-color-group {
  grid-column-gap: 1.25rem;
  display: flex;
}

.style-guide-glyph-header {
  color: #0000004d;
  font-size: .85rem;
  position: absolute;
  inset: auto 1.875rem 1.5rem auto;
}

.header-video {
  filter: brightness(95%);
  object-fit: cover;
  background-image: url('../images/header-video-poster_1header-video-poster.webp');
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 75rem;
  padding-bottom: 0;
  padding-right: 0;
  display: flex;
}

.header-section {
  z-index: 1;
  width: 100%;
  position: relative;
}

.nav-bar {
  z-index: 50;
  justify-content: space-between;
  align-items: center;
  width: 100vw;
  padding: 2rem 2.5rem 1.75rem 2rem;
  transition: none;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
}

.nav-logo-blue {
  z-index: 40;
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
}

.nav-logo-wrapper {
  width: 6.25rem;
  height: 1.55rem;
  position: relative;
}

.nav-logo-img {
  object-fit: contain;
  object-position: 0% 50%;
  width: 100%;
  height: 100%;
}

.nav-bar-content {
  justify-content: space-between;
  align-items: center;
  width: 50%;
  padding-left: .9375rem;
  display: flex;
}

.text-color-usage-wrapper {
  grid-column-gap: 1.5rem;
  flex-wrap: wrap;
  margin-bottom: 1rem;
  display: flex;
}

.nav-logo-white {
  z-index: 45;
  width: 100%;
  height: 100%;
  transition: none;
  position: absolute;
  overflow: hidden;
}

.scroll-down-track {
  background-color: #fff3;
  border-radius: 50vw;
  width: 2px;
  height: 6.25rem;
  position: absolute;
  inset: auto 0% 0 50%;
  overflow: hidden;
  transform: translate(-50%);
}

.scroll-down-track.blue {
  background-color: #1421ff33;
  width: 2.5px;
}

.scroll-down-track.blue.v2 {
  height: 5.75rem;
}

.scroll-down-thumb {
  width: 100%;
  height: 30%;
}

.about-section {
  justify-content: flex-end;
  padding: 17.5rem 2rem 6.25rem;
  display: flex;
}

.about-section.total-grey-bg {
  z-index: 1;
  position: relative;
}

.about-section.type2 {
  padding-top: 7.5rem;
  padding-bottom: 5.625rem;
}

.padding-header-text {
  margin-right: .2rem;
}

.footer {
  align-items: stretch;
  width: 100vw;
  display: flex;
  position: relative;
}

.footer-video {
  filter: brightness(95%);
  object-fit: cover;
  background-image: url('../images/header-video-poster_1header-video-poster.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  min-height: 100vh;
  padding-bottom: 0;
  padding-right: 0;
  display: flex;
}

.nav-menu {
  z-index: 50;
  width: 100vw;
  height: 0;
  position: absolute;
  inset: 0% 0% auto;
  overflow: hidden;
}

.nav-video {
  filter: brightness() grayscale() invert();
  object-fit: cover;
  background-image: url('../images/header-video-poster_1header-video-poster.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  min-height: 75rem;
  padding-bottom: 0;
  padding-right: 0;
  display: flex;
}

.link-anim {
  flex-direction: column;
  align-self: flex-start;
  align-items: flex-start;
  font-family: Acid Grotesk, sans-serif;
  font-weight: 400;
  overflow: hidden;
}

.link-anim.menu-close {
  z-index: 50;
  margin-top: 2rem;
  margin-right: 2.5rem;
  position: absolute;
  inset: 0% 0% auto auto;
}

.link-anim.filter {
  margin-bottom: 0;
  display: inline-block;
}

.link-anim.desktop-hide, .link-anim.desktop-tab-hide {
  display: none;
}

.link-line-anim {
  background-color: var(--total-black-brand);
  width: 0%;
  height: 1.25px;
  margin-top: .1rem;
  transition: width .3s cubic-bezier(.645, .045, .355, 1);
}

.link-line-anim.total-white-brand {
  transition: none;
}

.link-line-anim.total-blue-brand.t1 {
  height: 3px;
  margin-top: .5rem;
}

.nav-menu-content {
  justify-content: space-between;
  display: flex;
  position: relative;
  inset: 9rem 0% auto;
}

.nav-menu-item-list {
  grid-row-gap: 0rem;
  flex-direction: column;
  width: 50%;
  margin-top: -1.15rem;
  padding-left: .75rem;
  display: flex;
}

.nav-menu-contact-wrapper {
  grid-row-gap: 1.625rem;
  flex-direction: column;
  padding-left: 2rem;
  display: flex;
}

.contact-link-wrapper {
  grid-column-gap: 1rem;
  display: flex;
}

.contact-link-group, .social-link-wrapper {
  flex-direction: column;
  display: flex;
}

.nav-open {
  background-color: var(--total-dark-grey-bg);
  display: inline-block;
}

.animation-div-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: .75rem;
  flex-wrap: wrap;
  display: flex;
}

.nav-close {
  background-color: var(--total-dark-grey-bg);
}

.about-content-wrapper {
  width: 50%;
  padding-left: .9375rem;
  padding-right: 1rem;
}

.get-started-section {
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  margin-top: 7.5rem;
  margin-bottom: 7.5rem;
  display: flex;
}

.get-started-section.total-grey-bg {
  z-index: 1;
  grid-row-gap: 2.5rem;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 0;
  margin-bottom: 0;
  padding: 4rem 2rem 8rem;
  display: flex;
  position: relative;
}

.get-started-list {
  border-top: 1.5px solid var(--total-blue-brand);
  width: 100%;
  margin-top: 0;
}

.get-started-item {
  border-bottom: 1.5px solid var(--total-blue-brand);
  justify-content: space-between;
  align-items: center;
  padding-top: .5rem;
  padding-bottom: 1.5rem;
  transition: padding .25s cubic-bezier(.215, .61, .355, 1), background-color .25s;
  display: flex;
}

.get-started-item:hover {
  background-color: #d8d8d8;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.get-started-item.test {
  padding-top: .8rem;
}

.get-started-arrow {
  background-image: url('../images/right-arrow-blue.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  align-self: flex-end;
  width: 2.7rem;
  height: 2.7rem;
}

.all-elements-body {
  color: #000;
  background-color: #f4f4f5;
  padding-left: 2rem;
  padding-right: 2rem;
  font-family: Acid Grotesk, sans-serif;
  font-size: .9375rem;
  line-height: 1.25rem;
}

.cta-section {
  padding: 9.375rem 2rem 5.625rem;
}

.cta-section.total-grey-bg {
  z-index: 1;
  position: relative;
}

.section-content-header {
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.section-content-header.review {
  margin-left: 2rem;
  margin-right: 2rem;
}

.cta-section-header-content {
  width: 40.5%;
}

.cta-section-header-content.slider-buttons {
  grid-column-gap: 1rem;
  justify-content: flex-end;
  display: flex;
}

.cta-section-content {
  margin-top: 2.5rem;
  display: flex;
  position: relative;
}

.cta-section-content.is-mt0 {
  margin-top: 0;
}

.cta-section-content.is-mt0.is-flip {
  flex-direction: row-reverse;
}

.cta-section-image {
  object-fit: cover;
  width: 55%;
  height: 43.75rem;
}

.cta-section-cta-wrapper {
  z-index: 10;
  background-color: var(--total-white-brand);
  border-top-left-radius: 3.75rem;
  width: 50%;
  height: 100%;
  position: absolute;
  inset: auto 0% 0% auto;
}

.cta-section-cta-wrapper.total-blue-bg {
  grid-row-gap: 1.5rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.cta-section-cta-wrapper.type2 {
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  padding-left: 6rem;
  padding-right: 6rem;
  display: flex;
}

.cta {
  grid-column-gap: 1.5rem;
  border: 1.25px solid var(--total-white-brand);
  background-color: var(--total-blue-bg);
  min-width: 15.5rem;
  max-width: 100%;
  color: var(--total-white-text);
  cursor: pointer;
  border-radius: 50vw;
  justify-content: center;
  align-items: flex-end;
  padding: .8rem 2.5rem 1.1rem 3.125rem;
  text-decoration: none;
  transition: border-color .25s, color .25s, background-color .25s;
  display: flex;
}

.cta:hover {
  border-color: var(--total-blue-brand);
  color: var(--total-blue-brand);
  background-color: #0000;
}

.cta.situation {
  border-style: solid;
  border-color: #0000;
  align-items: center;
  padding-right: 3.125rem;
}

.cta.situation:hover {
  border-color: var(--total-blue-brand);
}

.cta.no-border {
  border-style: solid;
  border-color: #0000;
  align-items: center;
  padding-left: 2.5rem;
}

.cta.no-border:hover {
  border-color: var(--total-blue-brand);
}

.cta.full-width {
  grid-column-gap: 1rem;
  border-style: solid;
  border-color: #0000;
  width: 100%;
  max-width: 100%;
  margin-top: 2rem;
  padding-right: 3.125rem;
  transition: border-color .25s, color .25s, background-color .25s, filter .25s, opacity .25s;
}

.cta.full-width:hover {
  border-color: var(--total-blue-brand);
}

.cta.full-width.border {
  border-style: solid;
  border-color: var(--total-white-brand);
  transition: border-color .25s, color .25s, background-color .25s, filter .25s, opacity .25s;
}

.cta.full-width.border:hover {
  background-color: var(--total-white-brand);
}

.cta.full-width.border.offer-text {
  justify-content: center;
  align-self: flex-start;
  width: 100%;
  max-width: 1080px;
  min-height: 3rem;
}

.cta.full-width.border.offer-text.light {
  background-color: var(--total-white-brand);
  width: 100%;
  color: var(--total-blue-brand);
}

.cta.full-width.offer-cta {
  background-color: var(--total-blue-bg);
  transition: border-color .25s, color .25s, background-color .25s, filter .25s, opacity .25s;
}

.cta.full-width.suppress {
  opacity: .1;
  filter: grayscale();
  cursor: not-allowed;
}

.cta.full-width.suppress:hover {
  background-color: var(--total-blue-bg);
  color: var(--total-white-text);
}

.cta.full-width.success {
  width: auto;
}

.cta.latest-insights {
  border-style: solid;
  border-color: #0000;
  align-items: center;
  width: 16.5625rem;
  max-width: 16.5625rem;
  padding-left: 2.5rem;
}

.cta.latest-insights:hover {
  border-color: var(--total-blue-brand);
}

.cta.explainer {
  z-index: 2;
  border-color: #0000;
  min-width: 18.5rem;
  max-width: 100%;
  padding-right: 3.125rem;
  position: relative;
}

.cta.explainer:hover {
  border-style: solid;
  border-color: var(--total-blue-brand);
}

.cta.explainer.mobile {
  max-width: 0%;
}

.cta.white-hover {
  align-items: center;
}

.cta.white-hover:hover {
  border-color: var(--total-white-brand);
  background-color: var(--total-white-brand);
}

.cta._404 {
  background-color: #0000;
  padding-left: 0;
  padding-right: 0;
}

.cta._404:hover {
  border-color: var(--total-white-brand);
  background-color: var(--total-white-brand);
}

.cta.test {
  border-color: #0000;
  min-width: auto;
  max-width: 15.5rem;
  padding-bottom: 1.1rem;
  padding-left: 2.5rem;
}

.cta.test:hover {
  border-color: var(--total-blue-brand);
  color: var(--total-blue-text);
}

.cta.is-white {
  background-color: var(--total-white-brand);
  color: var(--total-blue-text);
}

.cta.is-white:hover {
  border-color: var(--total-white-brand);
  background-color: var(--total-blue-bg);
  color: var(--total-white-brand);
}

.cta-arrow {
  align-self: flex-end;
  width: 1.5rem;
  height: 1.35rem;
}

.cta-arrow.type2 {
  flex-wrap: wrap;
  align-self: flex-start;
  width: 1rem;
  height: 1rem;
  display: flex;
}

.footer-content {
  z-index: 5;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  min-height: 100vh;
  padding: 4.5rem 2rem 2.5rem;
  display: flex;
  position: relative;
}

.footer-top-content {
  justify-content: space-around;
  align-self: stretch;
  display: flex;
}

.footer-menu {
  grid-row-gap: .25rem;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.footer-menu-list {
  grid-row-gap: .25rem;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.footer-menu-contact-wrapper {
  grid-row-gap: 4.375rem;
  flex-direction: column;
  flex: none;
  padding-left: 2rem;
  display: flex;
}

.location-link-wrapper {
  flex-direction: column;
  display: flex;
}

.footer-link-wrapper {
  grid-row-gap: 1rem;
  flex-direction: column;
  align-self: flex-start;
  align-items: flex-start;
  display: flex;
}

.footer-bottom-content {
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.footer-credit-wrapper {
  grid-column-gap: .5rem;
  width: 20%;
  display: flex;
}

.footer-privacy-wrapper {
  grid-column-gap: .5rem;
  flex-direction: column;
  display: flex;
}

.mobile-white-nav-icon-wrapper.mobile-show, .mobile-blue-nav-icon-wrapper.mobile-show {
  display: none;
}

.situation-section {
  padding: 9.375rem 2rem 7.5rem;
}

.situation-section.total-grey-bg {
  z-index: 1;
  position: relative;
}

.situation-section-content {
  justify-content: space-between;
  margin-top: 2.5rem;
  display: flex;
}

.situation-section-content.desktop-hide {
  display: none;
}

.situation-type-wrapper {
  width: 100%;
}

.situation-type-persona {
  cursor: pointer;
  flex-direction: column;
  align-items: flex-start;
  transition: background-color .25s, opacity .25s;
  display: flex;
}

.situation-line-anim {
  background-color: var(--total-black-brand);
  width: 100%;
  height: 1.25px;
  transition: background-color .25s, width .3s cubic-bezier(.645, .045, .355, 1);
}

.situation-content-type-wrapper {
  width: 56.875rem;
}

.situation-type-content-wrapper {
  width: 19.5rem;
}

.situation-type-content-list {
  grid-row-gap: 4rem;
  flex-direction: column;
  display: flex;
}

.situation-type-content-item {
  grid-row-gap: 2.5rem;
  flex-direction: column;
  display: flex;
}

.calculator-section {
  justify-content: space-between;
  padding: 11.25rem 2rem;
  display: flex;
}

.calculator-section.total-dark-grey-bg {
  z-index: 1;
  position: relative;
}

.calculator-section-content {
  grid-row-gap: 1.5rem;
  flex-direction: column;
  width: 18.5rem;
  display: flex;
}

.calculator-section-inner-content {
  grid-row-gap: 2.5rem;
  flex-direction: column;
  width: 18.5rem;
  display: flex;
}

.calculator-placeholder {
  background-color: #0000;
  border-radius: .625rem .625rem 0 0;
  width: 60vw;
  height: auto;
  overflow: auto;
}

.calculators-section {
  padding: 18.25rem 2rem 5.625rem;
}

.calculators-section.calculator-embed {
  padding-top: 5.625rem;
}

.calculators-section-header {
  width: 49.625rem;
}

.calculators-section-list-wrapper {
  margin-top: 6.75rem;
}

.calculators-section-list {
  grid-column-gap: 2rem;
  grid-row-gap: 6.25rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.calculators-section-list-item {
  grid-row-gap: 1rem;
  flex-direction: column;
  display: flex;
}

.calculators-item-anim-wrapper {
  border-radius: .625rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 25rem;
  display: flex;
}

.calculators-item-anim-wrapper.total-grey-accent {
  flex: none;
  width: 100%;
  height: 25rem;
  transition: background-color .25s;
}

.calculators-item-anim-wrapper.total-grey-accent:hover {
  background-color: #bfbfbf;
}

.calculators-list-item-anim {
  object-fit: contain;
  align-self: center;
  width: 100%;
  height: 100%;
}

.downloads-section {
  padding: 9.375rem 2rem 5.625rem;
}

.downloads-section-header {
  width: 36.25rem;
}

.downloads-section-list-wrapper {
  margin-top: 2.5rem;
}

.downloads-section-list {
  border-top: 1.5px solid var(--total-blue-brand);
}

.resource-item {
  border-bottom: 1.5px solid var(--total-blue-brand);
  justify-content: space-between;
  align-items: center;
  padding-top: .5rem;
  padding-bottom: 1.15rem;
  transition: padding .25s cubic-bezier(.215, .61, .355, 1), background-color .25s;
  display: flex;
}

.resource-item:hover {
  background-color: #d8d8d8;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.resource-item.file {
  padding-bottom: 1rem;
}

.download-icon {
  background-image: url('../images/blue-download.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  align-self: flex-end;
  width: 2rem;
  height: 2rem;
}

.form-wrapper {
  border: 1px #000;
  margin-top: 2.5rem;
  margin-bottom: 0;
}

.form {
  grid-row-gap: 2.5rem;
  border: 1px #000;
  flex-direction: column;
  display: flex;
}

.form-input-wrapper {
  border-top: 1px solid var(--total-white-brand);
}

.articles-section {
  justify-content: space-between;
  padding: 7.5rem 2rem 5.625rem;
  display: flex;
  position: relative;
}

.articles-section-sticky-filter {
  grid-row-gap: 1rem;
  flex-direction: column;
  align-self: flex-start;
  align-items: flex-start;
  display: flex;
  position: sticky;
  top: 7.5rem;
}

.articles-section-filter-wrapper {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.articles-section-content-wrapper {
  grid-row-gap: 7.5rem;
  flex-direction: column;
  width: 45rem;
  display: none;
}

.articles-section-content-wrapper.desktop-show {
  display: flex;
}

.articles-section-content-list {
  grid-row-gap: 7.5rem;
  flex-direction: column;
  display: flex;
}

.article-preview {
  display: block;
}

.article-preview-category {
  grid-column-gap: .45rem;
  align-items: center;
  display: flex;
}

.article-category-dot {
  border: 1px solid var(--total-blue-brand);
  border-radius: 50vw;
  align-self: flex-end;
  width: .75rem;
  height: .75rem;
  margin-bottom: .15rem;
  transition: background-color .25s;
}

.article-preview-image {
  object-fit: cover;
  border-radius: .625rem;
  width: 100%;
  height: 27.5rem;
  margin-top: 2.5rem;
}

.article-section {
  align-items: flex-start;
  display: flex;
  position: relative;
}

.article-cover-image {
  object-fit: cover;
  object-position: 50% 0%;
  width: 50%;
  max-width: 50%;
  height: 100vh;
  position: sticky;
  top: 0;
}

.article-content {
  width: 50%;
  padding-top: 11.25rem;
  padding-left: 5rem;
  padding-right: 5rem;
}

.article-content.other {
  padding-bottom: 5.625rem;
}

.article-details-wrapper {
  border-top: 1.5px solid var(--total-blue-brand);
  flex-direction: column;
  margin-top: 5rem;
  margin-bottom: 5rem;
  display: flex;
}

.article-details-item {
  grid-column-gap: .25rem;
  border-bottom: 1.5px solid var(--total-blue-brand);
  padding-top: .7rem;
  padding-bottom: .85rem;
  display: flex;
}

.article-content-rich-text {
  width: 100%;
  color: var(--total-blue-text);
  text-align: left;
}

.article-content-rich-text p {
  color: var(--total-blue-text);
  letter-spacing: .0475rem;
  margin-bottom: .75em;
  font-size: 1.1875rem;
  line-height: 1.625rem;
  position: relative;
}

.article-content-rich-text blockquote {
  border-top: 2px solid var(--total-blue-brand);
  color: var(--total-blue-text);
  letter-spacing: .045rem;
  border-left: 0 #0000;
  margin-top: 7.5rem;
  margin-bottom: 2.5rem;
  padding: 0;
  font-size: 2.25rem;
  line-height: 2.75rem;
}

.article-content-rich-text h3 {
  color: var(--total-blue-text);
  letter-spacing: .045rem;
  font-size: 2.25rem;
  line-height: 2.75rem;
}

.article-content-rich-text li {
  letter-spacing: .0475rem;
  margin-bottom: .5rem;
  font-size: 1.1875rem;
  line-height: 1.6255rem;
}

.article-content-rich-text ul {
  color: var(--total-blue-brand);
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding-left: 0;
  overflow: visible;
}

.article-content-rich-text.other {
  margin-top: 5rem;
}

.article-content-rich-text ol {
  color: var(--total-blue-text);
  margin-bottom: 0;
  padding-left: 1.5rem;
  list-style-type: disc;
}

.article-content-rich-text.white-lettering {
  color: var(--total-white-brand);
  -webkit-text-stroke-width: 2px;
}

.article-content-rich-text.align-middle {
  text-align: center;
}

.share-wrapper {
  grid-row-gap: 1.25rem;
  flex-direction: column;
  margin-top: 7.5rem;
  display: flex;
}

.share-button-wrapper {
  grid-column-gap: .875rem;
  display: flex;
}

.share-button {
  border-radius: 50vw;
  flex-flow: column wrap;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  padding-top: 0;
  padding-bottom: .25rem;
  display: flex;
}

.share-button.total-blue-bg {
  color: var(--total-white-text);
  border: 1.25px solid #0000;
  transition: border-color .25s, color .25s, background-color .25s;
}

.share-button.total-blue-bg:hover {
  border-color: var(--total-blue-brand);
  color: var(--total-blue-text);
  background-color: #0000;
}

.related-articles-wrapper {
  margin-top: 7.5rem;
}

.related-articles-list-wrapper {
  border-top: 1.5px solid var(--total-blue-brand);
  margin-top: 1.75rem;
  margin-bottom: 2.5rem;
}

.dedicated-related-article {
  grid-row-gap: .625rem;
  border-bottom: 1.5px solid var(--total-blue-brand);
  flex-direction: column;
  padding: .75rem 2.5rem 1.25rem 0;
  transition: padding .25s cubic-bezier(.215, .61, .355, 1), background-color .25s;
  display: flex;
}

.dedicated-related-article:hover {
  background-color: var(--total-dark-grey-bg);
  padding-left: 1.5rem;
}

.insights-section {
  padding: 9.375rem 2rem 5.625rem;
}

.insights-section.total-grey-bg {
  z-index: 1;
  position: relative;
}

.latest-insights-list-wrapper {
  border-top: 1.5px solid var(--total-blue-brand);
  margin-top: 2.5rem;
}

.latest-insight {
  border-bottom: 1.5px solid var(--total-blue-brand);
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding-top: 1.125rem;
  padding-bottom: 1.475rem;
  padding-left: 0;
  transition: background-color .25s, padding .25s cubic-bezier(.215, .61, .355, 1);
  display: flex;
}

.latest-insight:hover {
  background-color: var(--total-dark-grey-bg);
}

.latest-insights-title {
  flex: none;
  width: 50%;
  padding-right: 1rem;
}

.latest-insights-cta-wrapper {
  justify-content: center;
  margin-top: 3.75rem;
  display: flex;
}

.cover-image-section {
  padding: 1.25rem 2rem 7.5rem;
}

.cover-image-section.type2 {
  padding: 0 0;
}

.cover-image-section.type2.total-grey-bg {
  z-index: 1;
  width: auto;
  padding-left: 2rem;
  padding-right: 2rem;
  position: relative;
}

.persona-cover-image {
  object-fit: cover;
  border-radius: .625rem;
  width: 100%;
  height: 43.75rem;
}

.persona-cover-image.type2 {
  border-radius: 0;
  height: 47.5rem;
}

.persona-cover-image.type2.top {
  vertical-align: baseline;
  object-position: 50% 0%;
  position: relative;
}

.reviews-section {
  padding-top: 9.375rem;
  padding-bottom: 5.625rem;
}

.reviews-section.total-grey-bg {
  z-index: 1;
  position: relative;
}

.reviews-wrapper {
  cursor: grab;
  margin-top: 3.75rem;
  display: flex;
  overflow: auto;
}

.review-card {
  border: 1.5px solid var(--total-blue-brand);
  background-color: var(--total-grey-bg);
  border-radius: .625rem;
  flex-direction: column;
  flex: none;
  justify-content: space-between;
  width: 20rem;
  min-height: 25rem;
  margin-right: 1.5rem;
  padding: 1.375rem 1.75rem 1.5rem;
  display: flex;
}

.review-card.full {
  z-index: 1;
  cursor: default;
  width: 40rem;
  margin-right: 0;
  position: relative;
}

.review-card-list {
  display: flex;
}

.review-card-details-wrapper {
  grid-row-gap: .625rem;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.review-card-source {
  display: flex;
}

.review-card-source-wrapper {
  grid-row-gap: .375rem;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.review-card-rating-wrapper {
  grid-column-gap: .125rem;
  align-items: center;
  display: flex;
}

.rating-star-icon {
  width: 1rem;
  max-width: 1rem;
  height: 1rem;
  position: absolute;
  inset: 0%;
}

.rating-star-icon-wrapper {
  align-items: center;
  width: 1rem;
  height: 1rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.review-preview-card {
  grid-row-gap: 1.375rem;
  border: 1.5px solid var(--total-blue-brand);
  border-radius: .625rem;
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 20rem;
  min-height: 25rem;
  margin-right: 1.5rem;
  display: flex;
}

.review-preview-card-details {
  grid-row-gap: .625rem;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.header-about-wrapper {
  padding: 16.75rem 2rem 7.5rem;
}

.header-about-title-wrapper {
  width: 82.5%;
}

.header-about-title-wrapper.start-page {
  width: 60%;
}

.header-about-title-wrapper.about {
  width: 90%;
}

.team-section {
  padding: 7.5rem 0 0;
  overflow: hidden;
}

.team-list-wrapper {
  width: 100.104%;
}

.team-list-wrapper.single {
  width: 100%;
}

.team-list-wrapper.desktop-hide {
  display: none;
}

.team-list {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.team-list.single {
  display: block;
}

.team-member-card {
  border-right: 1.5px solid var(--total-blue-brand);
  border-bottom: 1.5px solid var(--total-blue-brand);
  width: 100%;
  padding: 1.5rem 1.5rem 1.25rem;
  transition: background-color .25s;
}

.team-member-card:hover {
  background-color: var(--total-dark-grey-bg);
}

.team-member-profile-preview-image {
  object-fit: cover;
  width: 100%;
  height: 32.5rem;
  margin-bottom: .75rem;
}

.team-member-profile-preview-image.top {
  object-position: 50% 0%;
}

.team-list-row1 {
  border-bottom: 1.5px none var(--total-blue-brand);
  width: 100.104%;
  display: flex;
}

.team-list-row-item {
  padding-left: 0;
  padding-right: 0;
}

.all-team-list-wrapper {
  border-top: 1.5px solid var(--total-blue-brand);
  position: relative;
}

.team-list-header {
  border-right: 1.5px solid var(--total-blue-brand);
  border-bottom: 1.5px solid var(--total-blue-brand);
  height: 100%;
  position: relative;
  overflow: hidden;
}

.start-cta-wrapper {
  grid-row-gap: 2.125rem;
  flex-direction: column;
  margin-top: 7.5rem;
  display: flex;
}

.slider-next {
  cursor: pointer;
  background-image: url('../images/next-prev-arrow.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 2.7rem;
  height: 2.7rem;
  transition: filter .1s, opacity .1s;
}

.slider-next.suppress {
  opacity: .2;
  filter: grayscale();
  cursor: not-allowed;
}

.slider-prev {
  cursor: pointer;
  background-image: url('../images/next-prev-arrow.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 2.7rem;
  height: 2.7rem;
  transition: filter .1s, opacity .1s;
  transform: rotate(180deg);
}

.slider-prev.suppress {
  opacity: .2;
  filter: grayscale();
  cursor: not-allowed;
}

.awards-section {
  padding-top: 15rem;
  padding-bottom: 9.375rem;
  overflow: hidden;
}

.awards-section.total-grey-bg {
  z-index: 1;
  position: relative;
}

.awards-section.type2 {
  padding-bottom: 5.625rem;
}

.awards-section.is-loc {
  padding-top: 8rem;
  padding-bottom: 0;
}

.marquee-section-title-wrapper {
  margin-bottom: 5rem;
  padding-left: 2rem;
  padding-right: 2rem;
}

.awards-list-wrapper.is-home, .awards-list {
  display: flex;
}

.awards-list-badge {
  object-fit: contain;
  width: 9.5rem;
  min-width: 9.5rem;
  height: 9.5rem;
  min-height: 9.5rem;
  margin-right: 4.5rem;
}

.deals-logo-section {
  padding-top: 9.375rem;
  padding-bottom: 5.625rem;
}

.deals-logo-section.total-grey-bg {
  z-index: 1;
  position: relative;
  overflow: hidden;
}

.link-generator-section {
  grid-column-gap: 2.5rem;
  grid-row-gap: 0rem;
  background-color: var(--total-blue-bg);
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  padding: 5rem 2rem;
  display: flex;
}

.contact-card {
  border-right: 1.5px solid var(--total-blue-brand);
  border-bottom: 1.5px solid var(--total-blue-brand);
  padding: 4rem 1.5rem 2.5rem;
}

.contact-details-wrapper {
  grid-row-gap: 1.75rem;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  height: 100%;
  margin-top: 1.25rem;
  display: flex;
}

.contact-location-text-wrapper {
  width: 50%;
}

.contact-header-section {
  padding: 12rem 2rem 7.5rem;
}

.contact-header-wrapper {
  justify-content: space-between;
  display: flex;
}

.contact-form-wrapper {
  border-top: 1.5px solid var(--total-blue-brand);
  width: 42rem;
  margin-top: 1.25rem;
}

.contact-form {
  border-top: 1px #000;
  margin-bottom: 2.5rem;
}

.contact-dropdown-wrapper {
  border-bottom: 1.5px solid var(--total-blue-brand);
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}

.contact-dropdown-header-wrapper {
  padding-top: .5rem;
  padding-bottom: .75rem;
}

.form-dropdown-arrow {
  width: 1rem;
  position: absolute;
  inset: 50% .5rem 50% auto;
  transform: translate(0, -50%);
}

.contact-form-embed {
  margin-bottom: 0;
}

.contact-text-area-wrapper {
  position: relative;
}

.form-text-area-icon {
  width: 1rem;
  position: absolute;
  bottom: .5rem;
  right: .5rem;
}

.form-text-area-icon.get-started {
  bottom: 1rem;
  right: 1rem;
}

.logos-list {
  display: flex;
}

.logos-list-item {
  align-self: center;
}

.logos-list-icon {
  object-fit: contain;
  width: 8.5rem;
  min-width: 8.5rem;
  height: 5rem;
  margin-right: 3rem;
}

.customer-testimonial-section {
  padding-top: 15rem;
  padding-bottom: 5.625rem;
  overflow: hidden;
}

.customer-testimonial-section.total-grey-bg {
  z-index: 1;
  position: relative;
}

.customer-testimonial-section.type2 {
  padding-top: 7.5rem;
  padding-bottom: 15rem;
}

.testimonial-card-list-wrapper {
  cursor: grab;
  margin-top: 3.75rem;
}

.testimonial-card-list {
  grid-column-gap: 2rem;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  overflow: auto;
}

.testimonial-card-detail-wrapper {
  z-index: 1;
  border-top-left-radius: 1.25rem;
  flex-direction: column;
  justify-content: space-between;
  min-width: 50%;
  min-height: 50%;
  transition: bottom .4s cubic-bezier(.215, .61, .355, 1);
  display: flex;
  position: absolute;
  inset: auto 0% 0% auto;
}

.testimonial-card-detail-wrapper.total-blue-bg {
  z-index: 2;
  bottom: 0%;
  overflow: hidden;
}

.testimonial-card-detail-bottom {
  justify-content: flex-end;
  padding-bottom: 1.15rem;
  padding-right: 1.15rem;
  display: flex;
}

.play-icon {
  object-fit: contain;
  background-image: url('../images/play-icon.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 3.5rem;
  height: 3.5rem;
  text-decoration: none;
}

.testimonial-card-detail-top {
  grid-row-gap: .625rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 1.5rem;
  padding-left: 1.5rem;
  display: flex;
}

.testimonial-card-wrapper {
  width: 42.5rem;
  height: 26.25rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.offer-header-wrapper {
  z-index: 5;
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  text-align: left;
  flex-direction: row;
  flex: 0 auto;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  padding-left: 2rem;
  padding-right: 2rem;
  display: flex;
  position: static;
}

.offer-header-paragraph-wrapper {
  flex: 0 auto;
  width: auto;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.offer-form-wrapper {
  z-index: 5;
  border: 1px #000;
  border-radius: 1.25rem;
  margin-top: 2.5rem;
  margin-bottom: 0;
  padding: 3.5rem 2.5rem 2rem;
  position: relative;
}

.offer-form-wrapper.total-grey-bg {
  align-self: center;
  display: block;
  position: static;
}

.offer-form-wrapper.total-grey-bg.start-link-gen {
  border-radius: .625rem;
  padding-top: 4rem;
  padding-bottom: 3rem;
  position: relative;
}

.offer-form-wrapper.total-grey-bg {
  align-self: center;
  width: 45%;
  margin-top: 0;
}

.offer-form-wrapper.total-grey-drak-bg {
  background-color: var(--total-dark-grey-bg);
  align-self: center;
  width: 45%;
  margin-top: 0;
  position: static;
}

.offer-form-wrapper.total-grey-drak-bg.start-link-gen {
  border-radius: .625rem;
  padding-top: 4rem;
  padding-bottom: 3rem;
  position: relative;
}

.offer-form {
  grid-row-gap: 2.5rem;
  border: 1px #000;
  flex-direction: column;
  width: auto;
  min-width: auto;
  display: flex;
}

.offer-form.start-gen {
  width: 25rem;
}

.offer-form-input-wrapper {
  border-top: 1.5px solid var(--total-blue-brand);
}

.offer-explanation-section {
  justify-content: space-between;
  padding-top: 15rem;
  padding-left: 2rem;
  padding-right: 2rem;
  display: flex;
}

.offer-explanation-section.total-grey-bg {
  padding: 8rem 2rem;
  position: relative;
}

.offer-explanation-section.type2 {
  padding-top: 5.625rem;
  padding-bottom: 9.375rem;
}

.offer-explanation-section.type3 {
  padding-top: 0;
  padding-bottom: 9.375rem;
}

.offer-explanation-section.type4 {
  padding-top: 5.625rem;
}

.offer-about-header-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-direction: column;
  width: 100%;
  max-width: 45%;
  height: 100%;
  padding-top: 0;
  display: flex;
  position: sticky;
  top: 8rem;
}

.offer-about-header-wrapper.type2 {
  width: 30%;
}

.offer-about-header-wrapper.sticky {
  flex-direction: column;
  align-self: stretch;
  align-items: center;
  width: 45%;
  max-width: none;
  height: 100%;
  position: sticky;
  top: 8rem;
}

.offer-about-content-wrapper {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-direction: column;
  align-items: flex-start;
  width: 45%;
  padding-top: .4rem;
  display: flex;
}

.offer-about-inner-border-content-wrapper {
  border-top: 1.5px solid var(--total-blue-brand);
  justify-content: space-between;
  padding-top: 1.5rem;
  display: flex;
}

.offer-cover-cta-section {
  padding-top: 5.625rem;
  padding-left: 2rem;
  padding-right: 2rem;
  position: relative;
  overflow: hidden;
}

.offer-cover-cta-section.total-grey-bg {
  margin-left: 0;
  padding: 8rem 0;
}

.offer-cover-wrapper {
  justify-content: center;
  align-self: flex-end;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
}

.offer-cover-image {
  text-align: center;
  object-fit: cover;
  border-radius: 0;
  width: auto;
  height: auto;
}

.offer-cover-cta-wrapper {
  z-index: 5;
  grid-column-gap: .5rem;
  background-color: var(--total-blue-brand);
  border-radius: 1.25rem 0 0 0;
  min-width: 50%;
  max-width: 80%;
  min-height: 30%;
  max-height: 50%;
  margin-left: 0;
  margin-right: 0;
  padding: 9.375rem 6.25rem;
  display: flex;
  position: absolute;
  inset: auto 0% 0% auto;
}

.offer-cover-cta-wrapper.total-blue-bg {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  justify-content: flex-end;
  width: 50%;
  min-width: auto;
  max-width: none;
  min-height: 10%;
  max-height: 40%;
  padding: 0 2.25rem 2.675rem 8.75rem;
  position: relative;
  inset: auto 0% 0% auto;
}

.offer-cover-cta-wrapper.type2 {
  align-items: center;
  min-height: 50%;
  padding-top: 0;
  padding-bottom: 0;
}

.offer-cover-cta-wrapper.type2.total-blue-bg {
  margin-right: 2rem;
  inset: auto 0% 0% auto;
}

.testimonial-section-title-wrapper {
  width: 45%;
  padding-left: 2rem;
  padding-right: 2rem;
}

.discover-step-wrapper {
  grid-row-gap: 2rem;
  border-top: 1.5px solid var(--total-blue-brand);
  flex-direction: column;
  max-width: 100%;
  padding-top: 1.375rem;
  padding-bottom: 5rem;
  display: flex;
}

.discover-step {
  border-radius: 50vw;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 4.375rem;
  height: 4.375rem;
  padding-bottom: .5rem;
  display: flex;
}

.offer-discover-section {
  justify-content: space-between;
  padding: 15rem 2rem;
  display: flex;
}

.offer-discover-section.total-dark-grey-bg {
  padding: 8rem 2rem;
  position: relative;
}

.guarantee-banner-section {
  padding: 7.5rem 2rem 5.625rem;
}

.guarantee-banner-section.total-grey-bg {
  padding-top: 8rem;
  padding-bottom: 8rem;
  position: relative;
}

.assurance-banner-wrapper {
  border-radius: 1.25rem;
  justify-content: space-between;
  padding: 6.25rem 7.5rem;
  display: flex;
}

.assurance-banner-wrapper.total-blue-bg {
  padding: 4rem;
}

.assurance-badge {
  background-image: url('../images/guarantee-badge_1.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-attachment: scroll;
  width: 100%;
  max-width: none;
  height: auto;
}

.assurance-content-wrapper {
  grid-row-gap: 2.5rem;
  flex-direction: column;
  width: 33.25rem;
  display: flex;
}

.countdown-inner-wrapper {
  grid-row-gap: .875rem;
  flex-direction: column;
  display: flex;
}

.time-wrapper {
  border: 1.5px solid var(--total-white-brand);
  border-radius: 1rem;
  justify-content: center;
  align-self: center;
  align-items: center;
  padding: .75rem 2.25rem 1.5rem;
  display: flex;
  position: relative;
}

.offer-explainer-section {
  padding: 15rem 2rem 5.625rem;
}

.offer-explainer-section.total-grey-bg {
  position: relative;
}

.offer-explainer-wrapper {
  justify-content: space-between;
  margin-top: 3.75rem;
  display: flex;
}

.offer-explainer-inner-wrapper {
  grid-row-gap: 2rem;
  flex-direction: column;
  align-items: stretch;
  width: 31.5%;
  display: flex;
}

.explainer-tick {
  background-image: url('../images/tick.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 4.375rem;
  height: 4.375rem;
}

.scroll-explainer-section {
  justify-content: center;
  display: flex;
}

.scroll-explainer-section.total-grey-bg {
  z-index: 0;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  height: 1000vh;
  padding-bottom: 5.625rem;
  transition: background-color .1s;
  position: relative;
  overflow: hidden;
}

.lottie-explainer {
  width: 100%;
}

.home-lottie-wrapper {
  border-radius: 1rem;
  width: 80%;
  height: 75vh;
  position: sticky;
  top: 12.5vh;
}

.home-lottie-wrapper.total-dark-grey-bg {
  justify-content: center;
  align-items: center;
  display: flex;
}

.home-lottie-explainer-header {
  z-index: 10;
  grid-row-gap: 2.5rem;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 50%;
  padding-left: 3.5rem;
  display: flex;
  position: fixed;
  inset: 0% auto 0% 0%;
}

.home-lottie-explainer-content {
  z-index: 10;
  grid-row-gap: 2rem;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  width: 50%;
  padding-right: 3rem;
  display: flex;
  position: fixed;
  inset: 0% 0% 0% auto;
}

.explainer-number {
  border-radius: 50vw;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 2.125rem;
  height: 2.125rem;
  padding-bottom: .3rem;
  display: flex;
}

.explainer-number.total-blue-bg {
  padding-bottom: 0;
}

.explainer-wrapper {
  grid-row-gap: .625rem;
  opacity: 0;
  cursor: pointer;
  flex-direction: column;
  align-items: flex-start;
  width: 35%;
  display: flex;
  position: relative;
}

.explainer-wrapper.part1 {
  width: 35%;
}

.explainer-wrapper.part2, .explainer-wrapper.part3 {
  filter: grayscale();
}

.explainer-wrapper.mobile {
  opacity: 1;
  cursor: default;
  flex-direction: row;
  justify-content: space-between;
  align-self: flex-start;
  align-items: flex-start;
  width: 100vw;
  margin-top: 40.5vh;
  padding-left: 2rem;
  padding-right: 2rem;
  position: sticky;
  top: 40.5vh;
}

.explainer-wrapper-content {
  opacity: 0;
  width: 22.5rem;
  position: absolute;
}

.lottie-explainer-header {
  z-index: 11;
  opacity: 0;
  width: 35%;
  position: fixed;
  inset: 13.5% auto auto 2rem;
}

.team-details-item {
  grid-column-gap: .25rem;
  border-bottom: 1.5px solid var(--total-white-brand);
  padding-top: .7rem;
  padding-bottom: .85rem;
  transition: padding .25s;
  display: flex;
}

.team-details-item:hover {
  padding-left: 1rem;
}

.team-details-item.blue {
  border-bottom-color: var(--total-blue-brand);
}

.team-details-wrapper {
  border-top: 1.5px solid var(--total-white-brand);
  flex-direction: column;
  margin-top: 5rem;
  margin-bottom: 5rem;
  display: flex;
}

.team-details-wrapper.blue {
  border-top-color: var(--total-blue-brand);
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.team-stat-grid {
  grid-column-gap: 2.5rem;
  grid-row-gap: 5rem;
  border-bottom: 1.5px solid var(--total-blue-brand);
  grid-template-rows: auto;
  margin-top: 4.375rem;
  margin-bottom: 2rem;
  padding-bottom: 5rem;
}

.team-content-rich-text {
  color: var(--total-blue-brand);
  padding-top: 1.5rem;
  padding-bottom: 1rem;
}

.team-content-rich-text p {
  color: var(--total-blue-text);
  letter-spacing: .0475rem;
  font-size: 1.1875rem;
  line-height: 1.625rem;
  position: relative;
}

.team-content-rich-text blockquote {
  border-top: 2px solid var(--total-blue-brand);
  color: var(--total-blue-text);
  letter-spacing: -.035rem;
  border-left: 0 #0000;
  margin-top: 7.5rem;
  margin-bottom: 2.5rem;
  padding: 0;
  font-size: 3.5rem;
  line-height: 4rem;
}

.team-content-rich-text h2, .team-content-rich-text h4 {
  color: var(--total-blue-text);
}

.team-signature {
  max-width: 40%;
  margin-top: 2rem;
  margin-bottom: 4rem;
}

.team-content {
  width: 50%;
  padding: 11.25rem 4.75rem 7.5rem;
}

.team-content.white {
  background-color: var(--total-dark-grey-bg);
}

.mobile-open-wrapper.desktop-hide, .mobile-close-wrapper.desktop-hide {
  display: none;
}

.team-cover-image {
  z-index: 56;
  object-fit: cover;
  object-position: 50% 0%;
  width: 50%;
  max-width: 50%;
  height: 100vh;
  position: sticky;
  top: 0;
}

.header-team-title-wrapper {
  width: 82.5%;
  padding-left: 2rem;
}

.header-team-title-wrapper.desktop-hide {
  display: none;
}

.cover-video-lightbox {
  width: 100%;
  position: relative;
}

.lightbox-video-play-icon {
  object-fit: contain;
  width: 7.5rem;
  height: 7.5rem;
  position: absolute;
  inset: 50%;
  transform: translate(-50%, -50%);
}

.contact-card-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-top: 1.5px solid var(--total-blue-brand);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100.104vw;
  display: grid;
}

.link-generator-list {
  grid-row-gap: .5rem;
  flex-direction: column;
  display: flex;
}

.start-link-radio-wrapper {
  grid-column-gap: .5rem;
  cursor: pointer;
  align-items: flex-end;
  padding-left: 0;
  display: flex;
}

.start-link-radio-button {
  border: 1px solid var(--total-blue-text);
  border-radius: 50vw;
  width: 1rem;
  height: 1rem;
  margin-top: 0;
  margin-left: 0;
}

.start-link-radio-button.w--redirected-checked {
  border: 0px none var(--total-blue-brand);
  background-image: url('../images/tick.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 1rem;
  height: 1rem;
}

.start-link-radio-button.w--redirected-focus {
  box-shadow: none;
}

.start-link-radio-button.checked {
  background-color: var(--total-blue-brand);
  background-image: url('../images/tick.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.radio-wrapper {
  grid-row-gap: 1rem;
  flex-direction: column;
  margin-top: 1rem;
  display: flex;
}

.cta-wrapper-start-gen {
  grid-row-gap: .75rem;
  flex-direction: column;
  display: flex;
}

.about-video {
  cursor: pointer;
  object-fit: cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 48rem;
  padding-bottom: 0;
  display: flex;
  position: relative;
}

.video-overlay {
  opacity: 1;
  cursor: pointer;
  background-image: linear-gradient(to top, #000000b3, #0000);
  transition: opacity .25s;
  position: absolute;
  inset: 0%;
}

.scroll-explainer-section-2 {
  justify-content: center;
  display: flex;
}

.scroll-explainer-section-2.total-grey-bg {
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  height: 1250vh;
  padding-top: 5.625rem;
  padding-bottom: 5.625rem;
  transition: background-color .1s;
  position: relative;
  overflow: hidden;
}

.transition {
  z-index: 2000;
  width: 100%;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0% 0% auto;
  transform: none;
}

.transition-trigger {
  z-index: 20;
  padding: 0;
  display: none;
}

.transition-content {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: absolute;
  inset: 0%;
}

.transition-bg {
  z-index: 1;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
  position: absolute;
  inset: 0%;
}

.transition-color {
  background-color: var(--total-grey-bg);
  width: 100%;
  height: 100%;
  position: relative;
}

.transition-color-border {
  background-color: var(--total-grey-bg);
  width: 100%;
  height: 10px;
  margin-bottom: -8px;
  position: absolute;
  inset: auto 0% 0%;
}

.transition-lottie {
  width: 100%;
  margin-bottom: -5px;
  position: relative;
}

.transition-logo-img {
  z-index: 2;
  width: 5rem;
  height: 5rem;
  position: relative;
}

.faq-section {
  padding: 9.375rem 2rem 5.625rem;
}

.faq-section.total-grey-bg {
  z-index: 6;
  position: relative;
}

.faq-list-wrapper {
  margin-top: 2.5rem;
}

.faq-wrapper {
  cursor: pointer;
  flex-direction: column;
  align-items: flex-start;
  transition: background-color .25s, opacity .25s;
  display: flex;
}

.faq-list {
  border-top: 1.25px solid #4e57f1;
  border-bottom: 1.25px solid var(--total-blue-brand);
  width: 100%;
}

.faq-header {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
  overflow: hidden;
}

.faq-dropdown-icon {
  background-image: url('../images/close-icon-blue.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 2.5rem;
  height: 2.5rem;
  margin-bottom: 0;
  transition: transform .25s cubic-bezier(.215, .61, .355, 1);
  transform: rotate(45deg);
}

.faq-dropdown-content {
  width: 100%;
  transition: height .25s cubic-bezier(.215, .61, .355, 1);
  overflow: hidden;
}

.article-filter-radio {
  margin-bottom: 0;
  padding-left: 0;
  display: inline-block;
}

.article-filter-radio-button {
  display: none;
}

.articles-filter-wrapper {
  margin-bottom: 0;
}

.articles-cat-list-wrapper {
  margin-top: 0;
}

.bio-nav-bar {
  z-index: 56;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  padding: 2rem 2rem 1.75rem;
  transition: background-color .25s;
  display: flex;
  position: fixed;
  inset: 0% 0% auto auto;
}

.team-about-section {
  z-index: 1;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.articles-cat-dropdown-wrapper {
  border-bottom: 1.5px solid var(--total-blue-brand);
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}

.articles-cat-dropdown-wrapper.mobile-show {
  display: none;
}

.content-extractor {
  grid-row-gap: 2rem;
  flex-direction: column;
  padding: 2rem;
  display: flex;
}

.inner-content-extractor {
  grid-row-gap: 1rem;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.inner-content-extractor.type2 {
  width: 30rem;
}

.track-flex {
  justify-content: flex-start;
  align-items: stretch;
  margin-right: -100vw;
  display: flex;
}

.sticky-element {
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  height: 100vh;
  margin-bottom: -100vh;
  display: flex;
  position: sticky;
  top: 0;
  overflow: scroll;
}

.sticky-element.disable-overflow {
  overflow: hidden;
}

.stat-scroll-section {
  width: 100%;
  padding-top: 15rem;
  padding-bottom: 100vh;
}

.panel {
  border-bottom: 1.5px solid var(--total-blue-brand);
  background-color: #0000;
  flex-direction: column;
  flex: none;
  justify-content: space-between;
  align-items: center;
  width: auto;
  height: 100%;
  padding-top: 0;
  display: flex;
}

.panel.fixed {
  width: 33.33vw;
}

.panel.end {
  width: 16.65rem;
}

.track {
  flex: none;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
  position: relative;
  transform: translate(0%);
}

.desktop-h-scroll {
  width: 100%;
  height: 100vw;
}

.desktop-h-scroll.desktop-show {
  display: block;
}

.about-scroll-text {
  letter-spacing: -1.25rem;
  font-size: 25rem;
  line-height: 1;
}

.panel-header {
  width: 100%;
  padding-left: 4.5rem;
}

.panel-header-text {
  width: 15rem;
}

.panel-top-border {
  border-bottom: 1.5px solid var(--total-blue-brand);
  flex: none;
  width: 100%;
  height: 5rem;
}

.panel-stat-wrapper {
  padding-left: 4rem;
  padding-right: 5rem;
}

.panel-content {
  border-right: 1.5px solid var(--total-blue-brand);
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  padding-top: 2rem;
  padding-bottom: 4rem;
  display: flex;
  position: relative;
}

.mobile-v-scroll {
  display: none;
}

.multi-step-form-section {
  width: 100%;
  min-height: 100vh;
}

.multi-step-form-section.total-grey-bg {
  z-index: 1000;
  flex-direction: column;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.multi-step-form-section.total-grey-bg.show {
  display: block;
}

.form-page {
  grid-row-gap: 3.75rem;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  min-height: 100vh;
  padding-bottom: 25vh;
  display: flex;
}

.get-started-form-wrapper {
  width: 60%;
  margin-top: 0;
  margin-bottom: 0;
  overflow: auto;
}

.get-started-form {
  border-top: 1px #000;
  margin-bottom: 0;
  overflow: auto;
}

.get-started-form.show {
  display: flex;
}

.text-field-wrapper {
  position: relative;
}

.text-field-button {
  border-radius: 50vw;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-left: 2rem;
  padding-right: 2rem;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.text-field-button-next {
  width: 1.5rem;
  height: 1.5rem;
}

.cta-wrapper {
  justify-content: flex-start;
  width: 50%;
  display: flex;
}

.cta-wrapper.left {
  justify-content: flex-start;
}

.message-wrapper {
  grid-row-gap: 1.5rem;
  flex-direction: column;
  display: flex;
}

.option-checkbox-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 1.25rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.option-button {
  z-index: 5;
  grid-column-gap: .5rem;
  border: 1.5px solid var(--total-blue-brand);
  color: var(--total-blue-text);
  cursor: pointer;
  border-radius: 50vw;
  margin-bottom: 0;
  padding: 1rem 2rem 1.25rem;
  transition: color .25s, background-color .25s linear;
  display: flex;
  position: relative;
}

.option-button.selected {
  background-color: var(--total-blue-brand);
  color: var(--total-white-text);
}

.option-button-tick {
  width: 2.25rem;
  height: 2.25rem;
  color: var(--total-blue-text);
  background-color: #0000;
  border-style: none;
  border-radius: 50vw;
  margin-top: 0;
  margin-left: 0;
  transition: background-color .1s, opacity .1s;
  position: absolute;
  inset: 50% 1rem 0% auto;
  transform: translate(0, -50%);
}

.option-button-tick.w--redirected-checked {
  background-color: var(--total-blue-brand);
  color: var(--total-white-brand);
  background-image: url('../images/tick.svg');
  border-style: none;
}

.option-button-tick.w--redirected-focus {
  box-shadow: none;
  border-style: none;
  border-radius: 50vw;
}

.option-button-tick.w--redirected-focus-visible {
  border-style: none;
  border-radius: 50vw;
}

.success-message {
  background-color: #0000;
  padding: 0;
}

.success-wrapper {
  grid-row-gap: 3rem;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.get-started-back-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 10vh;
  padding-left: 2rem;
  display: flex;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.back-button {
  background-color: var(--total-grey-bg);
  opacity: .25;
  filter: grayscale();
  background-image: url('../images/next-prev-arrow.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 3.5rem;
  height: 3.5rem;
  transform: rotate(180deg);
}

.form-progress-wrapper {
  z-index: 15;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--total-grey-bg);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 1rem;
  padding-bottom: 3rem;
  display: grid;
  position: absolute;
  inset: auto 2rem 0;
}

.page-progress {
  grid-column-gap: 1rem;
  border-bottom: 1.5px solid var(--total-blue-brand);
  opacity: .15;
  filter: grayscale();
  padding-bottom: 1rem;
  transition: filter .25s, opacity .25s;
  display: flex;
}

.page-progress.current {
  opacity: 1;
  filter: grayscale(0%);
}

.get-started-next-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  display: flex;
  position: relative;
  inset: 0% 0% 0% auto;
}

.next-button {
  opacity: 1;
  filter: none;
  background-image: url('../images/next-prev-arrow.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 3.5rem;
  height: 3.5rem;
  transform: none;
}

.plyr_component {
  width: 100%;
  position: relative;
}

.plyr_component.is-full-screen {
  height: 85vh;
  display: block;
}

.plyr_component.is-full-screen.testimonial {
  height: 100%;
}

.plyr_embed {
  z-index: 1;
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
}

.plyr_cover {
  z-index: 2;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  transition: opacity .4s;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.plyr_cover-img {
  z-index: 1;
  object-fit: cover;
  object-position: 50% 20%;
  width: 100%;
  height: 100%;
  transition: transform .4s;
  position: absolute;
  inset: 0%;
}

.plyr_cover-img.overlay {
  z-index: 2;
  background-image: radial-gradient(circle farthest-side, #00000059, #fff0 30%, #fff0);
}

.plyr_cover-button {
  z-index: 2;
  color: #000;
  background-color: #0000;
  background-image: url('../images/play-icon.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 100vw;
  justify-content: center;
  align-items: center;
  width: 6em;
  height: 6em;
  display: flex;
  position: relative;
}

.plyr_cover-button.mobile-show {
  z-index: 1;
  display: block;
}

.plyr_pause-trigger {
  display: none;
}

.situation-dropdown-icon {
  background-image: url('../images/close-icon-blue.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 2.5rem;
  height: 2.5rem;
  margin-bottom: 0;
  transition: transform .25s cubic-bezier(.215, .61, .355, 1);
  transform: rotate(45deg);
}

.bio-list-wrapper {
  width: 100%;
  display: block;
}

.team-member-profile-preview-image-wrapper {
  position: relative;
}

.profile-preview-add-icon {
  object-fit: contain;
  width: 2.75rem;
  height: 2.75rem;
  transition: transform .25s cubic-bezier(.215, .61, .355, 1);
  position: absolute;
  inset: 1.2rem auto auto 1.2rem;
}

.bio-open, .bio-close {
  background-color: var(--total-dark-grey-bg);
  display: inline-block;
}

.bio-cta-item {
  border-bottom: 1.5px solid var(--total-white-brand);
  justify-content: space-between;
  align-items: center;
  padding-top: .5rem;
  padding-bottom: 1rem;
  transition: padding .25s cubic-bezier(.215, .61, .355, 1), background-color .25s;
  display: flex;
}

.bio-cta-item:hover {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.bio-cta-item.blue {
  border-bottom-color: var(--total-blue-brand);
  text-align: left;
}

.bio-cta-list {
  border-top: 1.5px solid var(--total-white-brand);
  width: 100%;
}

.bio-cta-list.about-page {
  margin-bottom: 3.5rem;
}

.bio-cta-list.about-page.blue {
  border-top-color: var(--total-blue-brand);
  margin-top: 0;
  margin-bottom: 2rem;
}

.bio-cta-arrow {
  background-image: url('../images/right-arrow-blue.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  align-self: flex-end;
  width: 2.25rem;
  height: 2.25rem;
}

.blue-bio-transition {
  z-index: 100;
  background-color: var(--total-blue-bg);
  width: 100%;
  height: 0;
  position: fixed;
  inset: 0%;
}

.logo-append {
  grid-row-gap: 2rem;
  flex-direction: column;
  display: flex;
}

.error-message-wrapper {
  background-color: #ebcdd1;
  margin-top: 1rem;
  padding: 1rem 1rem 1.25rem;
}

.form-success-error-text {
  text-align: center;
}

.success-message-wrapper.total-dark-grey-bg {
  padding: 1.5rem 1rem 2.5rem;
}

.success-message-wrapper.total-dark-grey-bg.curved {
  border-radius: .625rem;
  width: 100%;
}

.success-message-wrapper.total-dark-grey-bg.curved.offer {
  width: 100%;
  min-width: auto;
}

.message-sent {
  width: 3rem;
  height: 4rem;
}

.form-response-wrapper {
  grid-row-gap: 2rem;
  flex-direction: column;
  align-items: center;
  width: 100%;
  min-width: auto;
  max-width: 100%;
  height: 40%;
  display: flex;
}

.calculator-embed-section {
  padding: 5rem 2rem;
}

.review-card-cms-list {
  display: flex;
}

.msf-transition {
  z-index: 55;
  width: 100vw;
  height: 0;
  position: fixed;
  inset: 0%;
}

.msf-open {
  background-color: var(--total-dark-grey-bg);
  display: inline-block;
}

.msf-close {
  background-color: var(--total-dark-grey-bg);
}

.empty-wrapper.total-dark-grey-bg {
  padding: 1.5rem 1rem 2.5rem;
}

.empty-wrapper.total-dark-grey-bg.curved {
  border-radius: .625rem;
}

.empty-wrapper.total-dark-grey-bg.curved.margin {
  margin-left: 2rem;
  margin-right: 2rem;
}

.empty-response-wrapper {
  grid-row-gap: 2rem;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.empty-settings {
  width: 3rem;
  height: 4rem;
}

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

.breakpoint-inner {
  max-width: 1560px;
}

.breakpoint-outer {
  width: 100%;
}

.header {
  z-index: 1;
  align-items: stretch;
  width: 100vw;
  height: 100vh;
  min-height: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.header.home {
  z-index: 1;
  min-height: auto;
}

.header.calculator {
  min-height: 50vh;
}

.header.insights {
  min-height: auto;
}

.bg-video-embed {
  z-index: 0;
  filter: brightness(95%);
  width: 100%;
  height: 100%;
  position: absolute;
}

.bg-video-embed.nav {
  filter: brightness() grayscale() invert();
  min-height: 100vh;
}

.header-content-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-direction: column;
  align-items: flex-start;
  width: 50%;
  padding-right: 2rem;
  display: flex;
}

.header-home-wrapper {
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 100vh;
  padding-bottom: 7.5%;
  padding-left: 2rem;
  padding-right: 2rem;
  display: flex;
  position: relative;
}

.header-process-wrapper {
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  height: 100vh;
  padding-bottom: 5%;
  padding-left: 2rem;
  padding-right: 2rem;
  display: flex;
  position: relative;
}

.header-process-wrapper.flex {
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding-bottom: 4%;
}

.header-tools-wrapper {
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  height: 100vh;
  padding-bottom: 5%;
  padding-left: 2.95rem;
  padding-right: 2rem;
  display: flex;
  position: relative;
}

.header-calculator-wrapper {
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  min-height: 100vh;
  padding-bottom: 4%;
  padding-left: 1.9rem;
  padding-right: 2rem;
  display: flex;
  position: relative;
}

.header-persona-wrapper {
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  height: 100vh;
  padding-bottom: 5%;
  padding-left: 1.2rem;
  display: flex;
  position: relative;
}

.header-offer-wrapper {
  justify-content: flex-end;
  align-self: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 5% 3rem;
  display: flex;
  position: relative;
}

.header-insights-wrapper {
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  height: auto;
  padding: 17.5% 2rem 7.5%;
  display: flex;
  position: relative;
}

.header-404-wrapper {
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  height: 100vh;
  padding-bottom: 5%;
  padding-left: 1.65rem;
  padding-right: 2rem;
  display: flex;
  position: relative;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.header-password-wrapper {
  grid-row-gap: 10rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  min-height: 100vh;
  margin-bottom: 0;
  padding-bottom: 5%;
  padding-left: 1.65rem;
  padding-right: 2rem;
  display: flex;
  position: relative;
}

.calculator-embed {
  margin-bottom: 0;
}

.calendly-embed-section {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  background-color: var(--total-dark-grey-bg);
  flex-direction: column;
  padding: 4rem 2rem;
  display: flex;
}

.calendly-embed-section.total-grey-bg {
  justify-content: center;
  align-items: center;
}

.explainer-scroll-indicator {
  width: 100%;
  position: fixed;
  inset: auto 0% 5%;
}

.explainer-scroll-indicator.desktop-show {
  opacity: 1;
  display: block;
}

.explainer-scroll-indicator.desktop-show.scroll {
  opacity: 1;
  bottom: 16%;
}

.explainer-wrapper-2 {
  grid-row-gap: .625rem;
  opacity: 0;
  cursor: pointer;
  flex-direction: column;
  align-items: flex-start;
  width: 35%;
  display: flex;
  position: absolute;
}

.explainer-wrapper-2.part1 {
  width: 35%;
}

.header-calendly-wrapper {
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: auto;
  min-height: 100vh;
  padding-bottom: 4%;
  padding-left: 1.9rem;
  padding-right: 2rem;
  display: flex;
  position: relative;
}

.step-icon {
  width: 50%;
  height: 50%;
}

.test-section {
  background-color: var(--total-grey-bg);
  width: 100%;
  min-height: 100vh;
  padding: 3rem 5rem 10rem;
}

.test-cta-wrapper {
  width: 30%;
  margin-top: 2rem;
}

.contact-map-wrapper {
  height: 50vh;
  margin-bottom: 1rem;
}

.map-embed {
  width: 100%;
  height: 100%;
  display: flex;
}

.map-embed.is-fixed-size {
  height: 30rem;
}

.cta-section-spacer {
  height: 1rem;
}

.calendly-name-wrapper {
  display: flex;
}

.empty-state {
  display: none;
}

.review-overlay {
  z-index: 1000;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  cursor: pointer;
  background-color: #14141480;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.review-overlay-hide {
  z-index: 0;
  position: absolute;
  inset: 0%;
}

.empty-state-2, .empty-state-3 {
  display: none;
}

.team-member-link-overlay {
  position: absolute;
  inset: 0%;
}

.calendly-embed {
  width: 100%;
  margin-bottom: 0;
  overflow: hidden;
}

.explainer-section-mobile.total-grey-bg {
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
}

.explainer-lottie-mobile {
  display: none;
}

.mobile-explainer-each {
  border-top: 2px red;
  justify-content: space-between;
  height: 200vh;
  min-height: 100vh;
  display: flex;
}

.mobile-lottie-holder {
  display: none;
}

.explainer-wrapper-top {
  grid-row-gap: .625rem;
  flex-direction: column;
  max-width: 17vw;
  display: flex;
}

.explainer-wrapper-bottom {
  width: 27.5%;
}

.explainer-wrapper-bottom.v2 {
  display: none;
}

.explainer-blank {
  z-index: 5;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 15vh;
  display: flex;
  position: relative;
}

.scroll-section-links {
  z-index: 2;
  grid-column-gap: 1.5rem;
  opacity: 0;
  justify-content: center;
  width: 100%;
  display: flex;
  position: fixed;
  bottom: 5.5%;
  transform: scale(.9);
}

.div-block {
  justify-content: center;
  display: flex;
}

.bg-cdn-test {
  z-index: 10;
  margin-top: 5vh;
}

.mobile-social-link-wrapper {
  grid-row-gap: 1.625rem;
  flex-direction: column;
  display: flex;
}

.container {
  flex-direction: row;
  flex: 0 auto;
  justify-content: flex-start;
  align-self: flex-start;
  font-size: 50vw;
  display: flex;
}

.cta-invert {
  grid-column-gap: 1.5rem;
  border: 1.25px solid var(--total-white-brand);
  background-color: var(--total-blue-bg);
  min-width: 15.5rem;
  max-width: 100%;
  color: var(--total-white-text);
  cursor: pointer;
  border-radius: 50vw;
  justify-content: center;
  align-items: flex-end;
  padding: .8rem 2.5rem 1.1rem 3.125rem;
  text-decoration: none;
  transition: border-color .25s, color .25s, background-color .25s;
  display: flex;
}

.cta-invert:hover {
  border-color: var(--total-blue-brand);
  color: var(--total-blue-brand);
  background-color: #0000;
}

.cta-invert.situation {
  border-style: solid;
  border-color: #0000;
  align-items: center;
  padding-right: 3.125rem;
}

.cta-invert.situation:hover {
  border-color: var(--total-blue-brand);
}

.cta-invert.no-border {
  border-style: solid;
  border-color: #0000;
  align-items: center;
  padding-left: 2.5rem;
}

.cta-invert.no-border:hover {
  border-color: var(--total-blue-brand);
}

.cta-invert.full-width {
  grid-column-gap: 1rem;
  border-style: solid;
  border-color: #0000;
  width: 100%;
  max-width: 100%;
  padding-right: 3.125rem;
  transition: border-color .25s, color .25s, background-color .25s, filter .25s, opacity .25s;
}

.cta-invert.full-width:hover {
  border-color: var(--total-blue-brand);
}

.cta-invert.full-width.border {
  border-style: solid;
  border-color: var(--total-white-brand);
  transition: border-color .25s, color .25s, background-color .25s, filter .25s, opacity .25s;
}

.cta-invert.full-width.border:hover {
  background-color: var(--total-white-brand);
}

.cta-invert.full-width.border.offer-text {
  min-height: 3rem;
}

.cta-invert.full-width.border.offer-text.cta-white {
  background-color: var(--total-white-brand);
  color: var(--total-blue-brand);
}

.cta-invert.full-width.suppress {
  opacity: .1;
  filter: grayscale();
  cursor: not-allowed;
}

.cta-invert.full-width.suppress:hover {
  background-color: var(--total-blue-bg);
  color: var(--total-white-text);
}

.cta-invert.full-width.success {
  width: auto;
}

.cta-invert.latest-insights {
  border-style: solid;
  border-color: #0000;
  align-items: center;
  width: 16.5625rem;
  max-width: 16.5625rem;
  padding-left: 2.5rem;
}

.cta-invert.latest-insights:hover {
  border-color: var(--total-blue-brand);
}

.cta-invert.explainer {
  z-index: 10;
  border-color: #0000;
  min-width: 18.5rem;
  max-width: 100%;
  padding-right: 3.125rem;
  position: relative;
}

.cta-invert.explainer:hover {
  border-style: solid;
  border-color: var(--total-blue-brand);
}

.cta-invert.explainer.mobile {
  max-width: 0%;
}

.cta-invert.white-hover {
  align-items: center;
}

.cta-invert.white-hover:hover {
  border-color: var(--total-white-brand);
  background-color: var(--total-white-brand);
}

.cta-invert._404 {
  background-color: #0000;
  padding-left: 0;
  padding-right: 0;
}

.cta-invert._404:hover {
  border-color: var(--total-white-brand);
  background-color: var(--total-white-brand);
}

.cta-invert.test {
  border-color: #0000;
  min-width: auto;
  max-width: 15.5rem;
  padding-bottom: 1.1rem;
  padding-left: 2.5rem;
}

.cta-invert.test:hover {
  border-color: var(--total-blue-brand);
  color: var(--total-blue-text);
}

.html-embed {
  width: auto;
  height: 1250px;
}

.container-2 {
  align-self: stretch;
  display: block;
}

.div-block-2 {
  width: 100vw;
  height: 10%;
}

.offer-action-book {
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.offer-action-book.total-grey-bg {
  z-index: 1;
  grid-row-gap: 2.5rem;
  flex-direction: row;
  align-items: flex-start;
  padding: 2rem 2rem 8rem;
  display: flex;
  position: relative;
}

.div-block-3 {
  flex: 1;
  width: 33.1069%;
}

.section {
  display: block;
}

.div-block-4 {
  text-align: center;
  object-fit: fill;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.collection-list-wrapper {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.container-3 {
  margin-top: 1rem;
  margin-bottom: 0;
}

.body2-2 {
  letter-spacing: .0375rem;
  font-size: .9375rem;
  line-height: 1.25rem;
  position: relative;
}

.body2-2.form-text-input {
  border: 0 #000;
  border-top-width: 1px;
  border-bottom: 1.5px solid #1421ff;
  height: auto;
  margin-bottom: 0;
  padding: .5rem 0 .75rem;
}

.body2-2.form-text-input.transparent {
  background-color: #0000;
}

.body2-2.form-text-input.transparent.total-blue-text {
  text-transform: capitalize;
  border-radius: 0;
}

.body2-2.form-text-input.transparent.total-blue-text::placeholder {
  color: #1421ff;
}

.body2-2.form-text-input.transparent.total-blue-text.no-capitialise {
  text-transform: none;
}

.body2-2.form-text-area {
  height: auto;
  min-height: 10rem;
  margin-bottom: 0;
  padding: .5rem 0 .75rem;
}

.body2-2.form-text-area.total-grey-bg.total-blue-text {
  border: 1px #000;
  border-bottom: 1.5px solid #1421ff;
}

.body2-2.form-text-area.total-grey-bg.total-blue-text::placeholder {
  color: #1421ff;
}

.offer-form-input-wrapper-2 {
  border-top: 1.5px solid #1421ff;
  width: 100%;
}

.cta-2 {
  grid-column-gap: 1.5rem;
  color: #fff;
  cursor: pointer;
  background-color: #1421ff;
  border: 1.25px solid #fff;
  border-radius: 50vw;
  justify-content: center;
  align-items: flex-end;
  min-width: 15.5rem;
  max-width: 100%;
  padding: .8rem 2.5rem 1.1rem 3.125rem;
  text-decoration: none;
  transition: border-color .25s, color .25s, background-color .25s;
  display: flex;
}

.cta-2:hover {
  color: #1421ff;
  background-color: #0000;
  border-color: #1421ff;
}

.cta-2.full-width {
  grid-column-gap: 1rem;
  border-style: solid;
  border-color: #0000;
  width: 100%;
  max-width: 100%;
  padding-right: 3.125rem;
  transition: border-color .25s, color .25s, background-color .25s, filter .25s, opacity .25s;
}

.cta-2.full-width:hover {
  border-color: #1421ff;
}

.html-embed-2, .rich-text-block {
  margin-bottom: 100px;
}

.total-grey-bg {
  padding-left: 2rem;
  padding-right: 2rem;
}

.total-grey-bg.padding-large {
  padding-top: 9.375rem;
  padding-bottom: 9.375rem;
}

.offer-title-section {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: center;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  width: 100vw;
  margin-left: auto;
  margin-right: auto;
  padding: 6rem 2rem 3rem;
  display: inline-block;
}

.offer-title-section.total-grey-bg {
  padding-top: 8rem;
  padding-bottom: 0;
}

.offer-about-section-copy {
  justify-content: space-between;
  padding-top: 15rem;
  padding-left: 2rem;
  padding-right: 2rem;
  display: flex;
}

.offer-about-section-copy.total-grey-bg {
  position: relative;
}

.offer-about-section-copy.type2 {
  padding-top: 5.625rem;
  padding-bottom: 9.375rem;
}

.offer-about-section-copy.type3 {
  padding-top: 0;
  padding-bottom: 9.375rem;
}

.offer-about-section-copy.type4 {
  padding-top: 5.625rem;
}

.offer-title-header-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-direction: column;
  align-items: center;
  max-width: 100%;
  padding-top: 2rem;
  padding-bottom: 2rem;
  display: flex;
}

.offer-title-header-wrapper.type2 {
  width: 30%;
}

.offer-title-header-wrapper.sticky {
  flex-direction: column;
  align-self: stretch;
  height: 100%;
  position: sticky;
  top: 100px;
}

.offer-title-content-wrapper {
  width: 45%;
  padding-top: .4rem;
}

.h1 {
  color: var(--total-blue-brand);
}

.h2 {
  color: var(--total-blue-brand);
  font-size: 34px;
}

.h3 {
  color: var(--total-blue-brand);
  font-size: 30px;
}

.h3.offer-title-h3 {
  letter-spacing: .5rem;
}

.h3.whiye-lettering {
  color: var(--total-white-brand);
}

.offer-spacer {
  width: 100%;
  height: 2rem;
  line-height: 2rem;
}

.container-4 {
  justify-content: flex-start;
  width: 100%;
  max-width: none;
  display: flex;
}

.offer-title-h3 {
  color: var(--total-blue-brand);
  font-size: 24px;
}

.offer-title-h3.letter-spacing {
  text-align: center;
  letter-spacing: .5rem;
  align-self: center;
  width: 100%;
  max-width: 1080px;
}

.offer-title-h3.letter-spacing.white-lettering {
  width: 100%;
  color: var(--total-white-brand);
  text-align: left;
  align-self: flex-start;
  font-size: 16px;
}

.offer-title-h1 {
  width: 100%;
  max-width: none;
  color: var(--total-white-brand);
  text-align: left;
  align-self: flex-start;
  font-size: 40px;
}

.offer-body {
  width: 50vw;
  min-width: auto;
  color: var(--total-blue-brand);
  text-align: center;
  align-self: center;
  font-size: 1rem;
  line-height: 1.5rem;
}

.offer-body.white-lettering {
  width: 50%;
  color: var(--total-white-brand);
  text-align: left;
  align-self: flex-start;
}

.offer-header {
  z-index: 1;
  justify-content: flex-start;
  align-items: stretch;
  width: 100vw;
  height: 100vh;
  min-height: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.offer-header.home {
  z-index: 1;
  min-height: 120vh;
}

.offer-header.calculator {
  min-height: 50vh;
}

.offer-header.insights {
  min-height: auto;
}

.offer-why-choose-us-section {
  justify-content: space-between;
  padding-top: 15rem;
  padding-left: 2rem;
  padding-right: 2rem;
  display: flex;
}

.offer-why-choose-us-section.total-grey-bg {
  position: relative;
}

.offer-why-choose-us-section.type2 {
  padding-top: 5.625rem;
  padding-bottom: 9.375rem;
}

.offer-why-choose-us-section.type3 {
  padding-top: 0;
  padding-bottom: 9.375rem;
}

.offer-why-choose-us-section.type3.total-grey-bg {
  padding: 8rem 2rem;
}

.offer-why-choose-us-section.type4 {
  padding-top: 5.625rem;
}

.offer-three-easy-step-section {
  justify-content: space-between;
  padding: 8rem 2rem;
  display: flex;
}

.offer-three-easy-step-section.total-dark-grey-bg {
  position: relative;
}

.offer-three-easy-step-section.total-grey-bg {
  padding-left: 2rem;
  padding-right: 2rem;
}

.offer-final-section {
  justify-content: space-between;
  padding: 15rem 2rem;
  display: flex;
}

.offer-final-section.total-dark-grey-bg {
  padding: 8rem 2rem;
  position: relative;
}

.offer-countdown-section {
  justify-content: space-between;
  padding-top: 15rem;
  padding-left: 2rem;
  padding-right: 2rem;
  display: flex;
}

.offer-countdown-section.total-grey-bg {
  position: relative;
}

.offer-countdown-section.type2 {
  padding-top: 5.625rem;
  padding-bottom: 9.375rem;
}

.offer-countdown-section.type3 {
  padding-top: 0;
  padding-bottom: 9.375rem;
}

.offer-countdown-section.type4 {
  padding-top: 5.625rem;
}

.offer-countdown-section.type4.total-grey-bg {
  padding: 8rem 2rem;
  display: block;
}

.offer-form-section {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-direction: column;
  justify-content: space-between;
  padding: 8rem 2rem 15rem;
  display: flex;
}

.offer-form-section.total-dark-grey-bg {
  padding: 8rem 2rem;
  position: relative;
}

.offer-form-section.total-grey-bg {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-direction: column;
  padding-top: 8rem;
}

.offer {
  background-color: var(--total-grey-bg);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 8rem;
  padding-bottom: 8rem;
  display: flex;
  position: static;
  inset: 0;
}

.div-block-5 {
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  padding: 20px;
  display: flex;
}

.icon {
  width: 60px;
  height: 60px;
  color: var(--total-blue-brand);
  -webkit-text-stroke-color: var(--total-blue-brand);
  flex-direction: row;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  margin-right: 0;
  padding-bottom: .5rem;
  font-size: 4rem;
  line-height: 4rem;
  display: flex;
}

.icon.total-white {
  color: var(--total-white-brand);
}

.page-title {
  letter-spacing: 12px;
  text-transform: uppercase;
  margin-top: 1px;
  margin-bottom: 0;
  font-size: 1.1rem;
  font-weight: 300;
  line-height: 1;
}

.js-clock {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-wrap: nowrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  height: auto;
  padding-top: 0;
  display: flex;
  overflow: visible;
}

.box {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  margin-right: 0;
  padding: 10px 10px 10px 1rem;
  font-size: 12px;
  line-height: 20px;
  display: flex;
}

.clock-number {
  color: var(--total-white-brand);
  font-size: 5rem;
  font-weight: 600;
  line-height: 6rem;
}

.clock-label {
  color: var(--total-white-brand);
  letter-spacing: 5px;
  text-transform: uppercase;
  margin-top: 10px;
  margin-right: -5px;
}

.container-5 {
  width: 45%;
  padding-top: 0;
}

.icon-box {
  border-radius: 50vw;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 5rem;
  height: 5rem;
  padding-bottom: 0;
  display: flex;
}

.icon-box.total-blue-bg {
  text-align: left;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.discover-step-wrapper-2 {
  grid-row-gap: 2rem;
  border-top: 1.5px solid #1421ff;
  flex-direction: column;
  justify-content: flex-start;
  width: 45%;
  max-width: none;
  padding-top: 1.375rem;
  padding-bottom: 5rem;
  display: flex;
}

.heading {
  color: #fff;
}

.assurance-content-wrapper-2 {
  grid-row-gap: 2.5rem;
  color: #fff;
  flex-direction: column;
  width: 33.25rem;
  display: flex;
}

.offer-countdown-header-wrapper-copy {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: row-reverse;
  justify-content: flex-end;
  align-items: flex-start;
  width: 60%;
  max-width: none;
  height: 100%;
  padding-top: 0;
  display: flex;
  position: sticky;
  top: 8rem;
}

.offer-countdown-header-wrapper-copy.type2 {
  width: 30%;
}

.offer-countdown-header-wrapper-copy.sticky {
  flex-direction: column;
  align-self: stretch;
  height: 100%;
  position: sticky;
  top: 8rem;
}

.offer-countdown-content-wrapper {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-direction: column;
  align-items: flex-start;
  width: auto;
  padding-top: 2rem;
  padding-bottom: 2rem;
  display: flex;
}

.offer-summary-section {
  justify-content: space-between;
  padding-top: 15rem;
  padding-left: 2rem;
  padding-right: 2rem;
  display: flex;
}

.offer-summary-section.total-grey-bg {
  position: relative;
}

.offer-summary-section.type2 {
  padding-top: 5.625rem;
  padding-bottom: 9.375rem;
}

.offer-summary-section.type3 {
  padding-top: 0;
  padding-bottom: 9.375rem;
}

.offer-summary-section.type4 {
  padding-top: 5.625rem;
}

.offer-summary-section.type4.total-grey-bg {
  justify-content: flex-start;
  padding: 8rem 2rem;
  display: flex;
}

.assurance-badge-wrapper {
  justify-content: center;
  width: 45%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.countdown-timer-wrapper {
  grid-row-gap: 2rem;
  border-top: 1.5px solid var(--total-white-brand);
  border-bottom: 1px solid var(--total-white-brand);
  flex-flow: column;
  flex: 0 auto;
  justify-content: center;
  align-self: center;
  align-items: flex-start;
  width: 45%;
  max-width: 100%;
  height: 100%;
  min-height: 100%;
  padding-top: 2rem;
  padding-bottom: 2rem;
  display: flex;
}

.container-6 {
  flex: 0 auto;
  justify-content: flex-start;
  width: 45%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.discover-step-wrapper-copy {
  grid-row-gap: 2rem;
  border-top: 0px none var(--total-blue-brand);
  flex-direction: column;
  max-width: 100%;
  padding-top: 0;
  padding-bottom: 5rem;
  display: flex;
}

.countdown-section {
  padding: 7.5rem 2rem 5.625rem;
}

.countdown-section.total-grey-bg {
  padding-top: 8rem;
  padding-bottom: 8rem;
  position: relative;
}

.countdown-section.total-grey-dark-bg {
  background-color: var(--total-dark-grey-bg);
}

.countdown-banner-wrapper {
  border-radius: 1.25rem;
  justify-content: space-between;
  padding: 6.25rem 7.5rem;
  display: flex;
}

.countdown-banner-wrapper.total-blue-bg {
  flex-direction: row;
  align-items: center;
  padding: 4rem;
  display: flex;
}

.countdown-title-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 45%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.discover-step-wrapper-2-copy {
  grid-row-gap: 2rem;
  border-top: 1.5px solid #1421ff;
  flex-direction: column;
  width: 45%;
  max-width: none;
  padding-top: 1.375rem;
  padding-bottom: 5rem;
  display: flex;
}

.final-step-wrapper {
  grid-row-gap: 2rem;
  border-top: 0px none var(--total-blue-brand);
  border-bottom: 1px solid var(--total-blue-brand);
  flex-direction: column;
  max-width: 100%;
  padding-top: 1.375rem;
  padding-bottom: 5rem;
  display: flex;
}

.offer-form-header-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-direction: column;
  align-self: center;
  width: 60%;
  max-width: 100%;
  height: 100%;
  padding-top: 0;
  display: flex;
  position: static;
  top: 8rem;
}

.offer-form-header-wrapper.type2 {
  width: 30%;
}

.offer-form-header-wrapper.sticky {
  flex-direction: column;
  align-self: stretch;
  align-items: center;
  max-width: 100%;
  height: 100%;
  position: sticky;
  top: 8rem;
}

.offer-header-content-wrapper {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-direction: column;
  align-self: center;
  width: 50%;
  max-width: none;
  padding-right: 2rem;
  display: flex;
}

.paragragh-text {
  color: var(--total-white-brand);
}

.paragragh-text.total-blue {
  color: var(--total-blue-brand);
  text-align: center;
}

.button-home {
  z-index: 5;
  grid-column-gap: .5rem;
  border: 1.5px solid var(--total-blue-brand);
  background-color: var(--total-white-brand);
  width: 100%;
  max-width: none;
  color: var(--total-white-brand);
  cursor: pointer;
  border-radius: 50vw;
  align-self: flex-start;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding: .5rem 2rem;
  transition: color .25s, background-color .25s linear;
  display: block;
  position: relative;
}

.button-home.selected {
  background-color: var(--total-blue-brand);
  color: var(--total-white-text);
}

.text-block {
  outline-offset: 0px;
  color: var(--total-blue-brand);
  text-align: center;
  outline: 3px #1421ff;
  font-family: Acid Grotesk, sans-serif;
  font-size: 18px;
  font-style: normal;
  text-decoration: none;
}

.link-block {
  width: 50%;
}

.html-embed-3 {
  width: 120px;
  height: 120px;
}

.lottie-animation {
  align-items: center;
  width: 20rem;
  height: 20rem;
  display: flex;
}

.t-cs-content-wrapper-copy {
  width: 50%;
  padding-left: .9375rem;
  padding-right: 1rem;
}

.container-7 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.recaptcha, .recaptcha-2 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.footer-credit-wrapper-1 {
  grid-column-gap: .5rem;
  width: 30%;
  display: flex;
}

.loc-rich-text_body {
  color: var(--total-blue-brand);
  margin-bottom: 2em;
}

.loc-rich-text_body h2 {
  margin-bottom: .25em;
  font-size: 2.25rem;
  line-height: 2.75rem;
}

.loc-rich-text_body p {
  color: var(--total-blue-brand);
  font-size: 1.125rem;
  line-height: 1.5;
}

.loc-rich-text_body h3 {
  border-top: 1.5px solid var(--total-blue-brand);
  color: var(--total-blue-brand);
  margin-top: 48px;
  margin-bottom: .125em;
  padding-top: .5em;
  font-size: 1.6rem;
  line-height: 1.2;
}

.loc-rich-text_body h4, .loc-rich-text_body h5, .loc-rich-text_body h6 {
  color: var(--total-blue-text);
}

.loc-rich-text_body a {
  text-decoration: underline;
}

.footer-menu-block {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  flex: 1;
  display: flex;
}

.header-loc_wrapper {
  color: var(--total-white-text);
  padding: 16.75rem 2rem 7.5rem;
}

.header-loc_layout {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  width: 100%;
  display: flex;
}

.header-loc_content {
  flex-direction: column;
  align-items: flex-start;
  width: 50%;
  display: flex;
}

.loc-rich-text_header h1 {
  color: var(--total-white-text);
  margin-bottom: .25em;
  font-size: 3.5rem;
  line-height: 1.2;
}

.loc-rich-text_header h2 {
  color: var(--total-white-text);
  margin-bottom: .5em;
  font-size: 2.25rem;
}

.loc-rich-text_header h3, .loc-rich-text_header h4, .loc-rich-text_header h5, .loc-rich-text_header h6 {
  color: var(--total-white-text);
}

.loc-rich-text_header p {
  color: var(--total-white-text);
  margin-bottom: 1em;
  font-size: 1.25rem;
  line-height: 1.5;
}

.header-loc_reviews {
  aspect-ratio: 2.6;
  width: 20rem;
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.loc-header_img-wrapper {
  padding: 0 2rem 2rem;
}

.loc-header_img-wrapper.type2 {
  padding: 0 0;
}

.loc-header_img-wrapper.type2.total-grey-bg {
  z-index: 1;
  width: auto;
  padding-left: 2rem;
  padding-right: 2rem;
  position: relative;
}

.global-section {
  padding-left: 2rem;
  padding-right: 2rem;
}

.body-global {
  background-color: var(--total-grey-bg);
  color: var(--total-blue-text);
}

.global-section-pmedium {
  padding-top: 8rem;
  padding-bottom: 8rem;
}

.global-section-pmedium.is-pb0 {
  padding-bottom: 0;
}

.global-section-pmedium.is-pt0 {
  padding-top: 0;
}

.loc_info-item {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  display: flex;
}

.loc_info-block-body {
  flex: 1;
  min-width: 50%;
}

.loc_info-block-heading {
  flex: 1;
  margin-right: 10%;
}

.loc_info-list {
  grid-row-gap: 8rem;
  flex-direction: column;
  display: flex;
}

.cta_content {
  z-index: 10;
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  background-color: var(--total-blue-bg);
  border-top-left-radius: 3.75rem;
  flex-direction: column;
  justify-content: space-between;
  width: 50%;
  padding: 4rem;
  display: flex;
  position: relative;
  inset: auto 0% 0% auto;
}

.cta_content.total-blue-bg {
  grid-row-gap: 1.5rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.cta_content.type2 {
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  padding-left: 6rem;
  padding-right: 6rem;
  display: flex;
}

.cta_content.is-flip {
  border-top-left-radius: 0;
  border-top-right-radius: 3.7rem;
  inset: 0% auto 0% 0%;
}

.loc-rich-text_cta h1 {
  color: var(--total-white-text);
  margin-bottom: .25em;
  font-size: 3.5rem;
  line-height: 1.2;
}

.loc-rich-text_cta h2 {
  color: var(--total-white-text);
  margin-bottom: .5em;
  font-size: 2.25rem;
  line-height: 2.75rem;
}

.loc-rich-text_cta h3, .loc-rich-text_cta h4, .loc-rich-text_cta h5, .loc-rich-text_cta h6 {
  color: var(--total-white-text);
}

.loc-rich-text_cta p {
  color: var(--total-white-text);
  margin-bottom: 1em;
  font-size: 1.125rem;
  line-height: 1.5;
}

.loc-rich-text_cta a {
  text-decoration: underline;
}

.cta-section-overlay {
  z-index: 1;
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  color: var(--total-white-text);
  background-image: linear-gradient(#0000 46%, #0006);
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  padding: 2rem;
  display: flex;
  position: absolute;
  inset: 0%;
}

.old-page {
  display: none;
}

.new-page {
  display: block;
}

.loc-old-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-top: 1.5px solid var(--total-blue-brand);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-top: 5rem;
  display: grid;
}

.u-text-shadow {
  text-shadow: 0 2px 3px #00000026, 0 2px 15px #00000040;
}

.loc-col-row {
  border-bottom: 1.5px none var(--total-blue-brand);
  width: 100.104%;
  display: flex;
}

.loc-col-item {
  padding-left: 0;
  padding-right: 0;
}

.loc-outline_block-right {
  border-right: 1.5px solid var(--total-blue-bg);
  border-bottom: 1.5px solid var(--total-blue-bg);
  flex: 1;
}

.loc-outline_block-right.single {
  width: 100%;
}

.loc-outline_block-right.desktop-hide {
  display: none;
}

.loc-outline_block-right.is-no-outline {
  border-bottom-style: none;
  border-right-style: none;
}

.loc-crd {
  border-right: 1.5px solid var(--total-blue-brand);
  border-bottom: 1.5px solid var(--total-blue-brand);
  width: 100%;
  padding: 1.5rem 1.5rem 1.25rem;
  transition: background-color .25s;
}

.loc-crd:hover {
  background-color: var(--total-dark-grey-bg);
}

.loc-crd_layout {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: space-between;
  display: flex;
}

.loc-crd_content {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  display: flex;
}

.loc-crd_img {
  flex: none;
  width: 70%;
  height: 17.5rem;
}

.loc-crd_arrow {
  border: 1.5px solid var(--total-blue-text);
  border-radius: 50%;
  width: 3rem;
  height: 3rem;
  padding: .75rem;
}

.loc-outline-layout {
  border-top: 1.5px solid var(--total-blue-brand);
  justify-content: space-between;
  display: flex;
  position: relative;
}

.loc-outline-layout.is-no-top-line {
  border: 1px #000;
}

.loc-outline_block-left {
  border-right: 1.5px solid var(--total-blue-bg);
  border-bottom: 1.5px solid var(--total-blue-bg);
  width: 50%;
}

.loc-outline_padding {
  height: 100%;
  padding: 1.5rem;
}

.big-quote_layout {
  justify-content: flex-end;
  display: flex;
}

.big-quote_block-main {
  width: 50%;
}

.big-quote_block-svg {
  flex: 1;
  justify-content: flex-end;
  align-items: flex-start;
  padding-top: 1rem;
  padding-right: 3rem;
  display: flex;
}

.big-quote_quote-img {
  width: 3rem;
  height: 3rem;
}

.big-quote_star-wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  align-items: center;
  margin-top: 3rem;
  margin-bottom: .5rem;
  display: flex;
}

.big-quote_star {
  width: 1.75rem;
  height: 1.75rem;
}

.cta_component {
  display: flex;
  position: relative;
}

.cta_component.is-mt0 {
  margin-top: 0;
}

.cta_component.is-mt0.is-flip {
  flex-direction: row-reverse;
}

.cta_component.is-flip {
  flex-direction: row;
}

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

.cta_img-wrapper {
  flex: 1;
  height: 43.75rem;
  margin-right: -5%;
  position: relative;
}

.cta_img-wrapper.is-flip {
  margin-left: -5%;
  margin-right: 0%;
}

.footer_row {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.header-loc_btn-size {
  width: 25rem;
}

.loc-header_img {
  width: 100%;
  height: 50rem;
}

.header-loc {
  background-color: var(--total-blue-bg);
}

.div-block-6 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex: 1;
  display: flex;
}

.footer-built-by {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  display: flex;
}

.footer-bottom-left {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  display: flex;
}

.html-embed-4 {
  align-self: center;
  width: 100%;
  max-width: 1200px;
}

.html-embed-5 {
  align-self: auto;
  width: 100%;
  min-width: auto;
  max-width: 1000px;
}

.pvl {
  padding-top: 40px;
  padding-bottom: 40px;
}

.wrap-div-btn {
  background-color: #d8d8d8;
  flex-flow: column;
  width: 100%;
  padding: 20px;
  display: flex;
}

.heading-2 {
  color: var(--total-blue-brand);
}

.heading-2.mbs {
  margin-bottom: 10px;
}

.button {
  background-color: #1529ff;
}

.grid {
  grid-template-rows: auto;
}

.mbm {
  margin-bottom: 40px;
}

.sortme-content-container {
  border-top: 3px solid #1529ff;
  margin-top: 60px;
  margin-bottom: 0;
  padding-top: 40px;
  padding-bottom: 40px;
}

.sortme-wrap-feature {
  border-bottom: 1px solid #1529ff;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.sortme-wrap-feature.no-btm-border {
  border-bottom-width: 0;
  padding-bottom: 0;
}

.sortme-wrap-feature.top {
  padding-top: 0;
}

.sortme-h3 {
  color: var(--total-blue-brand);
  margin-bottom: 10px;
}

.sortme-h3.mtm {
  margin-top: 30px;
}

.sortme-feature-img-warp {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 120px;
  display: flex;
}

.net-worth-img {
  width: 51px;
}

.paragraph, .paragraph-2, .paragraph-3, .paragraph-4, .paragraph-5 {
  color: var(--total-blue-brand);
}

.slider-wrapper {
  background-color: #0000;
  height: auto;
}

.slider-mask {
  z-index: 3;
  width: 100%;
  height: auto;
}

.slide {
  background-color: var(--total-blue-brand);
  width: 100%;
  height: 43.75rem;
  color: var(--total-grey-bg);
  border-top-left-radius: 3.125rem;
  padding: 4.5rem 9.9375rem 4.5rem 4.5rem;
  position: static;
}

.slide-inner-wrap {
  grid-column-gap: 15rem;
  grid-row-gap: 15rem;
  height: 100%;
  display: flex;
}

.large-title {
  font-size: 22.5rem;
  line-height: 1;
}

.large-title.lh--85 {
  color: var(--total-white-brand);
  line-height: .55;
}

.slide-inner-content {
  grid-column-gap: 1.4375rem;
  grid-row-gap: 1.4375rem;
  flex-flow: column;
  width: 37rem;
  display: flex;
}

.slide-inner-content.width-full {
  width: 100%;
}

.text-size-large {
  font-size: 1.75rem;
  font-weight: 400;
  line-height: 1.2;
}

.left-arrow {
  border: 1px solid #fff;
  border-radius: 1005px;
  justify-content: center;
  align-items: center;
  width: 2.875rem;
  min-width: 2.875px;
  height: 2.875rem;
  min-height: 2.875rem;
  display: flex;
  inset: auto auto 4.5rem 46%;
}

.embed {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.375rem;
  height: 1.3125rem;
  display: flex;
}

.embed.is-left {
  transform: rotate(180deg);
}

.icon-embed-custom {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.375rem;
  height: 1.3125rem;
  display: flex;
}

.right-arrow {
  border: 1px solid #fff;
  border-radius: 1005px;
  justify-content: center;
  align-items: center;
  width: 2.875rem;
  min-width: 2.875px;
  height: 2.875rem;
  min-height: 2.875rem;
  display: flex;
  inset: auto 46% 4.5rem auto;
}

.lists {
  margin-bottom: 0;
  padding-left: 1.25rem;
}

.faq-item {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  width: 100%;
  padding-top: 1.125rem;
}

.faq-item.border-top-0 {
  border-top-width: 0;
}

.faq-question-wrap {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-bottom: 1.125rem;
  display: flex;
}

.faq-answer-wrap {
  padding-bottom: 1.125rem;
}

.faq-list-block {
  width: 100%;
}

.icon-embed-custom-2 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.125rem;
  height: 1.1875rem;
  display: flex;
}

.faq-list-2 {
  border-top: 1.25px solid #4e57f1;
  border-bottom: 1.25px solid #1421ff;
  width: 100%;
}

.situation-line-anim-2 {
  background-color: #141414;
  width: 100%;
  height: 1.25px;
  transition: background-color .25s, width .3s cubic-bezier(.645, .045, .355, 1);
}

.faq-list-wrapper-2 {
  margin-top: 2.5rem;
}

.faq-inner-wraps {
  grid-column-gap: .6rem;
  grid-row-gap: .6rem;
  flex-flow: column;
  margin-top: 1rem;
  margin-bottom: 1rem;
  display: flex;
}

.swiper-holder {
  background-color: var(--total-blue-brand);
  color: var(--total-grey-bg);
  border-top-left-radius: 3.75rem;
  padding: 4.5rem;
}

.swiper-wrapper.feature-swiper-wapper {
  flex-flow: column;
  display: flex;
}

.swiper-slide.feature-swiper-slide {
  background-color: var(--total-blue-brand);
  width: 100%;
  height: auto;
}

.swiper-content {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.swiper-arrow {
  cursor: pointer;
  border: 1px solid #fff;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 2.875rem;
  height: 2.875rem;
  transition: all .3s;
  display: flex;
  inset: auto auto 4.5rem 46%;
}

.swiper-arrow:hover {
  background-color: var(--total-grey-bg);
  color: var(--total-blue-brand);
}

.swiper-arrow-wrap {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  margin-top: 4rem;
  display: flex;
}

.sec-mortgages-about {
  color: var(--total-blue-brand);
  background-color: #e3e3e3;
  padding-top: 12.5rem;
  padding-bottom: 7.5rem;
}

.new-container {
  padding-left: 2rem;
  padding-right: 2rem;
}

.mortgages-about-content {
  width: 50%;
  margin-left: auto;
}

.mortgages-richtext {
  display: block;
}

.mortgages-richtext p {
  color: var(--total-blue-brand);
  letter-spacing: .72px;
  margin-top: 1rem;
  font-size: 1.125rem;
  line-height: 1.33rem;
}

.mortgages-richtext h1 {
  color: var(--total-blue-brand);
  margin-top: 4rem;
  font-size: 2.75rem;
  line-height: 1.3;
}

.mortgages-richtext h2 {
  margin-top: 4rem;
  font-size: 2.25rem;
  line-height: 1.22;
}

.mortgages-richtext h3 {
  color: var(--total-blue-brand);
  margin-top: 4rem;
  font-size: 1.75rem;
  line-height: 1.22;
}

.mortgages-richtext h4 {
  color: var(--total-blue-brand);
  margin-top: 4rem;
  font-size: 1.5rem;
  line-height: 1.22;
}

.mortgages-richtext h5 {
  color: var(--total-blue-brand);
  margin-top: 4rem;
  font-size: 1.25rem;
  line-height: 1.22;
}

.mortgages-richtext h6 {
  color: var(--total-blue-brand);
  margin-top: 4rem;
  font-size: 1rem;
  line-height: 1.22;
}

.mortgages-richtext ol {
  margin-top: 2.5rem;
  margin-bottom: .25rem;
  padding-left: 1.4rem;
}

.mortgages-richtext li {
  letter-spacing: .72px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.125rem;
  line-height: 1.3;
}

.mortgages-richtext ul {
  margin-top: 2.5rem;
  padding-left: 1.4rem;
  list-style-type: decimal;
}

.body-content-2 {
  width: 50%;
}

.sec-body-content {
  color: var(--total-blue-brand);
  background-color: #e3e3e3;
  padding-top: 7.5rem;
  padding-bottom: 7.5rem;
}

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

.body-richtext p {
  color: var(--total-blue-brand);
  letter-spacing: .72px;
  margin-top: 1rem;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.33rem;
}

.body-richtext h1 {
  border-top: 1.5px solid var(--total-blue-brand);
  color: var(--total-blue-brand);
  letter-spacing: .72px;
  margin-top: 9rem;
  margin-bottom: 2.5rem;
  padding-top: 1.5rem;
  font-size: 2.25rem;
  line-height: 1.3;
}

.body-richtext h2 {
  border-top: 1.5px solid var(--total-blue-brand);
  letter-spacing: .72px;
  margin-top: 9rem;
  margin-bottom: 2.5rem;
  padding-top: 1.5rem;
  font-size: 2.25rem;
  line-height: 1.22;
}

.body-richtext h3, .body-richtext h4 {
  border-top: 1.5px solid var(--total-blue-brand);
  color: var(--total-blue-brand);
  margin-top: 9rem;
  padding-top: 1.5rem;
  font-size: 2.25rem;
  line-height: 1.22;
}

.body-richtext h5, .body-richtext h6 {
  border-top: 1.5px solid var(--total-blue-brand);
  color: var(--total-blue-brand);
  letter-spacing: .72px;
  margin-top: 9rem;
  padding-top: 1.5rem;
  font-size: 2.25rem;
  line-height: 1.22;
}

.body-richtext ol {
  margin-top: 1rem;
  margin-bottom: .25rem;
  padding-left: 1.4rem;
  list-style-type: disc;
}

.body-richtext li {
  letter-spacing: .72px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.125rem;
  line-height: 1.3;
}

.body-richtext ul {
  margin-top: 1rem;
  padding-left: 1.4rem;
  list-style-type: disc;
}

.marquee-wrapper {
  width: 100%;
}

.marquee-holder {
  display: flex;
}

.form-filed {
  border-style: none none solid;
  border-width: 1px 1px 1.5px;
  border-color: black black var(--total-blue-brand);
  height: auto;
  color: var(--total-blue-brand);
  letter-spacing: .0475rem;
  background-color: #e3e3e3;
  margin-bottom: 0;
  padding: .75rem 0 1rem;
  font-size: 1.1875rem;
  line-height: 1.625rem;
  transition: none;
  position: relative;
}

.form-filed::placeholder {
  color: var(--total-blue-text);
}

.form-filed.form-text-area {
  min-height: 10rem;
}

.submenu-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  margin-bottom: 16px;
  margin-left: 24px;
  display: flex;
}

.submenu-wrapper.mortgages-submenu {
  flex-direction: column;
  gap: 8px;
  margin-top: 4px;
  margin-bottom: 16px;
  margin-left: 24px;
  display: none;
}

.text-block-2 {
  color: var(--total-blue-text);
  margin-bottom: 10px;
  font-size: 3rem;
  line-height: 2.8rem;
}

.text-block-2.submenu-text {
  font-size: 2.7rem;
}

@media screen and (max-width: 991px) {
  .style-guide-section {
    align-items: stretch;
    padding-left: 2rem;
  }

  .body {
    overflow: auto;
  }

  .style-guide-header {
    max-width: 100%;
  }

  .style-guide-header-text {
    font-size: .9rem;
    line-height: 1rem;
  }

  .style-guide-type-glyphs-text {
    font-size: 1.25rem;
  }

  .style-guide-type-glyphs {
    grid-column-gap: .75rem;
    max-width: 100%;
    padding: 1.5rem 1.5rem 1.75rem;
  }

  .style-guide-type-glyphs-alpha {
    font-size: 1.25rem;
  }

  .style-guide-nav {
    display: none;
  }

  .style-guide-type-grid {
    grid-template-columns: 30% 17.5% 17.5% 17.5% 17.5%;
    max-width: 100%;
  }

  .style-guide-grid-item.fixed-height {
    grid-row-gap: 0rem;
  }

  .title1 {
    font-size: 4rem;
    line-height: 4.5rem;
  }

  .title1.total-blue-text.menu {
    font-size: 3rem;
    line-height: 3.5rem;
  }

  .title2.start-title.total-blue-text {
    font-size: 2.75rem;
    line-height: 3.25rem;
  }

  .title2.time-text.total-white-text {
    width: 6rem;
  }

  .title2.faq-heading {
    width: 80%;
  }

  .title3.total-blue-text {
    align-self: flex-start;
    font-size: 2rem;
    line-height: 2.5rem;
  }

  .title3.total-blue-text.scroll-test-heading {
    align-self: flex-start;
    padding-left: 2rem;
    position: fixed;
    left: 0;
  }

  .body1.total-grey-text.filter-dropdown-text {
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .body1.filter-dropdown-text {
    font-size: 1rem;
  }

  .body2.total-blue-text.desktop-hide {
    display: block;
  }

  .body2.total-white-text {
    text-align: left;
  }

  .body2.form-text-input.transparent._404 {
    width: 100%;
  }

  .body2.total-blue-text {
    text-align: left;
    align-self: flex-start;
  }

  .body2.total-blue-text.faq-dropdown-text {
    padding: 2rem 20% 2.5rem 0%;
  }

  .body3.total-blue-text.scroll-down-text {
    z-index: 0;
    background-color: var(--total-grey-bg);
    justify-content: center;
    width: 80vw;
    margin-top: 1.5vh;
    padding-top: 10rem;
    display: flex;
    position: fixed;
    inset: auto 0% 10vh 10vw;
  }

  .display1.total-blue-text, .display1.total-white-text {
    font-size: 10rem;
    line-height: 10rem;
  }

  .display2.total-white-text {
    font-size: 7.5rem;
    line-height: 7.5rem;
  }

  .style-guide-glyph-header {
    font-size: .9rem;
    line-height: 1rem;
  }

  .header-video {
    height: 100vh;
  }

  .nav-bar {
    width: 100vw;
  }

  .scroll-down-track.blue.v2 {
    height: 6.25rem;
    left: 95%;
  }

  .about-section {
    padding-top: 12.5rem;
  }

  .footer {
    min-height: auto;
  }

  .link-anim.menu-close {
    margin-right: 2rem;
  }

  .link-anim.filter {
    margin-bottom: 0;
    margin-right: 1.5rem;
  }

  .link-anim.mobile-hide2 {
    display: none;
  }

  .link-anim.desktop-hide {
    display: block;
  }

  .link-line-anim.total-blue-brand.t1 {
    margin-top: .25rem;
  }

  .nav-menu-content {
    grid-row-gap: 4.5rem;
    flex-direction: column-reverse;
    top: 7.5rem;
  }

  .nav-menu-item-list {
    width: 100%;
    padding-left: 2rem;
  }

  .nav-menu-contact-wrapper {
    padding-left: 2.25rem;
  }

  .about-content-wrapper {
    width: 100%;
    padding-left: 0;
  }

  .get-started-section.total-grey-bg {
    padding-top: 7.5rem;
    padding-bottom: 7.5rem;
  }

  .cta-section.total-grey-bg {
    padding-top: 7.5rem;
    padding-bottom: 0;
  }

  .section-content-header {
    grid-row-gap: 2rem;
    flex-direction: row;
    align-items: flex-start;
  }

  .cta-section-header-content {
    flex: 0 auto;
    width: 57.5%;
  }

  .cta-section-header-content.slider-buttons {
    flex: 0 auto;
  }

  .cta-section-content {
    flex-direction: column;
  }

  .cta-section-image {
    width: 100%;
    height: 40rem;
  }

  .cta-section-cta-wrapper {
    border-top-left-radius: 2.75rem;
  }

  .cta-section-cta-wrapper.total-blue-bg {
    width: 100%;
    height: 20rem;
    margin-top: -2rem;
    position: static;
  }

  .cta-section-cta-wrapper.type2.total-blue-bg {
    height: auto;
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .cta.explainer {
    align-self: center;
    max-width: 0%;
  }

  .cta-arrow.mobile-hide {
    display: none;
  }

  .footer-content {
    grid-row-gap: 12.5rem;
  }

  .footer-credit-wrapper {
    justify-content: flex-end;
    width: 100%;
  }

  .footer-privacy-wrapper {
    grid-column-gap: 1.5rem;
    grid-row-gap: .5rem;
    flex-direction: column;
  }

  .situation-section.total-grey-bg {
    padding-top: 7.5rem;
    padding-bottom: 5rem;
  }

  .situation-section-content {
    grid-column-gap: 5%;
  }

  .situation-content-type-wrapper {
    flex: none;
    width: 60%;
  }

  .situation-type-content-wrapper {
    width: 100%;
  }

  .calculator-section.total-dark-grey-bg {
    grid-row-gap: 2.5rem;
    flex-direction: column;
    padding-top: 7.5rem;
    padding-bottom: 5rem;
  }

  .calculator-placeholder {
    width: 100%;
  }

  .calculators-section.total-grey-bg {
    padding-top: 7.5rem;
  }

  .calculators-section-header {
    width: 100%;
  }

  .calculators-section-list {
    grid-column-gap: 1.5rem;
    grid-row-gap: 2.5rem;
    grid-template-columns: 1fr 1fr;
  }

  .calculators-item-anim-wrapper.total-grey-accent {
    height: 20rem;
  }

  .downloads-section.total-grey-bg {
    padding-top: 7.5rem;
  }

  .articles-section.total-grey-bg {
    flex-direction: column;
  }

  .articles-section-sticky-filter {
    position: relative;
    top: 0;
  }

  .articles-section-filter-wrapper {
    flex-direction: row;
  }

  .articles-section-content-wrapper {
    margin-top: 2.5rem;
  }

  .article-section {
    flex-direction: column;
  }

  .article-cover-image {
    object-position: 50% 0%;
    width: 100%;
    max-width: 100%;
    height: 40rem;
    position: relative;
  }

  .article-content {
    width: 100%;
    padding-top: 4.5rem;
    padding-left: 2rem;
  }

  .article-content-rich-text h3 {
    font-size: 2rem;
    line-height: 2.5rem;
  }

  .insights-section.total-grey-bg {
    padding-top: 7.5rem;
    padding-bottom: 0;
  }

  .latest-insight {
    grid-row-gap: 1.125rem;
    flex-direction: column;
  }

  .latest-insight:hover {
    background-color: var(--total-grey-bg);
    padding-left: 0;
    padding-right: 2rem;
  }

  .latest-insights-title {
    width: 100%;
  }

  .latest-insights-cta-wrapper {
    margin-top: 3.125rem;
  }

  .cover-image-section.total-grey-bg {
    padding-bottom: 0;
  }

  .cover-image-section.type2.total-grey-bg {
    padding-top: 5rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .persona-cover-image {
    height: 27.5rem;
  }

  .persona-cover-image.type2 {
    height: 35rem;
  }

  .reviews-section.total-grey-bg {
    padding-top: 7.5rem;
    padding-bottom: 3.125rem;
    overflow: hidden;
  }

  .review-card.full {
    width: 80vw;
  }

  .header-about-wrapper.total-grey-bg {
    padding-top: 12.5rem;
    padding-bottom: 2.5rem;
  }

  .header-about-title-wrapper, .header-about-title-wrapper.start-page {
    width: 100%;
  }

  .team-list-wrapper.desktop-hide {
    display: block;
  }

  .team-list-wrapper.mobile-hide {
    display: none;
  }

  .team-list {
    grid-template-columns: 1fr 1fr;
  }

  .team-member-card {
    position: relative;
  }

  .team-member-profile-preview-image {
    object-position: 50% 10%;
    height: 25rem;
  }

  .team-list-row1.mobile-hide {
    display: none;
  }

  .start-cta-wrapper {
    margin-top: 5rem;
  }

  .awards-section.total-grey-bg {
    padding-top: 7.5rem;
    padding-bottom: 0;
  }

  .awards-section.total-grey-bg.offer-page {
    padding-bottom: 3.5rem;
  }

  .awards-list-item {
    order: -1;
  }

  .awards-list-badge {
    width: 8rem;
    min-width: 8rem;
    height: 8rem;
    min-height: 8rem;
    margin-right: 1.5rem;
  }

  .deals-logo-section.total-grey-bg {
    padding-top: 5rem;
    padding-bottom: 6rem;
    overflow: hidden;
  }

  .link-generator-section {
    grid-column-gap: 0rem;
    grid-row-gap: 2.5rem;
    flex-direction: column;
    align-items: center;
  }

  .contact-header-section.total-grey-bg {
    flex-direction: column;
    display: flex;
  }

  .contact-header-wrapper {
    grid-row-gap: 2rem;
    flex-direction: column;
  }

  .contact-form-wrapper {
    width: 75%;
  }

  .logos-list-icon {
    width: 7.5rem;
    min-width: 7.5rem;
    min-height: 5rem;
    margin-right: 3rem;
  }

  .customer-testimonial-section.total-grey-bg {
    padding-top: 7.5rem;
    padding-bottom: 0;
  }

  .customer-testimonial-section.type2.total-grey-bg {
    padding-top: 2rem;
  }

  .testimonial-card-detail-wrapper.total-blue-bg {
    display: none;
  }

  .testimonial-card-wrapper {
    width: 75vw;
  }

  .offer-header-wrapper {
    width: 100%;
  }

  .offer-form-wrapper.total-grey-bg.start-link-gen {
    width: 60%;
    margin-top: 0;
    bottom: 0%;
    left: 0;
  }

  .offer-form-wrapper.total-grey-bg, .offer-form-wrapper.total-grey-drak-bg {
    width: 75%;
  }

  .offer-form-wrapper.total-grey-drak-bg.start-link-gen {
    width: 60%;
    margin-top: 0;
    bottom: 0%;
    left: 0;
  }

  .offer-form {
    width: 100%;
    min-width: 100%;
  }

  .offer-form.start-gen {
    width: 100%;
  }

  .offer-explanation-section.total-grey-bg {
    z-index: 1;
    grid-row-gap: 3.5rem;
    flex-direction: column;
    padding-top: 7.5rem;
    position: relative;
  }

  .offer-explanation-section.type2.total-grey-bg, .offer-explanation-section.type3.total-grey-bg {
    padding-bottom: 5rem;
  }

  .offer-explanation-section.type4.total-grey-bg {
    padding-top: 5rem;
  }

  .offer-about-header-wrapper {
    width: 100%;
    max-width: 100%;
    position: static;
  }

  .offer-about-header-wrapper.type2 {
    width: 65%;
  }

  .offer-about-header-wrapper.sticky {
    align-self: stretch;
    width: 100%;
    position: static;
  }

  .offer-about-content-wrapper {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    flex-direction: column;
    align-self: center;
    width: 100%;
  }

  .offer-about-inner-border-content-wrapper {
    grid-row-gap: 3.5rem;
    flex-direction: column;
  }

  .offer-cover-cta-section.total-grey-bg {
    padding-top: 3.5rem;
  }

  .offer-cover-wrapper {
    background-color: var(--total-grey-bg);
    padding-left: 0;
    padding-right: 0;
    overflow: hidden;
  }

  .offer-cover-image {
    width: 100%;
  }

  .offer-cover-cta-wrapper {
    min-height: 20%;
    max-height: 40%;
    padding: 4rem;
  }

  .offer-cover-cta-wrapper.total-blue-bg {
    align-items: center;
    min-width: 70%;
    margin-right: 1rem;
    padding: 5rem 1rem;
    inset: auto 0% 0% auto;
  }

  .offer-cover-cta-wrapper.type2.total-blue-bg {
    justify-content: center;
    width: 100%;
    min-width: 50%;
    max-width: 90%;
    margin-left: 4rem;
  }

  .testimonial-section-title-wrapper {
    width: 75%;
  }

  .offer-discover-section.total-dark-grey-bg {
    grid-row-gap: 3.5rem;
    flex-direction: column;
    padding-top: 7.5rem;
    padding-bottom: 7.5rem;
  }

  .offer-discover-section.total-grey-bg {
    flex-direction: column;
  }

  .assurance-banner-wrapper.total-blue-bg {
    grid-row-gap: 1.5rem;
    flex-direction: column;
    padding-top: 2.5rem;
    padding-bottom: 4rem;
    padding-left: 4rem;
  }

  .assurance-badge {
    width: 10rem;
    height: 10rem;
  }

  .offer-explainer-section.total-grey-bg {
    padding-top: 7.5rem;
  }

  .scroll-explainer-section.total-grey-bg {
    width: 100vw;
    padding-bottom: 2.5rem;
  }

  .scroll-explainer-section.total-grey-bg.mobile-hide {
    display: none;
  }

  .home-lottie-wrapper.total-dark-grey-bg {
    z-index: 1;
    justify-content: center;
    align-items: center;
    height: 40vh;
    display: flex;
    top: 30vh;
    overflow: hidden;
  }

  .home-lottie-explainer-header {
    justify-content: flex-end;
    width: 75vw;
    height: 100vh;
    padding: 0 2rem 15%;
  }

  .home-lottie-explainer-content.mobile-hide {
    display: none;
  }

  .explainer-number.total-blue-bg {
    margin-bottom: -1rem;
  }

  .explainer-number.total-blue-bg.v2 {
    display: none;
  }

  .explainer-wrapper {
    grid-row-gap: 1.75rem;
    width: 100%;
    position: absolute;
  }

  .explainer-wrapper.part1 {
    grid-row-gap: 1.75rem;
    width: 100%;
  }

  .explainer-wrapper.part2, .explainer-wrapper.part3 {
    filter: none;
  }

  .explainer-wrapper.mobile {
    opacity: 1;
    flex-direction: column;
    width: 80%;
    margin-top: 75vh;
    top: 75vh;
  }

  .explainer-wrapper.mobile.v2 {
    grid-row-gap: 1rem;
    margin-top: 62.5vh;
    top: 62.5vh;
  }

  .lottie-explainer-header {
    width: 75%;
    top: 11.5%;
  }

  .team-stat-grid {
    grid-column-gap: 1.5rem;
    grid-row-gap: 3.5rem;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .team-content.total-blue-bg, .team-content.white {
    width: 100%;
    padding-top: 7.5rem;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .team-cover-image {
    z-index: 55;
    object-fit: cover;
    object-position: 50% 15%;
    width: 100%;
    max-width: 100%;
    height: 40rem;
    position: relative;
  }

  .header-team-title-wrapper {
    width: 100%;
  }

  .header-team-title-wrapper.desktop-hide {
    margin-bottom: 2.5rem;
    display: block;
  }

  .contact-card-grid {
    grid-template-columns: 1fr 1fr;
  }

  .about-video {
    height: 25.75rem;
  }

  .scroll-explainer-section-2.total-grey-bg {
    z-index: 0;
    width: 100vw;
    padding-bottom: 2.5rem;
  }

  .scroll-explainer-section-2.total-grey-bg.mobile-hide {
    display: none;
  }

  .faq-section.total-grey-bg {
    z-index: 1;
    position: relative;
  }

  .articles-cat-list {
    display: flex;
  }

  .bio-nav-bar {
    width: 100%;
  }

  .bio-nav-bar.total-translucent-accent {
    background-color: var(--total-grey-bg);
  }

  .team-about-section {
    flex-direction: column;
  }

  .content-extractor {
    z-index: 1;
    background-color: var(--total-white-brand);
    position: relative;
  }

  .stat-scroll-section.total-grey-bg {
    padding-top: 7.5rem;
    padding-bottom: 0;
  }

  .desktop-h-scroll.desktop-show {
    display: none;
  }

  .mobile-v-scroll {
    padding-left: 2rem;
    padding-right: 2rem;
    display: block;
  }

  .mobile-stat-wrapper {
    grid-row-gap: .5rem;
    flex-direction: column;
    width: 50%;
    display: flex;
  }

  .all-mobile-stat-wrapper {
    grid-row-gap: 2rem;
    flex-direction: column;
    margin-top: 3rem;
    display: flex;
  }

  .get-started-form-wrapper {
    width: 80%;
  }

  .option-checkbox-wrapper {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
  }

  .get-started-back-wrapper {
    justify-content: flex-start;
    width: 10%;
    padding-top: 20%;
    padding-bottom: 0;
    padding-left: 1rem;
  }

  .form-progress-wrapper {
    display: none;
  }

  .get-started-next-wrapper {
    justify-content: flex-start;
    width: 100%;
    padding-left: 1rem;
  }

  .plyr_component.is-full-screen {
    height: 30rem;
  }

  .plyr_cover-button.mobile-show {
    display: block;
  }

  .profile-preview-add-icon {
    width: 2.5rem;
    height: 2.5rem;
  }

  .header.home {
    min-height: 110vh;
  }

  .header-content-wrapper {
    padding-left: 0;
  }

  .header-home-wrapper {
    justify-content: flex-start;
    padding-bottom: 15%;
    padding-left: 1.8rem;
  }

  .header-process-wrapper {
    justify-content: flex-start;
    padding-bottom: 7.5%;
    padding-left: 2.5rem;
  }

  .header-process-wrapper.flex {
    padding-bottom: 5.5%;
    padding-left: 1.9rem;
  }

  .header-tools-wrapper {
    justify-content: flex-start;
    padding-bottom: 7.5%;
    padding-left: 3.05rem;
  }

  .header-calculator-wrapper {
    justify-content: flex-start;
    padding-bottom: 5.5%;
  }

  .header-persona-wrapper {
    justify-content: flex-start;
    padding-bottom: 7.5%;
    padding-left: 1.5rem;
  }

  .header-offer-wrapper {
    grid-row-gap: 2rem;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    height: auto;
    padding-top: 20%;
    padding-bottom: 15%;
  }

  .header-insights-wrapper {
    justify-content: flex-start;
    padding-top: 25%;
    padding-bottom: 7.5%;
    padding-left: 2.5rem;
  }

  .header-404-wrapper {
    grid-row-gap: 3rem;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    padding-bottom: 7.5%;
    padding-left: 2rem;
  }

  .header-password-wrapper {
    padding-bottom: 7.5%;
    padding-left: 2rem;
  }

  .explainer-scroll-indicator.desktop-show {
    display: none;
  }

  .explainer-scroll-indicator.desktop-show.scroll {
    z-index: 2;
    display: block;
    top: 72.5vh;
    bottom: auto;
  }

  .explainer-scroll-indicator.desktop-show.scroll.v2 {
    top: 55vh;
  }

  .explainer-wrapper-2 {
    grid-row-gap: 1.75rem;
    width: 100%;
    position: absolute;
  }

  .explainer-wrapper-2.part1 {
    grid-row-gap: 1.75rem;
    width: 100%;
  }

  .explainer-wrapper-2.part2, .explainer-wrapper-2.part3 {
    opacity: 1;
    filter: none;
  }

  .team-member-link {
    position: absolute;
    inset: 0%;
  }

  .header-calendly-wrapper {
    justify-content: flex-end;
    padding-bottom: 5.5%;
  }

  .explainer-section-mobile {
    padding: 5rem 2rem;
    overflow: hidden;
  }

  .explainer-section-mobile.total-grey-bg {
    flex-direction: column;
    align-items: center;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
    overflow: visible;
  }

  .explainer-lottie-mobile {
    width: 100%;
    display: block;
    transform: scale(1.5);
  }

  .mobile-explainer-each {
    z-index: 3;
    flex-direction: column;
    width: 100%;
    height: 150vh;
    position: relative;
  }

  .mobile-lottie-holder {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 30vh;
    margin-top: 3rem;
    margin-bottom: 2rem;
    display: none;
    position: relative;
  }

  .explainer-wrapper-top {
    grid-row-gap: 1.25rem;
    max-width: 35vw;
  }

  .explainer-wrapper-bottom {
    width: 100%;
    display: none;
  }

  .explainer-wrapper-bottom.v2 {
    display: block;
  }

  .explainer-blank {
    background-color: #e3e3e3;
    height: 50vh;
  }

  .scroll-section-links {
    grid-row-gap: 2.5rem;
    flex-direction: column;
    align-items: flex-end;
    width: auto;
    height: 80vh;
    inset: 10% 2rem 0% auto;
    transform: scale(.85);
  }

  .scroll-section-links.v2 {
    flex-direction: row;
    width: 100%;
    top: auto;
    right: auto;
  }

  .container {
    flex-wrap: nowrap;
    flex: 0 auto;
    align-self: stretch;
    max-width: 100vw;
    font-size: 100vw;
    display: block;
  }

  .cta-invert.explainer {
    align-self: center;
    max-width: 0%;
  }

  .offer-action-book.total-grey-bg {
    flex-direction: column;
    padding-top: 7.5rem;
    padding-bottom: 7.5rem;
  }

  .offer-about-section-copy.total-grey-bg {
    z-index: 1;
    grid-row-gap: 3.5rem;
    flex-direction: column;
    padding-top: 7.5rem;
    position: relative;
  }

  .offer-about-section-copy.type2.total-grey-bg, .offer-about-section-copy.type3.total-grey-bg {
    padding-bottom: 5rem;
  }

  .offer-about-section-copy.type4.total-grey-bg {
    padding-top: 5rem;
  }

  .offer-title-header-wrapper {
    width: 100%;
    max-width: 100%;
  }

  .offer-title-header-wrapper.type2 {
    width: 65%;
  }

  .offer-title-header-wrapper.sticky {
    align-self: stretch;
    width: 100%;
    position: static;
  }

  .offer-title-content-wrapper {
    align-self: center;
    width: 90%;
  }

  .offer-header.home {
    min-height: 110vh;
  }

  .offer-why-choose-us-section.total-grey-bg {
    z-index: 1;
    grid-row-gap: 3.5rem;
    flex-direction: column;
    padding-top: 7.5rem;
    position: relative;
  }

  .offer-why-choose-us-section.type2.total-grey-bg, .offer-why-choose-us-section.type3.total-grey-bg {
    padding-bottom: 5rem;
  }

  .offer-why-choose-us-section.type4.total-grey-bg {
    padding-top: 5rem;
  }

  .offer-three-easy-step-section.total-dark-grey-bg {
    grid-row-gap: 3.5rem;
    flex-direction: column;
    padding-top: 7.5rem;
    padding-bottom: 7.5rem;
  }

  .offer-three-easy-step-section.total-grey-bg {
    flex-direction: column;
  }

  .offer-final-section.total-dark-grey-bg {
    grid-row-gap: 3.5rem;
    flex-direction: column;
    padding-top: 7.5rem;
    padding-bottom: 7.5rem;
  }

  .offer-final-section.total-grey-bg {
    flex-direction: column;
  }

  .offer-countdown-section.total-grey-bg {
    z-index: 1;
    grid-row-gap: 3.5rem;
    flex-direction: column;
    padding-top: 7.5rem;
    position: relative;
  }

  .offer-countdown-section.type2.total-grey-bg, .offer-countdown-section.type3.total-grey-bg {
    padding-bottom: 5rem;
  }

  .offer-countdown-section.type4.total-grey-bg {
    padding-top: 5rem;
  }

  .offer-form-section.total-dark-grey-bg {
    grid-row-gap: 3.5rem;
    flex-direction: column;
    padding-top: 7.5rem;
    padding-bottom: 7.5rem;
  }

  .discover-step-wrapper-2, .assurance-content-wrapper-2 {
    width: 100%;
  }

  .offer-countdown-header-wrapper-copy {
    width: 100%;
    max-width: 100%;
  }

  .offer-countdown-header-wrapper-copy.type2 {
    width: 65%;
  }

  .offer-countdown-header-wrapper-copy.sticky {
    align-self: stretch;
    width: 100%;
    position: static;
  }

  .offer-countdown-content-wrapper {
    align-self: center;
    width: 90%;
  }

  .offer-summary-section.total-grey-bg {
    z-index: 1;
    grid-row-gap: 3.5rem;
    flex-direction: column;
    padding-top: 7.5rem;
    position: relative;
  }

  .offer-summary-section.type2.total-grey-bg, .offer-summary-section.type3.total-grey-bg {
    padding-bottom: 5rem;
  }

  .offer-summary-section.type4.total-grey-bg {
    padding-top: 5rem;
  }

  .assurance-badge-wrapper, .countdown-timer-wrapper {
    width: 100%;
  }

  .countdown-banner-wrapper.total-blue-bg {
    grid-row-gap: 1.5rem;
    flex-direction: column;
    padding-top: 2.5rem;
    padding-bottom: 4rem;
    padding-left: 2.5rem;
  }

  .countdown-title-wrapper {
    width: 100%;
  }

  .offer-form-header-wrapper {
    width: 100%;
    max-width: 100%;
  }

  .offer-form-header-wrapper.type2 {
    width: 65%;
  }

  .offer-form-header-wrapper.sticky {
    align-self: stretch;
    width: 100%;
    position: static;
  }

  .offer-header-content-wrapper, .t-cs-content-wrapper-copy {
    width: 100%;
    padding-left: 0;
  }

  .footer-credit-wrapper-1 {
    justify-content: flex-end;
    width: 100%;
  }

  .footer-menu-block {
    min-width: 30%;
  }

  .header-loc_wrapper.total-grey-bg {
    padding-top: 12.5rem;
    padding-bottom: 2.5rem;
  }

  .header-loc_content {
    width: 100%;
  }

  .loc-header_img-wrapper.total-grey-bg {
    padding-bottom: 0;
  }

  .loc-header_img-wrapper.type2.total-grey-bg {
    padding-top: 5rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .loc_info-item {
    flex-wrap: wrap;
  }

  .loc_info-block-heading {
    min-width: 30rem;
    margin-right: 0%;
  }

  .loc_info-list {
    grid-row-gap: 6rem;
  }

  .cta_content {
    border-top-left-radius: 2.75rem;
    width: 100%;
  }

  .cta_content.total-blue-bg {
    width: 100%;
    height: 20rem;
    margin-top: -2rem;
    position: static;
  }

  .cta_content.type2.total-blue-bg {
    height: auto;
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .cta_content.is-flip {
    border-top-right-radius: 2.7rem;
  }

  .cta-section-overlay {
    padding-bottom: 4rem;
  }

  .loc-old-grid {
    grid-template-columns: 1fr 1fr;
  }

  .loc-col-row.mobile-hide {
    display: none;
  }

  .loc-outline_block-right.desktop-hide {
    display: block;
  }

  .loc-outline_block-right.mobile-hide {
    display: none;
  }

  .loc-crd {
    padding-left: 0;
    position: relative;
  }

  .loc-outline-layout {
    flex-direction: column;
  }

  .loc-outline_block-left {
    width: 100%;
  }

  .loc-outline_padding {
    padding-left: 0;
  }

  .big-quote_block-main {
    flex: 1;
  }

  .big-quote_block-svg {
    flex: none;
  }

  .cta_component {
    flex-direction: column;
  }

  .cta_component.is-flip {
    flex-direction: column-reverse;
  }

  .cta_img {
    width: 100%;
  }

  .cta_img-wrapper {
    flex: none;
    width: 100%;
    height: 30rem;
    margin-bottom: -2.7rem;
    margin-right: 0%;
  }

  .cta_img-wrapper.is-flip {
    margin-left: 0%;
  }

  .footer_row {
    grid-row-gap: 6rem;
    grid-template-rows: auto;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    align-items: flex-start;
  }

  .footer_row.is-bottom {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    grid-template-columns: 1fr;
  }

  .loc-header_img {
    height: 35rem;
  }

  .footer-bottom-left {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-direction: column;
    align-items: flex-start;
  }

  .slider-wrapper {
    height: 100%;
  }

  .slider-mask {
    background-color: var(--total-blue-brand);
    border-top-left-radius: 3.125rem;
  }

  .slide {
    height: auto;
    padding: 1.875rem 1.875rem 5rem;
  }

  .slide-inner-wrap {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
  }

  .large-title {
    font-size: 14rem;
  }

  .large-title.lh--85 {
    line-height: 1;
  }

  .slide-inner-content {
    width: 100%;
  }

  .left-arrow {
    bottom: 2.5rem;
    left: 42%;
  }

  .right-arrow {
    bottom: 2.5rem;
    right: 42%;
  }

  .swiper-holder {
    z-index: 1;
    border-top-left-radius: 3.125rem;
    padding: 1.875rem 1.875rem 5rem;
    position: relative;
  }

  .swiper-content {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .swiper-arrow {
    bottom: 2.5rem;
    left: 42%;
  }

  .mortgages-about-content {
    width: 100%;
    margin-left: 0;
  }

  .grid-component {
    grid-column-gap: 4.5rem;
    grid-row-gap: 4.5rem;
    grid-template-columns: 1fr;
  }

  .body-richtext h1, .body-richtext h2, .body-richtext h3, .body-richtext h4, .body-richtext h5, .body-richtext h6 {
    margin-top: 4.5rem;
  }
}

@media screen and (max-width: 767px) {
  .footer {
    min-height: auto;
  }

  .cta.full-width.border.offer-text {
    min-width: auto;
  }

  .footer-content {
    min-height: auto;
    position: relative;
  }

  .footer-top-content {
    flex-direction: column;
  }

  .footer-menu-contact-wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-direction: column;
    justify-content: space-between;
    padding-left: 0;
  }

  .footer-link-wrapper {
    flex: 1;
  }

  .footer-bottom-content {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-direction: column;
    align-items: flex-start;
  }

  .persona-cover-image.type2.top {
    height: 25rem;
  }

  .offer-cover-cta-wrapper {
    max-width: 90%;
  }

  .offer-cover-cta-wrapper.total-blue-bg {
    min-width: 70%;
    max-width: 95%;
  }

  .offer-cover-cta-wrapper.type2.total-blue-bg {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .plyr_component.is-full-screen {
    height: 110vw;
  }

  .plyr_cover-button {
    font-size: .8em;
  }

  .loc-rich-text_body p {
    font-size: 1rem;
  }

  .loc-rich-text_body h3 {
    margin-bottom: .125em;
  }

  .footer-menu-block {
    flex: 1;
    min-width: auto;
  }

  .header-loc_wrapper {
    padding-top: 10rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .loc-rich-text_header h1 {
    font-size: 2.8rem;
  }

  .loc-rich-text_header p {
    font-size: 1.125rem;
  }

  .header-loc_reviews {
    width: 17.5rem;
  }

  .loc-header_img-wrapper {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .global-section {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .global-section-pmedium {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .loc_info-item {
    flex-direction: column;
  }

  .loc_info-block-heading {
    min-width: auto;
  }

  .loc_info-list {
    grid-row-gap: 4rem;
  }

  .cta_content {
    padding: 3rem 2rem 2rem;
  }

  .loc-crd_img {
    height: 12.5rem;
  }

  .cta_img-wrapper {
    height: 20rem;
  }

  .footer_row {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-columns: 1fr 1fr;
    justify-content: space-between;
    margin-bottom: 3rem;
  }

  .footer_row.is-top {
    grid-row-gap: 4rem;
  }

  .header-loc_btn-size {
    width: 100%;
    max-width: 30rem;
  }

  .loc-header_img {
    height: 30rem;
  }

  .large-title {
    font-size: 12rem;
  }

  .text-size-large {
    font-size: 1.2rem;
  }

  .left-arrow {
    left: 40%;
  }

  .right-arrow {
    right: 40%;
  }

  .swiper-holder {
    border-top-left-radius: 1.875rem;
    padding-bottom: 2.5rem;
  }

  .swiper-arrow {
    left: 40%;
  }

  .new-container {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .mortgages-richtext p {
    font-size: 1rem;
  }

  .mortgages-richtext h1, .mortgages-richtext h2 {
    font-size: 1.75rem;
  }

  .mortgages-richtext h3 {
    font-size: 1.5rem;
  }

  .mortgages-richtext h4 {
    font-size: 1.25rem;
  }

  .mortgages-richtext h5, .mortgages-richtext li, .body-richtext p {
    font-size: 1rem;
  }

  .body-richtext h1, .body-richtext h2, .body-richtext h3, .body-richtext h4, .body-richtext h5, .body-richtext h6 {
    font-size: 1.75rem;
  }

  .body-richtext li {
    font-size: 1rem;
  }
}

@media screen and (max-width: 479px) {
  li {
    margin-top: .5rem;
    margin-bottom: .5rem;
  }

  .title1 {
    line-height: 4rem;
  }

  .title1.total-blue-text {
    font-size: 3.75rem;
    line-height: 4.5rem;
  }

  .title1.total-blue-text.menu {
    font-size: 2.85rem;
    line-height: 3.3rem;
  }

  .title1.situation-section-text.total-grey-text {
    letter-spacing: -.03125rem;
    padding-bottom: .75rem;
    font-size: 3.125rem;
    line-height: 3.5rem;
  }

  .title1.situation-section-text.total-blue-text.dropdown-text {
    letter-spacing: -.03125rem;
    width: 75%;
    padding-bottom: .75rem;
    font-size: 3rem;
    line-height: 3.35rem;
  }

  .title1.calendly-title {
    font-size: 2.5rem;
    line-height: 2.75rem;
  }

  .title2 {
    letter-spacing: .035rem;
    font-size: 1.75rem;
    line-height: 2rem;
  }

  .title2.total-blue-text.stat-text {
    font-size: 3rem;
    line-height: 3rem;
  }

  .title2.total-white-text {
    font-size: 2.25rem;
    line-height: 2.6rem;
  }

  .title2.total-white-text.title3 {
    font-size: 30px;
  }

  .title2.total-white-text.title1 {
    font-size: 12px;
    line-height: 1.2rem;
  }

  .title2.start-title.total-blue-text {
    font-size: 2rem;
    line-height: 2.25rem;
  }

  .title2.time-text.total-white-text {
    width: 3rem;
  }

  .title2.faq-heading {
    width: 85%;
  }

  .title2.faq-heading.total-blue-text {
    font-size: 2rem;
  }

  .title3 {
    letter-spacing: .035rem;
    font-size: 1.75rem;
    line-height: 2.125rem;
  }

  .title3.total-white-text {
    text-align: center;
  }

  .title3.total-blue-text {
    background-color: #0000;
    width: 100%;
    padding-left: 0;
    position: static;
  }

  .title3.total-blue-text.scroll-test-heading {
    align-self: flex-start;
    padding-left: 1.5rem;
  }

  .title3.total-blue-text.centred {
    text-align: center;
  }

  .body1.total-blue-text.form-text {
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .body1.total-white-text {
    letter-spacing: .02rem;
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .body1.form-text-input2.total-grey-bg.total-blue-text {
    border-radius: 0;
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .body1.form-text-input2.total-grey-bg.total-blue-text:focus {
    background-color: #0000;
  }

  .body1.field-selection.total-grey-bg.total-blue-text {
    width: 70%;
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .body1.field-selection.total-grey-bg.total-blue-text.article-dropdown {
    width: 100%;
  }

  .body1.form-text-area.total-grey-bg.total-blue-text {
    border-radius: 0;
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .body1.form-text-area.total-grey-bg.total-blue-text:focus {
    background-color: #0000;
  }

  .body1.form-text-area.total-grey-bg.total-blue-text.get-started {
    min-height: 12.5rem;
  }

  .body1.filter-dropdown-text.total-grey-text.hide {
    display: none;
  }

  .body1.option-answer {
    font-size: 1rem;
  }

  .body2 {
    font-size: .8rem;
  }

  .body2.total-blue-text.mobile-hide {
    display: none;
  }

  .body2.total-blue-text.situation-dropdown-text {
    padding-top: 1.5rem;
  }

  .body2.total-blue-text.faq-dropdown-text {
    padding-top: 1.5rem;
    padding-bottom: 2rem;
    padding-right: 0%;
  }

  .body2.total-blue-text.faq-dropdown-text ul {
    padding-left: 1.4rem;
  }

  .body2.total-grey-text.msf-heading {
    margin-left: 1.25rem;
  }

  .body2.total-white-text {
    text-align: left;
  }

  .body2.total-white-text.mobile-hide {
    display: none;
  }

  .body2.mobile-footer-text {
    letter-spacing: .0475rem;
    font-size: 1.1875rem;
    line-height: 1.625rem;
  }

  .body2.error-text {
    text-align: center;
    padding-left: 0;
  }

  .body2.total-blue-text.faq-dropdown-text {
    padding-top: 1.5rem;
    padding-right: 0%;
  }

  .display1.total-blue-text {
    letter-spacing: -.28rem;
    font-size: 5rem;
    line-height: 5rem;
  }

  .display1.total-white-text {
    letter-spacing: -.16rem;
    font-size: 4rem;
    line-height: 4.5rem;
  }

  .display2.total-white-text {
    letter-spacing: -.25rem;
    font-size: 5rem;
    line-height: 5rem;
  }

  .header-video {
    height: 60rem;
  }

  .header-section {
    min-height: 100vh;
  }

  .header-section.start-page {
    min-height: auto;
  }

  .nav-bar {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .nav-bar-content {
    justify-content: space-between;
    padding-left: 0;
  }

  .scroll-down-track.home {
    align-self: center;
    height: 5rem;
    position: absolute;
    top: 75vh;
    bottom: auto;
  }

  .about-section.total-grey-bg {
    padding: 7.5rem 1.5rem 0;
  }

  .footer {
    height: auto;
    min-height: auto;
  }

  .footer-video {
    z-index: 2;
    position: absolute;
    inset: 0%;
  }

  .nav-video {
    min-height: 60rem;
  }

  .link-anim.menu-close {
    margin-right: 1.25rem;
  }

  .link-anim.mobile-hide {
    align-self: center;
  }

  .link-anim.mobile-hide2 {
    display: none;
  }

  .link-anim.desktop-tab-hide {
    display: block;
  }

  .link-anim.mobile-hide2 {
    align-self: center;
  }

  .link-anim.mobile-hide-only {
    align-self: center;
    display: none;
  }

  .link-line-anim.total-white-brand.mobile-hide, .link-line-anim.total-blue-brand.mobile-hide {
    display: none;
  }

  .nav-menu-content {
    grid-row-gap: 3rem;
    padding-bottom: 10vh;
    top: 5rem;
  }

  .nav-menu-item-list, .nav-menu-contact-wrapper {
    padding-left: 1.5rem;
  }

  .about-content-wrapper {
    padding-right: 0;
  }

  .get-started-section.total-grey-bg {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .get-started-item {
    padding-bottom: .95rem;
  }

  .get-started-item:hover {
    background-color: var(--total-grey-bg);
    padding-left: 0;
    padding-right: 0;
  }

  .get-started-arrow {
    width: 1.75rem;
    height: 1.5rem;
  }

  .cta-section.total-grey-bg {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    overflow: hidden;
  }

  .section-content-header {
    flex-direction: column;
    align-items: stretch;
  }

  .section-content-header.review {
    margin-left: 0;
    margin-right: 0;
  }

  .cta-section-header-content {
    width: 100%;
  }

  .cta-section-header-content.slider-buttons {
    display: none;
  }

  .cta-section-image {
    height: 25rem;
  }

  .cta-section-cta-wrapper.total-blue-bg {
    border-top-left-radius: 1.5rem;
    height: 15rem;
  }

  .cta-section-cta-wrapper.type2.total-blue-bg {
    padding: 3.5rem 1.5rem;
  }

  .cta.situation.situation-dropdown-cta {
    margin-bottom: 1.5rem;
  }

  .cta.full-width.border.offer-text {
    text-align: center;
    justify-content: center;
    align-self: center;
    padding-bottom: .5rem;
    padding-left: .5rem;
    padding-right: .5rem;
  }

  .cta.full-width.border.offer-text.light {
    justify-content: center;
    align-items: center;
    max-width: none;
    display: flex;
  }

  .cta.full-width.offer-cta {
    text-align: center;
    min-height: 3rem;
    margin-top: 2rem;
    margin-bottom: 2rem;
    padding: .5rem 1rem;
  }

  .cta.latest-insights {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
  }

  .cta.explainer {
    min-width: 90%;
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }

  .cta.explainer.mobile {
    min-width: 100%;
  }

  .cta-arrow.mobile-hide {
    display: none;
  }

  .footer-content {
    height: auto;
    padding-top: 6.25rem;
    position: relative;
  }

  .footer-top-content {
    flex-flow: wrap;
  }

  .footer-menu {
    grid-row-gap: .5rem;
    width: 50%;
    min-width: 50%;
  }

  .footer-menu-list {
    grid-row-gap: .5rem;
  }

  .footer-menu-contact-wrapper {
    grid-row-gap: 3.125rem;
    width: 100%;
  }

  .footer-credit-wrapper {
    justify-content: flex-start;
  }

  .footer-privacy-wrapper {
    flex-direction: column;
  }

  .mobile-white-nav-icon-wrapper {
    width: 2rem;
    height: 1.55rem;
  }

  .mobile-white-nav-icon-wrapper.mobile-show {
    z-index: 60;
    justify-content: flex-end;
    align-items: stretch;
    display: flex;
    position: fixed;
    top: 2.135rem;
    right: 1.5rem;
  }

  .mobile-white-nav-icon-wrapper.mobile-show.hide {
    display: none;
  }

  .mobile-blue-nav-icon-wrapper {
    width: 2rem;
    height: 1.55rem;
  }

  .mobile-blue-nav-icon-wrapper.mobile-show {
    z-index: 60;
    justify-content: flex-end;
    align-items: stretch;
    display: flex;
    position: fixed;
    top: 2.135rem;
    right: 1.5rem;
  }

  .mobile-blue-nav-icon-wrapper.mobile-show.hide {
    display: none;
  }

  .situation-section.total-grey-bg {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    overflow: hidden;
  }

  .situation-section-content {
    flex-direction: column;
  }

  .situation-section-content.desktop-hide {
    display: flex;
  }

  .situation-section-content.mobile-hide {
    display: none;
  }

  .situation-type-list {
    border-top: .625px solid var(--total-blue-brand);
    border-bottom: .625px solid var(--total-blue-brand);
  }

  .situation-line-anim.total-blue-brand {
    height: 1px;
  }

  .situation-content-type-wrapper {
    width: 100%;
  }

  .calculator-section {
    flex-direction: column;
  }

  .calculator-section.total-dark-grey-bg {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    overflow: hidden;
  }

  .calculators-section.total-grey-bg, .calculators-section.calculator-embed {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .calculators-section-list-wrapper.calculator-embed {
    margin-top: 2.5rem;
  }

  .calculators-section-list {
    grid-template-columns: 1fr;
  }

  .downloads-section.total-grey-bg {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .downloads-section-header {
    width: 100%;
  }

  .articles-section.total-grey-bg {
    padding: 2.5rem 1.5rem 0;
  }

  .articles-section-sticky-filter {
    align-items: flex-end;
    width: 100%;
  }

  .articles-section-filter-wrapper {
    justify-content: flex-end;
  }

  .articles-section-content-wrapper {
    width: 100%;
    display: flex;
  }

  .articles-section-content-wrapper.desktop-show {
    display: none;
  }

  .article-cover-image {
    height: 25rem;
  }

  .article-content {
    padding-top: 2.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .article-details-wrapper {
    margin-top: 2rem;
  }

  .article-content-rich-text h3 {
    letter-spacing: .035rem;
  }

  .insights-section.total-grey-bg {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    overflow: hidden;
  }

  .cover-image-section {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .cover-image-section.total-grey-bg {
    padding-top: 2.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .cover-image-section.type2.total-grey-bg {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .persona-cover-image.type2 {
    height: 25rem;
  }

  .persona-cover-image.type2.top {
    object-position: 40% 0%;
  }

  .reviews-section.total-grey-bg {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .reviews-wrapper {
    padding-left: 0;
  }

  .review-card, .review-card.custom {
    width: 75vw;
    min-width: 75vw;
    max-width: 75vw;
    max-height: 25rem;
  }

  .review-card.full {
    min-width: 85vw;
    max-width: 85vw;
    max-height: 80vh;
    margin-right: 0;
  }

  .review-preview-card.total-blue-bg {
    width: 70vw;
    min-height: 25rem;
    max-height: 25rem;
  }

  .header-about-wrapper.total-grey-bg, .header-about-wrapper.total-blue-bg {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .header-about-title-wrapper.about, .team-list-wrapper.desktop-hide {
    width: 100%;
  }

  .team-list {
    grid-template-columns: 1fr;
  }

  .team-member-card {
    border-right-style: none;
  }

  .team-member-profile-preview-image {
    object-position: 50% 0%;
    margin-bottom: 1.25rem;
  }

  .awards-section.total-grey-bg {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .marquee-section-title-wrapper {
    padding-left: 0;
    padding-right: 0;
  }

  .awards-list-badge {
    width: 6.5rem;
    min-width: 6.5rem;
    height: 6.5rem;
    min-height: 6.5rem;
    margin-right: 1rem;
  }

  .deals-logo-section.total-grey-bg {
    padding-bottom: 2.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .link-generator-section {
    padding-top: 7.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .contact-card {
    border-right-style: none;
    padding-bottom: 1.5rem;
  }

  .contact-header-section.total-grey-bg {
    padding-top: 10rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .contact-form-wrapper {
    width: 100%;
  }

  .customer-testimonial-section.total-grey-bg {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .testimonial-card-list-wrapper {
    margin-top: 3.125rem;
  }

  .testimonial-card-list {
    grid-column-gap: 0rem;
    padding-left: 0;
    padding-right: 0;
  }

  .testimonial-card-detail-wrapper.total-blue-bg {
    flex-direction: row;
    align-items: center;
    min-width: 100%;
    min-height: auto;
    padding-top: 2rem;
    padding-bottom: 2rem;
    display: flex;
  }

  .testimonial-card-detail-bottom {
    padding-bottom: 0;
  }

  .testimonial-card-detail-top {
    padding-top: 0;
  }

  .testimonial-card-wrapper {
    width: 85vw;
    height: 105vw;
    margin-right: 1.5rem;
  }

  .offer-form-wrapper.total-grey-bg.start-link-gen {
    width: 100%;
    padding-top: 3rem;
    padding-bottom: 2rem;
  }

  .offer-form-wrapper.total-grey-bg, .offer-form-wrapper.total-grey-drak-bg {
    border-radius: .75rem;
    width: 100%;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .offer-form-wrapper.total-grey-drak-bg.start-link-gen {
    width: 100%;
    padding-top: 3rem;
    padding-bottom: 2rem;
  }

  .offer-form.start-gen {
    grid-row-gap: 1.5rem;
  }

  .offer-explanation-section.total-grey-bg {
    padding: 0;
    top: 0;
    bottom: 0;
  }

  .offer-about-header-wrapper {
    z-index: 10;
    background-color: var(--total-grey-bg);
    width: 100%;
    max-width: 100%;
    padding: 2rem 1.5rem;
    top: 0;
  }

  .offer-about-header-wrapper.type2 {
    width: 100%;
  }

  .offer-about-header-wrapper.sticky {
    padding-top: 4rem;
    position: static;
    top: 0;
  }

  .offer-about-content-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    width: 100%;
    padding: 2rem 1.5rem;
  }

  .offer-cover-cta-section.total-grey-bg {
    padding-left: .5rem;
    padding-right: .5rem;
  }

  .offer-cover-wrapper {
    justify-content: center;
    padding-left: 0;
    padding-right: 0;
  }

  .offer-cover-image {
    object-position: 50% 50%;
    flex: 0 auto;
    height: 30rem;
    overflow: visible;
  }

  .offer-cover-cta-wrapper {
    width: 95%;
    max-width: 95%;
    padding-left: .5rem;
    padding-right: .5rem;
  }

  .offer-cover-cta-wrapper.total-blue-bg {
    justify-content: center;
    align-items: baseline;
    width: 100%;
    max-width: 95%;
    max-height: 50%;
    margin-right: 0;
    padding: 2.5rem;
    inset: auto 0% 0% auto;
  }

  .offer-cover-cta-wrapper.type2.total-blue-bg {
    min-height: 45%;
    margin-right: 0;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .testimonial-section-title-wrapper {
    width: 100%;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .discover-step-wrapper {
    padding-top: 1rem;
    padding-bottom: 2rem;
  }

  .offer-discover-section.total-dark-grey-bg {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .offer-discover-section.total-grey-bg {
    padding: 0;
  }

  .guarantee-banner-section.total-grey-bg {
    padding: 2rem 1.5rem 0;
  }

  .assurance-banner-wrapper.total-blue-bg {
    grid-row-gap: 1.25rem;
    padding: 2.5rem 1.5rem 0;
  }

  .assurance-badge {
    width: 100%;
    margin-bottom: 1rem;
  }

  .assurance-content-wrapper {
    width: 100%;
  }

  .time-wrapper {
    padding-bottom: 1.25rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .offer-explainer-wrapper {
    grid-row-gap: 3.5rem;
    flex-direction: column;
  }

  .offer-explainer-inner-wrapper {
    width: 100%;
  }

  .scroll-explainer-section.total-grey-bg {
    height: 1250vh;
    padding-bottom: 5rem;
  }

  .lottie-explainer {
    position: absolute;
  }

  .home-lottie-wrapper.total-dark-grey-bg {
    overflow: hidden;
  }

  .home-lottie-explainer-header {
    width: 100vw;
    padding-bottom: 20%;
    padding-left: 1.5rem;
    padding-right: 2rem;
  }

  .explainer-wrapper, .explainer-wrapper.part1 {
    width: 85%;
  }

  .explainer-wrapper.mobile {
    width: 100%;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .lottie-explainer-header {
    width: 85%;
    top: 15%;
    left: 1.5rem;
  }

  .team-details-wrapper {
    margin-top: 3.5rem;
    margin-bottom: 3.5rem;
  }

  .team-stat-grid {
    grid-column-gap: 0rem;
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
    padding-bottom: 2.5rem;
  }

  .team-content-rich-text p {
    letter-spacing: .02rem;
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .team-content-rich-text blockquote {
    margin-bottom: 1.5rem;
  }

  .team-signature {
    max-width: 45%;
    margin-top: 3rem;
  }

  .team-content.total-blue-bg, .team-content.white {
    padding-top: 2.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .mobile-open-white {
    z-index: 45;
    width: 100%;
    height: 100%;
    position: absolute;
  }

  .mobile-nav-icon {
    width: 100%;
    height: 100%;
  }

  .mobile-open-wrapper {
    width: 2rem;
    height: 1.8rem;
    position: relative;
  }

  .mobile-open-wrapper.desktop-hide {
    display: block;
  }

  .mobile-open-blue {
    z-index: 40;
    width: 100%;
    height: 100%;
    position: absolute;
  }

  .mobile-close-wrapper {
    width: 2rem;
    height: 1.8rem;
    position: relative;
  }

  .mobile-close-wrapper.desktop-hide {
    display: block;
  }

  .mobile-close-white {
    z-index: 40;
    width: 100%;
    height: 100%;
    position: absolute;
  }

  .mobile-close-blue {
    z-index: 45;
    width: 100%;
    height: 100%;
    position: absolute;
  }

  .team-cover-image {
    height: 30rem;
  }

  .header-team-title-wrapper.desktop-hide {
    padding-left: 1.5rem;
  }

  .situation-dropdown-content {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    flex-direction: column;
    transition: height .2s cubic-bezier(.215, .61, .355, 1);
    display: flex;
    overflow: hidden;
  }

  .contact-card-grid {
    grid-template-columns: 1fr;
  }

  .scroll-explainer-section-2.total-grey-bg {
    height: 1250vh;
    padding-bottom: 5rem;
  }

  .faq-section.total-grey-bg {
    padding-top: 7.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .faq-header {
    padding-top: .75rem;
  }

  .faq-dropdown-icon {
    flex: none;
    width: 1.5rem;
    height: 1.5rem;
    transform: rotate(135deg);
  }

  .faq-dropdown-content {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    flex-direction: column;
    transition: height .2s cubic-bezier(.215, .61, .355, 1);
    display: flex;
    overflow: hidden;
  }

  .articles-filter-wrapper {
    width: 100%;
  }

  .articles-cat-list-wrapper.mobile-hide {
    display: none;
  }

  .bio-nav-bar {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .articles-cat-dropdown-wrapper.mobile-show {
    width: 50%;
    display: flex;
  }

  .content-extractor {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .inner-content-extractor.type2 {
    width: 100%;
  }

  .mobile-v-scroll {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .mobile-stat-wrapper {
    grid-row-gap: 1rem;
    width: 75%;
  }

  .form-page {
    grid-row-gap: 2.5rem;
    justify-content: center;
    min-height: 90vh;
    padding-bottom: 15vh;
  }

  .form-page.top {
    grid-row-gap: 2rem;
    padding-top: 20vh;
  }

  .form-page.last {
    padding-bottom: 0;
  }

  .get-started-form-wrapper {
    width: 100%;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .option-checkbox-wrapper {
    grid-column-gap: 0rem;
    grid-row-gap: .5rem;
    grid-template-columns: 1fr;
  }

  .option-button {
    padding-top: .75rem;
    padding-bottom: 1rem;
  }

  .get-started-back-wrapper {
    width: 15%;
  }

  .back-button {
    z-index: 5;
    opacity: 1;
    background-color: #0000;
    background-image: url('../images/next-prev-arrow-opacity-filled.svg');
    border-radius: 50vw;
    position: relative;
  }

  .next-button {
    width: 3rem;
    height: 3rem;
  }

  .plyr_component.is-full-screen {
    height: 20rem;
  }

  .plyr_cover-button {
    font-size: .7em;
  }

  .plyr_cover-button.mobile-show {
    display: none;
  }

  .situation-mobile-header {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .situation-dropdown-icon {
    flex: none;
    width: 1.5rem;
    height: 1.5rem;
    transform: rotate(135deg);
  }

  .profile-preview-add-icon {
    top: 1rem;
    left: 1rem;
  }

  .bio-cta-item {
    padding-bottom: .95rem;
  }

  .bio-cta-item:hover {
    background-color: var(--total-grey-bg);
    padding-left: 0;
    padding-right: 0;
  }

  .bio-cta-item.blue:hover {
    background-color: #0000;
  }

  .bio-cta-arrow {
    width: 1.75rem;
    height: 1.5rem;
  }

  .content-wrapper {
    height: 100%;
  }

  .logo-append {
    grid-row-gap: .5rem;
  }

  .calculator-embed-section {
    padding: 3.5rem 1.5rem 2rem;
  }

  .header {
    width: 100vw;
    min-height: auto;
  }

  .header.home {
    width: 100%;
    height: 100vh;
    min-height: auto;
  }

  .header-content-wrapper {
    width: 100%;
  }

  .header-home-wrapper {
    flex-direction: column;
    justify-content: center;
    height: 100%;
    min-height: auto;
    max-height: none;
    padding: 4rem 1.5rem 1rem 1.3rem;
  }

  .header-process-wrapper {
    padding-bottom: 0%;
    padding-left: 2.4rem;
    padding-right: 1.5rem;
  }

  .header-process-wrapper.flex {
    padding-bottom: 12.5%;
    padding-left: 1.4rem;
  }

  .header-tools-wrapper {
    padding-bottom: 5%;
    padding-left: 2.6rem;
    padding-right: 1.5rem;
  }

  .header-calculator-wrapper {
    height: 60vh;
    padding-bottom: 12.5%;
    padding-left: 1.4rem;
    padding-right: 1.5rem;
  }

  .header-persona-wrapper {
    padding-bottom: 5%;
    padding-left: 1.1rem;
    padding-right: 1.5rem;
  }

  .header-offer-wrapper {
    padding-top: 35%;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .header-insights-wrapper {
    padding-top: 60%;
    padding-left: 2.4rem;
    padding-right: 1.5rem;
  }

  .header-404-wrapper {
    grid-row-gap: 4rem;
    padding-bottom: 12.5%;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .utility-page-form {
    width: 100%;
  }

  .header-password-wrapper {
    grid-row-gap: 5rem;
    padding-bottom: 12.5%;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .calendly-embed-section {
    padding: 3.5rem 1.5rem 2rem;
  }

  .explainer-scroll-indicator.desktop-show.scroll.v2 {
    overflow: hidden;
  }

  .explainer-wrapper-2, .explainer-wrapper-2.part1 {
    width: 85%;
  }

  .header-calendly-wrapper {
    height: 60vh;
    padding-bottom: 12.5%;
    padding-left: 1.4rem;
    padding-right: 1.5rem;
  }

  .map-embed.is-fixed-size {
    height: 20rem;
  }

  .explainer-wrapper-top {
    grid-row-gap: 1.5rem;
    max-width: 80%;
  }

  .explainer-blank {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .scroll-section-links {
    opacity: 1;
    right: 1.5rem;
  }

  .scroll-section-links.v2 {
    height: auto;
    inset: 82.5vh 0% auto;
  }

  .mobile-social-link-wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 0rem;
    flex-direction: row;
    display: flex;
  }

  .container {
    font-size: 100vw;
  }

  .cta-invert.situation.situation-dropdown-cta {
    margin-bottom: 1.5rem;
  }

  .cta-invert.full-width.border.offer-text {
    text-align: center;
  }

  .cta-invert.full-width.offer-cta {
    text-align: center;
    padding-left: 5rem;
    padding-right: 5rem;
  }

  .cta-invert.latest-insights {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
  }

  .cta-invert.explainer {
    min-width: 90%;
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }

  .cta-invert.explainer.mobile {
    min-width: 100%;
  }

  .offer-action-book.total-grey-bg {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .cta-2.full-width.offer-cta {
    text-align: center;
    padding-left: 5rem;
    padding-right: 5rem;
  }

  .offer-about-section-copy.total-grey-bg {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .offer-title-header-wrapper {
    width: 100%;
    max-width: 100%;
  }

  .offer-title-header-wrapper.type2, .offer-title-content-wrapper {
    width: 100%;
  }

  .offer-title-h3.letter-spacing.white-lettering {
    font-size: 1.5rem;
    line-height: 1.5rem;
  }

  .offer-title-h1 {
    font-size: 2rem;
    line-height: 2rem;
  }

  .offer-header {
    width: 100vw;
    min-height: auto;
  }

  .offer-why-choose-us-section.total-grey-bg {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .offer-why-choose-us-section.type3.total-grey-bg {
    padding: 0;
  }

  .offer-three-easy-step-section.total-dark-grey-bg {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .offer-three-easy-step-section.total-grey-bg {
    padding: 0;
  }

  .offer-final-section.total-dark-grey-bg {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .offer-final-section.total-grey-bg {
    padding: 0;
  }

  .offer-countdown-section.total-grey-bg {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .offer-form-section.total-dark-grey-bg {
    padding: 4rem 1.5rem 8rem;
  }

  .div-block-5 {
    max-width: 90%;
    font-size: 14px;
  }

  .page-title {
    text-align: center;
    font-size: 38px;
    line-height: 46px;
  }

  .js-clock {
    flex-wrap: wrap;
  }

  .box {
    margin-bottom: 10px;
  }

  .assurance-content-wrapper-2 {
    text-align: center;
    width: 100%;
  }

  .offer-countdown-header-wrapper-copy {
    width: 100%;
    max-width: 100%;
  }

  .offer-countdown-header-wrapper-copy.type2, .offer-countdown-content-wrapper {
    width: 100%;
  }

  .offer-summary-section.total-grey-bg {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .discover-step-wrapper-copy {
    padding-bottom: 2rem;
  }

  .countdown-section.total-grey-bg {
    padding: 2rem 1.5rem 4rem;
  }

  .countdown-banner-wrapper.total-blue-bg {
    grid-row-gap: 1.25rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .countdown-title-wrapper {
    flex-direction: column;
  }

  .offer-form-header-wrapper {
    width: 100%;
    max-width: 100%;
    position: static;
  }

  .offer-form-header-wrapper.type2 {
    width: 100%;
  }

  .offer-header-content-wrapper {
    width: 100%;
    height: 100%;
    min-height: auto;
    padding-top: 2rem;
    padding-bottom: 2rem;
    padding-right: 0;
  }

  .button-home {
    padding-top: .75rem;
    padding-bottom: 1rem;
  }

  .lottie-animation {
    width: 12rem;
    height: 12rem;
  }

  .t-cs-content-wrapper-copy {
    padding-right: 0;
  }

  .footer-credit-wrapper-1 {
    justify-content: flex-start;
  }

  .loc-rich-text_body h2 {
    font-size: 1.75rem;
    line-height: 2.125rem;
  }

  .loc-rich-text_body h3 {
    font-size: 1.3rem;
  }

  .header-loc_wrapper {
    padding-bottom: 5rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .header-loc_wrapper.total-grey-bg, .header-loc_wrapper.total-blue-bg {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .loc-rich-text_header h1 {
    font-size: 2.5rem;
  }

  .header-loc_reviews {
    width: 15rem;
  }

  .loc-header_img-wrapper.total-grey-bg {
    padding-top: 2.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .loc-header_img-wrapper.type2.total-grey-bg {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

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

  .global-section.is-mobile-p0 {
    padding-left: 0;
    padding-right: 0;
  }

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

  .loc_info-list {
    grid-row-gap: 2.5rem;
  }

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

  .cta_content.total-blue-bg {
    border-top-left-radius: 1.5rem;
    height: 15rem;
  }

  .cta_content.type2.total-blue-bg {
    padding: 3.5rem 1.5rem;
  }

  .loc-rich-text_cta h2 {
    font-size: 1.75rem;
    line-height: 2.125rem;
  }

  .loc-rich-text_cta p {
    font-size: 1rem;
  }

  .cta-section-overlay {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .old-page {
    display: none;
  }

  .loc-old-grid {
    grid-template-columns: 1fr;
  }

  .loc-outline_block-right {
    border-right-style: none;
  }

  .loc-outline_block-right.desktop-hide {
    width: 100%;
  }

  .loc-crd {
    border-right-style: none;
    padding-right: 0;
  }

  .loc-crd_layout {
    flex-direction: column;
  }

  .loc-crd_img {
    width: 100%;
    max-width: none;
  }

  .loc-crd_arrow {
    width: 2rem;
    height: 2rem;
    padding: .45rem;
    position: absolute;
    inset: auto 0% 1rem auto;
  }

  .loc-outline_block-left {
    border-right-style: none;
  }

  .loc-outline_padding {
    padding-right: 0;
  }

  .big-quote_layout {
    flex-direction: column;
    justify-content: flex-start;
  }

  .big-quote_block-main {
    flex: none;
    width: 100%;
  }

  .big-quote_block-svg {
    justify-content: flex-start;
    padding-top: 0;
    padding-bottom: 1rem;
    padding-right: 0;
  }

  .cta_img {
    height: 25rem;
  }

  .footer_row {
    flex-direction: column;
    grid-template-columns: 1fr;
    align-items: stretch;
  }

  .loc-header_img {
    height: 25rem;
  }

  .slider-mask {
    border-top-left-radius: 1.875rem;
  }

  .slide {
    border-top-left-radius: 1.875rem;
    padding: 1.25rem 1.25rem 4rem;
  }

  .large-title {
    font-size: 3.5rem;
  }

  .slide-inner-content {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .text-size-large {
    font-size: 1.1rem;
  }

  .left-arrow {
    width: 2.5rem;
    min-width: 2.5px;
    height: 2.5rem;
    min-height: 2.5rem;
    bottom: 2rem;
    left: 32%;
  }

  .right-arrow {
    width: 2.5rem;
    min-width: 2.5px;
    height: 2.5rem;
    min-height: 2.5rem;
    bottom: 2rem;
    right: 32%;
  }

  .faq-item {
    padding-top: .6rem;
  }

  .faq-question-wrap {
    padding-bottom: .6rem;
  }

  .situation-line-anim-2.total-blue-brand {
    height: 1px;
  }

  .swiper-arrow {
    width: 2.5rem;
    min-width: 2.5px;
    height: 2.5rem;
    min-height: 2.5rem;
    bottom: 2rem;
    left: 32%;
  }

  .form-filed {
    border-radius: 0;
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .form-filed:focus {
    background-color: #0000;
  }
}

#msf-progress1.w-node-_886ded62-419b-51a7-5eca-0a2a65f8fe27-dc2bafbd, #msf-progress2.w-node-_886ded62-419b-51a7-5eca-0a2a65f8fe2c-dc2bafbd, #msf-progress3.w-node-_886ded62-419b-51a7-5eca-0a2a65f8fe31-dc2bafbd, #msf-progress4.w-node-_886ded62-419b-51a7-5eca-0a2a65f8fe36-dc2bafbd, #msf-progress5.w-node-_886ded62-419b-51a7-5eca-0a2a65f8fe3b-dc2bafbd, #msf-progress6.w-node-_886ded62-419b-51a7-5eca-0a2a65f8fe40-dc2bafbd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9718e783-2290-5ecb-3f87-f20a255f4252-d141a188 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_93b4aad9-4a16-51a2-2d91-35524c249f51-d141a189 {
  grid-area: 1 / 1 / 2 / 5;
}

#w-node-ade82bf3-3092-0cca-dcbb-ee216abe8b60-d141a189 {
  grid-area: 1 / 7 / 2 / 13;
}

#w-node-_35b69590-f3b7-a75e-9dd4-6fd3eb4bf176-d141a189 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_00dc8352-3d3e-6b2d-8f43-8f3e3bc6d4be-d141a189 {
  grid-area: span 1 / span 6 / span 1 / span 6;
}

#msf-progress1.w-node-_3a95c366-2352-7155-ec49-81f929ba71d8-d141a18a, #msf-progress2.w-node-_3a95c366-2352-7155-ec49-81f929ba71dd-d141a18a, #msf-progress3.w-node-_3a95c366-2352-7155-ec49-81f929ba71e2-d141a18a, #msf-progress4.w-node-_3a95c366-2352-7155-ec49-81f929ba71e7-d141a18a, #msf-progress5.w-node-_3a95c366-2352-7155-ec49-81f929ba71ec-d141a18a, #msf-progress6.w-node-_3a95c366-2352-7155-ec49-81f929ba71f1-d141a18a, #w-node-e0ec3b57-a978-7102-6cd7-7033435388b4-d141a18d, #w-node-c6886333-6dc7-6d30-63ea-1c3838c836f3-d141a18d, #w-node-b94f5a7b-3130-841e-3076-0d3a8a6d8290-d141a18d, #w-node-fc085000-5ea1-0624-645e-f19831701afa-d141a18d, #w-node-fb119221-bd8c-d7f4-7c63-784cb308fe29-d141a18d, #w-node-_07f8da64-2c3f-4e46-692e-620e403c074f-d141a18d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_73093ac1-27df-1171-5971-28ea4b5570e8-d141a1d9, #w-node-_9a104e4d-bbda-834e-d08f-add624374059-d141a1d9 {
  align-self: start;
}

#w-node-_6581efd5-d468-4078-302f-abbcb6f3d621-d141a1d9 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-a5471f7e-2044-2b80-7fd7-a12d74e48a77-d141a1dd, #w-node-_64b94346-6ebb-1152-f330-aebc0b36ebf7-d141a1dd, #w-node-_22384880-31fa-1388-a11f-2f3f8183bc8e-d141a1dd, #w-node-_37eaaf17-abb7-3fbb-706e-3bec7b4e7997-d141a1dd, #w-node-_9b176653-ced8-0e20-4195-eec6bc82dd6e-d141a1dd, #w-node-_22e9de34-7d45-c22a-3cfb-06e0d509c707-d141a1dd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7cacd65c-5afc-e7bd-16b3-beb3feef3e72-d141a1dd, #w-node-a85e7218-a8de-c322-7beb-206ba55e15e4-d141a1dd, #w-node-e0e55d33-10c2-56e2-bd24-0132eb4be317-d141a1dd, #w-node-_91b7a732-7572-01c5-6ff7-82b5ff5aead7-d141a1dd, #w-node-_95f26261-50d0-708c-377e-203867158658-d141a1dd {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: end;
}

#w-node-c8e2749c-9024-3415-6ad5-85f3f0925862-d141a1dd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-eca6a1ab-d2d4-1ecd-dfa7-bfab1ce51d29-d141a1dd, #w-node-_7dbe6e72-5ba4-138f-6e9c-4f8a78014bfe-d141a1dd, #w-node-_770a438a-1c2a-0912-8acc-a888b1759fc7-d141a1dd, #w-node-fb8bb670-7f6e-6376-9409-844e38916a01-d141a1dd, #w-node-bc20af04-d32a-1ab3-ac21-34363f79b5ef-d141a1dd {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: end;
}

#w-node-_351e76dc-f17a-5a1c-6277-f46026a0eb21-d141a1dd, #w-node-f1b53b80-bf9a-a47f-c75d-ca5453d2e0e8-d141a1dd, #w-node-ba35c51d-a667-cbb1-031d-83c469b193f7-d141a1dd, #w-node-_0569caff-dc80-62be-ec38-9619616bcd95-d141a1dd, #w-node-_90c7e43f-8d5e-e093-5ad9-4cb1d73e6302-d141a1dd, #w-node-_9b981003-321c-c3f6-24a4-b01ba632b1ed-d141a1dd, #w-node-_08f9eaf4-1355-a321-b212-39e1238ccb17-d141a1dd, #w-node-_4294d939-e36d-3c55-6637-dd6c366743da-d141a1dd, #w-node-_2a44c179-7104-38f3-cb7c-306d18400293-d141a1dd, #w-node-_9fb3318a-bb67-c13f-6dc0-afbaed4cec27-d141a1dd, #w-node-_9f880ec0-ead8-0e70-3c6c-a370a8ca8a72-d141a1dd, #w-node-c5b5e7e6-cf69-100d-6377-c2dbe10b5daf-d141a1dd, #w-node-_48dd8841-42cb-3226-54cb-a5b4ac767233-d141a1dd, #w-node-_42d4ac53-6090-47a6-55ca-cb5c6ef4976e-d141a1dd, #w-node-_06ffbcd5-ec53-673a-a0e0-c385cf19ebf0-d141a1dd, #w-node-_4abe786b-752d-3559-515d-15ba46166400-d141a1dd, #w-node-eaca9fbb-2cde-4023-833e-56d7ac489ee5-d141a1dd, #w-node-_5cbd893d-d468-7f47-4323-37b70095e617-d141a1dd, #w-node-_74c2d36c-f543-703e-b74b-d6dd49e22f08-d141a1dd, #w-node-_56e536be-b48e-527b-fad9-0e4ec3e2cd0f-d141a1dd, #w-node-_22617df4-98bb-7045-b1e7-0743c0421c4e-d141a1dd, #w-node-_83720778-c24d-ae80-e785-294b825a9185-d141a1dd, #w-node-_970430c3-b839-c29e-88a4-04444467b192-d141a1dd, #w-node-_6aeae068-71e8-34f2-02f6-bb56cd1b61d9-d141a1dd, #w-node-cc278091-65d5-c75a-c81a-b122b7395214-d141a1dd, #w-node-_34b25a68-f685-d267-3981-7cdc76f3129f-d141a1dd, #w-node-_4e26b279-f8e6-66b9-c77b-0eaf9dac13c6-d141a1dd, #w-node-_47f6468b-9751-54fc-ddb4-bd2d00ce2bb5-d141a1dd, #w-node-_1af1a59c-a17f-b46d-ca66-d0c8d099b5b4-d141a1dd, #w-node-f3ff9b2b-de65-565a-d597-2c8be0d49a96-d141a1dd, #w-node-c1f4718d-cd5f-a6d1-4f88-b3371c1a1501-d141a1dd, #w-node-_1671a9e5-48a9-76d4-8d48-8d888ede429f-d141a1dd, #w-node-d76864f1-11ef-e680-0444-5cb04d5c0127-d141a1dd, #w-node-_9885b004-c444-19f5-166c-04dbd44a4144-d141a1dd, #w-node-_4952ba1a-ada1-112d-bbb1-0d06f06ee623-d141a1dd, #w-node-c970571b-e1dd-03dd-9c86-bc2b7c3b4285-d141a1dd, #w-node-_9d051459-3e56-8df0-fb4e-5166853a526c-d141a1de, #w-node-_9d051459-3e56-8df0-fb4e-5166853a5279-d141a1de, #w-node-_9d051459-3e56-8df0-fb4e-5166853a5286-d141a1de, #w-node-_9d051459-3e56-8df0-fb4e-5166853a5293-d141a1de, #w-node-_9d051459-3e56-8df0-fb4e-5166853a52a0-d141a1de, #w-node-_9d051459-3e56-8df0-fb4e-5166853a52ad-d141a1de {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e33ec70c-9d29-25bb-fd69-2c801ba2c5f5-1274f880, #w-node-_906d84f9-5baf-3b99-aa3a-734ebb36cb80-1274f880, #w-node-ca03df13-e285-d25b-b7e3-dedc45ebdf3c-1274f880, #w-node-ca03df13-e285-d25b-b7e3-dedc45ebdf41-1274f880 {
  place-self: center;
}

@media screen and (max-width: 991px) {
  #w-node-_93b4aad9-4a16-51a2-2d91-35524c249f51-d141a189, #w-node-ade82bf3-3092-0cca-dcbb-ee216abe8b60-d141a189 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_35b69590-f3b7-a75e-9dd4-6fd3eb4bf176-d141a189 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: center;
  }

  #w-node-_00dc8352-3d3e-6b2d-8f43-8f3e3bc6d4be-d141a189 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_6581efd5-d468-4078-302f-abbcb6f3d621-d141a1d9 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: center;
  }
}


@font-face {
  font-family: 'Acid Grotesk w';
  src: url('../fonts/AcidGrotesk-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Acid Grotesk';
  src: url('../fonts/AcidGrotesk-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Acid Grotesk R vm';
  src: url('../fonts/AcidGrotesk-Regular-vm.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Acid Grotesk M vm';
  src: url('../fonts/AcidGrotesk-Medium-vm.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}