:root {
  --color--text-primary: #2c374d;
  --color--brand-600: #0c87c8;
  --color--brand-dark: #1c4166;
  --color--brand-200: #f2f8ff;
  --color--new-brand-color: #0324a5;
  --color--brand: #6fa6d4;
  --white: white;
  --color--brand-300: #d4f0ff;
}

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

h1 {
  color: var(--color--text-primary);
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 42px;
  font-weight: 700;
  line-height: 54px;
}

h2 {
  color: var(--color--text-primary);
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 28px;
  font-weight: 700;
  line-height: 100%;
}

p {
  margin-bottom: 10px;
  font-size: 16px;
}

a {
  color: var(--color--brand-600);
  text-decoration: underline;
}

li {
  font-family: Sk Modernist, Arial, sans-serif;
}

.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-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

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

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

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

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

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

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

.navbar-content {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding-top: 50px;
  padding-bottom: 30px;
  display: flex;
  position: relative;
}

.close-nav {
  display: none;
}

.link-home {
  flex: none;
}

.footer-dark {
  z-index: 0;
  background-image: linear-gradient(#000, #01325d 69%);
  flex-flow: column;
  align-items: center;
  padding: 100px 40px 40px;
  display: flex;
}

.footer-wrapper {
  grid-column-gap: 3.93rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1.25fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 1230px;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  display: grid;
}

.footer-brand {
  margin-bottom: 32px;
}

.footer-content {
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr .75fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.footer-block {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  display: flex;
}

.title-small {
  color: #fff;
  margin-bottom: 24px;
  font-size: 1rem;
  font-weight: 500;
  line-height: 100%;
}

.footer-link {
  color: #bbd0d6;
  letter-spacing: -.2px;
  margin-bottom: 17px;
  font-size: 14px;
  line-height: 25px;
  text-decoration: none;
}

.footer-link.linkedin-link {
  margin-bottom: 0;
}

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

.footer-banner {
  z-index: 1;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: var(--color--brand);
  border-radius: 20px;
  flex-flow: column;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1035px;
  height: 153px;
  display: none;
  position: relative;
  top: -77px;
}

.heading-4 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  line-height: 42px;
}

.text-block {
  color: #f1f1f1;
  text-align: center;
  font-size: 18px;
  line-height: 28px;
}

.text-block-2 {
  color: #bbd0d6;
  font-size: 15px;
  line-height: 25px;
}

.text-block-5 {
  margin-bottom: 10px;
  font-size: 16px;
}

.div-block-6 {
  text-align: right;
  flex-flow: column;
  align-items: flex-end;
  display: flex;
}

.footer-link2 {
  color: #bbd0d6;
  letter-spacing: -.2px;
  margin-bottom: 6px;
  font-size: 14px;
  line-height: 100%;
  text-decoration: underline;
  text-decoration-thickness: 1px;
}

.footer-reg {
  color: #bbd0d6;
  letter-spacing: -.2px;
  font-size: 14px;
  line-height: 25px;
  text-decoration: none;
}

.contact6-1_form {
  grid-column-gap: 32px;
  grid-row-gap: 12px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.error-text {
  color: #e23939;
}

.success-message {
  background-color: #f4f4f4;
  padding: 1.5rem;
}

.contact6-1_form-wrapper {
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  max-width: 435px;
  margin-bottom: 0;
}

.button-2 {
  background-color: var(--color--new-brand-color);
  color: #fff;
  text-align: center;
  white-space: nowrap;
  border-radius: 10px;
  width: 100%;
  height: 43px;
  margin-top: 18px;
  font-size: 16px;
  font-weight: 700;
  line-height: 100%;
  transition: all .3s;
  box-shadow: 0 1px 2px #1018280d;
}

.button-2:hover {
  border-color: #6941c6;
}

.button-2:focus {
  box-shadow: 0 1px 2px #1018280d, 0 0 0 4px #f4ebff;
}

.form-input {
  color: #c4c4c4;
  background-color: #fff;
  border: 1px solid #caedff;
  border-radius: .5rem;
  height: auto;
  min-height: 40px;
  margin-bottom: 0;
  padding: .5rem .875rem;
  font-size: 14px;
  line-height: 100%;
  transition: all .3s;
  box-shadow: 0 1px 2px #1018280d;
}

.form-input:focus {
  color: #101828;
  border-color: #d6bbfb;
  box-shadow: 0 1px 2px #1018280d, 0 0 0 4px #f4ebff;
}

.form-input::placeholder {
  color: #667085;
}

.form-input.text-area {
  height: auto;
  min-height: 127px;
  padding-top: .75rem;
  padding-bottom: .75rem;
  overflow: auto;
}

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

.form-field-2col {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.field-label {
  color: #fff;
  letter-spacing: -.2px;
  margin-bottom: .5rem;
  font-size: 14px;
  font-weight: 700;
}

.error-message {
  margin-top: 1.5rem;
  padding: .875rem 1rem;
}

.text-block-7 {
  color: #fff;
  letter-spacing: -.2px;
  font-size: 12px;
}

.hero-split-2 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 46%;
  display: flex;
  position: relative;
}

.hero-split-2.img {
  justify-content: flex-end;
  align-items: center;
  max-width: 52%;
  height: 100%;
}

.margin-bottom-24px-5 {
  margin-top: 1rem;
  margin-bottom: 0;
  font-size: 20px;
  line-height: 25px;
}

.contact-mail {
  color: #fff;
}

.hero-wrapper-contact {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  color: #fff;
  border-radius: 20px;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 1176px;
  display: flex;
  position: relative;
}

.hero-heading-contact {
  z-index: 1;
  justify-content: center;
  align-items: flex-start;
  padding: 100px 30px 200px 40px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.contact-form-component {
  z-index: 1;
  background-color: #badaff1a;
  border: 1px solid #fff;
  border-radius: 20px;
  flex-flow: column;
  flex: 1;
  grid-template: ". Area"
  / 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 410px;
  max-width: 542px;
  padding: 45px 55px;
  display: flex;
  position: relative;
}

.contact-form-component.top-margin {
  justify-content: flex-start;
  align-items: center;
}

.link-block-nav-2 {
  color: #fff;
  text-align: center;
  justify-content: center;
  align-items: center;
  min-width: 75px;
  margin-left: auto;
  margin-right: auto;
  padding: 10px;
  font-size: 1rem;
  line-height: 100%;
  text-decoration: none;
  display: flex;
}

.link-block-nav-2.bold {
  font-weight: 700;
}

.navbarcontainer-copy {
  width: 100%;
  max-width: 1216px;
  display: flex;
}

.navbar-copy {
  background-color: #0000;
  width: 100%;
  padding-left: 5%;
  padding-right: 5%;
  display: flex;
  overflow: visible;
}

.nav-menu-wrapper-copy {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 958px;
  display: flex;
  position: relative;
}

.signin-button {
  background-color: var(--color--new-brand-color);
  color: #fff;
  text-align: center;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  min-width: 106px;
  min-height: 43px;
  margin-left: auto;
  margin-right: auto;
  padding: 10px;
  font-size: 1rem;
  line-height: 100%;
  text-decoration: none;
  display: flex;
  position: relative;
}

.nav-items-wrapper-copy {
  width: 100%;
  max-width: 660px;
  display: flex;
}

.main-gradient-bg {
  background-image: linear-gradient(270deg, #000204, #002439);
  position: relative;
  overflow: hidden;
}

.colored-blur {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  filter: blur(3.6rem);
  background-color: #0c34ba;
  border-radius: 50%;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 100%;
  padding: 25px 37px 27px 46px;
  display: block;
  position: absolute;
}

.colored-blur.lighter-blue {
  opacity: .77;
  filter: blur(5rem);
  background-color: #0064aa;
}

.colored-blur.contact {
  filter: blur(7.5rem);
  border-radius: 38%;
}

.body-3 {
  font-family: Sk Modernist, Arial, sans-serif;
}

.contact-blur-wrapper {
  z-index: 0;
  width: 40rem;
  height: 30rem;
  position: absolute;
  top: 13%;
  right: -3.3rem;
}

.home-head {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3rem;
  line-height: 3.75rem;
}

.home-head.max-w {
  max-width: 668px;
}

.fs-cc_checkbox-button {
  float: left;
  border: 1px solid #0003;
  border-radius: .125rem;
  width: 1.25rem;
  height: 1.25rem;
  margin-top: 0;
  margin-left: -1.75rem;
  transition: background-color .2s cubic-bezier(.25, .46, .45, .94);
}

.fs-cc_checkbox-button.w--redirected-checked {
  background-color: #146ef5;
  background-image: url("https://cdn.prod.website-files.com/67fda6e45b059d27a1e3a041/68966802eadcf5d558db4d8b_radio__checkmark.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: .625rem;
  border: 1px solid #146ef5;
}

.fs-cc_checkbox-button.w--redirected-focus {
  box-shadow: none;
}

.fs-cc_checkbox-button.is-required {
  cursor: not-allowed;
  cursor: not-allowed;
  background-color: #146ef5;
  background-image: url("https://cdn.prod.website-files.com/67fda6e45b059d27a1e3a041/68966802eadcf5d558db4d8b_radio__checkmark.svg");
  background-position: 45%;
  background-repeat: no-repeat;
  background-size: .625rem;
  border-color: #146ef5;
}

.fs-cc_preferences {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  flex-flow: column;
  padding-top: 2rem;
  padding-bottom: 2rem;
  display: flex;
}

.fs-cc_close-button-line {
  background-color: #000;
  width: 1rem;
  height: 2px;
  position: absolute;
  transform: rotate(-45deg);
}

.fs-cc_close-button-line.is-2nd {
  transform: rotate(45deg);
}

.fs-cc_form {
  margin-bottom: 0;
}

.fs-cc_preference-component {
  z-index: 9525;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  inset: 0%;
}

.fs-cc_modal {
  background-color: #fff;
  flex-direction: column;
  margin-left: auto;
  margin-right: auto;
  font-size: .9375rem;
  line-height: 1.4;
  display: flex;
  position: relative;
}

.cookie-preference_background {
  opacity: 1;
  cursor: pointer;
  background-color: #0003;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.fs-cc_modal-buttons {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  background-color: #f8f8f8;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  padding: 1.25rem 1.5rem;
  display: flex;
}

.fs-cc_checkbox-description {
  cursor: pointer;
  cursor: pointer;
  font-size: .875rem;
  font-weight: 400;
}

.fs-cc_checkbox {
  cursor: pointer;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 1.75rem;
  transition: color .15s cubic-bezier(.25, .46, .45, .94);
}

.fs-cc_checkbox.is--not-allowed {
  cursor: not-allowed;
  cursor: not-allowed;
}

.fs-cc_button {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  color: #fff;
  text-align: center;
  background-color: #000;
  border: 1px solid #000;
  border-radius: .25rem;
  justify-content: center;
  align-items: center;
  padding: .75rem 1rem;
  font-size: .9375rem;
  font-weight: 700;
  transition: background-color .1s;
  display: inline-flex;
}

.fs-cc_button.is-secondary {
  color: #000;
  background-color: #fff0;
  border: 1px solid #0000001a;
}

.fs-cc_link {
  text-decoration: underline;
}

.fs_cc-modal-content {
  padding: .5rem 1.5rem 1rem;
}

.fs-cc_cookie-component {
  z-index: 9500;
  border: 1px solid #000;
  border-radius: 1px;
  max-width: 35rem;
  display: none;
  position: fixed;
  inset: auto 2% 2%;
}

.fs-cc_preference-buttons {
  z-index: 1;
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  background-color: #f8f8f8;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  margin-bottom: -1.5rem;
  margin-left: -1.5rem;
  margin-right: -1.5rem;
  padding: 1.5rem;
  display: flex;
  position: sticky;
  bottom: -2rem;
}

.fs-cc_title {
  margin-bottom: 1rem;
  font-size: 1.25rem;
  font-weight: 600;
}

.fs-cc_checkbox-label {
  cursor: pointer;
  cursor: pointer;
  margin-bottom: .25rem;
  font-size: .9375rem;
  font-weight: 600;
}

.fs-cc_screen-reader-only {
  width: 1px;
  height: 1px;
  margin: -1px;
  position: absolute;
  overflow: hidden;
}

.cookie-preference_wrapper {
  z-index: 1;
  width: 100%;
  max-width: 60rem;
  max-height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 2rem;
  position: relative;
  overflow: auto;
}

.fs-cc_close-button {
  z-index: 5;
  cursor: pointer;
  background-color: #f8f8f8;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  margin: 1rem 1.25rem -2.5rem auto;
  display: flex;
  position: relative;
}

@media screen and (max-width: 991px) {
  .nav-menu-wrapper {
    z-index: 99;
    justify-content: flex-end;
    width: 50%;
    padding: 24px;
    position: fixed;
  }

  .nav-menu-wrapper.product-page {
    background-color: #fff;
  }

  .nav-menu-wrapper.product-page:where(.w-variant-6cc3c718-614c-ec70-388a-138cd2212418) {
    background-color: var(--color--brand-dark);
  }

  .navbarcontainer {
    position: static;
  }

  .navbar-content {
    z-index: 0;
    max-width: 728px;
    position: sticky;
  }

  .navbar {
    z-index: 3;
    background-color: #fff;
    padding-right: 0;
    position: sticky;
    top: 0;
  }

  .nav-items-wrapper {
    flex-flow: column;
    order: 1;
  }

  .nav-items-wrapper.signup-nav-items-wrapper {
    order: 0;
    justify-content: flex-end;
    align-items: center;
    padding-bottom: 20px;
  }

  .nav-items-wrapper.signup-nav-items-wrapper:where(.w-variant-6cc3c718-614c-ec70-388a-138cd2212418) {
    padding-top: 10px;
  }

  .nav-button {
    z-index: 1;
    padding: 12px;
  }

  .nav-button.w--open {
    background-color: #0000;
  }

  .nav-button.w--open:where(.w-variant-6cc3c718-614c-ec70-388a-138cd2212418) {
    background-color: var(--color--brand-dark);
  }

  .close-nav {
    z-index: 1;
    justify-content: flex-end;
    align-items: flex-start;
    padding: 0;
    display: flex;
    position: static;
  }

  .icon-3 {
    color: #fff;
  }

  .section-header-black {
    font-size: 1.88rem;
  }

  .section-header-black.showcase-header {
    padding-right: 0;
  }

  .showcase-section {
    z-index: 0;
    grid-row-gap: 170px;
    padding-top: 40px;
    padding-bottom: 64px;
  }

  .card-title {
    justify-content: center;
    align-items: center;
  }

  .card-info-wrapper {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    text-align: center;
    order: 1;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
  }

  .card-info-wrapper.align-right {
    text-align: center;
    text-align: center;
    justify-content: center;
    align-items: center;
  }

  .showcase-card {
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
  }

  .showcase-description {
    font-size: 1.2rem;
    line-height: 40px;
  }

  .container {
    max-width: 728px;
  }

  .hero-split {
    max-width: 100%;
    margin-bottom: 40px;
  }

  .hero-without-image {
    padding-left: 10%;
    padding-right: 10%;
  }

  .logos-title-large {
    padding-bottom: 80px;
  }

  .container-4, .container-5 {
    max-width: 728px;
  }

  .footer-dark {
    padding-top: 80px;
    padding-right: 30px;
  }

  .footer-wrapper {
    grid-column-gap: 1rem;
    grid-template-columns: .75fr 1fr;
    grid-template-areas: "Area";
  }

  .footer-block {
    width: 100%;
  }

  .footer-link.linkedin-link {
    margin-top: 0;
  }

  .footer-banner {
    max-width: 600px;
  }

  .showcase-card-2 {
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
  }

  .hero-split-tpi-1 {
    text-align: center;
    justify-content: flex-start;
    align-items: center;
    max-width: 100%;
    margin-bottom: 40px;
  }

  .tpi-hero-text {
    margin-bottom: 40px;
  }

  .showcase-section-tpi {
    z-index: 0;
    grid-row-gap: 170px;
    padding-top: 40px;
    padding-bottom: 64px;
  }

  .content6_component {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    flex-flow: column;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
  }

  .form-field-2col {
    grid-row-gap: 12px;
  }

  .hero-split-2 {
    max-width: 100%;
  }

  .hero-wrapper-contact {
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
  }

  .hero-heading-contact {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .hero-heading {
    padding-top: 16%;
    padding-left: 60px;
    padding-right: 60px;
  }

  .contact-form-component {
    grid-template-columns: 1fr;
    grid-auto-flow: row;
  }

  .sectionpadding {
    padding-top: 110px;
    padding-bottom: 60px;
  }

  .code-embed:where(.w-variant-6cc3c718-614c-ec70-388a-138cd2212418) {
    color: #fff;
  }

  .navbarcontainer-copy {
    position: static;
  }

  .navbar-copy {
    z-index: 99;
    background-image: linear-gradient(270deg, #000204, #002439);
    height: 8svh;
    display: flex;
    position: fixed;
  }

  .nav-menu-wrapper-copy {
    z-index: 99;
    background-color: var(--color--brand-dark);
    justify-content: flex-end;
    width: 50%;
    padding: 24px;
    position: fixed;
  }

  .nav-items-wrapper-copy {
    flex-flow: column;
    order: 1;
  }

  .tools-blur-wrapper {
    width: 50rem;
    height: 33rem;
  }

  .contact-blur-wrapper {
    inset: auto auto 0%;
  }

  .hero-text {
    margin-bottom: 40px;
  }

  .home-head {
    font-size: 2.5rem;
  }

  .tpi-blur-wrapper {
    width: 43rem;
    height: 20rem;
    bottom: 50px;
  }

  .showcase-header {
    padding-right: 0;
  }

  .embed-section {
    padding-top: 110px;
  }

  .section-description {
    line-height: 1.5rem;
  }

  .quick-stack-2 {
    grid-column-gap: 20px;
    max-width: 800px;
  }

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

  .quick-stack-3 {
    padding-left: 20px;
  }
}

@media screen and (max-width: 767px) {
  p, li {
    font-size: 14px;
  }

  .nav-menu-wrapper {
    z-index: 4;
  }

  .icon-3 {
    font-size: 32px;
  }

  .section-header-black {
    font-size: 1.3rem;
    line-height: 1.25rem;
  }

  .section-header-black.showcase-header {
    font-size: 22px;
  }

  .section-header-black.showcase-header.right {
    margin-top: 0;
  }

  .showcase-section {
    grid-row-gap: 100px;
  }

  .card-info-wrapper {
    grid-row-gap: 14px;
  }

  .showcase-card {
    grid-row-gap: 20px;
  }

  .showcase-description {
    font-size: .88rem;
    line-height: 30px;
  }

  .hero-heading-left {
    padding: 60px 15px;
  }

  .button-primary {
    width: 160px;
    height: 36px;
    font-size: 14px;
  }

  .hero-without-image {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .margin-bottom-24px-2 {
    font-size: 14px;
  }

  .button {
    width: 90px;
    height: 36px;
    font-size: 14px;
  }

  .heading-2 {
    font-size: 20px;
    line-height: 30px;
  }

  .logos-title-large {
    padding: 60px 15px;
  }

  .why-wrapper {
    flex-flow: column;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .service-icon {
    width: 60px;
    margin-left: 20px;
    margin-right: 20px;
  }

  .paragraph {
    text-align: left;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 14px;
  }

  .hero-stack {
    padding-top: 40px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .hero-image {
    max-width: 900px;
  }

  .hero-without-image-2 {
    padding: 40px 15px 60px;
  }

  .footer-dark {
    padding: 40px 5% 20px;
  }

  .footer-wrapper {
    grid-column-gap: 1.5rem;
    grid-row-gap: 2rem;
    flex-direction: column;
  }

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

  .footer-block {
    margin-bottom: 16px;
  }

  .title-small {
    margin-bottom: 18px;
  }

  .footer-link.w--current {
    margin-bottom: 12px;
  }

  .footer-social-block {
    margin-left: 0;
  }

  .div-block-3 {
    margin-bottom: 20px;
  }

  .footer-banner {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    max-width: 400px;
    height: 110px;
    top: -60px;
  }

  .heading-4 {
    font-size: 24px;
  }

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

  .text-block-5 {
    font-size: 14px;
    line-height: 20px;
  }

  .text-block-6 {
    font-size: 16px;
  }

  .div-block-6 {
    text-align: center;
    justify-content: flex-start;
    align-items: center;
  }

  .footer-link2 {
    margin-bottom: 10px;
  }

  .div-block-7 {
    max-width: 650px;
  }

  .showcase-card-2 {
    grid-row-gap: 0px;
  }

  .heading-tpi {
    max-width: 350px;
    font-size: 28px;
    line-height: 30px;
  }

  .tpi-hero-text {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 14px;
  }

  .showcase-section-tpi {
    grid-row-gap: 130px;
    margin-top: 200px;
  }

  .tpi-form-section {
    padding: 60px 15px;
  }

  .heading-3-copy {
    max-width: 400px;
    font-size: 20px;
  }

  .button-2 {
    padding: .75rem 1.25rem;
    font-size: 1rem;
  }

  .button-2:hover {
    background-color: #7f56d9;
    border-color: #7f56d9;
  }

  .content6_component {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .margin-bottom-24px-5 {
    font-size: 14px;
    line-height: 20px;
  }

  .hero-heading-contact {
    padding: 120px 5% 60px;
  }

  .hero-heading {
    min-height: 400px;
    max-height: 700px;
    padding-top: 120px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .contact-form-component {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
    min-width: auto;
    max-width: 450px;
    padding: 24px;
  }

  .contact-form-component.top-margin {
    max-width: 400px;
    padding: 24px;
  }

  .container-slim {
    padding-left: 30px;
    padding-right: 30px;
  }

  .anwer-content {
    margin-right: 0;
  }

  .sectionpadding {
    padding-left: 5%;
    padding-right: 5%;
  }

  .paragraph-3 {
    font-size: 14px;
  }

  .question {
    font-size: 16px;
  }

  .image-24 {
    max-width: 50px;
  }

  .why-card {
    border-right-style: none;
  }

  .nav-menu-wrapper-copy {
    z-index: 4;
  }

  .tools-blur-wrapper {
    display: none;
  }

  .div-block-11 {
    flex-flow: column;
  }

  .hero-text {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 14px;
  }

  .home-head {
    font-size: 1.25rem;
    line-height: 2rem;
  }

  .tpi-blur-wrapper {
    display: none;
  }

  .showcase-header {
    font-size: 22px;
    line-height: 30px;
  }

  .embed-section {
    padding-top: 108px;
    padding-left: 5%;
    padding-right: 5%;
  }

  .why-content {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .list-item {
    font-size: 14px;
  }

  .question-copy {
    font-size: 16px;
  }

  .what-outer {
    margin-top: 40px;
  }

  .cursor {
    width: 40px;
    height: 40px;
  }

  .quick-stack-3 {
    padding-left: 0;
    overflow: auto;
  }

  .fs-cc_modal-buttons {
    padding: 1.5rem;
  }

  .cookie-preference_wrapper {
    padding-top: 2rem;
  }

  .fs-cc_close-button {
    margin-right: 1.25rem;
  }
}

@media screen and (max-width: 479px) {
  .navbarcontainer {
    z-index: 0;
  }

  .navbar-content {
    z-index: 0;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    position: relative;
  }

  .navbar {
    background-color: #fff;
    position: sticky;
    top: 0;
  }

  .link-home {
    z-index: 0;
    position: relative;
  }

  .section-header-black {
    font-size: 1.25rem;
  }

  .section-header-black.showcase-header {
    font-size: 1.25rem;
    line-height: 20px;
  }

  .learn-more-button {
    width: 152px;
    height: 47px;
  }

  .showcase-section {
    grid-row-gap: 64px;
    padding-top: 40px;
  }

  .card-info-wrapper {
    min-width: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .showcase-card {
    grid-row-gap: 24px;
  }

  .showcase-description {
    font-size: .75rem;
    line-height: 20px;
  }

  .container {
    max-width: none;
  }

  .hero-wrapper-two {
    max-width: 400px;
  }

  .service-icon {
    width: 50px;
    margin-left: 10px;
    margin-right: 10px;
  }

  .paragraph {
    font-size: 12px;
  }

  .container-4, .container-5 {
    max-width: none;
  }

  .footer-banner {
    padding-left: 20px;
    padding-right: 20px;
  }

  .heading-4 {
    font-size: 20px;
  }

  .showcase-card-2 {
    grid-row-gap: 24px;
  }

  .showcase-section-tpi {
    grid-row-gap: 64px;
    margin-top: 140px;
    padding-top: 40px;
  }

  .content6_component, .form-field-2col {
    grid-template-columns: 1fr;
  }

  .hero-heading-contact {
    padding-left: 10%;
    padding-right: 10%;
  }

  .hero-heading {
    padding-top: 120px;
    padding-left: 5%;
    padding-right: 5%;
  }

  .contact-form-component {
    grid-template-columns: 1fr;
    max-width: 400px;
  }

  .contact-form-component.top-margin {
    min-width: 200px;
  }

  .container-slim {
    padding-left: 0;
    padding-right: 0;
  }

  .heading-7 {
    font-size: 23px;
  }

  .sectionpadding {
    padding-bottom: 30px;
  }

  .navbarcontainer-copy {
    z-index: 0;
  }

  .navbar-copy {
    background-color: #fff;
  }

  .colored-blur {
    opacity: .43;
  }

  .showcase-header {
    font-size: 1.25rem;
    line-height: 20px;
  }

  .body-large {
    font-size: 16px;
  }

  .fs-cc_preference-component {
    align-items: flex-end;
  }

  .fs-cc_modal {
    max-width: 100%;
  }

  .fs-cc_cookie-component {
    max-width: 100%;
    inset: auto 0% 0%;
  }

  .fs-cc_preference-buttons {
    bottom: 0;
  }

  .cookie-preference_wrapper {
    max-width: 100%;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .fs-cc_close-button {
    margin-top: 1rem;
    margin-right: 1rem;
  }
}

#w-node-b2723d8f-ca50-8ad6-3924-dd5b591895b2-591895a2 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b2723d8f-ca50-8ad6-3924-dd5b591895bf-591895a2 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-b2723d8f-ca50-8ad6-3924-dd5b591895d7-591895a2 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_10e41bbb-21a7-cc30-7393-3195b102dd9b-b102dd9b {
  justify-self: start;
}

#w-node-_10e41bbb-21a7-cc30-7393-3195b102ddb9-b102dd9b {
  justify-self: center;
}

@media screen and (max-width: 767px) {
  #w-node-b2723d8f-ca50-8ad6-3924-dd5b591895d7-591895a2 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
}