:root {
  --font--body: "DM Sans", sans-serif;
  --black: black;
  --font--heading: "Cormorant Garamond", sans-serif;
  --transparent: #fff0;
  --white: white;
  --grey: #4d4d4d;
  --light-grey: #999;
  --green: #00db93;
  --radius--radius-large: 5rem;
  --whitesmoke: whitesmoke;
  --radius--radius-small: .75rem;
  --red: #d73434;
  --yellow: #ffff3e;
  --blue: #2879f2;
  --pink: #c21292;
  --purple: #864af9;
  --orange: #fc6736;
  --radius--radius-medium: 2rem;
  --sky-blue: #52d3d8;
}

body {
  font-family: var(--font--body);
  color: var(--black);
  letter-spacing: .25px;
  cursor: url("https://cdn.prod.website-files.com/65b60b2cbcfbf52a02cf20d7/6814c5108bf88af7dcc3e3cc_Mouse%20pointer%20(6).svg"), pointer;
  scroll-behavior: smooth;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

h1 {
  font-family: var(--font--heading);
  color: var(--black);
  text-wrap-style: balance;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3rem;
  font-style: italic;
  font-weight: 500;
  line-height: 1.2;
}

h2 {
  font-family: var(--font--heading);
  color: var(--black);
  letter-spacing: .5px;
  text-wrap: balance;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.25rem;
  font-style: italic;
  font-weight: 400;
  line-height: 1.3;
}

h3 {
  font-family: var(--font--heading);
  color: var(--black);
  letter-spacing: 1px;
  text-wrap: balance;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2rem;
  font-style: italic;
  font-weight: 400;
  line-height: 1.4;
}

h4 {
  font-family: var(--font--heading);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 1.4;
}

h5 {
  font-family: var(--font--heading);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.5;
}

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

p {
  margin-bottom: 0;
}

a {
  color: var(--black);
  text-decoration: none;
}

ul {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

ol {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 1.5rem;
}

li {
  background-image: url("https://cdn.prod.website-files.com/65b60b2cbcfbf52a02cf20d7/681365732410d4e4577fa314_Checkboxes%20(1).svg");
  background-position: 0 2px;
  background-repeat: no-repeat;
  background-size: auto;
  padding-left: 1.75rem;
}

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

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

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

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

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

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

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

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

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

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

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

.main-wrapper {
  overflow: clip;
}

.navbar {
  background-color: var(--transparent);
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  position: absolute;
  inset: 0% 0% auto;
}

.navbar-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: flex-start;
  align-items: center;
  width: 90%;
  max-width: 90rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.brand {
  padding: 0;
}

.nav-link {
  color: var(--black);
  padding: .5rem 1rem;
  font-weight: 500;
  transition: color .3s;
  display: block;
}

.nav-link:where(.w-variant-51f64480-14da-6e02-1148-cd56d97106cb) {
  color: var(--white);
}

.nav-link:hover {
  color: var(--grey);
}

.nav-link:hover:where(.w-variant-51f64480-14da-6e02-1148-cd56d97106cb) {
  color: var(--light-grey);
}

.nav-link:active, .nav-link:active:where(.w-variant-51f64480-14da-6e02-1148-cd56d97106cb) {
  color: var(--green);
}

.nav-link.w--current:where(.w-variant-51f64480-14da-6e02-1148-cd56d97106cb) {
  color: var(--light-grey);
}

.nav-link.w--current:active:where(.w-variant-51f64480-14da-6e02-1148-cd56d97106cb) {
  color: var(--green);
}

.button {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border-radius: var(--radius--radius-large);
  background-color: var(--black);
  font-family: var(--font--heading);
  color: var(--white);
  text-align: center;
  justify-content: center;
  align-items: center;
  padding: .5rem 1.5rem;
  font-size: 1.25rem;
  font-style: italic;
  display: flex;
  box-shadow: inset 0 0 20px #fff6;
}

.button:where(.w-variant-950d50a6-9c6f-3766-5d26-2df354aed649) {
  background-color: var(--white);
  color: var(--black);
  box-shadow: 0 0 32px #ffffff80;
}

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

.button:hover:where(.w-variant-950d50a6-9c6f-3766-5d26-2df354aed649) {
  background-color: var(--light-grey);
}

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

.button.white {
  background-color: var(--white);
  color: var(--black);
  box-shadow: 0 0 32px #ffffff80;
}

.button.white:hover {
  background-color: var(--light-grey);
}

.button.border {
  border: 1px solid var(--white);
}

.icon-20 {
  width: 1.25rem;
  height: 1.25rem;
}

.nav-menu {
  flex: 1;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

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

.nav-menu-wrapper {
  display: flex;
}

.section-footer {
  background-color: var(--white);
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.footer-content-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  text-align: left;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.brand-logo {
  color: var(--black);
  font-family: Montserrat Alternates, sans-serif;
  font-size: 2rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1;
}

.brand-logo:where(.w-variant-51f64480-14da-6e02-1148-cd56d97106cb) {
  color: var(--white);
}

.form-wrapper {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  border-radius: var(--radius--radius-small);
  -webkit-backdrop-filter: blur(32px);
  backdrop-filter: blur(32px);
  color: var(--white);
  background-color: #00000080;
  border: 1px solid #ffffff1a;
  flex-flow: column;
  padding: 2rem;
  display: flex;
}

.section-form {
  background-color: var(--black);
  color: var(--white);
  background-image: url("https://cdn.prod.website-files.com/65b60b2cbcfbf52a02cf20d7/6816054eaf04de1aaedac253_Webflow%20(icon%20%E2%80%94%20Colour).avif");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 10rem;
  padding-bottom: 6.25rem;
}

.form-head-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.field-label {
  margin: 0;
}

.text-field {
  border-top-left-radius: var(--radius--radius-small);
  border-top-right-radius: var(--radius--radius-small);
  border-bottom-left-radius: var(--radius--radius-small);
  border-bottom-right-radius: var(--radius--radius-small);
  color: var(--white);
  -webkit-appearance: none;
  appearance: none;
  background-color: #464b7d;
  border: 1px solid #9990;
  height: auto;
  margin: 0;
  padding: 1rem;
  font-weight: 500;
}

.text-field:focus {
  border-style: solid;
  border-color: var(--white);
}

.text-field::placeholder {
  color: #ffffff80;
  font-weight: 400;
}

.text-field.text-area {
  min-height: 10rem;
}

.form-card {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
}

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

.checkbox-field {
  cursor: pointer;
  background-color: #464b7d;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  padding: 1rem;
  display: flex;
}

.checkbox {
  border: 1px solid var(--white);
  width: 1.25rem;
  height: 1.25rem;
  margin: 0 1rem 0 0;
}

.checkbox:active, .checkbox.w--redirected-checked, .checkbox.w--redirected-focus {
  background-color: var(--white);
  border-style: none;
}

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

.form-block {
  margin-bottom: 0;
}

.home-icon {
  z-index: 2;
  filter: drop-shadow(-10px -10px 3px #0000001a);
}

.success-message {
  background-color: var(--green);
  padding: 1rem;
  font-size: 1rem;
}

.error-message {
  background-color: var(--red);
  text-align: center;
  margin-top: 1rem;
  padding: 1rem;
  font-size: 1rem;
}

.form-main {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  display: flex;
}

.form-button-wrapper {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.subhead {
  background-color: var(--black);
  color: var(--white);
  text-align: center;
  text-transform: capitalize;
  border-radius: 5rem;
  padding: .5rem 1rem;
  font-size: 1rem;
  font-weight: 500;
  box-shadow: 0 4px 12px #0009;
}

.footer-logo-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: .875rem;
  display: flex;
}

.footer-link-block {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.footer-info-wrapper {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-flow: column;
  display: flex;
}

.footer-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 90%;
  max-width: 90rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.clock-wrapper {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  justify-content: flex-start;
  align-items: center;
  padding-top: .5rem;
  padding-bottom: .5rem;
  font-size: .875rem;
  display: flex;
}

.all-caps {
  text-transform: uppercase;
}

.form-wrap {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.5fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.footer-link-wrapper, .legal-list {
  flex-flow: column;
  display: flex;
}

.footer-link {
  color: var(--grey);
  padding-top: .5rem;
  padding-bottom: .5rem;
  font-size: .875rem;
  font-weight: 500;
  transition: color .3s;
  display: block;
}

.footer-link:where(.w-variant-51f64480-14da-6e02-1148-cd56d97106cb) {
  color: var(--grey);
}

.footer-link:hover, .footer-link:hover:where(.w-variant-51f64480-14da-6e02-1148-cd56d97106cb) {
  color: var(--black);
}

.footer-link:active {
  color: var(--green);
}

.footer-link.w--current {
  color: var(--blue);
}

.footer-link.w--current:where(.w-variant-51f64480-14da-6e02-1148-cd56d97106cb) {
  color: var(--light-grey);
}

.nav-drop {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  justify-content: flex-start;
  align-items: center;
  padding: .5rem 1rem;
  font-weight: 500;
  transition: color .3s;
  display: flex;
}

.nav-drop:where(.w-variant-51f64480-14da-6e02-1148-cd56d97106cb) {
  color: var(--white);
}

.nav-drop:hover {
  color: var(--grey);
}

.nav-drop:hover:where(.w-variant-51f64480-14da-6e02-1148-cd56d97106cb) {
  color: var(--light-grey);
}

.nav-drop:active {
  color: var(--green);
}

.nav-drop.w--current:where(.w-variant-51f64480-14da-6e02-1148-cd56d97106cb) {
  color: var(--light-grey);
}

.nav-drop-icon {
  margin: 0;
  position: static;
}

.nav-list.w--open {
  border: 1px solid var(--light-grey);
  border-radius: var(--radius--radius-small);
  background-color: var(--white);
  white-space: nowrap;
  padding: .5rem 1rem;
  box-shadow: 0 4px 8px #0003;
}

@media screen and (max-width: 991px) {
  body {
    cursor: auto;
  }

  .container {
    max-width: none;
  }

  .navbar-wrapper {
    justify-content: space-between;
  }

  .nav-link {
    margin: 0;
  }

  .nav-menu {
    background-color: var(--white);
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    height: 100svh;
    padding: 1rem;
  }

  .nav-menu-wrapper {
    flex-flow: column;
    margin-bottom: 1rem;
  }

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

  .price-card {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
    justify-content: space-between;
    align-items: stretch;
    display: flex;
    position: static;
  }

  .faq-list {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    display: flex;
  }

  .footer-content-wrapper {
    flex-flow: column;
    align-items: stretch;
    max-width: none;
  }

  .menu-button {
    background-color: var(--black);
    color: var(--white);
    border-radius: 100%;
    padding: .5rem;
  }

  .menu-button:where(.w-variant-51f64480-14da-6e02-1148-cd56d97106cb) {
    background-color: var(--white);
    color: var(--black);
  }

  .menu-button:hover {
    background-color: var(--grey);
  }

  .menu-button:hover:where(.w-variant-51f64480-14da-6e02-1148-cd56d97106cb) {
    background-color: var(--light-grey);
  }

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

  .menu-button.w--open {
    background-color: var(--black);
    color: var(--white);
  }

  .menu-button.w--open:where(.w-variant-51f64480-14da-6e02-1148-cd56d97106cb) {
    background-color: var(--white);
    color: var(--black);
  }

  .menu-icon {
    filter: drop-shadow(0 0 8px #ffffff80);
    font-size: 1.5rem;
    line-height: 1;
  }

  .form-card-wrapper {
    flex-flow: column;
    display: flex;
  }

  .container-small {
    max-width: none;
  }

  .section-blog {
    padding-top: 7rem;
  }

  .blog-list {
    grid-template-columns: 1fr 1fr;
  }

  .collection-list {
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .form {
    flex-flow: column;
  }

  .section-blog-cms {
    padding-top: 7rem;
  }

  .blog-cms-wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-columns: 1fr;
  }

  .blog-cms-content-wrapper {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
  }

  .rich-wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: wrap;
  }

  .toc-wrap {
    flex: 1;
  }

  .blog-track-wrapper {
    display: none;
  }

  .section-process {
    min-height: 0;
  }

  .process-card-wrapper {
    overflow: auto;
  }

  .footer-link-block {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-auto-columns: 1fr;
  }

  .footer-info-wrapper {
    text-align: center;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .footer-wrapper {
    max-width: none;
  }

  .section-home {
    justify-content: flex-start;
    padding-bottom: 4rem;
  }

  .section-service {
    justify-content: flex-start;
    padding-top: 7rem;
    padding-bottom: 4rem;
  }

  .solution-card-wrapper {
    flex-flow: column;
    grid-template-columns: 1.5fr;
    display: flex;
  }

  .nav-list.w--open {
    position: static;
  }

  .nav-drop-block {
    margin: 0;
  }

  .section {
    padding-top: 7rem;
  }

  .section-industry {
    justify-content: flex-start;
    padding-top: 7rem;
    padding-bottom: 4rem;
  }

  .hide-tablet {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  body {
    font-size: .875rem;
  }

  h1 {
    font-size: 2rem;
  }

  h2 {
    font-size: 1.75rem;
  }

  h3, h4 {
    font-size: 1.25rem;
  }

  h5 {
    font-size: 1rem;
  }

  h6 {
    font-size: .875rem;
  }

  .faq-wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .h4-style {
    font-size: 1.25rem;
  }

  .section-problem {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .problem-wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .problem-content-wrapper {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
  }

  .section-about {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .about-content-wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .price-card {
    padding: 1.25rem;
  }

  .section-faq {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .footer-content-wrapper {
    flex-flow: column;
  }

  .brand-logo {
    font-size: 1.5rem;
  }

  .form-wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    padding-left: 1.125rem;
    padding-right: 1.125rem;
  }

  .section-form {
    padding-top: 7rem;
    padding-bottom: 3rem;
  }

  .section-blog {
    padding-bottom: 4rem;
  }

  .blog-featured-text {
    padding: .4rem .75rem;
    font-size: .75rem;
  }

  .section-blogs {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .blog-list, .blog-list._2-grid, .blog-list._2-grid {
    grid-template-columns: 1fr;
  }

  .collection-list {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .fitler-radio-button-field {
    font-size: .75rem;
  }

  .section-cta {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .section-blog-cms {
    padding-bottom: 4rem;
  }

  .blog-cms-content {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .section-rich {
    padding-top: 4rem;
  }

  .rich-text {
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
  }

  .home-bg-shape {
    filter: blur(60px);
    width: 12rem;
    height: 12rem;
  }

  .problem-card {
    padding: 1rem;
  }

  .subhead {
    padding: .5rem;
  }

  .about-wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .section-process {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .process-card-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .process-card {
    width: 18rem;
    padding: 1.25rem;
  }

  .process-wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .footer-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    text-align: center;
    flex-flow: column;
  }

  .clock-wrapper {
    padding-top: .25rem;
    padding-bottom: .25rem;
  }

  .section-home {
    padding-top: 8rem;
    padding-bottom: 4rem;
  }

  .section-service {
    padding-bottom: 4rem;
  }

  .blue-bg-shape {
    filter: blur(60px);
    width: 12rem;
    height: 12rem;
  }

  .section-solution {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .solution-wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .solution-card-wrapper {
    grid-template-rows: auto;
    grid-template-columns: 1.5fr;
    grid-auto-columns: 1fr;
  }

  .solution-card {
    height: 15rem;
    padding: 1.25rem;
  }

  .section-review {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .footer-link {
    padding-top: .25rem;
    padding-bottom: .25rem;
  }

  .migrate-bg-shape, .maintenance-bg-shape, .figma-bg-shape, .speed-bg-shape {
    filter: blur(60px);
    width: 12rem;
    height: 12rem;
  }

  .section, .section-industry {
    padding-bottom: 4rem;
  }
}

@media screen and (max-width: 479px) {
  .problem-card {
    flex-flow: column;
  }
}

#w-node-_40871af8-cd7b-713a-ff95-9c534c28026a-4c280226 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  justify-self: center;
}