:root {
  --dark-gray: #262f2c;
  --teal: #52c1b2;
  --med-gray: #bac9c7;
  --white: white;
  --light-gray: #edf2f2;
  --green: #8dc756;
  --coral: #ee6e7d;
  --orange: #f99e1b;
  --darker-teal: #2c9b8c;
  --light-teal: #86d4c9;
  --grey: #8c8c8c;
  --lime-1: #f3f9ee;
  --gray-8: #595959;
  --dark-teal: #183935;
  --lime-3: #c6e3aa;
}

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

body {
  color: var(--dark-gray);
  font-family: proxima-nova, sans-serif;
  font-size: 1rem;
  line-height: 1.2;
}

h1 {
  max-width: 676px;
  margin-top: 10px;
  margin-bottom: 20px;
  font-size: 3.4rem;
  font-weight: 800;
  line-height: 1.2;
}

h2 {
  margin-top: 10px;
  margin-bottom: 20px;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.2;
}

h3 {
  text-align: center;
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 1.75rem;
  font-style: italic;
  font-weight: 300;
  line-height: 1.3;
}

h4 {
  color: #262f2cbf;
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.3;
}

h5 {
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: .875rem;
  font-weight: 700;
  line-height: 1.4;
}

h6 {
  color: #262f2ccc;
  margin-top: 5px;
  margin-bottom: 10px;
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.4;
}

p {
  color: #262f2ccc;
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.4;
}

a {
  color: var(--dark-gray);
  text-decoration: underline;
}

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

li {
  color: #096ad099;
  margin-bottom: 12px;
}

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

blockquote {
  border-left: 1px solid var(--teal);
  color: var(--dark-gray);
  width: 95%;
  margin-top: 40px;
  margin-bottom: 40px;
  padding: 10px 20px;
  font-size: 23px;
  font-style: italic;
  font-weight: 300;
  line-height: 32px;
}

figure {
  margin-bottom: 10px;
}

figcaption {
  text-align: center;
  margin-top: 5px;
}

.section {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 160px;
  padding-bottom: 160px;
  display: block;
  position: relative;
  overflow: visible;
}

.section.grid {
  z-index: -1;
  height: auto;
  margin-left: 0;
  margin-right: 0;
  padding-top: 0;
  padding-bottom: 0;
}

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

.section.divider {
  background-color: var(--med-gray);
  padding-top: 10px;
  padding-bottom: 10px;
}

.section.full-screen.background-image-side {
  background-color: var(--med-gray);
  background-image: url('../images/background-image.svg');
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.section.full-screen.stretch {
  align-items: stretch;
}

.section.light-blue {
  background-color: #edf2f2;
  border-style: none;
}

.section.wider-padding {
  padding-top: 160px;
  padding-bottom: 160px;
}

.section.wider-padding.background-image {
  background-image: url('../images/cinematic---big.svg');
  background-position: 50%;
  background-repeat: repeat;
  background-size: cover;
  align-items: center;
  display: flex;
}

.section.wider-padding.teal {
  background-color: var(--teal);
}

.section.light-blue {
  background-color: #096ad014;
}

.section.blue {
  color: #096ad0;
  background-color: #096ad0;
}

.section.background-image {
  background-image: url('../images/cinematic---big.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 600px;
}

.section.half-screen-background-image {
  background-image: url('../images/169---big.svg');
  background-position: 0;
  background-repeat: no-repeat;
  background-size: 50%;
}

.section.half-screen-background-image.right {
  background-position: 100%;
}

.section.page-header {
  padding-top: 160px;
  padding-bottom: 80px;
}

.section.page-header.image {
  background-image: url('../images/cinematic---big.svg');
  background-position: 50%;
  background-size: cover;
  padding-bottom: 160px;
}

.section.full-screen {
  align-items: center;
  min-height: 100vh;
  display: flex;
}

.section.hero {
  align-items: center;
  min-height: 100vh;
  margin-top: 40px;
  padding-top: 80px;
  padding-bottom: 80px;
  display: flex;
}

.section.narrow-padding {
  padding-top: 50px;
  padding-bottom: 50px;
}

.section.narrow-padding.dark-bg {
  color: var(--white);
}

.section.narrow-padding.image-hero {
  background-image: url('../images/core-integrations.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.section.narrow-padding.green-bg {
  background-color: var(--teal);
}

.section.leadership-hero {
  background-color: var(--teal);
  align-items: center;
  min-height: 80vh;
  margin-top: 80px;
  padding-top: 80px;
  padding-bottom: 80px;
  display: flex;
  overflow: hidden;
}

.section.about-hero {
  align-items: center;
  height: 100vh;
  margin-top: 80px;
  padding-top: 80px;
  padding-bottom: 80px;
  display: flex;
  overflow: hidden;
}

.section.platform-hero {
  align-items: center;
  min-height: 120vh;
  margin-top: 40px;
  padding-bottom: 80px;
  display: flex;
}

.section.platform-hero.image-hero {
  background-image: url('../images/core-integrations.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
}

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

.section.resources-hero {
  align-items: center;
  min-height: 100vh;
  margin-top: 40px;
  padding-top: 80px;
  display: flex;
}

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

.section.platformf-hero {
  align-items: center;
  min-height: 100vh;
  margin-top: 40px;
  padding-top: 80px;
  padding-bottom: 80px;
  display: flex;
  overflow: hidden;
}

.section.teal-bg {
  background-color: var(--teal);
}

.section.fso-hero {
  align-items: center;
  min-height: 100vh;
  margin-top: 40px;
  padding-top: 80px;
  padding-bottom: 80px;
  display: flex;
}

.section.blog {
  align-items: center;
  min-height: 100vh;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
}

.section.hf-hero {
  color: var(--white);
  align-items: center;
  min-height: 100vh;
  margin-top: 40px;
  padding-top: 80px;
  padding-bottom: 80px;
  display: flex;
}

.section.hf-video-section {
  background-color: #0000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.section.background-color {
  background-color: #323d3a;
}

.section.strip {
  padding-top: 40px;
  padding-bottom: 40px;
}

.section.hero-welcome {
  align-items: center;
  min-height: 100vh;
  margin-top: 80px;
  padding-top: 80px;
  padding-bottom: 80px;
  display: flex;
}

.section.vh {
  height: 100vh;
}

.section.casestudy-logos {
  padding-top: 20px;
  padding-bottom: 20px;
}

.section.casestudy-logos.dark-bg {
  color: var(--white);
}

.section.casestudy-logos.image-hero {
  background-image: url('../images/core-integrations.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.section.casestudy-logos.green-bg {
  background-color: var(--teal);
}

.section.casestudy-hero {
  align-items: center;
  min-height: 100vh;
  margin-top: 40px;
  padding-top: 80px;
  padding-bottom: 40px;
  display: flex;
}

.container {
  flex-direction: column;
  justify-content: center;
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 30px;
  padding-right: 30px;
  display: block;
  top: 0;
  left: 0;
  right: 0;
}

.container.grid-container {
  z-index: -1;
  display: block;
  position: fixed;
  inset: auto 0 0;
}

.container.space-around {
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  display: flex;
}

.container.navbar-2 {
  flex-direction: row;
  align-items: center;
  padding-top: 12px;
  padding-bottom: 12px;
  display: flex;
}

.container.lg-negative-margins {
  flex-direction: row;
  flex: 0 auto;
  margin-top: -80px;
  margin-bottom: -80px;
  display: flex;
}

.container.navbar {
  justify-content: space-between;
  padding-top: 0;
  padding-bottom: 0;
}

.container.vertival-spacing {
  grid-row-gap: 2rem;
  display: flex;
}

.container.relative-position {
  position: relative;
}

.color-block {
  background-color: var(--med-gray);
  border-radius: 8px;
  width: 100px;
  height: 100px;
  margin-top: 15px;
  margin-left: 0;
  margin-right: 0;
}

.color-block.teal {
  background-color: var(--teal);
}

.color-block.black {
  background-color: var(--dark-gray);
}

.color-block.white {
  background-color: #fff;
}

.color-block.white.border {
  border: 1px solid var(--med-gray);
}

.color-block.light-blue {
  background-color: var(--light-gray);
  border-style: none;
}

.color-block.green {
  background-color: var(--green);
}

.color-block.coral {
  background-color: var(--coral);
}

.color-block.orange {
  background-color: var(--orange);
}

.grid {
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: stretch;
  height: 100vh;
  margin-left: -15px;
  margin-right: -15px;
  display: flex;
}

.block {
  border-style: none;
  border-width: 1px;
  flex-wrap: nowrap;
  flex: 1;
  place-content: flex-start;
  align-items: flex-start;
  min-width: auto;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
}

.block.lg-50 {
  float: left;
  justify-content: center;
  width: 50%;
  min-height: 400px;
  padding: 80px;
  display: flex;
}

.column-overlay {
  border-left: 1px solid #096ad00d;
  border-right: 1px solid #096ad00d;
  width: 100%;
  height: 100%;
}

.column-overlay.white {
  border-left-color: #ffffff14;
  border-right-color: #ffffff14;
}

.centre-align {
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.centre-align.bottom-margin {
  margin-bottom: 40px;
}

.centre-align.relative {
  position: relative;
}

.centre-align.relative.search {
  min-height: 406px;
}

.col {
  flex-flow: column;
  flex: 0 auto;
  align-items: flex-start;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
  position: relative;
}

.col.centre-align {
  align-items: center;
}

.col.lg-4 {
  flex-wrap: wrap;
  flex: 0 auto;
  width: 33.33%;
}

.col.lg-4.align-bottom {
  justify-content: flex-end;
}

.col.lg-4.align-bottom.md-4 {
  align-items: center;
}

.col.lg-4.sm-2.lg-vertical-align {
  justify-content: center;
}

.col.lg-4.flex-stretch {
  align-items: stretch;
}

.col.lg-3 {
  flex: none;
  width: 25%;
}

.col.lg-3.no-padding {
  float: left;
}

.col.lg-3.flex-stretch {
  align-items: stretch;
}

.col.lg-1 {
  flex: 0 auto;
  width: 8.33%;
}

.col.lg-6 {
  flex: 0 auto;
  align-items: flex-start;
  width: 50%;
}

.col.lg-6.center-align {
  justify-content: flex-start;
  align-items: center;
}

.col.lg-6.centre-align-vertical {
  justify-content: center;
}

.col.lg-6.md-3.centre-align {
  align-items: center;
}

.col.lg-6.sm-margin-bottom.stretch {
  align-items: stretch;
}

.col.lg-2 {
  width: 16.66%;
}

.col.lg-5 {
  width: 41.66%;
}

.col.lg-5.align-vertically {
  justify-content: center;
}

.col.lg-7 {
  width: 58.33%;
}

.col.lg-8 {
  width: 66.66%;
}

.col.lg-9 {
  width: 75%;
}

.col.lg-10 {
  width: 83.33%;
}

.col.lg-11 {
  width: 91.66%;
}

.col.lg-12 {
  width: 100%;
}

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

.paragraph-small {
  color: #262f2ccc;
  font-size: .8rem;
  font-weight: 400;
}

.paragraph-small.no-top-margins {
  margin-top: 0;
}

.paragraph-small.align-to-h1 {
  margin-bottom: 6px;
  margin-left: 5px;
}

.paragraph-small.divider-line {
  margin-left: 8px;
  margin-right: 8px;
}

.paragraph-small.short-paragraph {
  width: 75%;
}

.paragraph-small.white {
  color: #fff9;
}

.row {
  flex-flow: wrap;
  align-content: stretch;
  align-items: stretch;
  margin-left: -15px;
  margin-right: -15px;
  display: flex;
}

.row.flex-horizontal {
  flex-wrap: nowrap;
  justify-content: flex-start;
  display: flex;
}

.row.flex-horizontal.blue.padding {
  margin-left: -30px;
  margin-right: -30px;
  padding: 20px;
}

.row.flex-horizontal.no-bottom-margin {
  margin-bottom: 0;
}

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

.row.align-centre {
  justify-content: center;
  align-items: flex-start;
}

.row.align-centre.flex-vertical-align {
  align-items: center;
}

.row.center-stretch {
  justify-content: center;
  align-items: stretch;
}

.row.center-align {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
}

.row.center-align.heading {
  margin-bottom: 60px;
}

.row.center-align.margin-top {
  margin-top: 0;
  padding-top: 160px;
}

.row.center-align.margin--vertical {
  margin-top: 0;
  padding-top: 160px;
  padding-bottom: 100px;
}

.row.center-align.margin-welcome {
  margin-top: 0;
  padding-top: 40px;
  padding-bottom: 100px;
}

.button {
  background-color: var(--teal);
  text-align: center;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  min-width: 175px;
  padding: 15px 25px 14px;
  font-size: .75rem;
  font-weight: 700;
  transition: all .2s;
  box-shadow: 0 4px 11px #262f2c1f;
}

.button:hover {
  background-color: var(--teal);
  color: #fff;
  transform: translate(0, -1px);
  box-shadow: 0 6px 20px #262f2c2e;
}

.button.ghost {
  border: 1px solid var(--teal);
  box-shadow: none;
  color: var(--teal);
  background-color: #0000;
}

.button.ghost:hover {
  background-color: var(--teal);
  color: #fff;
  background-image: none;
  transform: none;
}

.button.ghost.reversed {
  color: #fff;
  background-color: #0000;
  border-color: #fff;
}

.button.ghost.reversed:hover {
  color: var(--teal);
  background-color: #fff;
}

.button.reversed {
  color: var(--teal);
  background-color: #fff;
  background-image: none;
  box-shadow: 0 6px 20px #262f2c26;
}

.button.reversed:hover {
  background-image: none;
  box-shadow: 0 6px 20px #262f2c4d;
}

.button.lg-wide {
  text-align: center;
  width: 100%;
}

.button.margin-left {
  margin-right: 20px;
}

.button.side-margins {
  margin-left: 16px;
  margin-right: 16px;
}

.button.form-button {
  box-shadow: none;
  border-radius: 0 3px 3px 0;
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 14px;
}

.button.green {
  background-color: var(--green);
}

.button.orange {
  background-color: var(--orange);
}

.button.coral {
  background-color: var(--coral);
}

.button.white-outline {
  border: 1px solid var(--white);
  background-color: #0000;
}

.button.schedule-demo {
  border: 1px solid var(--orange);
  background-color: #0000;
}

.button.small {
  display: flex;
}

.button.white {
  background-color: var(--white);
  color: var(--teal);
}

.navbar {
  background-color: #0000;
  flex-direction: row;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.navbar.fixed {
  background-color: var(--dark-gray);
  padding-top: 36px;
  padding-bottom: 36px;
  display: block;
  position: fixed;
}

.card {
  background-color: var(--white);
  border-radius: 10px;
  flex: 1;
  max-width: 350px;
  margin-top: 20px;
  margin-left: 20px;
  margin-right: 20px;
  padding: 30px 35px 15px;
  box-shadow: 0 5px 15px #262f2c26;
}

.card.small {
  margin-bottom: 20px;
}

.form {
  width: 100%;
}

.form-field {
  color: var(--teal);
  background-color: #edf2f2;
  background-image: none;
  border-style: none;
  border-radius: 3px;
  min-width: 200px;
  margin-bottom: 20px;
  padding: 26px 16px;
}

.form-field::placeholder {
  color: var(--teal);
}

.form-field.no-bottom-margins {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.form-field.no-bottom-margins.margin-right {
  margin-right: 20px;
}

.form-field.side-margins {
  margin-left: 16px;
  margin-right: 16px;
}

.text-area {
  color: var(--teal);
  background-color: #edf2f2;
  border-style: none;
  border-radius: 3px;
  min-height: 140px;
  margin-bottom: 20px;
  padding-top: 16px;
  padding-left: 16px;
}

.text-area::placeholder {
  color: var(--teal);
}

.page-preview-link {
  box-shadow: none;
  background-color: #1f2c3d;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 36px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
  overflow: hidden;
}

.page-preview-link:hover {
  background-image: radial-gradient(circle farthest-corner at 0% 0%, #2279d4, var(--teal));
  transform: translate(0, -4px);
  box-shadow: 0 8px 40px #0000001a;
}

.page-wrapper {
  overflow: hidden;
}

.price-table-container {
  border: 1px solid var(--med-gray);
  border-radius: 6px;
  flex-direction: column;
  flex: 1;
  align-items: center;
  padding: 50px;
  display: flex;
}

.price-table-container.flex-stretch {
  align-items: stretch;
}

.price-table-container.link {
  align-items: stretch;
  text-decoration: none;
  transition: border .2s ease-in-out;
}

.price-table-container.link:hover {
  border-color: var(--teal);
}

.logo {
  flex: 1;
  margin-left: 20px;
  position: absolute;
}

.logo.w--current {
  flex: 1;
}

.logo.rel {
  align-items: center;
  margin-left: 0;
  display: flex;
  position: relative;
}

.logo.rel.w--current {
  flex: 0 auto;
  display: flex;
}

.column-styleguide {
  border: 1px solid var(--med-gray);
  background-color: var(--light-gray);
  border-radius: 6px;
  width: 100%;
  height: 40px;
  margin-bottom: 0;
}

.styleguide-caption {
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 5px;
  font-size: 14px;
}

.styleguide-caption.small-divider {
  margin-top: -15px;
  font-size: 12px;
}

.white {
  color: #fff;
}

.horizontal-line {
  background-color: #fff;
  width: 100%;
  height: 1px;
  margin-bottom: 40px;
}

.horizontal-line.dark-gray {
  background-color: var(--dark-gray);
}

.horizontal-line.light {
  background-color: var(--med-gray);
  color: var(--teal);
  margin-top: 10px;
  margin-bottom: 20px;
}

.horizontal-line.light.white {
  background-color: #fffc;
}

.footer-logo {
  margin-top: 10px;
  margin-bottom: 10px;
  display: block;
}

.footer-link {
  opacity: .5;
  color: var(--med-gray);
  cursor: pointer;
  margin-bottom: 0;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 15px;
  font-weight: 300;
  text-decoration: none;
  transition: opacity .2s ease-in-out;
}

.footer-link:hover {
  opacity: 1;
}

.footer-link.w--current {
  opacity: 1;
  font-weight: 500;
}

.footer-link.spacing {
  margin-left: 16px;
  margin-right: 16px;
}

.footer-link.spacing.last {
  margin-right: 0;
}

.footer-link.no-padding {
  padding-top: 0;
  padding-bottom: 0;
}

.footer-link.no-padding.last {
  margin-right: -20px;
}

.social-media-icon {
  padding: 8px;
}

.testimonial-image.absolute {
  width: 250px;
  max-width: 100%;
  position: absolute;
  inset: -10% 0% 0% 15%;
}

.contact-form-container {
  border-radius: 6px;
  width: 100%;
}

.contact-form-container.card {
  border: 1px none var(--med-gray);
  background-color: #fff;
  padding: 60px;
  box-shadow: 10px 0 80px #1f2c3d1a;
}

.contact-form-container.card.white-background {
  border: 1px solid var(--teal);
  background-color: #fff;
}

.contact-form-container.light-blue.padding {
  padding: 40px;
}

.card-icon {
  color: #fff;
  width: 50px;
  margin-bottom: 10px;
  font-size: 24px;
}

.light-blue {
  background-color: #096ad00a;
}

.faq-question {
  align-items: flex-start;
  display: flex;
}

.answer-text {
  margin-top: 8px;
}

.question-arrow-icon {
  width: 18px;
  margin-top: 3px;
  margin-right: 16px;
}

.question-arrow-icon.left {
  margin-top: 11px;
  margin-left: 0;
  margin-right: 16px;
}

.faq-answer {
  color: #9096a4;
  margin-left: 32px;
  padding-left: 0;
  padding-right: 0;
  display: block;
  overflow: hidden;
}

.faq-answer._2 {
  margin-left: 32px;
  padding-left: 0;
  padding-right: 0;
}

.question-container {
  text-align: left;
  cursor: pointer;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  padding: 15px 32px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.question-container.transparent {
  background-color: #0000;
  border-style: none;
  padding: 10px 0;
}

.service-icon {
  float: left;
  border: 1px solid var(--teal);
  color: var(--teal);
  text-align: center;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  margin-top: 11px;
  margin-bottom: 0;
  padding: 0;
  font-size: 18px;
  font-weight: 400;
  display: flex;
}

.service-icon._2 {
  border-color: var(--teal);
  color: var(--teal);
  width: 40px;
  height: 40px;
  margin-top: 11px;
  margin-bottom: 0;
}

.question-text {
  flex: 1;
  margin-top: 15px;
  margin-left: 24px;
}

.div-block-8 {
  flex: 1;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.nav-menu {
  background-color: #fff;
  flex-direction: row;
  flex: 1;
  justify-content: space-around;
  align-items: center;
  display: flex;
  position: relative;
}

.navbar-link {
  color: var(--dark-gray);
  cursor: pointer;
  padding: 16px 20px 18px;
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.5;
  transition: opacity .15s;
  position: relative;
}

.navbar-link:hover {
  opacity: 1;
  color: var(--teal);
}

.navbar-link.w--current {
  color: var(--teal);
  font-weight: 700;
  transition-property: none;
}

.navbar-link.border {
  border: 1px solid var(--teal);
  opacity: 1;
  border-radius: 8px;
  padding-top: 6px;
  padding-bottom: 6px;
  transition: background-color .2s;
}

.navbar-link.border:hover, .navbar-link.border.cta {
  background-color: var(--teal);
  color: #fff;
}

.navbar-link.dropdown {
  opacity: 1;
  margin-left: 20px;
  margin-right: 20px;
  padding-left: 0;
  padding-right: 0;
}

.navbar-link.full-opacity {
  opacity: 1;
}

.navbar-link.burger-nav {
  opacity: 1;
  color: #096ad099;
  background-color: #fff;
  flex: 0 auto;
  justify-content: center;
  padding-top: 16px;
  padding-bottom: 16px;
  text-decoration: none;
  transition: opacity .15s, color .2s;
  display: block;
  position: relative;
}

.navbar-link.burger-nav:hover {
  opacity: 1;
  color: var(--teal);
}

.nav-button.w--open {
  color: var(--med-gray);
  background-color: #fff;
}

.nav-bar {
  z-index: 200;
  background-color: #fff;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 100px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  box-shadow: 0 2px 10px #262f2c14;
}

.nav-bar.sample-website {
  flex-direction: column;
  position: absolute;
}

.nav-bar.burger-nav {
  background-color: #fff;
}

.toggle-grid {
  z-index: 100;
  color: #fff;
  background-color: #1f2c3d;
  border-radius: 60px;
  margin-bottom: 20px;
  margin-right: 20px;
  padding: 16px;
  position: fixed;
  bottom: 0;
  right: 0;
}

.logo-navbar {
  max-width: 200px;
}

.logo-navbar.white {
  width: 70px;
}

.blue {
  background-color: var(--teal);
}

.partner-logo {
  width: 100px;
}

.phone-image.negative-margins {
  margin-bottom: -125px;
}

.no-margins {
  margin-top: 0;
  margin-bottom: 0;
}

.styleguide-small-divider {
  opacity: .3;
  width: 100%;
  margin-top: 0;
}

.no-bottom-margins {
  margin-bottom: 0;
}

.margin-top {
  margin-top: 20px;
}

.column-image {
  margin-bottom: 20px;
  transition: transform .2s;
}

.column-image:hover {
  transform: translate(0, -5px);
}

.slider {
  background-color: #0000;
  width: 100%;
  height: 100%;
}

.slide {
  background-color: #0000;
}

.slide.small {
  width: 70%;
  margin-left: 10px;
  margin-right: 10px;
}

.slider-arrow, .slide-nav {
  color: var(--teal);
}

.plstform-module-imageholder {
  width: 100%;
}

.plstform-module-imageholder.margin-top {
  width: 80%;
  max-width: 100%;
  margin-top: 60px;
  position: static;
  inset: 0%;
}

.plstform-module-imageholder.margin-top.hidden {
  display: block;
}

.plstform-module-imageholder.mobile {
  z-index: -10;
  opacity: 0;
  position: absolute;
  inset: auto 0% 0%;
}

.overflow-visible {
  overflow: visible;
}

.small-icon {
  float: left;
  margin-right: 16px;
  display: block;
}

.inline-form {
  width: 75%;
  display: flex;
}

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

.components-list-container {
  background-color: #1f2c3d;
  width: 100%;
  margin-top: 24px;
  margin-bottom: 24px;
  display: none;
}

.components-list-container._2 {
  flex-direction: row;
  justify-content: flex-end;
  align-items: stretch;
  display: none;
}

.flex-stretch {
  flex-direction: column;
  display: flex;
}

.no-vertical-padding {
  padding-top: 0;
  padding-bottom: 0;
}

.flex-horizontal-justify-start-align-centre {
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}

.tick-icon {
  margin-right: 8px;
}

.flex-horizontal {
  display: flex;
}

.flex-horizontal.align-bottom {
  align-items: flex-end;
}

.blog-thumbnail-container {
  border: 1px solid var(--med-gray);
  border-radius: 6px;
  flex: 1;
  margin-bottom: 30px;
  text-decoration: none;
  transition: all .2s;
  overflow: hidden;
}

.blog-thumbnail-container:hover {
  transform: translate(0, -5px);
}

.blog-thumbnail-container.no-border {
  border-style: none;
}

.blog-thumbnail-container.no-border:hover {
  transform: none;
}

.padding {
  padding: 20px;
}

.padding.no-horizontal-padding {
  padding-left: 0;
  padding-right: 0;
}

.margin-bottom-gutter {
  margin-bottom: 30px;
}

.tab {
  width: 100%;
}

.tabs-menu {
  justify-content: space-between;
  width: 100%;
  margin-bottom: 40px;
  display: flex;
}

.tab-link {
  opacity: .5;
  color: var(--teal);
  text-align: center;
  background-color: #0000;
  flex: 1;
  width: 33.33%;
  padding-top: 15px;
  padding-bottom: 15px;
}

.tab-link.w--current {
  opacity: 1;
  background-color: #0000;
  font-weight: 700;
}

.centred-logo-container {
  justify-content: center;
  display: flex;
}

.text-block {
  color: #fff;
  font-size: 14px;
}

.nav-link-with-icon-containr {
  align-items: center;
  display: flex;
}

.menu-icon {
  margin-right: 8px;
}

.navbar-links-container {
  flex: 0 auto;
  align-items: flex-start;
  display: flex;
}

.nav-link {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  cursor: pointer;
  padding: 26px;
  font-size: 12px;
  text-decoration: none;
}

.nav-link.cta {
  background-color: var(--teal);
  color: #fff;
  transition: background-color .1s ease-in-out;
}

.nav-link.cta:hover {
  background-color: #328ae6;
}

.back-to-legowerk-link {
  z-index: 100;
  color: #fff;
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: #1f2c3d;
  border-radius: 90px;
  margin: 16px;
  padding: 8px 14px;
  font-size: 10px;
  text-decoration: none;
  display: flex;
  position: fixed;
  bottom: 0;
  left: 0;
}

.dropdown-container {
  background-color: #1f2c3d;
  width: 100%;
  margin-top: 36px;
  display: block;
  position: fixed;
}

.hover.hover-on-image {
  opacity: 1;
  background-color: #e4f1fd;
  width: auto;
  height: 100%;
  padding: 30px;
  display: block;
  position: absolute;
}

.portrait-container {
  margin-bottom: 30px;
  position: relative;
}

.team-small-container {
  flex-direction: row;
  justify-content: flex-start;
  margin-bottom: 60px;
  display: flex;
}

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

.image-9 {
  margin-right: 20px;
}

.bold {
  font-weight: 500;
}

.form-with-button {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.testimonial-container {
  background-color: #fff;
  align-items: flex-start;
  padding: 50px;
  display: flex;
}

.testimonial-container.border {
  border: 1px solid var(--teal);
  background-color: #fff;
  border-radius: 3px;
  align-items: flex-start;
  display: flex;
}

.quotation-mark {
  opacity: .1;
  margin-right: 24px;
}

.slider-3 {
  background-color: #0000;
  height: 100%;
}

.slide-nav-2 {
  margin-top: 20px;
  margin-bottom: -20px;
  font-size: 10px;
  position: relative;
}

.hide {
  display: none;
}

.flex-horizontal-space-between {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.horizontal-short-line {
  background-color: var(--med-gray);
  height: 1px;
  margin-left: -50px;
  margin-right: -50px;
}

.div-block-32 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
  display: flex;
}

.social-link {
  border: 1px solid var(--teal);
  background-color: var(--teal);
  border-radius: 50px;
  margin-left: 6px;
  margin-right: 6px;
  padding: 8px;
  display: inline;
}

.team-small-container-1 {
  flex-direction: column;
  align-items: center;
  margin-bottom: 60px;
  display: flex;
}

.team-container {
  margin-bottom: 30px;
}

.section-header {
  text-align: center;
  justify-content: center;
  margin: 0 auto 80px;
  display: block;
}

.half-screen-content {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 500px;
  display: flex;
}

.short-paragraph {
  width: 75%;
}

.div-block-33 {
  width: 100%;
}

.app-download-button {
  float: left;
  margin-right: 30px;
}

.feature-icon-horizontal {
  align-items: flex-start;
  margin-bottom: 20px;
  display: flex;
}

.icon-side {
  width: 50px;
  margin-right: 30px;
}

.value-proposition-container.vertical-align {
  flex: 1;
  align-items: center;
  display: flex;
}

.value-proposition-buttons {
  margin-top: 40px;
}

.computer-image {
  width: 70vw;
  margin-left: 10vw;
  position: absolute;
}

.computer-image-container {
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.border-to-edge-picture {
  float: left;
  background-image: url('../images/cinematic---big.svg');
  background-position: 50%;
  background-size: cover;
  width: 100vw;
  height: 600px;
  position: relative;
  top: 0;
}

.big-blog-thumbnail-container {
  margin-bottom: 80px;
  transition: transform .2s ease-in-out;
}

.big-blog-thumbnail-container.no-bottom-margins {
  margin-bottom: 0;
}

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

.rich-text-block img {
  margin-top: 40px;
  margin-bottom: 40px;
}

.footer-heading {
  margin-bottom: 20px;
  text-decoration: none;
}

.div-block-39 {
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.footer-links-container {
  flex-direction: column;
  display: flex;
}

.footer-logo-2 {
  margin-bottom: 40px;
}

.avatar-container {
  display: flex;
}

.div-block-48 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-left: 20px;
  display: flex;
}

.full-width {
  width: 100%;
}

.works-link {
  text-decoration: none;
}

.low-opacity {
  color: #096ad099;
}

.centred-logo {
  max-width: 120px;
  padding: 10px 30px 10px 0;
}

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

.lightbox-link {
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  transition: transform .2s ease-in-out;
  display: flex;
}

.lightbox-link:hover {
  transform: scale(1.01);
}

.play-icon {
  position: absolute;
}

.dropdown-linktext {
  margin-right: 20px;
  text-decoration: none;
}

.dropdown-chevron {
  margin-right: -1px;
}

.dropdown-link {
  color: var(--dark-gray);
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: .875rem;
  font-weight: 500;
}

.dropdown-link:hover, .dropdown-link.w--current {
  opacity: 1;
  color: var(--teal);
}

.dropdown.large {
  position: static;
}

.nav-dropdown {
  border: 1px solid #000;
}

.nav-dropdown.w--open {
  border-color: var(--teal);
  opacity: 1;
  background-color: #fff;
  border-radius: 6px;
  margin-top: 0;
}

.nav-dropdown.large {
  left: 0;
}

.nav-dropdown.medium {
  bottom: auto;
  left: -50%;
  right: -50%;
}

.small-slide {
  width: 50%;
  padding-left: 30px;
  padding-right: 30px;
}

.date-container {
  display: flex;
}

.value-point-container {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.negative-margin {
  margin-left: -18px;
}

.container-2 {
  padding-top: 12px;
  padding-bottom: 12px;
}

.back-icon {
  margin-right: 8px;
}

.utility-page-wrap {
  background-color: var(--teal);
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 80vh;
  max-height: 100%;
  display: flex;
}

.utility-page-wrap.light-blue {
  height: 70vh;
}

.utility-page-content {
  color: var(--white);
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 320px;
  padding: 30px;
  display: flex;
}

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

.utility-page-icon {
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.lightbox-image {
  transition: transform .2s ease-in-out;
}

.lightbox-image:hover {
  transform: translate(0, -5px);
}

.lg-10 {
  width: 83.33%;
}

.lg-5 {
  width: 41.66%;
}

.lg-3 {
  width: 25%;
}

.lg-6 {
  width: 50%;
}

.lg-8 {
  width: 66.66%;
}

.lg-11 {
  width: 91.66%;
}

.lg-9 {
  width: 75%;
}

.lg-7 {
  width: 58.33%;
}

.lg-1 {
  width: 8.33%;
}

.lg-4 {
  width: 33.33%;
}

.lg-2 {
  width: 16.66%;
}

.no-overflow {
  overflow: hidden;
}

.lg-12 {
  width: 100%;
}

.hidden {
  display: none;
}

.gradient-gw {
  z-index: -10;
  background-image: linear-gradient(#edf2f2, #fff);
  position: absolute;
  inset: 0%;
}

.gradient-wg {
  z-index: -10;
  background-color: #0000;
  background-image: linear-gradient(#fff, #edf2f2);
  position: absolute;
  inset: 0%;
}

.cards-header {
  text-align: center;
  width: 50vw;
  margin-top: 40px;
  margin-bottom: 40px;
}

.card-line {
  background-color: var(--dark-gray);
  width: 30px;
  height: 2px;
  margin-bottom: 20px;
}

.card-line.teal-bg {
  background-color: var(--teal);
}

.card-line.coral-bg {
  background-color: var(--coral);
}

.card-line.orange-bg {
  background-color: var(--orange);
}

.card-line.green-bg {
  background-color: var(--green);
}

.card-h5 {
  margin-bottom: 5px;
}

.card-h5.teal-txt {
  color: var(--teal);
}

.card-h5.coral-txt {
  color: var(--coral);
}

.card-h5.orange-txt {
  color: var(--orange);
}

.divider-line {
  background-color: var(--med-gray);
  width: 40px;
  height: 2px;
  margin-bottom: 15px;
}

.divider-line.orange-bg {
  background-color: var(--orange);
}

.divider-line.green-bg {
  background-color: var(--green);
}

.divider-line.coral-bg {
  background-color: var(--coral);
}

.divider-line.teal-bg {
  background-color: var(--teal);
}

.divider-line.white-bg {
  background-color: var(--white);
}

.statistics-holder {
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex;
}

.statistics-number {
  margin-top: 20px;
  font-size: 54px;
  font-weight: 800;
  line-height: 100%;
}

.orange-txt {
  color: var(--orange);
}

.step-holder {
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding-left: 20%;
  padding-right: 20%;
  display: flex;
}

.step-icon {
  color: #fff;
  width: 50px;
  margin-bottom: 15px;
  font-size: 24px;
}

.step-line {
  background-color: var(--med-gray);
  width: 30px;
  height: 2px;
  margin-top: 10px;
  margin-bottom: 20px;
}

.step-line.teal-bg {
  background-color: var(--teal);
}

.step-line.coral-bg {
  background-color: var(--coral);
}

.step-line.orange-bg {
  background-color: var(--orange);
}

.faq-line {
  background-color: var(--med-gray);
  width: 100%;
  height: 1px;
  margin-bottom: 10px;
}

.question-txt {
  margin-bottom: 10px;
}

.cta-section {
  z-index: 50;
  background-color: var(--teal);
  color: var(--white);
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 50vh;
  margin-left: auto;
  margin-right: auto;
  padding-top: 160px;
  padding-bottom: 160px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.cta-h4 {
  color: #fff9;
  margin-top: -5px;
  margin-bottom: 30px;
}

.cta-button {
  background-color: var(--dark-gray);
  letter-spacing: 2.5px;
  text-transform: uppercase;
  border-radius: 8px;
  padding: 17px 25px;
  font-size: 12px;
  font-weight: 700;
  transition: all .2s;
  box-shadow: 0 4px 11px #262f2c33;
}

.cta-button:hover {
  background-color: var(--white);
  color: var(--dark-gray);
  transform: translate(0, -1px);
  box-shadow: 0 6px 20px #262f2c33;
}

.cta-shapes-left {
  background-image: url('../images/Shapes-CTA-Left.svg');
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 35%;
  height: 110%;
  position: absolute;
  bottom: 0;
  left: 0;
}

.cta-shapes-right {
  background-image: url('../images/Shapes-CTA-Right.svg');
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: contain;
  width: 35%;
  height: 110%;
  position: absolute;
  top: 0;
  right: 0;
}

.footer-section {
  z-index: 50;
  background-color: var(--dark-gray);
  color: var(--white);
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 80px;
  padding-bottom: 0;
  display: block;
  position: relative;
  overflow: visible;
}

.hero-shape-topleft {
  object-fit: contain;
  background-image: url('../images/Shapes-Hero-TopLeft.svg');
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 130%;
  position: absolute;
  left: 0;
}

.hero-shape-topleft.blogshape {
  height: 100%;
}

.hero-shape-topleft.platform-shape {
  z-index: -5;
  background-image: url('../images/Hero-Shape-Platform.svg');
  background-position: 0 0;
  background-size: contain;
  width: 40%;
  height: 50%;
  inset: auto auto -5% 0%;
}

.hero-image {
  object-fit: contain;
  max-height: 80vh;
  transform: rotate(0);
}

.hero-image.half-width {
  max-width: 80%;
}

.hero-shape-botleft {
  object-fit: contain;
  background-image: url('../images/Shapes-Hero-BotLeft.svg');
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 90%;
  position: absolute;
  bottom: -6%;
  left: -10%;
}

.hero-shape-botleft.platform-shape {
  height: 80%;
  bottom: -5%;
  left: -2%;
}

.hero-shape-botleft.accountopening-shape {
  height: 70%;
}

.statistics-shape-left {
  z-index: -5;
  background-image: url('../images/Shapes-Stats-Left.svg');
  background-repeat: no-repeat;
  background-size: contain;
  width: 80%;
  height: 150%;
  position: absolute;
  top: -25%;
}

.statistics-textholder {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

.hero-textholder {
  max-width: 600px;
}

.storycard-textholder {
  flex-direction: column;
  justify-content: center;
  max-width: 500px;
  height: 100%;
  display: flex;
}

.storycard-grid {
  grid-column-gap: 20px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-flow: column;
  justify-content: stretch;
  place-items: center stretch;
}

.storycard {
  border-radius: 9px;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
  box-shadow: 1px 1px 10px #0000001a;
}

.storycard-spacer {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 10vh;
  display: flex;
}

.storycard-shape-right {
  background-image: url('../images/Shapes-StoryCard-Right.svg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 50%;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

.storycard-shape-right.home-prfeature-shape {
  width: 20%;
}

.card-shape-right {
  background-image: url('../images/Shapes-FBCard-Right.svg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  justify-content: flex-end;
  align-items: stretch;
  width: 30%;
  height: 50%;
  display: flex;
  position: absolute;
  top: -10%;
  right: 0;
}

.card-shape-right.platform-shape {
  background-image: url('../images/Shapes-Fundraising-Right2.svg');
  top: 20%;
  right: -5%;
}

.card-shape-right.employer-shape {
  right: -45px;
}

.card-shape-right.financialservices-shape {
  height: 25%;
  top: -5%;
}

.card-shape-left {
  background-image: url('../images/Shapes-FBCard-Left.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: contain;
  justify-content: flex-end;
  align-items: stretch;
  width: 40%;
  height: 70%;
  display: flex;
  position: absolute;
  bottom: -25%;
  left: 0;
}

.card-shape-left.platform-shape {
  bottom: -50%;
}

.steps-shape-left {
  background-image: url('../images/Shapes-FBSteps-Left.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: contain;
  justify-content: flex-end;
  align-items: stretch;
  width: 30%;
  height: 70%;
  display: flex;
  position: absolute;
  bottom: -35%;
  left: 0;
}

.steps-shape-left.home-shape {
  width: 30%;
  height: 60%;
  bottom: -10%;
}

.steps-shape-left.membershipo-shape {
  height: 50%;
}

.steps-shape-right {
  z-index: -10;
  background-image: url('../images/Shapes-StoryCard-Right.svg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 50%;
  position: absolute;
  top: -50%;
  bottom: 0;
  right: 0;
}

.steps-shape-right.casestudy-shape {
  width: 100%;
  top: -95%;
}

.hero-buttonholder {
  justify-content: flex-start;
  margin-top: 40px;
  display: flex;
}

.hero-imageholder {
  justify-content: center;
  width: 100%;
  display: flex;
}

.herologos-logoholder {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-height: 25vh;
  display: flex;
}

.logoholder {
  max-width: 15%;
}

.alternatinglayout-lefttext {
  text-align: right;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  width: 80%;
  max-width: 400px;
  display: flex;
}

.alternatinglayout-righttext {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 80%;
  max-width: 400px;
  display: flex;
}

.alternatinglayout-righttext.row-spacing {
  grid-row-gap: 2rem;
}

.homestats-divider {
  background-color: var(--orange);
  width: 2px;
  height: 60%;
  position: absolute;
}

.homestats-dividerholder {
  justify-content: center;
  align-items: center;
  width: 10px;
  margin-left: -5px;
  margin-right: -5px;
  display: flex;
}

.homestats-textholder {
  width: 60%;
}

.content-centered {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.secondarytarget-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-columns: auto auto;
  place-content: center;
  place-items: stretch stretch;
}

.secondarytarget-link {
  color: #262f2ccc;
  text-decoration: none;
}

.secondarytarget-card {
  border: 1px solid var(--white);
  background-color: var(--white);
  cursor: pointer;
  border-radius: 10px;
  flex: 1;
  width: 25vw;
  max-width: 350px;
  margin: 0;
  padding: 45px;
  transition: all .2s;
  position: relative;
  box-shadow: 0 5px 15px #262f2c26;
}

.secondarytarget-card:hover {
  border-color: var(--orange);
  box-shadow: 0 6px 20px #bac9c7bf;
}

.secondarytarget-h4 {
  margin-top: 10px;
  margin-bottom: 5px;
}

.tab-link {
  border-bottom: 1px solid var(--med-gray);
  color: #262f2c99;
  width: 50%;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

.tab-link:hover {
  color: var(--dark-gray);
}

.tab-link.w--current {
  border-bottom-color: var(--teal);
  background-color: var(--white);
  color: var(--teal);
  font-weight: 400;
}

.tabs {
  flex: 1;
  width: 80%;
  height: 80%;
}

.tabs.full-width {
  width: 100%;
}

.usecase-title {
  color: var(--dark-gray);
  margin-top: 10px;
  margin-bottom: 5px;
  font-size: 1.8rem;
  font-weight: 700;
}

.usecase-card {
  background-color: var(--white);
  cursor: pointer;
  border-radius: 10px;
  flex: 1;
  min-width: 225px;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 30px;
  transition: box-shadow .3s cubic-bezier(.25, .46, .45, .94);
}

.usecase-card:hover {
  box-shadow: 0 5px 18px 2px #262f2c1f;
}

.usecase-link {
  justify-content: flex-end;
  align-items: center;
  margin-top: 50px;
  display: flex;
}

.usecase-line {
  background-color: #262f2c99;
  flex: 1;
  height: 1.5px;
  margin-right: 15px;
}

.usecase-container {
  align-items: flex-start;
  width: 100vw;
  display: flex;
  overflow: hidden;
}

.usecase-col {
  flex-direction: column;
  align-items: flex-start;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
}

.usecase-spacer {
  height: 5vh;
}

.usecase-marquee {
  flex-direction: row;
  align-items: flex-start;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.usecase-marqueewrapper {
  flex: none;
  justify-content: flex-start;
  width: 100vw;
  display: flex;
  overflow: hidden;
}

.homestats-h2 {
  font-size: 5vh;
}

.tabs-menu-2 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.nav-container {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1440px;
  height: 100%;
  padding: 12px 30px;
  display: flex;
  top: 0;
  left: 0;
  right: 0;
}

.nav-spacer {
  flex: 1;
}

.navbutton {
  background-color: var(--teal);
  border-radius: 8px;
  padding: 15px 25px 14px;
  font-size: .875rem;
  font-weight: 500;
  transition: all .2s;
  box-shadow: 0 4px 11px #bac9c74d;
}

.navbutton:hover {
  background-color: var(--teal);
  color: #fff;
  transform: translate(0, -1px);
  box-shadow: 0 6px 20px #bac9c7bf;
}

.navbutton.ghost {
  border: 1px solid var(--teal);
  box-shadow: none;
  color: var(--teal);
  background-color: #0000;
}

.navbutton.ghost:hover {
  background-color: var(--teal);
  color: #fff;
  background-image: none;
  transform: none;
}

.quote {
  text-align: center;
  font-style: normal;
  position: relative;
}

.quote-shape {
  margin-top: -5%;
  margin-left: -3%;
  position: absolute;
  top: 0%;
  left: 0%;
}

.step-h2 {
  text-align: center;
  max-width: 500px;
  margin-bottom: 80px;
}

.green-txt {
  color: var(--green);
}

.centeredtext-textholder {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 600px;
  height: 100%;
  margin-bottom: 15vh;
  display: flex;
}

.teal-txt {
  color: var(--teal);
}

.hero-buttonspacer {
  width: 30px;
  height: 20px;
}

.corporatef-heroo-confetti {
  z-index: -10;
  background-image: url('../images/CorporateF-Hero-Confetti.svg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 50%;
  height: 70%;
  position: absolute;
  top: 0%;
  right: 0;
}

.testimonial-title {
  text-align: center;
  justify-content: center;
  max-width: 80%;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 500;
  display: flex;
}

.testimonial-title.white-text {
  max-width: 70%;
  font-size: 2.75rem;
  font-weight: 300;
}

.team-memberholder {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 10px;
  padding: 10px;
  display: flex;
}

.team-profileimage {
  box-shadow: inset 0 0 0 2px var(--med-gray);
  border-style: solid;
  border-radius: 50%;
}

.profile-name {
  color: var(--dark-gray);
  margin-top: 25px;
  margin-bottom: 5px;
  font-size: 1.5rem;
}

.paragraph, .team-h2 {
  text-align: center;
}

.team-dividerline {
  background-color: var(--med-gray);
  width: 100%;
  height: 1px;
  position: absolute;
  top: -20px;
}

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

.team-h1 {
  color: var(--white);
  text-align: center;
}

.team-h4 {
  color: #ffffffbf;
  text-align: center;
}

.team-heroline {
  background-color: var(--white);
  width: 50px;
  height: 2px;
  margin-top: 0;
  margin-bottom: 20px;
}

.shape-team-left {
  background-image: url('../images/Shape-Team-Left.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: fixed;
  width: 40%;
  position: absolute;
  top: -10%;
  bottom: -10%;
  left: 0%;
}

.shape-team-right {
  background-image: url('../images/Shape-Team-Right.svg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: fixed;
  width: 40%;
  position: absolute;
  top: -10%;
  bottom: -10%;
  right: 0%;
}

.demopopup-holder {
  z-index: 300;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  top: 0;
}

.demopopup-overlay {
  z-index: -10;
  background-color: #52c1b24d;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  position: fixed;
}

.demopopup-card {
  background-color: var(--white);
  border-radius: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 700px;
  padding: 45px;
  display: flex;
  position: relative;
  box-shadow: 4px 4px 15px 3px #262f2c26;
}

.popup-formblock {
  max-width: 650px;
}

.popup-field {
  border: 1px solid var(--med-gray);
  border-radius: 5px;
  margin-bottom: 12px;
  margin-right: -5px;
}

.popup-field:hover, .popup-field:focus {
  border-color: var(--teal);
}

.popup-h4 {
  text-align: center;
  width: 90%;
  margin-bottom: 30px;
}

.popup-h1 {
  text-align: center;
  margin-bottom: 10px;
}

.popup-form {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.popup-formcontent {
  flex-direction: column;
  align-items: flex-start;
  width: 80%;
  display: flex;
}

.popup-buttono {
  background-color: var(--teal);
  letter-spacing: 2.5px;
  text-transform: uppercase;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  min-width: 175px;
  margin-top: 10px;
  padding: 15px 25px 14px;
  font-size: .75rem;
  font-weight: 700;
  transition: all .2s;
  display: flex;
  box-shadow: 0 4px 11px #bac9c74d;
}

.popup-buttono:hover {
  background-color: var(--teal);
  color: #fff;
  transform: translate(0, -1px);
  box-shadow: 0 6px 20px #bac9c7bf;
}

.popup-success {
  background-color: #0000;
}

.popup-errortext {
  color: var(--coral);
}

.pop-up-error {
  background-color: #0000;
}

.learnpopup-holder {
  z-index: 300;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  top: 0;
}

.learnpopup-card {
  background-color: var(--white);
  border-radius: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 700px;
  padding: 45px;
  display: flex;
  position: relative;
  box-shadow: 4px 4px 15px 3px #262f2c26;
}

.learnpopup-overlay {
  z-index: -10;
  background-color: #52c1b24d;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  position: fixed;
}

.learnpop-up-x, .demopop-up-x {
  cursor: pointer;
  background-image: url('../images/PopUp-X.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 25px;
  right: 25px;
}

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

.platform-h1.text-color0white {
  color: #fff;
}

.platform-h1.text-color0white.text-align-left {
  text-align: left;
}

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

.platform-h4.text-color-white {
  color: #ffffffbf;
}

.platform-h4.text-color-white.text-align-left {
  text-align: left;
}

.numberscard-holder {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-bottom: 5%;
  display: flex;
}

.numberscard {
  background-color: var(--white);
  text-align: center;
  border-radius: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-width: 60%;
  margin: 45px;
  padding: 45px 75px;
  display: flex;
  position: relative;
}

.timeline-holder {
  border-left: 2px solid var(--teal);
  margin-top: 80px;
  margin-bottom: 80px;
  display: flex;
}

.timeline-line {
  background-color: var(--teal);
  width: 25%;
  min-width: 150px;
  height: 2px;
  position: sticky;
  top: 40vh;
}

.timeline-content {
  flex-direction: column;
  align-items: flex-start;
  margin-top: -25px;
  margin-bottom: -25px;
  margin-left: 20px;
  display: flex;
}

.timeline-item {
  align-items: center;
  margin-top: 20px;
  margin-bottom: 20px;
  display: flex;
}

.timeline-date {
  color: var(--teal);
  text-align: left;
  margin-right: 20px;
  font-style: italic;
  font-weight: 500;
}

.timeline-description {
  color: #262f2ccc;
  text-align: left;
  max-width: 300px;
  margin-right: 25px;
  font-weight: 300;
}

.missioncard-h4 {
  margin-top: 10px;
  margin-bottom: 5px;
}

.missioncard-line {
  background-color: var(--dark-gray);
  width: 100%;
  height: 1.5px;
  margin-bottom: 20px;
}

.missioncard-line.teal-bg {
  background-color: var(--teal);
}

.missioncard-line.coral-bg {
  background-color: var(--coral);
}

.missioncard-line.orange-bg {
  background-color: var(--orange);
}

.missioncard-line.green-bg {
  background-color: var(--green);
}

.missioncard {
  background-color: var(--white);
  border-radius: 10px;
  flex: 1;
  width: 30vw;
  max-width: 350px;
  margin: 0;
  padding: 45px 45px 25px;
  box-shadow: 0 5px 15px #262f2c26;
}

.missioncard-h5 {
  margin-top: -15px;
  margin-bottom: 15px;
}

.missioncard-h5.coral-txt {
  color: var(--coral);
}

.missioncard-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: max-content max-content;
  grid-template-columns: auto auto;
  place-content: center;
  place-items: stretch stretch;
}

.numberscard-shape-left {
  z-index: -5;
  background-image: url('../images/Shape-AboutNumbers-Left.svg');
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 100%;
  position: absolute;
  top: -50px;
  left: -50px;
}

.numberscard-shape-right {
  z-index: -5;
  background-image: url('../images/Shape-AboutNumbers-Right.svg');
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: -50px;
  right: -50px;
}

.about-h3 {
  margin-bottom: 50px;
  font-size: 2.25rem;
}

.hero-vector {
  min-width: 80%;
}

.platform-hero-cardholder {
  justify-content: center;
  width: 100%;
  margin-top: 60px;
  display: flex;
}

.utility-shape-left {
  background-image: url('../images/Shape-Team-Left.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: fixed;
  width: 40%;
  position: absolute;
  top: -10%;
  bottom: -10%;
  left: 0%;
}

.utility-shape-right {
  background-image: url('../images/Shape-Team-Right.svg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: fixed;
  width: 40%;
  position: absolute;
  top: -10%;
  bottom: -10%;
  right: 0%;
}

.terms-richtext li {
  color: #262f2ccc;
  font-weight: 300;
}

.storycard-vector {
  object-fit: cover;
  border-radius: 9px;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
  box-shadow: 1px 1px 10px #0000001a;
}

.storycard-button {
  border: 1px solid var(--teal);
  border-radius: 25px;
  justify-content: center;
  align-items: center;
  width: 80%;
  height: 30px;
  display: flex;
  box-shadow: 1px 1px 10px #0000001a;
}

.storycard-buttontext {
  color: var(--teal);
  font-size: .75rem;
  font-weight: 500;
}

.storycard-buttonholder {
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.eventcard-grid {
  grid-column-gap: 20px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 2fr 1fr;
  grid-auto-flow: column;
  place-items: center stretch;
}

.groupcard-profiles {
  margin-top: 10px;
  margin-bottom: 10px;
}

.platform-help-imageholder {
  background-image: url('../images/CorporateFoundations-Confetti.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: scroll;
  width: 100%;
}

.platform-help-card {
  max-height: 50vh;
  box-shadow: 1px 1px 10px #0000001a;
}

.iconcard-holder {
  z-index: -10;
  background-color: var(--white);
  border-radius: 10px;
  padding: 20px;
  position: absolute;
  box-shadow: 1px 1px 15px #00000014;
}

.testimonial-person {
  align-items: center;
  margin-top: 10px;
  display: flex;
}

.platform-h5 {
  margin-bottom: -5px;
}

.footer-copyright {
  color: #ffffff73;
  text-align: center;
  margin: 80px 25px 40px;
  font-weight: 300;
}

._404-para {
  opacity: .8;
  margin-bottom: 20px;
}

.hero-shape-topright {
  object-fit: contain;
  background-image: url('../images/Shape-Resources-Hero.svg');
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: contain;
  width: 50%;
  height: 60%;
  position: absolute;
  top: 0;
  right: 0;
}

.resource-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: stretch;
  width: 100%;
  padding: 15px;
}

.resourcecard {
  background-color: var(--white);
  border: 2px solid #0000;
  border-radius: 10px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 30px;
  display: flex;
  position: relative;
  box-shadow: 0 3px 15px 5px #0000000f;
}

.resourcecard:hover {
  box-shadow: 0 3px 15px 5px #0000001a;
}

.resourcecard-h2 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 2rem;
}

.resourcecard-tagholder {
  flex-flow: wrap;
  align-items: flex-start;
  width: 100%;
  margin-top: 10px;
  display: flex;
}

.resourcecard-tag {
  border: 1px solid var(--teal);
  color: var(--teal);
  background-color: #52c1b233;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  margin: 3px;
  padding: 7px 9px 6px;
  font-size: .8rem;
  display: flex;
}

.resourcecard-readholder {
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  margin-top: 10px;
  display: flex;
}

.resourcecard-line {
  background-color: var(--med-gray);
  flex: 1;
  height: 2px;
  margin-right: 15px;
}

.resourcecard-read {
  color: var(--med-gray);
  font-size: 1.25rem;
  font-weight: 500;
  text-decoration: none;
}

.resourcecard-image {
  object-fit: cover;
  border-radius: 5px;
  width: 100%;
  display: block;
}

.resourcecard-image.hieght {
  max-height: 350px;
}

.resourcecard-link {
  width: 100%;
  height: 100%;
  margin-top: -30px;
  margin-left: -30px;
  position: absolute;
  overflow: visible;
}

.resourcecard-link.hid {
  display: block;
}

.featuredresource {
  background-color: var(--white);
  border: 2px solid #0000;
  border-radius: 10px;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 80%;
  height: 60vh;
  margin-bottom: 30px;
  display: flex;
  position: relative;
  box-shadow: 0 3px 15px 5px #0000000f;
}

.featuredresource:hover {
  box-shadow: 0 3px 15px 5px #0000001a;
}

.featuredresource-text {
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  align-items: flex-start;
  height: 100%;
  padding: 50px;
  display: flex;
}

.featuredresource-image {
  object-fit: contain;
  border-radius: 5px;
  width: 40%;
  height: 100%;
  padding: 20px;
}

.featuredresource-link {
  width: 100%;
  height: 100%;
  position: absolute;
}

.featuredresource-h2 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 2.5rem;
}

.featuredresource-readholder {
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  margin-top: 10px;
  display: flex;
}

.resourceshero-textholder {
  max-width: 400px;
}

.downloadpopup-holder {
  z-index: 300;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  top: 0;
}

.downloadpopup-overlay {
  z-index: -10;
  background-color: #52c1b24d;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  position: fixed;
}

.downloadpopup-card {
  background-color: var(--white);
  border-radius: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 700px;
  padding: 45px;
  display: flex;
  position: relative;
  box-shadow: 4px 4px 15px 3px #262f2c26;
}

.downloadpop-up-x {
  cursor: pointer;
  background-image: url('../images/PopUp-X.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 25px;
  right: 25px;
}

.promisecard {
  border: 1px solid var(--white);
  background-color: var(--white);
  cursor: pointer;
  border-radius: 10px;
  flex: 1;
  width: 30vw;
  max-width: 350px;
  margin: 0;
  padding: 45px;
  transition: all .2s;
  box-shadow: 0 5px 15px #262f2c26;
}

.promisecard:hover {
  border-color: var(--orange);
  box-shadow: 0 6px 20px #bac9c7bf;
}

.promisecard.teal-border:hover {
  border-color: var(--teal);
}

.promisecard.green-border:hover {
  border-color: var(--green);
}

.promisecard.coral-border:hover {
  border-color: var(--coral);
}

.storycard-twocardgrid {
  grid-column-gap: 20px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-flow: column;
  place-items: center stretch;
  width: 100%;
}

.storycard-2card {
  border-radius: 14px;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
  box-shadow: 1px 1px 10px #0000001a;
}

.chatcard {
  background-color: var(--white);
  border-radius: 10px;
  flex: 1;
  margin: 20px 20px 21px;
  padding: 30px 35px 15px;
  position: relative;
}

.chatcard-triangle {
  background-image: url('../images/Chatbox-Corner.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 30px;
  height: 30px;
  position: absolute;
  bottom: -30px;
  right: 10%;
}

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

.chatcard-h2 {
  text-align: center;
  width: 65vw;
  margin-top: 40px;
  margin-bottom: 40px;
}

.casestudy-h5 {
  margin-bottom: -5px;
}

.usecase-listwrapper {
  flex: none;
  width: 100vw;
  margin-top: 40px;
  display: none;
}

.usecase-item {
  text-align: center;
  justify-content: flex-end;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding: 5px 10px;
  font-weight: 500;
  text-decoration: none;
  transition: color .2s;
  display: flex;
}

.usecase-item:hover {
  color: #52c1b2;
}

.usecase-heading {
  margin-bottom: 20px;
}

.hidden-field {
  display: none;
}

.platformf-h2 {
  z-index: 50;
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-bottom: 0;
  font-size: 4rem;
  position: relative;
}

.platformfeatures-imageholder {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0%;
}

.platformf-h4 {
  margin-top: 50px;
  margin-bottom: 15px;
}

.platformf-textholder {
  text-align: left;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 80%;
  margin-top: 100vh;
  display: flex;
  position: relative;
}

.coral-txt {
  color: var(--coral);
}

.platform-features-image {
  width: 100%;
}

.platformf-bigmodule {
  opacity: 0;
  color: #262f2c08;
  text-transform: uppercase;
  font-size: 20vw;
  font-weight: 800;
  position: relative;
}

.platformf-bigmoduleholder-l {
  z-index: -5;
  align-items: flex-end;
  width: 100vw;
  height: 100vh;
  padding-left: 5%;
  display: flex;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

.pf-bigmoduleholder-r {
  z-index: -5;
  justify-content: flex-end;
  align-items: flex-end;
  width: 100vw;
  height: 100vh;
  padding-left: 5%;
  padding-right: 5%;
  display: flex;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

.platformf-bullet {
  width: 12px;
  height: 12px;
  margin-top: 5px;
  margin-right: 8px;
}

.platformf-featureholder {
  align-items: flex-start;
  padding-left: 10px;
  display: flex;
}

.platformf-feature {
  margin-bottom: 10px;
}

.pf-hero {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.pf-heroholder {
  perspective: 1000px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.pf-hero-image {
  border-radius: 20px;
  width: 15vh;
  box-shadow: 7px 7px 15px 3px #0000000d;
}

.pf-hero-square {
  position: relative;
}

.pf-hero-image-2 {
  z-index: 5;
  border-radius: 20px;
  width: 15vh;
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: 7px 7px 15px 3px #0000000d;
}

.image-wide {
  width: 60%;
}

.platforma-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  place-items: center;
  width: 100%;
}

.platforma-hero-engine {
  padding: 9px;
}

.platforma-hero-logo {
  width: 50%;
}

.pf-hero-leftline {
  z-index: -5;
  background-color: var(--coral);
  width: 100%;
  height: 1px;
  position: absolute;
  right: 50%;
}

.pf-hero-logoholder {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.platforma-hero-storycard {
  transform-style: preserve-3d;
  margin-bottom: -50px;
  padding: 9px;
  transform: rotateX(45deg)rotateY(0)rotateZ(45deg);
}

.pf-hero-rightline {
  z-index: -5;
  background-color: var(--orange);
  width: 100%;
  height: 1px;
  position: absolute;
  left: 50%;
}

.pf-hero-botline {
  z-index: -5;
  background-color: var(--green);
  width: 1px;
  height: 100%;
  position: absolute;
  top: 100%;
  right: 50%;
}

.pf-hero-topline {
  z-index: -5;
  background-color: var(--med-gray);
  width: 1px;
  height: 200%;
  position: absolute;
  bottom: 100%;
  right: 50%;
}

.platforma-hero-services {
  width: 90%;
  padding: 9px;
}

.aicpa-logo {
  width: 200px;
  margin-bottom: 50px;
}

.lottie-animation {
  width: 100%;
}

.lottie-animation.half-width {
  width: 50%;
  height: 15vh;
}

.text-centered {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.buttonwrapper {
  display: flex;
}

.fso-cards-header {
  text-align: center;
  width: 65vw;
  margin-top: 40px;
  margin-bottom: 40px;
}

.fso-step-h2 {
  text-align: center;
  margin-bottom: 80px;
}

.fso-hero-imageholder {
  flex-direction: column;
  justify-content: center;
  width: 100%;
  display: flex;
  position: relative;
}

.fso-hero-imageholder.align-right {
  align-items: flex-end;
}

.fso-hero-imageholder.half-width {
  width: 826px;
}

.fso-hero-imageholder.vh {
  width: 75%;
}

.fso-herorow {
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.fso-herocard-header {
  margin-bottom: 15px;
}

.fso-herocard-mid {
  object-fit: contain;
  object-position: 50% 50%;
  border-radius: 5px;
  flex: 0 auto;
  width: 18.75%;
  margin: 5px;
  box-shadow: 1px 2px 10px 2px #00000014;
}

.fso-herocard-bl {
  border-radius: 5px;
  flex: 0 auto;
  width: 40%;
  margin: 5px;
  box-shadow: 1px 2px 10px 2px #00000014;
}

.fso-herocard-br {
  border-radius: 5px;
  flex: 0 auto;
  width: 60%;
  margin: 5px;
  box-shadow: 1px 2px 10px 2px #00000014;
}

.fso-herobg {
  z-index: -5;
  background-color: var(--white);
  border-radius: 20px;
  width: 110%;
  height: 110%;
  position: absolute;
  left: -5%;
}

.pfo-grid {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  transform-style: preserve-3d;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  transform: rotateX(45deg)rotateY(0)rotateZ(45deg);
}

.pfo-grid-holder {
  perspective: 1000px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.pfo-grid-image {
  border: 3px solid #0000;
  border-radius: 20px;
  width: 15vh;
  box-shadow: 7px 7px 15px 3px #0000000d;
}

.blog-container {
  z-index: 10;
  background-color: var(--white);
  border-radius: 15px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 90%;
  max-width: 850px;
  margin-top: 10vh;
  display: flex;
  position: relative;
  box-shadow: 0 3px 15px 5px #0000000f;
}

.blog-textholder {
  z-index: 5;
  text-align: left;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  align-items: flex-start;
  height: 100%;
  padding: 50px 75px 80px 80px;
  display: flex;
  position: relative;
}

.blog-top {
  z-index: 5;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 60vh;
  max-height: 500px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.blog-image {
  opacity: 1;
  filter: brightness(82%);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  outline-offset: 0px;
  mix-blend-mode: normal;
  object-fit: cover;
  object-position: 50% 50%;
  outline: 3px #262f2c;
  width: 100%;
  height: 100%;
  position: absolute;
}

.blog-h1 {
  z-index: 5;
  color: var(--white);
  width: 80%;
  margin-bottom: 15px;
  padding-left: 80px;
  font-size: 3.2rem;
  line-height: 1.1;
  position: relative;
}

.blog-author {
  z-index: 5;
  color: var(--white);
  margin-bottom: 30px;
  padding: 2px 5px 3px 80px;
  font-size: 1.2rem;
  font-style: italic;
  font-weight: 300;
  position: relative;
}

.blog-image-overlay {
  z-index: 2;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-image: none;
  background-size: auto;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: none;
  position: absolute;
  inset: 0%;
}

.subtitle-h3 {
  color: #262f2ccc;
  text-align: left;
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
}

.blog-readtime {
  color: var(--med-gray);
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 1rem;
  font-weight: 500;
}

.blog-readtime-line {
  background-color: var(--med-gray);
  flex: 1;
  height: 2px;
  margin-right: 15px;
}

.blog-readtime-holder {
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  margin-top: 10px;
  display: flex;
}

.blog-richtext {
  margin-top: 30px;
  display: block;
}

.blog-richtext p {
  margin-bottom: 15px;
  font-size: 1.1rem;
  line-height: 1.6;
}

.blog-richtext blockquote {
  color: #262f2ccc;
  border-left-width: 2px;
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 1.75rem;
  line-height: 1.4;
}

.blog-richtext h3 {
  color: #262f2cd9;
  text-align: left;
  margin-top: 10px;
  margin-bottom: 15px;
  font-style: normal;
}

.blog-richtext h4 {
  color: #262f2cd9;
  margin-top: 10px;
  margin-bottom: 15px;
}

.blog-richtext h2 {
  margin-top: 25px;
  font-size: 2rem;
}

.blog-richtext figcaption {
  color: #262f2cbf;
  text-align: center;
  margin-bottom: 10px;
  font-size: .9rem;
  font-style: italic;
  font-weight: 500;
  line-height: 1.2;
}

.blog-richtext a:hover {
  color: var(--teal);
}

.blog-richtext li {
  color: #262f2c;
  font-size: 1.1rem;
  font-weight: 300;
  line-height: 1.6;
}

.blog-tag {
  border: 1px solid var(--teal);
  color: var(--teal);
  background-color: #52c1b233;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  margin: 3px;
  padding: 7px 9px 6px;
  font-size: .8rem;
  display: flex;
}

.blog-tagholder {
  flex-flow: wrap;
  align-items: flex-start;
  width: 100%;
  margin-top: 10px;
  display: flex;
}

.blog-progress-holder {
  z-index: 20;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  height: 5px;
  display: flex;
  position: fixed;
  top: 99px;
  left: 0;
}

.blog-progress-line {
  background-color: var(--teal);
  width: 0%;
  height: 100%;
}

.blog-publisheddate {
  color: var(--med-gray);
  margin-top: 10px;
  font-size: 1rem;
  font-style: italic;
  font-weight: 500;
}

.blog-social-holder {
  z-index: 0;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
  position: absolute;
  top: 500px;
  bottom: 100px;
  left: 100%;
}

.social-card {
  border-left: 1px solid var(--light-gray);
  background-color: var(--white);
  border-radius: 0 10px 10px 0;
  flex-direction: column;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 350px;
  padding: 15px;
  display: flex;
  position: sticky;
  top: 200px;
  transform: translate(0);
  box-shadow: 4px 4px 5px #262f2c1a, inset 5px 0 5px #262f2c0f;
}

.blog-sociallink {
  opacity: .5;
  width: 30px;
  height: 30px;
  margin-top: 5px;
  margin-bottom: 5px;
  transition: opacity .2s;
  overflow: visible;
}

.blog-sociallink:hover {
  opacity: 1;
}

.blog-socialicon {
  transition: opacity .2s;
  display: block;
}

.blog-social-holder-m {
  z-index: 0;
  flex-direction: row;
  align-items: flex-start;
  display: none;
}

.blog-disclaimer {
  color: var(--med-gray);
}

.blog-imate {
  width: 100%;
}

.hero-bgimage {
  z-index: -10;
  background-image: linear-gradient(#edf2f2, #fff);
  position: absolute;
  inset: 0%;
}

.hf-hero-h4 {
  color: var(--light-gray);
}

.hf-hero-bgimage {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.hf-hero-overlay {
  z-index: 2;
  background-image: linear-gradient(to right, #000000b3, #262f2c1a 92%);
  position: absolute;
  inset: 0%;
}

.card-h4 {
  color: #262f2ce6;
  margin-top: 15px;
  margin-bottom: 5px;
}

.hf-video {
  border: 1px solid var(--teal);
  border-radius: 0;
}

.h2-hfvideo {
  z-index: 5;
  color: var(--white);
  text-align: center;
  max-width: 800px;
  display: none;
}

.hf-playicon {
  width: 100px;
  display: none;
}

.hf-spacer {
  background-color: var(--teal);
  color: var(--white);
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 50px 25px;
  display: flex;
}

.hf-spacer-h6 {
  color: var(--white);
}

.hf-questionholder {
  flex-direction: row;
  align-items: flex-start;
  width: 100%;
  padding-bottom: 15px;
  display: flex;
}

.hf-question {
  font-weight: 500;
}

.hf-question-icon {
  object-fit: cover;
  width: 22px;
  margin-right: 50px;
}

.button-large {
  background-color: var(--teal);
  letter-spacing: 2.5px;
  text-transform: capitalize;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  min-width: 175px;
  padding: 15px 40px 14px;
  font-size: 1.125rem;
  font-weight: 700;
  transition: all .2s;
  display: flex;
  box-shadow: 0 4px 11px #262f2c1f;
}

.button-large:hover {
  background-color: var(--teal);
  color: #fff;
  transform: translate(0, -1px);
  box-shadow: 0 6px 20px #262f2c2e;
}

.button-large.ghost {
  border: 2px solid var(--teal);
  box-shadow: none;
  color: var(--teal);
  background-color: #0000;
}

.button-large.ghost:hover {
  background-color: var(--teal);
  color: #fff;
  background-image: none;
  transform: none;
}

.hero-buttonholder-large {
  justify-content: flex-start;
  margin-top: 40px;
  display: flex;
}

.gray {
  z-index: -10;
  background-image: linear-gradient(#edf2f2, #edf2f2);
  position: absolute;
  inset: 0%;
}

.hfo-no-italics {
  font-style: normal;
}

.squeeze-nav-spacer {
  flex: 1;
}

.squeeze-navbutton {
  background-color: var(--teal);
  border-radius: 8px;
  padding: 15px 25px 14px;
  font-size: .875rem;
  font-weight: 500;
  transition: all .2s;
  box-shadow: 0 4px 11px #bac9c74d;
}

.squeeze-navbutton:hover {
  background-color: var(--teal);
  color: #fff;
  transform: translate(0, -1px);
  box-shadow: 0 6px 20px #bac9c7bf;
}

.squeeze-navbutton.ghost {
  border: 1px solid var(--teal);
  box-shadow: none;
  color: var(--teal);
  background-color: #0000;
}

.squeeze-navbutton.ghost:hover {
  background-color: var(--teal);
  color: #fff;
  background-image: none;
  transform: none;
}

.herostats-statsholder {
  flex-flow: row;
  flex: 0 auto;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  min-height: 25vh;
  display: flex;
}

.herostats-statsholder.padding {
  justify-content: space-around;
  margin-top: 60px;
  padding: 60px 80px;
}

.herostats-statsholder.padding.bottom-margin {
  z-index: 199;
  justify-content: center;
  margin-top: 0;
  margin-bottom: 140px;
  position: relative;
}

.herostats-statsholder.half-width {
  width: 70%;
}

.statholder {
  margin-top: 15px;
  margin-bottom: 15px;
}

.statholder-beforeafter {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.stat-titleholder {
  align-items: center;
  display: flex;
}

.stat-title-imageholder {
  margin-left: -25px;
  padding-right: 5px;
}

.section-title {
  text-align: center;
  max-width: 55%;
}

.feature-holder {
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding-bottom: 10%;
  padding-left: 20%;
  padding-right: 20%;
  display: flex;
}

.feature-icon {
  color: #fff;
  width: 50px;
  margin-bottom: 15px;
  font-size: 24px;
}

.section-ctaholder {
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 60px;
  display: flex;
}

.section-ctaholder.padding {
  padding-top: 40px;
  padding-bottom: 40px;
}

.section-ctatitle {
  text-align: center;
  max-width: 80%;
  margin-bottom: 30px;
  font-weight: 700;
}

.paragraph-2, .link-2 {
  color: var(--white);
}

.quote-holder {
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex;
}

.quote-shape-left {
  z-index: -5;
  background-image: url('../images/Icon-Quote.svg');
  background-repeat: no-repeat;
  background-size: auto;
  background-attachment: scroll;
  width: 100%;
  height: 50%;
  position: absolute;
  top: -15%;
}

.logo-holder {
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 80%;
  padding-bottom: 0%;
  padding-left: 0%;
  padding-right: 0%;
  display: flex;
}

.logo-icon {
  color: #fff;
  width: 180px;
  margin-bottom: 15px;
  font-size: 24px;
}

.logo-icon.width {
  width: 160px;
}

.features-shape-right {
  background-image: url('../images/Shapes-FBSteps-Left.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: contain;
  justify-content: flex-end;
  align-items: stretch;
  width: 30%;
  height: 70%;
  display: flex;
  position: absolute;
  bottom: -35%;
  right: 0;
  transform: rotate(180deg);
}

.features-shape-right.accountopening-shape {
  height: 55%;
  bottom: -30%;
}

.corepopup-holder {
  z-index: 300;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  top: 0;
}

.corepop-up-x {
  cursor: pointer;
  background-image: url('../images/PopUp-X.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 25px;
  right: 25px;
}

.corepopup-card {
  background-color: var(--white);
  border-radius: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 700px;
  padding: 45px;
  display: flex;
  position: relative;
  box-shadow: 4px 4px 15px 3px #262f2c26;
}

.corepopup-overlay {
  z-index: -10;
  background-color: #52c1b24d;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  position: fixed;
}

.div-block-52 {
  display: none;
}

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

.tyhead {
  font-size: 5rem;
}

.wcb {
  font-size: 2rem;
}

.gradient-teal {
  z-index: -10;
  background-image: linear-gradient(to bottom, var(--teal), var(--darker-teal));
  position: absolute;
  inset: 0%;
}

.gradient-teal.light {
  background-image: linear-gradient(145deg, var(--light-teal), var(--teal));
}

.home-prfeature-hero {
  border-radius: 5px;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  display: flex;
  position: relative;
}

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

.nav-dropdown-anchor {
  flex: 1;
  justify-content: space-around;
  align-items: center;
  display: flex;
  position: relative;
}

.nav-dropdown-row {
  display: flex;
}

.nav-dropdown-item {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 5px;
  padding-bottom: 5px;
  display: flex;
  position: relative;
}

.nav-dropdown-item:hover {
  color: var(--teal);
}

.nav-dropdown-item.orange:hover {
  color: var(--orange);
}

.nav-dropdown-item.green:hover {
  color: var(--green);
}

.nav-dropdown-item.coral:hover {
  color: var(--coral);
}

.nav-dropdown-itemheading {
  margin-bottom: 0;
  font-weight: 500;
}

.nav-dropdown-itemdescription {
  font-size: .875rem;
  font-weight: 300;
}

.nav-dropdown-itemdetails {
  flex-direction: column;
  justify-content: center;
  transition: color .2s;
  display: flex;
}

.nav-dropdown-col {
  flex: 1;
}

.nav-dropdown-itemicon {
  width: 48px;
  margin-right: 20px;
}

.nav-dropdown-rowheading {
  margin-top: 20px;
  margin-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
}

.nav-dropdown-itemholder {
  padding: 5px 20px;
}

.nav-dropdown-itemlink {
  position: absolute;
  inset: 0%;
}

.bulleted-list {
  color: #262f2ccc;
  margin-top: 10px;
  margin-bottom: 10px;
}

.gradient-logo {
  z-index: -10;
  background-image: url('../images/cotribute-icon-white-transparent.png'), linear-gradient(135deg, var(--teal), var(--green));
  background-position: 13%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: 346px, auto;
  position: absolute;
  inset: 0%;
}

.banks-stats-number {
  margin-bottom: 0;
  font-size: 3.4rem;
}

.banks-stat-holder {
  color: var(--white);
  margin-left: 35%;
  line-height: 1;
}

.banks-stat-title {
  font-size: .875rem;
  font-weight: 500;
}

.banks-stats-description {
  font-size: 1.625rem;
}

.heading-3 {
  font-weight: 800;
}

.card-shadow {
  border-radius: 10px;
  flex: 1;
  padding: 50px;
  box-shadow: 0 9px 28px #0000000d, 0 6px 16px #00000014, 0 3px 6px #0000001f;
}

.card-shadow.no-padding {
  width: auto;
  max-width: 90%;
  height: auto;
  padding: 0;
}

.card-shadow.white {
  background-color: var(--white);
  color: var(--dark-gray);
  flex-direction: column;
  justify-content: space-between;
  margin-left: 20px;
  margin-right: 20px;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.card-shadow.logo {
  background-color: var(--white);
  flex: 0 auto;
  width: auto;
  height: auto;
  display: block;
  position: static;
}

.accolade-heading {
  margin-bottom: 10px;
  margin-left: 60px;
  font-size: 46px;
  font-weight: 500;
}

.accolade-heading.bold {
  font-weight: 700;
}

.accolade-heading.white-text {
  font-size: 2.4rem;
}

.faq-tabs-menu {
  flex-direction: row;
  justify-content: center;
  display: flex;
}

.faq-tabs-content {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-top: 10px;
  display: block;
}

.faq-tab-holder {
  flex-direction: column;
  display: block;
}

.platform-heading {
  color: var(--orange);
  letter-spacing: 2px;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
}

.platform-stat-heading {
  color: var(--teal);
  margin-top: 30px;
  margin-bottom: 0;
}

.platform-stat-holder {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.faq-tabs-link {
  border-bottom: 1px solid var(--med-gray);
  text-transform: uppercase;
  background-color: #0000;
}

.faq-tabs-link.w--current {
  border-bottom: 2px solid var(--teal);
  color: var(--teal);
  text-transform: uppercase;
  background-color: #0000;
}

.tabbed-card-section {
  justify-content: center;
  padding: 50px;
  display: flex;
}

.card-questions-text-link {
  color: var(--teal);
  letter-spacing: 1px;
  text-transform: uppercase;
  align-items: flex-end;
  margin-right: 10px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  display: block;
  position: static;
}

.card-questions-heading {
  font-size: 30px;
}

.card-questions-text {
  margin-bottom: 80px;
}

.card-questions-div-link {
  align-items: flex-end;
  display: flex;
}

.features-shape-left {
  background-image: url('../images/Features-Shapes-Left.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: contain;
  justify-content: flex-end;
  align-items: stretch;
  width: 70%;
  height: 30%;
  display: flex;
  position: absolute;
  inset: -7% auto auto -26%;
}

.text-span {
  color: var(--dark-gray);
  font-weight: 700;
}

.text-span.extra-bold {
  font-weight: 800;
}

.text-span.extra-bold.teal {
  color: var(--teal);
}

.text-span.white-text {
  color: var(--white);
  font-size: 2.4rem;
}

.bulleted-item {
  margin-bottom: 10px;
  display: flex;
}

.bullet {
  border-top: 6px solid #0000;
  border-bottom: 6px solid #0000;
  border-left: 6px solid #000;
  width: 0;
  height: 0;
  margin-top: 3px;
  margin-bottom: 3px;
  margin-right: 10px;
}

.bullet.coral {
  border-left-color: var(--coral);
}

.bullet.green {
  border-left-color: var(--green);
}

.bullet.orange {
  border-left-color: var(--orange);
}

.accent-line {
  background-color: var(--med-gray);
  width: 80px;
  height: 5px;
  margin-bottom: 15px;
}

.accent-line.orange-bg {
  background-color: var(--orange);
}

.accent-line.green-bg {
  background-color: var(--green);
}

.accent-line.coral-bg {
  background-color: var(--coral);
}

.accent-line.teal, .accent-line.teal_bg {
  background-color: var(--teal);
}

.accent-line.teal_bg.white-text.medium-weight {
  padding-left: 5px;
  padding-right: 5px;
  font-weight: 500;
}

.category-text {
  font-size: .875rem;
  font-weight: 500;
}

.faq-card {
  background-color: var(--white);
  border: 2px solid #0000;
  border-radius: 10px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
  position: relative;
  box-shadow: 0 3px 15px 5px #0000000f;
}

.faq-card:hover {
  transform: translate(0, -1px);
  box-shadow: 0 3px 15px 5px #0000001a;
}

.faq-card.coral {
  border-color: var(--coral);
  transition: all .2s;
}

.faq-card.orange {
  border-color: var(--orange);
}

.faq-card.green {
  border-color: var(--green);
}

.faqcard-titleholder {
  flex-flow: wrap;
  align-items: flex-start;
  width: 100%;
  padding: 10px 20px 15px;
}

.faqcard-titleholder.coral {
  background-color: var(--coral);
  color: var(--white);
}

.faqcard-titleholder.orange {
  background-color: var(--orange);
  color: var(--white);
}

.faqcard-titleholder.green {
  background-color: var(--green);
  color: var(--white);
}

.faqcard-contentholder {
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  padding: 20px;
  display: flex;
}

.faqcard-ctaholder {
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  margin-top: 40px;
  display: flex;
}

.faqcard-link {
  width: 100%;
  height: 100%;
  position: absolute;
}

.gradient-rating {
  z-index: -10;
  background-image: url('../images/top-rated-bg.png');
  background-position: 0 0;
  background-repeat: repeat;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.faqcard-line {
  background-color: var(--med-gray);
  flex: 1;
  height: 2px;
  margin-right: 15px;
}

.faqcard-line.coral {
  background-color: var(--coral);
}

.faqcard-line.orange {
  background-color: var(--orange);
}

.faqcard-line.green {
  background-color: var(--green);
}

.faqcard-cta {
  color: var(--med-gray);
  font-size: 1.25rem;
  font-weight: 500;
  text-decoration: none;
}

.faqcard-cta.coral {
  color: var(--coral);
}

.faqcard-cta.orange {
  color: var(--orange);
}

.faqcard-cta.green {
  color: var(--green);
}

.faq-title-h5 {
  color: var(--med-gray);
  margin-bottom: 0;
}

.faq-title-h5.centre-align {
  color: var(--white);
}

.faq-title-h5.centre-align.margin-bottom {
  margin-bottom: 40px;
}

.faq-title-h2 {
  text-align: center;
  margin-bottom: 40px;
}

.section-paragraph {
  margin-top: 20px;
  margin-bottom: 40px;
}

.section-paragraph.text-centered {
  width: 50%;
}

.hero-shape-group-right-2 {
  z-index: 0;
  background-image: url('../images/Hero-Shape-Group-Right.svg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: scroll;
  width: 40%;
  height: 80%;
  position: absolute;
  inset: 17% -5% 0% auto;
}

.hero-shape-group-left {
  z-index: 0;
  background-image: url('../images/Hero-Shape-Group-Left.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: scroll;
  width: 25%;
  height: 25%;
  position: absolute;
  inset: 20% auto 0% -10%;
}

.hero-shape-large-left {
  z-index: -9;
  background-image: url('../images/Hero-Shape-Large.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 250%;
  position: absolute;
  inset: -40% 0% 0%;
}

.fill-grey {
  z-index: -10;
  background-color: var(--light-gray);
  position: absolute;
  inset: 0%;
}

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

.section-platform-image {
  justify-content: center;
  width: 100%;
  height: 50rem;
  display: flex;
  position: relative;
}

.right {
  flex-direction: row;
  justify-content: flex-end;
  display: flex;
  position: relative;
}

.demo-right {
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  display: flex;
}

.demo-background {
  z-index: -10;
  background-color: #0000;
  background-image: url('../images/schedule-bg.jpeg');
  background-position: 0 0;
  background-size: cover;
  position: absolute;
  inset: 0%;
  overflow: visible;
}

.integrated-core-systems {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.hero-shape-group-left-2 {
  z-index: 0;
  background-image: url('../images/Hero-Shape-Group-Left.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: scroll;
  width: 25%;
  height: 59%;
  position: absolute;
  inset: 52% auto 0% -3%;
}

.hero-shape-node-top {
  z-index: 0;
  background-image: url('../images/Hero-Shape-Node-Top.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: scroll;
  width: 10%;
  height: 20%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.hero-shape-node-left {
  z-index: 0;
  background-image: url('../images/Hero-Shape-Node-Left.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: scroll;
  width: 8%;
  height: 15%;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.hero-shape-node-right {
  z-index: 0;
  background-image: url('../images/Hero-Shape-Node-Right.svg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: scroll;
  width: 10%;
  height: 25%;
  position: absolute;
  inset: auto 0% 0% auto;
}

.hero-shape-node-bottom {
  z-index: 0;
  background-image: url('../images/Hero-Shape-Node-Bottom.svg');
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: scroll;
  width: 12%;
  height: 22%;
  position: absolute;
  inset: auto 0% 0% auto;
}

.fill-white {
  z-index: -10;
  background-color: var(--white);
  position: absolute;
  inset: 0%;
}

.footer-copyright-squeeze {
  color: #ffffff73;
  text-align: center;
  margin: 10px 25px;
  font-weight: 300;
}

.footer-links-squeeze {
  color: #ffffff73;
  text-align: center;
  margin: 10px 25px;
  font-size: .875rem;
  font-weight: 500;
  text-decoration: none;
}

.quote-holder-large {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.quote-large {
  font-size: 2.25rem;
  font-weight: 500;
}

.quote-source-large {
  font-size: 1.375rem;
  font-weight: 400;
}

.demo-twocol-card {
  background-color: var(--white);
  border-radius: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 700px;
  padding: 45px;
  display: flex;
  position: relative;
  box-shadow: 4px 4px 15px 3px #262f2c26;
}

.home-logorow {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding-top: 20px;
  display: flex;
}

.home-logoholder {
  justify-content: center;
  align-items: center;
  max-width: 20%;
  margin-right: 30px;
  display: flex;
}

.home-logowrapper {
  max-width: 600px;
  padding-top: 40px;
}

.faq-title-h5-copy {
  color: var(--med-gray);
  margin-bottom: 0;
}

.faq-title-h5-copy.centre-align {
  color: var(--white);
}

.faq-title-h5-copy.centre-align.margin-bottom {
  margin-bottom: 40px;
}

.quote-source-small {
  font-size: 1rem;
}

.loan-quote-holder {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.inner-hero-section {
  background-color: #002e3c;
  margin-top: 100px;
  padding-top: 0;
  position: relative;
  overflow: hidden;
}

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

.main-container {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
}

.page-padding-vertical {
  padding-top: 128px;
  padding-bottom: 128px;
}

.page-padding-vertical.small-padding {
  padding-top: 60px;
  padding-bottom: 60px;
}

._2up-grid {
  grid-column-gap: 6rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: 1.25fr 1fr;
}

.phone-graphic {
  z-index: 10;
  min-height: 620px;
  position: relative;
}

.hero-bg-graphic {
  z-index: 1;
  width: auto;
  min-width: 847px;
  min-height: auto;
  position: absolute;
  inset: 23px -527px 0 auto;
}

.hero-wrap {
  position: relative;
}

.customer-growth-section {
  background-color: #fff;
  margin-top: 0;
  padding-top: 0;
  position: relative;
  overflow: hidden;
}

.grid-2 {
  grid-column-gap: 1rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: auto auto auto auto;
  place-items: center;
}

.small-title-wrap {
  color: var(--med-gray);
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 1.25rem;
  font-weight: 700;
}

.content-wrap {
  margin-bottom: 2rem;
}

.top-rated-section {
  background-color: #fff;
  background-image: linear-gradient(#013f4c, #044c65);
  margin-top: 0;
  padding-top: 0;
  position: relative;
  overflow: hidden;
}

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

.small-container {
  max-width: 820px;
  margin-left: auto;
  margin-right: auto;
}

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

.pre-text {
  color: var(--orange);
  letter-spacing: 1px;
  font-size: .875rem;
  font-weight: 700;
}

.offset-padding {
  padding-top: 20px;
}

.text-size-medium {
  font-size: 1.25rem;
  line-height: 1.6;
}

.footer-section-squeeze {
  z-index: 50;
  background-color: var(--dark-gray);
  color: var(--white);
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 0;
  display: block;
  position: relative;
  overflow: visible;
}

.welcome-input {
  border-radius: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

.gradient-gray {
  z-index: -10;
  background-image: linear-gradient(to bottom, var(--grey), var(--dark-gray));
  position: absolute;
  inset: 0%;
}

.gradient-gray.light {
  background-image: linear-gradient(145deg, var(--light-teal), var(--teal));
}

.templatecard-h2 {
  color: var(--dark-gray);
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 2rem;
}

.logo-title-h6 {
  color: var(--med-gray);
  margin-bottom: 0;
}

.logo-title-h6.centre-align {
  color: var(--white);
}

.logo-title-h6.centre-align.margin-bottom {
  margin-bottom: 40px;
}

.survey-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  padding-top: 100px;
  display: flex;
}

.calendar-wrapper {
  background-image: linear-gradient(#000c, #000c), url('../images/cal-bg.jpg');
  background-position: 0 0, 0 0;
  background-size: auto, cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  padding-top: 100px;
  display: flex;
}

.welcome-logowrapper {
  max-width: 600px;
  margin-top: 10px;
  margin-bottom: 40px;
}

.welcome-autocomplete {
  min-width: 300px;
  min-height: 44px;
  margin-top: 10px;
  margin-bottom: 20px;
}

.welcome-help {
  color: var(--grey);
  font-weight: 300;
}

.gradient-blue {
  z-index: -10;
  background-image: linear-gradient(#013f4c, #044c65);
  position: absolute;
  inset: 0%;
}

.click-card {
  background-color: var(--white);
  border-radius: 10px;
  flex: 1;
  max-width: 350px;
  margin-top: 20px;
  margin-left: 20px;
  margin-right: 20px;
  padding: 30px 35px 15px;
  position: relative;
  box-shadow: 0 5px 15px #262f2c26;
}

.click-card.small {
  margin-bottom: 20px;
}

.card-link {
  text-decoration: none;
}

.image-shadow {
  box-shadow: 3px 3px 20px #00000029;
}

.card-icon-large {
  color: #fff;
  width: 100px;
  margin-bottom: 10px;
  font-size: 24px;
}

.mobile-hero-image {
  z-index: 10;
  position: relative;
}

.paragraph-3 {
  font-size: 1.1rem;
  line-height: 1.6;
}

.paragraph-4 {
  line-height: 1.2;
}

.paragraph-5 {
  line-height: 1.6;
}

.paragraph-6 {
  font-weight: 400;
  line-height: 1.2;
}

.paragraph-7 {
  line-height: 1.6;
}

.auto-rotate-tabs-menu {
  grid-row-gap: 2rem;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  width: 40%;
  height: 25rem;
  display: flex;
}

.auto-rotate-tabs-component {
  align-items: center;
  height: 25rem;
  display: flex;
}

.tabs-content {
  justify-content: center;
  align-items: center;
  width: 60%;
  display: flex;
}

.tab-button {
  grid-column-gap: 16px;
  background-color: #0000;
  padding: 0;
  display: flex;
}

.tab-button.w--current {
  grid-column-gap: 16px;
  background-color: #0000;
  padding: 0;
  transition: all .3s;
  display: flex;
}

.tab-button-title {
  font-size: 1.5rem;
  font-weight: 700;
  display: inline-block;
}

.div-block-53 {
  width: .25rem;
  display: inline-block;
}

.tab-button-content {
  grid-row-gap: 1.25rem;
  flex-direction: column;
  display: flex;
}

.tab-button-bar {
  background-color: var(--teal);
  flex: none;
  width: .25rem;
}

.tab-button-desc {
  font-weight: 400;
  line-height: 1.5;
  display: inline-block;
}

.tab-headline {
  color: var(--teal);
  text-transform: uppercase;
  font-weight: 700;
}

.div-block-54 {
  grid-row-gap: 2rem;
  flex-direction: column;
  display: flex;
  position: relative;
}

.lottie-animation-2 {
  width: 31.25rem;
  height: 31.25rem;
}

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

.whitepaper-background {
  z-index: -10;
  background-image: linear-gradient(180deg, var(--darker-teal), var(--light-teal));
  position: absolute;
  inset: 0%;
  overflow: visible;
}

.testimonial-wrapper {
  mix-blend-mode: normal;
  max-width: 70.375rem;
  height: 24.5rem;
  display: flex;
  position: relative;
}

.testimonial-text-content {
  background-color: var(--lime-1);
  border-top-right-radius: 3rem;
  border-bottom-right-radius: 3rem;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 2rem;
  display: flex;
}

.testimonial-paragraph {
  color: var(--gray-8);
  font-size: 1.25rem;
  line-height: 1.4;
}

.testimonial-paragraph.large {
  font-size: 1.5rem;
}

.text-block-3-copy {
  color: var(--gray-8);
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.4;
}

.text-block-3-copy-copy {
  color: var(--gray-8);
  font-size: 1.25rem;
  line-height: 1.4;
}

.testimonial-logo {
  max-width: 100px;
}

.testimonial-logo.wide {
  max-width: 180px;
}

.testimonial-text-align-left {
  grid-row-gap: 1.25rem;
  flex-direction: column;
  display: flex;
}

.testimonial-dots-shapes-botright {
  position: absolute;
  inset: auto .5rem .5rem auto;
}

.testimonial-hero-image {
  border-top-left-radius: 3rem;
  border-bottom-left-radius: 3rem;
}

.text-block-4 {
  font-size: 1.5rem;
  font-weight: 700;
}

.testimonial-card-content {
  justify-content: center;
  display: flex;
  position: relative;
}

.image-14 {
  max-width: 508px;
}

.dark-teal {
  background-color: var(--dark-teal);
  position: absolute;
  inset: 0%;
}

.heading-4 {
  color: var(--white);
  text-align: left;
}

.integrations-dot-shape-botright {
  z-index: 1;
  position: absolute;
  inset: auto 2rem 2rem auto;
}

.integrations-dot-shape-topleft {
  z-index: 1;
  position: absolute;
  inset: 2rem auto auto 2rem;
}

.testimonial-dots-shapes-topleft {
  position: absolute;
  inset: -4rem auto auto 1rem;
}

.container-header-centered {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.paragraph-8 {
  text-align: center;
  max-width: 27.75rem;
}

.carousel-right-arrow {
  justify-content: center;
  align-items: center;
  display: flex;
  inset: 0% 0% 0% auto;
}

.icon-3 {
  display: none;
}

.carousel {
  background-color: #0000;
  justify-content: center;
  width: 65rem;
  height: 26rem;
  display: flex;
}

.carousel-left-arrow {
  justify-content: center;
  align-items: center;
  display: flex;
}

.carousel-card {
  grid-row-gap: 2rem;
  background-color: var(--dark-teal);
  border-radius: .5rem;
  flex-direction: column;
  align-items: flex-start;
  max-width: 26rem;
  height: 26rem;
  max-height: 26rem;
  margin-left: auto;
  margin-right: auto;
  padding: 2rem;
  display: flex;
}

.carousel-card:hover {
  box-shadow: 4px 0 17px #b4b4b4;
}

.carousel-card-heading {
  color: var(--white);
  font-size: 2rem;
  font-weight: 700;
}

.carousel-card-headline {
  color: var(--white);
  text-transform: uppercase;
  font-weight: 500;
}

.carousel-card-body {
  color: var(--white);
  line-height: 1.5;
}

.carousel-cta-button {
  color: var(--teal);
  text-transform: uppercase;
}

.carousel-card-cta {
  grid-column-gap: .5rem;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.carousel-slider {
  width: 26rem;
  margin-right: 2rem;
  padding-right: 0;
  overflow: hidden;
}

.carousel-mask {
  width: 26rem;
  height: auto;
  padding-right: 54rem;
  overflow: hidden;
}

.carousel-content {
  justify-content: center;
  height: 30rem;
  display: flex;
}

.cta-line {
  flex: 1;
}

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

.carousel-slide-nav {
  inset: auto 0% -4rem;
}

.slide-3, .slide-4, .slide-5, .slide-6, .slide-7 {
  width: 26rem;
}

.testimonial-text-content-copy {
  background-color: var(--lime-1);
  border-top-right-radius: 3rem;
  border-bottom-right-radius: 3rem;
  flex: 1;
  justify-content: center;
  padding: 2rem;
}

.tab-pane-problem-1-slow {
  margin-left: auto;
  margin-right: auto;
}

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

.tab-button-bar-2 {
  z-index: 1;
  background-color: var(--med-gray);
  flex: none;
  width: .25rem;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.whitepaper-twocol-card {
  color: var(--white);
  border-radius: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 700px;
  padding-left: 45px;
  padding-right: 45px;
  display: flex;
  position: relative;
}

.whitepaper-h4 {
  color: var(--white);
  text-align: center;
  width: 90%;
  margin-bottom: 30px;
}

.paragraph-9 {
  overflow: hidden;
}

.portrait-lottie {
  max-width: 50%;
}

.portrait-lottie-holder {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.portrait-lottie-holder.align-right {
  align-items: flex-end;
}

.portrait-lottie-holder.half-width {
  width: 826px;
}

.portrait-lottie-holder.vh {
  width: 75%;
}

.hero-logo-grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center;
  margin-top: 10px;
  display: grid;
}

.hero-logo-holder {
  flex-direction: column;
  width: 100%;
  display: flex;
}

.popup-fieldgroup {
  margin-bottom: 20px;
}

.popup-textarea {
  min-height: 100px;
}

.div-block-63 {
  width: 1080px;
  height: 768px;
}

.lottie-tablet, .lottie-mobile {
  display: none;
}

.logo-lottie-wrapper {
  margin-top: 10px;
  margin-left: -25px;
  margin-right: -25px;
}

.logo-title-centered {
  color: var(--med-gray);
  text-align: center;
  margin-bottom: 0;
}

.logo-title-centered.centre-align {
  color: var(--white);
}

.logo-title-centered.centre-align.margin-bottom {
  margin-bottom: 40px;
}

.resources-section-h3 {
  color: #262f2ccc;
  text-align: left;
  text-transform: uppercase;
  margin-top: 100px;
  margin-bottom: 40px;
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 700;
}

.casestudy-h4 {
  text-align: left;
  width: 80%;
  margin-bottom: 30px;
}

.casestudy-cta-wrapper {
  margin-top: 20px;
}

.casestudy-cta-wrapper-b {
  margin-top: 20px;
  display: flex;
}

.casestudy-h1 {
  text-align: left;
  width: 80%;
  margin-bottom: 10px;
  font-size: 3rem;
  line-height: 1.2;
}

.casestudy-spacer {
  justify-content: center;
  align-items: center;
  height: 0;
  margin-top: 40px;
  display: flex;
}

.cal-embed {
  width: 100%;
  height: 100%;
  overflow: scroll;
}

.casetstudy-background {
  z-index: -10;
  background-image: linear-gradient(180deg, var(--darker-teal), var(--light-teal));
  position: absolute;
  inset: 0% 55% 0% 0%;
  overflow: visible;
}

.casetstudy-twocol-card {
  border-radius: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 700px;
  padding-left: 45px;
  padding-right: 45px;
  display: flex;
  position: relative;
}

.casestudy-logo-holder {
  flex-direction: column;
  width: 80%;
  margin-top: 20px;
  display: flex;
}

.casestudy-title {
  color: var(--med-gray);
  margin-bottom: 0;
}

.casestudy-title.centre-align {
  color: var(--white);
}

.casestudy-title.centre-align.margin-bottom {
  margin-bottom: 40px;
}

.casestudy-secondary-cta {
  margin-top: 10px;
  display: block;
}

.casestudy-hero-imageholder {
  justify-content: center;
  width: 100%;
  padding-left: 60px;
  padding-right: 60px;
  display: flex;
}

.differentiators-grid {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  grid-template: "Area"
                 "."
                 / 2fr 1fr .5fr .5fr;
  grid-auto-columns: 1fr;
  display: grid;
  box-shadow: 0 2px 15px #0003;
}

.differentiators-grid-holder {
  width: 100%;
}

.differentiators-grid-header {
  background-color: var(--teal);
  color: var(--white);
  padding-left: 15px;
}

.differentiators-grid-cell {
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 15px;
  display: flex;
}

.differentiators-grid-cell.alt-row {
  background-color: #0000000d;
}

.grid-text {
  margin-bottom: 0;
  font-weight: 400;
}

.grid-text.green-txt.differentiators-bold, .grid-text.orange-txt.differentiators-bold, .grid-text.coral-txt.differentiators-bold {
  font-weight: 700;
}

.view-casestudy-cta-wrapper {
  margin-top: 20px;
  display: flex;
}

.course-next {
  transition: opacity .2s;
  display: block;
}

.course-nextlink {
  width: 30px;
  height: 30px;
  margin-top: 5px;
  margin-bottom: 5px;
  transition: opacity .2s;
  overflow: visible;
}

.course-nextlink:hover {
  opacity: 1;
}

.course-prev {
  transition: opacity .2s;
  display: block;
  transform: rotate(180deg);
}

.course-hero-imageholder {
  justify-content: center;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.testimonial-hero-sized {
  border-top-left-radius: 3rem;
  border-bottom-left-radius: 3rem;
}

@media screen and (min-width: 1920px) {
  h1 {
    font-size: 3.4rem;
  }

  .section.platform-hero.image-hero {
    background-image: url('../images/core-integrations.svg');
    background-position: 50%;
    background-size: cover;
    background-attachment: scroll;
  }

  .section.vh {
    align-items: baseline;
    display: flex;
  }

  .row.center-align.padding {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .hero-shape-botleft {
    left: 0%;
  }

  .card-shape-right.platform-shape {
    right: 0%;
  }

  .logo-icon {
    width: 180px;
  }

  .logo-icon.width {
    width: 160px;
  }

  .banks-stats-number {
    color: #fff;
    margin-bottom: 0;
    padding-top: 20px;
    font-size: 72px;
    font-weight: 700;
    line-height: 72px;
  }

  .banks-stat-holder {
    margin-left: 15%;
  }

  .accolade-heading {
    font-size: 46px;
  }

  .testimonial-dots-shapes-topleft {
    left: 4rem;
  }

  .casetstudy-twocol-card {
    justify-content: flex-start;
    min-height: 100vh;
  }

  .casestudy-hero-imageholder, .course-hero-imageholder {
    padding-left: 100px;
    padding-right: 100px;
  }
}

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

  .section {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .section.grid {
    margin-left: 0;
    margin-right: 0;
  }

  .section.full-screen {
    min-height: 800px;
  }

  .section.wider-padding {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .section.half-screen-background-image, .section.half-screen-background-image.right {
    background-size: 48%;
  }

  .section.no-vertical-padding {
    padding-top: 0;
    padding-bottom: 0;
  }

  .section.platform-hero.image-hero {
    background-position: 20%;
  }

  .container {
    padding-left: 30px;
    padding-right: 30px;
  }

  .container.space-around {
    flex-wrap: wrap;
  }

  .container.lg-negative-margins {
    margin-top: 0;
    margin-bottom: 0;
  }

  .container.navbar {
    padding-top: 6px;
    padding-bottom: 6px;
  }

  .grid {
    flex-flow: wrap;
    place-content: stretch space-between;
    align-items: stretch;
    height: 100vh;
  }

  .block {
    flex: 0 0 100%;
    align-self: stretch;
    width: auto;
    min-height: auto;
  }

  .block.mobile {
    flex-basis: 25%;
    height: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }

  .col {
    width: 50%;
    margin-bottom: 0;
    padding-left: 15px;
    padding-right: 15px;
  }

  .col.lg-4.align-bottom.md-4 {
    width: 100%;
  }

  .col.lg-4.flex-stretch.md-4 {
    flex-wrap: nowrap;
  }

  .col.lg-4.md-4 {
    width: 100%;
  }

  .col.lg-4.md-3 {
    width: 75%;
  }

  .col.lg-4.md-2 {
    width: 50%;
  }

  .col.lg-3 {
    flex-wrap: nowrap;
    width: 33.33%;
  }

  .col.lg-3._1-col-in-mobile {
    width: 25%;
  }

  .col.lg-3._2-col-in-mobile {
    width: 50%;
  }

  .col.lg-3.md-4 {
    width: 100%;
  }

  .col.lg-3.md-2 {
    width: 50%;
  }

  .col.lg-3.no-padding {
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .col.lg-3.hidden-md-down {
    display: none;
  }

  .col.lg-3.md-1 {
    width: 25%;
  }

  .col.lg-1, .col.lg-1.empty, .col.lg-1.hidden-lg-down {
    display: none;
  }

  .col.lg-6.centre-align-vertical.md-4.md-margin-bottom {
    margin-bottom: 40px;
  }

  .col.lg-6.centre-align-vertical.md-4.md-margin-bottom.md-centre-align {
    align-items: center;
  }

  .col.lg-6.md-3 {
    width: 75%;
  }

  .col.lg-6.md-4 {
    width: 100%;
  }

  .col.lg-2.md-1 {
    width: 25%;
  }

  .col.lg-2.md-33 {
    width: 33.33%;
  }

  .col.lg-2.md-2 {
    width: 50%;
  }

  .col.lg-2.hidden-md-down {
    display: none;
  }

  .col.lg-5 {
    width: 50%;
  }

  .col.lg-5.md-4 {
    width: 100%;
  }

  .col.lg-5.md-3, .col.lg-7.md-3 {
    width: 75%;
  }

  .col.lg-7.md-4, .col.lg-8.md-4 {
    width: 100%;
  }

  .col.lg-8.md-3 {
    width: 75%;
  }

  .col.lg-9.md-1 {
    width: 25%;
  }

  .col.lg-10.md-2 {
    width: 50%;
  }

  .col.lg-11.md-3 {
    width: 75%;
  }

  .col.center-align.lg-4 {
    width: 33%;
  }

  .paragraph-small.short-paragraph {
    width: 100%;
  }

  .row {
    flex-flow: wrap;
    justify-content: flex-start;
  }

  .row.flex-horizontal.blue.padding {
    margin-left: -20px;
    margin-right: -20px;
  }

  .row.flex-horizontal.no-bottom-margin {
    flex-wrap: wrap;
  }

  .row.no-bottom-margins {
    margin-bottom: 0;
  }

  .row.align-centre {
    justify-content: center;
  }

  .row.md-reverse-layout {
    flex-flow: column-reverse wrap;
  }

  .row.md-reverse-layout.md-centre-align {
    text-align: center;
    justify-content: center;
    align-items: center;
  }

  .navbar {
    align-items: center;
    padding-top: 37px;
    padding-bottom: 37px;
  }

  .card {
    margin-bottom: 40px;
    margin-left: 0;
    margin-right: 0;
    padding: 25px;
  }

  .card.md-centre-align {
    text-align: center;
  }

  .page-preview-link {
    height: 22px;
  }

  .price-table-container {
    text-align: center;
    margin-bottom: 30px;
  }

  .price-table-container.link {
    padding-left: 30px;
    padding-right: 30px;
  }

  .contact-form-container.card {
    padding: 40px;
  }

  .service-icon {
    margin-right: 0;
    display: flex;
  }

  .service-icon._2 {
    display: flex;
  }

  .nav-menu {
    background-color: #fff;
    flex-wrap: nowrap;
    justify-content: flex-start;
    width: 100%;
    max-height: 100vh;
    padding-bottom: 30px;
    display: block;
    overflow: scroll;
  }

  .navbar-link {
    text-align: center;
    background-color: #fff;
    flex: 1;
    padding-top: 24px;
    padding-bottom: 24px;
    display: block;
  }

  .navbar-link.border {
    flex: 0 auto;
  }

  .navbar-link.dropdown {
    width: 200px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .navbar-link.dropdown:hover {
    border-bottom-style: none;
    border-bottom-width: 0;
    padding-bottom: 24px;
  }

  .navbar-link.burger-nav {
    opacity: 1;
  }

  .nav-button {
    color: #2e323c;
    display: block;
    position: relative;
  }

  .nav-button.w--open {
    color: var(--teal);
    background-color: #0000;
  }

  .nav-bar {
    background-color: #fff;
    justify-content: space-between;
    align-items: center;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .nav-logo {
    flex: 1;
  }

  .logo-navbar.white {
    width: 70px;
  }

  .partner-logo {
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .phone-image {
    max-width: 82%;
  }

  .phone-image.negative-margins {
    max-width: 50%;
    margin-bottom: -382px;
  }

  .hidden-lg-down {
    display: none;
  }

  .md-1 {
    width: 25%;
  }

  .md-2 {
    width: 50%;
  }

  .md-3 {
    width: 75%;
  }

  .md-4 {
    width: 100%;
  }

  .slide.small {
    width: 80%;
  }

  .plstform-module-imageholder.margin-top {
    width: 90%;
  }

  .inline-form {
    width: 100%;
  }

  .blog-thumbnail-container {
    margin-bottom: 30px;
  }

  .centred-logo-container {
    display: block;
  }

  .hover.hover-on-image {
    opacity: 1;
    background-color: #0000;
    height: auto;
    padding-left: 0;
    position: relative;
    bottom: 0;
    left: 0;
    right: 0;
  }

  .portrait-container {
    flex-direction: column-reverse;
    display: flex;
  }

  .flex-horizontal-space-between {
    flex-flow: wrap;
    justify-content: space-between;
  }

  .horizontal-short-line {
    margin-left: -30px;
    margin-right: -30px;
  }

  .team-small-container-1 {
    margin-bottom: 40px;
    display: flex;
  }

  .section-header {
    margin-bottom: 40px;
  }

  .computer-picture {
    max-width: 70vw;
  }

  .app-download-button {
    width: 130px;
  }

  .app-download-container {
    display: flex;
  }

  .feature-icon-horizontal {
    margin-bottom: 20px;
  }

  .value-proposition-container {
    flex-direction: column;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .value-proposition-hero-image {
    margin-bottom: 40px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .computer-image {
    width: 70%;
    margin-bottom: 40px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    position: relative;
  }

  .border-to-edge-picture {
    height: 500px;
  }

  .footer-social-links-container {
    justify-content: center;
    width: 100%;
    margin-top: 20px;
    display: flex;
  }

  .social-media-icons-contianer {
    margin-bottom: 40px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .footer-links-container {
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }

  .footer-logo-2 {
    margin-bottom: 40px;
  }

  .div-block-49 {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .div-block-50 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .white-burger {
    color: #fff;
  }

  .menu-button-3, .menu-button-3.w--open {
    background-color: #1f2c3d;
  }

  .nav-link-3 {
    color: #fff;
    text-align: left;
    background-color: #1f2c3d;
    justify-content: flex-start;
    align-items: stretch;
    width: 100%;
    padding-top: 31px;
    padding-bottom: 31px;
    display: flex;
  }

  .nav-menu-container {
    background-color: #1f2c3d;
    width: 100%;
    min-height: 100vh;
    display: flex;
    position: absolute;
    top: 60px;
  }

  .nav-dropdown-link {
    float: left;
    background-color: var(--med-gray);
    color: #fff;
    width: 100%;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 40px;
  }

  .dropdown-list {
    background-color: #1f2c3d;
  }

  .dropdown-list.w--open {
    height: 50vh;
    overflow: auto;
  }

  .text {
    text-align: left;
  }

  .burger-icon {
    color: var(--teal);
  }

  .dropdown-linktext {
    margin-right: 0;
  }

  .dropdown-chevron {
    flex: 0 auto;
  }

  .dropdown {
    flex-direction: column;
    flex: 0 auto;
    padding-left: 30px;
    padding-right: 30px;
    display: flex;
  }

  .nav-dropdown {
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .nav-dropdown.w--open {
    flex-flow: column;
    align-items: center;
    margin-bottom: 5px;
    display: flex;
    position: relative;
  }

  .nav-dropdown.medium {
    left: auto;
    right: auto;
  }

  .nav-cta-button-container {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .small-slide {
    width: 100%;
  }

  .partner-logo-container {
    justify-content: center;
    width: 50%;
    display: flex;
  }

  .date-container {
    flex-wrap: wrap;
  }

  .negative-margin {
    margin-left: -19px;
  }

  .container-2 {
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .cards-header {
    width: 60vw;
  }

  .cta-section {
    padding: 50px 40px;
  }

  .footer-section {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .hero-image.half-width {
    min-width: 400px;
    max-width: 100%;
  }

  .hero-shape-botleft {
    width: 70%;
  }

  .hero-shape-botleft.fraternalbusiness-shape {
    display: none;
  }

  .hero-shape-botleft.platform-shape {
    bottom: 5%;
  }

  .hero-shape-botleft.accountopening-shape {
    display: none;
  }

  .hero-textholder {
    padding-left: 20px;
  }

  .card-shape-right.fraternalbusiness-shape {
    top: -20%;
  }

  .card-shape-right.platform-shape {
    right: -10%;
  }

  .card-shape-right.employer-shape, .card-shape-right.financialservices-shape {
    top: -20%;
  }

  .card-shape-left.fraternalbusiness-shape, .card-shape-left.platform-shape {
    bottom: -15%;
  }

  .steps-shape-left {
    height: 60%;
    bottom: -30%;
  }

  .steps-shape-left.fraternalbusiness-shape {
    width: 30%;
  }

  .steps-shape-left.home-shape {
    display: none;
  }

  .steps-shape-left.membershipo-shape {
    width: 25%;
    bottom: -25%;
  }

  .hero-buttonholder {
    flex-direction: column;
    align-items: flex-start;
  }

  .homestats-textholder {
    width: 80%;
  }

  .secondarytarget-grid {
    width: 100%;
  }

  .secondarytarget-card {
    width: 35vw;
    margin-left: 0;
    margin-right: 0;
    padding: 30px;
  }

  .usecase-card {
    margin-bottom: 40px;
    margin-left: 0;
    margin-right: 0;
    padding: 25px;
  }

  .nav-container {
    padding-left: 30px;
    padding-right: 30px;
  }

  .corporatef-heroo-confetti {
    height: 50%;
  }

  .shape-team-left {
    background-position: 0%;
    background-attachment: scroll;
    width: 50%;
    left: -15%;
  }

  .shape-team-right {
    background-attachment: scroll;
    width: 50%;
    right: -15%;
  }

  .demopopup-card {
    margin-left: 30px;
    margin-right: 30px;
  }

  .popup-h4 {
    font-size: 1.1rem;
  }

  .popup-h1 {
    font-size: 3rem;
  }

  .learnpopup-card {
    padding: 25px;
  }

  .numberscard {
    width: 90%;
    padding: 30px;
  }

  .timeline-line {
    min-width: 100px;
  }

  .missioncard {
    width: 35vw;
    margin-left: 0;
    margin-right: 0;
    padding: 30px 30px 10px;
  }

  .missioncard-grid {
    width: 100%;
  }

  .numberscard-shape-left {
    top: -30px;
    left: -30px;
  }

  .numberscard-shape-right {
    bottom: -30px;
    right: -30px;
  }

  .hero-vector {
    min-width: auto;
  }

  .utility-shape-left {
    background-position: 0%;
    background-attachment: scroll;
    width: 50%;
    left: -15%;
  }

  .utility-shape-right {
    background-attachment: scroll;
    width: 50%;
    right: -15%;
  }

  .storycard-buttontext {
    font-size: .5rem;
  }

  .hero-shape-topright {
    width: 70%;
    bottom: -5%;
  }

  .resource-grid {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr;
    align-items: stretch;
  }

  .featuredresource {
    align-items: center;
    width: auto;
    max-width: 90%;
    height: auto;
  }

  .featuredresource-text {
    padding: 30px;
  }

  .featuredresource-image {
    width: 40%;
  }

  .resourceshero-textholder {
    padding-left: 20px;
  }

  .promisecard {
    width: 35vw;
    margin-left: 0;
    margin-right: 0;
    padding: 30px;
  }

  .chatcard {
    margin-bottom: 40px;
    margin-left: 0;
    margin-right: 0;
    padding: 25px;
  }

  .chatcard-triangle {
    width: 25px;
    height: 25px;
    bottom: -25px;
  }

  .chatcard-h4 {
    font-size: 1.5rem;
  }

  .platformf-textholder {
    width: 100%;
  }

  .pf-hero-image, .pf-hero-image-2 {
    width: 10vh;
  }

  .lottie-animation.half-width {
    width: 50%;
    height: 10vh;
  }

  .fso-cards-header {
    width: 60vw;
  }

  .fso-herocard-mid {
    border-radius: 2px;
  }

  .pfo-grid-image {
    width: 10vh;
  }

  .blog-container {
    align-items: center;
    width: 100%;
    max-width: 90%;
    height: auto;
    margin-top: 50px;
  }

  .blog-textholder {
    padding: 40px;
  }

  .blog-h1 {
    width: 85%;
    padding-left: 40px;
    font-size: 3rem;
  }

  .blog-author {
    margin-bottom: 20px;
    padding-left: 40px;
  }

  .blog-readtime-line {
    margin-left: 10px;
    margin-right: 0;
  }

  .blog-readtime-holder {
    flex-direction: row-reverse;
    margin-bottom: 10px;
  }

  .blog-social-holder {
    display: none;
  }

  .social-card {
    margin-bottom: 40px;
    margin-left: 0;
    margin-right: 0;
    padding: 25px;
  }

  .blog-sociallink {
    opacity: .65;
    width: 40px;
    height: 40px;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 10px;
  }

  .blog-sociallink:hover {
    opacity: .65;
  }

  .blog-social-holder-m {
    padding-right: 10px;
    display: flex;
    position: relative;
  }

  .hf-question-icon {
    margin-right: 20px;
  }

  .hero-buttonholder-large {
    flex-direction: column;
    align-items: stretch;
  }

  .squeeze-nav-logo {
    flex: 1;
  }

  .section-ctaholder {
    flex-direction: column;
    align-items: center;
  }

  .features-shape-right {
    height: 60%;
    bottom: -30%;
  }

  .features-shape-right.accountopening-shape {
    width: 30%;
  }

  .nav-dropdown-anchor, .nav-dropdown-row {
    display: block;
  }

  .banks-stat-holder {
    margin-left: 25%;
  }

  .accolade-heading.white-text {
    font-size: 2.4rem;
  }

  .tabbed-card-section {
    padding-top: 0;
  }

  .features-shape-left {
    height: 60%;
    bottom: -30%;
  }

  .hero-shape-group-right-2 {
    inset: 17% -18% 0% auto;
  }

  .section-platform-image {
    height: 30rem;
  }

  .hero-shape-group-left-2 {
    left: -10%;
  }

  .hero-shape-node-top {
    width: 12%;
    top: 0%;
    left: 0%;
  }

  .hero-shape-node-left {
    width: 10%;
    left: 0%;
  }

  .hero-shape-node-right {
    inset: auto 0% -10% auto;
  }

  .hero-shape-node-bottom {
    width: 15%;
    inset: auto 0% 0% auto;
  }

  .card-logo {
    width: 50vw;
  }

  .quote-holder-large {
    display: none;
  }

  .quote-large {
    font-size: 2.1rem;
  }

  .demo-twocol-card {
    margin-left: 30px;
    margin-right: 30px;
  }

  .home-logoholder {
    max-width: 25%;
  }

  .home-logowrapper {
    padding-left: 20px;
  }

  ._2up-grid {
    grid-column-gap: 3rem;
  }

  .playbookshero-textholder {
    padding-left: 20px;
  }

  .footer-section-squeeze {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .welcome-logowrapper {
    padding-left: 20px;
  }

  .click-card {
    margin-bottom: 40px;
    margin-left: 0;
    margin-right: 0;
    padding: 25px;
  }

  .click-card.md-centre-align {
    text-align: center;
  }

  .auto-rotate-tabs-component {
    height: 35rem;
  }

  .testimonial-wrapper {
    flex-direction: column;
    max-width: 40rem;
    height: auto;
  }

  .testimonial-text-content {
    border-top-right-radius: 0;
    border-bottom-right-radius: 2rem;
    border-bottom-left-radius: 2rem;
    padding: 2rem;
  }

  .testimonial-text-align-left {
    grid-row-gap: 1rem;
  }

  .testimonial-hero-image {
    border-top-left-radius: 2rem;
    border-top-right-radius: 2rem;
    border-bottom-left-radius: 0;
  }

  .image-14 {
    max-width: 360px;
  }

  .integrations-dot-shape-botright {
    max-width: 9%;
    display: none;
    bottom: 1rem;
    right: 0;
  }

  .integrations-dot-shape-topleft {
    max-width: 9%;
    display: none;
  }

  .testimonial-dots-shapes-topleft {
    top: -5.3rem;
    left: -2.3rem;
  }

  .carousel {
    width: 100%;
  }

  .carousel-slider {
    overflow: visible;
  }

  .carousel-mask {
    padding-right: 32rem;
  }

  .testimonial-text-content-copy {
    border-top-right-radius: 0;
    border-bottom-right-radius: 2rem;
    border-bottom-left-radius: 2rem;
    padding: 2rem;
  }

  .whitepaper-twocol-card {
    margin-left: 30px;
    margin-right: 30px;
    padding-top: 45px;
  }

  .whitepaper-h4 {
    font-size: 1.1rem;
  }

  .hero-logo-grid {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .hero-logo-holder {
    margin-top: 40px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .lottie-desktop {
    display: none;
  }

  .lottie-tablet {
    display: block;
  }

  .logo-lottie-wrapper {
    margin-left: -15px;
    margin-right: -15px;
  }

  .casestudy-h4 {
    font-size: 1.1rem;
  }

  .casestudy-h1 {
    font-size: 3rem;
  }

  .casetstudy-background {
    bottom: 51%;
    right: 0%;
  }

  .casetstudy-twocol-card {
    margin-top: 40px;
    margin-left: 30px;
    margin-right: 30px;
    padding-top: 40px;
  }

  .casestudy-logo-holder {
    margin-top: 40px;
  }

  .course-nextlink {
    opacity: .65;
    width: 40px;
    height: 40px;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 10px;
  }

  .course-nextlink:hover {
    opacity: .65;
  }

  .testimonial-hero-sized {
    border-top-left-radius: 2rem;
    border-top-right-radius: 2rem;
    border-bottom-left-radius: 0;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    margin-bottom: 10px;
    font-size: 2.7rem;
  }

  h2 {
    font-size: 2rem;
  }

  h3 {
    font-size: 28px;
  }

  .section.full-screen {
    min-height: 600px;
  }

  .section.wider-padding.background-image {
    height: 400px;
  }

  .section.half-screen-background-image, .section.half-screen-background-image.right {
    background-size: cover;
  }

  .section.no-vertical-padding.sm-flex-vertical {
    flex-direction: column;
    display: flex;
  }

  .section.narrow-padding.image-hero {
    background-position: 0%;
  }

  .section.about-hero {
    height: auto;
    min-height: 100vh;
    padding-top: 0;
  }

  .section.platform-hero.image-hero {
    background-position: 100%;
    background-size: cover;
  }

  .section.casestudy-logos.image-hero {
    background-position: 0%;
  }

  .container {
    display: block;
  }

  .container.space-around {
    justify-content: space-around;
  }

  .block {
    flex: 0 0 100%;
  }

  .block.mobile {
    flex-basis: 50%;
  }

  .block.lg-50 {
    width: 100%;
  }

  .col.lg-4.sm-2 {
    width: 100%;
    margin-bottom: 25px;
  }

  .col.lg-4.sm-2.sm-no-margin-bottom {
    margin-bottom: 0;
  }

  .col.lg-3.no-padding.sm-2 {
    width: 50%;
  }

  .col.lg-3.flex-stretch.md-2.sm-2 {
    width: 100%;
  }

  .col.lg-3.sm-1 {
    width: 50%;
  }

  .col.lg-3.sm-2 {
    width: 100%;
  }

  .col.lg-3.md-1.sm-0 {
    width: 0%;
  }

  .col.lg-6 {
    width: 100%;
  }

  .col.lg-6.center-align {
    width: 75%;
  }

  .col.lg-6.sm-1 {
    width: 50%;
  }

  .col.lg-6.md-3.sm-2 {
    width: 100%;
  }

  .col.lg-6.sm-margin-bottom {
    align-items: stretch;
    margin-bottom: 40px;
  }

  .col.lg-2.sm-1 {
    width: 50%;
  }

  .col.lg-5 {
    width: 100%;
  }

  .col.lg-5.bottom-margin-mobile {
    margin-bottom: 40px;
  }

  .col.lg-5.sm-no-bottom-margin {
    margin-bottom: 0;
  }

  .col.lg-7.md-3.sm-2, .col.lg-8.centre-align.sm-2, .col.lg-8.sm-2, .col.lg-10.md-2.sm-2 {
    width: 100%;
  }

  .col.lg-11.md-3.sm-1 {
    width: 50%;
  }

  .paragraph-small.short-paragraph {
    width: 100%;
  }

  .row {
    flex-wrap: wrap;
  }

  .row.flex-horizontal {
    flex-flow: wrap;
    margin-bottom: 0;
  }

  .row.sm-reverse {
    flex-direction: column-reverse;
  }

  .row.sm-no-wrap {
    flex-wrap: nowrap;
  }

  .card {
    flex: 0 auto;
    margin-top: 15px;
    margin-bottom: 15px;
    padding: 30px;
  }

  .form-field.side-margins.no-bottom-margins {
    min-width: auto;
  }

  .page-preview-link {
    height: 220px;
  }

  .price-table-container {
    padding: 40px;
  }

  .footer-logo {
    margin-top: 0;
    margin-bottom: 40px;
    padding-left: 0;
  }

  .testimonial-image {
    margin-bottom: 40px;
  }

  .contact-form-container.card {
    padding: 40px;
  }

  .question-container {
    margin-bottom: 16px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .question-text {
    margin-top: 8px;
  }

  .nav-button {
    width: 56px;
    height: 56px;
    margin-right: 4px;
  }

  .logo-navbar.white {
    width: 60px;
  }

  .partner-logo {
    flex: 0 auto;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .phone-image {
    border-bottom: 1px solid var(--teal);
    max-width: 60%;
    margin-bottom: 40px;
  }

  .phone-image.negative-margins {
    max-width: 70%;
    margin-bottom: -409px;
  }

  .sm-1 {
    width: 50%;
  }

  .hidden-md-down {
    display: none;
  }

  .sm-2 {
    width: 100%;
  }

  .sm-align-centre {
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .slider-arrow {
    font-size: 28px;
  }

  .slide-nav {
    font-size: 10px;
  }

  .plstform-module-imageholder.margin-top.hidden {
    display: inline-block;
  }

  .flex-horizontal-space-between {
    flex-direction: row;
    justify-content: space-between;
  }

  .horizontal-short-line {
    margin-left: -40px;
    margin-right: -40px;
  }

  .team-small-container-1 {
    margin-bottom: 30px;
  }

  .computer-picture {
    margin-bottom: 40px;
  }

  .value-proposition-container {
    text-align: center;
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .side-image {
    margin-bottom: 20px;
  }

  .border-to-edge-picture {
    height: 400px;
  }

  .big-blog-thumbnail-container.no-bottom-margins {
    margin-bottom: 40px;
  }

  .social-media-icons-container-2 {
    flex: 1;
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .footer-social-links-container {
    margin-top: 40px;
  }

  .footer-links-container {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 40px;
    display: flex;
  }

  .footer-logo-2 {
    padding-left: 0;
  }

  .centred-logo {
    padding-left: 15px;
    padding-right: 15px;
  }

  .play-icon {
    width: 50px;
  }

  .small-slide {
    margin-left: 10px;
    margin-right: 10px;
    padding-left: 0;
    padding-right: 0;
  }

  .cards-header {
    width: 80vw;
  }

  .cta-section {
    min-height: 300px;
  }

  .hero-image {
    width: 80%;
  }

  .hero-image.half-width {
    width: 100%;
    min-width: 400px;
  }

  .hero-shape-botleft {
    bottom: 5%;
  }

  .statistics-textholder {
    flex-direction: column;
    align-items: center;
  }

  .hero-textholder {
    text-align: center;
    max-width: none;
    padding-left: 5%;
    padding-right: 5%;
  }

  .storycard-textholder {
    text-align: center;
    flex-direction: column;
    align-items: center;
    padding: 20px;
  }

  .card-shape-right.fraternalbusiness-shape {
    width: 20%;
    top: -30%;
  }

  .card-shape-right.platform-shape {
    top: 70%;
  }

  .card-shape-right.employer-shape, .card-shape-right.financialservices-shape {
    width: 20%;
    top: -30%;
  }

  .card-shape-left.platform-shape {
    display: none;
  }

  .steps-shape-left {
    width: 20%;
    bottom: -15%;
  }

  .steps-shape-left.fraternalbusiness-shape {
    width: 20%;
  }

  .hero-buttonholder {
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }

  .hero-imageholder {
    justify-content: center;
    align-items: flex-start;
    padding-top: 20px;
  }

  .herologos-logoholder {
    flex-wrap: wrap;
    place-content: center;
  }

  .logoholder {
    max-width: 20%;
    margin: 15px 25px;
  }

  .alternatinglayout-lefttext {
    text-align: center;
    align-items: center;
  }

  .alternatinglayout-righttext {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .homestats-divider {
    width: 80%;
    height: 2px;
  }

  .homestats-dividerholder {
    width: 100%;
    margin-top: 35px;
    margin-bottom: 35px;
  }

  .content-centered {
    text-align: center;
    flex-direction: column;
    align-items: center;
    padding: 20px;
    display: flex;
  }

  .secondarytarget-grid {
    grid-template-columns: auto;
  }

  .secondarytarget-card {
    width: 55vw;
    padding: 30px;
  }

  .usecase-card {
    margin-top: 15px;
    margin-bottom: 15px;
    padding: 30px;
  }

  .homestats-h2 {
    font-size: 3rem;
  }

  .centeredtext-textholder {
    text-align: center;
    flex-direction: column;
    align-items: center;
    padding: 20px;
  }

  .hero-buttonspacer {
    width: 20px;
  }

  .corporatef-heroo-confetti {
    width: 100%;
    height: 50%;
    top: 50%;
  }

  .team-memberholder {
    margin-top: 0;
    margin-bottom: 0;
    padding: 5px;
  }

  .shape-team-left, .shape-team-right {
    display: none;
  }

  .popup-formblock {
    width: 80vw;
  }

  .learnpopup-card {
    padding: 25px;
  }

  .numberscard-holder {
    padding-bottom: 0%;
  }

  .numberscard {
    width: 80%;
    margin: 20px;
  }

  .missioncard {
    width: 55vw;
    padding: 30px;
  }

  .missioncard-grid {
    grid-template-columns: auto;
  }

  .utility-shape-left {
    background-size: cover;
    width: 70%;
    top: 0%;
    bottom: 0%;
  }

  .utility-shape-right {
    object-fit: cover;
    background-size: cover;
    width: 70%;
    top: 0%;
    bottom: 0%;
  }

  .hero-shape-topright {
    bottom: 5%;
  }

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

  .resourcecard-image {
    width: 100%;
  }

  .featuredresource {
    flex-direction: column;
    justify-content: flex-start;
    max-width: 100%;
    min-height: 100vh;
    margin-left: 15px;
    margin-right: 15px;
  }

  .featuredresource-text {
    padding-top: 10px;
  }

  .featuredresource-image {
    width: 60%;
    max-height: 45%;
    padding-top: 20px;
    padding-bottom: 0;
  }

  .featuredresource-h2 {
    font-size: 2.2rem;
  }

  .resourceshero-textholder {
    text-align: center;
    max-width: none;
    padding-left: 5%;
    padding-right: 5%;
  }

  .promisecard {
    width: 55vw;
    padding: 30px;
  }

  .chatcard {
    flex: 0 auto;
    margin-top: 15px;
    margin-bottom: 25px;
    padding: 30px;
  }

  .chatcard-h2 {
    width: 80vw;
  }

  .platformfeatures-imageholder {
    text-align: center;
    flex-direction: column;
    align-items: center;
    height: auto;
    padding: 20px;
    display: flex;
    position: relative;
  }

  .platformf-textholder {
    text-align: left;
    align-items: flex-start;
    width: 80%;
    margin: 0 auto 10vh;
  }

  .pf-heroholder {
    padding-bottom: 40px;
  }

  .pf-hero-image, .pf-hero-image-2 {
    border-radius: 10px;
  }

  .platformf-title {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .lottie-animation.half-width {
    width: 60%;
    height: 10vh;
  }

  .text-centered {
    text-align: center;
    flex-direction: column;
    align-items: center;
    padding: 20px;
    display: flex;
  }

  .fso-cards-header {
    width: 80vw;
  }

  .fso-hero-imageholder {
    justify-content: center;
    align-items: center;
    padding-top: 20px;
  }

  .fso-hero-imageholder.align-right {
    align-items: center;
  }

  .fso-herocard-mid {
    border-radius: 5px;
    width: 25%;
  }

  .fso-herocard-mid.hidden-sm-down {
    display: none;
  }

  .pfo-grid-holder {
    padding-bottom: 40px;
  }

  .pfo-grid-image {
    border-radius: 10px;
  }

  .blog-container {
    flex-direction: column;
    justify-content: flex-start;
    max-width: 100%;
    min-height: 100vh;
    margin-top: 30px;
    margin-left: 15px;
    margin-right: 15px;
  }

  .blog-textholder {
    padding: 30px;
  }

  .blog-readtime-holder {
    flex-flow: row-reverse wrap;
  }

  .social-card {
    flex: 0 auto;
    margin-top: 15px;
    margin-bottom: 15px;
    padding: 30px;
  }

  .blog-social-holder-m {
    justify-content: flex-end;
    width: 100%;
  }

  .hf-hero-overlay {
    background-image: linear-gradient(141deg, #000000b3, #262f2c66);
  }

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

  .hero-buttonholder-large {
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }

  .herostats-statsholder {
    flex-flow: column wrap;
    align-content: center;
  }

  .statholder {
    text-align: center;
    flex-direction: column;
    align-items: stretch;
  }

  .section-ctaholder {
    justify-content: center;
    align-items: center;
  }

  .features-shape-right {
    width: 20%;
    bottom: -15%;
  }

  .features-shape-right.accountopening-shape {
    width: 20%;
  }

  .home-prfeature-hero {
    justify-content: center;
    align-items: flex-start;
    padding-top: 20px;
  }

  .banks-stat-holder {
    margin-left: 10%;
  }

  .card-shadow.white {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .accolade-heading {
    text-align: center;
    min-width: 405px;
    padding-top: 20px;
  }

  .accolade-heading.white-text {
    margin-left: 0;
    font-size: 2rem;
  }

  .faq-tabs-link {
    padding-left: 10px;
  }

  .tabbed-card-section {
    flex-direction: column;
    align-items: center;
  }

  .features-shape-left {
    width: 20%;
    bottom: -15%;
  }

  .bulleted-item {
    justify-content: center;
  }

  .bullet {
    display: none;
  }

  .hero-shape-group-right-2 {
    top: -9%;
    right: -23%;
  }

  .section-platform-image {
    height: 25rem;
    margin-bottom: 40px;
  }

  .hero-shape-node-top, .hero-shape-node-left {
    background-position: 0 0;
    width: 15%;
    height: 15%;
  }

  .hero-shape-node-right {
    background-position: 100%;
    width: 15%;
    height: 15%;
    bottom: 0%;
  }

  .hero-shape-node-bottom {
    background-position: 0 0;
    width: 25%;
    height: 8%;
    inset: auto -4% 0% auto;
  }

  .card-logo {
    width: 20vw;
  }

  .quote-large {
    font-size: 1.8rem;
  }

  .demo-twocol-card {
    margin-left: 5px;
    margin-right: 5px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .home-logorow {
    place-content: center;
  }

  .home-logoholder {
    max-width: 30%;
    margin-right: 0;
    padding-left: 10px;
    padding-right: 10px;
  }

  .home-logowrapper {
    width: 100%;
    max-width: none;
    padding-left: 5%;
    padding-right: 5%;
  }

  .quote-source-small {
    font-size: .9rem;
  }

  .loan-quote-holder {
    align-items: center;
  }

  .page-padding-vertical {
    padding-top: 80px;
    padding-bottom: 80px;
  }

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

  .grid-2 {
    grid-template-rows: auto auto;
    grid-template-columns: auto auto;
  }

  .grid-3 {
    grid-template-columns: auto;
  }

  .playbookshero-textholder {
    text-align: center;
    max-width: none;
    padding-left: 5%;
    padding-right: 5%;
  }

  .logo-title-h6 {
    text-align: center;
  }

  .welcome-logowrapper {
    width: 100%;
    max-width: none;
    padding-left: 5%;
    padding-right: 5%;
  }

  .click-card {
    flex: 0 auto;
    margin-top: 15px;
    margin-bottom: 15px;
    padding: 30px;
  }

  .auto-rotate-tabs-menu {
    width: 100%;
  }

  .auto-rotate-tabs-component {
    grid-row-gap: 2rem;
    flex-direction: column;
    flex: 1;
  }

  .tabs-content {
    align-items: stretch;
    width: 100%;
  }

  .testimonial-wrapper {
    flex-direction: column;
    flex: 1;
  }

  .testimonial-text-content {
    border-top-right-radius: 0;
    border-bottom-left-radius: 2rem;
  }

  .testimonial-hero-image {
    border-top-right-radius: 3rem;
    border-bottom-left-radius: 0;
  }

  .testimonial-card-content {
    flex-direction: column;
    align-items: center;
  }

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

  .carousel-right-arrow {
    right: -1rem;
  }

  .carousel-left-arrow {
    left: -1rem;
  }

  .carousel-mask {
    padding-right: 26rem;
  }

  .testimonial-text-content-copy {
    border-top-right-radius: 0;
    border-bottom-left-radius: 2rem;
  }

  .tab-wrapper {
    align-items: stretch;
  }

  .whitepaper-twocol-card {
    margin-left: 5px;
    margin-right: 5px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .portrait-lottie-holder {
    justify-content: center;
    align-items: center;
    padding-top: 20px;
  }

  .portrait-lottie-holder.align-right {
    align-items: center;
  }

  .hero-logo-grid {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .hero-logo-holder {
    width: 100%;
  }

  .logo-lottie-wrapper {
    margin-left: -25px;
    margin-right: -25px;
  }

  .logo-title-centered {
    text-align: center;
  }

  .casetstudy-twocol-card {
    margin-left: 5px;
    margin-right: 5px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .casestudy-hero-imageholder, .course-hero-imageholder {
    justify-content: center;
    align-items: flex-start;
    padding-top: 20px;
  }

  .testimonial-hero-sized {
    border-top-right-radius: 3rem;
    border-bottom-left-radius: 0;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: 38px;
    line-height: 120%;
  }

  h2 {
    font-size: 36px;
  }

  h3 {
    font-size: 27px;
    line-height: 1.2;
  }

  h4 {
    font-size: 21px;
  }

  .section.half-screen-background-image, .section.half-screen-background-image.right {
    background-position: 50%;
  }

  .section.page-header {
    padding-top: 80px;
  }

  .section.page-header.image {
    padding-bottom: 80px;
  }

  .section.narrow-padding.mobile-hide {
    display: none;
  }

  .section.platform-hero.image-hero {
    background-image: url('../images/core-integrations.svg');
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .container.space-around {
    flex-wrap: wrap;
    justify-content: flex-start;
  }

  .container.lg-negative-margins {
    align-items: flex-start;
  }

  .color-block {
    margin-bottom: 20px;
  }

  .grid {
    flex-wrap: wrap;
  }

  .block {
    flex: 0 0 100%;
  }

  .block.lg-50 {
    padding: 40px;
  }

  .col {
    margin-bottom: 0;
  }

  .col.lg-4 {
    width: 100%;
  }

  .col.lg-4.centre-align.xs-margin-bottom {
    margin-bottom: 20px;
  }

  .col.lg-4.md-3.xs-2 {
    width: 100%;
  }

  .col.lg-4.xs-1 {
    width: 50%;
  }

  .col.lg-3, .col.lg-3._2-col-in-mobile, .col.lg-3.md-2.sm-2, .col.lg-3.md-2.xs-2, .col.lg-3.sm-1.flex-stretch.xs-2, .col.lg-3.sm-1.xs-2 {
    width: 100%;
  }

  .col.lg-6 {
    flex-flow: column;
    order: 0;
    align-self: auto;
    align-items: flex-start;
    width: 100%;
  }

  .col.lg-6.center-align {
    width: 100%;
  }

  .col.lg-6.sm-1 {
    width: 50%;
  }

  .col.lg-6.sm-1.xs-2, .col.lg-6.md-3.xs-2, .col.lg-2.md-1.sm-1.xs-2, .col.lg-2.md-33.xs-2, .col.lg-5 {
    width: 100%;
  }

  .col.lg-7.md-4.sm-2.no-padding {
    padding-left: 0;
    padding-right: 0;
  }

  .row.flex-horizontal {
    flex-direction: row;
  }

  .row.center-align {
    object-fit: fill;
    display: block;
  }

  .row.center-align.sm-reverse.flex-vertical {
    display: flex;
  }

  .button.form-button {
    padding-left: 12px;
    padding-right: 12px;
  }

  .card {
    flex: 1;
  }

  .form-field.no-bottom-margins {
    min-width: auto;
  }

  .form-field.side-margins.no-bottom-margins {
    margin-bottom: 40px;
  }

  .page-preview-link {
    height: 160px;
  }

  .price-table-container {
    padding: 35px;
  }

  .footer-logo {
    display: block;
  }

  .footer-link.spacing {
    padding-top: 14px;
    padding-bottom: 14px;
  }

  .footer-link.spacing.last {
    margin-right: 16px;
  }

  .footer-link.no-padding.first {
    margin-left: -12px;
  }

  .footer-link.no-padding.last {
    margin-right: -10px;
  }

  .footer-link.first {
    margin-left: -10px;
  }

  .footer-link.last {
    margin-right: -10px;
  }

  .social-media-icon {
    padding: 0;
  }

  .testimonial-image.absolute {
    width: 150px;
    top: 0%;
  }

  .contact-form-container {
    padding: 0;
  }

  .contact-form-container.card {
    padding: 20px 30px;
  }

  .contact-form-container.card.white-background {
    padding: 25px 30px 20px;
  }

  .contact-form-container.light-blue.padding {
    padding: 20px;
  }

  .faq-answer {
    padding-left: 0;
  }

  .question-container {
    padding: 5px 15px;
  }

  .question-text {
    margin-bottom: 8px;
    margin-left: 0;
  }

  .nav-button {
    flex: 0 auto;
    margin-right: 0;
  }

  .nav-bar {
    height: 80px;
  }

  .partner-logo {
    width: 90px;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .phone-image {
    max-width: 80%;
  }

  .phone-image.negative-margins {
    max-width: 90%;
    margin-bottom: -456px;
  }

  .xs-1 {
    width: 50%;
  }

  .xs-2 {
    width: 100%;
  }

  .slider-arrow {
    margin-left: 20px;
    margin-right: 20px;
    font-size: 22px;
  }

  .slide-nav {
    height: 32px;
    font-size: 8px;
  }

  .plstform-module-imageholder.margin-top {
    opacity: 0;
    position: static;
  }

  .plstform-module-imageholder.mobile {
    opacity: 1;
    position: static;
  }

  .blog-thumbnail-container {
    margin-bottom: 30px;
  }

  .tab-link {
    padding-left: 10px;
    padding-right: 10px;
  }

  .team-small-container {
    margin-bottom: 30px;
  }

  .form-with-button {
    flex-direction: column;
  }

  .form-with-button.inline-form, .form-with-button.horizontal {
    flex-direction: row;
  }

  .testimonial-container {
    padding: 50px 30px 30px;
  }

  .quotation-mark {
    width: 30px;
    margin-top: -30px;
    margin-left: -10px;
    margin-right: 0;
    position: absolute;
  }

  .flex-horizontal-space-between {
    align-items: center;
  }

  .horizontal-short-line {
    margin-left: -35px;
    margin-right: -35px;
  }

  .team-container {
    margin-bottom: 0;
  }

  .short-paragraph {
    width: 100%;
  }

  .computer-picture {
    max-width: 80vw;
  }

  .app-download-button {
    width: 110px;
  }

  .app-download-container {
    flex-direction: row;
  }

  .computer-image {
    width: 110%;
  }

  .side-image {
    margin-bottom: 20px;
  }

  .social-media-icons-container-2 {
    justify-content: space-between;
  }

  .horizontal-footer-links-container {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .footer-social-links-container {
    justify-content: space-around;
    margin-top: 40px;
    display: flex;
  }

  .social-media-icons-contianer {
    display: flex;
  }

  .div-block-49 {
    text-align: left;
    align-items: flex-start;
  }

  .play-icon {
    width: 40px;
  }

  .nav-menu-container, .dropdown-list.w--open {
    overflow: auto;
  }

  .icon-2 {
    position: absolute;
  }

  .small-slide {
    margin-left: 0;
    margin-right: 0;
  }

  .left-arrow, .right-arrow {
    width: 60px;
  }

  .value-point-container {
    width: 100%;
    margin-bottom: 40px;
  }

  .cta-container {
    margin-bottom: 40px;
  }

  .negative-margin {
    margin-left: -10px;
  }

  .hero-image {
    width: 100%;
  }

  .hero-image.half-width {
    min-width: 400px;
  }

  .statistics-textholder {
    padding-left: 0;
    padding-right: 0;
  }

  .hero-textholder {
    padding-left: 0%;
    padding-right: 0%;
  }

  .storycard-textholder {
    padding-left: 0;
    padding-right: 0;
  }

  .hero-buttonholder {
    flex-direction: column;
  }

  .logoholder {
    max-width: 50%;
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .homestats-textholder {
    width: 100%;
  }

  .content-centered {
    flex-direction: column;
    padding-left: 0;
    padding-right: 0;
  }

  .secondarytarget-card {
    width: auto;
  }

  .tab-link {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .tabs {
    width: 100%;
  }

  .homestats-h2 {
    font-size: 2.5rem;
  }

  .tabs-menu-2 {
    justify-content: center;
    align-items: stretch;
    display: flex;
  }

  .nav-container {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .nav-spacer {
    flex: 0 auto;
    width: 30%;
  }

  .centeredtext-textholder {
    padding-left: 0;
    padding-right: 0;
  }

  .corporatef-heroo-confetti {
    top: 55%;
  }

  .testimonial-title.white-text {
    max-width: 100%;
    font-size: 1.75rem;
  }

  .team-memberholder {
    padding: 0;
  }

  .demopopup-card {
    margin-left: 0;
    margin-right: 0;
    padding-left: 15px;
    padding-right: 15px;
  }

  .popup-formblock {
    width: auto;
  }

  .popup-h1 {
    font-size: 1.8rem;
  }

  .popup-formcontent.no-padding {
    width: 100%;
  }

  .numberscard {
    width: 100%;
    margin-left: 1px;
    margin-right: 1px;
  }

  .timeline-line {
    min-width: 50px;
  }

  .timeline-description {
    margin-right: 0;
  }

  .missioncard {
    width: auto;
  }

  .numberscard-shape-left {
    top: -20px;
    left: -20px;
  }

  .numberscard-shape-right {
    bottom: -20px;
    right: -20px;
  }

  .utility-shape-left {
    width: 110%;
    left: -50%;
  }

  .utility-shape-right {
    width: 100%;
    right: -50%;
  }

  .storycard-button {
    width: 100%;
  }

  .iconcard-holder {
    display: none;
  }

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

  .testimonial-person.white-text {
    font-size: .75rem;
  }

  .resource-grid {
    padding-left: 0;
    padding-right: 0;
  }

  .resourcecard {
    padding: 20px;
  }

  .resourcecard-link {
    margin-top: -20px;
    margin-left: -20px;
  }

  .featuredresource {
    margin-left: 0;
    margin-right: 0;
    padding: 20px;
  }

  .featuredresource-text {
    flex: 0 auto;
    justify-content: flex-start;
    padding-left: 0;
    padding-right: 0;
  }

  .featuredresource-image {
    width: 100%;
    max-height: none;
  }

  .resourceshero-textholder {
    padding-left: 0%;
    padding-right: 0%;
  }

  .promisecard {
    width: auto;
  }

  .chatcard {
    flex: 1;
  }

  .platformfeatures-imageholder {
    padding-left: 0;
    padding-right: 0;
  }

  .platformf-textholder {
    width: 100%;
  }

  .pf-hero {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .pf-hero-image, .pf-hero-image-2 {
    width: 20vw;
  }

  .platforma-hero-storycard {
    margin-bottom: -20px;
  }

  .lottie-animation.half-width {
    width: 80%;
    height: 10vh;
  }

  .text-centered {
    padding-left: 0;
    padding-right: 0;
  }

  .fso-hero-imageholder {
    margin-top: 20px;
  }

  .fso-herocard-mid {
    border-radius: 2px;
  }

  .fso-herobg {
    height: 102%;
  }

  .pfo-grid {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .pfo-grid-image {
    width: 20vw;
  }

  .blog-container {
    margin-left: 5px;
    margin-right: 5px;
  }

  .blog-textholder {
    flex: 0 auto;
    justify-content: flex-start;
    padding: 20px;
  }

  .blog-top {
    height: 70vh;
  }

  .blog-h1 {
    width: 90%;
    margin-bottom: 10px;
    padding-left: 20px;
    font-size: 2.3rem;
  }

  .blog-author {
    padding-left: 29px;
  }

  .blog-progress-holder {
    top: 79px;
  }

  .social-card {
    flex: 1;
  }

  .blog-social-holder-m {
    justify-content: center;
    margin-bottom: 10px;
  }

  .hero-buttonholder-large {
    flex-direction: column;
    align-items: stretch;
  }

  .squeeze-nav-spacer {
    flex: 0 auto;
    width: 30%;
    display: none;
  }

  .squeeze-navbutton.ghost {
    display: none;
  }

  .squeeze-nav-logo {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .herostats-statsholder.padding.bottom-margin {
    z-index: 0;
    margin-bottom: 70px;
  }

  .section-title {
    max-width: 100%;
  }

  .section-ctaholder {
    flex-direction: column;
  }

  .tyhead.mob {
    font-size: 3rem;
    line-height: 3.5rem;
  }

  .wcb {
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .home-prfeature-hero {
    margin-top: 20px;
  }

  .banks-stats-number {
    color: #fff;
  }

  .banks-stat-holder {
    margin-right: 20%;
  }

  .card-shadow.white {
    flex-direction: column;
    justify-content: space-around;
    margin: 20px 10px;
    padding: 30px 20px;
    display: flex;
  }

  .card-shadow.logo {
    margin-left: 0;
    margin-right: 0;
    padding: 25px;
  }

  .accolade-heading {
    min-width: 262px;
    margin-left: 0;
    font-size: 24px;
  }

  .faq-tabs-link {
    padding-left: 5px;
    padding-right: 5px;
    font-size: 14px;
  }

  .tabbed-card-section {
    margin-bottom: 20px;
    padding: 0;
  }

  .card-questions-text-link {
    font-size: 12px;
  }

  .card-questions-text {
    margin-bottom: 56px;
    font-size: 16px;
  }

  .card-questions-div-link {
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .faqcard-link {
    margin-top: -20px;
    margin-left: -20px;
  }

  .section-paragraph.text-centered {
    width: 100%;
  }

  .hero-shape-group-right-2 {
    top: -8%;
    right: -22%;
  }

  .hero-shape-group-left {
    top: -3%;
  }

  .section-platform-image {
    align-items: flex-end;
    height: 50rem;
    margin-top: 40px;
    margin-bottom: 140px;
    padding-top: 40px;
    padding-bottom: 0;
    display: block;
    position: static;
  }

  .hero-shape-group-left-2 {
    top: -3%;
  }

  .hero-shape-node-top, .hero-shape-node-left {
    width: 25%;
    height: 10%;
    top: 0%;
  }

  .hero-shape-node-right {
    background-position: 100% 100%;
    width: 20%;
    height: 15%;
    inset: auto 0% -5% auto;
  }

  .hero-shape-node-bottom {
    width: 40%;
    height: 7%;
    inset: auto -4% 0% auto;
  }

  .card-logo {
    width: 20vw;
  }

  .quote-large {
    font-size: 1.5rem;
  }

  .demo-twocol-card {
    margin-left: 0;
    margin-right: 0;
    padding-left: 15px;
    padding-right: 15px;
  }

  .home-logoholder {
    max-width: 32%;
    padding-left: 5px;
    padding-right: 5px;
  }

  .home-logowrapper {
    justify-content: center;
  }

  .faq-title-h5-copy {
    letter-spacing: 1px;
    text-transform: uppercase;
    width: 70vw;
  }

  .quote-source-small {
    font-size: .8rem;
  }

  .inner-hero-section {
    margin-top: 80px;
  }

  .grid-2 {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: auto;
  }

  .playbookshero-textholder {
    padding-left: 0%;
    padding-right: 0%;
  }

  .logo-title-h6 {
    font-size: .75rem;
  }

  .survey-wrapper, .calendar-wrapper {
    padding-top: 80px;
  }

  .welcome-logowrapper {
    justify-content: center;
  }

  .click-card {
    flex: 1;
  }

  .auto-rotate-tabs-menu {
    height: auto;
  }

  .auto-rotate-tabs-component {
    grid-row-gap: 2rem;
    flex: 1;
  }

  .tabs-content {
    flex: 1;
  }

  .lottie-animation-2 {
    width: 100%;
    height: auto;
  }

  .testimonial-text-content {
    border-top-right-radius: 0;
    border-bottom-right-radius: 1rem;
    border-bottom-left-radius: 1rem;
    padding: 1rem;
  }

  .testimonial-paragraph {
    font-size: 1.25rem;
  }

  .text-block-3-copy-copy {
    font-size: 1rem;
  }

  .testimonial-logo {
    max-width: 50%;
  }

  .testimonial-dots-shapes-botright {
    max-width: 25%;
  }

  .testimonial-hero-image {
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
  }

  .text-block-4 {
    font-size: 1.25rem;
  }

  .integrations-dot-shape-botright {
    max-width: 20%;
    bottom: 1rem;
    right: .5rem;
  }

  .integrations-dot-shape-topleft {
    max-width: 20%;
    left: 1rem;
  }

  .testimonial-dots-shapes-topleft {
    max-width: 25%;
  }

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

  .carousel-right-arrow {
    inset: 0% -3rem 0% auto;
  }

  .carousel-left-arrow {
    left: -3rem;
  }

  .carousel-card {
    grid-row-gap: 1rem;
    max-width: 18rem;
    max-height: 30rem;
    padding: 1rem;
  }

  .carousel-cta-button {
    flex: 0 auto;
  }

  .carousel-card-cta {
    flex: 1;
    justify-content: flex-start;
  }

  .carousel-slider, .carousel-mask {
    height: 30rem;
  }

  .cta-line {
    flex: 1;
    max-width: 40%;
  }

  .cta-arrow {
    flex: none;
  }

  .testimonial-text-content-copy {
    border-top-right-radius: 0;
    border-bottom-right-radius: 1rem;
    border-bottom-left-radius: 1rem;
    padding: 1rem;
  }

  .tab-pane-problem-1-slow {
    width: 100%;
  }

  .tab-wrapper {
    grid-row-gap: 0rem;
  }

  .whitepaper-twocol-card {
    margin-left: 0;
    margin-right: 0;
    padding-left: 15px;
    padding-right: 15px;
  }

  .portrait-lottie-holder {
    margin-top: 20px;
  }

  .hero-logo-grid {
    grid-template-columns: 1fr 1fr;
  }

  .lottie-tablet {
    display: none;
  }

  .lottie-mobile {
    display: block;
  }

  .logo-title-centered {
    font-size: .75rem;
  }

  .casestudy-h4.no-padding {
    width: 100%;
  }

  .casestudy-h1 {
    font-size: 1.8rem;
  }

  .casestudy-h1.no-padding {
    width: 100%;
  }

  .casestudy-spacer {
    margin-top: 0;
  }

  .casetstudy-background {
    bottom: 68%;
  }

  .casetstudy-twocol-card {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .casestudy-logo-holder.no-padding {
    width: 100%;
  }

  .casestudy-title {
    font-size: .75rem;
  }

  .casestudy-lottie-logo, .view-casestudy-cta-wrapper {
    display: block;
  }

  .course-hero-imageholder {
    padding-left: 0;
    padding-right: 0;
  }

  .testimonial-hero-sized {
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
  }
}

#w-node-cfde5c65-a708-5e49-7a35-7c5e250f988d-94db0e9a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b931b038-0141-fbf9-ad51-9e5dc46366e9-34db0ea1, #w-node-_763ae27d-db0d-2a1d-8d24-7f2fc4838a60-2ddb0f1a, #w-node-_1d48a302-ed7d-15c3-afc4-646feb61d1de-f1db0f1f, #w-node-_1d48a302-ed7d-15c3-afc4-646feb61d1e4-f1db0f1f, #w-node-d93a4699-76c8-97b2-007d-b8584dde1b80-f1db0f1f, #w-node-d93a4699-76c8-97b2-007d-b8584dde1b83-f1db0f1f, #w-node-_1d48a302-ed7d-15c3-afc4-646feb61d1de-91db0f20, #w-node-_1d48a302-ed7d-15c3-afc4-646feb61d1e4-91db0f20, #w-node-d93a4699-76c8-97b2-007d-b8584dde1b80-91db0f20, #w-node-d93a4699-76c8-97b2-007d-b8584dde1b83-91db0f20, #w-node-_51123477-1c6f-5790-48e1-41a11880d8ae-61db0f48, #w-node-_51123477-1c6f-5790-48e1-41a11880d8b4-61db0f48, #w-node-_7463cadb-3463-97f9-57ec-e3b9c85e1f9f-61db0f48 {
  align-self: start;
}

#w-node-_097985b4-b3a5-c207-fa2e-0908569875a7-59871248 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center start;
}

#w-node-e15d8253-cf31-d7cd-1ca1-c2089152e4c3-59871248 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-_4e84f1df-a49b-1846-4b52-c77149c6befd-59871248 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_4e84f1df-a49b-1846-4b52-c77149c6bf01-59871248, #w-node-_4e84f1df-a49b-1846-4b52-c77149c6bf02-59871248, #w-node-_4e84f1df-a49b-1846-4b52-c77149c6bf03-59871248, #w-node-_4e84f1df-a49b-1846-4b52-c77149c6bf04-59871248, #w-node-_53aec3f2-a788-679c-2e94-e3a371e5517b-59871248 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3ec1a5d6-45c9-bf98-e99d-350d205fc378-59871248 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-_097985b4-b3a5-c207-fa2e-0908569875a7-a6c31ae3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center start;
}

#w-node-e15d8253-cf31-d7cd-1ca1-c2089152e4c3-a6c31ae3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-df86d905-f4c2-1658-9a79-3166c180a316-a6c31ae3 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_7690695a-6ae7-ff71-5dc7-d69c3575fde2-a6c31ae3, #w-node-_132723fe-c60c-97ec-446c-37276e310b5c-a6c31ae3, #w-node-_31ec2a0f-8595-189e-948c-8e583fe39cd2-a6c31ae3, #w-node-b13cff0e-509e-f555-4a2d-8975caa13b8f-a6c31ae3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 991px) {
  #leading-with-purpose.w-node-_21a68b4d-0513-fe32-d6ab-cf83d009b698-3bdb0f51 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #good-leaders-simon-sinek.w-node-_21a68b4d-0513-fe32-d6ab-cf83d009b72d-3bdb0f51 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: stretch;
  }

  #leading-with-purpose.w-node-_21a68b4d-0513-fe32-d6ab-cf83d009b73f-3bdb0f51, #unlock-referrals.w-node-_21a68b4d-0513-fe32-d6ab-cf83d009b7be-3bdb0f51 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
}

@media screen and (max-width: 767px) {
  #leading-with-purpose.w-node-_21a68b4d-0513-fe32-d6ab-cf83d009b698-3bdb0f51, #good-leaders-simon-sinek.w-node-_21a68b4d-0513-fe32-d6ab-cf83d009b72d-3bdb0f51, #leading-with-purpose.w-node-_21a68b4d-0513-fe32-d6ab-cf83d009b73f-3bdb0f51, #unlock-referrals.w-node-_21a68b4d-0513-fe32-d6ab-cf83d009b7be-3bdb0f51 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_4e84f1df-a49b-1846-4b52-c77149c6befd-59871248, #w-node-df86d905-f4c2-1658-9a79-3166c180a316-a6c31ae3 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
}