:root {
  --midnight-blue: #141731;
  --coral: #ff8049;
  --white: white;
  --dark-slate-blue: #304761;
  --medium-aquamarine: #62b790;
  --00aeb1: var(--coral);
}

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

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

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

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

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

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

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

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

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

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

body {
  color: #304761;
  font-family: soleil;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5;
}

h1 {
  color: var(--midnight-blue);
  margin-top: 0;
  margin-bottom: 0;
  font-family: paralucent;
  font-size: 5.625rem;
  font-weight: 500;
  line-height: 6rem;
}

h2 {
  color: var(--midnight-blue);
  margin-top: 0;
  margin-bottom: 0;
  font-family: paralucent;
  font-size: 3rem;
  font-weight: 500;
  line-height: 1.2;
}

h3 {
  color: var(--midnight-blue);
  margin-top: 0;
  margin-bottom: 0;
  font-family: paralucent;
  font-size: 2.375rem;
  font-weight: 500;
  line-height: 2.75rem;
}

h4 {
  color: var(--midnight-blue);
  margin-top: 0;
  margin-bottom: 0;
  font-family: paralucent;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.4;
}

h5 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: .875rem;
  font-weight: 700;
  line-height: 1.5;
}

h6 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: .75rem;
  font-weight: 700;
  line-height: 1.5;
}

p {
  color: #304761;
  margin-bottom: 0;
}

a {
  transition: all .2s;
}

ul, ol {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 1.25rem;
}

li {
  margin-bottom: .25rem;
}

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

label {
  margin-bottom: .25rem;
  font-weight: 500;
}

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

figure {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

figcaption {
  text-align: center;
  margin-top: .25rem;
}

.form-message-success {
  padding: 1.25rem;
}

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

.text-color-black {
  color: #000;
}

.fs-styleguide_row {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  justify-content: start;
  display: grid;
}

.fs-styleguide_row.is-for-social-icons {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
}

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

.fs-styleguide_3-col {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

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

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

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

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

.show {
  display: block;
}

.fs-styleguide_color-sample {
  background-color: #f5f5f5;
  margin-top: .5rem;
  padding: 5rem;
}

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

.overflow-hidden.mod--btn {
  z-index: 2;
  position: relative;
}

.overflow-hidden.mod--services-arrow {
  position: absolute;
  top: 6.1875rem;
  right: 5.5rem;
}

.overflow-hidden.mod--about-arrow {
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
}

.overflow-hidden.mod--featured {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.overflow-hidden.mod--featured.mod--by-logo {
  height: 3.125rem;
  min-height: 3.125rem;
}

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

.icon {
  width: 1.5rem;
  height: 1.5rem;
}

.icon.mod--arrow-btn {
  justify-content: center;
  align-items: center;
  width: .6rem;
  position: relative;
}

.icon.mod--arrow-btn.active {
  opacity: 1;
}

.icon.mod--overflow-anim {
  position: absolute;
  bottom: 0;
  left: -2rem;
}

.icon.mod--overflow-anim.mod--services-arrow {
  color: var(--coral);
  bottom: -2rem;
}

.icon.mod--overflow-anim.mod--about-arrow {
  bottom: -2rem;
}

.icon.mod--services-arrow {
  width: 2.125rem;
  height: 2.125rem;
}

.icon.mod--social {
  width: 1.375rem;
  height: 1.375rem;
}

.icon.mod--social.mod--dribble {
  width: 1.125rem;
  height: 1.125rem;
}

.icon.mod--social.mod--absolute {
  position: absolute;
  bottom: -2rem;
  left: 0;
}

.icon.mod--arrow-submit {
  opacity: 1;
  justify-content: center;
  align-items: center;
  width: .6rem;
  transition: all .2s;
  position: relative;
}

.icon.mod--arrow-submit.active {
  opacity: 0;
}

.button2 {
  color: #fff;
  text-align: center;
  background-color: #386eec;
  justify-content: center;
  align-items: center;
  padding: .75rem 1.25rem;
  font-weight: 600;
}

.heading-medium {
  font-family: Lato, sans-serif;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.2;
}

.heading-large {
  font-family: Lato, sans-serif;
  font-size: 5.625rem;
  font-weight: 500;
  line-height: 6rem;
}

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

.text-size-large {
  font-family: Lato, sans-serif;
  font-size: 1.5rem;
}

.text-size-regular {
  font-family: Lato, sans-serif;
  font-size: 1rem;
}

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

.fs-styleguide_section {
  grid-column-gap: 4rem;
  grid-row-gap: 2.5rem;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  padding-top: 2rem;
  padding-bottom: 2rem;
  display: grid;
}

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

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

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

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

.hide {
  display: none;
}

.fs-styleguide_section-type {
  color: #fff;
  text-align: center;
  letter-spacing: .0625rem;
  text-transform: uppercase;
  background-color: #000;
  padding: 1.25rem;
  font-size: 1rem;
  font-weight: 600;
}

.text-size-20 {
  font-family: Lato, sans-serif;
  font-size: 1.25rem;
}

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

.form {
  position: relative;
}

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

.text-style-link {
  text-decoration: underline;
}

.form-wrapper {
  margin-bottom: 0;
  position: relative;
}

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

.text-size-small {
  font-family: Lato, sans-serif;
  font-size: .875rem;
  font-weight: 300;
}

.text-rich h1 {
  margin-top: 2rem;
  margin-bottom: 1.5rem;
}

.text-rich h2, .text-rich h3, .text-rich h4 {
  margin-top: 1.5rem;
  margin-bottom: 1rem;
}

.text-rich h5 {
  margin-top: 1.25rem;
  margin-bottom: .75rem;
}

.text-rich h6 {
  margin-top: 1.25rem;
  margin-bottom: .5rem;
}

.text-rich p, .text-rich blockquote, .text-rich ul {
  margin-bottom: .75rem;
}

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

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

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

.heading-xlarge {
  font-family: Lato, sans-serif;
  font-size: 4rem;
  font-weight: 700;
  line-height: 1.1;
}

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

.form-input {
  background-color: #0000;
  min-height: 3rem;
  margin-bottom: .75rem;
  padding: .5rem 1rem;
}

.form-input.is-text-area {
  min-height: 8rem;
  padding-top: .75rem;
}

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

.text-size-tiny {
  font-family: Lato, sans-serif;
  font-size: .75rem;
}

.icon-medium {
  width: 3rem;
  height: 3rem;
}

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

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

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

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

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

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

.fs-styleguide_classes {
  display: none;
}

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

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

.fs-styleguide_1-col.gap-medium {
  grid-row-gap: 2.5rem;
}

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

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

.fs-styleguide_2-col {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  grid-template-rows: auto;
  grid-template-columns: auto auto;
  grid-auto-columns: 1fr;
  justify-content: start;
  display: grid;
}

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

.show-tablet {
  display: none;
}

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

.text-color-grey {
  color: gray;
}

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

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

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

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

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

.icon-large {
  width: 4rem;
  height: 4rem;
}

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

.form-message-error {
  margin-top: .75rem;
  padding: .75rem;
}

.utility_component {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  display: flex;
}

.utility_form-block {
  text-align: center;
  flex-direction: column;
  max-width: 20rem;
  display: flex;
}

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

.utility_image {
  margin-bottom: .5rem;
  margin-left: auto;
  margin-right: auto;
}

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

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

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

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

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

.margin-small {
  margin: 1rem;
}

.margin-medium {
  margin: 2rem;
}

.margin-large {
  margin: 3rem;
}

.margin-xlarge {
  margin: 4rem;
}

.margin-xxlarge {
  margin: 5rem;
}

.margin-huge {
  margin: 6rem;
}

.margin-xhuge {
  margin: 8rem;
}

.margin-xxhuge {
  margin: 12rem;
}

.margin-0 {
  margin: 0;
}

.padding-0 {
  padding: 0;
}

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

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

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

.padding-small {
  padding: 1rem;
}

.padding-medium {
  padding: 2rem;
}

.padding-large {
  padding: 3rem;
}

.padding-large.mobile {
  display: none;
}

.padding-xlarge {
  padding: 4rem;
}

.padding-xxlarge {
  padding: 5rem;
}

.padding-huge {
  padding: 6rem;
}

.padding-xhuge {
  padding: 8rem;
}

.padding-xxhuge {
  padding: 12rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.overflow-scroll {
  overflow: scroll;
}

.overflow-auto {
  overflow: auto;
}

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

.heading-small {
  font-family: Lato, sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.4;
}

.heading-size-18 {
  font-family: Lato, sans-serif;
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 1.75rem;
}

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

.fs-styleguide_version-details {
  z-index: 5;
  letter-spacing: .0625rem;
  text-transform: uppercase;
  font-weight: 500;
}

.fs-styleguide_page-header {
  border-bottom: .125rem solid #e6e6e6;
  margin-bottom: 2rem;
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.page-wrap.bg-test {
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
}

.section {
  padding: 9rem 2.5rem;
}

.section.mod--header {
  z-index: 90;
  padding-top: 0;
  padding-bottom: 0;
  position: absolute;
  inset: 1.75rem 0% auto;
}

.section.mod--hero {
  background-image: linear-gradient(60deg, #003d47, #00aeb1);
  min-height: 83.875rem;
  padding-top: 0;
  padding-bottom: 0;
  overflow: hidden;
}

.section.mod--footer {
  background-color: #fff;
  padding-top: 5.5rem;
  padding-bottom: 0;
}

.section.padding-top-144 {
  padding-top: 9rem;
}

.section.mod--profess {
  min-height: 200vh;
  padding-top: 0;
  padding-bottom: 0;
  display: none;
  overflow: visible;
}

.section.mod--runline {
  background-image: url('../images/Running-words.svg');
  background-position: 0%;
  background-repeat: repeat-x;
  background-size: auto 100%;
  border-top: .0625rem solid #14173126;
  border-bottom: .0625rem solid #14173126;
  height: 18rem;
  padding-top: 0;
  padding-bottom: 0;
  display: none;
  overflow: hidden;
}

.section.mod--reviews {
  background-image: linear-gradient(20deg, #03050c, #00aeb1);
}

.content {
  z-index: 2;
  width: 100%;
  max-width: 81rem;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.btn {
  color: var(--white);
  text-align: center;
  letter-spacing: .05em;
  text-transform: uppercase;
  background-color: #233053;
  border-radius: .625rem;
  padding: 1rem 2rem;
  font-family: sofia-pro;
  font-weight: 700;
  transition: all .2s;
  overflow: hidden;
  transform: translate(0);
}

.btn.mod--submit {
  min-width: 10.125rem;
  margin-top: 1.625rem;
}

.btn.btn--border {
  border: .0625rem solid var(--midnight-blue);
  background-color: #23305300;
}

.btn.btn--border.btn--white {
  color: #fff;
  border-color: #ffffff80;
}

.logo.mod--footer {
  width: 4rem;
}

.logo.mod--header {
  width: 7.125rem;
}

.nav {
  grid-column-gap: 3.375rem;
  grid-row-gap: 3.375rem;
  align-items: flex-end;
  display: flex;
}

.nav.mod--footer {
  grid-column-gap: 5.5rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-items: start;
  display: grid;
}

.nav-link {
  letter-spacing: .05em;
  text-transform: uppercase;
  font-weight: 600;
  line-height: 1.2;
  display: inline-block;
  position: relative;
  top: 0;
}

.nav-link:hover {
  margin-bottom: -.25rem;
  padding-bottom: .25rem;
  top: -.25rem;
}

.nav-link.text-color-white {
  font-family: Lato, sans-serif;
  font-weight: 300;
}

.btn-border {
  color: #222532;
  text-align: center;
  text-transform: uppercase;
  background-color: #0000;
  border: .0625rem solid #222532;
  border-radius: .1875rem;
  min-width: 11.5rem;
  padding: 1.0625rem 2rem;
  font-size: .875rem;
}

.hero__content {
  z-index: 2;
  margin-left: 0;
  padding-top: 1.2375rem;
  position: relative;
}

.text-color-white {
  color: #fff;
  font-family: Lato, sans-serif;
}

.columns {
  justify-content: space-between;
  display: flex;
}

.columns.mod--header {
  grid-column-gap: 5.75rem;
  grid-row-gap: 5.75rem;
  align-items: center;
}

.columns.mod--featured {
  grid-column-gap: 6rem;
  grid-row-gap: 6rem;
  justify-content: space-between;
  align-items: stretch;
  height: 5.625rem;
  margin-bottom: 3.4375rem;
}

.columns.mod--featured-choose {
  border-top: .0625rem solid #14173126;
  height: 8.75rem;
  position: relative;
}

.columns.mod--about-heading {
  max-width: 73rem;
  margin-bottom: 9.375rem;
  margin-left: auto;
  margin-right: auto;
}

.columns.mod--about {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.columns.mod--profess {
  align-items: flex-end;
  height: 100%;
}

.columns.mod--app {
  grid-column-gap: 7rem;
}

.columns.mod--services-heading {
  max-width: 72.8125rem;
  margin-bottom: 5.5rem;
  margin-left: auto;
  margin-right: auto;
}

.columns.mod--services {
  grid-column-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  margin-bottom: 9.375rem;
  display: flex;
}

.columns.mod--reviews {
  z-index: 1;
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  position: relative;
}

.columns.mod--footer.mod--2 {
  border-top: .0625rem solid #14173126;
  border-bottom: .0625rem solid #14173126;
  align-items: center;
  margin-top: 4.625rem;
  margin-bottom: 2rem;
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.col {
  flex: 1;
}

.col.col--1.mod--featured {
  max-width: 22.1875rem;
}

.col.col--1.mod--about-heading {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 28.125rem;
  display: flex;
}

.col.col--1.mod--profess {
  background-color: var(--coral);
  color: var(--white);
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  align-items: flex-end;
  width: 35%;
  height: 80%;
  padding: 9rem 5rem 9rem 2.5rem;
  display: flex;
  overflow: hidden;
}

.col.col--1.mod--services-heading {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 28.125rem;
  display: flex;
}

.col.col--1.mod--services {
  max-width: 25rem;
}

.col.col--1.mod--footer.mod--copyright {
  align-items: center;
  display: flex;
}

.col.col--2.mod--header {
  flex: 0 auto;
  align-items: center;
  display: flex;
}

.col.col--2.mod--featured {
  max-width: none;
}

.col.col--2.mod--profess {
  background-color: #115b5c;
  border-top-left-radius: 1.875rem;
  flex: 0 auto;
  width: 65%;
  height: 100%;
  padding-right: 2.5rem;
  overflow: hidden;
}

.col.col--2.mod--app {
  flex-direction: column;
  flex: 0 auto;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 17rem;
  display: flex;
}

.col.col--2.mod--footer {
  max-width: 19.375rem;
}

.col.col--3.mod--header {
  flex: 0 auto;
}

.col.col--3.mod--featured {
  text-align: center;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  max-width: 12.5rem;
  display: flex;
}

.col.col--3.mod--app {
  flex: 0 auto;
}

.col.col--3.mod--footer {
  max-width: 21rem;
  margin-left: 9.25rem;
}

.col.col--3.mod--footer.mod--copyright {
  grid-column-gap: 2.125rem;
  letter-spacing: .05em;
  text-transform: uppercase;
  justify-content: flex-end;
  align-items: center;
  max-width: none;
  margin-left: 0;
  font-size: .75rem;
  display: flex;
}

.col.mod--featured-choose {
  opacity: .2;
  text-align: center;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  transition: all .4s;
  display: flex;
}

.col.mod--featured-choose:hover, .col.mod--featured-choose.active {
  opacity: 1;
}

.col.mod--about, .col.mod--reviews {
  border-radius: 1.875rem;
  position: relative;
}

.col.mod--reviews.mod--2 {
  padding-top: 4rem;
  padding-left: 4rem;
}

.col.mod--reviews {
  border-radius: 1.875rem;
  position: relative;
}

.col.mod--reviews.mod--3 {
  padding-top: 4rem;
  padding-left: 4rem;
  padding-right: 2.5rem;
  display: block;
}

.col.mod--reviews.mod--3.top {
  display: none;
}

.btn__txt.mod--normal {
  text-transform: none;
  font-family: Lato, sans-serif;
  font-weight: 400;
}

.btn__txt.mod--absolute {
  text-transform: uppercase;
  font-family: Lato, sans-serif;
  position: absolute;
  bottom: -2rem;
  left: 0;
  right: 0;
}

.btn__txt.mod--absolute.text-color-green {
  text-transform: lowercase;
  font-family: Lato, sans-serif;
  font-weight: 400;
}

.btn__bg {
  z-index: 0;
  margin: -.0625rem;
  position: absolute;
  inset: 0%;
}

.btn__bg.mod--1 {
  background-color: #ff804980;
}

.btn__bg.mod--1.mod--white {
  background-color: #ffffff80;
}

.btn__bg.mod--1.mod--blue {
  background-color: #30476180;
}

.btn__bg.mod--2 {
  background-color: var(--midnight-blue);
}

.btn__bg.mod--2.mod--white {
  background-color: #fff;
}

.btn__bg.mod--2.mod--blue {
  background-color: var(--dark-slate-blue);
}

.text-color-green {
  color: var(--medium-aquamarine);
}

.hero__join {
  z-index: 1;
  background-color: var(--midnight-blue);
  -webkit-backdrop-filter: blur(5rem);
  backdrop-filter: blur(5rem);
  color: #fff;
  letter-spacing: .05em;
  text-transform: uppercase;
  border: .0625rem solid #ffffff4d;
  border-radius: 1.25rem;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: auto;
  max-width: 50vw;
  margin-left: 40px;
  margin-right: 40px;
  padding: 1.875rem 4rem;
  font-family: sofia-pro;
  font-size: 1.1875rem;
  font-weight: 700;
  display: flex;
  position: relative;
}

.arrow-wrap {
  z-index: 1;
  color: var(--midnight-blue);
  background-color: #fff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 1.375rem;
  height: 1.375rem;
  padding: .1875rem .1875rem .1875rem .25rem;
  transition: all .3s;
  display: flex;
  transform: scale(1);
}

.arrow-wrap.text-color-orange.mod--join {
  margin-left: 2rem;
}

.arrow-wrap.text-color-orange.mod--form {
  background-color: var(--coral);
  color: #fff;
  position: relative;
}

.arrow-wrap.text-color-greendark.mod--btn-big {
  position: absolute;
  bottom: 1.5rem;
  right: 1.5rem;
}

.hero__join-shadow {
  z-index: 0;
  opacity: .56;
  position: absolute;
  inset: 0%;
}

.hero__join-wrap {
  align-items: center;
  margin-top: 4.5625rem;
  display: flex;
  position: relative;
}

.cards__parallax {
  opacity: 1;
  perspective: 93.75rem;
  justify-content: center;
  align-items: center;
  width: 30rem;
  height: 30rem;
  font-size: 1rem;
  display: flex;
  position: absolute;
  top: 15.4375rem;
  right: 9.6875rem;
}

.cards__card {
  z-index: 1;
  background-image: url('../images/Card-Orange.svg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 1.25rem;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  transform: translate(0);
}

.cards__card.mod--2 {
  background-image: url('../images/Card-Dark.svg');
  background-position: 0 0;
  background-size: cover;
}

.cards__card.mod--2.card-new-bg {
  background-image: url('../images/card-holographic_1card-holographic.webp');
  background-size: cover;
}

.cards__card.mod--1.card-new-bg {
  background-image: url('../images/card-holographic_1card-holographic.webp');
  background-position: 50%;
  background-size: cover;
}

.cards__card-content {
  flex: none;
  width: 100%;
  height: 100%;
  position: absolute;
}

.cards__card-content.mod--1 {
  transform: rotate(0);
}

.cards__card-wrap {
  flex: none;
  width: 23.1em;
  height: 13.1em;
  position: absolute;
  top: 0;
  left: 0;
}

.cards__card-wrap.mod--1 {
  z-index: 2;
  transform-style: preserve-3d;
  left: -3.1em;
  transform: rotateX(-4deg)rotateY(-32deg)rotateZ(37deg)perspective(93.75rem);
}

.cards__card-wrap.mod--2 {
  transform-style: preserve-3d;
  background-color: #94d2f300;
  top: 11.3em;
  left: 7.7em;
  transform: rotateX(34deg)rotateY(2deg)rotateZ(-35deg);
}

.cards__shadow {
  z-index: 0;
  opacity: .9;
  display: block;
  position: absolute;
  bottom: .875rem;
  left: 17.25rem;
  transform: skew(0deg, -10deg)rotate(-36deg);
}

.featured__block {
  background-color: #fff;
  border-radius: 1.875rem;
  margin-top: 9.0625rem;
  margin-bottom: 128px;
  padding: 4rem 4rem 1.875rem;
}

.hero__bg-orange {
  z-index: -1;
  background-image: linear-gradient(#00ffb28f, #00ffb28f);
  border-top-right-radius: 3.75rem;
  width: 62.5rem;
  height: 62.5rem;
  position: absolute;
  top: 39.375rem;
  left: -30.5rem;
}

.card__shine {
  opacity: .3;
  background-color: #fff;
  width: 0;
  height: 200%;
  position: relative;
  transform: rotate(40deg);
  box-shadow: 0 0 2.5rem .625rem #fff;
}

.card__shine.mod--2 {
  opacity: .2;
  transform: rotate(-40deg);
}

.card__shine-wrap {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  transition: all .8s cubic-bezier(.215, .61, .355, 1);
  display: flex;
  position: absolute;
  inset: 0%;
}

.hero__bg {
  z-index: 0;
  background-image: none;
  height: 83.875rem;
  position: absolute;
  inset: 0%;
}

.opacity-70 {
  opacity: .7;
}

.featured__by {
  color: #141731b3;
  letter-spacing: .05em;
  text-transform: uppercase;
  margin-bottom: 1rem;
  font-family: Lato, sans-serif;
  font-size: .75rem;
}

.featured__logo {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.featured__logo.mod--1, .featured__logo.mod--2, .featured__logo.mod--3, .featured__logo.mod--4, .featured__logo.mod--5 {
  width: 14rem;
}

.featured__line {
  background-image: linear-gradient(10deg, var(--dark-slate-blue), var(--medium-aquamarine));
  width: 20%;
  height: .25rem;
  transition: all .5s;
  position: absolute;
  inset: -.0625rem 0% auto;
}

.margin-bottom-24 {
  margin-bottom: 1.5rem;
  font-family: Lato, sans-serif;
}

.margin-bottom-58 {
  margin-bottom: 3.625rem;
  font-family: Lato, sans-serif;
}

.btnbig {
  color: var(--white);
  border-radius: 1.25rem;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5rem;
  position: relative;
}

.btn-big__border {
  z-index: -1;
  border: .0625rem solid #00000026;
  border-radius: 1.25rem;
  margin: -1.5rem -1.5rem 1.5rem 1.5rem;
  position: absolute;
  inset: 0%;
}

.btn-big__bg {
  z-index: 0;
  background-color: var(--dark-slate-blue);
  opacity: 0;
  border-radius: 1.25rem;
  position: absolute;
  inset: 0%;
}

.btn-big__text {
  z-index: 1;
  font-family: Lato, sans-serif;
  font-weight: 300;
  position: relative;
}

.text-color-orange {
  color: #ff8049;
}

.text-color-greendark {
  color: #518d83;
}

.btn-big__content {
  background-image: linear-gradient(60deg, #497a79, #5ca78a);
  border-radius: 1.25rem;
  justify-content: center;
  align-items: center;
  width: 14.5rem;
  height: 7.625rem;
  padding: 1.5rem;
  display: flex;
  position: relative;
}

.btn-big__content.new {
  background-color: #019696;
  background-image: none;
}

.about__card {
  z-index: 1;
  color: var(--midnight-blue);
  background-color: #f5f5f5;
  border-radius: 1.875rem;
  width: 100%;
  transition: none;
  display: block;
  position: relative;
}

.about__card.mod--6 {
  background-image: linear-gradient(#f5f5f5e6, #f5f5f5e6), url('../images/financial-pattern.svg');
  background-position: 0 0, 6.25rem -14.375rem;
  background-repeat: repeat, no-repeat;
  background-size: auto, auto;
  margin-bottom: 2.5rem;
}

.about__card.mod--4 {
  margin-bottom: 2.5rem;
}

.about__card.mod--3 {
  z-index: 0;
  color: var(--white);
}

.about__img {
  z-index: 0;
  width: 25rem;
  margin-left: auto;
  margin-right: auto;
  transition: all .5s;
  display: block;
  position: relative;
}

.about__lottie-graph {
  z-index: 1;
  width: 16.875rem;
  position: absolute;
  top: auto;
  bottom: -.5rem;
  right: 4rem;
}

.text-size-18 {
  font-family: Lato, sans-serif;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.6875rem;
}

.text-size-18.mod--hero-overheading {
  color: #ffffffb3;
  text-align: center;
  margin-bottom: .45rem;
  font-family: Lato, sans-serif;
  font-weight: 300;
}

.text-size-18.margin-bottom-16 {
  color: #17163b;
}

.about__connect {
  z-index: 0;
  width: 11.875rem;
  display: block;
  position: absolute;
  inset: -7.5rem auto auto -7.5rem;
}

.about__img-small {
  z-index: 2;
  border-radius: .875rem;
  width: 10.375rem;
  display: block;
  position: absolute;
  box-shadow: -4px 5px 2.5rem #ababab33;
}

.about__img-small.mod--2 {
  top: 17rem;
  left: -6.25rem;
}

.about__img-small.mod--1 {
  top: 4rem;
  left: -4rem;
}

.about__img-ava {
  background-color: var(--coral);
  object-fit: contain;
  object-position: 50% 100%;
  border-radius: 50%;
  width: 2.125rem;
  height: 2.125rem;
  display: block;
  position: absolute;
  inset: 5.875rem 4.875rem auto auto;
}

.about__balance-wrap {
  z-index: 1;
  color: var(--white);
  text-align: center;
  font-family: paralucent;
  font-size: 1.4375rem;
  font-weight: 500;
  position: absolute;
  top: auto;
  bottom: 13.4375rem;
  left: 6.1875rem;
}

.about__balance-wrap.mod--3 {
  bottom: .3125rem;
  left: 14.1875rem;
}

.about__balance-wrap.mod--2 {
  bottom: .3125rem;
  left: 5.9375rem;
}

.about__balance-wrap.mod--4 {
  color: var(--midnight-blue);
  padding-left: .3125rem;
  inset: auto 0% 7.375rem;
}

.about__text-wrap {
  margin-left: 2.5rem;
}

.about__total-wrap {
  z-index: 1;
  color: var(--midnight-blue);
  text-align: center;
  font-family: paralucent;
  font-size: 2rem;
  font-weight: 500;
  position: absolute;
  inset: auto 0% 11.8rem;
}

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

.swiper.mod--profess2 {
  height: 100%;
  overflow: hidden;
}

.swiper.mod--profess1 {
  max-width: 20rem;
  margin-left: auto;
  margin-right: 0;
  overflow: hidden;
}

.swiper-wrapper {
  flex-flow: row;
  align-items: stretch;
  width: 100%;
  height: 100%;
  display: flex;
}

.swiper-slide.mod--profess2 {
  background-color: #115b5c;
  flex-direction: column;
  flex: none;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
}

.swiper-slide.mod--profess1 {
  background-color: var(--coral);
  flex: none;
  width: 100%;
  height: auto;
}

.profess__img {
  width: 52.5rem;
  display: block;
}

.profess__slider1-wrap {
  width: 100%;
  max-width: 23rem;
  margin-left: auto;
  position: relative;
}

.margin-bottom-32 {
  margin-bottom: 2rem;
}

.swiper__pagination {
  background-color: #ffffff4d;
  border-radius: .25rem;
  flex: 1;
  width: 17.9375rem;
  height: .125rem;
  max-height: .125rem;
  display: flex;
  position: absolute;
  top: 9.125rem;
  left: -8.75rem;
  transform: rotate(90deg);
}

.swiper__pagination-dot {
  background-color: var(--white);
  opacity: 0;
  border-radius: .25rem;
  flex: none;
  width: 33.3333%;
  position: relative;
}

.swiper__pagination-dot.active {
  opacity: 1;
}

.profess__avatars-wrap {
  align-items: center;
  max-width: 19rem;
  margin-top: 2.5rem;
  margin-left: auto;
  display: flex;
}

.profess__avatars {
  flex: none;
  width: 9rem;
  margin-right: 1.5rem;
  display: block;
}

.btn-arrow {
  letter-spacing: .05em;
  align-items: center;
  font-weight: 600;
  display: flex;
}

.btn-arrow__text {
  margin-right: .5rem;
}

.profess__title {
  color: var(--white);
  transition: all .8s;
  transform: translate(0, 110%);
}

.profess__title.active {
  transform: none;
}

.profess__p {
  color: var(--white);
  font-size: 1.125rem;
  transition: all .8s;
  position: relative;
  transform: translate(0, 110%);
}

.profess__p.active {
  transform: none;
}

.sticky {
  height: 100vh;
  margin-left: -2.5rem;
  margin-right: -2.5rem;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.margin-bottom-16 {
  color: var(--white);
  margin-bottom: 1rem;
  font-family: Lato, sans-serif;
  font-size: 1.5rem;
  font-weight: 300;
}

.app__img-wrap {
  width: 25rem;
  position: relative;
}

.app__img {
  width: 100%;
  display: block;
  overflow: hidden;
}

.app__lottie {
  width: 15.1875rem;
  position: absolute;
  inset: auto auto -.3125rem 4.875rem;
}

.profess__btns {
  z-index: 2;
  background-image: url('../images/communication-bg-btns_1communication-bg-btns.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 7.125rem;
  height: 7.125rem;
  position: absolute;
  inset: 2.5rem 2.5rem auto auto;
}

.profess__btn {
  justify-content: center;
  align-items: center;
  width: 3.625rem;
  height: 3.625rem;
  display: flex;
  position: absolute;
  inset: auto auto 0% 0%;
}

.profess__btn.mod--2 {
  inset: 0% 0% auto auto;
}

.btn__hover-zoom {
  z-index: -1;
  width: 2rem;
  max-width: none;
  transition: transform .8s cubic-bezier(.215, .61, .355, 1);
  display: block;
  position: absolute;
  bottom: 0;
  left: .75rem;
  transform: translate(0)scale(0);
}

.btn__hover-zoom.mod--reviews {
  filter: brightness(400%);
  transition: filter .1s, transform .8s cubic-bezier(.215, .61, .355, 1);
}

.app__total-wrap {
  z-index: 1;
  color: var(--midnight-blue);
  text-align: center;
  font-family: paralucent;
  font-size: 2rem;
  font-weight: 500;
  position: absolute;
  inset: auto 0% 11.8rem;
}

.app__img-ava {
  object-fit: contain;
  object-position: 50% 100%;
  background-color: #62b790;
  border-radius: 50%;
  width: 1.875rem;
  height: 1.875rem;
  display: block;
  position: absolute;
  inset: 6.5625rem 5.8125rem auto auto;
}

.services__list {
  grid-row-gap: 3.625rem;
  flex-direction: column;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.services__list-item {
  padding-left: 4rem;
  padding-right: 4.375rem;
}

.services__icon-wrap {
  background-color: var(--dark-slate-blue);
  border-radius: .875rem;
  justify-content: center;
  align-items: center;
  width: 4rem;
  height: 4rem;
  margin-bottom: 1.875rem;
  display: flex;
}

.services__icon {
  z-index: 1;
  width: 2rem;
  height: 2rem;
  position: relative;
}

.services__icon.mod--graph {
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.margin-bottom-10 {
  margin-bottom: .625rem;
}

.services__img {
  z-index: 0;
  object-fit: cover;
  border-radius: 1.875rem;
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
}

.services__btn {
  z-index: 1;
  background-color: var(--white);
  color: var(--midnight-blue);
  border-radius: 1.875rem 0 0;
  justify-content: center;
  align-items: center;
  width: 25rem;
  height: 11.875rem;
  display: flex;
  position: absolute;
  inset: auto 0% 0% auto;
}

.services__border-delta {
  position: absolute;
}

.services__border-delta.mod--1 {
  inset: auto auto -.0625rem -2rem;
}

.services__border-delta.mod--2 {
  top: -2rem;
  right: 0;
}

.services__hover-pen-line {
  background-color: #fff;
  width: .125rem;
  height: .125rem;
  transition: all .5s cubic-bezier(.215, .61, .355, 1);
  position: absolute;
  bottom: .25rem;
  left: .3125rem;
}

.services__hover-finance {
  z-index: -1;
  opacity: .6;
  transition: all .5s cubic-bezier(.215, .61, .355, 1);
  position: absolute;
  inset: 0 auto auto 0;
  transform: none;
}

.services__hover-graph {
  background-color: var(--white);
  border-radius: .125rem;
  width: .375rem;
  height: 100%;
  transition: all .5s cubic-bezier(.215, .61, .355, 1);
}

.services__hover-graph.mod--1 {
  height: 45%;
}

.services__hover-graph.mod--2 {
  height: 80%;
}

.services__hover-graph.mod--3 {
  height: 65%;
}

.services__hover-pen {
  transition: all .5s cubic-bezier(.215, .61, .355, 1);
  transform: none;
}

.overflow__anim {
  transition: all .5s;
  position: relative;
  bottom: 0;
  left: 0;
}

.overflow__anim.mod--interact {
  text-transform: lowercase;
  transition: none;
}

.reviews__block {
  background-color: #fff;
  border-radius: 1.875rem;
  height: 100%;
  padding: 3.5rem 4rem;
}

.reviews__block.mod--review {
  color: #304761;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.input {
  color: #304761;
  background-color: #fff0;
  border: 0 solid #000;
  border-bottom: .0625rem solid #14173126;
  border-radius: 0;
  height: 3.75rem;
  margin-bottom: .875rem;
  padding: 0;
  font-family: Lato, sans-serif;
  font-size: 1.125rem;
  transition: all .2s;
}

.input:focus {
  border-bottom-color: #1417314d;
}

.input::placeholder {
  color: #304761b3;
}

.input.mod--footer {
  height: 3.375rem;
  margin-bottom: 0;
}

.reviews__rating-wrap {
  color: var(--midnight-blue);
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  font-size: 1rem;
  font-weight: 600;
  display: flex;
}

.reviews__ava {
  background-color: var(--coral);
  object-fit: contain;
  object-position: 50% 100%;
  border-radius: 50%;
  width: 5rem;
  height: 5rem;
  margin-bottom: 2.5rem;
  display: block;
}

.margin-bottom-48 {
  margin-bottom: 3rem;
  font-family: Lato, sans-serif;
}

.reviews__rating {
  grid-column-gap: .625rem;
  align-items: center;
  display: flex;
}

.line {
  background-color: #14173126;
  width: .0625rem;
  height: 2rem;
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}

.reviews__woman {
  width: 100%;
  display: block;
}

.reviews__connect {
  z-index: 1;
  width: 9.8125rem;
  max-width: none;
  display: block;
  position: absolute;
  bottom: -6.5rem;
  right: -6.25rem;
}

.reviews__connect-grad {
  z-index: 1;
  width: 8.8125rem;
  max-width: none;
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
}

.reviews__bg-orange {
  z-index: -1;
  background-image: linear-gradient(#00ffb3d9, #00ffb3d9);
  border-top-right-radius: 3.75rem;
  width: 62.5rem;
  height: 20.0625rem;
  position: absolute;
  bottom: -9rem;
  left: -24.4rem;
}

.reviews__btn-star-wrap {
  z-index: 3;
  justify-content: center;
  align-items: center;
  width: 4rem;
  height: 4rem;
  display: flex;
  position: absolute;
  top: 4rem;
  right: -2rem;
  transform: translate(0);
}

.reviews__woman-small {
  border-radius: 1.875rem;
  width: 12.5rem;
  display: block;
  position: absolute;
  inset: -12.5rem 0% auto auto;
}

.footer__title {
  text-transform: uppercase;
  margin-bottom: .875rem;
  font-weight: 600;
}

.footer__title.mod--form {
  margin-bottom: 1.25rem;
}

.form__submit-wrap {
  z-index: 1;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  transition: all .2s;
  display: flex;
  position: absolute;
  bottom: 1rem;
  right: 0;
}

.form__submit-wrap:hover {
  transform: scale(1.1);
}

.social {
  grid-column-gap: 1rem;
  align-items: center;
  display: flex;
}

.social-link {
  border: .0625rem solid #14173126;
  border-radius: .375rem;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  position: relative;
  overflow: hidden;
  transform: translate(0);
}

.social-link:hover {
  color: #fff;
}

.appstore {
  grid-column-gap: .75rem;
  display: flex;
}

.appstore__link {
  border: .0625rem solid #14173126;
  border-radius: .75rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 10.125rem;
  height: 4.5rem;
  display: flex;
  position: relative;
  overflow: hidden;
  transform: translate(0);
}

.footer__copyright {
  letter-spacing: .05em;
  text-transform: uppercase;
  align-items: center;
  font-size: .75rem;
  display: flex;
}

.footer__copyright-logo {
  width: 2.5rem;
  margin-right: 1.125rem;
  display: block;
}

.appstore__img {
  width: 7.125rem;
  transition: all .5s cubic-bezier(.55, .055, .675, .19);
}

.appstore__img.mod--absolute {
  position: absolute;
  bottom: -2rem;
  left: 0;
}

.reviews__btn-star-bg {
  z-index: -2;
  -webkit-backdrop-filter: blur(5rem);
  backdrop-filter: blur(5rem);
  background-color: #ffffff0d;
  border-radius: .875rem;
  position: absolute;
  inset: 0%;
  overflow: hidden;
  transform: translate(0);
}

.reviews__btn-star {
  filter: brightness(400%);
  width: 1.5rem;
  transition: all .1s;
}

.footer__follow-wrap {
  z-index: 1;
  color: #ffffffb3;
  background-color: #233053;
  border-top: .0625rem solid #0000001a;
  justify-content: center;
  align-items: center;
  height: 3.5rem;
  margin-top: 2rem;
  margin-left: -2.5rem;
  margin-right: -2.5rem;
  font-size: 1.125rem;
  display: flex;
  position: relative;
}

.footer__follow {
  z-index: 1;
  padding-left: 2.3rem;
  position: relative;
}

.footer__follow-heart {
  z-index: -1;
  background-image: url('../images/follow-heart.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 2.5rem;
  height: 2.5rem;
  display: inline-block;
  position: absolute;
  top: -.3rem;
  left: 0;
}

.footer__follow-link {
  color: #fff;
  display: inline-block;
}

.footer__follow-and {
  color: #fff;
}

.featured__anim {
  opacity: 0;
  justify-content: center;
  align-items: center;
  transition: all .8s;
  display: flex;
  position: absolute;
  inset: 0%;
  transform: translate(0, 110%);
}

.featured__anim.active {
  opacity: 1;
  transition: all .8s;
  transform: none;
}

.featured__anim.done {
  opacity: 0;
  transition: all .8s;
  transform: translate(0, -110%);
}

.heading {
  font-family: Lato, sans-serif;
  position: relative;
}

.heading.mod--hero {
  color: var(--white);
  text-align: center;
  font-family: Lato, sans-serif;
  font-weight: 400;
}

.heading.mod--hero.heading-large {
  text-align: center;
  font-size: 3rem;
  font-weight: 300;
}

.about__balance-circle {
  border-radius: 50%;
  width: 6.6875rem;
  transition: all .8s;
  display: block;
  position: absolute;
  bottom: 4.75rem;
  left: 9.1875rem;
  transform: none;
}

.about__total-span {
  min-width: 7rem;
  display: inline-block;
}

.app__total-span {
  min-width: 6.375rem;
  display: inline-block;
}

.btn-cube {
  z-index: 1;
  border: .0625rem solid #060602;
  flex: none;
  width: 5rem;
  height: 5rem;
  margin-left: 2rem;
  position: relative;
}

.btn-cube.mod--arrow {
  width: 4rem;
  height: 4rem;
  margin-left: 1rem;
}

.btn-cube__img {
  object-fit: scale-down;
  width: 100%;
  height: 100%;
  transition: all .2s;
}

.btn-cube__img.mod--arrow {
  transform: rotate(-90deg);
}

.form__lottie {
  z-index: 1;
  filter: brightness(0%) invert();
  position: absolute;
  inset: 0%;
}

.form__submit {
  z-index: 2;
  opacity: 0;
  padding: 0;
  display: block;
  position: absolute;
  inset: 0%;
}

.reviews__rating-star, .profess__ico {
  width: 1.5rem;
}

.form__submit-result-wrap {
  justify-content: flex-start;
  align-items: center;
  padding-left: .375rem;
  padding-right: .375rem;
  display: flex;
  position: absolute;
  inset: 0%;
}

.form__submit-result-ico {
  flex: none;
  width: .625rem;
  max-width: none;
  display: block;
}

.form__submit-result {
  align-items: center;
  width: 0;
  transition: all .2s;
  display: flex;
  overflow: hidden;
}

.form__submit-result.active {
  width: .625rem;
  transition-duration: 1s;
}

.remodal__close {
  z-index: 5;
  opacity: 1;
  filter: none;
  cursor: pointer;
  background-image: url('../images/ico-close-modal.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 1.5rem;
  width: 1.5rem;
  height: 1.5rem;
  transition: all .2s;
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
}

.remodal__close:hover {
  opacity: .9;
}

.remodal__heading {
  max-width: 11.25rem;
  font-family: paralucent;
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1.3;
}

.remodal__text-wrap {
  justify-content: space-between;
  width: 100%;
  margin-bottom: 1rem;
  display: flex;
}

.remodal__text {
  max-width: 15rem;
  margin-bottom: 0;
}

.remodal__img {
  object-fit: cover;
  object-position: 50% 100%;
  width: 100%;
  display: block;
  position: relative;
}

.remodal__content {
  z-index: 2;
  border-radius: 1.5rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  padding: 2.5rem 3rem 3rem;
  transition: all .3s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.remodal.remodal--global {
  background-color: var(--white);
  color: var(--midnight-blue);
  text-align: left;
  background-image: linear-gradient(#0a4c4a 15%, #fff 15%);
  border-radius: 1.875rem;
  width: 100%;
  max-width: 37.25rem;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  position: relative;
  overflow: hidden;
  transform: translate(0);
}

.heading-2, .heading-3, .heading-4, .heading-5, .heading-6, .heading-7, .paragraph, .block-quote, .heading-8, .paragraph-2, .heading-9, .bold-text, .bold-text-2, .bold-text-3, .heading-10 {
  font-family: Lato, sans-serif;
}

.heading-11, .heading-12, .heading-13, .heading-14 {
  font-family: Lato, sans-serif;
  font-weight: 700;
}

.heading-15, .heading-16 {
  font-family: Lato, sans-serif;
}

.paragraph-3 {
  color: #fff;
  text-transform: none;
  font-family: Lato, sans-serif;
  font-weight: 300;
}

.text-block, .text-block-2, .text-block-3 {
  font-family: Lato, sans-serif;
}

.image {
  width: 30%;
}

.div-block {
  justify-content: center;
  align-items: center;
  margin-top: 33px;
  margin-bottom: 47px;
  display: flex;
}

.div-block.is-vertical {
  flex-flow: column;
}

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

.heading-17 {
  font-family: Lato, sans-serif;
  font-weight: 900;
}

.heading-17.is-orange {
  color: var(--coral);
}

.div-block-3 {
  z-index: 3;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

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

.tmo_heading {
  color: var(--white);
  text-align: center;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-weight: 400;
}

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

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

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

  .show-tablet {
    display: block;
  }

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

  .margin-medium {
    margin: 1.5rem;
  }

  .margin-large {
    margin: 2.5rem;
  }

  .margin-xlarge {
    margin: 3rem;
  }

  .margin-xxlarge {
    margin: 4rem;
  }

  .margin-huge {
    margin: 5rem;
  }

  .margin-xhuge {
    margin: 6rem;
  }

  .margin-xxhuge {
    margin: 8rem;
  }

  .padding-medium {
    padding: 1.5rem;
  }

  .padding-large {
    padding: 2.5rem;
  }

  .padding-xlarge {
    padding: 3rem;
  }

  .padding-xxlarge {
    padding: 4rem;
  }

  .padding-huge {
    padding: 5rem;
  }

  .padding-xhuge {
    padding: 6rem;
  }

  .padding-xxhuge {
    padding: 8rem;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

  h2 {
    font-size: 2rem;
  }

  h3 {
    font-size: 1.5rem;
  }

  h4 {
    font-size: 1rem;
  }

  .fs-styleguide_row.is-for-social-icons {
    grid-template-rows: auto auto;
  }

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

  .fs-styleguide_color-sample {
    padding: 2.5rem 2rem;
  }

  .heading-medium {
    font-size: 1.5rem;
  }

  .heading-large {
    font-size: 2rem;
  }

  .text-size-large {
    font-size: 1.25rem;
  }

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

  .heading-xlarge {
    font-size: 2.5rem;
  }

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

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

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

  .show-mobile-landscape {
    display: block;
  }

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

  .margin-medium {
    margin: 1.25rem;
  }

  .margin-large {
    margin: 1.5rem;
  }

  .margin-xlarge {
    margin: 2rem;
  }

  .margin-xxlarge {
    margin: 3rem;
  }

  .margin-huge {
    margin: 3.5rem;
  }

  .margin-xhuge {
    margin: 4rem;
  }

  .margin-xxhuge {
    margin: 4.5rem;
  }

  .padding-medium {
    padding: 1.25rem;
  }

  .padding-large {
    padding: 1.5rem;
  }

  .padding-xlarge {
    padding: 2rem;
  }

  .padding-xxlarge {
    padding: 3rem;
  }

  .padding-huge {
    padding: 3.5rem;
  }

  .padding-xhuge {
    padding: 4rem;
  }

  .padding-xxhuge {
    padding: 4.5rem;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

  .heading-small {
    font-size: 1rem;
  }

  .fs-styleguide_version-details {
    font-size: .875rem;
  }

  .fs-styleguide_page-header {
    margin-bottom: 0;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .cards__parallax {
    width: 26.8rem;
    height: 22.5rem;
    margin-top: 4.5rem;
    font-size: .65rem;
  }

  .cards__card {
    border-radius: .8rem;
  }

  .swiper__pagination {
    display: flex;
  }

  .footer__follow {
    text-align: center;
    margin-top: 1.375rem;
  }

  .remodal__close {
    top: 1rem;
  }

  .remodal__content {
    padding: 6rem 1.5rem 3.5rem;
  }

  .remodal.remodal--global {
    max-width: 30rem;
    height: 100%;
  }
}

@media screen and (max-width: 479px) {
  .show-mobile-portrait {
    display: block;
  }

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

  .text-size-small {
    font-size: 3rem;
  }

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

  .fs-styleguide_2-col {
    grid-template-columns: auto;
  }

  .padding-large.mobile {
    display: block;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

  .text-color-white {
    font-size: 5rem;
  }

  .columns.mod--header {
    display: none;
  }

  .columns.mod--services, .columns.mod--reviews {
    display: block;
  }

  .col.col--1.mod--header, .col.col--1.mod--about-heading, .col.col--1.mod--services-heading {
    display: none;
  }

  .col.col--1.mod--services {
    max-width: none;
    margin-bottom: 34px;
  }

  .col.col--2.mod--header, .col.mod--reviews.mod--2 {
    display: none;
  }

  .col.mod--reviews.mod--3 {
    display: block;
  }

  .col.mod--reviews.mod--3.top {
    text-align: center;
    display: block;
  }

  .hero__join {
    margin-bottom: 35px;
    display: block;
  }

  .cards__parallax {
    width: 20rem;
    height: 17rem;
    font-size: .5rem;
  }

  .featured__block {
    display: none;
  }

  .hero__bg-orange {
    background-image: linear-gradient(#00ffb226, #00ffb226);
  }

  .margin-bottom-58 {
    font-size: 5rem;
  }

  .margin-bottom-16 {
    margin-bottom: 5.8rem;
    font-size: 5rem;
  }

  .services__list, .reviews__block, .reviews__block.mod--review {
    display: none;
  }

  .margin-bottom-48 {
    font-size: 5rem;
  }

  .reviews__rating, .reviews__connect, .reviews__connect-grad, .reviews__bg-orange, .reviews__btn-star-wrap {
    display: none;
  }

  .footer__follow {
    align-items: flex-start;
    max-width: 14.375rem;
  }

  .footer__follow-heart {
    top: -.4375rem;
    right: -.1875rem;
  }

  .heading {
    font-size: 5rem;
  }

  .heading.mod--hero {
    font-size: 6rem;
  }

  .heading.mod--hero.heading-large {
    margin-top: 2.8rem;
    font-size: 5rem;
  }

  .remodal__content {
    justify-content: flex-start;
    align-items: center;
    height: 100%;
  }

  .remodal.remodal--global {
    max-width: 100%;
  }

  .paragraph-2, .paragraph-3 {
    font-size: 4rem;
  }

  .text-block-2 {
    font-size: 5rem;
  }

  .image {
    width: 70%;
  }

  .image-2 {
    display: none;
  }
}

#w-node-e4e00014-0613-dfe9-3ac8-9136c3de9352-6a56b895 {
  align-self: center;
}