@font-face {
  font-family: Inter;
  src: url('../fonts/Inter_24pt-Medium.ttf') format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

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

@font-face {
  font-family: General Sans;
  src: url('../fonts/GeneralSans-Medium.otf') format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: General Sans;
  src: url('../fonts/GeneralSans-Semibold.otf') format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

:root {
  --white: white;
  --black: #000;
  --purple: #5d56d0;
  --brightest-yellow: #fffbef;
  --brightest-red: #fbf2f3;
  --brightest-blue: #f3f7fc;
  --brightest-purple: #f6f6fc;
  --green: #0ca374;
  --yellow: #eb8214;
  --red: #bc000f;
  --blue: #172d9d;
  --brightest-green: #f8fff3;
  --light-gray: #fcfcfc;
  --light-green: #a9c893;
  --light-yellow: #fff3e1;
  --light-red: #eec2c5;
  --light-blue: #c4ddf3;
  --light-purple: #c8c6ef;
  --light-green-30: #a9c8934d;
  --black-80: #000c;
}

body {
  background-color: var(--white);
  color: var(--black);
  font-family: General Sans, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.2;
}

h1 {
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: 3.5rem;
  font-weight: 500;
  line-height: 1.10714;
}

h2 {
  margin-top: 0;
  margin-bottom: 1rem;
  font-family: General Sans, Arial, sans-serif;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.1875;
}

h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, Arial, sans-serif;
  font-size: 1.375rem;
  font-weight: 500;
  line-height: 1.27273;
}

h4 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
}

p {
  opacity: .8;
  margin-bottom: 0;
}

a {
  color: var(--purple);
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
}

label {
  margin-bottom: 0;
  font-weight: 400;
  display: block;
}

.container {
  width: 100%;
  max-width: 90rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.container.grid {
  grid-column-gap: .5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.section {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 4.5rem;
  padding-bottom: 4.5rem;
  display: flex;
}

.section:where(.w-variant-3250737a-1537-a760-4c1f-d7f280a49f8c) {
  background-color: var(--brightest-yellow);
}

.section:where(.w-variant-eab2baf6-1a7d-2027-0640-e80aac083de9) {
  background-color: var(--brightest-red);
}

.section:where(.w-variant-364ba46b-92cf-8ac2-f3e9-b57f609d60e4) {
  background-color: var(--brightest-blue);
}

.section:where(.w-variant-bc73cdc5-c9a0-b576-5f14-06ea814abc89) {
  background-color: var(--brightest-purple);
}

.nav-container {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 90rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  display: flex;
}

.navbar {
  background-color: #0000;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 6.625rem;
  padding-top: .75rem;
  padding-bottom: .75rem;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
}

.button {
  background-color: var(--green);
  color: var(--white);
  text-align: center;
  border-radius: .5rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 3.125rem;
  padding: .5rem 1.25rem;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1;
  display: inline-flex;
}

.button:where(.w-variant-42f574d3-98da-b287-1748-525ddfc1ab53) {
  background-color: var(--yellow);
}

.button:where(.w-variant-4a2fd6f4-f619-a5c4-91bd-baa04ad24b9c) {
  background-color: var(--red);
}

.button:where(.w-variant-7237bf87-8868-7329-bc49-0665bf56e025) {
  background-color: var(--blue);
}

.button:where(.w-variant-c354ac00-e803-b22c-ba2f-006a12f61dbd) {
  background-color: var(--purple);
}

.button:where(.w-variant-277a1414-bfc1-efcb-3434-ffde0b89a508) {
  background-color: var(--yellow);
}

.button:where(.w-variant-f6af10ed-5014-8437-44a6-277d4ddbd979) {
  background-color: var(--red);
}

.button:where(.w-variant-43f64806-20c1-ab0e-934a-6f9d7612bc52) {
  background-color: var(--blue);
}

.button:where(.w-variant-784747f6-94b3-9d06-40d5-f2069cb44c04) {
  background-color: var(--purple);
}

.hero-section {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  min-height: 35.75rem;
  padding-top: 10.625rem;
  padding-bottom: 4.5rem;
  display: flex;
  position: relative;
}

.max-width-720 {
  max-width: 45rem;
}

.margin-16 {
  margin-bottom: 1rem;
}

.bg-lemon-green {
  background-color: var(--brightest-green);
}

.margin-20 {
  margin-bottom: 1.25rem;
}

.max-width-1004 {
  max-width: 62.75rem;
}

.max-width-792 {
  max-width: 49.5rem;
}

.comparison-image {
  aspect-ratio: 1.75519;
  object-fit: contain;
  width: 100%;
  max-width: 26.4375rem;
  position: relative;
}

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

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

.bg-light-gray {
  background-color: var(--light-gray);
}

.heading-h1-style {
  font-family: General Sans, Arial, sans-serif;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.1875;
}

.feature-cards-wrapper {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.feature-cards-wrapper._4-card {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.margin-48 {
  margin-bottom: 3rem;
}

.feature-card {
  grid-row-gap: 1rem;
  background-color: var(--white);
  border: .0625rem solid #eeebeb;
  border-radius: 1.5rem;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 2rem 1.5rem;
  display: flex;
  overflow: clip;
}

.column {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

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

.feature-card-icon {
  width: 3.5rem;
  height: 3.5rem;
  margin-bottom: 1.5rem;
}

.margin-8 {
  margin-bottom: .5rem;
}

.heading-h3-style {
  font-size: 1.375rem;
  line-height: 1.27273;
}

.reference-company-logo {
  aspect-ratio: 3.07143;
  object-fit: contain;
  width: 18.8125rem;
  height: 6.125rem;
}

.reference-company-logo.small {
  width: 11.875rem;
}

.reference-company-logos-wrapper {
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
}

.padding-40 {
  padding-top: 2.5rem !important;
  padding-bottom: 2.5rem !important;
}

.padding-96 {
  padding-top: 6rem !important;
  padding-bottom: 6rem !important;
}

.footer-section {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 2.5rem;
  padding-bottom: 2rem;
  display: flex;
}

.logo {
  object-fit: contain;
  object-position: 0% 50%;
  width: 11.5rem;
  height: 3rem;
}

.footer-cta-wrapper {
  grid-row-gap: 1.25rem;
  border: .0625rem solid var(--light-green);
  background-color: var(--brightest-green);
  border-radius: 1rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 31rem;
  padding: 1.5rem;
  font-size: 1.125rem;
  font-weight: 500;
  display: flex;
}

.footer-cta-wrapper:where(.w-variant-277a1414-bfc1-efcb-3434-ffde0b89a508) {
  border-color: var(--light-yellow);
  background-color: var(--brightest-yellow);
}

.footer-cta-wrapper:where(.w-variant-f6af10ed-5014-8437-44a6-277d4ddbd979) {
  border-color: var(--light-red);
  background-color: var(--brightest-red);
}

.footer-cta-wrapper:where(.w-variant-43f64806-20c1-ab0e-934a-6f9d7612bc52) {
  border-color: var(--light-blue);
  background-color: var(--brightest-blue);
}

.footer-cta-wrapper:where(.w-variant-784747f6-94b3-9d06-40d5-f2069cb44c04) {
  border-color: var(--light-purple);
  background-color: var(--brightest-purple);
  font-weight: 400;
}

.footer-cta-wrapper.bg-brightest-yellow {
  border-color: var(--light-yellow);
}

.footer-cta-wrapper.bg-brightest-red {
  border-color: var(--light-red);
}

.footer-cta-wrapper.bg-lemon-green {
  border-color: var(--light-green-30);
}

.footer-cta-wrapper.bg-brightest-blue {
  border-color: var(--light-blue);
}

.form-block {
  background-color: #fcfcfc;
  border: .0625rem solid #eeebeb;
  border-radius: 1.5rem;
  max-width: 32.375rem;
  margin-bottom: 0;
  margin-right: 1.375rem;
  padding: 2rem;
}

.input-wrapper {
  grid-row-gap: .5rem;
  flex-flow: column;
  display: flex;
}

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

.input {
  background-color: var(--white);
  border: .0625rem solid #eeebeb;
  border-radius: .375rem;
  height: 3rem;
  margin-bottom: 0;
  padding: .5rem 1rem;
}

.input::placeholder {
  color: #0006;
}

.input.text-area {
  resize: vertical;
  height: auto;
  min-height: 4.5rem;
  padding-top: .75rem;
}

.form {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.submit-button {
  background-color: var(--green);
  color: var(--white);
  text-align: center;
  border-radius: .5rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 2.875rem;
  padding: .5rem 1.33333rem;
  font-family: General Sans, Arial, sans-serif;
  font-weight: 600;
  line-height: 1;
  display: inline-flex;
}

.submit-button:where(.w-variant-277a1414-bfc1-efcb-3434-ffde0b89a508) {
  background-color: var(--yellow);
}

.submit-button:where(.w-variant-f6af10ed-5014-8437-44a6-277d4ddbd979) {
  background-color: var(--red);
}

.submit-button:where(.w-variant-43f64806-20c1-ab0e-934a-6f9d7612bc52) {
  background-color: var(--blue);
}

.submit-button:where(.w-variant-784747f6-94b3-9d06-40d5-f2069cb44c04) {
  background-color: var(--purple);
}

.submit-button.bg-yellow {
  background-color: var(--yellow);
}

.submit-button.bg-red {
  background-color: var(--red);
}

.submit-button.bg-blue {
  background-color: var(--blue);
}

.hero-image-wrapper {
  aspect-ratio: 1.45455;
  object-fit: cover;
  width: 57.7778%;
  max-width: 52rem;
  height: 100%;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.cover-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.cover-image.display-none-web {
  display: none;
}

.cover-image.top-left {
  object-position: 0% 0%;
}

.hero-text-span {
  color: var(--green);
  font-weight: 600;
  display: inline-block;
}

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

.brand {
  aspect-ratio: 2.46341;
  justify-content: flex-start;
  align-items: flex-start;
  height: 5.125rem;
  padding: 0;
  display: flex;
  position: relative;
}

.success-message {
  background-color: var(--light-gray);
  width: 100%;
}

.bg-brightest-yellow {
  background-color: var(--brightest-yellow);
}

.bg-brightest-red {
  background-color: var(--brightest-red);
}

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

.hero-image-gradient {
  z-index: 3;
  background-image: linear-gradient(0deg, var(--white), #fff0);
  width: 100%;
  height: 19.2308%;
  position: absolute;
  inset: auto 0% 0%;
}

.hide-desktop {
  display: none !important;
}

.hero-paragraph {
  max-width: 45rem;
}

.hero-paragraph:where(.w-variant-6d412785-68d5-f2ab-8dec-e461638c7c3a) {
  max-width: 39.6875rem;
}

.hero-paragraph:where(.w-variant-c82552d0-db3e-ec80-d0b2-c9ba05640b68) {
  max-width: 37.5rem;
}

.contain-image {
  object-fit: contain;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.contain-image.display-none-web {
  display: none;
}

.contain-image.top-left {
  object-position: 0% 0%;
}

.comperison-section {
  border-top: .0625rem solid var(--light-green);
  background-color: var(--brightest-green);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 4.5rem;
  padding-bottom: 4.5rem;
  display: flex;
}

.comperison-section:where(.w-variant-3250737a-1537-a760-4c1f-d7f280a49f8c) {
  border-top-color: var(--light-yellow);
  background-color: var(--brightest-yellow);
}

.comperison-section:where(.w-variant-eab2baf6-1a7d-2027-0640-e80aac083de9) {
  border-top-color: var(--light-red);
  background-color: var(--brightest-red);
}

.comperison-section:where(.w-variant-364ba46b-92cf-8ac2-f3e9-b57f609d60e4) {
  border-top-color: var(--light-blue);
  background-color: var(--brightest-blue);
}

.comperison-section:where(.w-variant-bc73cdc5-c9a0-b576-5f14-06ea814abc89) {
  border-top-color: var(--light-purple);
  background-color: var(--brightest-purple);
}

.features-section {
  background-color: var(--light-gray);
  border-top: .0625rem solid #eeebeb;
  border-bottom: .0625rem solid #eeebeb;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 4.5rem;
  padding-bottom: 4.5rem;
  display: flex;
}

.features-section:where(.w-variant-3250737a-1537-a760-4c1f-d7f280a49f8c) {
  background-color: var(--brightest-yellow);
}

.features-section:where(.w-variant-eab2baf6-1a7d-2027-0640-e80aac083de9) {
  background-color: var(--brightest-red);
}

.features-section:where(.w-variant-364ba46b-92cf-8ac2-f3e9-b57f609d60e4) {
  background-color: var(--brightest-blue);
}

.features-section:where(.w-variant-bc73cdc5-c9a0-b576-5f14-06ea814abc89) {
  background-color: var(--brightest-purple);
}

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

.text-black-80 {
  color: var(--black-80);
}

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

.text-light-purple {
  color: var(--light-purple);
}

.text-brightest-purple {
  color: var(--brightest-purple);
}

.heading-h4-style {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.22222;
  display: none;
}

.heading-h4-style:where(.w-variant-784747f6-94b3-9d06-40d5-f2069cb44c04) {
  display: block;
}

.text-brightest-yellow {
  color: var(--brightest-yellow);
}

.text-light-yellow {
  color: var(--light-yellow);
}

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

.text-brightest-red {
  color: var(--brightest-red);
}

.text-light-red {
  color: var(--light-red);
}

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

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

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

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

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

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

.heading-h2-style {
  font-family: General Sans, Arial, sans-serif;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.1875;
}

@media screen and (max-width: 991px) {
  .feature-cards-wrapper {
    grid-template-columns: 1fr;
  }

  .reference-company-logo {
    width: 50%;
    height: 100%;
  }

  .reference-company-logo.small {
    width: 50%;
  }

  .reference-company-logos-wrapper {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
  }

  .footer-cta-wrapper {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }

  .form-block {
    max-width: 31rem;
    margin-right: 0;
  }

  .hero-image-wrapper {
    aspect-ratio: 1 / 2.52217;
    max-width: none;
    height: 90%;
    max-height: 32rem;
    top: 50%;
    transform: translate(0, -50%);
  }

  .cover-image.display-none-mobile {
    display: none;
  }

  .cover-image.display-none-web {
    display: block;
  }

  .hero-text-span {
    display: inline;
  }

  .contain-image.display-none-mobile {
    display: none;
  }

  .contain-image.display-none-web {
    display: block;
  }
}

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

  h1 {
    font-size: 2rem;
    line-height: 1.0625;
  }

  h2 {
    font-size: 1.5rem;
    line-height: 1.16667;
  }

  h3 {
    font-size: 1.125rem;
    line-height: 1.55556;
  }

  .container {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .section {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }

  .nav-container {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .navbar {
    height: 3.5rem;
  }

  .button {
    height: 2.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    font-size: .75rem;
  }

  .hero-section {
    padding-top: 5rem;
    padding-bottom: 2.5rem;
  }

  .heading-h1-style {
    font-size: 1.5rem;
    line-height: 1.16667;
  }

  .margin-48 {
    margin-bottom: 1.5rem;
  }

  .feature-card-icon {
    width: 2.5rem;
    height: 2.5rem;
  }

  .padding-96 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }

  .footer-section {
    padding-top: 2rem;
  }

  .logo {
    width: 6.75rem;
    height: 1.75rem;
  }

  .footer-cta-wrapper {
    width: 100%;
    max-width: none;
    font-size: 1rem;
  }

  .form-block {
    border-radius: 1rem;
    width: 100%;
    max-width: none;
    padding: 1.5rem 1rem;
  }

  .brand {
    height: 2rem;
  }

  .hide-desktop {
    display: block !important;
  }

  .hide-mobile {
    display: none !important;
  }

  .comperison-section, .features-section {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }

  .heading-h2-style {
    font-size: 1.5rem;
    line-height: 1.16667;
  }
}

@media screen and (max-width: 479px) {
  .comparison-image {
    width: 100%;
  }

  .input.text-area {
    min-height: 6rem;
  }
}

#w-node-a2d66780-d9fc-e5c0-3885-9827aa0da050-63982a88, #w-node-a2d66780-d9fc-e5c0-3885-9827aa0da05b-63982a88, #w-node-a2d66780-d9fc-e5c0-3885-9827aa0da066-63982a88, #w-node-a2d66780-d9fc-e5c0-3885-9827aa0da071-63982a88 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_479eeeb7-6536-d698-f9c1-b7bd106dba81-106dba7f {
  grid-area: span 1 / span 6 / span 1 / span 6;
  place-self: start;
}

#contact.w-node-_479eeeb7-6536-d698-f9c1-b7bd106dba83-106dba7f {
  grid-area: 1 / 7 / 3 / 13;
  justify-self: end;
}

#w-node-_479eeeb7-6536-d698-f9c1-b7bd106dba85-106dba7f, #w-node-_479eeeb7-6536-d698-f9c1-b7bd106dba97-106dba7f, #w-node-_479eeeb7-6536-d698-f9c1-b7bd106dba9b-106dba7f {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_479eeeb7-6536-d698-f9c1-b7bd106dbaa2-106dba7f {
  grid-area: span 1 / span 6 / span 1 / span 6;
  place-self: end start;
}

#w-node-_2f3c04db-7cd8-b144-cc57-ec53120221b4-120221b2 {
  grid-area: span 1 / span 8 / span 1 / span 8;
}

#w-node-_084993cb-10de-9e80-06af-ab2e17d288af-17d288af {
  grid-area: span 1 / span 12 / span 1 / span 12;
  justify-self: start;
}

#w-node-_160b0e9a-f0fb-e282-682b-5741f57fb33e-f57fb33e {
  grid-area: span 1 / span 12 / span 1 / span 12;
}

@media screen and (max-width: 991px) {
  #w-node-_479eeeb7-6536-d698-f9c1-b7bd106dba81-106dba7f {
    grid-column: span 12 / span 12;
  }

  #contact.w-node-_479eeeb7-6536-d698-f9c1-b7bd106dba83-106dba7f {
    grid-area: 3 / 1 / 4 / 13;
    justify-self: auto;
  }

  #w-node-_479eeeb7-6536-d698-f9c1-b7bd106dbaa2-106dba7f, #w-node-_2f3c04db-7cd8-b144-cc57-ec53120221b4-120221b2 {
    grid-column: span 12 / span 12;
  }
}


@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter_24pt-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'General Sans';
  src: url('../fonts/GeneralSans-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'General Sans';
  src: url('../fonts/GeneralSans-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'General Sans';
  src: url('../fonts/GeneralSans-Semibold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}