@font-face {
  font-family: Satoshi variable;
  src: url('../fonts/satoshi-variable.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

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

@font-face {
  font-family: Satoshi variable;
  src: url('../fonts/satoshi-variable.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Plusjakartadisplay;
  src: url('../fonts/plusjakartadisplay-regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

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

@font-face {
  font-family: Plusjakartadisplay;
  src: url('../fonts/plusjakartadisplay-bold.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Avertastd;
  src: url('../fonts/avertastd-bold.otf') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Avertastd;
  src: url('../fonts/avertastd-light.otf') format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Avertastd;
  src: url('../fonts/avertastd-extrathin.otf') format("opentype"), url('../fonts/avertastd-thin.otf') format("opentype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Avertastd;
  src: url('../fonts/avertastd-black.otf') format("opentype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Avertastd;
  src: url('../fonts/avertastd-semibold.otf') format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Avertastd;
  src: url('../fonts/avertastd-regular.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --dark: #050038;
  --slate-blue: #3f53d8;
  --primary-blue: #4262ff;
  --white: white;
  --red: #f24e1e;
  --sweet-purple: #a259ff;
  --playful-yellow: #ffd02f;
  --white-smoke: #e9e9e9;
  --grey: #757575;
  --gainsboro: #e5e5e5;
  --white-f7f7f7: #f7f7f7;
  --gainsboro-d8d8d8: #d8d8d8;
  --light-grey: #cacaca;
  --lemon-green: #a6c03d;
  --black: black;
  --gainsboro-light: #dedede;
  --white-smoke-quote: #f2f2f2;
  --white-smoke-search: #f4f4f4;
  --dim-grey: #727272;
  --white-smoke-f1f3f6: #f1f3f6;
  --grey-2: #757575;
  --midnight-blue: #050038;
  --light-steel-blue: #bbc7ff;
  --plum: #cea7ff;
  --yellow-green: #bad15c;
  --light-salmon: #ffc1ae;
  --white-smoke-2: #f0f0f0;
  --text-light: #0009;
}

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

body {
  color: var(--dark);
  font-family: Plusjakartadisplay, sans-serif;
  font-size: 16px;
  line-height: 120%;
}

h1 {
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 30px;
  font-size: 72px;
  font-weight: 700;
  line-height: 120%;
}

h2 {
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 58px;
  font-weight: 700;
  line-height: 125%;
}

h3 {
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 48px;
  font-weight: 700;
  line-height: 120%;
}

h4 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 40px;
  font-weight: 700;
  line-height: 120%;
}

h5 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 700;
  line-height: 125%;
}

h6 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 700;
  line-height: 130%;
}

p {
  margin-bottom: 0;
  font-size: 20px;
  line-height: 140%;
}

ul {
  margin-bottom: 10px;
  padding-top: 20px;
  padding-left: 30px;
}

li {
  margin-bottom: 5px;
  font-size: 22px;
  line-height: 145%;
}

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

blockquote {
  border-left: 5px solid #e2e2e2;
  margin-bottom: 10px;
  padding: 10px 20px;
  font-size: 18px;
  line-height: 22px;
}

.style-guide-content {
  grid-row-gap: 20px;
  border-radius: 5px;
  flex-direction: column;
  width: 90%;
  max-width: 1160px;
  margin-top: 50px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.style-guide-main {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  padding-top: 100px;
  padding-bottom: 60px;
  position: relative;
}

.style-guide-link {
  justify-content: center;
  width: 100%;
  margin-right: 20px;
  display: flex;
}

.style-guide-links {
  border: 2px solid var(--dark);
  color: var(--dark);
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  margin-bottom: -1px;
  margin-left: 15px;
  margin-right: 15px;
  padding: 15px 30px;
  font-size: 16px;
  text-decoration: none;
  display: flex;
}

.style-guide-content-wrap {
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}

.body-16px {
  font-size: 16px;
  line-height: 150%;
}

.body-18px {
  font-family: Plusjakartadisplay, sans-serif;
  font-size: 18px;
  line-height: 156%;
}

.body-22px {
  color: var(--slate-blue);
  font-family: Plusjakartadisplay, sans-serif;
  font-size: 18px;
  line-height: 145%;
}

.body-22px.max-width-650px {
  max-width: 650px;
  color: var(--slate-blue);
}

.body-22px.max-width-560px {
  max-width: 560px;
}

.body-22px.max-width-716px {
  max-width: 716px;
}

.body-22px.max-width-500px {
  max-width: 500px;
}

.body-22px.max-width-630px {
  max-width: 630px;
}

.flex-horizontal {
  display: flex;
}

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

.flex-horizontal.center-apart.style-guide-colour {
  margin-bottom: 20px;
}

.style-guide-titles {
  color: var(--primary-blue);
  margin-bottom: 20px;
}

.wrapper-1160px {
  justify-content: space-between;
  align-items: center;
  width: 90%;
  max-width: 1160px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
  position: relative;
}

.wrapper-1160px.home-hero-flex {
  flex-direction: column;
  max-width: 1290px;
  padding-top: 80px;
  padding-bottom: 60px;
}

.wrapper-1160px.navbar-wrapper {
  max-width: 1328px;
  padding-top: 24px;
  padding-bottom: 24px;
}

.wrapper-1160px.home-logo-flex {
  grid-row-gap: 32px;
  flex-direction: column;
  padding-top: 60px;
}

.wrapper-1160px.home-feature-spotlight-flex {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  flex-direction: column;
  max-width: 1180px;
  padding-top: 80px;
  padding-bottom: 180px;
}

.wrapper-1160px.home-discover-flex {
  padding-top: 130px;
  padding-bottom: 130px;
}

.wrapper-1160px.industry-expert-flex {
  padding-bottom: 180px;
}

.wrapper-1160px.app-integration-flex {
  padding-bottom: 80px;
}

.wrapper-1160px.business-growth-flex {
  grid-column-gap: 180px;
  grid-row-gap: 180px;
  flex-direction: column;
  padding-top: 180px;
}

.wrapper-1160px.customer-flex {
  grid-column-gap: 94px;
  grid-row-gap: 94px;
  flex-direction: column;
}

.wrapper-1160px.home-integration-flex {
  grid-column-gap: 148px;
  grid-row-gap: 148px;
  flex-direction: column;
}

.wrapper-1160px.footer-flex {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-direction: column;
  padding-top: 20px;
  padding-bottom: 20px;
}

.wrapper-1160px.about-team-flex {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-direction: column;
  padding-top: 180px;
  padding-bottom: 180px;
}

.wrapper-1160px.about-hero-flex {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  max-width: 1218px;
  padding-top: 64px;
}

.wrapper-1160px.about-numbers-flex {
  max-width: 1036px;
  padding-top: 70px;
  padding-bottom: 70px;
}

.wrapper-1160px.best-people-flex {
  padding-top: 50px;
  padding-bottom: 50px;
}

.wrapper-1160px.about-venture-flex {
  flex-direction: column;
  max-width: 920px;
  padding-top: 120px;
  padding-bottom: 120px;
}

.wrapper-1160px.faq-flex {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex-direction: column;
  padding-top: 60px;
  padding-bottom: 180px;
}

.wrapper-1160px.comparision-table-flex {
  grid-column-gap: 72px;
  grid-row-gap: 72px;
  flex-direction: column;
  padding-top: 60px;
  padding-bottom: 0;
}

.wrapper-1160px.pricing-hero-flex {
  flex-direction: column;
  padding-bottom: 40px;
}

.wrapper-1160px.pricing-testimonial-flex {
  grid-column-gap: 74px;
  grid-row-gap: 74px;
  flex-direction: column;
  padding-top: 60px;
  padding-bottom: 180px;
}

.wrapper-1160px.latest-blogs-flex {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  align-items: flex-start;
  padding-top: 160px;
  padding-bottom: 180px;
}

.wrapper-1160px.newsletter-flex {
  justify-content: center;
}

.wrapper-1160px.blog-hero-flex {
  flex-direction: column;
  padding-bottom: 120px;
}

.wrapper-1160px.blog-details-summary-flex {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 1000px;
  margin-bottom: 100px;
  padding-top: 0;
  padding-bottom: 0;
}

.wrapper-1160px.related-blog-flex {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-direction: column;
  padding-top: 80px;
  padding-bottom: 180px;
}

.wrapper-1160px.integration-hero-flex {
  grid-column-gap: 90px;
  grid-row-gap: 90px;
  flex-direction: column;
  padding-top: 120px;
}

.wrapper-1160px.contact-hero-flex {
  align-items: flex-start;
  max-width: 1210px;
  padding-top: 72px;
  padding-bottom: 106px;
}

.wrapper-1160px.contact-answer-flex {
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  flex-direction: column;
  align-items: flex-start;
  padding-top: 120px;
  padding-bottom: 120px;
}

.wrapper-1160px._404-hero-flex {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  max-width: 1048px;
  padding-top: 90px;
}

.wrapper-1160px.feature-roi-flex {
  flex-direction: column;
  padding-bottom: 63px;
}

.wrapper-1160px.feature-hero-flex {
  padding-top: 40px;
  padding-bottom: 58px;
}

.wrapper-1160px.feature-best-places-flex {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-direction: column;
  padding-top: 120px;
  padding-bottom: 80px;
}

.wrapper-1160px.customer-first-flex {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  margin-bottom: -129px;
  padding-top: 50px;
}

.wrapper-1160px.feature-spotlight-flex {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  flex-direction: column;
  padding-top: 80px;
  padding-bottom: 60px;
}

.wrapper-1160px.seach-result-flex {
  flex-direction: column;
}

.wrapper-1160px.home-3-hero-flex {
  grid-column-gap: 200px;
  grid-row-gap: 200px;
  flex-direction: column;
  max-width: 1236px;
}

.wrapper-1160px.home-3-testimonial-flex {
  max-width: 1240px;
}

.wrapper-1160px.home-3-feature-flex {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-direction: column;
  max-width: 1200px;
  padding-top: 50px;
  padding-bottom: 80px;
}

.wrapper-1160px.home-3-data-analysis-flex {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  flex-direction: column;
  max-width: 1240px;
}

.wrapper-1160px.home-3-discover-blue-flex {
  flex-direction: row-reverse;
}

.wrapper-1160px.why-choose-flex {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-direction: column;
  max-width: 1000px;
  padding-top: 50px;
  padding-bottom: 50px;
}

.wrapper-1160px.home-3-integration-flex {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-direction: column;
  max-width: 1200px;
  padding-top: 160px;
}

.wrapper-1160px.home-3-customer-flex {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-direction: column;
  max-width: 1230px;
}

.wrapper-1160px.home-3-contact-flex {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  align-items: stretch;
  max-width: 1200px;
}

.wrapper-1160px.home-3-cta-flex {
  flex-direction: column;
  justify-content: center;
  padding-top: 140px;
  padding-bottom: 140px;
}

.wrapper-1160px.reviews-hero-flex {
  max-width: 1200px;
  padding-bottom: 130px;
}

.wrapper-1160px.reviews-customer-flex {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-direction: column;
  padding-top: 180px;
  padding-bottom: 180px;
}

.wrapper-1160px.faq-card-flex {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-direction: column;
}

.wrapper-1160px.download-hero-flex {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  color: var(--white);
  flex-direction: column;
}

.wrapper-1160px.different-section-flex {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-direction: column;
  padding-bottom: 180px;
}

.wrapper-1160px.demo-hero-flex {
  max-width: 1240px;
  padding-top: 80px;
  padding-bottom: 80px;
}

.wrapper-1160px.venture-flex {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-direction: column;
  max-width: 1200px;
  padding-top: 140px;
  padding-bottom: 140px;
}

.wrapper-1160px.customer-flex-180px {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-direction: column;
  padding-top: 180px;
  padding-bottom: 180px;
}

.wrapper-1160px.creative-freedom-flex-180px {
  padding-top: 180px;
}

.wrapper-1160px.careers-hero-flex {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  flex-direction: column;
  max-width: 1360px;
  padding-top: 56px;
  padding-bottom: 180px;
}

.wrapper-1160px.careers-opening-flex {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-direction: column;
  align-items: flex-start;
  padding-top: 80px;
  padding-bottom: 80px;
}

.wrapper-1160px.home-2-cta-section {
  border: 1px solid var(--dark);
  background-color: var(--dark);
  color: var(--white);
  border-radius: 24px;
  align-items: flex-end;
  padding-top: 48px;
  padding-bottom: 0;
  padding-left: 48px;
  overflow: hidden;
}

.wrapper-1160px.pricing-2-hero-flex {
  flex-direction: column;
  max-width: 1200px;
}

.wrapper-1160px.pricing-2-customer-flex {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-direction: column;
  align-items: flex-start;
  padding-top: 50px;
  padding-bottom: 50px;
}

.wrapper-1160px.different-blue-flex {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-direction: column;
  max-width: 1200px;
  padding-top: 160px;
  padding-bottom: 160px;
}

.wrapper-1160px.team-yellow-flex {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-direction: column;
  align-items: flex-start;
  max-width: 1200px;
  padding-top: 160px;
  padding-bottom: 160px;
}

.wrapper-1160px.about-3-hero-flex {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  max-width: 1304px;
  padding-top: 0;
  padding-bottom: 0;
}

.wrapper-1160px.about-benefit-flex {
  grid-column-gap: 188px;
  grid-row-gap: 188px;
  flex-direction: column;
  max-width: 1200px;
  padding-top: 180px;
  padding-bottom: 40px;
  display: flex;
}

.wrapper-1160px.faq-open-flex {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-direction: column;
  max-width: 1134px;
  padding-top: 0;
  padding-bottom: 80px;
}

.wrapper-1160px.pricing-table-flex {
  grid-column-gap: 84px;
  grid-row-gap: 84px;
  flex-direction: column;
  max-width: 1200px;
}

.wrapper-1160px.pricing-3-hero-flex {
  padding-bottom: 236px;
}

.wrapper-1160px.pricing-plan-flex {
  grid-column-gap: 180px;
  grid-row-gap: 180px;
  flex-direction: column;
  align-items: center;
  max-width: 1240px;
  margin-top: -136px;
  padding-top: 0;
  padding-bottom: 110px;
}

.wrapper-1160px.about-2-hero-flex {
  flex-direction: column;
  align-items: center;
  max-width: 1200px;
  padding-bottom: 106px;
}

.wrapper-1160px.about-2-creative-talent-flex {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-direction: column;
  max-width: 1200px;
  padding-top: 80px;
}

.wrapper-1160px.about-2-different-flex {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-direction: column;
  max-width: 1200px;
}

.wrapper-1160px.about-2-people-flex {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-direction: column;
  max-width: 1200px;
  padding-top: 180px;
  padding-bottom: 80px;
}

.wrapper-1160px.about-2-team-flex {
  align-items: flex-start;
  max-width: 1200px;
  padding-top: 180px;
}

.wrapper-1160px.home-2-creative-flex {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-direction: column;
  max-width: 1174px;
  padding-top: 50px;
  padding-bottom: 50px;
}

.wrapper-1160px.home-2-analysis-flex {
  align-items: flex-start;
  max-width: 1165px;
}

.wrapper-1160px.home-2-feature-flex {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-direction: column;
  padding-top: 50px;
  padding-bottom: 50px;
}

.wrapper-1160px.home-2-spotlight-flex {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-direction: column;
  max-width: 1170px;
  padding-top: 180px;
  padding-bottom: 298px;
}

.wrapper-1160px.home-2-hero-flex {
  align-items: flex-start;
  max-width: 1309px;
  padding-top: 46px;
  padding-bottom: 50px;
}

.wrapper-1160px.home-2-result-flex {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-direction: column;
  padding-top: 50px;
  padding-bottom: 50px;
}

.wrapper-1160px.about-2-discover-flex {
  max-width: 1200px;
  padding-top: 80px;
  padding-bottom: 180px;
}

.wrapper-1160px.all-stories-flex {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-direction: column;
  padding-top: 60px;
  padding-bottom: 60px;
  display: flex;
}

.wrapper-1160px.customer-stories-hero-flex {
  max-width: 1240px;
  padding-top: 0;
  padding-bottom: 0;
}

.wrapper-1160px.cs-hero-cms-flex {
  flex-direction: column;
  padding-bottom: 332px;
}

.wrapper-1160px.cs-rich-text-flex {
  margin-top: -272px;
  padding-top: 0;
  padding-bottom: 0;
}

.wrapper-1160px.all-stories-cms-flex {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-direction: column;
  padding-top: 0;
  display: flex;
}

.wrapper-1160px.overview-hero-flex {
  flex-direction: column;
  padding-top: 56px;
  padding-bottom: 80px;
}

.wrapper-1160px.overview-content-block-flex {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-direction: column;
  padding-top: 80px;
  padding-bottom: 80px;
}

.wrapper-1160px.overview-page-item-flex {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-direction: column;
  max-width: 1240px;
  padding-top: 80px;
  padding-bottom: 80px;
}

.wrapper-1160px.overview-spotlight-flex {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-direction: column;
  padding-top: 140px;
  padding-bottom: 140px;
}

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

.margin-bottom-60px {
  margin-bottom: 60px;
}

.margin-bottom-100px {
  margin-bottom: 100px;
}

.image-container {
  justify-content: center;
  align-items: center;
  width: 48%;
  max-width: 550px;
  display: flex;
  position: relative;
}

.image-container.product-hero {
  flex-direction: column;
  align-items: stretch;
  width: 50%;
  max-width: 600px;
}

.wrapper {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  width: 85%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 120px;
  padding-bottom: 120px;
  display: flex;
}

.wrapper.licensing-2 {
  align-items: flex-start;
}

.wrapper.changelog-wrapper {
  flex-direction: column;
  justify-content: center;
  width: 90%;
}

.wrapper.instruction-wrapper {
  flex-direction: column;
  align-items: center;
  width: 90%;
  padding-top: 100px;
  padding-bottom: 100px;
}

.wrapper.licensing-2 {
  flex-direction: column;
  align-items: stretch;
}

.update-text {
  margin-bottom: 10px;
}

.update-text.heading-bold-text {
  margin-bottom: 24px;
}

.reference-wrapper {
  z-index: 1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 90%;
  max-width: 1160px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
  position: relative;
}

.reference-wrapper.updates {
  text-align: center;
  border: 0 solid #000;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  max-width: 620px;
  margin-top: 0;
  padding: 0;
}

.heading-animation-div {
  width: auto;
  display: block;
}

.page-wrapper {
  overflow: hidden;
}

.page-wrapper.overflow-on {
  overflow: visible;
}

.body-22px-medium {
  font-family: Satoshi variable, sans-serif;
  font-size: 22px;
  font-weight: 500;
  line-height: 145%;
}

.body-22px-medium.max-width-600px {
  max-width: 600px;
}

.body-22px-bold {
  font-family: Satoshi variable, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 145%;
}

.body-18px-medium {
  font-family: Satoshi variable, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 156%;
}

.body-18px-medium.italic {
  font-family: Plusjakartadisplay, sans-serif;
  font-style: italic;
}

.body-18px-bold {
  font-size: 18px;
  font-weight: 700;
  line-height: 156%;
}

.blue-button {
  background-color: var(--primary-blue);
  color: var(--white);
  text-align: center;
  border-radius: 100px;
  padding: 18px 36px;
  font-family: Satoshi variable, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 140%;
  transition: all .2s;
}

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

.blue-button.pricing-button {
  width: 100%;
}

.blue-button.pricing-white-button {
  background-color: var(--white);
  width: 100%;
  color: var(--primary-blue);
}

.blue-button.pricing-white-button:hover {
  background-color: var(--red);
  color: var(--white);
}

.blue-button.newsletter-button {
  padding: 14px 32px;
  font-size: 18px;
  line-height: 156%;
}

.blue-button.search-button {
  background-color: var(--dark);
  padding: 14px 32px;
}

.blue-button.integration-button {
  flex: none;
  padding: 14px 32px;
  font-size: 18px;
  line-height: 156%;
}

.blue-button.contact-form {
  margin-top: 28px;
  padding-top: 14px;
  padding-bottom: 14px;
}

.blue-button.forgot-password, .blue-button.log-in-button {
  width: 100%;
  padding-top: 14px;
  padding-bottom: 14px;
}

.blue-button.large {
  padding-left: 40px;
  padding-right: 40px;
}

.white-button {
  background-color: var(--white);
  color: var(--primary-blue);
  text-align: center;
  border-radius: 100px;
  padding: 18px 36px;
  font-family: Satoshi variable, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 140%;
  transition: all .2s;
}

.white-button:hover {
  background-color: var(--sweet-purple);
  color: var(--white);
}

.blue-button-small {
  background-color: var(--primary-blue);
  text-align: center;
  border-radius: 100px;
  padding: 14px 32px;
  font-family: Satoshi variable, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 156%;
  transition: all .2s;
}

.blue-button-small:hover {
  background-color: var(--red);
}

.nav-button {
  background-color: var(--dark);
  text-align: center;
  border-radius: 100px;
  padding: 12px 24px;
  font-family: Satoshi variable, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
  transition: all .2s;
}

.nav-button:hover {
  background-color: var(--playful-yellow);
  color: var(--dark);
}

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

.primary-blue-button {
  grid-column-gap: 16px;
  background-color: var(--primary-blue);
  color: var(--white);
  border-radius: 100px;
  align-items: center;
  padding: 6px 28px 6px 6px;
  font-family: Satoshi variable, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 140%;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.primary-blue-button:hover {
  background-color: var(--sweet-purple);
}

.primary-blue-button.phone {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: var(--white-smoke);
  width: 100%;
  color: var(--dark);
  text-align: center;
}

.primary-blue-button.white {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  background-color: var(--white);
  color: var(--dark);
}

.primary-blue-button.contact-phone {
  grid-column-gap: 85px;
  grid-row-gap: 85px;
  background-color: #fff3;
}

.primary-blue-button.grey {
  background-color: var(--white-smoke);
  color: var(--dark);
}

.primary-blue-button.grey:hover {
  background-color: var(--playful-yellow);
}

.primary-button-icon-wrapper {
  background-color: var(--white);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 52px;
  height: 52px;
  display: flex;
}

.primary-button-icon-wrapper.blue {
  background-color: var(--primary-blue);
}

.primary-button-blue-icon {
  width: 26px;
  height: 26px;
}

.home-hero-wrapper {
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin-bottom: 116px;
  display: flex;
  position: relative;
}

.home-hero-heading {
  margin-bottom: 24px;
}

.purple-text-span {
  background-color: var(--sweet-purple);
  color: var(--white);
  border-radius: 10px;
  padding-bottom: 4px;
  padding-left: 8px;
  padding-right: 8px;
  display: inline-block;
}

.hero-button-container {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  align-items: center;
  margin-top: 36px;
  display: flex;
}

.no-credit-card-text {
  color: var(--grey);
  letter-spacing: -.01em;
  font-family: Plusjakartadisplay, sans-serif;
  font-size: 18px;
  line-height: 156%;
}

.home-hero-visual-image {
  width: 100%;
  height: 100%;
}

.navbar {
  z-index: 99999;
  background-color: var(--white);
}

.navbar.black {
  background-color: var(--dark);
  color: var(--white);
}

.navbar-button-container {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: center;
  display: flex;
}

.round-hero-logo {
  width: 100%;
  height: 100%;
}

.round-hero-brand {
  width: 30%;
  max-width: 133px;
  padding-left: 0;
}

.nav-link {
  padding-top: 0;
  padding-bottom: 0;
  font-family: Satoshi variable, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
}

.nav-link:hover, .nav-link.w--current {
  color: var(--red);
}

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

.home-hero-item.right-with-arrow {
  z-index: 11;
  width: 50%;
  max-width: 90px;
  height: auto;
  position: absolute;
  inset: auto 15% 5% auto;
}

.home-hero-item.chart {
  width: 50%;
  max-width: 65px;
  height: auto;
  position: absolute;
  inset: auto auto 30% 5%;
}

.home-hero-item.pencil {
  z-index: 11;
  width: 50%;
  max-width: 72px;
  height: auto;
  position: absolute;
  inset: 0% auto auto -3%;
}

.home-hero-item.purple-profile {
  z-index: 11;
  width: 50%;
  max-width: 53px;
  height: auto;
  position: absolute;
  inset: auto auto 0% 0%;
}

.home-hero-item.bulb {
  z-index: 11;
  width: 50%;
  max-width: 69px;
  height: auto;
  position: absolute;
  inset: auto 5% 40% auto;
}

.home-hero-item.red-profile {
  z-index: 11;
  width: 50%;
  max-width: 48px;
  height: auto;
  position: absolute;
  inset: 0% 0% auto auto;
}

.home-hero-text-wrapper {
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 1068px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.home-logo-grid {
  grid-column-gap: 40px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  place-items: center;
  width: 100%;
}

.home-logo-hero-item {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 200px;
  display: flex;
}

.home-hero-item-image {
  width: 100%;
}

.home-logo-text-wrapper {
  color: var(--grey);
}

.home-feature-spotlight-container {
  text-align: center;
  width: 100%;
  max-width: 804px;
}

.red-text-span {
  background-color: var(--red);
  color: var(--white);
  border-radius: 10px;
  padding-bottom: 6px;
  padding-left: 10px;
  padding-right: 10px;
  display: inline-block;
}

.home-feature-spotlight-grid {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
}

.home-hero-spotlight-container {
  width: 100%;
  max-width: 360px;
  position: relative;
}

.home-hero-spotlight-wrapper {
  z-index: 11;
  border: 1px solid var(--dark);
  background-color: var(--white);
  border-radius: 12px;
  width: 100%;
  height: 100%;
  padding: 50px 40px;
  transition: all .3s;
  position: relative;
}

.home-hero-spotlight-wrapper:hover {
  transform: translate(-20px, -20px);
}

.home-hero-absolute-bg {
  background-color: var(--playful-yellow);
  border-radius: 12px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.home-hero-spotlight-icon {
  width: 80px;
  height: 80px;
  margin-bottom: 32px;
}

.home-hero-spotlight-heading {
  margin-bottom: 20px;
  font-size: 32px;
  font-weight: 700;
  line-height: 125%;
}

.home-hero-spotlight-para {
  font-size: 18px;
  line-height: 156%;
}

.home-discover-blue-section {
  background-color: var(--dark);
  color: var(--white);
}

.home-discover-image-container {
  width: 45%;
  max-width: 524px;
  position: relative;
}

.home-discover-text-container {
  flex-direction: column;
  align-items: flex-start;
  width: 47%;
  max-width: 560px;
  display: flex;
}

.home-discover-text-container.home-3-discover-text-container {
  max-width: 470px;
}

.discover-blue-hero-image {
  width: 100%;
  height: 100%;
}

.discover-hero-item {
  box-shadow: 0 6px 20px #62626240;
}

.discover-hero-item._1 {
  z-index: 11;
  width: 70%;
  max-width: 349px;
  position: absolute;
  inset: auto auto 10% -10%;
}

.discover-hero-item._2 {
  z-index: 11;
  width: 50%;
  max-width: 190px;
  position: absolute;
  inset: 15% -10% auto auto;
}

.discover-hero-item.about-2-item-2 {
  width: 90%;
  max-width: 432px;
  box-shadow: none;
  position: absolute;
  inset: auto auto -40px -10%;
}

.discover-hero-item.about-2-item-1 {
  width: 50%;
  max-width: 237px;
  box-shadow: none;
  position: absolute;
  inset: 80px -15% auto auto;
}

.discover-hero-item-image {
  width: 100%;
  height: 100%;
}

.discover-pointer-heading {
  background-image: url('../images/checks.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  margin-bottom: 14px;
  padding-left: 40px;
  font-size: 22px;
  font-weight: 700;
  line-height: 145%;
}

.discover-pointer-heading.black-icon {
  background-image: url('../images/black-checks.svg');
}

.discover-pointer-sub-para {
  font-size: 18px;
  line-height: 156%;
}

.discover-pointer-container {
  width: 100%;
  max-width: 440px;
  margin-top: 32px;
  margin-bottom: 32px;
}

.discover-pointer-spacer-line {
  background-color: #fff3;
  width: 100%;
  height: 1px;
  margin-top: 16px;
  margin-bottom: 24px;
}

.discover-pointer-spacer-line.black-spacer-line {
  background-color: #05003833;
  margin-top: 24px;
}

.land-more-white-link-block {
  grid-column-gap: 12px;
  color: var(--white);
  align-items: center;
  font-family: Satoshi variable, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 156%;
  text-decoration: none;
  display: flex;
}

.load-more-white-icon-wrapper {
  background-color: var(--white);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  display: flex;
}

.load-more-dark-blue-icon {
  width: 12px;
  height: 12px;
}

.home-cta-section {
  background-color: var(--dark);
  color: var(--white);
  position: relative;
  overflow: hidden;
}

.home-cta-hero-wrapper {
  z-index: 11;
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 1068px;
  display: flex;
  position: relative;
}

.home-cta-hero-heading {
  margin-bottom: 24px;
  font-size: 38px;
  line-height: 120%;
}

.button-wrapper {
  flex: none;
}

.button-wrapper.margin-top-36px {
  margin-top: 36px;
}

.home-cta-hero-image {
  object-fit: cover;
  width: 100%;
  max-width: 396px;
  height: 100%;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.home-hero-item-image-1 {
  object-fit: cover;
  width: 90%;
  max-width: 410px;
  height: auto;
  margin-bottom: 0;
  position: absolute;
  inset: auto auto 0% 0%;
}

.industry-expert-text-container {
  width: 44%;
  max-width: 450px;
}

.industry-expert-image-container {
  width: 55%;
  max-width: 665px;
}

.industry-expert-hero-img {
  width: 100%;
  height: 100%;
}

.h2-heading-58px {
  color: var(--slate-blue);
  font-size: 24px;
}

.h2-heading-58px.margin-bottom-18px {
  margin-bottom: 18px;
}

.h2-heading-58px.margin-bottom-24px {
  margin-bottom: 24px;
}

.h2-heading-58px.margin-bottom-15px {
  margin-bottom: 15px;
}

.h2-heading-58px.margin-bottom-30px {
  margin-bottom: 30px;
}

.industry-expert-button-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  max-width: 295px;
  margin-top: 36px;
  display: flex;
}

.app-integration-text-container {
  flex-direction: column;
  align-items: flex-start;
  width: 45%;
  max-width: 460px;
  display: flex;
}

.app-integration-image-container {
  width: 49%;
  max-width: 580px;
}

.app-integration-hero-image {
  width: 100%;
  height: 100%;
}

.land-more-link-block {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: var(--dark);
  align-items: center;
  font-family: Satoshi variable, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 156%;
  text-decoration: none;
  display: flex;
}

.land-more-link-block.margin-top-32px {
  margin-top: 32px;
}

.load-more-icon-wrapper {
  background-color: var(--dark);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  display: flex;
}

.customer-section {
  overflow: hidden;
}

.business-growth-container-1, .business-growth-container-2 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.business-growth-1-img-container {
  width: 46%;
  max-width: 500px;
}

.business-growth-1-text-container {
  flex-direction: column;
  align-items: flex-start;
  width: 50%;
  max-width: 540px;
  display: flex;
}

.business-growth-hero-image {
  width: 100%;
  height: 100%;
}

.business-growth-line-spacer {
  background-color: var(--gainsboro);
  width: 100%;
  height: 1px;
  margin-top: 32px;
  margin-bottom: 32px;
}

.business-growth-numbers-item {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 491px;
  display: flex;
}

.business-growth-number-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  align-items: center;
  width: 100%;
  max-width: 220px;
  display: flex;
}

.business-growth-large-text {
  letter-spacing: -.01em;
  font-size: 48px;
  font-weight: 700;
  line-height: 120%;
}

.business-growth-normal-text {
  font-family: Satoshi variable, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 156%;
}

.customer-upper-text-container {
  text-align: center;
  width: 100%;
  max-width: 810px;
}

.customer-slider-container {
  width: 100%;
}

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

.customer-slider-mask {
  width: 100%;
  max-width: 560px;
  overflow: visible;
}

.customer-slide {
  border: 1px solid #000;
  border-radius: 10px;
  width: 100%;
  height: 100%;
  margin-right: 40px;
  padding: 40px 40px 36px;
}

.customer-slide-nav {
  display: none;
}

.customer-slide-wrapper {
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
}

.customer-slide-para {
  margin-bottom: 40px;
  font-size: 22px;
  font-weight: 500;
  line-height: 145%;
}

.customer-slide-sign-up-rate {
  margin-bottom: 28px;
  font-size: 22px;
  line-height: 100%;
}

.customer-slider-left-arrow {
  background-color: var(--white);
  border: 1px solid #000;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  transition: all .1s;
  display: flex;
  inset: 0% auto 0% -24px;
}

.customer-slider-left-arrow:hover {
  filter: invert();
}

.customer-slider-left-arrow.home-3-customer-slider-arrow {
  inset: auto auto -96px 0%;
}

.customer-slider-bold-text {
  font-size: 32px;
  font-weight: 700;
}

.customer-slide-organic-traffic {
  font-size: 22px;
  line-height: 100%;
}

.customer-slide-spacer-line {
  background-color: var(--dark);
  width: 100%;
  height: 1px;
  margin-top: 40px;
  margin-bottom: 24px;
}

.customer-slide-spacer-line.white {
  background-color: var(--white);
}

.customer-slide-logo-wrap {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.customer-slide-star-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  align-items: center;
  display: flex;
}

.customer-slide-star {
  width: 22px;
  height: 22px;
}

.customer-slide-logo {
  width: 100%;
  height: 38px;
}

.customer-slider-arrow {
  margin-left: auto;
  margin-right: auto;
}

.customer-slider-right-arrow {
  background-color: var(--white);
  border: 1px solid #000;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  transition: all .1s;
  display: flex;
  inset: 0% auto 0% 535px;
}

.customer-slider-right-arrow:hover {
  filter: invert();
}

.customer-slider-right-arrow.home-3-customer-slider-arrow {
  inset: auto auto -96px 68px;
}

.customer-slider-right-arrow.position-at-the-end {
  inset: 0% -64px 0% auto;
}

.home-integration-upper-wrapper {
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.home-integration-text-wrap {
  width: 55%;
  max-width: 556px;
}

.home-integration-bottom-wrap {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.home-integration-item-wrap {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-direction: column;
  justify-content: space-between;
  width: 50%;
  max-width: 556px;
  display: flex;
}

.hm-container-blue-item {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--white);
  width: 90%;
  max-width: 434px;
  color: var(--dark);
  border-radius: 12px;
  align-items: flex-start;
  padding: 20px;
  display: flex;
}

.hm-container-blue-item.right {
  align-items: center;
  margin-left: auto;
}

.hm-container-blue-item.home-3-contact-yellow-box {
  border: 1px solid var(--dark);
  box-shadow: 6px 6px 0 0 var(--dark);
}

.hm-container-blue-item.home-3-contact-yellow-border {
  border: 1px solid var(--dark);
  margin-left: auto;
}

.hm-container-blue-item.home-2-blue-item {
  margin-top: 22px;
  margin-bottom: -41px;
  margin-left: auto;
  box-shadow: 0 10px 90px #0000000d;
}

.home-integration-blue-container {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: var(--primary-blue);
  border-radius: 12px;
  flex-direction: column;
  width: 100%;
  padding: 40px;
  display: flex;
}

.h-m-blue-container-icon {
  width: 48px;
  height: 48px;
}

.h-m-blue-item-heading-22px {
  font-family: Plusjakartadisplay, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 145%;
}

.h-m-blue-para-16px {
  margin-top: 8px;
  font-size: 16px;
  line-height: 150%;
}

.hm-dark-blue-item {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--dark);
  width: 100%;
  color: var(--white);
  border-radius: 12px;
  align-items: center;
  padding: 42px 36px;
  display: flex;
}

.hm-dark-blue-hero-icon {
  width: 58px;
  height: 58px;
}

.hm-dark-blue-para {
  font-family: Satoshi variable, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 125%;
}

.hm-yellow-hero-item {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: var(--playful-yellow);
  border-radius: 12px;
  flex-direction: column;
  width: 100%;
  padding: 156px 48px 36px;
  display: flex;
  position: relative;
}

.hm-yellow-hero-item-para {
  font-family: Satoshi variable, sans-serif;
  font-size: 18px;
  line-height: 156%;
}

.hm-yellow-hero-item-heading {
  font-family: Satoshi variable, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 125%;
}

.hm-yellow-item-hero-image {
  width: 90%;
  max-width: 280px;
  position: absolute;
  inset: -25% auto auto 48px;
}

.hm-grey-hero-item {
  background-color: var(--white-f7f7f7);
  border-radius: 12px;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  padding: 56px 36px 36px 48px;
  display: flex;
}

.hm-grey-hero-item-pointer {
  background-image: url('../images/blue-check-icon.svg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: auto;
  padding-left: 40px;
  font-size: 18px;
  line-height: 160%;
}

.hm-grey-pointer-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  width: 100%;
  margin-top: 32px;
  margin-bottom: 50px;
  display: flex;
}

.footer-banner {
  color: #12172280;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1280px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 14px;
  font-weight: 500;
  line-height: 145%;
  display: flex;
}

.copyright-text {
  color: #212121;
  font-size: 16px;
  font-weight: 400;
}

.cf-links {
  color: #000;
  font-weight: 700;
  text-decoration: none;
  transition: color .2s;
  display: inline-block;
}

.cf-links:hover {
  color: var(--slate-blue);
}

.footer-upper-container {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.footer-left-container {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  align-items: flex-start;
  width: 35%;
  max-width: 337px;
  display: flex;
}

.footer-right-container {
  width: 65%;
  max-width: 653px;
}

.footer-right-grid {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  grid-template-rows: auto;
  grid-template-columns: .5fr .5fr 1fr;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
}

.footer-right-grid-wrapper {
  width: 100%;
  height: 100%;
}

.footer-right-sub-grid {
  flex-direction: column;
  grid-template-rows: auto auto auto auto auto auto;
  grid-template-columns: 1fr;
  place-items: flex-start start;
  width: 100%;
  height: auto;
  margin-top: 26px;
  display: flex;
}

.footer-text-link-18px {
  color: var(--dark);
  font-family: Satoshi variable, sans-serif;
  font-size: 18px;
  line-height: 156%;
  text-decoration: none;
  transition: color .2s;
}

.footer-text-link-18px:hover {
  color: var(--red);
}

.footer-caption-text {
  letter-spacing: .08em;
  text-transform: uppercase;
  font-family: Satoshi variable, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 156%;
}

.footer-form-block {
  width: 100%;
  max-width: 230px;
  margin-top: 26px;
}

.footer-form-wrapper {
  border: 1px solid var(--gainsboro-d8d8d8);
  border-radius: 100px;
  align-items: center;
  height: 50px;
  padding: 5px;
  display: flex;
}

.footer-form-submit-button {
  background-color: var(--primary-blue);
  background-image: url('../images/white-arrow.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 34px;
  border-radius: 50%;
  width: 40px;
  height: 40px;
}

.footer-form-text-field {
  color: var(--dark);
  background-color: #0000;
  border: 0 solid #000;
  margin-bottom: 0;
  padding-left: 17px;
  font-size: 16px;
  line-height: 150%;
}

.footer-form-text-field::placeholder {
  color: var(--light-grey);
}

.footer-brand-wrapper {
  width: 90%;
  max-width: 135px;
}

.footer-address-text, .footer-phone-text {
  font-family: Satoshi variable, sans-serif;
  font-size: 18px;
  line-height: 156%;
}

.footer-social-icon {
  width: 24px;
  height: 24px;
}

.footer-social-icon-wrapper {
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  transition: all .2s;
  display: flex;
}

.footer-social-icon-wrapper:hover {
  transform: translate(0, -5px);
}

.footer-social-icon-container {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  align-items: center;
  margin-top: 0;
  display: flex;
}

.menu-button {
  padding: 15px;
}

.nav-link-button-wrapper {
  padding: 0;
  font-family: Satoshi variable, sans-serif;
  font-size: 16px;
  line-height: 156%;
}

.nav-link-button-wrapper:hover {
  color: var(--red);
}

.nav-link-button-wrapper.white {
  color: #fff;
}

.creative-talent-section {
  padding-bottom: 180px;
}

.crative-talent-map-wrapper {
  width: 100%;
  height: 100%;
  padding-top: 100px;
  padding-bottom: 230px;
  position: relative;
}

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

.creative-talent-office-wrapper {
  z-index: 11;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: space-between;
  align-items: center;
  width: 90%;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.creative-talent-office-item {
  background-color: var(--white);
  text-align: center;
  border: 1px solid #000;
  border-radius: 20px;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 380px;
  padding: 33px 50px;
  display: flex;
}

.creative-talent-office-heading {
  margin-bottom: 6px;
  font-size: 24px;
  font-weight: 700;
  line-height: 130%;
}

.creative-talent-office-para {
  color: #050038ad;
  font-family: Satoshi variable, sans-serif;
  font-size: 18px;
  line-height: 156%;
}

.creative-talent-office-image {
  width: 60px;
  height: 60px;
  margin-bottom: 20px;
}

.creative-talent-text-wrapper {
  text-align: center;
  width: 90%;
  max-width: 800px;
  margin-bottom: 58px;
  margin-left: auto;
  margin-right: auto;
}

.green-text-span {
  background-color: var(--lemon-green);
  color: var(--white);
  border-radius: 12px;
  padding-bottom: 4px;
  padding-left: 8px;
  padding-right: 8px;
  display: inline-block;
}

.about-team-text-container {
  grid-column-gap: 21px;
  grid-row-gap: 21px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 600px;
  display: flex;
}

.about-team-para {
  max-width: 520px;
  font-family: Satoshi variable, sans-serif;
  font-size: 18px;
  line-height: 156%;
}

.about-team-grid {
  grid-column-gap: 40px;
  grid-row-gap: 60px;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
  height: auto;
}

.about-team-hero-item {
  border: 1px solid #000;
  border-radius: 8px;
  flex-direction: column;
  width: 100%;
  max-width: 360px;
  height: 100%;
  transition: all .2s;
  display: flex;
}

.about-team-hero-item:hover {
  transform: translate(0, -5px);
}

.about-team-hero-item-text-wrap {
  background-color: var(--white);
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  width: 100%;
  padding: 24px 22px;
}

.about-team-hero-proflie {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.about-team-hero-item-heading {
  margin-bottom: 4px;
  font-size: 32px;
  font-weight: 700;
  line-height: 125%;
}

.about-team-hero-item-position {
  letter-spacing: .08em;
  text-transform: uppercase;
  font-family: Satoshi variable, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 156%;
}

.about-hero-upper-container {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.about-hero-upper-img-wrap {
  grid-column-gap: 42px;
  grid-row-gap: 42px;
  justify-content: space-between;
  align-items: center;
  width: 52%;
  max-width: 602px;
  display: flex;
}

.about-hero-upper-text-wrap {
  width: 45%;
  max-width: 527px;
}

.about-hero-heading {
  margin-bottom: 0;
}

.about-hero-image {
  width: 100%;
  height: 100%;
}

.about-hero-bottom-container {
  grid-column-gap: 26px;
  grid-row-gap: 26px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1160px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.about-hero-item-bottom-item {
  width: 100%;
}

.about-numbers-section {
  background-color: var(--white-f7f7f7);
}

.about-numbers-grid {
  grid-column-gap: 90px;
  grid-row-gap: 90px;
  flex-wrap: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  place-content: center space-between;
  width: 100%;
  display: flex;
}

.about-numbers-hero-item {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.about-numbers-item-heading {
  letter-spacing: -.01em;
  margin-bottom: 20px;
  font-size: 72px;
  font-weight: 700;
  line-height: 120%;
}

.about-numbers-item-tag-text {
  letter-spacing: .08em;
  text-transform: uppercase;
  border-radius: 6px;
  padding: 4px 16px;
  font-family: Satoshi variable, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 156%;
  display: inline-block;
}

.about-numbers-item-tag-text.purple {
  background-color: var(--sweet-purple);
  color: var(--white);
}

.about-numbers-item-tag-text.green {
  background-color: var(--lemon-green);
  color: var(--white);
}

.about-numbers-item-tag-text.blue {
  background-color: var(--primary-blue);
  color: var(--white);
}

.about-numbers-item-tag-text.red {
  background-color: var(--red);
  color: var(--white);
}

.about-best-people-section {
  background-color: #f5f5f5;
  margin-top: -113px;
}

.best-people-left-container {
  grid-column-gap: 55px;
  grid-row-gap: 55px;
  flex-direction: column;
  width: 49%;
  max-width: 530px;
  display: flex;
}

.best-people-right-container {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  width: 52%;
  max-width: 600px;
  display: flex;
}

.best-people-hero-image {
  width: 100%;
  max-width: 480px;
}

.best-people-traits-item {
  z-index: 11;
  grid-column-gap: 35px;
  grid-row-gap: 35px;
  background-color: var(--white);
  border: 1px solid #000;
  border-radius: 15px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-right: 35px;
  transition: all .2s ease-in-out;
  display: flex;
  position: relative;
}

.best-people-traits-item:hover {
  transform: translate(-10px, -10px);
}

.best-people-traits-icon-wrap {
  border-right: 1px solid var(--dark);
  border-radius: 15px;
  flex: none;
  width: 160px;
  height: 100%;
  padding: 40px;
}

.best-people-traits-para-text {
  max-width: 330px;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Satoshi variable, sans-serif;
  font-size: 18px;
  line-height: 156%;
}

.best-people-traits-bold-text {
  font-weight: 700;
}

.best-people-traits-hero-icon {
  width: 80px;
  height: 80px;
}

.best-people-traits-item-bg {
  z-index: 0;
  background-color: var(--playful-yellow);
  border-radius: 15px;
  width: 100%;
  position: absolute;
  inset: 0%;
}

.best-people-traits-hero-wrapper {
  width: 95%;
  max-width: 560px;
  position: relative;
}

.best-people-traits-hero-wrapper.left {
  margin-right: auto;
}

.best-people-traits-hero-wrapper.right {
  margin-left: auto;
}

.about-team-profile-wrapper {
  background-color: var(--black);
  border-bottom: 1px solid #000;
  border-radius: 8px;
  width: 100%;
  height: 100%;
  position: relative;
}

.about-team-profile-linkedin-item {
  z-index: 111;
  background-color: var(--white);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
  position: absolute;
  inset: 12px 14px auto auto;
}

.about-team-profile-linkedin-icon {
  width: 20px;
  height: 20px;
}

.about-ventures-section {
  background-color: var(--sweet-purple);
  color: var(--white);
}

.about-venture-text-container {
  text-align: center;
  width: 100%;
  max-width: 822px;
  margin-bottom: 60px;
}

.about-ventures-tabs {
  width: 100%;
  height: 100%;
}

.about-ventures-tabs-menu {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-wrap: wrap;
  place-content: center space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 46px;
  display: flex;
}

.about-ventures-tabs-content {
  overflow: visible;
}

.about-ventures-tab-link {
  opacity: .5;
  background-color: #0000;
  justify-content: center;
  align-items: center;
  width: 50%;
  max-width: 200px;
  height: 72px;
  padding: 0 5px;
  display: flex;
}

.about-ventures-tab-link.w--current {
  opacity: 1;
  background-color: #0000;
}

.about-ventures-tab-link-img {
  width: 100%;
  height: 100%;
}

.about-ventures-tab-wrapper {
  background-color: var(--white);
  width: 100%;
  color: var(--dark);
  border: 1px solid #000;
  border-radius: 13px;
  justify-content: space-between;
  display: flex;
  position: relative;
}

.about-ventures-tab-text-wrap {
  width: 70%;
  max-width: 480px;
  margin: 47px 20px 57px 56px;
}

.about-ventures-tab-funding-wrap {
  border-left: 1px solid #000;
  border-radius: 13px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 35%;
  max-width: 328px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.about-ventures-funding-heading {
  letter-spacing: -.01em;
  margin-bottom: 18px;
  font-size: 72px;
  font-weight: 700;
  line-height: 120%;
}

.about-ventures-funding-tag-text {
  letter-spacing: .08em;
  text-transform: uppercase;
  border-radius: 6px;
  padding: 4px 16px;
  font-family: Satoshi variable, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 156%;
}

.about-ventures-funding-tag-text.red {
  background-color: var(--red);
  color: var(--white);
}

.about-ventures-funding-tag-text.yellow {
  background-color: var(--playful-yellow);
  color: var(--white);
}

.about-ventures-funding-tag-text.green {
  background-color: var(--lemon-green);
  color: var(--white);
}

.about-ventures-funding-tag-text.blue {
  background-color: var(--primary-blue);
  color: var(--white);
}

.about-venture-quote-icon {
  width: 48px;
  height: 48px;
  margin-bottom: 20px;
}

.about-ventures-tab-para {
  letter-spacing: -.01em;
  font-size: 28px;
  line-height: 140%;
}

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

.faq-content {
  color: #121212;
  width: 100%;
  max-width: 700px;
  padding-bottom: 24px;
  font-family: Satoshi variable, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 156%;
}

.faq-answer-wrap {
  color: #121212;
  width: 100%;
  height: 100%;
  padding-left: 24px;
  padding-right: 24px;
  overflow: hidden;
}

.faq-question-container {
  cursor: pointer;
  width: 100%;
  height: 100%;
  padding: 24px;
}

.faq-line-vertical {
  background-color: var(--dark);
  border-radius: 100px;
  width: 2px;
  height: 10px;
  position: absolute;
}

.faq-card {
  width: 100%;
  height: 100%;
  text-decoration: none;
}

.faq-icon-contain {
  border: 2px solid var(--dark);
  border-radius: 100px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
  position: relative;
}

.faq-question-wrap {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.faqs-wrapper {
  z-index: 2;
  border: 2px solid var(--dark);
  border-radius: 8px;
  width: 100%;
  max-width: 860px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.faq-line {
  background-color: var(--dark);
  border-radius: 100px;
  width: 10px;
  height: 2px;
}

.faq-question {
  width: 90%;
  color: var(--dark);
  font-size: 24px;
  font-weight: 500;
  line-height: 130%;
}

.faq-text-container {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 800px;
  display: flex;
}

.faq-contact-link {
  color: var(--primary-blue);
  font-weight: 700;
  text-decoration: none;
}

.comparison-table {
  width: 100%;
}

.price-grid-text {
  font-family: Satoshi variable, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 156%;
}

.pricing-headings {
  letter-spacing: -.02em;
  font-size: 24px;
  font-weight: 500;
  line-height: 130%;
}

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

.pricing-row-contain {
  border-bottom-color: #0000001a;
  align-items: center;
  padding-top: 38px;
  padding-bottom: 38px;
  padding-left: 48px;
  display: flex;
}

.pricing-row-contain.off-white {
  background-color: var(--white-f7f7f7);
  border-radius: 6px;
  align-items: stretch;
  padding-top: 38px;
  padding-bottom: 38px;
  padding-left: 48px;
}

.price-grid-contain {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 75%;
  display: grid;
}

.headings {
  width: 25%;
  display: flex;
}

.price-checkmark {
  width: 28px;
}

.comparison-table-text-container {
  text-align: center;
  width: 100%;
  max-width: 800px;
}

.pricing-hero-text-container {
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 950px;
  display: flex;
}

.pricing-hero-heading {
  margin-bottom: 40px;
}

.pricing-hero-grid {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
  height: 100%;
  margin-top: 102px;
  margin-bottom: 40px;
}

.pricing-hero-grid-item {
  border: 1px solid var(--dark);
  border-radius: 10px;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  max-width: 360px;
  height: 100%;
  display: flex;
}

.pricing-hero-grid-item.blue {
  background-color: var(--primary-blue);
  color: var(--white);
}

.pricing-grid-item-upper {
  border-bottom: 1px solid #000;
  width: 100%;
  height: auto;
  padding: 40px 30px;
  position: relative;
}

.pricing-grid-item-bottom {
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  padding: 40px 32px 32px;
  display: flex;
}

.pricing-grid-item-heading {
  margin-bottom: 8px;
  font-size: 32px;
  font-weight: 700;
  line-height: 125%;
}

.pricing-grid-item-sub-heading {
  margin-bottom: 56px;
  font-family: Satoshi variable, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 156%;
}

.pricing-grid-item-price {
  letter-spacing: -.01em;
  font-size: 64px;
  font-weight: 700;
  line-height: 115%;
}

.pricing-grid-item-grey-heading {
  color: #0500384d;
  font-size: 32px;
}

.pricing-grid-pointer-image {
  width: 24px;
  height: 24px;
}

.pricing-grid-pointer-text {
  font-family: Satoshi variable, sans-serif;
  font-size: 16px;
  line-height: 150%;
}

.pricing-grid-pointer-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  align-items: center;
  display: flex;
}

.pricing-grid-pointer-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.pricing-grid-button-container {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin-top: 48px;
  display: flex;
}

.pricing-grid-item-white-small {
  color: #ffffff4d;
  font-size: 32px;
}

.no-credit-card-text-16px {
  font-size: 16px;
  line-height: 150%;
}

.no-credit-card-text-16px.white {
  color: var(--white);
}

.pricing-grid-pointer-heading {
  letter-spacing: .06em;
  text-transform: uppercase;
  font-family: Satoshi variable, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
}

.pricing-grid-pointer-heading.white {
  color: #ffffff80;
}

.pricing-grid-item-bottom-wrap {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  display: flex;
}

.pricing-grid-item-icon {
  width: 90%;
  max-width: 72px;
  position: absolute;
  inset: -40px 32px auto auto;
}

.custom-pricing-container {
  background-color: var(--dark);
  width: 100%;
  color: var(--white);
  border-radius: 10px;
  justify-content: space-between;
  padding: 10px 10px 10px 40px;
  display: flex;
}

.custom-pricing-sub-container {
  background-color: var(--white);
  width: 50%;
  max-width: 340px;
  color: var(--dark);
  text-align: center;
  border-radius: 10px;
  padding: 40px 22px 10px;
}

.custom-pricing-heading-large {
  color: var(--dark);
  letter-spacing: -.01em;
  margin-bottom: 72px;
  font-size: 58px;
  font-weight: 700;
  line-height: 125%;
}

.custom-pricing-grid {
  grid-template-rows: auto;
  width: 100%;
  max-width: 518px;
  height: 100%;
}

.custom-grid-pointer-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  width: 100%;
  display: flex;
}

.customer-grid-pointer-container {
  grid-column-gap: 42px;
  grid-row-gap: 42px;
  flex-direction: column;
  width: 60%;
  padding-top: 42px;
  padding-bottom: 34px;
  display: flex;
}

.custom-pricing-icon-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  display: flex;
}

.custom-pricing-icon-text-wrap {
  flex-direction: column;
  align-items: stretch;
  height: 76px;
  display: flex;
}

.custom-grid-item-icon {
  width: 90%;
  max-width: 72px;
}

.pricing-testimonial-yellow-box {
  background-color: var(--playful-yellow);
  border-radius: 10px;
  flex-direction: column;
  align-items: flex-start;
  width: 50%;
  max-width: 560px;
  padding: 40px 40px 36px;
  display: flex;
}

.pricing-testimonial-purple-box {
  background-color: var(--sweet-purple);
  width: 50%;
  max-width: 560px;
  color: var(--white);
  border-radius: 10px;
  flex-direction: column;
  align-items: flex-start;
  padding: 40px 40px 36px;
  display: flex;
}

.pricing-testimonial-purple-box.blue {
  background-color: var(--primary-blue);
}

.pricing-testimonial-para {
  margin-bottom: 40px;
  font-size: 22px;
  font-weight: 500;
  line-height: 145%;
}

.pricing-testimonial-sign-up-rate {
  margin-bottom: 28px;
  font-size: 22px;
  line-height: 100%;
}

.pricing-testimonial-bold-text {
  font-size: 32px;
  font-weight: 700;
  display: inline-block;
}

.pricing-testimonial-organic-text {
  font-size: 22px;
  line-height: 100%;
}

.pricing-testimonial-logo {
  width: 100%;
  height: 38px;
}

.blog-hero-item {
  width: 100%;
  max-width: 560px;
  height: 100%;
  color: var(--dark);
  flex-direction: column;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.blog-hero-item-text-wrapper {
  border: 1px solid var(--dark);
  background-color: var(--white);
  border-radius: 8px;
  width: 90%;
  max-width: 480px;
  height: 100%;
  margin-top: -85px;
  padding: 32px 32px 20px;
}

.blog-hero-item-tag {
  color: var(--white);
  letter-spacing: .06em;
  text-transform: uppercase;
  border-radius: 6px;
  margin-bottom: 8px;
  padding: 4px 16px;
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
  display: inline-block;
}

.blog-hero-item-heading {
  font-size: 24px;
  font-weight: 700;
  line-height: 130%;
}

.blog-hero-item-author-wrapper {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: row;
  align-items: center;
  margin-top: 20px;
  display: flex;
}

.blog-hero-item-author-image {
  border-radius: 50%;
  width: 48px;
  height: 48px;
}

.blog-hero-item-author-name {
  font-size: 18px;
  font-weight: 500;
  line-height: 156%;
}

.blog-hero-item-author-job-title {
  font-size: 14px;
  line-height: 140%;
}

.blog-hero-item-image-wrapper {
  width: 100%;
  height: 100%;
}

.blog-hero-item-hero-image {
  border-radius: 12px;
  width: 100%;
  height: 100%;
}

.blog-collection-list-wrapper {
  width: 100%;
  height: 100%;
}

.blog-collection-list {
  grid-column-gap: 40px;
  grid-row-gap: 70px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 100%;
  display: grid;
}

.blog-collection-item {
  width: 100%;
  height: 100%;
}

.blog-tabs {
  width: 100%;
}

.blog-tabs-menu {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-wrap: wrap;
  align-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 80px;
  display: flex;
}

.blog-tab-link {
  border: 1px solid var(--gainsboro-light);
  background-color: var(--white);
  border-radius: 32px;
  padding: 14px 32px;
  font-family: Satoshi variable, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 156%;
}

.blog-tab-link:hover {
  background-color: var(--primary-blue);
  color: var(--white);
}

.blog-tab-link.w--current {
  background-color: var(--dark);
  color: var(--white);
}

.blog-tab-link.w--current:hover {
  background-color: var(--sweet-purple);
}

.blog-tab-pane {
  width: 100%;
}

.blog-tab-pane-wrapper {
  width: 100%;
  height: 100%;
}

.newsletter-section {
  background-color: var(--dark);
  color: var(--white);
  position: relative;
  overflow: hidden;
}

.newsletter-wrapper {
  z-index: 111;
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 690px;
  display: flex;
  position: relative;
}

.newsletter-form-block {
  width: 100%;
  max-width: 448px;
  margin-top: 40px;
}

.newsletter-form-wrapper {
  background-color: var(--white);
  border-radius: 100px;
  align-items: center;
  width: 100%;
  padding: 4px;
  display: flex;
}

.newsletter-text-field {
  color: var(--dark);
  background-image: url('../images/envelope_1.svg');
  background-position: 20px;
  background-repeat: no-repeat;
  background-size: auto;
  border: 0 solid #000;
  border-radius: 100px;
  margin-bottom: 0;
  padding-top: 18px;
  padding-bottom: 18px;
  padding-left: 60px;
  font-family: Satoshi variable, sans-serif;
  font-size: 18px;
  line-height: 156%;
}

.newsletter-text-field:focus {
  border: 0 solid #000;
}

.newsletter-text-field::placeholder {
  color: #05003899;
}

.newsletter-blue-bg._1 {
  z-index: 11;
  object-fit: cover;
  width: 35%;
  max-width: 381px;
  height: 100%;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.newsletter-blue-bg._2 {
  z-index: 11;
  width: 30%;
  max-width: 343px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.blog-hero-slider {
  background-color: #0000;
  width: 80%;
  height: auto;
}

.blog-hero-slider-mask {
  width: 100%;
  max-width: none;
  height: 100%;
  overflow: visible;
}

.blog-hero-slide {
  width: 100%;
  height: 100%;
}

.blog-hero-slide-wrapper, .blog-slider-collection-list {
  width: 100%;
}

.blog-slider-item {
  width: 100%;
  color: var(--dark);
  flex-direction: column;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.blog-slider-image-item {
  border-radius: 12px;
  width: 100%;
  max-width: none;
  height: 100%;
  overflow: hidden;
}

.blog-slider-text-item {
  background-color: var(--white);
  border: 1px solid #000;
  border-radius: 12px;
  width: 90%;
  max-width: 780px;
  margin-top: -150px;
  padding: 36px 100px 30px 40px;
}

.blog-slider-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  max-height: 560px;
}

.blog-slider-text-wrapper {
  text-align: center;
  width: 100%;
  max-width: 900px;
  margin-bottom: 76px;
}

.blog-slider-left-arrow {
  width: 50%;
  inset: 0% auto 0% -50%;
}

.blog-slider-right-arrow {
  width: 50%;
  inset: 0% -50% 0% auto;
}

.blog-slide-nav {
  display: none;
}

.blog-hero-heading {
  margin-bottom: 0;
}

.blog-details-hero-section {
  padding-top: 355px;
  position: relative;
  overflow: hidden;
}

.blog-details-hero-image {
  z-index: 0;
  object-fit: cover;
  width: 100vw;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.blog-details-hero-text-container {
  z-index: 11;
  border: 1px solid var(--dark);
  background-color: var(--white);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  width: 100%;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  padding: 56px 64px 50px;
  position: relative;
}

.blog-details-hero-heading {
  margin-bottom: 40px;
  font-size: 48px;
  line-height: 120%;
}

.blog-details-summary-container {
  width: 100%;
  max-width: 1000px;
}

.blog-details-social-left-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border-style: solid;
  border-width: 1px;
  border-color: var(--dark) black var(--dark) var(--dark);
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  flex-direction: column;
  width: 100%;
  max-width: 48px;
  margin-top: 55px;
  padding: 18px 12px;
  display: flex;
  position: sticky;
  top: 55px;
}

.rich-text {
  width: 100%;
  padding: 64px;
}

.rich-text p {
  margin-bottom: 30px;
  font-family: Satoshi variable, sans-serif;
  font-size: 22px;
  line-height: 145%;
}

.rich-text h4 {
  margin-bottom: 24px;
  font-size: 32px;
  line-height: 125%;
}

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

.rich-text blockquote {
  background-color: var(--white-smoke-quote);
  border-left-width: 0;
  border-left-color: #0000;
  border-radius: 9px;
  margin-top: 64px;
  margin-bottom: 64px;
  padding: 40px;
  font-family: Satoshi variable, sans-serif;
  font-size: 24px;
  font-style: italic;
  font-weight: 500;
  line-height: 133%;
}

.rich-text h2, .rich-text h1, .rich-text h3, .rich-text h5, .rich-text h6 {
  margin-bottom: 24px;
}

.blog-details-social-link-wrapper {
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  transition: all .2s;
  display: flex;
}

.blog-details-social-link-wrapper:hover {
  transform: translate(0, -5px);
}

.blog-details-soccial-image {
  width: 100%;
  height: 100%;
}

.blog-details-cta-container {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: var(--primary-blue);
  width: 100%;
  color: var(--white);
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  justify-content: center;
  align-items: center;
  padding: 18px 10px;
  text-decoration: none;
  display: flex;
}

.blog-details-cta-icon {
  width: 28px;
  height: 28px;
}

.blog-details-cta-text {
  font-family: Satoshi variable, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 140%;
}

.blog-details-author-container {
  border: 1px solid var(--dark);
  text-align: center;
  border-radius: 10px;
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin-top: 122px;
  padding: 70px 64px 50px;
  display: flex;
  position: relative;
}

.blog-details-summary-text-wrap {
  border-right: 1px solid var(--dark);
  border-bottom: 1px solid var(--dark);
  border-left: 1px solid var(--dark);
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  width: 100%;
}

.blog-details-autho-para {
  font-family: Satoshi variable, sans-serif;
  font-size: 20px;
  font-style: italic;
  line-height: 160%;
}

.blog-details-author-tag {
  color: var(--white);
  letter-spacing: .06em;
  text-transform: uppercase;
  border-radius: 6px;
  margin-bottom: 30px;
  padding: 4px 16px;
  font-family: Satoshi variable, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
  display: inline-block;
}

.blog-details-author-name {
  margin-bottom: 8px;
  font-size: 24px;
  font-weight: 700;
  line-height: 130%;
}

.blog-details-author-item {
  flex: none;
  width: 100px;
  height: 100px;
}

.blog-details-author-item-image {
  border-radius: 50%;
  width: 100%;
  height: 100%;
}

.blog-details-author-profile-item {
  border: 1px solid var(--dark);
  background-color: var(--white);
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  transition: all .2s;
  display: flex;
}

.blog-details-author-profile-item:hover {
  filter: invert();
}

.blog-details-author-profile-image {
  width: 24px;
  height: 24px;
}

.blog-details-author-profile-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 356px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: absolute;
  inset: -50px 0% auto;
}

.related-blog-collection-list {
  grid-column-gap: 40px;
  grid-row-gap: 70px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.related-blog-collection-item {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.related-blog-collection-list-wrap, .related-blog-container {
  width: 100%;
  height: 100%;
}

.pricing-testimonial-box-flex {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  width: 100%;
  display: flex;
}

.pricing-testimonial-text-wrapper {
  text-align: center;
  width: 100%;
  max-width: 800px;
}

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

.utility-page-content {
  z-index: 1;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 90%;
  max-width: 520px;
  display: flex;
  position: relative;
}

.utility-page-form {
  background-color: var(--white);
  width: 100%;
  height: 100%;
  color: var(--dark);
  border-radius: 12px;
  flex-direction: column;
  align-items: center;
  padding: 40px;
  display: flex;
}

.integration-hero-text-wrapper {
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 800px;
  display: flex;
}

.integration-hero-heading {
  margin-bottom: 24px;
}

.search-container {
  background-color: var(--white-smoke-search);
  border-radius: 100px;
  align-items: center;
  width: 100%;
  max-width: 500px;
  margin-top: 36px;
  margin-bottom: 0;
  padding: 4px;
  display: flex;
}

.search-input {
  background-color: #0000;
  background-image: url('../images/search-icon.svg');
  background-position: 20px;
  background-repeat: no-repeat;
  background-size: auto;
  border: 0 solid #000;
  margin-bottom: 0;
  padding-left: 52px;
  font-size: 18px;
  line-height: 156%;
}

.integration-hero-text-container {
  justify-content: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.integration-hero-card-container {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border: 1px solid var(--dark);
  width: 100%;
  max-width: 560px;
  height: 100%;
  color: var(--dark);
  border-radius: 10px;
  align-items: center;
  padding: 30px 32px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.integration-hero-card-container:hover {
  background-color: #cea7ff33;
}

.integration-card-container {
  width: 100%;
  height: 100%;
}

.integration-hero-card-image {
  border-radius: 50%;
  width: 80px;
  height: 80px;
}

.integration-hero-card-sub-wrap {
  justify-content: space-between;
  align-items: center;
  width: 90%;
  display: flex;
}

.integration-hero-card-name {
  letter-spacing: -.01em;
  margin-bottom: 4px;
  font-size: 32px;
  font-weight: 500;
  line-height: 125%;
}

.integration-hero-card-type {
  color: #05003899;
  font-family: Satoshi variable, sans-serif;
  font-size: 16px;
  line-height: 150%;
}

.integration-collection-list-wrap {
  width: 100%;
  height: 100%;
}

.integration-collection-list {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.integration-collection-item {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.request-integration-container {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: var(--dark);
  width: 100%;
  color: var(--white);
  border-radius: 10px;
  justify-content: space-between;
  align-items: center;
  margin-top: -80px;
  padding: 42px 32px;
  display: flex;
}

.request-integration-heading {
  width: 80%;
  font-size: 40px;
  line-height: 120%;
}

.integration-hero-item {
  width: 50%;
  max-width: 100px;
  height: auto;
}

.integration-hero-item._1 {
  z-index: 111;
  width: 28%;
  max-width: 60px;
  position: absolute;
  inset: -20px auto auto 0%;
}

.integration-hero-item._2 {
  z-index: 11;
  width: 45%;
  max-width: 98px;
  position: absolute;
  inset: 30% 30% auto auto;
}

.integration-hero-item._3 {
  z-index: 11;
  width: 31%;
  max-width: 69px;
  position: absolute;
  inset: auto auto 0% 0%;
}

.integration-hero-item._4 {
  z-index: 111;
  width: 36%;
  max-width: 80px;
  position: absolute;
  inset: -30px 0% auto auto;
}

.integration-hero-item._5 {
  z-index: 11;
  width: 32%;
  max-width: 69px;
  position: absolute;
  inset: 30% auto auto 30%;
}

.integration-hero-item._6 {
  z-index: 111;
  width: 45%;
  position: absolute;
  inset: auto 0% 0% auto;
}

.integration-hero-item-image {
  border-radius: 50%;
  width: 100%;
  height: 100%;
}

.integration-3-card-container {
  width: 20%;
  max-width: 200px;
}

.integration-3-card-container.left {
  z-index: 11;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.integration-3-card-container.right {
  z-index: 11;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.contact-hero-section {
  background-color: var(--dark);
  color: var(--white);
}

.contact-hero-text-container {
  width: 48%;
  max-width: 540px;
}

.contact-hero-form-container {
  width: 46%;
  max-width: 520px;
}

.contact-hero-heading {
  margin-bottom: 24px;
}

.office-location-container {
  width: 50%;
  max-width: 260px;
  margin-top: 34px;
  margin-bottom: 40px;
}

.office-location-heading {
  margin-bottom: 16px;
  font-size: 22px;
  font-weight: 700;
  line-height: 145%;
}

.social-media-icon-wrapper {
  transition: all .2s;
}

.social-media-icon-wrapper:hover {
  transform: translate(0, -5px);
}

.social-media-icon {
  width: 24px;
  height: 24px;
}

.social-media-icon-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  display: flex;
}

.social-media-container {
  width: 100%;
  max-width: 168px;
}

.contact-form-block {
  background-color: var(--white);
  width: 100%;
  color: var(--dark);
  border-radius: 12px;
  padding: 40px 40px 50px;
}

.contact-form {
  width: 100%;
}

.contact-text-field {
  border: 1px solid var(--dark);
  height: 48px;
  color: var(--dark);
  border-radius: 4px;
  margin-bottom: 16px;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 52px;
  font-family: Satoshi variable, sans-serif;
  font-size: 16px;
  line-height: 150%;
}

.contact-text-field:focus {
  border-color: var(--primary-blue);
}

.contact-text-field::placeholder {
  color: #05003899;
}

.contact-text-field.name {
  background-image: url('../images/user.svg');
  background-position: 16px;
  background-repeat: no-repeat;
  background-size: auto;
}

.contact-text-field.email {
  background-image: url('../images/envelope.svg');
  background-position: 16px;
  background-repeat: no-repeat;
  background-size: auto;
}

.contact-text-field.subject {
  background-image: url('../images/pencilsimple.svg');
  background-position: 16px;
  background-repeat: no-repeat;
  background-size: auto;
}

.contact-field-label {
  margin-bottom: 16px;
  font-family: Satoshi variable, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 156%;
}

.red-star-span {
  color: var(--red);
}

.contact-text-area {
  border: 1px solid var(--dark);
  background-image: url('../images/chatcircledots.svg');
  background-position: 16px 12px;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: 4px;
  height: 180px;
  min-height: 180px;
  margin-bottom: 12px;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 52px;
  font-size: 16px;
  line-height: 150%;
}

.contact-text-area:focus {
  border-color: var(--primary-blue);
}

.contact-form-privacy-text {
  color: #05003899;
  font-family: Satoshi variable, sans-serif;
  font-size: 14px;
  line-height: 170%;
}

.contact-success-message {
  background-color: var(--primary-blue);
  color: var(--white);
  text-align: center;
  border-radius: 10px;
  padding-top: 30px;
  padding-bottom: 30px;
  font-size: 18px;
  font-weight: 500;
  line-height: 130%;
}

.contact-error-message {
  background-color: var(--red);
  color: var(--white);
  text-align: center;
  border-radius: 10px;
  padding: 20px;
  font-size: 18px;
  font-weight: 500;
  line-height: 130%;
}

.contact-answer-section {
  background-color: var(--white-smoke-quote);
  margin-bottom: 114px;
}

.contact-answer-grid {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
}

.contact-answer-upper-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  display: flex;
}

.contact-answer-grid-item {
  border-radius: 15px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 360px;
  height: 100%;
  padding: 32px 40px 30px;
  display: flex;
}

.contact-answer-grid-item.purple {
  background-color: var(--sweet-purple);
  color: var(--white);
  text-decoration: none;
}

.contact-answer-grid-item.green {
  background-color: var(--lemon-green);
  color: var(--white);
  text-decoration: none;
}

.contact-answer-grid-item.red {
  background-color: var(--red);
  color: var(--white);
  text-decoration: none;
}

.contact-answer-item-heading {
  font-size: 32px;
  font-weight: 700;
  line-height: 125%;
}

.contact-answer-item-icon {
  width: 40px;
  height: 40px;
}

.contact-answer-item-upper-flex {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  margin-bottom: 12px;
  display: flex;
}

.contact-answer-item-para {
  font-size: 22px;
  line-height: 145%;
}

.contact-answer-itemtext-wrap {
  margin-bottom: 90px;
}

.pass-recovery-text-field {
  border: 1px solid var(--dark);
  width: 100%;
  height: 48px;
  color: var(--dark);
  background-image: url('../images/envelope.svg');
  background-position: 16px;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: 4px;
  margin-bottom: 20px;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 52px;
  font-family: Satoshi variable, sans-serif;
  font-size: 16px;
  line-height: 150%;
}

.pass-recovery-text-field::placeholder {
  color: #05003899;
}

.pass-recovery-heading {
  margin-bottom: 12px;
  font-size: 32px;
  font-weight: 700;
  line-height: 125%;
}

.pass-recovery-field-label {
  color: #05003899;
  margin-bottom: 40px;
  font-family: Satoshi variable, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
}

.password-error-message {
  background-color: var(--red);
  width: 100%;
  color: var(--white);
  border-radius: 10px;
  padding: 20px;
  font-weight: 500;
}

.blue-background-large {
  object-fit: cover;
  width: 35%;
  max-width: 328px;
  height: 100%;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.blue-background-small {
  z-index: 0;
  width: 40%;
  max-width: 378px;
  position: absolute;
  inset: auto auto 0% 0%;
}

.log-in-section {
  background-color: var(--dark);
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100%;
  padding-top: 130px;
  padding-bottom: 130px;
  display: flex;
  position: relative;
}

.log-in-container {
  z-index: 1;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  align-items: center;
  width: 90%;
  max-width: 520px;
  height: auto;
  display: flex;
  position: relative;
}

.log-in-form-block {
  background-color: var(--white);
  border-radius: 12px;
  width: 100%;
  padding: 40px 40px 32px;
}

.log-in-form {
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.checkbox-field {
  align-items: baseline;
  margin-bottom: 16px;
  margin-right: auto;
  display: flex;
}

.checkbox {
  margin-right: 12px;
  transform: scale(1.1);
}

.checkbox-label {
  font-family: Satoshi variable, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 170%;
}

.log-in-text-field {
  border: 1px solid var(--dark);
  width: 100%;
  height: 48px;
  color: var(--dark);
  border-radius: 4px;
  margin-bottom: 16px;
  padding-left: 52px;
  font-size: 16px;
  line-height: 150%;
}

.log-in-text-field::placeholder {
  color: #05003899;
}

.log-in-text-field.email {
  background-image: url('../images/envelope.svg');
  background-position: 16px;
  background-repeat: no-repeat;
  background-size: auto;
}

.log-in-text-field.password {
  background-image: url('../images/lockkey.svg');
  background-position: 16px;
  background-repeat: no-repeat;
  background-size: auto;
}

.log-in-text-field.name {
  background-color: var(--white);
  background-image: url('../images/user.svg');
  background-position: 16px;
  background-repeat: no-repeat;
  background-size: auto;
}

.google-sign-in-button {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border: 1px solid var(--dark);
  background-color: var(--white);
  width: 100%;
  height: 48px;
  color: var(--dark);
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  padding: 12px 10px;
  font-family: Satoshi variable, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
  transition: background-color .2s ease-in-out;
  display: flex;
}

.google-sign-in-button:hover {
  background-color: var(--white-smoke-search);
}

.log-in-caption-text-14px {
  color: #05003899;
  margin-top: 12px;
  margin-bottom: 12px;
  font-family: Satoshi variable, sans-serif;
  font-size: 14px;
  line-height: 170%;
}

.log-in-register-text {
  font-family: Satoshi variable, sans-serif;
  font-size: 16px;
  line-height: 150%;
}

.log-in-link-text {
  color: var(--primary-blue);
  font-weight: 500;
  text-decoration: none;
}

.log-in-bottom-text-wrapper {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  margin-top: 24px;
  display: flex;
}

.log-in-heading {
  margin-bottom: 48px;
  font-size: 32px;
  font-weight: 700;
  line-height: 125%;
}

.log-in-blue-large-bg {
  z-index: 0;
  object-fit: cover;
  width: 35%;
  max-width: 328px;
  height: 100%;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.log-in-blue-small-ng {
  z-index: 0;
  width: 40%;
  max-width: 378px;
  position: absolute;
  inset: auto auto 0% 0%;
}

._404-image-container {
  width: 48%;
  max-width: 524px;
}

._404-text-container {
  flex-direction: column;
  align-items: flex-start;
  width: 40%;
  max-width: 348px;
  display: flex;
}

._404-hero-image {
  width: 100%;
  height: 100%;
}

._404-heading {
  text-shadow: 4px 4px 0 var(--playful-yellow);
  margin-bottom: 16px;
  font-size: 128px;
  line-height: 100%;
}

._404-sub-heading {
  margin-bottom: 12px;
  font-size: 32px;
  font-weight: 700;
  line-height: 125%;
}

.feature-roi-image-container {
  width: 100%;
}

.feature-roi-hero-image {
  width: 100%;
  height: 100%;
}

.feature-roi-upper-wrapper {
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  margin-bottom: 65px;
  display: flex;
}

.feature-roi-text-wrapper {
  width: 68%;
  max-width: 720px;
}

.feature-roi-train-section {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  width: 100%;
  padding-bottom: 114px;
  display: flex;
}

.feature-roi-hero-item {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border: 1px solid var(--dark);
  background-color: var(--white);
  border-radius: 53px;
  flex: none;
  align-items: center;
  width: auto;
  margin-right: 24px;
  padding: 14px 20px;
  display: flex;
}

.feature-roi-hero-item-icon {
  width: 28px;
  height: 28px;
}

.feature-roi-hero-item-text {
  font-size: 18px;
  font-weight: 500;
  line-height: 156%;
}

.feature-roi-wrapper-1, .feature-roi-wrapper-2 {
  flex: none;
  align-items: center;
  display: flex;
}

.feature-roi-container-1 {
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  display: flex;
}

.feature-roi-container-2 {
  align-items: center;
  width: 200%;
  display: flex;
}

.feature-roi-wrapper-3 {
  flex: none;
  align-items: center;
  width: auto;
  display: flex;
}

.feature-roi-wrapper-4 {
  flex: none;
  align-items: center;
  display: flex;
}

.feature-hero-image-container {
  width: 46%;
  max-width: 509px;
  position: relative;
}

.feature-hero-image {
  width: 100%;
  height: 100%;
}

.feature-hero-text-container {
  flex-direction: column;
  align-items: flex-start;
  width: 50%;
  max-width: 590px;
  display: flex;
}

.feature-hero-heading {
  margin-bottom: 24px;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.2;
}

.feature-button-container {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  margin-top: 40px;
  display: flex;
}

.feature-sub-hero-image {
  z-index: 0;
  width: 55%;
  max-width: 298px;
  position: absolute;
  inset: auto -8% -60px auto;
}

.feature-sub-hero-train-section {
  background-color: var(--white-smoke-quote);
  padding-top: 42px;
  padding-bottom: 42px;
}

.feature-best-places-section {
  margin-top: -51px;
  margin-bottom: -285px;
  padding-bottom: 0;
}

.feature-best-places-text-wrap {
  text-align: center;
  width: 100%;
  max-width: 790px;
}

.features-best-places-grid {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  width: 100%;
}

.best-places-item {
  border: 1px solid var(--dark);
  border-radius: 12px;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-width: 260px;
  height: 100%;
  padding: 32px;
  display: flex;
}

.best-places-item-star-container {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  align-items: center;
  margin-top: 12px;
  margin-bottom: 26px;
  display: flex;
}

.best-places-item-star-icon {
  width: 24px;
  height: 24px;
}

.best-places-item-heading-large {
  font-size: 64px;
  font-weight: 700;
  line-height: 112%;
}

.best-places-item-heading-small {
  font-size: 36px;
  line-height: 100%;
}

.customer-first-yellow-container {
  background-color: var(--playful-yellow);
  background-image: url('../images/352118264d839bffe60735ff4aeed26f.svg');
  background-position: 50%;
  background-size: cover;
  border-radius: 12px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 48px;
  padding: 32px 80px 32px 40px;
  display: flex;
}

.customer-first-image-container {
  width: 46%;
  max-width: 502px;
}

.customer-first-hero-image {
  background-color: #0000;
  width: 100%;
  height: 100%;
}

.customer-first-text-container {
  flex-direction: column;
  align-items: flex-start;
  width: 45%;
  max-width: 460px;
  display: flex;
}

.h3-heading-48px {
  font-size: 24px;
}

.customer-first-pointer-icon {
  width: 28px;
  height: 28px;
}

.customer-first-pointer-text {
  font-size: 18px;
  font-weight: 500;
  line-height: 156%;
}

.customer-first-pointer-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  align-items: center;
  display: flex;
}

.customer-first-pointer-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  margin-top: 40px;
  display: flex;
}

.customer-first-blue-container {
  background-color: var(--primary-blue);
  width: 100%;
  max-width: 760px;
  color: var(--white);
  border-radius: 12px;
  padding: 244px 40px 44px;
  position: relative;
}

.customer-first-blue-containers {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  height: 100%;
  display: flex;
}

.customer-first-dark-blue-wrap {
  background-color: var(--dark);
  width: 100%;
  max-width: 360px;
  color: var(--white);
  border-radius: 12px;
  padding: 48px 39px 48px 40px;
}

.customer-first-dark-blue-icon {
  width: 74px;
  height: auto;
  margin-bottom: 52px;
}

.cf-dark-blue-heading {
  margin-bottom: 24px;
  font-size: 32px;
  font-weight: 700;
  line-height: 125%;
}

.cf-dark-blue-para {
  font-family: Satoshi variable, sans-serif;
  font-size: 18px;
  line-height: 156%;
}

.customer-first-blue-white-bg {
  width: 30%;
  max-width: 270px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.customer-first-blue-hero-image {
  width: 60%;
  max-width: 375px;
  position: absolute;
  inset: -26px auto auto 40px;
}

.customer-first-button-pointer {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: var(--white);
  color: var(--dark);
  border-radius: 50px;
  align-items: center;
  padding: 8px 20px 8px 12px;
  display: flex;
}

.cf-blue-pointer-container {
  grid-column-gap: 16px;
  grid-row-gap: 20px;
  flex-wrap: wrap;
  width: 100%;
  max-width: 590px;
  display: flex;
}

.cf-blue-pointer-icon {
  width: 28px;
  height: 28px;
}

.cf-blue-container-text {
  font-family: Satoshi variable, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 156%;
}

.creative-freedom-section {
  margin-top: -52px;
}

.creative-freedom-text-container {
  width: 48%;
  max-width: 540px;
}

.creative-freedom-image-container {
  width: 48%;
  max-width: 524px;
  position: relative;
}

.creative-freedom-hero-image {
  width: 100%;
  height: 100%;
}

.creative-freedom-spacer-line {
  background-color: var(--gainsboro);
  width: 100%;
  height: 1px;
  margin-top: 40px;
  margin-bottom: 32px;
}

.creative-freedom-author-container {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.creative-freedom-author-wrap {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  align-items: center;
  margin-top: 24px;
  display: flex;
}

.creative-freedom-author-image {
  width: 48px;
  height: 48px;
}

.cf-blue-author-name {
  font-family: Satoshi variable, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 156%;
}

.cf-blue-author-job {
  font-family: Satoshi variable, sans-serif;
  font-size: 14px;
  line-height: 140%;
}

.creative-freedom-absolute-img {
  border-radius: 8px;
  box-shadow: 4px 4px 32px #87878740;
}

.creative-freedom-absolute-img._1 {
  width: 70%;
  max-width: 361px;
  position: absolute;
  inset: auto auto 30% 0%;
}

.creative-freedom-absolute-img._2 {
  width: 65%;
  max-width: 345px;
  position: absolute;
  inset: auto auto 15% -5%;
}

.feature-spotlight-section {
  margin-top: -139px;
}

.feature-spotlight-grid {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  width: 100%;
}

.feature-spotlight-hero-item {
  width: 100%;
  max-width: 560px;
  position: relative;
}

.feature-spotlight-item-wrapper {
  z-index: 11;
  grid-column-gap: 24px;
  border: 1px solid var(--dark);
  background-color: var(--white);
  border-radius: 12px;
  width: 100%;
  height: 100%;
  padding: 44px 32px;
  transition: all .2s ease-in-out;
  display: flex;
  position: relative;
}

.feature-spotlight-item-wrapper:hover {
  transform: translate(-12px, -12px);
}

.feature-spotlight-item-wrapper.special {
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.feature-spotlight-item-text-wrap.special {
  text-align: center;
  flex-direction: column;
  align-items: center;
  margin-bottom: 50px;
  display: flex;
}

.feature-spotlight-text-container {
  text-align: center;
  width: 100%;
  max-width: 804px;
}

.most-popular-tag {
  z-index: 1;
  width: 90%;
  max-width: 150px;
  position: absolute;
  inset: -20px auto auto -28px;
}

.order-confirmation {
  background-color: #0000;
  padding: 60px 0;
}

.checkout-container {
  width: 90%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.block-header {
  align-items: center;
  padding-top: 16px;
  padding-bottom: 16px;
}

.checkout-form {
  background-color: #0000;
  padding: 60px 0;
}

.apple-pay {
  border-radius: 10px;
  height: 60px;
}

.pay-with-browser {
  border-radius: 10px;
  height: 60px;
  font-size: 18px;
  font-weight: 500;
}

.pricing-collection-contain {
  width: 100%;
  margin-top: 102px;
}

.collection-list-pricing {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.ecom-pricing-heading {
  font-size: 45px;
  font-weight: 700;
  line-height: 120%;
}

.pricing-plan-points p {
  background-image: url('../images/pricing-check.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  margin-bottom: 16px;
  padding-left: 32px;
  font-family: Satoshi variable, sans-serif;
  font-size: 16px;
  line-height: 150%;
}

.pricing-plan-points h6 {
  background-image: url('../images/pricing-white-check.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  margin-bottom: 16px;
  padding-left: 32px;
  font-family: Satoshi variable, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
}

.cart-button {
  background-color: var(--red);
  border-radius: 50px;
  padding-top: 12px;
  padding-bottom: 12px;
  font-size: 16px;
  line-height: 150%;
  transition: all .2s;
}

.cart-button:hover {
  background-color: var(--sweet-purple);
}

.blue-text-span-16px {
  color: var(--primary-blue);
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 16px;
  font-size: 16px;
  font-weight: 700;
  line-height: 150%;
}

.update-paragraph {
  font-size: 22px;
  line-height: 150%;
}

.reference-section {
  background-color: var(--dark);
  color: var(--white);
  position: relative;
}

.template-instruction-heading-wrapper-2 {
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex;
}

.instruction-heading-2 {
  margin-bottom: 60px;
}

.template-instruction-youtube {
  height: 100%;
}

.text-variant-item {
  grid-column-gap: 40px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 2fr .5fr .5fr .5fr;
  grid-auto-columns: 1fr;
  place-items: center start;
  padding-bottom: 40px;
  display: grid;
}

.styles-heading {
  margin-bottom: 0;
  font-weight: 700;
}

.style-wrapper {
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  width: 90%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 100px;
  padding-bottom: 80px;
  display: flex;
  position: relative;
}

.typo-style-info-text {
  color: #545479;
  font-size: 20px;
  font-weight: 400;
  line-height: 150%;
}

.style-description {
  color: var(--dim-grey);
  margin-top: 24px;
  font-size: 18px;
  line-height: 160%;
}

.text-variant-grid {
  grid-column-gap: 16px;
  grid-row-gap: 20px;
  grid-template-rows: auto auto auto auto auto auto auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-top: 75px;
  display: grid;
  position: relative;
}

.view-source-button {
  grid-column-gap: 12px;
  color: #3f53d8;
  justify-content: space-between;
  align-items: center;
  padding: 5px 5px 9px;
  font-size: 18px;
  font-weight: 700;
  line-height: 155%;
  text-decoration: none;
  display: flex;
  position: relative;
}

.licensing-hero-wrapper {
  width: 100%;
}

.licensing-hero-wrapper.icons {
  margin-top: 150px;
  margin-bottom: 150px;
}

.view-source-button-line {
  background-color: #3f53d8;
  width: 100%;
  height: 1px;
  position: absolute;
  inset: auto 0% 0%;
}

.licencing-images-grid-2 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-top: 40px;
  display: grid;
}

.license-image-cover {
  object-fit: cover;
  border-radius: 16px;
  width: 100%;
  height: 100%;
}

.licensing-tag-subtext-2 {
  letter-spacing: -.02em;
  font-size: 18px;
}

.licensing-heading-2 {
  margin-bottom: 24px;
  font-size: 48px;
  font-weight: 700;
  line-height: 116%;
}

.licensing-icon-grid {
  grid-column-gap: 90px;
  grid-row-gap: 28px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-top: 55px;
  display: grid;
}

.licensing-icon-image {
  width: 48px;
  height: 48px;
}

.font-title-heading {
  color: #3f53d8;
  text-align: center;
  letter-spacing: -1px;
  background-color: #3f53d81a;
  border-radius: 16px;
  margin-top: 60px;
  padding: 42px 20px;
  font-size: 60px;
  font-weight: 700;
  line-height: 100%;
}

.licensing-icon-item {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.licencing-image-item-2 {
  border-radius: 10px;
  height: 250px;
}

.view-source-button-icon {
  width: 24px;
  height: 24px;
}

.licensing-hero-flex {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.plan-detail-title {
  color: #0d0e10;
  margin-bottom: 10px;
  font-size: 32px;
  font-weight: 700;
  line-height: 48px;
}

.price-points-rich-text p {
  background-image: url('../images/pricing-check.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  margin-bottom: 16px;
  padding-left: 32px;
}

.plan-wrapper {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  width: 90%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
}

.text-containers {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 48%;
  max-width: 550px;
  display: flex;
  position: relative;
}

.text-containers.product-hero {
  width: 45%;
  max-width: 500px;
}

.products-name {
  margin-bottom: 8px;
  margin-right: 10px;
}

.product-details-contain {
  margin-top: 20px;
  font-size: 18px;
}

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

.product-name-wrapper {
  flex-wrap: wrap;
  width: 100%;
  display: flex;
}

.duration-label {
  margin-bottom: 10px;
}

.product-box-wrap {
  background-color: #fff;
  border-radius: 12px;
  width: 100%;
  height: auto;
  padding: 40px;
  box-shadow: 0 10px 30px #0f1f3d14;
}

.plan-detail-paragraph {
  margin-bottom: 20px;
  font-size: 18px;
}

.duration-buttons {
  background-color: #3f53d81a;
  border: 2px solid #c9fa7500;
  border-radius: 4px;
  margin-right: 20px;
  padding: 10px 20px;
  font-weight: 500;
}

.duration-buttons.w--ecommerce-pill-selected {
  color: #fff;
  background-color: #3f53d8;
  border: 2px solid #0b0b0b00;
}

.buttons-contain {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  margin-top: 30px;
  display: grid;
}

.plan-price {
  color: #0d0e10;
  font-size: 38px;
  font-weight: 700;
  line-height: 54px;
}

.buynow-button {
  background-color: var(--red);
  text-align: center;
  letter-spacing: -.02em;
  border-radius: 50px;
  margin-top: 0;
  padding: 19px 36px 20px;
  font-size: 20px;
  font-weight: 500;
  line-height: 100%;
  transition: all .2s;
}

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

.add-to-cart {
  background-color: var(--primary-blue);
  text-align: center;
  letter-spacing: -.02em;
  border-radius: 50px;
  justify-content: center;
  padding: 19px 36px 20px;
  font-size: 20px;
  font-weight: 500;
  line-height: 100%;
  transition: all .2s;
}

.add-to-cart:hover {
  background-color: var(--sweet-purple);
}

.about-product-text {
  color: #545479;
  margin-top: 10px;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 156%;
}

.button-group {
  margin-bottom: 20px;
}

.container {
  width: 90%;
  max-width: 1160px;
  margin-left: auto;
  margin-right: auto;
}

.paypal-checkout-form {
  padding: 60px 0;
}

.color-box {
  background-color: #6c4be5;
  border-radius: 8px;
  width: 100%;
  max-width: 136px;
  height: 136px;
  margin-bottom: 16px;
  margin-left: auto;
  margin-right: auto;
}

.color-box._6 {
  background-color: var(--dark);
}

.color-box._4 {
  background-color: var(--playful-yellow);
}

.color-box._5 {
  background-color: var(--red);
}

.color-box._1 {
  background-color: var(--primary-blue);
}

.color-box._11 {
  background-color: var(--white-smoke);
}

.color-box._3 {
  background-color: var(--lemon-green);
}

.color-box._7 {
  background-color: var(--gainsboro);
}

.color-box._2 {
  background-color: var(--sweet-purple);
}

.color-box._8 {
  background-color: var(--white-f7f7f7);
  border: 1px solid #0000001a;
}

.colour-name {
  font-size: 18px;
  font-weight: 700;
  line-height: 32px;
}

.color-grid-item {
  border-radius: 4px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 160px;
  padding: 12px;
  display: flex;
  box-shadow: 0 10px 70px #53535312;
}

.colors-grid {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 1160px;
  display: grid;
}

.colour-code-16-px {
  text-transform: uppercase;
  flex: none;
  font-size: 16px;
  line-height: 24px;
}

.style-guide-titles-2 {
  color: #000;
  margin-bottom: 64px;
}

.integration-template-wrapper {
  justify-content: center;
  align-items: center;
  width: 90%;
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 70px;
  padding-bottom: 140px;
  display: flex;
}

.author-collection-list-wrapper {
  width: 90%;
}

.search {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  display: flex;
}

.search-result-item {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  margin-bottom: 20px;
  padding: 10px;
  display: flex;
}

.cta-image {
  object-fit: cover;
  height: 100%;
}

.cart-quantity {
  color: var(--red);
}

.top-triangle-image {
  position: absolute;
  top: -36px;
  left: 70px;
}

.top-triangle-image._2 {
  left: 320px;
}

.top-triangle-image._3 {
  left: auto;
  right: 322px;
}

.top-triangle-image._4 {
  left: auto;
  right: 71px;
}

.sticky-wrapper {
  width: auto;
  margin-left: -47px;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.contact-success-message-2 {
  color: #fff;
  text-align: center;
  background-color: #4262ff;
  border-radius: 10px;
  padding-top: 30px;
  padding-bottom: 30px;
  font-size: 18px;
  font-weight: 500;
  line-height: 130%;
}

.home-3-form-block {
  margin-top: 40px;
}

.home-3-background-image {
  z-index: 0;
  width: 100%;
  position: absolute;
  inset: auto 0%;
}

.home-3-company-logo-grid {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  width: 80%;
  max-width: 900px;
}

.home-3-hero-heading {
  margin-bottom: 24px;
}

.home-3-hero-text-container {
  width: 48%;
  max-width: 546px;
}

.home-3-user-2 {
  z-index: 1111;
  width: 72px;
  position: absolute;
  inset: 30% auto auto 0%;
}

.home-3-hero-bottom-flex {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.purple-text-span-2 {
  color: #fff;
  background-color: #a259ff;
  border-radius: 10px;
  padding-bottom: 4px;
  padding-left: 8px;
  padding-right: 8px;
  display: inline-block;
}

.home-3-hero-image {
  z-index: 11;
  width: 100%;
  max-width: 444px;
  position: relative;
}

.home-3-form {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  align-items: center;
  font-family: Satoshi variable, sans-serif;
  display: flex;
}

.home-3-user-1 {
  z-index: 1111;
  width: 58px;
  position: absolute;
  inset: -5% 20% auto auto;
}

.home-3-company-logo-image {
  width: 100%;
  height: 100%;
}

.contact-error-message-2 {
  color: #fff;
  text-align: center;
  background-color: #f24e1e;
  border-radius: 10px;
  padding: 20px;
  font-size: 18px;
  font-weight: 500;
  line-height: 130%;
}

.home-3-text-field {
  color: #050038;
  border: 1px solid #050038;
  border-radius: 100px;
  height: 64px;
  margin-bottom: 0;
  padding-top: 17px;
  padding-bottom: 19px;
  padding-left: 30px;
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
}

.home-3-text-field::placeholder {
  color: #05003899;
}

.blue-submit-button {
  background-color: #4262ff;
  border-radius: 100px;
  padding: 17px 31px 19px;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
}

.home-3-image-container {
  justify-content: center;
  align-items: center;
  width: 45%;
  max-width: 522px;
  display: flex;
  position: relative;
}

.home-3-company-logo-item {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 60px;
  display: flex;
}

.home-3-hero-upper-flex {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.home-3-hero-item-2 {
  z-index: 111;
  width: 90%;
  max-width: 439px;
  position: absolute;
  inset: auto auto -8% -50px;
}

.home-3-hero-highlight {
  width: 51px;
  position: absolute;
  inset: auto -10px -40px auto;
}

.home-3-hero-item-1 {
  z-index: 111;
  width: 90%;
  max-width: 188px;
  position: absolute;
  inset: 100px -5% auto auto;
}

.home-3-testimonial-star-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  align-items: center;
  margin-bottom: 24px;
  display: flex;
}

.home-3-testimonial-sextion {
  background-color: #a259ff33;
}

.home-3-testimonial-text-wrap {
  font-family: Satoshi variable, sans-serif;
}

.home-3-testimonial-right-wrap {
  flex-direction: column;
  align-items: flex-start;
  width: 40%;
  max-width: 448px;
  display: flex;
}

.home-3-testimonial-italic-text {
  font-family: Satoshi variable, sans-serif;
  font-size: 22px;
  font-style: italic;
  font-weight: 500;
  line-height: 145%;
}

.home-3-testimonial-author-para {
  color: #050038cc;
  font-size: 18px;
  line-height: 156%;
}

.home-3-testimonial-author-item {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  align-items: center;
  margin-top: 32px;
  display: flex;
}

.home-3-testimonial-author-name {
  font-size: 22px;
  font-weight: 700;
  line-height: 145%;
}

.home-3-number-subtext {
  font-family: Satoshi variable, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 145%;
}

.home-3-testimonial-author-img {
  width: 60px;
}

.home-3-number-heading {
  margin-bottom: 10px;
  font-size: 48px;
  font-weight: 700;
  line-height: 120%;
}

.home-3-number-item-grid {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
}

.home-3-testimonial-left-wrapper {
  grid-column-gap: 63px;
  grid-row-gap: 63px;
  flex-direction: column;
  width: 55%;
  max-width: 617px;
  display: flex;
}

.home-3-testimonial-star-icon {
  width: 24px;
  height: 24px;
}

.home-3-feature-item-heading {
  font-size: 32px;
  font-weight: 700;
  line-height: 125%;
}

.home-3-feature-text-wrapper {
  text-align: center;
  width: 100%;
  max-width: 800px;
}

.home-3-feature-item-para {
  font-family: Satoshi variable, sans-serif;
  font-size: 18px;
  line-height: 156%;
}

.home-3-feature-item-text-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 90%;
  max-width: 350px;
  margin-top: 30px;
  display: flex;
}

.home-3-feature-item-image {
  width: 100%;
}

.home-3-feature-item-grid {
  grid-column-gap: 45px;
  grid-row-gap: 45px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
}

.home-3-feature-item {
  border: 0 solid #000;
  border-radius: 20px;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 370px;
  line-height: 70%;
  display: flex;
}

.home-3-feature-item:hover {
  border-width: 0;
  border-color: #000;
  border-radius: 0;
}

.home-3-analysis-bottom-wrap {
  grid-column-gap: 180px;
  grid-row-gap: 180px;
  flex-direction: column;
  width: 100%;
  display: flex;
}

.home-3-tag-item {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  letter-spacing: .06em;
  text-transform: uppercase;
  background-color: #4262ff26;
  border-radius: 30px;
  align-items: center;
  margin-bottom: 30px;
  padding: 6px 27px 6px 6px;
  font-size: 16px;
  font-weight: 700;
  line-height: 150%;
  display: flex;
}

.home-3-tag-item.white {
  background-color: var(--white);
}

.home-3-analysis-flex {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.home-3-analysis-image-wrapper {
  width: 45%;
  max-width: 500px;
  position: relative;
}

.home-3-analysis-image-wrapper.large {
  width: 52%;
  max-width: 600px;
}

.home-3-analysis-upper-wrapper {
  width: 100%;
  max-width: 1180px;
  margin-right: auto;
}

.home-3-analysis-text-wrapper {
  flex-direction: column;
  align-items: flex-start;
  width: 46%;
  max-width: 530px;
  display: flex;
}

.reference-paragraph {
  text-align: center;
  width: 90%;
  max-width: 700px;
}

.integration-details-text-container {
  z-index: 11;
  background-color: #fff;
  border: 1px solid #050038;
  border-radius: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1000px;
  margin-bottom: 140px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 56px;
  display: flex;
  position: relative;
}

.integration-type {
  color: var(--white);
  letter-spacing: .06em;
  text-transform: uppercase;
  border-radius: 6px;
  margin-left: 64px;
  padding: 4px 16px;
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
  display: inline-block;
}

.integration-cms-section {
  background-image: linear-gradient(to bottom, var(--sweet-purple) 20%, white 20%);
  padding-top: 80px;
}

.integration-top-wrapper {
  flex-direction: column;
  align-items: center;
  max-width: 688px;
  margin-bottom: 60px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.integration-logo-contain {
  grid-column-gap: 30px;
  background-color: var(--white);
  border-radius: 180px;
  flex-direction: row;
  align-items: center;
  margin-bottom: 40px;
  padding: 12px;
  display: flex;
}

.integration-logo {
  object-fit: contain;
  border-radius: 100px;
  width: 80px;
  height: 80px;
}

.integration-heading-wrapper {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-bottom: 24px;
  display: flex;
}

.integration-name {
  color: var(--white);
  margin-bottom: 0;
  font-size: 72px;
  line-height: 120%;
}

.integration-name._80-opacity {
  color: #fffc;
}

.integration-summary {
  color: var(--white);
  text-align: center;
  font-size: 18px;
  line-height: 156%;
}

.integration-social-left-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border-style: solid;
  border-width: 1px;
  border-color: var(--dark) black var(--dark) var(--dark);
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  flex-direction: column;
  width: 100%;
  max-width: 48px;
  margin-top: 220px;
  padding: 18px 12px;
  display: flex;
  position: sticky;
  top: 55px;
}

.integration-social-left-wrapper.customer-stories-cms {
  margin-top: 368px;
}

.subscribe-form-contain {
  width: 100%;
  height: 100%;
  margin-top: 16px;
}

.career-details-text-container {
  z-index: 11;
  background-color: #fff;
  border: 1px solid #050038;
  border-radius: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1000px;
  margin-bottom: 140px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.career-cms-section {
  background-image: linear-gradient(to bottom, var(--sweet-purple) 15%, white 15%);
  padding-top: 80px;
}

.home-3-analysis-spacer-line {
  background-color: #0500381a;
  width: 100%;
  height: 1px;
  margin-top: 48px;
  margin-bottom: 48px;
}

.home-3-analysis-numbers-flex {
  grid-column-gap: 80px;
  width: 100%;
  max-width: 420px;
  display: flex;
}

.home-3-analysis-hero-image {
  width: 100%;
  height: 100%;
}

.home-3-analysis-highlight-img {
  width: 29px;
  height: auto;
}

.home-3-analysis-highlight-img.left {
  position: absolute;
  inset: -25px auto auto -25px;
}

.home-3-analysis-highlight-img.right {
  position: absolute;
  inset: auto -25px -25px auto;
  transform: rotate(-180deg);
}

.home-3-analysis-special-image {
  width: 90%;
  max-width: 456px;
}

.home-3-analysis-absolute-img {
  border-radius: 12px;
  width: 90%;
  max-width: 240px;
  position: absolute;
  inset: auto 0% 88px auto;
  box-shadow: 17px 17px 100px #40454f1a;
}

.home-3-analysis-chart-img {
  width: 60px;
  position: absolute;
  inset: 150px 30px auto auto;
}

.why-choose-section {
  background-color: #0000;
  background-image: url('../images/68af46e605db8ef3c9a215d4_home-v1-hero-bg-2-cloudwhisper-webflow-template.avif');
  background-position: 100%;
  background-size: cover;
}

.why-choose-text-wrapper {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 600px;
  display: flex;
}

.why-choose-hero-item {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  border: 1px solid var(--dark);
  width: 100%;
  max-width: 480px;
  box-shadow: 7px 7px 0 0 var(--dark);
  border-radius: 16px;
  flex-direction: column;
  align-items: flex-start;
  padding: 48px 40px;
  display: flex;
}

.why-choose-header-text {
  color: var(--slate-blue);
  letter-spacing: .12em;
  text-transform: uppercase;
  font-family: Plusjakartadisplay, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 150%;
}

.why-choose-pointer-grid {
  grid-template-rows: auto auto auto auto auto auto;
  grid-template-columns: 1fr;
  width: 100%;
}

.why-choose-pointer-text {
  color: var(--slate-blue);
  background-image: url('../images/checkcircle-blue.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-left: 48px;
  font-family: Plusjakartadisplay, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 160%;
}

.why-choose-pointer-text.with-red-icon {
  color: var(--slate-blue);
  background-image: url('../images/xcircle.svg');
}

.why-choose-item-grid {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  width: 100%;
  position: relative;
}

.why-choose-item-container {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 480px;
  height: 100%;
  display: flex;
  position: relative;
}

.h5-heading-32px {
  color: var(--slate-blue);
  font-size: 24px;
}

.why-choose-path-image {
  width: 100%;
  max-width: 340px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: auto 0% -60px;
}

.why-choose-highlight-icon {
  width: 40px;
  position: absolute;
  inset: 35px auto auto -30px;
}

.vs-blue-wrapper {
  z-index: 11;
  background-color: var(--primary-blue);
  width: 72px;
  height: 72px;
  color: var(--white);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  font-size: 32px;
  font-weight: 700;
  line-height: 40px;
  display: flex;
  position: absolute;
  inset: 50% 0%;
}

.home-3-integration-upper-wrap {
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.home-3-integration-heading-wrap {
  max-width: 580px;
}

.home-3-integration-bottom-grid, .home-3-integration-cl-wrap {
  width: 100%;
}

.home-3-integration-cl {
  grid-column-gap: 35px;
  grid-row-gap: 35px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.home-3-integration-item {
  border: 1px solid var(--dark);
  border-radius: 14px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 212px;
  padding: 36px 40px;
  transition: all .2s;
  display: flex;
}

.home-3-integration-item:hover {
  box-shadow: 4px 4px 0 0 var(--dark);
}

.home-3-integration-item-image {
  object-fit: contain;
  width: 56px;
  height: 56px;
}

.home-3-customer-upper-wrap {
  max-width: 700px;
  margin-right: auto;
}

.home-3-customer-bottom-flex {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.home-3-customer-image-wrap {
  width: 46%;
  max-width: 480px;
}

.home-3-customer-image {
  width: 100%;
  height: 100%;
}

.home-3-customer-text-wrap {
  width: 52%;
  max-width: 615px;
}

.home-3-customer-slider {
  background-color: #0000;
  width: 100%;
  height: auto;
}

.home-3-customer-slider-mask {
  width: 100%;
}

.home-3-customer-slide {
  width: 100%;
  height: 100%;
  margin-right: 20px;
}

.home-3-customer-slide-nav {
  inset: auto 0% -96px auto;
}

.customer-slide-upper-wrapper {
  border-bottom: 1px solid var(--dark);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 40px;
  padding-bottom: 32px;
  display: flex;
}

.home-3-customer-para {
  font-size: 32px;
  font-style: italic;
  font-weight: 500;
  line-height: 150%;
}

.home-3-contact-blue-wrapper {
  background-color: var(--primary-blue);
  width: 100%;
  max-width: 550px;
  color: var(--white);
  text-align: center;
  border-radius: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 80px 53px;
  display: flex;
  position: relative;
}

.home-3-contact-blue-heading {
  margin-bottom: 24px;
  font-size: 40px;
  font-weight: 700;
  line-height: 120%;
}

.home-3-contact-blue-para {
  font-size: 18px;
  line-height: 156%;
}

.home-3-contact-blue-button-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  width: 100%;
  margin-top: 48px;
  display: flex;
}

.home-3-contact-left-container {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-direction: column;
  width: 60%;
  max-width: 602px;
  display: flex;
}

.home-3-contact-yellow-wrapper {
  background-color: var(--playful-yellow);
  border-radius: 16px;
  padding: 48px;
}

.home-3-contact-dark-blue-wrap {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: var(--dark);
  color: var(--white);
  border-radius: 16px;
  align-items: center;
  padding: 42px 36px;
  display: flex;
}

.home-3-contact-badge-icon {
  width: 58px;
}

.home-3-contact-text-32px {
  font-size: 32px;
  font-weight: 700;
  line-height: 125%;
}

.home-3-contact-yellow-flex {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  margin-top: 40px;
  display: flex;
}

.home-3-contact-blue-path-image {
  width: 90%;
  max-width: 212px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.home-3-cta-section {
  background-color: #a259ff33;
  position: relative;
}

.home-3-cta-text-wrapper {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 790px;
  display: flex;
}

.home-3-tag-item-icon {
  width: 36px;
  height: 36px;
}

.home-3-cta-hero-item {
  z-index: 11;
  width: 90%;
  max-width: 293px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.home-3-cta-hero-item-1 {
  width: 90%;
  max-width: 248px;
  position: absolute;
  inset: auto auto 0% 0%;
}

.home-3-cta-form-block {
  width: 100%;
  max-width: 586px;
  margin-top: 60px;
}

.home-3-cta-form {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  display: flex;
}

.home-3-cta-text-field {
  border: 1px solid var(--dark);
  height: 64px;
  color: var(--dark);
  border-radius: 100px;
  margin-bottom: 0;
  padding-top: 17px;
  padding-bottom: 19px;
  padding-left: 30px;
  font-size: 20px;
  line-height: 28px;
}

.home-3-cta-text-field::placeholder {
  color: #05003899;
}

.home-3-cta-blue-button {
  background-color: var(--primary-blue);
  border-radius: 100px;
  padding: 18px 32px;
  font-family: Satoshi variable, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
}

.home-3-contact-blue-icon {
  width: 85px;
  margin-bottom: 30px;
}

.reviews-hero-section {
  background-color: #a259ff33;
}

.reviews-hero-text-container {
  width: 45%;
  max-width: 510px;
}

.reviews-hero-heading {
  max-width: 460px;
  margin-bottom: 24px;
  font-size: 58px;
  line-height: 120%;
}

.reviews-hero-container {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  justify-content: space-between;
  width: 100%;
  max-width: 450px;
  margin-top: 48px;
  display: flex;
}

.reviews-hero-spacer-line {
  background-color: #0500384d;
  width: 1px;
}

.reviews-hero-item {
  width: 100%;
  max-width: 170px;
}

.reviews-hero-item.large {
  max-width: 184px;
}

.reviews-hero-star-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  margin-top: 20px;
  margin-bottom: 16px;
  display: flex;
}

.reviews-hero-star-image {
  width: 24px;
  height: 24px;
}

.reviews-hero-text-20px {
  color: #050038e6;
  font-family: Satoshi variable, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 140%;
}

.reviews-people-image {
  width: 100%;
  max-width: 154px;
  margin-bottom: 28px;
}

.reviews-hero-text-22px {
  font-family: Satoshi variable, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 145%;
}

.reviews-testimonial-item {
  border: 1px solid var(--dark);
  background-color: var(--white);
  border-radius: 12px;
  width: 90%;
  max-width: 489px;
  padding: 32px;
}

.reviews-testimonial-item.middle {
  margin-left: auto;
}

.reviews-testimonial-item-para {
  font-family: Satoshi variable, sans-serif;
  font-size: 20px;
  line-height: 150%;
}

.reviews-testimonial-author-item {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  align-items: center;
  margin-top: 32px;
  display: flex;
}

.reviews-testimonial-author-img {
  width: 50px;
}

.reviews-testimonial-text-wrap {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  flex-direction: column;
  display: flex;
}

.reviews-testimonial-author-name {
  font-family: Satoshi variable, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 156%;
}

.reviews-testimonial-author-bio {
  font-family: Satoshi variable, sans-serif;
  font-size: 16px;
  line-height: 138%;
}

.reviews-testimonial-container {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  width: 50%;
  max-width: 571px;
  display: flex;
}

.reviews-customer-text-wrapper {
  text-align: center;
  width: 100%;
  max-width: 756px;
}

.customer-reviews-hero-item {
  border: 1px solid #000;
  border-radius: 10px;
  width: 100%;
  max-width: 560px;
  padding: 40px 40px 36px;
}

.reviews-customer-grid {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  grid-template-rows: auto auto auto auto;
  width: 100%;
}

.faq-card-item {
  border: 1px solid var(--dark);
  border-radius: 12px;
  width: 100%;
  max-width: 580px;
  transition: all .2s;
}

.faq-card-item:hover {
  box-shadow: 6px 6px 0 0 var(--dark);
}

.faq-card-question-container {
  cursor: pointer;
  width: 100%;
  padding: 24px 20px 24px 24px;
}

.faq-card-question {
  width: 90%;
  font-family: Satoshi variable, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 145%;
}

.faq-card-answer-wrap {
  width: 100%;
  height: auto;
  padding-left: 24px;
  padding-right: 24px;
  overflow: hidden;
}

.faq-card-content {
  max-width: 492px;
  padding-bottom: 32px;
  font-size: 18px;
  line-height: 156%;
}

.faq-card-container {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 580px;
  display: flex;
}

.faq-card-wrapper {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  width: 100%;
  display: flex;
}

.faq-card-text-wrapper {
  text-align: center;
  width: 100%;
  max-width: 780px;
}

.download-hero-section {
  position: relative;
}

.download-hero-purple-bg {
  background-color: var(--sweet-purple);
  width: 100%;
  max-height: 638px;
  position: absolute;
  inset: 0%;
}

.download-hero-text-wrapper {
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 688px;
  display: flex;
}

.download-hero-heading {
  margin-bottom: 24px;
  font-size: 58px;
  line-height: 125%;
}

.download-hero-grid {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
}

.download-hero-item {
  border: 1px solid var(--dark);
  background-color: var(--white);
  width: 100%;
  max-width: 360px;
  color: var(--dark);
  text-align: center;
  border-radius: 12px;
  flex-direction: column;
  align-items: center;
  padding: 40px 30px 28px;
  display: flex;
}

.download-hero-item-icon {
  width: 80px;
  margin-bottom: 24px;
}

.download-hero-item-heading {
  margin-bottom: 16px;
  font-size: 24px;
  font-weight: 700;
  line-height: 133%;
}

.download-hero-item-para {
  font-size: 16px;
  line-height: 150%;
}

.download-hero-item-spacer-line {
  background-color: var(--gainsboro);
  width: 100%;
  height: 1px;
  margin-top: 40px;
  margin-bottom: 28px;
}

.download-hero-item-link-block {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: var(--dark);
  letter-spacing: .08em;
  text-transform: uppercase;
  align-items: center;
  font-family: Satoshi variable, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 32px;
  text-decoration: none;
  display: flex;
}

.download-hero-item-app-con {
  width: 40px;
}

.different-text-wrapper {
  text-align: center;
  width: 100%;
  max-width: 720px;
}

.different-item-container {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  width: 100%;
  display: flex;
}

.different-item-sub-container {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  flex-direction: column;
  width: 100%;
  max-width: 575px;
  display: flex;
}

.different-item-sub-container.margin-top-50px {
  margin-top: 50px;
}

.different-hero-item {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  border: 2px solid var(--dark);
  border-radius: 12px;
  align-items: center;
  padding: 32px 50px 32px 40px;
  transition: all .2s;
  display: flex;
}

.different-hero-item:hover {
  box-shadow: 6px 6px 0 0 var(--dark);
}

.different-hero-item.yellow-dim {
  background-color: #ffd02f33;
}

.different-hero-item.purple-dim {
  background-color: #a259ff33;
}

.different-hero-item.green-dim {
  background-color: #a6c03d33;
}

.different-hero-item.red-dim {
  background-color: #f24e1e33;
}

.different-hero-item.blue-dim {
  background-color: #4262ff33;
}

.different-hero-item.white {
  background-color: var(--white);
}

.different-hero-item-icon {
  width: 90px;
  height: 90px;
}

.different-hero-item-para {
  font-family: Satoshi variable, sans-serif;
  font-size: 18px;
  line-height: 156%;
}

.demo-hero-section {
  background-color: var(--sweet-purple);
  color: var(--white);
}

.demo-hero-text-container {
  width: 50%;
  max-width: 600px;
}

.demo-hero-form-container {
  width: 46%;
  max-width: 520px;
}

.demo-hero-heading {
  margin-bottom: 24px;
  font-size: 58px;
  line-height: 125%;
}

.venture-section {
  background-color: var(--dark);
  color: var(--white);
  position: relative;
}

.venture-upper-text-wrapper {
  text-align: center;
  width: 100%;
  max-width: 680px;
}

.venture-bottom-wrapper {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.venture-bottom-left-container {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  width: 46%;
  max-width: 464px;
  display: flex;
}

.venture-bottom-right-container {
  width: 48%;
  max-width: 550px;
  position: relative;
}

.venture-bottom-hero-item {
  width: 100%;
  max-width: 182px;
}

.venture-bottom-hero-item-icon {
  width: 48px;
  margin-bottom: 20px;
}

.venture-bottom-hero-item-heading {
  margin-bottom: 16px;
  font-size: 40px;
  font-weight: 700;
  line-height: 120%;
}

.venture-bottom-hero-item-para {
  font-family: Satoshi variable, sans-serif;
  font-size: 18px;
  line-height: 156%;
}

.venture-company-logo-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  width: 100%;
}

.venture-company-logo-wrapper {
  background-color: var(--white);
  border-radius: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 260px;
  padding: 18px 45px;
  display: flex;
}

.venture-company-logo-image {
  width: 100%;
  height: 100%;
}

.venture-king-crown-image {
  z-index: 1;
  width: 100px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 65px 0%;
}

.venture-path-image {
  z-index: 11;
  width: 50%;
  max-width: 271px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.logo-train-item {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: var(--dark);
  flex: none;
  align-items: center;
  width: 100%;
  max-width: 250px;
  margin-right: 40px;
  display: flex;
}

.logo-train-item.white {
  background-color: var(--white);
}

.logo-train-item-image {
  width: 100%;
  max-width: 200px;
}

.logo-train-item-dot {
  background-color: #fff6;
  border-radius: 50%;
  width: 10px;
  height: 10px;
}

.logo-train-item-dot.black {
  background-color: #05003866;
}

.logo-train-wrapper-1 {
  background-color: var(--dark);
  flex: none;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.logo-train-container {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.logo-train-wrapper-2, .logo-train-wrapper-3 {
  background-color: var(--dark);
  flex: none;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.logo-train-banner-section {
  background-color: var(--dark);
  border-bottom: 1px solid #ffffff4d;
  padding-top: 24px;
  padding-bottom: 24px;
}

.demo-hero-spacer-line {
  background-color: #ffffff4d;
  width: 100%;
  height: 2px;
  margin-top: 40px;
  margin-bottom: 40px;
}

.demo-hero-logo-grid {
  grid-column-gap: 70px;
  grid-row-gap: 40px;
  opacity: .8;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
  height: 100%;
}

.demo-hero-logo-item {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 158px;
  height: 100%;
  display: flex;
}

.careers-hero-text-wrapper {
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 648px;
  display: flex;
  position: relative;
}

.careers-hero-tag-wrapper {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}

.careers-hero-tag-icon {
  width: 20px;
}

.careers-hero-tag-text {
  font-family: Satoshi variable, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 145%;
}

.careers-hero-image-container {
  grid-column-gap: 31px;
  grid-row-gap: 31px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.careers-hero-image-item {
  justify-content: center;
  align-items: center;
  display: flex;
}

.careers-hero-image {
  border-radius: 8px;
  width: 100%;
  height: 100%;
}

.careers-hero-sub-wrapper {
  grid-column-gap: 31px;
  grid-row-gap: 31px;
  align-items: flex-end;
  display: flex;
}

.careers-hero-sub-wrapper.top-align {
  align-items: flex-start;
}

.careers-hero-middle-wrapper {
  grid-column-gap: 31px;
  grid-row-gap: 31px;
  flex-direction: column;
  width: 80%;
  max-width: 702px;
  display: flex;
}

.careers-hero-arrow-image {
  width: 20%;
  max-width: 80px;
  position: absolute;
  inset: auto -155px -100px auto;
}

.careers-hero-star-image {
  width: 20%;
  max-width: 76px;
  position: absolute;
  inset: auto auto 60px -160px;
}

.careers-tabs {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.careers-tabs-menu {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-wrap: wrap;
  align-items: center;
  width: 48%;
  max-width: 480px;
  margin-right: auto;
  display: flex;
}

.careers-tab-link {
  background-color: #0000;
  border: 1px solid #000;
  border-radius: 100px;
  padding: 0 20px;
  font-family: Satoshi variable, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 300%;
}

.careers-tab-link.w--current {
  background-color: var(--dark);
  color: var(--white);
}

.careers-tabs-content {
  width: 50%;
  max-width: 620px;
  overflow: visible;
}

.careers-opening-card-item {
  background-color: var(--white);
  width: 100%;
  color: var(--dark);
  border-radius: 12px;
  justify-content: space-between;
  align-items: center;
  padding: 29px 40px;
  text-decoration: none;
  display: flex;
  box-shadow: 0 24px 100px #40454f12;
}

.careers-opening-card-icon-wrap {
  background-color: var(--white-smoke-f1f3f6);
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  display: flex;
}

.careers-opening-card-arrow {
  width: 24px;
  height: 24px;
}

.careers-card-white-arrow {
  width: 24px;
  height: 24px;
  display: none;
}

.careers-opening-card-text-wrap {
  width: 85%;
  max-width: 428px;
}

.careers-opening-card-heading {
  margin-bottom: 12px;
  font-size: 24px;
  font-weight: 700;
  line-height: 133%;
}

.careers-opening-card-sub-wrap {
  grid-column-gap: 12px;
  grid-row-gap: 0px;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.careers-opening-card-item-dot {
  background-color: var(--grey-2);
  border-radius: 50%;
  width: 5.5px;
  height: 5.5px;
}

.career-opening-card-text-16px {
  color: var(--grey-2);
  font-family: Satoshi variable, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 156%;
}

.careers-opening-card-container {
  width: 100%;
}

.careers-collection-list {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  flex-direction: column;
  display: flex;
}

.career-opening-text-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  width: 50%;
  max-width: 443px;
  display: flex;
}

.home-2-cta-section {
  padding-top: 80px;
  padding-bottom: 80px;
}

.home-2-cta-text-wrapper {
  z-index: 1;
  flex-direction: column;
  align-items: flex-start;
  width: 42%;
  max-width: 434px;
  margin-bottom: 48px;
  display: flex;
  position: relative;
}

.home-2-cta-sub-text-wrapper {
  margin-bottom: 130px;
}

.yellow-text-span {
  background-color: var(--playful-yellow);
  color: var(--dark);
  border-radius: 10px;
  padding-bottom: 4px;
  padding-left: 8px;
  padding-right: 8px;
  display: inline-block;
}

.home-2-cta-icon {
  width: 75px;
  margin-bottom: 30px;
}

.home-2-cta-image-wrapper {
  z-index: 1;
  width: 50%;
  max-width: 560px;
  position: relative;
}

.home-2-cta-image {
  border-bottom-right-radius: 24px;
}

.home-2-cta-blue-background {
  width: 50%;
  max-width: 282px;
  position: absolute;
  inset: 0% 85px 0% auto;
}

.pricing-2-hero-text-wrapper {
  max-width: 580px;
  margin-right: auto;
}

.pricing-2-hero-heading {
  margin-bottom: 0;
}

.pricing-2-tabs {
  width: 100%;
}

.pricing-2-tabs-menu {
  border: 1px solid var(--dark);
  border-radius: 60px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 322px;
  margin-left: auto;
  display: flex;
  top: -80px;
}

.pricing-2-tabs-content {
  overflow: visible;
}

.pricing-2-tab-link {
  background-color: #0000;
  border: .5px solid #0000;
  border-radius: 60px;
  padding: 19px 43px;
  font-family: Satoshi variable, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 145%;
}

.pricing-2-tab-link.w--current {
  border-color: var(--dark);
  background-color: var(--sweet-purple);
  color: var(--white);
}

.pricing-2-tab-pane-wrapper {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: space-between;
  display: flex;
}

.pricing-2-hero-item {
  border: 1px solid var(--dark);
  border-radius: 16px;
  width: 100%;
  max-width: 580px;
  transition: all .2s;
}

.pricing-2-hero-item:hover {
  box-shadow: 7px 7px 0 0 var(--dark);
}

.pricing-2-top-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 46px 40px;
  display: flex;
}

.pricing-2-middle-wrapper {
  border-top: 1px solid var(--dark);
  border-bottom: 1px solid var(--dark);
  background-color: #ffd02f66;
  width: 100%;
  padding: 34px 40px;
}

.pricing-2-middle-wrapper.dim-purple {
  background-color: #a259ff66;
}

.pricing-2-bottom-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 44px 40px;
  display: flex;
}

.pricing-2-pointer-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  align-items: center;
  display: flex;
}

.pricing-2-pointer-container {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.pricing-2-pointer-icon {
  width: 28px;
  height: 28px;
}

.pricing-2-pointer-text {
  font-family: Satoshi variable, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 156%;
}

.pricing-2-billed-text {
  color: #05003880;
  letter-spacing: .06em;
  text-transform: uppercase;
  font-family: Satoshi variable, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 150%;
}

.pricing-2-price-text {
  font-size: 72px;
  font-style: italic;
  font-weight: 700;
  line-height: 100%;
}

.pricing-2-price-text-small {
  color: #05003866;
  font-size: 32px;
  font-style: normal;
}

.pricing-2-price-text-wrapper {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.pricing-2-all-cap-text {
  color: #05003880;
  letter-spacing: .06em;
  text-transform: uppercase;
  font-family: Satoshi variable, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
}

.pricing-2-item-heading {
  font-size: 32px;
  font-weight: 700;
  line-height: 125%;
}

.pricing-2-tabs-container {
  width: 100%;
  position: relative;
}

.pricing-2-customer-slider-wrap {
  width: 100%;
}

.pricing-2-heading-wrapper {
  width: 100%;
  max-width: 695px;
}

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

.customer-slider-mask-v2 {
  width: 100%;
  max-width: 1070px;
  overflow: visible;
}

.customer-slider-slide-v2 {
  width: 100%;
  height: 100%;
  margin-right: 60px;
}

.customer-slide-wrapper-v2 {
  background-color: #a259ff33;
  border-radius: 20px;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding: 70px;
  display: flex;
}

.customer-slide-wrapper-v2.dim-yellow {
  background-color: #ffd02f33;
}

.customer-slide-wrapper-v2.dim-red {
  background-color: #f24e1e33;
}

.customer-slide-left-container {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  width: 30%;
  max-width: 250px;
  display: flex;
}

.customer-slide-right-container {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  align-items: flex-start;
  width: 70%;
  max-width: 526px;
  display: flex;
}

.customer-slide-vertical-line {
  background-color: #05003833;
  width: 1px;
  height: 286px;
}

.customer-slide-heading-number {
  margin-bottom: 4px;
  font-size: 25px;
  font-weight: 700;
  line-height: 125%;
}

.customer-slide-para-small-text {
  font-size: 22px;
  line-height: 28px;
}

.customer-slide-testimonial-text {
  letter-spacing: -.01em;
  font-size: 27px;
  font-weight: 500;
  line-height: 125%;
}

.customer-slide-brand-logo {
  width: 100%;
  max-width: 170px;
}

.customer-slider-left-arrow-v2 {
  border: 1px solid var(--dark);
  background-color: var(--white);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  transition: all .2s;
  display: flex;
  inset: -141px 70px auto auto;
}

.customer-slider-left-arrow-v2:hover {
  filter: invert();
  transform: translate(-5px);
}

.customer-slider-right-arrow-v2 {
  border: 1px solid var(--dark);
  background-color: var(--white);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  transition: all .2s;
  display: flex;
  inset: -141px 0% auto auto;
}

.customer-slider-right-arrow-v2:hover {
  filter: invert();
  transform: translate(5px);
}

.discount-offer-img {
  width: 146px;
  height: auto;
  position: absolute;
  inset: -160px 0% auto auto;
}

.different-blue-section {
  background-color: var(--primary-blue);
  color: var(--white);
  position: relative;
}

.different-blue-item {
  border: 1px solid var(--dark);
  background-color: var(--white);
  width: 100%;
  max-width: 324px;
  color: var(--dark);
  text-align: center;
  border-radius: 20px;
  flex-direction: column;
  align-items: center;
  padding: 48px 32px;
  display: flex;
}

.different-blue-item-icon {
  width: 85px;
  height: 85px;
  margin-bottom: 30px;
}

.different-blue-item-heading {
  margin-bottom: 18px;
  font-size: 24px;
  font-weight: 700;
  line-height: 133%;
}

.different-blue-item-para {
  font-family: Satoshi variable, sans-serif;
  font-size: 18px;
  line-height: 156%;
}

.different-blue-item-wrapper {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-direction: column;
  width: 100%;
  max-width: 324px;
  display: flex;
}

.different-blue-item-wrapper.middle {
  margin-top: 120px;
}

.different-blue-item-container {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  display: flex;
}

.team-yellow-section {
  background-color: var(--playful-yellow);
}

.about-yellow-item {
  border: 2px solid var(--dark);
  background-color: var(--white);
  border-radius: 240px;
  width: 100%;
  max-width: 376px;
  position: relative;
}

.about-yellow-item-absolute {
  background-color: var(--white);
  border-radius: 242px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 376px;
  padding: 20px;
  display: none;
  position: absolute;
  inset: 0%;
}

.about-yellow-item-hero-image {
  border-radius: 242px;
  width: 100%;
  height: 100%;
}

.about-yellow-item-heading {
  margin-bottom: 12px;
  font-size: 32px;
  font-weight: 700;
  line-height: 125%;
}

.about-yellow-item-para {
  letter-spacing: .08em;
  text-transform: uppercase;
  font-family: Satoshi variable, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 156%;
}

.about-yellow-social-media-item {
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  transition: all .2s;
  display: flex;
}

.about-yellow-social-media-item:hover {
  transform: translate(0, -5px);
}

.about-yellow-social-media-image {
  width: 100%;
  height: 100%;
}

.about-social-social-container {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  margin-top: 60px;
  display: flex;
}

.about-yellow-item-grid {
  grid-column-gap: 36px;
  grid-row-gap: 40px;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
}

.team-yellow-heading-wrapper {
  width: 100%;
  max-width: 840px;
}

.about-3-hero-text-wrapper {
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 580px;
  margin-top: 120px;
  margin-bottom: 110px;
  display: flex;
}

.about-3-hero-item-1 {
  width: 30%;
  max-width: 240px;
  margin-top: 60px;
  margin-bottom: auto;
}

.about-3-hero-item-image {
  width: 100%;
  height: 100%;
}

.about-3-hero-item-2 {
  width: 35%;
  max-width: 266px;
  margin-top: auto;
}

.about-benefit-bottom-container {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.about-benefit-para-container {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  width: 50%;
  max-width: 501px;
  display: flex;
}

.about-benefit-heading-container {
  width: 50%;
  max-width: 460px;
}

.about-benefit-item {
  border: 1px solid var(--dark);
  text-align: center;
  border-radius: 16px;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 270px;
  padding: 30px 25px 40px;
  transition: all .2s;
  display: flex;
}

.about-benefit-item:hover {
  box-shadow: 6px 6px 0 0 var(--dark);
}

.about-benefit-item-icon {
  width: 80px;
  height: 80px;
  margin-bottom: 20px;
}

.about-benefit-item-heading {
  margin-bottom: 16px;
  font-size: 48px;
  font-weight: 700;
  line-height: 120%;
}

.about-benefit-item-para {
  font-size: 24px;
  line-height: 133%;
}

.about-benefit-item-grid {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 100%;
  display: grid;
}

.about-hero-star-icon {
  width: 77px;
  height: 80px;
  position: absolute;
  inset: 75px 10% auto auto;
}

.about-hero-arrow-image {
  width: 40%;
  max-width: 193px;
  position: absolute;
  inset: auto auto 0% 18%;
}

.faq-open-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  width: 100%;
  max-width: 492px;
  display: flex;
}

.faq-open-question-text {
  font-size: 24px;
  font-weight: 500;
  line-height: 133%;
}

.faq-open-answer-text {
  font-family: Satoshi variable, sans-serif;
  font-size: 18px;
  line-height: 156%;
}

.faq-open-grid {
  grid-column-gap: 150px;
  grid-row-gap: 60px;
  grid-template-rows: auto auto auto;
  width: 100%;
}

.faq-open-text-wrapper {
  text-align: center;
}

.pricing-table-section {
  overflow: hidden;
}

.pricing-table-container {
  border: 1px solid var(--dark);
  border-radius: 16px;
  width: 100%;
  transition: all .2s;
}

.pricing-table-container:hover {
  box-shadow: 4px 4px 0 0 var(--dark);
}

.pricing-table-top-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  cursor: pointer;
  border-radius: 16px;
  align-items: center;
  width: 100%;
  padding: 30px 36px;
  display: flex;
}

.pricing-table-bottom-wrap {
  padding-left: 36px;
  padding-right: 36px;
  overflow: hidden;
}

.pricing-table-icon-wrapper {
  border: 1px solid var(--dark);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
}

.pricing-table-icon {
  width: 24px;
  height: 24px;
}

.pricing-table-top-text {
  font-size: 24px;
  font-weight: 700;
  line-height: 142%;
}

.pricing-table-hero-wrapper {
  grid-column-gap: 75px;
  grid-row-gap: 75px;
  border-top: 1px solid #0500381a;
  flex-direction: column;
  padding-top: 30px;
  padding-bottom: 62px;
  display: flex;
}

.pricing-table-hero-flex {
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.pricing-table-item {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.pricing-table-item.left-align {
  justify-content: flex-start;
  align-items: flex-start;
}

.pricing-table-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  width: 70%;
}

.pricing-table-heading-item {
  width: 30%;
}

.pricing-table-text-20px {
  color: var(--midnight-blue);
  letter-spacing: -.02em;
  font-size: 20px;
  line-height: 116%;
}

.pricing-table-text-20px.medium {
  font-weight: 500;
}

.pricing-table-item-blue-icon {
  width: 28px;
  height: 28px;
}

.pricing-table-outer-container-1 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  width: 100%;
  display: flex;
}

.pricing-table-top-special {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  cursor: pointer;
  padding: 30px 36px;
  display: flex;
}

.pricing-table-bottom-special {
  border-top: 1px solid #0500381a;
  padding-left: 36px;
  padding-right: 36px;
  overflow: hidden;
}

.pricing-table-container-special {
  border: 1px solid var(--dark);
  border-radius: 16px;
  width: 100%;
  transition: all .2s;
}

.pricing-table-container-special:hover {
  box-shadow: 4px 4px 0 0 var(--dark);
}

.pricing-table-icon-special {
  width: 24px;
  height: 24px;
}

.pricing-plan-feature-text {
  color: var(--midnight-blue);
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: 500;
  line-height: 133%;
}

.pricing-plan-feature-text.large {
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 700;
  line-height: 142%;
}

.pricing-plan-subtext {
  color: #05003899;
  font-family: Satoshi variable, sans-serif;
  font-size: 22px;
  font-weight: 500;
  line-height: 145%;
}

.pricing-plan-link-text {
  border-bottom: 3px solid var(--slate-blue);
  color: var(--slate-blue);
  margin-top: 24px;
  font-family: Satoshi variable, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 145%;
  text-decoration: none;
}

.toggle-row {
  justify-content: center;
  align-items: center;
  margin-right: 80px;
  display: flex;
  position: relative;
}

.toggle-text {
  color: var(--midnight-blue);
  font-size: 24px;
  font-weight: 500;
  line-height: 133%;
}

.toggle-contain {
  background-color: var(--primary-blue);
  cursor: pointer;
  border-radius: 30px;
  justify-content: space-between;
  align-items: center;
  width: 80px;
  height: 36px;
  margin-left: 20px;
  margin-right: 20px;
  padding: 5px;
  display: flex;
}

.toggle-dot {
  background-color: #fff;
  border-radius: 100%;
  width: 26px;
  height: 26px;
}

.toggle-save-container {
  align-items: center;
  display: flex;
  position: absolute;
  inset: -20px -140px auto auto;
}

.toggle-arrow-icon {
  width: 100%;
  max-width: 74px;
  position: relative;
  top: -10px;
  right: -15px;
}

.pricing-table-upper-wrapper {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.toggle-text-icon {
  width: 100%;
  max-width: 87px;
  height: 100%;
}

.pricing-table-outer-container-2 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  width: 100%;
  display: flex;
}

.pricing-3-hero-section {
  background-color: #a259ff33;
}

.pricing-3-hero-text-wrapper {
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 858px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.pricing-plan-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 1px solid var(--dark);
  border-radius: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  width: 80%;
  max-width: 928px;
  height: 100%;
}

.pricing-plan-grid-item {
  background-color: var(--white);
  width: 100%;
  max-width: 310px;
  height: 100%;
  padding: 40px 25px;
}

.pricing-plan-grid-item.blue-middle {
  border-right: 1px solid var(--dark);
  border-left: 1px solid var(--dark);
  background-color: var(--primary-blue);
  color: var(--white);
  border-radius: 0;
}

.pricing-plan-grid-item.left {
  border-top-left-radius: 24px;
  border-bottom-left-radius: 24px;
}

.pricing-plan-grid-item.right {
  border-top-right-radius: 24px;
  border-bottom-right-radius: 24px;
}

.pricng-plan-item-line-spacer {
  background-color: #0500381a;
  width: 100%;
  height: 1px;
  margin-top: 40px;
  margin-bottom: 32px;
}

.pricing-plan-bottom-wrapper {
  grid-column-gap: 46px;
  grid-row-gap: 46px;
  grid-template-rows: auto auto auto auto auto auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-top: 66px;
  display: grid;
}

.pricing-plan-bottom-wrapper.heading-wrapper {
  margin-top: 32px;
}

.pricing-plan-hero-icon {
  width: 80px;
  height: 80px;
  margin-bottom: 20px;
}

.pricing-plan-type-text {
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: 6px;
  font-size: 18px;
  line-height: 156%;
}

.pricing-plan-hero-text {
  margin-bottom: 8px;
  font-size: 58px;
  font-weight: 700;
  line-height: 124%;
}

.pricing-plan-user-text {
  color: var(--midnight-blue);
  margin-bottom: 32px;
  font-family: Satoshi variable, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 156%;
}

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

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

.pricing-plan-item.heading-wrapper-left {
  align-items: flex-start;
}

.pricing-plan-para-small-text {
  text-align: center;
  font-size: 16px;
  line-height: 150%;
}

.pricing-plan-hero-text-20px {
  font-size: 20px;
  font-weight: 700;
  line-height: 40px;
}

.pricing-plan-check-circle {
  width: 40px;
  height: 40px;
}

.pricing-plan-heading-wrapper {
  width: 23%;
}

.pricing-plan-heading-item {
  padding-bottom: 40px;
}

.pricing-plan-core-feature-text {
  color: #05003899;
  letter-spacing: .14em;
  font-size: 14px;
  font-weight: 700;
  line-height: 170%;
}

.pricing-plan-upper-wrapper {
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.pricing-plan-bottom-container {
  width: 100%;
}

.about-2-team-text-wrapper {
  width: 45%;
  max-width: 440px;
}

.about-2-team-grid {
  grid-column-gap: 120px;
  grid-row-gap: 40px;
  grid-template-rows: auto auto auto;
  width: 55%;
  max-width: 660px;
}

.about-2-team-grid-item {
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 270px;
  display: flex;
}

.about-2-team-grid-item-image {
  width: 100%;
  height: 100%;
  margin-bottom: 30px;
}

.about-2-team-grid-item-heading {
  margin-bottom: 8px;
  font-size: 32px;
  font-weight: 700;
  line-height: 125%;
}

.about-2-team-grid-item-subtext {
  letter-spacing: .08em;
  text-transform: uppercase;
  font-family: Satoshi variable, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 156%;
}

.creative-talent-teaxt-wrapper {
  text-align: center;
  width: 100%;
  max-width: 700px;
}

.creative-talent-grid {
  grid-column-gap: 45px;
  grid-row-gap: 45px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
}

.creative-talent-grid-item {
  border: 1px solid var(--dark);
  text-align: center;
  border-radius: 16px;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 370px;
  padding: 20px 20px 40px;
  transition: all .2s;
  display: flex;
}

.creative-talent-grid-item:hover {
  box-shadow: 7px 7px #000;
}

.creative-talent-grid-item-image {
  border-radius: 16px;
  width: 100%;
  margin-bottom: 32px;
}

.creative-talent-item-heading {
  margin-bottom: 15px;
  font-size: 24px;
  font-weight: 700;
  line-height: 133%;
}

.creative-talent-item-subtext {
  color: #05003899;
  max-width: 280px;
  font-family: Satoshi variable, sans-serif;
  font-size: 18px;
  line-height: 156%;
}

.about-2-different-grid {
  grid-column-gap: 96px;
  grid-row-gap: 96px;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
}

.about-2-different-grid-item {
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 336px;
  display: flex;
}

.about-2-different-item-image {
  width: 80px;
  height: 80px;
  margin-bottom: 32px;
}

.about-2-different-item-heading {
  margin-bottom: 30px;
  font-size: 32px;
  font-weight: 500;
  line-height: 125%;
}

.about-2-different-item-subtext {
  font-family: Satoshi variable, sans-serif;
  font-size: 18px;
  line-height: 156%;
}

.about-2-people-text-wrapper {
  text-align: center;
  width: 100%;
  max-width: 630px;
}

.about-2-people-outer-container {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.about-2-people-left-container {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  width: 100%;
  max-width: 448px;
  display: flex;
}

.about-2-container-right-container {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  max-width: 712px;
  display: flex;
}

.about-2-people-image-wrapper, .about-2-people-hero-image {
  width: 100%;
  height: 100%;
}

.about-2-people-image-flex {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  justify-content: space-between;
  display: flex;
}

.about-2-hero-section {
  background-color: #a259ff33;
}

.about-2-hero-text-wrapper {
  text-align: center;
  flex-direction: column;
  align-items: center;
  max-width: 650px;
  margin-bottom: 100px;
  display: flex;
}

.about-2-hero-tag {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: center;
  margin-bottom: 20px;
  font-family: Satoshi variable, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 145%;
  display: flex;
}

.about-2-hero-tag-icon {
  width: 20px;
  height: 20px;
}

.about-2-hero-item {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  border: 2px solid var(--dark);
  background-color: var(--white);
  border-radius: 12px;
  align-items: center;
  width: 100%;
  max-width: 580px;
  padding: 45px 38px 45px 48px;
  transition: box-shadow .2s;
  display: flex;
}

.about-2-hero-item:hover {
  box-shadow: 6px 6px 0 0 var(--dark);
}

.about-2-hero-item-icon {
  width: 80px;
  height: 80px;
}

.about-2-hero-item-subtext {
  font-family: Satoshi variable, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 156%;
}

.about-2-hero-item-flex {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  width: 100%;
  margin-bottom: 60px;
  display: flex;
}

.about-2-hero-path-image {
  width: 100%;
  max-width: 887px;
}

.about-2-arrow-icon {
  width: 100%;
  max-width: 80px;
  height: auto;
  position: absolute;
  inset: 180px auto auto 0%;
}

.about-2-star-icon {
  width: 100%;
  max-width: 77px;
  height: auto;
  position: absolute;
  inset: 250px 3% auto auto;
}

.logo-train-wrapper-1-white, .logo-train-wrapper-2-white, .logo-train-wrapper-3-white {
  flex: none;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.logo-train-white-banner-section {
  border-bottom: 1px solid #0500381a;
  padding-top: 24px;
  padding-bottom: 24px;
}

.home-2-spotlight-section {
  background-color: var(--dark);
  color: var(--white);
}

.home-2-integration-section {
  flex-direction: column;
  padding-top: 80px;
  padding-bottom: 100px;
  display: flex;
}

.home-2-creative-section {
  background-color: #f5f5f5;
  margin-top: -57px;
}

.home-2-creative-image-wrap {
  width: 100%;
}

.home-2-creative-image {
  width: 100%;
  height: 100%;
}

.home-2-creative-text-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  max-width: 760px;
  display: flex;
}

.home-2-analysis-text-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  width: 40%;
  max-width: 414px;
  display: flex;
}

.home-2-analysis-hero-image {
  width: 100%;
  height: 100%;
}

.home-2-analysis-grid {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  grid-template-rows: auto auto auto;
  width: 55%;
  max-width: 620px;
}

.home-2-analysis-item {
  width: 100%;
  max-width: 270px;
}

.home-2-analysis-item-icon {
  width: 48px;
  height: 48px;
  margin-bottom: 25px;
}

.home-2-analysis-item-heading {
  margin-bottom: 15px;
  font-family: Satoshi variable, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 145%;
}

.home-2-analysis-item-subtext {
  font-family: Satoshi variable, sans-serif;
  font-size: 16px;
  line-height: 150%;
}

.home-2-feature-heading-wrap {
  text-align: center;
  max-width: 700px;
}

.home-2-feature-tab-wrapper {
  width: 100%;
}

.home-2-feature-tab {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.home-2-feature-tabs-menu {
  border: 1px solid var(--dark);
  box-shadow: 3px 3px 0 0 var(--primary-blue);
  border-radius: 60px;
  margin-bottom: 80px;
  margin-left: auto;
  margin-right: auto;
  padding: 6px;
}

.home-2-feature-tab-link {
  background-color: #0000;
  border-radius: 60px;
  padding: 12px 50px;
  font-family: Satoshi variable, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 140%;
}

.home-2-feature-tab-link.w--current {
  background-color: var(--primary-blue);
  color: var(--white);
}

.home-2-feature-tabs-content {
  width: 100%;
}

.home-2-feature-tab-pane-wrap {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.feature-tab-image-wrapper {
  width: 50%;
  max-width: 560px;
}

.feature-tab-hero-image {
  width: 100%;
}

.feature-tab-text-wrapper {
  width: 40%;
  max-width: 430px;
}

.home-2-spotlight-heading-wrap {
  text-align: center;
  width: 100%;
  max-width: 800px;
}

.home-2-spotlight-bottom-grid {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.home-2-spotlight-item {
  border: 1px solid var(--white);
  text-align: center;
  border-radius: 16px;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 360px;
  padding: 50px 28px 190px;
  transition: all .2s;
  display: flex;
  position: relative;
}

.home-2-spotlight-item:hover {
  box-shadow: 7px 7px 0 0 var(--playful-yellow);
}

.home-2-spotlight-item-icon {
  width: 85px;
  height: 85px;
  margin-bottom: 27px;
}

.home-2-spotlight-item-heading {
  margin-bottom: 20px;
  font-size: 32px;
  font-weight: 700;
  line-height: 125%;
}

.home-2-spotlight-item-subtext {
  font-family: Satoshi variable, sans-serif;
  font-size: 18px;
  line-height: 156%;
}

.home-2-spotlight-item-link-block {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: var(--white);
  align-items: center;
  margin-top: 24px;
  font-size: 18px;
  line-height: 120%;
  text-decoration: none;
  display: flex;
}

.spotlight-item-link-block-image {
  width: 28px;
  height: 28px;
}

.home-2-spotlight-item-hero-img {
  width: 100%;
  max-width: 296px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: auto 0% -136px;
}

.home-2-hero-text-wrapper {
  flex-direction: column;
  align-items: flex-start;
  width: 49%;
  max-width: 550px;
  display: flex;
  position: relative;
}

.home-2-hero-heading {
  margin-bottom: 24px;
  font-size: 25px;
}

.home-2-hero-image-wrapper {
  justify-content: center;
  align-items: center;
  width: 55%;
  max-width: 720px;
  margin-right: -6%;
  display: flex;
  position: relative;
}

.home-2-hero-image {
  width: 90%;
  max-width: 498px;
  margin-left: auto;
  margin-right: auto;
}

.home-2-image-absolute-1 {
  width: 50%;
  max-width: 268px;
  position: absolute;
  inset: auto auto -100px -12%;
}

.home-2-image-absolute-2 {
  width: 50%;
  max-width: 188px;
  position: absolute;
  inset: 80px 1% auto auto;
}

.home-2-hero-pencil {
  width: 72px;
  height: 72px;
  position: absolute;
  inset: 5% auto auto -10%;
}

.home-2-user-image-1 {
  z-index: 11;
  width: 60px;
  height: 60px;
  position: absolute;
  inset: -28px 40% auto auto;
}

.home-2-user-image-2 {
  z-index: 11;
  width: 72px;
  height: 72px;
  position: absolute;
  inset: auto auto 80px 0%;
}

.home-2-highlight-image {
  width: 52px;
  height: 52px;
  position: absolute;
  inset: auto 20px -45px auto;
}

.home-2-hero-rating-container {
  grid-column-gap: 22px;
  grid-row-gap: 22px;
  flex-direction: column;
  margin-top: 60px;
  display: flex;
}

.home-2-hero-rating-top-wrap {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  align-items: center;
  display: flex;
}

.home-2-hero-rating-star-icon {
  width: 20px;
  height: 20px;
}

.home-2-hero-rating-text {
  color: var(--grey);
  font-family: Satoshi variable, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 144%;
}

.home-2-hero-rating-text.bold-black {
  color: var(--dark);
  font-weight: 700;
}

.home-2-hero-rating-arrow-icon {
  width: 24px;
  height: 14px;
}

.home-2-hero-rating-bottom-wrap {
  align-items: center;
  padding-left: 4px;
  display: flex;
}

.home-2-hero-rating-image {
  width: 50px;
  height: 50px;
  margin-left: -8px;
}

.home-2-stat-icon {
  width: 75px;
  height: 75px;
  position: absolute;
  inset: auto 30% 50px auto;
}

.home-2-result-text-wrapper {
  text-align: center;
  width: 100%;
  max-width: 600px;
}

.home-2-integration-item {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: var(--white);
  border-radius: 100px;
  flex: none;
  align-items: center;
  margin-right: 28px;
  padding: 8px 32px 8px 8px;
  font-size: 24px;
  font-weight: 700;
  line-height: 135%;
  display: flex;
  box-shadow: 6px 6px 48px #1217220f;
}

.home-2-integration-item-icon {
  border-radius: 50%;
  width: 64px;
  height: 64px;
}

.integration-item-wrapper-1 {
  flex: none;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.integration-item-container-1 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.integration-item-wrapper-2, .integration-item-wrapper-3 {
  flex: none;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.integration-item-container {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  flex-direction: column;
  margin-top: 80px;
  margin-bottom: 60px;
  display: flex;
}

.integration-item-wrapper-4, .integration-item-wrapper-5, .integration-item-wrapper-6, .integration-item-wrapper-7, .integration-item-wrapper-8, .integration-item-wrapper-9 {
  flex: none;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.integration-button-wrapper {
  margin-left: auto;
  margin-right: auto;
}

.home-2-integration-heading-wrap {
  text-align: center;
  width: 90%;
  max-width: 870px;
  margin-top: -58px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
}

.integration-item-container-2, .integration-item-container-3 {
  flex: none;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.home-2-result-bottom-flex {
  grid-column-gap: 40px;
  grid-row-gap: 80px;
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.home-2-result-dark-blue-item {
  background-color: var(--dark);
  width: 100%;
  max-width: 420px;
  color: var(--white);
  border-radius: 20px;
  padding-top: 48px;
  padding-left: 48px;
  padding-right: 48px;
}

.result-dark-blue-item-heading {
  margin-bottom: 20px;
  font-size: 24px;
  font-weight: 700;
  line-height: 125%;
}

.result-dark-blue-item-heading.max-width-380px {
  max-width: 380px;
  margin-bottom: 70px;
}

.result-dark-blue-item-subtext {
  color: #fffc;
  margin-bottom: 35px;
  font-size: 18px;
  line-height: 156%;
}

.result-dark-blue-item-image {
  border-radius: 12px;
  width: 100%;
  margin-bottom: -41px;
  box-shadow: 0 -10px 90px #0000000d;
}

.home-2-result-blue-item {
  background-color: var(--primary-blue);
  width: 100%;
  max-width: 700px;
  color: var(--white);
  border-radius: 20px;
  padding-top: 48px;
  padding-left: 48px;
  padding-right: 120px;
  position: relative;
}

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

.home-2-result-blue-item-icon-img {
  width: 184px;
  position: absolute;
  inset: 35% 5% auto auto;
}

.all-stories-item-text-wrapper {
  color: #000;
  background-color: #fff;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 40px 32px 48px;
  display: flex;
}

.all-stories-item-image-wrapper {
  width: 100%;
  height: 100%;
  position: relative;
}

.link-block-wrapper {
  color: #000;
  justify-content: flex-start;
  align-items: center;
  margin-top: 48px;
  text-decoration: none;
  display: flex;
}

.link-block-wrapper.all-stories-link-block {
  color: var(--dark);
  margin-top: 32px;
}

.recent-blog-black-box {
  background-color: #000;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  margin-right: 16px;
  display: flex;
}

.all-stories-hero-item {
  border: 1px solid var(--dark);
  border-radius: 12px;
  flex-direction: column;
  width: 100%;
  max-width: 580px;
  height: 100%;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.all-stories-hero-item:hover {
  transform: translate(0, -5px);
}

.all-stories-logo-image {
  z-index: 1;
  width: auto;
  max-width: 250px;
  height: auto;
  position: absolute;
  inset: auto auto 32px 32px;
}

.all-stories-item-heading {
  letter-spacing: -.01em;
  font-size: 32px;
  font-weight: 700;
  line-height: 125%;
}

.recent-blog-bold-text-16px {
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 700;
  line-height: 32px;
}

.all-stories-thumbnail-image {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  width: 100%;
  height: 100%;
}

.all-stories-grid-container {
  width: 100%;
}

.all-stories-collection-list {
  grid-column-gap: 40px;
  grid-row-gap: 80px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 100%;
  display: grid;
}

.all-stories-collection-list.cms-page-grid {
  grid-template-rows: auto;
}

.customer-stories-hero-text-wrap {
  text-align: center;
  width: 100%;
  max-width: 630px;
  margin-top: 120px;
  margin-bottom: 255px;
}

.customer-story-profile-item {
  width: 30%;
  max-width: 180px;
}

.customer-story-profile-item.top {
  margin-top: 58px;
  margin-bottom: auto;
}

.customer-story-profile-item.bottom {
  margin-top: auto;
  margin-bottom: 120px;
}

.customer-story-profile-item-img {
  width: 100%;
  height: 100%;
}

.customer-story-hero-star-icon {
  width: 50%;
  max-width: 77px;
  position: absolute;
  inset: 51px 8% auto auto;
}

.customer-story-hero-arrow {
  width: 50%;
  max-width: 183px;
  position: absolute;
  inset: auto auto 120px 10%;
}

.cs-hero-cms-section {
  background-color: var(--sweet-purple);
  color: var(--white);
}

.cs-hero-cms-text-wrapper {
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 820px;
  display: flex;
}

.hero-cms-company-logo {
  max-width: 250px;
  margin-bottom: 20px;
}

.cs-hero-heading {
  font-size: 58px;
  line-height: 124%;
}

.rich-text-main-heading-wrap {
  border-bottom: 1px solid var(--dark);
  width: 100%;
  padding: 64px;
}

.rich-text-main-heading {
  letter-spacing: -.01em;
  font-size: 48px;
  font-weight: 700;
  line-height: 120%;
}

.overview-hero-section {
  padding-bottom: 80px;
}

.overview-hero-text-wrapper {
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 1020px;
  display: flex;
}

.overview-hero-heading {
  margin-bottom: 24px;
  font-size: 58px;
  line-height: 124%;
}

.overview-button-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  margin-top: 50px;
  display: flex;
}

.overview-train-item {
  border-radius: 10px;
  flex: none;
  width: 100%;
  max-width: 460px;
  margin-right: 40px;
  transition: all .2s;
}

.overview-train-item:hover {
  box-shadow: 7px 7px 0 0 var(--playful-yellow);
}

.overview-train-item-image {
  width: 100%;
  height: 100%;
}

.overview-train-item-wrapper-1 {
  flex: none;
  display: flex;
}

.overview-train-item-top-wrap {
  flex: none;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.overview-train-item-container {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  display: flex;
}

.overview-train-item-wrapper-2, .overview-train-item-wrapper-3, .overview-train-item-bottom-wrap, .overview-train-item-wrapper-4, .overview-train-item-wrapper-5, .overview-train-item-wrapper-6 {
  flex: none;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.overview-content-block-text-wrap {
  text-align: center;
  max-width: 700px;
}

.overview-content-block-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  width: 100%;
}

.overview-content-block-item {
  border: 1px solid var(--dark);
  border-radius: 12px;
  width: 100%;
  max-width: 277px;
  padding: 40px 30px;
  transition: all .2s;
}

.overview-content-block-item:hover {
  box-shadow: 6px 6px 0 0 var(--playful-yellow);
}

.overview-content-block-icon {
  width: 80px;
  height: 80px;
  margin-bottom: 32px;
}

.overview-content-block-heading {
  margin-bottom: 12px;
  font-size: 40px;
  font-weight: 700;
  line-height: 120%;
}

.overview-content-block-subtext {
  font-family: Satoshi variable, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 156%;
}

.overview-page-item-text-wrap {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  max-width: 700px;
  display: flex;
}

.overview-tag-text {
  letter-spacing: .06em;
  text-transform: uppercase;
  border-radius: 20px;
  padding: 6px 20px;
  font-family: Satoshi variable, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 150%;
}

.overview-tag-text.yellow {
  background-color: var(--playful-yellow);
}

.overview-tag-text.blue {
  background-color: var(--light-steel-blue);
}

.overview-tag-text.purple {
  background-color: var(--plum);
}

.overview-tag-text.green {
  background-color: var(--yellow-green);
}

.overview-tag-text.red {
  background-color: var(--light-salmon);
}

.overview-page-item-grid {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
}

.overview-page-item-grid.flex {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
}

.overview-page-item-grid.company-pages {
  grid-template-rows: auto auto;
}

.overview-page-item-grid.cms-pages {
  flex-wrap: wrap;
  place-content: center;
  display: flex;
}

.overview-page-item-grid.additional-pages {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  max-width: 810px;
}

.overview-page-item {
  background-color: var(--white-smoke-2);
  border-radius: 20px;
  width: 100%;
  max-width: 380px;
  padding-top: 30px;
  padding-left: 30px;
  padding-right: 30px;
  overflow: hidden;
}

.overview-page-item-image {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  width: 100%;
  max-height: 440px;
}

.overview-page-item-link-block {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  color: var(--dark);
  flex-direction: column;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.overview-page-item-text {
  font-size: 24px;
  font-weight: 500;
  line-height: 133%;
}

.figma-mockup-image {
  width: 100%;
  height: 100%;
}

.figma-mockup-wrapper {
  width: 100%;
  box-shadow: 8px 8px 0 0 var(--playful-yellow);
  border-radius: 12px;
}

.overview-spotlight-section {
  background-color: var(--dark);
  color: var(--white);
  margin-top: 80px;
  margin-bottom: 80px;
}

.overview-spotlight-text-wrapper {
  text-align: center;
  width: 100%;
  max-width: 800px;
}

.overview-spotlight-grid-item {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
}

.overview-spotlight-item {
  border: 1px solid var(--white);
  text-align: center;
  border-radius: 16px;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 360px;
  padding: 50px 28px;
  transition: all .2s;
  display: flex;
}

.overview-spotlight-item:hover {
  box-shadow: 7px 7px 0 0 var(--playful-yellow);
}

.dropdown-image {
  object-fit: cover;
  object-position: 50% 0%;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  width: 100%;
  height: 200px;
}

.dropdown-arrow {
  margin-left: 7px;
  margin-right: 0;
  font-size: 14px;
  inset: 0% auto auto 0%;
}

.nav-menu-2 {
  position: static;
}

.buttons-container.in-menu {
  display: none;
}

.dropdown-list-full-wrapper {
  background-color: #fff;
  border-radius: 12px;
  width: 100%;
  max-width: 1264px;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  box-shadow: 0 100px 100px #40454f1a;
}

.dropdown {
  line-height: 150%;
  position: static;
}

.visual-features-items-container {
  grid-column-gap: 40px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.visual-features-items-container.nav {
  grid-column-gap: 0px;
  grid-template-columns: 1fr;
}

.visual-features-items-container.nav.pages {
  grid-column-gap: 40px;
  grid-row-gap: 30px;
  border: 1px #000;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  width: 95%;
  margin: 40px auto;
  padding: 0;
}

.dropdown-toggle {
  padding: 10px 12px;
  font-family: Satoshi variable, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
  transition: color .2s;
  display: flex;
  position: static;
}

.dropdown-toggle:hover {
  color: var(--slate-blue);
}

.dropdown-list-full-wrapper-2 {
  background-color: #fff;
  border-radius: 12px;
  width: 100%;
  max-width: 1160px;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  box-shadow: 0 30px 100px #40454f1a;
}

.heading-and-text-contain {
  margin-left: 24px;
}

.dropdown-list {
  background-color: #0000;
  border-radius: 8px;
  top: 80px;
  left: 0;
  right: 0;
  overflow: hidden;
  box-shadow: 0 30px 50px #00000014;
}

.dropdown-list.w--open {
  width: 80%;
  box-shadow: none;
  padding-top: 20px;
  top: 60px;
  overflow: visible;
}

.visual-features-item {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.visual-features-item.navbar {
  color: #0d0e10;
  background-color: #fff;
  border-radius: 0;
  padding: 40px;
}

.visual-features-item.navbar:hover {
  background-color: #fafafa;
}

.visual-features-item.navbar.horizontal {
  border-radius: 12px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 16px;
  font-size: 16px;
  line-height: 150%;
}

.visual-features-item.navbar.horizontal:hover {
  background-color: #fff;
}

.visual-features-item.navbar {
  color: #272727;
  background-color: #fff;
  border-radius: 0;
  padding: 40px;
  font-size: 18px;
  line-height: 178%;
  text-decoration: none;
}

.visual-features-item.navbar:hover {
  background-color: #4262ff26;
  text-decoration: none;
}

.visual-features-item-heading {
  color: #191919;
  margin-bottom: 8px;
}

.visual-features-item-heading._18px {
  margin-bottom: 4px;
  font-size: 18px;
  line-height: 144%;
}

.visual-features-item-image {
  background-color: #f0f0f0;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  width: 100%;
  margin-top: 28px;
  padding-top: 15px;
  padding-left: 15px;
  padding-right: 15px;
}

.navigation-drop-container {
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  display: flex;
  overflow: hidden;
}

.navigation-drop-container.features {
  border-radius: 10px;
  justify-content: flex-start;
  margin-top: 42px;
  padding: 0;
  overflow: hidden;
}

.navigation-drop-container.features.pages {
  padding-right: 0;
}

.nav-icon-contain {
  background-color: #f0f0f0;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  display: flex;
}

.email-link {
  color: var(--dark);
  text-decoration: none;
  transition: all .2s;
}

.email-link:hover {
  text-decoration: underline;
}

.heading, .heading-2 {
  font-size: 38px;
}

.heading-3 {
  color: var(--slate-blue);
  font-size: 24px;
}

.bold-text {
  font-size: 16px;
}

.drop-list-div {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  width: 200px;
  padding: 20px;
}

.drop-list-div.landing {
  width: auto;
}

.drop-list-div.posts-list {
  background-color: #f8f8ff;
  border-radius: 0;
  flex-direction: column;
  align-items: flex-start;
  width: auto;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.drop-list-div.posts-list.home {
  border-radius: 0;
}

.drop-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fff;
  border-radius: 0;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  width: 700px;
}

.drop-grid.landing {
  border-radius: 0;
  grid-template-columns: .25fr;
  width: 600px;
}

.drop-icon {
  width: 32px;
  height: 32px;
  margin-right: 12px;
}

.paragraph-landing {
  margin-bottom: 0;
  padding-top: 0;
  font-size: 10px;
}

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

.dropdown-link {
  color: #666;
  align-items: center;
  padding: 10px;
  text-decoration: none;
  display: flex;
}

.dropdown-link:hover {
  background-color: #f8f8ff;
  border-radius: 5px;
}

.dropdown-link.w--current {
  color: #6a4ee1;
  background-color: #6a4ee11a;
  border-radius: 5px;
  flex-direction: row;
  align-items: center;
  display: flex;
}

.text {
  color: #30364d;
  flex: 0 auto;
  font-weight: 500;
}

.drop-title {
  color: #30364d;
  text-transform: uppercase;
  margin-top: 10px;
  margin-bottom: 20px;
  font-size: 12px;
  font-weight: 700;
}

.column-regular {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.dropdown-right-column {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border: 1px solid #d7dae0;
  border-radius: 8px;
  flex-flow: column;
  flex: none;
  justify-content: space-between;
  width: 190px;
  padding: 16px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.dropdown-integration-link {
  color: #3d424c;
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  min-width: 180px;
  padding: 8px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  transition: background-color .2s;
  display: flex;
}

.dropdown-integration-link:hover {
  color: #6869ac;
  background-color: #e8ecf7;
}

.column-x-small {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.navigation-arrow {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
}

.overline-regular {
  color: #6869ac;
  letter-spacing: -.18px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
}

.row-small {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.dropdown-text-link {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #6869ac;
  align-items: center;
  padding: 8px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  transition: color .3s;
  display: flex;
}

.dropdown-text-link:hover {
  color: #2b2c50;
}

.icon-regular {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  transition: color .3s;
  display: flex;
}

.icon-x-small {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  display: flex;
}

.dropdown-background-lines {
  z-index: -1;
  color: #8c95a6;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: auto 0% 0%;
  -webkit-mask-image: linear-gradient(#0000 50%, #000 100%);
  mask-image: linear-gradient(#0000 50%, #000 100%);
}

.navigation-links {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.navigation-buttons {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-end;
  align-items: center;
  margin-left: 94px;
  display: flex;
}

.dropdown-card-link {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #fff;
  border-radius: 8px;
  flex-flow: column;
  padding: 8px;
  display: flex;
}

.navigation-brand-link {
  flex: none;
}

.navigation-dropdown {
  height: 100%;
  margin-left: 0;
  margin-right: 0;
  padding-left: 10px;
  padding-right: 10px;
  position: static;
}

.column-2x-small {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  display: flex;
}

.subheading-regular {
  color: #24262d;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.subheading-regular.text-color-inherit {
  color: inherit;
}

.button-outline-small {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #6869ac;
  text-align: center;
  white-space: nowrap;
  background-color: #fff0;
  border: 1px solid #6869ac;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 10px 20px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  transition: background-color .3s;
  display: inline-flex;
}

.button-outline-small:hover {
  background-color: #e8ecf7;
}

.navigation-menu {
  justify-content: flex-start;
  max-width: 900px;
  height: 100%;
  margin-left: -43px;
  display: flex;
  position: static;
  overflow: visible;
}

.image-cover {
  vertical-align: baseline;
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: inline-block;
}

.navigation {
  z-index: 99;
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100px;
  padding-left: 5%;
  padding-right: 5%;
  display: flex;
  box-shadow: 14px 14px 120px -20px #dbdbf0;
}

.dropdown-arrow-2 {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  transition: color .3s;
  display: flex;
}

.code-embed {
  display: none;
}

.banner-section {
  background-color: #6869ac;
  justify-content: center;
  align-items: center;
  min-height: 48px;
  padding: 8px 5%;
  display: flex;
  position: relative;
}

.dropdown-feature-image {
  background-color: #6869ac;
  border-radius: 8px;
  height: 150px;
  position: relative;
  overflow: hidden;
}

.dropdown-link-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #3d424c;
  border-radius: 8px;
  align-items: flex-start;
  padding: 12px;
  text-decoration: none;
  transition: background-color .3s, color .3s;
  display: flex;
}

.dropdown-link-2:hover {
  color: #6869ac;
  background-color: #e8ecf7;
}

.dropdown-left-column {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  flex: 1;
  display: flex;
}

.button-primary-small {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #6869ac;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 10px 20px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-flex;
}

.navigation-buttons-hide {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  display: flex;
}

.banner-button {
  color: #fff;
  letter-spacing: -.08px;
  white-space: nowrap;
  background-color: #0000;
  border: 1px solid #fff;
  border-radius: 99px;
  padding: 4px 12px;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
}

.dropdown-links {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  grid-template-rows: auto auto auto;
}

.logo-image {
  width: 120px;
}

.dropdown-card {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  object-fit: fill;
  max-width: 1200px;
  padding: 16px;
  display: flex;
  overflow: hidden;
}

.dropdown-card-links {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #f6f7f9;
  border-radius: 8px;
  grid-template-rows: auto;
  padding: 8px;
}

.navigation-container {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: space-between;
  width: 100%;
  max-width: 1280px;
  height: 100%;
  margin-left: -38px;
  margin-right: auto;
  display: flex;
}

.banner-close {
  color: #fff;
  position: absolute;
  inset: auto 0% auto auto;
}

.banner-close:hover {
  color: #e8ecf7;
}

.navigation-dropdown-list-small {
  z-index: 99;
  min-width: 100%;
}

.navigation-dropdown-list-small.w--open {
  z-index: 99;
  background-color: #fff;
  border-radius: 0 12px 12px;
  width: 100%;
  min-width: auto;
  max-width: 1050px;
  margin-top: 0;
  margin-left: -132px;
  margin-right: auto;
  padding-left: 0;
  overflow: hidden;
  box-shadow: 13px 69px 90px #ebebf4cc;
}

.paragraph-small {
  color: #3d424c;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-small.text-color-inherit {
  color: inherit;
}

.navigation-link {
  color: #2b2c4f;
  text-align: center;
  border-bottom: 2px solid #6667ab00;
  justify-content: center;
  align-items: center;
  padding: 16px 10px;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.navigation-link:hover {
  color: #6667ab;
  border-bottom-color: #6667ab;
}

.navigation-link.w--open {
  color: #4c4cb3;
}

.banner-content {
  z-index: 5;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.banner-container {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  color: #fff;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.navigation-dropdown-toggle {
  color: #2b2c4f;
  border-bottom: 2px solid #6667ab00;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 16px 5px;
  font-size: 16px;
  font-weight: 500;
  transition: all .2s;
  display: flex;
}

.navigation-dropdown-toggle:hover, .navigation-dropdown-toggle.w--open {
  color: #6667ab;
  border-bottom-color: #6667ab;
}

.banner-pattern {
  pointer-events: none;
  object-fit: cover;
  object-position: 100% 50%;
  max-width: 760px;
  height: 100%;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.purple-text-span-3 {
  color: #fff;
  background-color: #a259ff;
  border-radius: 10px;
  padding-bottom: 4px;
  padding-left: 8px;
  padding-right: 8px;
  display: inline-block;
}

.different-hero-item-2 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  border: 2px solid #050038;
  border-radius: 12px;
  align-items: center;
  padding: 32px 50px 32px 40px;
  transition: all .2s;
  display: flex;
}

.different-hero-item-2:hover {
  box-shadow: 6px 6px #050038;
}

.different-hero-item-2.yellow-dim {
  background-color: #ffd02f33;
}

.different-hero-item-2.blue-dim {
  background-color: #4262ff33;
}

.different-hero-item-2.purple-dim {
  background-color: #a259ff33;
}

.different-hero-item-2.green-dim {
  background-color: #a6c03d33;
}

.different-hero-item-2.red-dim {
  background-color: #f24e1e33;
}

.different-hero-item-2.white {
  background-color: #fff;
}

.best-people-traits-icon-wrap-2 {
  border-right: 1px solid #050038;
  border-radius: 15px;
  flex: none;
  width: 160px;
  height: 100%;
  padding: 40px;
}

.best-people-traits-item-bg-2 {
  z-index: 0;
  background-color: #ffd02f;
  border-radius: 15px;
  width: 100%;
  position: absolute;
  inset: 0%;
}

.best-people-traits-item-2 {
  z-index: 11;
  grid-column-gap: 35px;
  grid-row-gap: 35px;
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 15px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-right: 35px;
  transition: all .2s ease-in-out;
  display: flex;
  position: relative;
}

.best-people-traits-item-2:hover {
  transform: translate(-10px, -10px);
}

.red-text-span-2 {
  color: #fff;
  background-color: #f24e1e;
  border-radius: 10px;
  padding-bottom: 6px;
  padding-left: 10px;
  padding-right: 10px;
  display: inline-block;
}

.h2-heading-58px-3 {
  margin-right: 4px;
  font-size: 18px;
}

.different-blue-section-2 {
  color: #fff;
  background-color: #4262ff;
  position: relative;
}

.different-blue-item-2 {
  color: #050038;
  text-align: center;
  background-color: #fff;
  border: 1px solid #050038;
  border-radius: 20px;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 324px;
  padding: 48px 32px;
  display: flex;
}

.red-text-span-3 {
  color: #fff;
  background-color: #f24e1e;
  border-radius: 10px;
  padding-bottom: 6px;
  padding-left: 10px;
  padding-right: 10px;
  display: inline-block;
}

.primary-blue-button-2 {
  grid-column-gap: 16px;
  color: #fff;
  background-color: #4262ff;
  border-radius: 100px;
  align-items: center;
  padding: 6px 28px 6px 6px;
  font-family: Satoshi variable, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 140%;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.primary-blue-button-2:hover {
  background-color: #a259ff;
}

.primary-button-icon-wrapper-2 {
  background-color: #fff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 52px;
  height: 52px;
  display: flex;
}

.no-credit-card-text-2 {
  color: #fff;
  letter-spacing: -.01em;
  font-family: Plusjakartadisplay, sans-serif;
  font-size: 18px;
  line-height: 156%;
}

.bold-text-2, .bold-text-3, .bold-text-4 {
  font-size: 18px;
}

.main-container {
  width: 100%;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}

.h2 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 45px;
  font-weight: 600;
  line-height: 1.1;
}

.spacer-xxl {
  width: 100%;
  height: 50px;
}

.button {
  color: #fff;
  background-color: #434de7;
  border-radius: 10px;
  height: 50px;
  padding: 15px 35px;
  font-size: 15px;
  font-weight: 500;
  box-shadow: 0 10px 20px -3px #1d01501a;
}

.button:hover {
  box-shadow: none;
  background-color: #000;
}

.spacer-xs {
  width: 100%;
  height: 10px;
}

.main-section {
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 100px 5%;
  display: flex;
}

.paragraph {
  opacity: .9;
  color: #000;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.5;
}

.components-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.components-grid._4 {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.w100 {
  width: 100%;
}

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

.content-wrap-center.max-width-800 {
  max-width: 800px;
}

.overline {
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
}

.feature-icon {
  color: #6173e5;
  background-color: #eeeffc;
  border-radius: 8px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
}

.feature-icon.icon-red {
  color: #e56161;
  background-color: #fceeee;
}

.feature-icon.icon-green {
  color: #86c1a0;
  background-color: #f2f8f5;
}

.feature-icon.icon-yellow {
  color: #e5cb61;
  background-color: #fcf9ee;
}

.feature-icon.icon-blue {
  color: #6173e5;
  background-color: #eeeffc;
}

.feature-icon.icon-gray {
  color: #6d767e;
  background-color: #f8f9fa;
}

.feature-icon.icon-orange {
  color: #e59661;
  background-color: #fcf3ee;
}

.feature-card-a {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: left;
  border: 1px solid #eaedf0;
  border-radius: 8px;
  flex: 1;
  align-items: flex-start;
  padding: 32px;
  transition: all .3s;
  display: flex;
}

.feature-card-a:hover {
  border-width: .5px;
  box-shadow: 0 24px 64px #e0e0e07a;
}

.grid-three-column {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.caption-medium {
  color: #353b41;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.4;
}

.h6-heading {
  color: #000;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  line-height: 1.4;
}

.section-regular {
  padding: 80px 5%;
  position: relative;
}

.wrap-v-regular {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  display: flex;
}

.wrap-v-regular.align-center {
  align-items: center;
  margin-top: 0;
}

.icon-regular-2 {
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
}

.container-large {
  width: 100%;
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.title-wrapper {
  z-index: 5;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 454px;
  margin-bottom: 72px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.h2-heading {
  color: #000;
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 56px;
  line-height: 1.2;
}

.paragraph-small-2 {
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 1.8;
}

.paragraph-small-2.text-color-gray-600 {
  color: #6d767e;
}

.h1-heading {
  color: #000;
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.1;
}

.brand-highlight {
  background-color: #c1ff71;
  padding-left: 4px;
  padding-right: 4px;
}

.noise-texture {
  z-index: 5;
  pointer-events: none;
  background-image: url('../images/noise-texture.png');
  background-position: 0 0;
  background-size: auto;
  position: absolute;
  inset: 0%;
}

.paragraph-small-3 {
  letter-spacing: -.08px;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.content-feature-image {
  width: 100%;
}

.content-feature-card {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #fff;
  border-radius: 8px;
  flex-flow: column;
  justify-content: space-between;
  padding: 24px;
  display: flex;
  overflow: hidden;
}

.content-feature-card.flat {
  padding-bottom: 0;
}

.title-wrapper-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #383a42;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 720px;
  margin-bottom: 64px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.content-features-bottom {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr;
}

.content-features-top {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.5fr;
  margin-bottom: 46px;
}

.content-features-grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}

.section-regular-2 {
  background-color: #f7f8f8;
  margin-top: -133px;
  padding: 80px 5%;
  position: relative;
}

.container-small {
  z-index: 5;
  width: 100%;
  max-width: 960px;
  margin-top: 24px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.column-x-small-2 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  display: flex;
}

.subheading-large {
  letter-spacing: -.02em;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
}

.subheading-large.text-color-brand-purple {
  color: #6153bd;
}

.feature-card-outline {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  text-align: center;
  border: 1px solid #ccc;
  border-radius: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 24px;
  display: flex;
}

.column-2x-large {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  display: flex;
}

.column-2x-large.column-center {
  justify-content: flex-start;
  align-items: center;
}

.icon-wrapper {
  color: #1a1a1a;
  background-color: #f7f7f7;
  border: 1px solid #e6e6e6;
  border-radius: 12px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 52px;
  height: 52px;
  display: flex;
}

.icon-wrapper.orange {
  color: #f99406;
  background-color: #fff9f0;
  border-color: #fcd49c;
}

.icon-wrapper.green {
  color: #40bf6a;
  background-color: #f4fbf6;
  border-color: #b3e5c3;
}

.icon-wrapper.red {
  color: #e6191a;
  background-color: #fef1f1;
  border-color: #f5a3a3;
}

.title-wrapper-3 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 720px;
  margin-bottom: 64px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.grid-four-column {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.subheading-regular-2 {
  color: #000;
  letter-spacing: -.03em;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
}

.container-large-2 {
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}

.h2-heading-2 {
  color: #000;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.2;
}

.grid-three-column-2 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.feature-image {
  border-radius: 16px;
  overflow: hidden;
}

.paragraph-small-4 {
  color: #333;
  font-size: 14px;
  line-height: 24px;
}

.icon-regular-3 {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
}

.overline-regular-2 {
  color: gray;
  letter-spacing: .04em;
  text-transform: uppercase;
  white-space: normal;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
}

.section-regular-3 {
  margin-top: -67px;
  padding: 92px 5%;
  position: relative;
}

.column-x-small-3 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  display: flex;
}

.column-regular-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  display: flex;
}

.feature-row {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  padding: 8px 24px;
  display: flex;
}

.feature-badge {
  color: #fff;
  text-transform: uppercase;
  background-color: #e6191a;
  border-radius: 4px;
  padding: 2px 8px;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
}

.feature-badge.brand {
  background-color: #4255bd;
}

.paragraph-regular {
  color: #333;
  font-size: 16px;
  line-height: 24px;
}

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

.title-wrapper-4 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 720px;
  margin-bottom: 64px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.feature-icon-filled {
  color: #fff;
  background-color: #40bf6a;
  border-radius: 12px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 52px;
  height: 52px;
  display: flex;
}

.feature-icon-filled.brand {
  background-color: #4255bd;
}

.column-2x-small-2 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  display: flex;
}

.subheading-regular-3 {
  color: #000;
  letter-spacing: -.03em;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
}

.h2-heading-3 {
  color: #000;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 56px;
  font-weight: 500;
  line-height: 1.2;
}

.grid-two-column {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

.row-x-small {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.subheading-small {
  color: #000;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
}

.paragraph-small-5 {
  color: #333;
  font-size: 14px;
  line-height: 24px;
}

.icon-regular-4 {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
}

.overline-regular-3 {
  color: gray;
  letter-spacing: .04em;
  text-transform: uppercase;
  white-space: normal;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
}

.icon-large {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  display: flex;
}

.section-regular-4 {
  padding: 92px 5%;
  position: relative;
}

.container-x-small {
  z-index: 5;
  width: 100%;
  max-width: 840px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.column-x-small-4 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  display: flex;
}

.feature-card-filled {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  color: #1a1a1a;
  text-align: center;
  background-color: #f7f7f7;
  border-radius: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 32px 24px;
  display: flex;
}

.container-small-2 {
  width: 100%;
  max-width: 588px;
  margin-left: auto;
  margin-right: auto;
}

.content-work-image {
  border: 4px solid #fff;
  border-radius: 16px;
  width: 282px;
  height: 282px;
  overflow: hidden;
}

.subheading-large-2 {
  color: #1e2022;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
}

.content-work-details {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  padding: 8px;
  display: flex;
}

.dot-orange {
  background-color: #ff6c0a;
  border-radius: 100%;
  width: 5px;
  height: 5px;
}

.content-carousel-section {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  background-color: #f3f3f5;
  flex-flow: column;
  padding-top: 72px;
  padding-bottom: 72px;
  display: flex;
}

.caption-regular {
  font-size: 16px;
  line-height: 24px;
}

.content-work-categories {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: #36393f;
  flex-flow: wrap;
  display: flex;
}

.content-button-footnote {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  align-items: center;
  display: flex;
}

.content-work-link {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  text-decoration: none;
  display: flex;
}

.divider-wrapper {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.h6-heading-2 {
  color: #1e2022;
  letter-spacing: -.5px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.5;
}

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

.content-carousel {
  overflow: hidden;
}

.divider-caption {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  white-space: nowrap;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.content-carousel-content {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: row;
  align-items: center;
  display: flex;
}

.subheading-small-2 {
  color: #1e2022;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
}

.caption-small {
  font-size: 14px;
  line-height: 20px;
}

.column-regular-3 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.divider-small {
  background-color: #cfd2d6;
  width: 100%;
  max-width: 384px;
  height: 1px;
}

.button-primary-large {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #000;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  padding: 16px 32px;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  transition: background-color .3s;
  display: inline-flex;
}

.button-primary-large:hover {
  background-color: #ff6c0a;
}

.cta-card-02 {
  background-color: #b3e5c3;
  border-radius: 16px;
  height: 180px;
  overflow: hidden;
}

.column-small {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  display: flex;
}

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

.button-primary {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #fff;
  white-space: nowrap;
  background-color: #4255bd;
  border: 1px solid #4255bd;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  padding: 10px 20px;
  font-size: 16px;
  font-weight: 600;
  line-height: 28px;
  text-decoration: none;
  transition: color .3s, background-color .3s;
  display: flex;
}

.button-primary:hover {
  color: #4255bd;
  background-color: #fff;
}

.row-small-2 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.content-number-detail {
  border-top: 1px solid #ccc;
  padding-top: 8px;
}

.text-color-brand-light {
  color: #6070c8;
}

.row-2x-small {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.h6-heading-3 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 500;
  line-height: 34px;
}

.content-icon-rounded {
  color: #40bf6a;
  background-color: #f4fbf6;
  border: 1px solid #b3e5c3;
  border-radius: 40px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  display: flex;
}

.content-icon-rounded.color-red {
  color: #e6191a;
  background-color: #fef1f1;
  border-color: #f5a3a3;
}

.content-icon-rounded.color-blue {
  color: #4255bd;
  background-color: #f4f5fb;
  border-color: #b3bbe5;
}

.container-regular {
  width: 100%;
  max-width: 1062px;
  margin-left: auto;
  margin-right: auto;
}

.cta-card-03 {
  background-color: #fcd49c;
  border-radius: 16px;
  height: 180px;
}

.h3-heading {
  color: #000;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 48px;
  font-weight: 500;
  line-height: 1.2;
}

.cointent-carousel-cards {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 80%;
  margin-bottom: 0;
  padding-bottom: 0;
  display: flex;
}

.text-color-brand {
  color: #4255bd;
}

.h2-heading-4 {
  color: #000;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.2;
}

.paragraph-x-small {
  color: #333;
  font-size: 12px;
  line-height: 16px;
}

.paragraph-x-small.text-color-tertiary {
  color: gray;
}

.content-column {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  color: #1a1a1a;
  flex-direction: column;
  width: 100%;
  max-width: 510px;
  display: flex;
}

.text-color-green {
  color: #40bf6a;
}

.icon-regular-5 {
  color: #faf5f5;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
}

.content-grid {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
}

.overline-regular-4 {
  color: gray;
  letter-spacing: .04em;
  text-transform: uppercase;
  white-space: normal;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
}

.button-ghost {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #4255bd;
  text-align: center;
  white-space: nowrap;
  background-color: #0000;
  border: 1px solid #0000;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  padding: 10px 20px;
  font-size: 16px;
  font-weight: 600;
  line-height: 28px;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.button-ghost:hover {
  background-color: #f4f5fb;
  border-color: #b3bbe5;
}

.column-large {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  display: flex;
}

.section-regular-5 {
  margin-bottom: 44px;
  padding: 92px 5%;
  position: relative;
}

.icon-small {
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  display: flex;
}

.cta-card-01 {
  background-color: #b3bbe5;
  border-radius: 16px;
  height: 180px;
  overflow: hidden;
}

.content-carousel-card {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  text-align: center;
  border: 1px solid #e6e6e6;
  border-radius: 24px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 80%;
  padding: 32px 24px 24px;
  display: flex;
  box-shadow: 24px 36px 64px -14px #4d4d4d26;
}

.paragraph-large {
  color: #333;
  text-align: left;
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 28px;
}

.content-carousel-2 {
  height: 810px;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(#0000, #000 10% 90%, #0000);
  mask-image: linear-gradient(#0000, #000 10% 90%, #0000);
}

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

.header-title-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 800px;
  margin-top: -78px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.header-text-field {
  color: #000;
  letter-spacing: -.02em;
  background-color: #f7f7f7;
  border: 1.5px solid gray;
  border-radius: 12px;
  min-height: 58px;
  margin-bottom: 0;
  padding: 12px 24px;
  font-size: 18px;
  font-weight: 500;
  line-height: 32px;
}

.header-text-field:hover, .header-text-field:focus {
  border-color: #4255bd;
}

.avatar-wrapper {
  display: flex;
}

.header-section {
  margin-top: 0;
  margin-bottom: 126px;
  padding: 92px 5% 0;
  position: relative;
}

.header-bottom-image {
  margin-top: 100px;
}

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

.avatar-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.avatar-text {
  color: #fff;
  font-size: 12px;
  font-weight: 600;
}

.avatar-regular {
  background-color: #e6e6e6;
  border: 3px solid #fff;
  border-radius: 40px;
  width: 42px;
  height: 42px;
  position: relative;
}

.avatar-regular.avatar-group {
  margin-left: -14px;
}

.avatar-first {
  background-color: #1a1a1a;
  border: 3px solid #fff;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 42px;
  height: 42px;
  margin-left: -14px;
  display: flex;
  position: relative;
}

.header-background {
  z-index: -1;
  pointer-events: none;
  position: absolute;
  inset: 0%;
}

.newsletter-form-2 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  display: flex;
}

.background-image {
  display: none;
}

.container-large-3 {
  width: 100%;
  max-width: 1280px;
  margin-top: -70px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
}

.h1-heading-2 {
  color: #000;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.2;
}

.button-primary-large-2 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff;
  background-color: #4255bd;
  border: 1px solid #4255bd;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  padding: 12px 24px;
  font-size: 18px;
  font-weight: 600;
  line-height: 32px;
  text-decoration: none;
  transition: color .3s, background-color .3s;
  display: flex;
}

.button-primary-large-2:hover {
  color: #4255bd;
  background-color: #f4f5fb;
}

.column-x-large {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  display: flex;
}

.column-x-large.column-center {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 18px;
}

.form-block {
  width: 100%;
  margin-bottom: 0;
}

.header-badge {
  color: #6070c8;
  text-transform: uppercase;
  background-color: #f4f5fb;
  border-radius: 40px;
  padding: 4px 12px;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
}

.cta-card-4 {
  background-color: #b3e5c3;
  border-radius: 16px;
  height: 180px;
  overflow: hidden;
}

.h6-heading-4 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 500;
  line-height: 34px;
}

.title-wrapper-5 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 720px;
  margin-bottom: 64px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.cta-card-5 {
  background-color: #fcd49c;
  border-radius: 16px;
  height: 180px;
}

.button-outline-large {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: #4255bd;
  text-align: center;
  background-color: #0000;
  border: 1.5px solid #6070c8;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  padding: 12px 24px;
  font-size: 18px;
  font-weight: 600;
  line-height: 32px;
  text-decoration: none;
  transition: color .3s, background-color .3s;
  display: flex;
}

.button-outline-large:hover {
  color: #fff;
  background-color: #4255bd;
}

.h2-heading-5 {
  color: #000;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 56px;
  font-weight: 500;
  line-height: 1.2;
}

.cta-card {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  text-align: center;
  border: 1px solid #e6e6e6;
  border-radius: 24px;
  flex-direction: column;
  padding: 24px;
  transition: box-shadow .3s;
  display: flex;
}

.cta-card:hover {
  box-shadow: 15px 32px 64px -14px #4d4d4d29;
}

.button-group-2 {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  display: flex;
}

.section-regular-6 {
  padding: 92px 5%;
  position: relative;
}

.cta-card-6 {
  background-color: #b3bbe5;
  border-radius: 16px;
  height: 180px;
  overflow: hidden;
}

.container-regular-2 {
  width: 100%;
  max-width: 1160px;
  margin-left: auto;
  margin-right: auto;
}

.h1-heading-3 {
  color: #000;
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 64px;
  font-weight: 600;
  line-height: 1.1;
}

.section-regular-7 {
  background-color: #f7f8f8;
  margin-top: -67px;
  padding: 80px 5%;
  position: relative;
}

.paragraph-x-large {
  color: #40444c;
  letter-spacing: -.03em;
  font-size: 20px;
  line-height: 1.5;
}

.grid-3 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.title-wrapper-6 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: #383a42;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 720px;
  margin-bottom: 64px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.text-link-underline {
  color: #5b616e;
  font-weight: 400;
  transition: color .3s;
}

.text-link-underline:hover {
  color: #6153bd;
}

.tab-link {
  color: #000;
  text-align: center;
  background-color: #fff;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 190px;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 16px;
  line-height: 24px;
  transition: color .3s, background-color .3s;
  display: flex;
}

.tab-link:hover, .tab-link.w--current {
  color: #fff;
  background-color: #000;
}

.brand-span {
  background-color: #c1ff71;
  padding-left: 4px;
  padding-right: 4px;
}

.paragraph-small-6 {
  color: #40444c;
  letter-spacing: -.08px;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.content-card-tall {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #fff;
  border-radius: 8px;
  flex-flow: column;
  padding: 24px;
  text-decoration: none;
  display: flex;
}

.subheading-large-3 {
  color: #000;
  letter-spacing: -.02em;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
}

.subheading-large-3.text-brand-purple {
  color: #6153bd;
}

.tabs-menu {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: center;
  align-items: center;
  margin-bottom: 32px;
  display: flex;
}

.column-large-2 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}

.integration-card-outline {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  border: 1px dashed #6869ac;
  border-radius: 16px;
  flex-flow: column;
  padding: 32px;
  display: flex;
}

.carousel-horizontal {
  width: 100%;
  position: absolute;
  inset: 0% auto 0% 0%;
  overflow: hidden;
}

.integration-logo-2 {
  background-color: #fff;
  border-radius: 12px;
  flex: none;
  padding: 10px;
}

.h2-heading-6 {
  color: #24262d;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 64px;
  font-weight: 600;
  line-height: 1.2;
}

.overline-regular-5 {
  color: #6869ac;
  letter-spacing: -.18px;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.h5-heading {
  color: #24262d;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.45;
}

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

.integration-carousel {
  height: 80px;
  margin-left: -32px;
  margin-right: -32px;
  position: relative;
}

.heading-grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: end;
  margin-bottom: 64px;
  display: grid;
}

.text-balance {
  text-wrap: balance;
}

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

.divider-brand {
  border-top: 1px dashed #6869ac;
  width: 100%;
  height: 1px;
}

.paragraph-small-7 {
  color: #3d424c;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-small-7.text-color-tertiary {
  color: #575f70;
}

.paragraph-large-2 {
  color: #3d424c;
  font-size: 18px;
  line-height: 32px;
}

.paragraph-large-2.text-weight-medium {
  font-weight: 500;
}

.carousel-horizontal-content {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: row;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.container-large-4 {
  z-index: 2;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.integration-overlay {
  pointer-events: none;
  background-image: linear-gradient(90deg, #fff 5%, #fff0 25% 75%, #fff 95%);
  position: absolute;
  inset: 0%;
}

.section-regular-8 {
  padding: 64px 5%;
  position: relative;
}

.column-small-2 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  display: flex;
}

.grid-three-column-3 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
}

.legal-link {
  grid-column-gap: 2px;
  color: #737373;
  align-items: center;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.legal-link:hover {
  color: #0a0a0a;
}

.footer-newsletter-content {
  grid-row-gap: 32px;
  color: #0a0a0a;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-width: 498px;
  display: flex;
}

.form-checkbox-icon {
  width: 14px;
  min-width: 14px;
  height: 14px;
  min-height: 14px;
  color: var(--white);
  border-color: #171717;
  border-radius: 99px;
  margin-top: 0;
  margin-left: 4px;
  margin-right: 6px;
}

.form-checkbox-icon.w--redirected-checked {
  background-color: #171717;
  background-size: 10px;
  border-color: #171717;
  border-radius: 99px;
}

.form-checkbox-icon.w--redirected-focus {
  box-shadow: none;
}

.footer-line {
  background-color: #d4d4d4;
  width: 1px;
  height: 16px;
}

.form-text-field {
  color: #171717;
  background-color: #fff;
  border: 1px solid #e6e6e6;
  min-height: 56px;
  margin-bottom: 0;
  padding: 16px;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  transition: border-color .3s;
}

.form-text-field:hover {
  border-color: #a3a3a3;
}

.form-text-field:focus {
  border-color: #ac91ac;
}

.form-text-field::placeholder {
  color: #737373;
}

.footer-title {
  color: #0c0b0b;
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
}

.container-large-5 {
  width: 100%;
  max-width: 1216px;
  color: var(--white);
  margin-left: auto;
  margin-right: auto;
}

.footer-company-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  align-items: center;
  display: flex;
}

.footer-logo {
  height: 32px;
}

.legal-links {
  grid-column-gap: 32px;
  grid-row-gap: 16px;
  color: #f8f5f5;
  flex-flow: wrap;
  align-items: center;
  display: flex;
}

.footer-bottom {
  grid-column-gap: 64px;
  grid-row-gap: 32px;
  justify-content: space-between;
  align-items: center;
  margin-top: 48px;
  display: flex;
}

.form {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  display: flex;
}

.footer-link {
  grid-column-gap: 2px;
  color: #404040;
  align-items: center;
  padding-top: 6px;
  padding-bottom: 6px;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  transition: color .3s;
  display: flex;
}

.footer-link:hover {
  color: #734573;
}

.paragraph-small-8 {
  color: #faf7f7;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.paragraph-small-8.text-color-gray-500 {
  color: #f8f5f5;
  font-weight: 500;
}

.paragraph-regular-2 {
  color: var(--black);
  letter-spacing: -.25px;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 24px;
}

.column-gigantic {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  display: flex;
}

.form-checkbox {
  color: var(--white);
  -webkit-user-select: none;
  user-select: none;
  background-color: #fff;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
}

.button-primary-large-3 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #000;
  letter-spacing: -.25px;
  background-color: #fff;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 16px 24px;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
}

.button-primary-large-3:hover {
  background-color: #734573;
}

.footer-form-wrapper-2 {
  grid-row-gap: 24px;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-width: 480px;
  display: flex;
}

.section-regular-9 {
  padding: 80px 5%;
  position: relative;
  overflow: hidden;
}

.section-regular-9.background-brown-50 {
  background-color: #f8f6f6;
  background-image: url('../images/68193f04da1e34aa66f6df6f_hero-v1-bg-techvoice-webflow-template.jpg');
  background-position: 50%;
  background-size: cover;
  margin-top: 0;
}

.column-large-3 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}

.h6-heading-5 {
  color: #0a0a0a;
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.3;
}

.footer-newsletter {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  background-color: #fff;
  background-image: url('../images/68193f04da1e34aa66f6df6f_hero-v1-bg-techvoice-webflow-template.jpg');
  background-position: 50% 0;
  background-size: auto;
  justify-content: space-between;
  align-items: center;
  margin-top: 64px;
  margin-bottom: 64px;
  padding: 48px;
  display: flex;
}

.form-wrapper {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  align-items: center;
  display: flex;
}

.footer-social-link {
  color: #262626;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  transition: color .3s;
  display: flex;
}

.footer-social-link:hover {
  color: #734573;
}

.text-link {
  color: #000;
  text-decoration: underline;
  transition: color .3s;
}

.text-link:hover {
  color: #734573;
}

.row-small-3 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: #faf1f1;
  flex-direction: row;
  display: flex;
}

.footer-scroll-button {
  color: #0a0a0a;
  background-color: #fff;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
}

.footer-scroll-button:hover {
  color: #734573;
}

.footer-grid-large {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.cta-block-image {
  align-items: flex-end;
  margin-top: -162px;
  display: flex;
}

.input-icon {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
  position: absolute;
  inset: 10px auto 10px 10px;
}

.form-input-icon {
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.email-form {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  align-items: center;
  display: flex;
}

.text-field-dark {
  background-color: #0000;
  border: 1px solid #292929;
  border-radius: 10px;
  min-height: 40px;
  margin-bottom: 0;
  padding: 10px 10px 10px 38px;
}

.text-field-dark:focus {
  border-color: #ff4b0f;
}

.section-large {
  margin-top: -133px;
  margin-bottom: -96px;
  padding: 120px 5%;
  position: relative;
}

.badge-primary {
  color: #fff;
  background-color: #292929;
  border-radius: 99px;
  padding: 4px 12px;
  font-size: 12px;
  line-height: 20px;
}

.cta-text-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.h4-heading {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.2;
}

.h4-heading.text-color-white {
  color: #fff;
  font-size: 20px;
}

.paragraph-regular-3 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-regular-3.text-color-tertiary {
  color: #fcf9f9;
}

.button-secondary {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff;
  text-align: center;
  background-color: #ff4b0f;
  background-image: linear-gradient(#ffffff3d, #0000 50%);
  border-radius: 8px;
  flex-direction: row;
  flex: none;
  justify-content: center;
  align-items: center;
  height: 40px;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  transition: background-color .3s;
  display: flex;
  box-shadow: 0 0 0 1px #ff4b0f, 0 1px 2px #ff4b0fa3, inset 1px 1px .25px #ffffff1f, inset -1px 1px .25px #ffffff1f;
}

.button-secondary:hover {
  background-image: linear-gradient(#fff6, #0000 50%);
}

.cta-feature {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff;
  align-items: center;
  display: flex;
}

.email-form-block {
  width: 100%;
  max-width: 376px;
  margin-bottom: 0;
}

.cta-block {
  grid-column-gap: 24px;
  grid-row-gap: 40px;
  background-color: #000;
  border-radius: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: -53px;
  padding: 72px 32px 72px 64px;
  display: grid;
}

.cta-feature-row {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: wrap;
  margin-top: 11px;
  display: flex;
}

.container-regular-3 {
  width: 100%;
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
}

.wrap-v-small {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  display: flex;
}

.testimonial-list-wrapper {
  height: 100%;
  position: relative;
  overflow: auto;
}

.paragraph-regular-bg {
  margin-bottom: 0;
  font-size: 16px;
  line-height: 24px;
}

.paragraph-regular-bg.text-weight-bold {
  font-weight: 700;
}

.testimonial-author-details {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.wrap-v-x-large {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  display: flex;
}

.wrap-v-tiny {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  display: flex;
}

.testimonial-scrollbar-css {
  display: none;
}

.testimonial-avatar-overlay {
  pointer-events: none;
  background-image: linear-gradient(#0000 67%, #d5d9e2);
  position: absolute;
  inset: 0%;
}

.testimonial-avatar-overlay.lime {
  background-image: linear-gradient(#0000 67%, #ecfc9c);
}

.testimonial-avatar-overlay.purple {
  background-image: linear-gradient(#0000 67%, #e9d6ff);
}

.paragraph-small-9 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
}

.paragraph-small-9.text-color-gray-600 {
  color: #525f75;
}

.paragraph-small-9.text-weight-semibold {
  font-weight: 600;
}

.section-regular-10 {
  padding: 96px 5%;
  position: relative;
}

.section-regular-10.background-gray {
  background-color: #f6f7f9;
  margin-top: 26px;
  margin-bottom: 126px;
  padding-top: 0;
  display: block;
}

.wrap-v-large {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  display: flex;
}

.wrap-v-large.space-bottom {
  padding-bottom: 62px;
}

.h5-heading-2 {
  letter-spacing: -.8px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 600;
  line-height: 48px;
}

.testimonial-list-overlay {
  z-index: 1;
  pointer-events: none;
  background-image: linear-gradient(#fff, #fff0 20% 80%, #fff);
  height: 100%;
  position: absolute;
  inset: auto 0% 0%;
}

.overline-2 {
  letter-spacing: .5px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  line-height: 20px;
}

.testimonial-quote-block {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #fff;
  border: 1px solid #edeff3;
  border-radius: 24px 24px 24px 0;
  flex-flow: column;
  padding: 24px;
  display: flex;
  box-shadow: 0 1px 2px #23272e14;
}

.testimonial-avatar-background {
  background-color: #f6f7f9;
  background-image: url('../images/team-card-background-dots.png');
  background-position: 0 0;
  background-size: auto;
  border-radius: 6px;
  position: relative;
  overflow: hidden;
}

.testimonial-avatar-background.lime {
  background-color: #fbffe6;
}

.testimonial-avatar-background.purple {
  background-color: #faf5ff;
}

.testimonial-quote-icon {
  width: 50px;
  height: 40px;
  position: absolute;
  inset: -15px -15px auto auto;
}

.text-color-orange-2 {
  color: #fe5b25;
}

.button-primary-square-small {
  color: #fff;
  background-color: #23272f;
  border: 2px solid #23272f;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  padding: 8px 24px;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  transition: box-shadow .3s;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 12px -2px #fe5b2500, 0 0 12px -2px #a355f700, 0 0 4px 2px #23272e3d, inset 0 2px 2px #ffffff3d;
}

.button-primary-square-small:hover {
  box-shadow: 0 0 12px -2px #fe5b25, 0 0 12px -2px #a355f7, 0 0 4px 2px #23272e3d, inset 0 2px 2px #ffffff3d;
}

.button-primary-square-small.w--current {
  background-color: #344256;
  border-color: #48566a;
}

.testimonial-header {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 56px 5%;
  display: flex;
}

.container-large-6 {
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}

.testimonial-grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #fff;
  border-radius: 24px;
  grid-template-rows: auto;
  grid-template-columns: .9fr 1fr;
  padding: 24px;
}

.testimonial-item {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.testimonial-feature {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.testimonial-avatar-border {
  z-index: 1;
  background-color: #fff;
  border-radius: 8px;
  flex: none;
  width: 86px;
  height: 86px;
  padding: 4px;
  position: relative;
  box-shadow: 0 1px 2px #23272e14;
}

.testimonial-quote-icon-wrapper {
  position: relative;
}

.icon-x-large {
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  display: flex;
}

.testimonial-feature-icon {
  background-color: #d6ffeb;
  border-radius: 100%;
  padding: 4px;
}

.testimonial-feature-icon.yellow {
  background-color: #f8edce;
}

.testimonial-list {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  padding-top: 48px;
  padding-bottom: 48px;
  padding-right: 16px;
  display: flex;
  position: absolute;
}

.testimonial-overlay-wrapper {
  position: relative;
}

.content-feature-link {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #000;
  background-color: #fff;
  border-radius: 8px;
  flex-flow: column;
  justify-content: space-between;
  padding: 24px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.h1-heading-4 {
  color: #000;
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 600;
  line-height: 1.1;
}

.content-logos {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  margin-bottom: 64px;
  display: flex;
  position: relative;
  -webkit-mask-image: linear-gradient(to right, #0000, #000 20% 80%, #0000);
  mask-image: linear-gradient(to right, #0000, #000 20% 80%, #0000);
}

.icon-large-2 {
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  display: flex;
}

.content-grid-2 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-items: stretch;
  display: grid;
}

.container-2x-small {
  z-index: 5;
  width: 100%;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.content-logo-wrapper {
  background-color: #fff;
  flex: none;
  padding: 12px;
}

.code-embed-2 {
  text-align: center;
  display: none;
}

.carousel-horizontal-content-2 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.section-regular-11 {
  background-color: #f7f8f8;
  background-image: url('../images/68193f04da1e34aa66f6df6f_hero-v1-bg-techvoice-webflow-template.jpg');
  background-position: 50%;
  background-size: cover;
  margin-top: -30px;
  padding: 80px 5%;
  position: relative;
}

.button-link {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #5b616e;
  justify-content: flex-start;
  align-items: center;
  font-size: 14px;
  text-decoration: underline;
  transition: color .3s;
  display: flex;
}

.button-link:hover {
  color: #ff4b0e;
}

.carousel-horizontal-2 {
  overflow: hidden;
  -webkit-mask-image: linear-gradient(to right, #0000, #000 10% 90%, #0000);
  mask-image: linear-gradient(to right, #0000, #000 10% 90%, #0000);
}

.h1-heading-5 {
  color: #000;
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 600;
  line-height: 1.1;
}

.container-small-3 {
  z-index: 5;
  width: 100%;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.feature-slider-image {
  width: 180px;
}

.button-link-small {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #ff4b0e;
  justify-content: flex-start;
  align-items: center;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  text-decoration: none;
  display: flex;
}

.max-width-small {
  width: 100%;
  max-width: 450px;
}

.feature-slider-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.h1-heading-6 {
  color: #000;
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 600;
  line-height: 1.1;
}

.caption-small-2 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
}

.caption-small-2.text-color-tertiary {
  color: #5b616e;
}

.content-column-2 {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex-flow: column;
  display: flex;
}

.paragraph-x-small-2 {
  margin-bottom: 0;
  font-size: 12px;
  line-height: 20px;
}

.paragraph-x-small-2.text-color-tertiary {
  color: #5b616e;
}

.text-color-brand-orange {
  color: #ff4b0e;
}

.hide {
  display: none;
}

.column-regular-4 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  display: flex;
}

.content-grid-left {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1.2fr 1fr;
  place-items: center;
}

.container-small-4 {
  z-index: 5;
  width: 100%;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.header-slide-nav {
  margin-left: 0;
  padding: 16px;
  position: static;
}

.feature-slide-card {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  overflow-wrap: anywhere;
  background-color: #fff;
  border-radius: 8px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  padding: 16px;
  display: flex;
}

.feature-slide {
  margin-right: 16px;
}

.paragraph-x-large-2 {
  letter-spacing: -.03em;
  margin-bottom: 0;
  font-size: 20px;
  line-height: 32px;
}

.feature-slider {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  clip-path: polygon(0 0, 400% 0, 400% 100%, 0% 100%);
  background-color: #0000;
  flex-flow: column;
  height: auto;
  display: flex;
  overflow: hidden;
}

.icon-x-small-2 {
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  display: flex;
}

.container-large-7 {
  width: 100%;
  max-width: 1216px;
  margin-left: auto;
  margin-right: auto;
}

.content-feature-card-2 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
  position: relative;
}

.content-footer {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: space-between;
  align-items: center;
  margin-top: 92px;
  display: flex;
}

.title-center-small {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  margin-bottom: 64px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.paragraph-small-10 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
}

.paragraph-regular-4 {
  letter-spacing: -.25px;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 24px;
}

.paragraph-regular-4.text-color-gray-700 {
  color: #404040;
}

.content-footer-link {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #0a0a0a;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  transition: color .3s;
  display: flex;
}

.content-footer-link:hover {
  color: #734573;
}

.content-footer-link:active {
  color: #262626;
}

.content-tag-wrap {
  grid-column-gap: 24px;
  grid-row-gap: 16px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
}

.grid-three-column-4 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.content-card-details {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  padding: 8px;
  display: flex;
}

.section-regular-12 {
  padding: 80px 5%;
  position: relative;
  overflow: hidden;
}

.image-fill {
  width: 100%;
  height: auto;
}

.icon-small-2 {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
}

.h6-heading-6 {
  color: #0a0a0a;
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.3;
}

.content-feature-image-2 {
  height: auto;
  padding: 32px;
}

.content-feature-image-2.background-blue-100 {
  background-color: #e8eef7;
}

.content-feature-image-2.background-gray-100 {
  background-color: #f5f5f5;
}

.content-feature-image-2.background-brown-100 {
  background-color: #f2eeee;
}

.h3-heading-2 {
  color: #0a0a0a;
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.2;
}

.paragraph-x-large-3 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  line-height: 32px;
}

.overline-3 {
  letter-spacing: 2px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}

.text-color-purple-600 {
  color: #5c2d5c;
}

.faq-footnote {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.button-link-2 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #6869ac;
  align-items: center;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: flex;
}

.column-x-small-5 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.faq-card-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #fff;
  border: 1px dashed #d7dae0;
  border-radius: 16px;
  flex-flow: column;
  padding: 32px;
  text-decoration: none;
  transition: border-color .3s, background-color .3s;
  display: flex;
}

.faq-card-2:hover {
  background-color: #e8ecf7;
  border-color: #6869ac;
}

.container-x-small-2 {
  width: 100%;
  max-width: 960px;
  margin-top: -70px;
  margin-left: auto;
  margin-right: auto;
}

.text-link-brand {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: #6869ac;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  transition: color .3s;
}

.text-link-brand:hover {
  color: #2b2c50;
}

.faq-arrow {
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
}

.h2-heading-7 {
  color: #24262d;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 600;
  line-height: 1.2;
}

.overline-regular-6 {
  color: #6869ac;
  letter-spacing: -.18px;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.faq-heading-wrapper {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  text-align: center;
  flex-flow: column;
  max-width: 500px;
  margin-bottom: 64px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.icon-x-small-3 {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  display: flex;
}

.faq-links-grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
}

.column-2x-large-2 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  display: flex;
}

.paragraph-small-11 {
  color: #3d424c;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-small-11.text-color-tertiary {
  color: #575f70;
}

.button-outline {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #6869ac;
  text-align: center;
  white-space: nowrap;
  background-color: #fff0;
  border: 1px solid #6869ac;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  padding: 10px 20px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  transition: background-color .3s;
  display: inline-flex;
}

.button-outline:hover {
  background-color: #e8ecf7;
}

.faq-dropdown-list {
  background-color: #0000;
  width: 100%;
  display: block;
  position: static;
  overflow: hidden;
}

.paragraph-regular-5 {
  color: #3d424c;
  font-size: 16px;
  line-height: 28px;
}

.faq-dropdown-content {
  width: 100%;
  max-width: 100%;
  padding-bottom: 16px;
  padding-left: 16px;
  padding-right: 16px;
  line-height: 36px;
}

.faq-dropdown {
  width: 100%;
  transition: all .3s;
}

.faq-dropdown-toggle {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  white-space: normal;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  padding: 16px;
  transition: color .3s;
  display: flex;
}

.faq-dropdown-toggle:hover {
  color: #6869ac;
}

.faq-title-wrapper {
  white-space: pre-wrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.background-dots {
  z-index: 1;
  pointer-events: none;
  color: #6869ac;
  justify-content: center;
  align-items: center;
  margin-top: -32px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
}

.subheading-x-large {
  color: #24262d;
  letter-spacing: -.04em;
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
}

.section-regular-13 {
  margin-top: -154px;
  padding: 64px 5%;
  position: relative;
}

.content-bento-bottom {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.container-large-8 {
  width: 100%;
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
}

.section-small {
  padding: 72px 5%;
  position: relative;
}

.paragraph-large-3 {
  letter-spacing: -.3px;
  margin-bottom: 0;
  font-size: 20px;
  line-height: 32px;
}

.subheading-large-4 {
  color: #030711;
  letter-spacing: -.32px;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
}

.paragraph-small-12 {
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.content-bento-card {
  grid-column-gap: 44px;
  grid-row-gap: 44px;
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-top: 40px;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.content-bento-image {
  margin-top: auto;
  margin-left: auto;
  margin-right: auto;
}

.h6-heading-7 {
  color: #030711;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
}

.content-bento-top {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  align-items: stretch;
}

.feature-card {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #fff;
  border-radius: 20px;
  flex-direction: column;
  padding: 8px;
  display: flex;
  box-shadow: 0 0 0 1px #0000000f, 0 1px 2px #0000000f;
}

.title-wrapper-small {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 584px;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.text-span-strong {
  color: #000;
  font-weight: 500;
}

.label-small {
  color: #000;
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
}

.label-small.text-color-secondary {
  color: #666;
}

.feature-content {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  padding: 16px;
  display: flex;
}

.paragraph-small-13 {
  margin-bottom: 0;
  font-size: 12px;
  line-height: 20px;
}

.feature-footer-caption {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #000;
  justify-content: center;
  align-items: center;
  margin-top: 32px;
  display: flex;
}

.feature-image-wrapper {
  background-color: #f5f5f5;
  border-radius: 12px;
  overflow: hidden;
}

.section-large-2 {
  padding: 120px 5%;
  position: relative;
}

.section-large-2.background-secondary {
  background-color: #f5f5f5;
  margin-bottom: -170px;
}

.max-width-small-2 {
  width: 100%;
  max-width: 400px;
}

.icon-x-small-4 {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  display: flex;
}

.paragraph-regular-6 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.button-outline-2 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #000;
  text-align: center;
  background-color: #fff;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 40px;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  transition: background-color .3s;
  display: flex;
  box-shadow: 0 1px 2px #0000000f, 0 0 0 1px #0000000f;
}

.button-outline-2:hover {
  background-color: #f0f0f0;
}

.subheading-regular-4 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
}

.grid-three-column-5 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.container-regular-4 {
  width: 100%;
  max-width: 1080px;
  margin: -85px auto -88px;
}

.icon-regular-6 {
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
}

.tab-progress-bar-base {
  margin-inline: auto;
  position: absolute;
  inset-block: auto 0;
  inset-inline: 0;
}

.button-link-3 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: #1e1e20;
  align-items: center;
  font-weight: 500;
  text-decoration: none;
  transition: color .3s;
  display: inline-flex;
}

.button-link-3:hover {
  color: #d0011d;
}

.feature-tab-menu {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  min-width: 50%;
  margin-right: 40px;
  display: grid;
}

.paragraph-small-14 {
  letter-spacing: -.01em;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.divider {
  background-color: #ececee;
  width: 100%;
  height: 1px;
}

.h1-heading-7 {
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.2;
}

.title-wrapper-7 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: #1e1e20;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 720px;
  margin-bottom: 64px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.paragraph-regular-7 {
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 24px;
}

.feature-tab-card {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #1e1e20;
  border: 1px solid #d2d2d7;
  border-radius: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 32px;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.feature-tab-card:hover {
  border-color: #f5f5f7;
  box-shadow: 25px 25px 64px -14px #a1a1a526;
}

.overline-regular-7 {
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
}

.section-regular-14 {
  margin-top: 51px;
  padding: 92px 5%;
  position: relative;
}

.feature-tabs {
  display: flex;
}

.feature-icon-2 {
  width: 70px;
}

.container-small-5 {
  z-index: 5;
  width: 100%;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.paragraph-large-4 {
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 32px;
}

.paragraph-large-4.text-weight-semibold {
  font-weight: 600;
}

.paragraph-large-4.text-color-tertiary {
  color: #5b616e;
}

.tab-progress-bar {
  width: var(--fb-tab-progress, 0);
  background-color: #d0011d;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  height: 5px;
  transition: width .3s;
}

.feature-tab-link {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #1e1e20;
  text-align: left;
  background-color: #0000;
  border: 1px solid #0000;
  border-radius: 10px;
  justify-content: flex-start;
  align-items: center;
  padding: 16px 32px;
  transition: border-color .3s;
  display: flex;
}

.feature-tab-link:hover {
  border-color: #d2d2d7;
}

.feature-tab-link.w--current {
  background-color: #fff;
  border: 1px solid #f5f5f7;
  box-shadow: 25px 25px 64px -14px #a1a1a526;
}

.column-large-4 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}

.content-grid-list {
  grid-column-gap: 120px;
  grid-row-gap: 120px;
  flex-flow: column;
  display: flex;
}

.content-right {
  padding-bottom: 72px;
  position: relative;
}

.section-large-3 {
  margin-top: 51px;
  padding: 96px 5%;
  position: relative;
}

.content-icon-wrapper {
  padding: 4px;
}

.content-graphic {
  background-color: #6869ac;
  border-radius: 24px;
  min-height: 350px;
  position: relative;
}

.content-card-logo {
  position: absolute;
  inset: 40px auto auto 40px;
}

.content-card-link {
  color: #6869ac;
  border: 1px solid #6869ac;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  display: flex;
}

.row-regular {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.overline-regular-8 {
  color: #6869ac;
  letter-spacing: -.18px;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.column-regular-5 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.h5-heading-3 {
  color: #24262d;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 600;
  line-height: 1.45;
}

.content-card {
  box-sizing: border-box;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border: 2px dashed #6869ac;
  border-radius: 24px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 100%;
  padding: 32px;
  display: flex;
}

.content-grid-3 {
  grid-column-gap: 92px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
}

.content-grid-middle {
  grid-column-gap: 100px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .5fr;
}

.subheading-large-5 {
  color: #24262d;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
}

.subheading-large-5.text-color-brand {
  color: #6869ac;
}

.icon-x-small-5 {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  display: flex;
}

.content-card-small {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #fff;
  border-radius: 16px;
  flex-flow: column;
  max-width: 414px;
  margin-left: auto;
  margin-right: auto;
  padding: 32px;
  display: flex;
  position: absolute;
  inset: auto 5% 0%;
}

.paragraph-small-15 {
  color: #3d424c;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-small-15.text-color-tertiary {
  color: #575f70;
}

.content-card-footnote {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.h2-heading-8 {
  color: #24262d;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 600;
  line-height: 1.2;
}

.container-large-9 {
  z-index: 2;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.content-title-wrapper {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  text-align: center;
  flex-flow: column;
  max-width: 500px;
  margin-bottom: 18px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.column-large-5 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}

.section-large-4 {
  margin-top: 0;
  padding: 96px 5%;
  position: relative;
}

.column-x-small-6 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.h4-heading-2 {
  color: #24262d;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 40px;
  font-weight: 600;
  line-height: 1.3;
}

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

.content-placeholder-image {
  z-index: 5;
  position: relative;
  box-shadow: 7px 7px 29px 10px #2b2c4f26;
}

.content-feature-item {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  align-items: flex-start;
  display: flex;
}

.content-feature-icon {
  color: #24262d;
  border: 1px dashed #24262d;
  border-radius: 100%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  margin-top: 4px;
  padding: 4px;
  display: flex;
}

.content-grid-bottom {
  grid-column-gap: 72px;
  grid-row-gap: 72px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.2fr;
  align-items: center;
  margin-bottom: 48px;
}

.overline-regular-9 {
  color: #6869ac;
  letter-spacing: -.18px;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.content-browser {
  width: 100%;
}

.content-grid-top {
  grid-column-gap: 72px;
  grid-row-gap: 72px;
  grid-template-rows: auto;
  grid-template-columns: 1.2fr 1fr;
  align-items: center;
  margin-top: 0;
}

.content-browser-top-bar {
  width: 100%;
}

.icon-x-small-6 {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  display: flex;
}

.paragraph-small-16 {
  color: #3d424c;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-small-16.text-color-tertiary {
  color: #575f70;
}

.placeholder-hand {
  z-index: 5;
  position: relative;
}

.content-list {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  flex-flow: column;
  display: flex;
}

.content-browser-window {
  border: 2px dashed #6869ac;
  border-top-style: none;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
}

.overline-small {
  color: #6869ac;
  letter-spacing: -.08px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

.h2-heading-9 {
  color: #24262d;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 600;
  line-height: 1.2;
}

.content-browser-inner {
  background-color: #6869ac;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  justify-content: center;
  align-items: flex-end;
  padding-top: 24px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
  position: relative;
}

.container-large-10 {
  z-index: 2;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

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

.tab-icon-green {
  background-color: #ebfff5;
  border: 1px solid #d6ffeb;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 40px;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
  display: flex;
}

.tab-icon-orange {
  background-color: #fff2eb;
  border: 1px solid #ffe7d6;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 40px;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
  display: flex;
}

.content-tabs-menu-list {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  width: 100%;
  max-width: 528px;
  margin-left: 5%;
  display: flex;
}

.section-large-5 {
  margin-top: -109px;
  padding: 120px 5%;
  position: relative;
}

.h2-heading-10 {
  color: #000;
  letter-spacing: -2px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 600;
  line-height: 1.2;
}

.tab-progress-bar-base-2 {
  background-color: #edeff3;
  border-radius: 99px;
  width: 100%;
  height: 5px;
  margin-inline: auto;
  inset-block: auto 0;
  inset-inline: 0;
}

.content-tab-link {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  color: #525f75;
  background-color: #ddd0;
  align-items: flex-start;
  width: 100%;
  padding: 0;
  transition: color .3s;
}

.content-tab-link:hover {
  color: #23272f;
}

.content-tab-link.w--current {
  color: #23272f;
  background-color: #ddd0;
}

.tab-image {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.content-footer-2 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  align-items: center;
  margin-top: 32px;
  display: flex;
}

.tab-progress-bar-2 {
  width: var(--fb-tab-progress, 0);
  background-color: #fe5b25;
  border-radius: 99px;
  height: 5px;
  transition-property: width;
  transition-duration: .125s;
}

.paragraph-x-small-3 {
  letter-spacing: .04px;
  margin-bottom: 0;
  font-size: 12px;
  line-height: 20px;
}

.tab-link-dropdown {
  overflow: hidden;
}

.text-color-orange-3 {
  color: #fe5b25;
}

.tab-link-text-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  width: 100%;
  display: flex;
}

.tab-pane-2 {
  aspect-ratio: 3 / 2;
  border: 1px solid #edeff3;
  border-radius: 24px;
  overflow: hidden;
}

.content-tabs-row {
  flex-direction: row-reverse;
  align-items: center;
  display: flex;
}

.title-wrapper-left {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  align-items: flex-start;
  max-width: 900px;
  margin-bottom: 64px;
  display: flex;
}

.overline-regular-10 {
  letter-spacing: .5px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  line-height: 20px;
}

.h6-heading-8 {
  color: #000;
  letter-spacing: -.5px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.4;
}

.tab-icon-purple {
  background-color: #faf5ff;
  border: 1px solid #f1e6ff;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 40px;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
  display: flex;
}

.tabs-content {
  width: 100%;
  height: 100%;
}

.tab-link-horizontal {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.paragraph-small-17 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-small-17.text-color-gray-800 {
  color: #394151;
}

.code-embed-3 {
  display: none;
}

.process-badge {
  color: #fff;
  background-color: #3ec875;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  margin-top: 24px;
  padding: 8px 12px;
  font-size: 18px;
  font-weight: 600;
  display: flex;
}

.features-container {
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
}

.feature-circle {
  background-color: #ebebee;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 40px;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
  margin-right: 20px;
  font-size: 20px;
  line-height: 32px;
  display: flex;
}

.feature-image-wrapper-2 {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.accent {
  margin-top: 32px;
  margin-bottom: 24px;
}

.squiggle {
  z-index: 5;
  position: absolute;
  inset: auto auto 160px -40%;
}

.card {
  z-index: 5;
  background-color: #ffffffbd;
  border-radius: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 320px;
  padding: 32px;
  display: flex;
  position: relative;
  box-shadow: 30px 30px 44px #0b234d14;
}

.feature-list-grid {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  margin-top: 40px;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.card-type {
  align-items: center;
  margin-bottom: 28px;
  font-weight: 600;
  display: flex;
}

.card-icon-square {
  background-color: #5438ff;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 34px;
  min-width: 34px;
  height: 34px;
  min-height: 34px;
  margin-right: 10px;
  display: flex;
}

.feature-heading {
  color: #0c182e;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 12px;
  font-size: 28px;
  line-height: 62px;
}

.price-large {
  color: #5438ff;
  font-size: 42px;
  font-weight: 700;
  line-height: 1.2;
}

.card-detail {
  color: #3b4457;
  max-width: 290px;
  font-size: 14px;
  font-weight: 400;
  line-height: 28px;
}

.feature-small-title {
  color: #1e1e48;
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 22px;
  font-weight: 700;
  line-height: 26px;
}

.feature-card-2 {
  align-items: flex-start;
  display: flex;
}

.code-background {
  position: absolute;
  inset: -20% auto auto -25%;
}

.feature-body-small {
  color: #3b4457;
  max-width: 290px;
  font-size: 14px;
  font-weight: 400;
  line-height: 28px;
}

.card-wrapper {
  position: relative;
}

.price-medium {
  color: #0c182e;
  font-size: 28px;
  font-weight: 600;
  line-height: 32px;
}

.arrow-curve {
  position: absolute;
  inset: -15% 0% auto auto;
}

.features-section {
  margin-top: -300px;
  padding: 140px 5%;
}

.feature-body-large {
  color: #3b4457;
  font-size: 16px;
  font-weight: 400;
  line-height: 32px;
}

.feature-grid {
  grid-column-gap: 100px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
}

.container-regular-5 {
  width: 100%;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.content-image-background {
  opacity: .1;
  pointer-events: none;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.paragraph-small-18 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
}

.paragraph-small-18.text-color-gray-600 {
  color: #525f75;
}

.paragraph-x-large-4 {
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-size: 20px;
  line-height: 32px;
}

.paragraph-x-large-4.text-color-gray-800 {
  color: #394151;
}

.content-image-card-small {
  border-radius: 12px;
  width: 100%;
  max-width: 418px;
  position: relative;
  overflow: hidden;
}

.overline-4 {
  letter-spacing: .5px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  line-height: 20px;
}

.content-divider {
  background-color: #d5d9e2;
  border-radius: 2px;
  height: .5px;
}

.h2-heading-11 {
  letter-spacing: -2px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 500;
  line-height: 72px;
}

.content-grid-4 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
}

.text-color-orange-4 {
  color: #fe5b25;
}

.content-feature-grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
}

.content-icon {
  color: #390764;
  background-color: #faf5ff;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 48px;
  min-width: 48px;
  height: 48px;
  min-height: 48px;
  display: flex;
}

.content-feature {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #394151;
  border: .5px solid #d5d9e2;
  border-radius: 12px;
  flex-direction: column;
  padding: 24px;
  display: flex;
}

.content-feature-row {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #394151;
  border: .5px solid #d5d9e2;
  border-radius: 12px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  padding: 24px;
  display: flex;
}

.image-cover-2 {
  vertical-align: baseline;
  object-fit: contain;
  width: 100%;
  max-width: none;
  height: 100%;
  display: inline-block;
}

.integration-tab-menu {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.grid-two-column-2 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  width: 100%;
}

.integration-tab-link {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #49505b;
  letter-spacing: -.08px;
  background-color: #fff0;
  border: 1px solid #d8dbdf;
  border-radius: 8px;
  justify-content: flex-start;
  align-items: center;
  padding: 8px 12px 8px 8px;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  transition: background-color .3s, color .3s;
  display: flex;
}

.integration-tab-link:hover {
  color: #25272c;
  background-color: #f7f8f8;
}

.integration-tab-link.w--current {
  color: #25272c;
  background-color: #edeef1;
}

.h1-heading-8 {
  color: #25272c;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 64px;
  font-weight: 600;
  line-height: 1.2;
}

.paragraph-large-5 {
  color: #49505b;
  letter-spacing: -.16px;
  font-size: 18px;
  line-height: 32px;
}

.section-regular-15 {
  background-color: #f7f8f8;
  padding: 96px 5%;
  position: relative;
}

.section-regular-15.background-white {
  background-color: #fff;
}

.paragraph-regular-8 {
  color: #49505b;
  letter-spacing: -.12px;
  font-size: 16px;
  line-height: 28px;
}

.integraton-tab-icon {
  color: #49505b;
}

.badge {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border: 1px dashed #b5bbc4;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 8px 12px;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  display: flex;
}

.integration-column {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-end;
  height: 100%;
  display: flex;
}

.text-color-brand-2 {
  color: #154ee0;
}

.icon-x-small-7 {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  display: flex;
}

.icon-x-small-7.hide {
  display: none;
}

.max-width-regular {
  width: 100%;
  max-width: 520px;
}

.integration-tabs {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 4fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  display: grid;
}

.column-small-3 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.column-small-3.column-left {
  justify-content: center;
  align-items: flex-start;
}

.heading-grid-2 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1.3fr 1fr;
  place-items: end stretch;
  margin-bottom: 64px;
  display: grid;
}

.button-primary-small-2 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff;
  text-align: center;
  letter-spacing: -.08px;
  white-space: nowrap;
  background-color: #25272c;
  border: 1px solid #000;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  min-height: 32px;
  padding: 8px 10px;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  text-decoration: none;
  transition-property: background-color;
  transition-duration: .3s;
  transition-timing-function: ease;
  display: inline-flex;
  box-shadow: 0 1px 2px #00000080, inset 0 1px 1px 2px #3f444d;
}

.button-primary-small-2:hover {
  background-color: #000;
}

.integration-card-outline-2 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #fff;
  border: 1px dashed #d8dbdf;
  border-radius: 12px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 24px;
  transition: background-color .3s;
  display: flex;
}

.integration-card-outline-2:hover {
  background-color: #f7f8f8;
}

.container-regular-6 {
  z-index: 1;
  width: 100%;
  max-width: 1062px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.h6-heading-9 {
  color: #25272c;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.2;
}

.column-large-6 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}

.section-large-6 {
  padding: 96px 5%;
  position: relative;
}

.column-x-small-7 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.h4-heading-3 {
  color: #24262d;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 40px;
  font-weight: 600;
  line-height: 1.3;
}

.overline-regular-11 {
  color: #6869ac;
  letter-spacing: -.18px;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.paragraph-small-19 {
  color: #3d424c;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-small-19.text-color-tertiary {
  color: #575f70;
}

.h2-heading-12 {
  color: #24262d;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 600;
  line-height: 1.2;
}

.container-large-11 {
  z-index: 2;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.content-title-wrapper-2 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  text-align: center;
  flex-flow: column;
  max-width: 500px;
  margin-bottom: 120px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.paragraph-small-20 {
  margin-bottom: 0;
  font-size: 12px;
  line-height: 20px;
}

.feature-image-wrapper-3 {
  background-color: #f5f5f5;
  border-radius: 12px;
  overflow: hidden;
}

.section-large-7 {
  padding: 120px 5%;
  position: relative;
}

.section-large-7.background-secondary {
  background-color: #f5f5f5;
}

.max-width-small-3 {
  width: 100%;
  max-width: 400px;
}

.h4-heading-4 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.2;
}

.paragraph-regular-9 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.subheading-regular-5 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
}

.grid-three-column-6 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.container-regular-7 {
  width: 100%;
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
}

.grid-heading-wrapper {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.icon-regular-7 {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  transition: color .2s;
  display: flex;
}

.subheading-small-3 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
}

.text-color-tertiary {
  color: #8f8f8f;
}

.grid-subheading-wrapper {
  width: 100%;
  max-width: 416px;
}

.heading-grid-3 {
  grid-column-gap: 40px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  margin-bottom: 48px;
}

.h2-heading-13 {
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  line-height: 1.2;
}

.section-large-8 {
  margin-top: 0;
  padding: 120px 5%;
  position: relative;
}

.paragraph-regular-10 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.feature-card-outline-2 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-radius: 12px;
  align-items: flex-start;
  padding: 24px;
  display: flex;
  box-shadow: 0 0 0 1px #0000000f, 0 1px 2px #0000000f;
}

.column-2x-small-3 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  display: flex;
}

.badge-outline {
  color: #000;
  background-color: #fff;
  border-radius: 99px;
  padding: 4px 12px;
  font-size: 12px;
  line-height: 20px;
  display: flex;
  box-shadow: 0 0 0 1px #0000000f, 0 1px 2px #0000000f;
}

.grid-three-column-7 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.container-regular-8 {
  width: 100%;
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
}

.column-large-7 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}

.section-regular-16 {
  margin-top: -30px;
  padding: 80px 5%;
  position: relative;
  overflow: hidden;
}

.section-regular-16.background-brown-50 {
  background-color: #f8f6f6;
}

.container-large-12 {
  width: 100%;
  max-width: 1216px;
  margin-left: auto;
  margin-right: auto;
}

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

.row-small-4 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: row;
  display: flex;
}

.paragraph-small-21 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
}

.paragraph-small-21.text-color-gray-500 {
  color: #080808;
}

.paragraph-regular-11 {
  letter-spacing: -.25px;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 24px;
}

.footer-form-wrapper-3 {
  grid-row-gap: 24px;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-width: 480px;
  display: flex;
}

.h6-heading-10 {
  color: #0a0a0a;
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.3;
}

.button-primary-large-4 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #fff;
  letter-spacing: -.25px;
  background-color: #0a0a0a;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 16px 24px;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
}

.button-primary-large-4:hover {
  background-color: #734573;
}

.paragraph-small-22 {
  margin-bottom: 0;
  font-size: 12px;
  line-height: 20px;
}

.feature-image-wrapper-4 {
  background-color: #f5f5f5;
  border-radius: 12px;
  overflow: hidden;
}

.section-large-9 {
  padding: 120px 5%;
  position: relative;
}

.section-large-9.background-secondary {
  background-color: #f5f5f5;
}

.max-width-small-4 {
  width: 100%;
  max-width: 400px;
}

.h4-heading-5 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.2;
}

.paragraph-regular-12 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.subheading-regular-6 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
}

.grid-three-column-8 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-bottom: 27px;
}

.container-regular-9 {
  width: 100%;
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
}

.slider-mask {
  overflow: visible;
}

.subheading-large-6 {
  color: #0a0a0a;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
}

.content-slider {
  background-color: #0000;
  width: 100%;
  max-width: 384px;
  height: auto;
  padding-bottom: 96px;
  position: static;
}

.content-slide-arrow {
  color: #525252;
  background-color: #f5f5f5;
  border: 1px solid #d4d4d400;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  margin-left: auto;
  margin-right: auto;
  transition: all .3s;
  display: flex;
}

.content-slide-arrow:hover {
  color: #0a0a0a;
  border-color: #d4d4d4;
}

.content-slide-arrow.slide-arrow-right {
  inset: auto -54px 0% 0%;
}

.content-slide-arrow.slide-arrow-left {
  inset: auto 0% 0% -54px;
}

.paragraph-regular-13 {
  letter-spacing: -.25px;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 24px;
}

.content-slide-card {
  grid-row-gap: 16px;
  color: #404040;
  background-color: #f2eeee;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  padding: 16px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.content-slide-card.background-purple-50 {
  background-color: #f0ebf0;
}

.content-slide-card.background-gray-100 {
  background-color: #f5f5f5;
}

.content-slide-card.background-brown-100 {
  background-color: #f2eeee;
}

.content-slide-card.background-blue-100 {
  background-color: #e8eef7;
}

.column-small-4 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  display: flex;
}

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

.button-link-large {
  color: #0a0a0a;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: underline;
  transition: color .3s;
  display: inline-flex;
}

.button-link-large:hover {
  color: #734573;
}

.content-image-wrapper {
  background-color: #fff;
  max-width: 488px;
  height: auto;
}

.h3-heading-3 {
  color: #0a0a0a;
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.2;
}

.paragraph-x-large-5 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 32px;
}

.blog-post-details {
  grid-row-gap: 24px;
  flex-direction: column;
  align-items: flex-start;
  padding: 8px;
  display: flex;
}

.overline-5 {
  letter-spacing: 2px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}

.slide {
  margin-right: 32px;
}

.column-2x-large-3 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  display: flex;
}

.button-outline-3 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #6869ac;
  text-align: center;
  white-space: nowrap;
  background-color: #fff0;
  border: 1px solid #6869ac;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  padding: 10px 20px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  transition: background-color .3s;
  display: inline-flex;
}

.button-outline-3:hover {
  background-color: #e8ecf7;
}

.section-regular-17 {
  margin-top: -47px;
  padding: 64px 5%;
  position: relative;
}

.column-x-small-8 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.h2-heading-14 {
  color: #24262d;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 600;
  line-height: 1.2;
}

.button-link-4 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #6869ac;
  align-items: center;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: flex;
}

.paragraph-small-23 {
  color: #3d424c;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-small-23.text-color-tertiary {
  color: #575f70;
}

.paragraph-regular-14 {
  color: #3d424c;
  font-size: 16px;
  line-height: 28px;
}

.overline-regular-12 {
  color: #6869ac;
  letter-spacing: -.18px;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.h5-heading-4 {
  letter-spacing: -.8px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 600;
  line-height: 48px;
}

.section-regular-18 {
  padding: 96px 5%;
  position: relative;
}

.section-regular-18.background-gray {
  background-color: #f6f7f9;
  margin-top: -41px;
  margin-bottom: 126px;
  padding-top: 0;
}

.container-large-13 {
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}

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

.paragraph-small-24.text-weight-semibold {
  font-weight: 600;
}

.paragraph-small-24.text-color-gray-600 {
  color: #525f75;
}

.container-regular-10 {
  width: 100%;
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
}

.section-large-10 {
  margin-top: -244px;
  margin-bottom: -96px;
  padding: 120px 5%;
  position: relative;
}

.primary-blue-button-3 {
  grid-column-gap: 16px;
  color: #fff;
  background-color: #4262ff;
  border-radius: 100px;
  align-items: center;
  padding: 6px 28px 6px 6px;
  font-family: Satoshi variable, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 140%;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.primary-blue-button-3:hover {
  background-color: #a259ff;
}

.h4-heading-6 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.2;
}

.h4-heading-6.text-color-white {
  color: #fff;
  font-size: 25px;
}

.column-large-8 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  display: flex;
}

.paragraph-regular-15 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-regular-15.text-color-tertiary {
  color: #fcf9f9;
}

.section-regular-19 {
  padding: 80px 5%;
  position: relative;
  overflow: hidden;
}

.section-regular-19.background-brown-50 {
  background-color: #f8f6f6;
}

.row-small-5 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: row;
  display: flex;
}

.paragraph-small-25 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
}

.paragraph-small-25.text-color-gray-500 {
  color: #080808;
}

.paragraph-regular-16 {
  letter-spacing: -.25px;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 24px;
}

.h6-heading-11 {
  color: #0a0a0a;
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.3;
}

.button-primary-large-5 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #fff;
  letter-spacing: -.25px;
  background-color: #0a0a0a;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 16px 24px;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
}

.button-primary-large-5:hover {
  background-color: #734573;
}

.container-large-14 {
  z-index: 2;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.h2-heading-15 {
  color: #24262d;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 600;
  line-height: 1.2;
}

.container-large-15 {
  z-index: 2;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.section-regular-20 {
  background-color: #f7f8f8;
  margin-top: -67px;
  padding: 80px 5%;
  position: relative;
}

.h2-heading-16 {
  color: #24262d;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 600;
  line-height: 1.2;
}

.subheading-large-7 {
  color: #24262d;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
}

.container-regular-11 {
  width: 100%;
  max-width: 1080px;
  margin: -85px auto -88px;
}

.paragraph-small-26 {
  letter-spacing: -.01em;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.section-large-11 {
  padding: 120px 5%;
  position: relative;
}

.section-large-11.background-secondary {
  background-color: #f5f5f5;
  margin-bottom: -170px;
}

.content-grid-middle-2 {
  grid-column-gap: 100px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .5fr;
}

.subheading-large-8 {
  letter-spacing: -.02em;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
}

.max-width-small-5 {
  width: 100%;
  max-width: 400px;
}

.h1-heading-9 {
  color: #000;
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.1;
}

.container-small-6 {
  z-index: 5;
  width: 100%;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.paragraph-small-27 {
  color: #3d424c;
  font-size: 14px;
  line-height: 24px;
}

.section-large-12 {
  margin-top: 51px;
  padding: 96px 5%;
  position: relative;
}

.column-x-small-9 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.section-large-13 {
  margin-top: 0;
  padding: 96px 5%;
  position: relative;
}

.paragraph-small-28 {
  color: #3d424c;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-small-28.text-color-tertiary {
  color: #575f70;
}

.paragraph-regular-17 {
  color: #333;
  font-size: 16px;
  line-height: 24px;
}

.h4-heading-7 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.2;
}

.paragraph-regular-18 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.subheading-regular-7 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
}

.content-grid-5 {
  grid-column-gap: 92px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
}

.section-regular-21 {
  background-color: #f7f8f8;
  padding: 80px 5%;
  position: relative;
}

.subheading-large-9 {
  letter-spacing: -.02em;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
}

.h1-heading-10 {
  color: #000;
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 600;
  line-height: 1.1;
}

.h2-heading-17 {
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  line-height: 1.2;
}

.heading-grid-4 {
  grid-column-gap: 40px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  margin-bottom: 48px;
}

.feature-card-outline-3 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-radius: 12px;
  align-items: flex-start;
  padding: 24px;
  display: flex;
  box-shadow: 0 0 0 1px #0000000f, 0 1px 2px #0000000f;
}

.section-large-14 {
  padding: 120px 5%;
  position: relative;
}

.column-2x-small-4 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  display: flex;
}

.icon-regular-8 {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  transition: color .2s;
  display: flex;
}

.paragraph-regular-19 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.container-regular-12 {
  width: 100%;
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
}

.column-2x-large-4 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  display: flex;
}

.section-regular-22 {
  margin-top: -47px;
  padding: 64px 5%;
  position: relative;
}

.column-x-small-10 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.h2-heading-18 {
  color: #24262d;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 600;
  line-height: 1.2;
}

.button-link-5 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #6869ac;
  align-items: center;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: flex;
}

.paragraph-small-29 {
  color: #3d424c;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-small-29.text-color-tertiary {
  color: #575f70;
}

.overline-regular-13 {
  color: #6869ac;
  letter-spacing: -.18px;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.h5-heading-5 {
  letter-spacing: -.8px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 600;
  line-height: 48px;
}

.section-regular-23 {
  padding: 96px 5%;
  position: relative;
}

.section-regular-23.background-gray {
  background-color: #f6f7f9;
  margin-top: -41px;
  margin-bottom: 126px;
  padding-top: 0;
}

.container-large-16 {
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}

.paragraph-small-30 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
}

.paragraph-small-30.text-weight-semibold {
  font-weight: 600;
}

.paragraph-small-30.text-color-gray-600 {
  color: #525f75;
}

.container-regular-13 {
  width: 100%;
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
}

.section-large-15 {
  margin-top: -244px;
  margin-bottom: -96px;
  padding: 120px 5%;
  position: relative;
}

.primary-blue-button-4 {
  grid-column-gap: 16px;
  color: #fff;
  background-color: #4262ff;
  border-radius: 100px;
  align-items: center;
  padding: 6px 28px 6px 6px;
  font-family: Satoshi variable, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 140%;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.primary-blue-button-4:hover {
  background-color: #a259ff;
}

.h4-heading-8 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.2;
}

.h4-heading-8.text-color-white {
  color: #fff;
  font-size: 25px;
}

.column-large-9 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  display: flex;
}

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

.paragraph-regular-20.text-color-tertiary {
  color: #fcf9f9;
}

.section-regular-24 {
  padding: 80px 5%;
  position: relative;
  overflow: hidden;
}

.section-regular-24.background-brown-50 {
  background-color: #f8f6f6;
}

.row-small-6 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: row;
  display: flex;
}

.paragraph-small-31 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
}

.paragraph-small-31.text-color-gray-500 {
  color: #080808;
}

.paragraph-regular-21 {
  letter-spacing: -.25px;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 24px;
}

.h6-heading-12 {
  color: #0a0a0a;
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.3;
}

.button-primary-large-6 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #fff;
  letter-spacing: -.25px;
  background-color: #0a0a0a;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 16px 24px;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
}

.button-primary-large-6:hover {
  background-color: #734573;
}

.paragraph-small-32 {
  color: #40444c;
  letter-spacing: -.08px;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.feature-grid-small {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

.h1-heading-11 {
  color: #000;
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 600;
  line-height: 1.1;
}

.title-wrapper-full {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #383a42;
  text-align: left;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 48px;
  margin-left: auto;
  margin-right: auto;
  font-size: 28px;
  display: flex;
}

.section-regular-25 {
  background-color: #f7f8f8;
  padding: 80px 5%;
  position: relative;
}

.column-xx-small {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  display: flex;
}

.subheading-large-10 {
  color: #000;
  letter-spacing: -.02em;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
}

.subheading-large-10.text-brand-purple {
  color: #6153bd;
}

.feature-card-horizontal {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  text-align: left;
  background-color: #fff;
  border-radius: 8px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  padding: 24px;
  text-decoration: none;
  display: flex;
}

.paragraph-small-33 {
  color: #40444c;
  letter-spacing: -.08px;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.section-regular-26 {
  background-color: #f7f8f8;
  padding: 80px 5%;
  position: relative;
}

.subheading-large-11 {
  color: #000;
  letter-spacing: -.02em;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
}

.subheading-large-11.text-brand-purple {
  color: #6153bd;
}

.container-large-17 {
  z-index: 2;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.h2-heading-19 {
  color: #24262d;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 600;
  line-height: 1.2;
}

.paragraph-small-34 {
  letter-spacing: -.01em;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.content-grid-top-2 {
  grid-column-gap: 72px;
  grid-row-gap: 72px;
  grid-template-rows: auto;
  grid-template-columns: 1.2fr 1fr;
  align-items: center;
  margin-top: -2px;
}

.column-x-small-11 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.section-large-16 {
  margin-top: 87px;
  padding: 96px 5%;
  position: relative;
}

.column-large-10 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}

.paragraph-small-35 {
  color: #3d424c;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-small-35.text-color-tertiary {
  color: #575f70;
}

.paragraph-small-36 {
  margin-bottom: 0;
  font-size: 12px;
  line-height: 20px;
}

.section-large-17 {
  padding: 120px 5%;
  position: relative;
}

.section-large-17.background-secondary {
  background-color: #f5f5f5;
  margin-top: 0;
  margin-bottom: 22px;
}

.max-width-small-6 {
  width: 100%;
  max-width: 400px;
}

.h4-heading-9 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2;
}

.paragraph-regular-22 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.button-outline-4 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #000;
  text-align: center;
  background-color: #fff;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 40px;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  transition: background-color .3s;
  display: flex;
  box-shadow: 0 1px 2px #0000000f, 0 0 0 1px #0000000f;
}

.button-outline-4:hover {
  background-color: #f0f0f0;
}

.subheading-regular-8 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
}

.container-regular-14 {
  width: 100%;
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
}

.button-outline-5 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #6869ac;
  text-align: center;
  white-space: nowrap;
  background-color: #fff0;
  border: 1px solid #6869ac;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  padding: 10px 20px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  transition: background-color .3s;
  display: inline-flex;
}

.button-outline-5:hover {
  background-color: #e8ecf7;
}

.section-regular-27 {
  margin-top: -47px;
  padding: 64px 5%;
  position: relative;
}

.column-x-small-12 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.h2-heading-20 {
  color: #24262d;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 600;
  line-height: 1.2;
}

.button-link-6 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #6869ac;
  align-items: center;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: flex;
}

.paragraph-small-37 {
  color: #3d424c;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-small-37.text-color-tertiary {
  color: #575f70;
}

.overline-regular-14 {
  color: #6869ac;
  letter-spacing: -.18px;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.section-regular-28 {
  padding: 96px 5%;
  position: relative;
}

.section-regular-28.background-gray {
  background-color: #f6f7f9;
  margin-top: -41px;
  margin-bottom: 126px;
  padding-top: 0;
}

.container-large-18 {
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}

.paragraph-small-38 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
}

.paragraph-small-38.text-weight-semibold {
  font-weight: 600;
}

.paragraph-small-38.text-color-gray-600 {
  color: #525f75;
}

.container-regular-15 {
  width: 100%;
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
}

.section-large-18 {
  margin-top: -244px;
  margin-bottom: -96px;
  padding: 120px 5%;
  position: relative;
}

.primary-blue-button-5 {
  grid-column-gap: 16px;
  color: #fff;
  background-color: #4262ff;
  border-radius: 100px;
  align-items: center;
  padding: 6px 28px 6px 6px;
  font-family: Satoshi variable, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 140%;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.primary-blue-button-5:hover {
  background-color: #a259ff;
}

.h4-heading-10 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.2;
}

.h4-heading-10.text-color-white {
  color: #fff;
  font-size: 24px;
}

.column-large-11 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  display: flex;
}

.paragraph-regular-23 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-regular-23.text-color-tertiary {
  color: #fcf9f9;
}

.column-large-12 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}

.column-large-12.column-left {
  justify-content: flex-start;
  align-items: flex-start;
}

.section-regular-29 {
  padding: 80px 5%;
  position: relative;
  overflow: hidden;
}

.section-regular-29.background-brown-50 {
  background-color: #f8f6f6;
}

.row-small-7 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: row;
  display: flex;
}

.paragraph-small-39 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
}

.paragraph-small-39.text-color-gray-500 {
  color: #080808;
}

.paragraph-regular-24 {
  letter-spacing: -.25px;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 24px;
}

.h6-heading-13 {
  color: #0a0a0a;
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.3;
}

.button-primary-large-7 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #fff;
  letter-spacing: -.25px;
  background-color: #0a0a0a;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 16px 24px;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
}

.button-primary-large-7:hover {
  background-color: #734573;
}

.checkbox-content {
  z-index: 2;
  pointer-events: none;
  position: absolute;
  left: 20px;
  right: 20px;
}

.next-button {
  background-color: #5b3acc;
  border-radius: 5px;
  flex: 1;
  align-self: center;
  padding: 12px 32px;
  font-size: 15px;
  transition: background-color .2s ease-in;
  display: none;
}

.form-mask {
  flex: 1;
}

.column-large-13 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  display: flex;
}

.step-breadcrumb {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.icon-regular-9 {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  transition: color .2s;
  display: flex;
}

.step-arrow {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
}

.checkbox-label-2 {
  color: #3d3d3d;
  letter-spacing: -.006em;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
}

.previous-button {
  opacity: 1;
  color: #5b617c;
  text-indent: -2px;
  flex: none;
  align-self: center;
  padding: 5px 0;
  font-size: 15px;
  transition: opacity .2s ease-in;
  display: none;
}

.previous-button:hover {
  opacity: 1;
  border-bottom-color: #0000008c;
}

.checkbox-field-2 {
  z-index: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 88px;
  margin-bottom: 0;
  padding-left: 0;
  position: relative;
}

.form-step-slide {
  flex-wrap: wrap;
  width: 100%;
  height: auto;
}

.previous-placeholder {
  opacity: 0;
  justify-content: center;
  align-items: center;
  width: 0;
  max-width: 100px;
  height: 0;
  margin-bottom: 30px;
  transition: opacity .2s;
  display: none;
}

.previous-placeholder:hover {
  opacity: 1;
}

.step-banner {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #f5f5f5;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  padding-top: 96px;
  padding-left: 56px;
  padding-right: 12%;
  display: flex;
  position: relative;
}

.multi-step-error {
  text-align: center;
  border-radius: 8px;
  margin-top: 0;
  position: static;
  inset: auto 0% 0%;
}

.step-checkbox {
  cursor: pointer;
  border-color: #0000000f;
  border-radius: 16px;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-left: 0;
  transition: border-radius .3s, box-shadow .3s, border-color .3s;
}

.step-checkbox.w--redirected-checked {
  background-color: #0000;
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  border-color: #ff4b0f;
  border-radius: 12px;
}

.step-checkbox.w--redirected-focus {
  box-shadow: none;
}

.h6-heading-14 {
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.3;
}

.field-wrapper {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.field-label {
  color: #000;
  letter-spacing: -.006em;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
}

.paragraph-small-40 {
  margin-bottom: 0;
  font-size: 12px;
  line-height: 20px;
}

.paragraph-small-40.text-color-secondary {
  color: #666;
}

.step-slider-buttons {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.multi-step-success {
  text-align: left;
  background-color: #0000;
  padding: 0;
}

.step-breadcrumbs {
  grid-column-gap: 16px;
  grid-row-gap: 6px;
  color: #666;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
}

.step-content {
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 520px;
  height: 100%;
  display: flex;
}

.multi-step-form-block {
  flex-direction: column;
  width: 100%;
  height: 100%;
  margin-bottom: 0;
  display: flex;
}

.background-pattern {
  pointer-events: none;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.step-checkbox-wrapper {
  color: #fff;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.text-field {
  color: #000;
  letter-spacing: -.006em;
  background-color: #fff;
  border: 1px solid #0000;
  border-radius: 10px;
  min-height: 40px;
  margin-bottom: 0;
  padding: 10px;
  font-size: 14px;
  line-height: 1.5;
  transition: color .3s, border-color .3s, box-shadow .3s;
  box-shadow: 0 1px 2px #0000000f, 0 0 0 1px #0000000a;
}

.text-field:hover {
  box-shadow: 0 1px 2px #0000000f, 0 0 0 1px #00000014;
}

.text-field:focus {
  border: 1px solid #ff4b0f;
}

.text-field::placeholder {
  color: #8f8f8f;
}

.text-field.text-area {
  min-height: 166px;
}

.next-placeholder {
  justify-content: center;
  align-items: center;
  width: 0;
  max-width: 159px;
  height: 0;
  margin: auto auto 25px;
  display: none;
}

.multi-step-checkbox-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  align-items: center;
  display: flex;
}

.step-banner-header {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.small-checkbox {
  align-items: center;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
}

.slide-grid-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: .7fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.paragraph-regular-25 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-regular-25.text-color-secondary {
  color: #666;
}

.form-slider {
  background-color: #0000;
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
}

.text-color-brand-3 {
  color: #ff4b0f;
}

.button-primary-small-3 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff;
  text-align: center;
  background-color: #292929;
  border-radius: 10px;
  flex-direction: row;
  flex: none;
  justify-content: center;
  align-items: center;
  height: 32px;
  padding: 4px 12px;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  transition: background-color .3s;
  display: flex;
  box-shadow: inset 1px 1px .25px #ffffff1f, inset -1px 1px .25px #ffffff1f, 0 0 0 1px #000, 0 1px 2px #000000a3;
}

.button-primary-small-3:hover {
  background-color: #141414;
}

.button-primary-2 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff;
  text-align: center;
  background-color: #292929;
  border-radius: 10px;
  flex-direction: row;
  flex: none;
  justify-content: center;
  align-items: center;
  height: 40px;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  transition: background-color .2s;
  display: flex;
  box-shadow: inset 1px 1px .25px #ffffff1f, inset -1px 1px .25px #ffffff1f, 0 0 0 1px #000, 0 1px 2px #000000a3;
}

.button-primary-2:hover {
  background-color: #141414;
}

.step-content-wrapper {
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding: 96px 56px 96px 12%;
  display: flex;
}

.label-regular {
  color: #000;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
}

.label-regular.text-color-primary {
  color: #000;
}

.multi-step-submit-button {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff;
  text-align: center;
  background-color: #292929;
  border-radius: 10px;
  flex-direction: row;
  flex: none;
  justify-content: center;
  align-items: center;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  display: flex;
  box-shadow: inset 1px 1px .25px #ffffff1f, inset -1px 1px .25px #ffffff1f, 0 0 0 1px #000, 0 1px 2px #000000a3;
}

.step-number {
  line-height: 1;
}

.step-icon {
  color: #666;
  background-color: #fff;
  border: 1px solid #e3e3e3;
  border-radius: 40px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
}

.step-icon.active {
  color: #fff;
  background-color: #000;
  border-color: #000;
}

.step-icon.completed {
  background-color: #ff4b0f;
}

.step-form-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
}

.step-banner-image {
  width: 100%;
  max-width: none;
}

.step-banner-content {
  z-index: 1;
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 462px;
  height: 100%;
  display: flex;
  position: relative;
}

.horizontal-divider {
  align-items: center;
  width: 100%;
  height: 2px;
  display: flex;
}

.section-form {
  position: relative;
}

.step-form-content {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.h5-heading-6 {
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.25;
}

.icon-wrapper-small {
  background-color: #fff;
  border-radius: 10px;
  flex: none;
  padding: 12px;
  box-shadow: 0 0 0 1px #0000000f, 0 1px 2px #0000000f;
}

.step-banner-title {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.code-embed-4 {
  display: none;
}

.checkbox-2 {
  border: 1.2px solid #e3e3e3;
  border-radius: 40px;
  width: 20px;
  height: 20px;
  margin-top: 0;
  margin-left: 0;
  margin-right: 8px;
}

.checkbox-2.w--redirected-checked {
  background-color: #ff4b0f;
  background-image: url('../images/check-line.svg');
  background-size: 16px;
  border: 1.2px solid #ff4b0f;
  border-radius: 40px;
}

.checkbox-2.w--redirected-focus {
  box-shadow: none;
}

.form-input-wrapper {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.icon-large-3 {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  display: flex;
}

.subheading-small-4 {
  color: #24262d;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
}

.subheading-small-4.text-color-inherit {
  color: inherit;
}

.text-field-white {
  color: #6869ac;
  background-color: #fff;
  border: 1px #000;
  border-radius: 8px;
  min-height: 48px;
  margin-bottom: 0;
  padding: 12px 16px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.text-field-white:focus {
  border: 1.5px solid #6869ac;
}

.text-field-white::placeholder {
  color: #6869ac;
}

.text-field-white.text-area {
  min-height: 120px;
}

.form-grid {
  grid-template-rows: auto;
}

.form-card-large {
  background-color: #f5f5f5;
  border-radius: 12px;
  margin-top: -115px;
  padding: 40px;
}

.container-small-7 {
  z-index: 1;
  width: 100%;
  max-width: 846px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.column-x-small-13 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.column-x-small-13.text-align-center {
  text-align: center;
}

.feature-icon-white {
  color: #fff;
  text-transform: none;
  background-color: #6869ac;
  border: 1px dashed #fff;
  border-radius: 100%;
  flex: none;
  justify-content: center;
  align-items: center;
  padding: 12px;
  display: flex;
}

.grid-two-column-3 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  justify-items: center;
}

.form-wrapper-2 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  color: #fff;
  flex-flow: column;
  max-width: 792px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.title-wrapper-8 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 640px;
  margin-bottom: 64px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.title-wrapper-8.text-color-white {
  color: #fff;
  margin-bottom: 135px;
}

.h2-heading-21 {
  color: #24262d;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 64px;
  font-weight: 600;
  line-height: 1.2;
}

.h2-heading-21.text-color-inherit {
  color: var(--dark);
  font-size: 24px;
}

.text-link-tertiary {
  color: #575f70;
  text-decoration: underline;
  transition: color .3s;
}

.text-link-tertiary:hover {
  color: #24262d;
}

.button-primary-3 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #6869ac;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 12px 24px;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  transition: background-color .3s;
  display: inline-flex;
}

.button-primary-3:hover {
  background-color: #2b2c50;
}

.overline-regular-15 {
  color: #6869ac;
  letter-spacing: -.18px;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.overline-regular-15.text-color-white {
  color: #fff;
}

.text-color-brand-4 {
  color: #6869ac;
}

.select-field-icon {
  color: #747c90;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
  position: absolute;
  inset: auto 12px auto auto;
}

.contact-link {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #fff;
  border: 1px dashed #fff;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  padding: 12px 16px;
  display: flex;
}

.contact-divider {
  border-left: 1px dashed #fff;
  width: 1px;
  height: 100%;
}

.form-select-white {
  color: #6869ac;
  appearance: none;
  background-color: #fff;
  border: 1px #000;
  border-radius: 8px;
  min-height: 48px;
  margin-bottom: 0;
  padding: 8px 18px 8px 16px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.form-select-white:focus {
  border: 1.5px solid #6869ac;
}

.paragraph-small-41 {
  color: #3d424c;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-small-41.text-color-tertiary {
  color: #575f70;
}

.paragraph-small-41.text-color-inherit {
  color: inherit;
}

.section-large-19 {
  padding: 96px 5%;
  position: relative;
}

.section-large-19.background-brand {
  background-color: #0000;
  margin-top: -127px;
}

.paragraph-large-6 {
  color: #3d424c;
  font-size: 18px;
  line-height: 32px;
}

.paragraph-large-6.text-color-inherit {
  color: var(--black);
}

.paragraph-x-small-4 {
  color: #3d424c;
  font-size: 12px;
  line-height: 20px;
}

.paragraph-x-small-4.text-color-inherit {
  color: inherit;
}

.feature-arrow {
  color: #6869ac;
  background-color: #fff;
  border-radius: 40px;
  flex: none;
  padding: 4px;
}

.contact-brand-pattern-copy {
  z-index: 0;
  pointer-events: none;
  background-image: url('../images/contact-01-bg.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

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

.column {
  flex-flow: column;
  display: flex;
}

.column-small-5 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  display: flex;
}

.form-grid-large {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto;
}

.container-regular-16 {
  width: 100%;
  max-width: 1216px;
  margin-top: 32px;
  margin-left: auto;
  margin-right: auto;
}

.paragraph-x-large-6 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  line-height: 32px;
}

.paragraph-small-42 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
}

.paragraph-small-42.text-color-gray-500 {
  color: #737373;
}

.testimonial-card-filled {
  grid-row-gap: 96px;
  color: #0e251f;
  background-color: #f4faf8;
  flex-direction: column;
  padding: 32px;
  display: flex;
}

.testimonial-card-filled.yellow {
  color: #422405;
  background-color: #fefee7;
}

.testimonial-card-filled.blue {
  background-color: #f3f6fc;
}

.column-x-large-2 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  display: flex;
}

.icon-xx-large {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 64px;
  height: 64px;
  display: flex;
}

.section-regular-30 {
  margin-top: -105px;
  padding: 80px 5%;
  position: relative;
  overflow: hidden;
}

.testimonial-logo-group {
  grid-column-gap: 90px;
  grid-row-gap: 32px;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  margin-top: 64px;
  display: flex;
}

.h6-heading-15, .h5-heading-7 {
  color: #0a0a0a;
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.3;
}

.testimonial-logo-wrapper {
  background-color: #fff;
  padding: 8px;
}

.h3-heading-4 {
  color: #0a0a0a;
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.2;
}

.subheading-small-5 {
  color: #f50808;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.column-tiny {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  display: flex;
}

.column-tiny.flex-grow {
  flex: 1;
}

.testimonial-name-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  align-items: center;
  display: flex;
}

.icon-x-large-2 {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  display: flex;
}

.testimonial-grid-2 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: center;
}

.overline-6 {
  letter-spacing: 2px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}

.button-link-7 {
  color: #0a0a0a;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: underline;
  transition: color .3s;
  display: flex;
}

.button-link-7:hover {
  color: #734573;
}

.button-link-7:active {
  color: #262626;
}

.container-large-19 {
  z-index: 2;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.h2-heading-22 {
  color: #24262d;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 600;
  line-height: 1.2;
}

.paragraph-small-43 {
  letter-spacing: -.01em;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.content-grid-top-3 {
  grid-column-gap: 72px;
  grid-row-gap: 72px;
  grid-template-rows: auto;
  grid-template-columns: 1.2fr 1fr;
  align-items: center;
  margin-top: -65px;
}

.column-x-small-14 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.section-large-20 {
  margin-top: -152px;
  padding: 96px 5%;
  position: relative;
}

.paragraph-small-44 {
  color: #3d424c;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-small-44.text-color-tertiary {
  color: #575f70;
}

.paragraph-small-45 {
  margin-bottom: 0;
  font-size: 12px;
  line-height: 20px;
}

.paragraph-regular-26 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.subheading-regular-9 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
}

.container-regular-17 {
  width: 100%;
  max-width: 1080px;
  margin-top: -54px;
  margin-left: auto;
  margin-right: auto;
}

.button-outline-6 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #6869ac;
  text-align: center;
  white-space: nowrap;
  background-color: #fff0;
  border: 1px solid #6869ac;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  margin-top: 42px;
  padding: 10px 20px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  transition: background-color .3s;
  display: inline-flex;
}

.button-outline-6:hover {
  background-color: #e8ecf7;
}

.section-regular-31 {
  margin-top: -47px;
  padding: 64px 5%;
  position: relative;
}

.column-x-small-15 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.paragraph-small-46 {
  color: #3d424c;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-small-46.text-color-tertiary {
  color: #575f70;
}

.overline-regular-16 {
  color: #6869ac;
  letter-spacing: -.18px;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.container-small-8 {
  width: 100%;
  max-width: 846px;
  margin-top: -107px;
  margin-left: auto;
  margin-right: auto;
}

.row-small-8 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.title-wrapper-9 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 628px;
  margin-bottom: 64px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.section-regular-32 {
  background-color: #f7f8f8;
  margin-top: -89px;
  padding: 96px 5%;
  position: relative;
}

.h1-heading-12 {
  color: #25272c;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 64px;
  font-weight: 600;
  line-height: 1.2;
}

.feature-card-3 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #fff;
  border-radius: 12px;
  flex-flow: column;
  padding: 24px;
  display: flex;
  box-shadow: 0 2px 2px #d8dbdf80;
}

.paragraph-regular-27 {
  letter-spacing: -.12px;
  font-size: 16px;
  line-height: 28px;
}

.feature-grid-2 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  display: grid;
}

.tabs-content-2 {
  width: 100%;
  overflow: visible;
}

.subheading-large-12 {
  color: #25272c;
  letter-spacing: -.24px;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
}

.feature-tab-link-2 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #49505b;
  letter-spacing: -.08px;
  background-color: #f7f8f8;
  border: 1px solid #fff;
  border-radius: 8px;
  flex: auto;
  justify-content: center;
  align-items: center;
  padding: 8px 12px 8px 8px;
  font-size: 14px;
  line-height: 16px;
  transition: color .3s, border-color .3s;
  display: flex;
}

.feature-tab-link-2:hover {
  color: #25272c;
  border-color: #3a88fe;
}

.feature-tab-link-2.w--current {
  color: #25272c;
  background-color: #f7f8f8;
  border-color: #3a88fe;
}

.feature-tabs-stack {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #edeef1;
  border: 1px dashed #b5bbc4;
  border-radius: 16px;
  flex-flow: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  margin-top: 24px;
  padding: 16px;
  display: grid;
}

.column-x-small-16 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.paragraph-small-47 {
  color: #3d424c;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-small-47.text-color-tertiary {
  color: #575f70;
}

.paragraph-small-48 {
  margin-bottom: 0;
  font-size: 12px;
  line-height: 20px;
}

.h4-heading-11 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.2;
}

.paragraph-regular-28 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.subheading-regular-10 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
}

.container-regular-18 {
  width: 100%;
  max-width: 1080px;
  margin-top: -69px;
  margin-left: auto;
  margin-right: auto;
}

.testimonial-quote-block-2 {
  border: 2px dashed #6869ac;
  border-radius: 20px 20px 20px 0;
  padding: 24px;
}

.testimonial-quote-block-2.filled-background {
  background-color: #e8ecf7;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 20px;
}

.timeline-testimonial-top {
  max-width: 390px;
  padding-bottom: 48px;
  position: relative;
}

.timeline-award-card {
  z-index: 1;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #fff;
  border: 1px dashed #6869ac;
  border-radius: 16px;
  flex-flow: column;
  padding: 32px;
  display: flex;
  position: relative;
}

.paragraph-x-large-7 {
  color: #3d424c;
  font-size: 20px;
  line-height: 32px;
}

.paragraph-x-large-7.text-color-tertiary {
  color: #575f70;
}

.timeline-milestone-header {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.timeline-button {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #6869ac;
  text-align: center;
  white-space: nowrap;
  background-color: #fff0;
  border: 1px dashed #6869ac;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  padding: 8px 16px 8px 24px;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  transition: background-color .3s;
  display: inline-flex;
}

.timeline-button:hover {
  background-color: #e8ecf7;
}

.testimonial-item-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  max-width: 430px;
  display: flex;
}

.testimonial-item-2.right {
  justify-content: flex-start;
  align-items: flex-end;
  margin-left: auto;
}

.timeline-company-icon {
  background-color: #e8ecf7;
  border-radius: 100%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  padding: 4px;
  display: flex;
}

.timeline-company-icon.behance {
  background-color: #105dfb;
}

.timeline-icon-wrapper {
  color: #6869ac;
  border: 1px dashed #6869ac;
  border-radius: 100%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  padding: 8px;
  display: flex;
}

.timeline-card-background {
  position: absolute;
  inset: auto auto 0% 0%;
}

.timeline-card-background.top-right {
  inset: 0% 0% auto auto;
}

.timeline-testimonial-avatar {
  aspect-ratio: 1;
  background-color: #6869ac;
  background-image: url('../images/image-lines.svg');
  background-position: 0 0;
  background-size: auto;
  border-radius: 16px;
  width: 80%;
  position: relative;
  overflow: hidden;
}

.timeline-milestone-content {
  display: flex;
}

.h2-heading-23 {
  color: #24262d;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 64px;
  font-weight: 600;
  line-height: 1.2;
}

.timeline-testimonial-author {
  background-color: #e8ecf7;
  background-image: url('../images/timeline-card-lines.svg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 16px;
  width: 80%;
  padding: 40px 16px 16px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.icon-regular-10 {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  transition: color .3s;
  display: flex;
}

.overline-regular-17 {
  color: #6869ac;
  letter-spacing: -.18px;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.h5-heading-8 {
  color: #24262d;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.45;
}

.timeline-testimonial {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  max-width: 340px;
  margin-top: 48px;
  display: flex;
}

.timeline-testimonial-list {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  display: flex;
}

.timeline-career-card {
  background-color: #e8ecf7;
  background-image: url('../images/timeline-card-lines.svg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 16px;
  width: 100%;
  max-width: 200px;
  padding: 40px 16px 16px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.timeline-component {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex-flow: column;
  display: flex;
}

.avatar-background {
  background-color: #6869ac;
  border-radius: 100%;
  flex: none;
  width: 52px;
  height: 52px;
  position: absolute;
  inset: auto;
}

.timeline-card {
  z-index: 1;
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  text-align: left;
  background-color: #fff;
  border: 1px dashed #6869ac;
  border-radius: 16px;
  flex-flow: column;
  max-width: 400px;
  padding: 32px;
  display: flex;
  position: relative;
}

.testimonial-author-name {
  color: #6869ac;
  letter-spacing: -.04em;
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
}

.h6-heading-16 {
  color: #24262d;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.5;
}

.subheading-large-13 {
  color: #24262d;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
}

.subheading-large-13.text-color-brand {
  color: #6869ac;
}

.timeline-card-block {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 48px 5%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.timeline-award-details {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.paragraph-small-49 {
  color: #3d424c;
  font-size: 14px;
  line-height: 24px;
}

.timeline-milestone-details {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.testimonial-avatar-image-wrapper {
  border-radius: 100%;
  flex: none;
  width: 60px;
  height: 60px;
}

.button-outline-7 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #6869ac;
  text-align: center;
  white-space: nowrap;
  background-color: #fff0;
  border: 1px solid #6869ac;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  padding: 10px 20px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  transition: background-color .3s;
  display: inline-flex;
}

.button-outline-7:hover {
  background-color: #e8ecf7;
}

.avatar-image-2 {
  z-index: 5;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: relative;
}

.timeline-career-bottom {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 360px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.timeline-quote-icon {
  color: #e8ecf7;
  letter-spacing: -.05em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 96px;
  font-weight: 600;
  line-height: 1;
}

.testimonial-quote-text {
  letter-spacing: -.04em;
  margin-bottom: 0;
  font-size: 22px;
  line-height: 32px;
}

.timeline-testimonial-bottom {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: space-between;
  width: 100%;
  max-width: 450px;
  margin-left: auto;
  display: flex;
}

.testimonial-avatar-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.timeline-award {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  max-width: 480px;
  display: flex;
}

.timeline-career-top {
  width: 100%;
  max-width: 480px;
  padding-bottom: 48px;
  position: relative;
}

.timeline-card-author {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.timeline-card-avatar {
  background-color: #f6f7f9;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  display: flex;
  overflow: hidden;
}

.timeline-milestone-year {
  color: #6869ac;
  border: 1px dashed #6869ac;
  border-radius: 100%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  display: flex;
}

.timeline-career-image {
  background-color: #6869ac;
  background-image: url('../images/image-lines.svg');
  background-position: 0 0;
  background-size: auto;
  border-radius: 16px;
  width: 80%;
  height: 240px;
  position: relative;
  overflow: hidden;
}

.testimonial-author {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  align-items: center;
  display: flex;
}

.container-large-20 {
  z-index: 2;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.section-regular-33 {
  padding: 64px 5%;
  position: relative;
}

.timeline-divider {
  border-left: 1px dashed #b4bac5;
  width: 1px;
}

.timeline-title {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 460px;
  margin-bottom: 80px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.testimonial-carousel-content {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  height: 680px;
  display: flex;
}

.testimonial-title-wrapper {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  text-align: center;
  flex-flow: column;
  max-width: 500px;
  margin-bottom: 60px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.testimonial-item-3 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  max-width: 430px;
  display: flex;
}

.testimonial-item-3.right {
  justify-content: flex-start;
  align-items: flex-end;
  margin-left: auto;
}

.testamonial-grid {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .25fr 1fr;
}

.code-embed-5 {
  display: none;
}

.h2-heading-24 {
  color: #24262d;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 64px;
  font-weight: 600;
  line-height: 1.2;
}

.overline-regular-18 {
  color: #6869ac;
  letter-spacing: -.18px;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.testimonial-carousel {
  overflow: hidden;
  -webkit-mask-image: linear-gradient(#0000 5%, #000 25% 75%, #0000 95%);
  mask-image: linear-gradient(#0000 5%, #000 25% 75%, #0000 95%);
}

.paragraph-small-50 {
  color: #3d424c;
  font-size: 14px;
  line-height: 24px;
}

.container-large-21 {
  z-index: 2;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.section-regular-34 {
  padding: 64px 5%;
  position: relative;
}

.testimonial-line-divider {
  opacity: .6;
  border: .3px dashed #6869ac;
  height: 60%;
  margin-left: auto;
  margin-right: auto;
}

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

.paragraph-small-51 {
  color: #49505b;
  letter-spacing: -.08px;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-small-51.text-color-tertiary {
  color: #8d95a3;
}

.row-2x-small-2 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.row-2x-small-2.row-bottom {
  justify-content: flex-start;
  align-items: flex-end;
}

.popular-badge {
  color: #fff;
  background-color: #154ee0;
  border-radius: 4px;
  flex: none;
  padding: 4px 8px;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
}

.button-white {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #49505b;
  text-align: center;
  letter-spacing: -.18px;
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #edeef1;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  padding: 8px 20px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  transition: color .3s, background-color .3s;
  display: flex;
}

.button-white:hover {
  color: #fff;
  background-color: #154ee0;
}

.pricing-feature {
  color: #25272c;
  letter-spacing: -.08px;
  background-color: #f7f8f8;
  border-radius: 8px;
  flex: 1;
  padding: 8px;
  font-size: 14px;
  line-height: 16px;
}

.grid-three-column-9 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
  margin-top: -84px;
  display: grid;
}

.tab-default {
  z-index: 2;
  color: #8d95a3;
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.pricing-detail-card {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #edeef1;
  border: 1px dashed #d8dbdf;
  border-radius: 16px;
  flex-flow: column;
  flex: 1;
  justify-content: center;
  padding: 24px;
  display: flex;
}

.pricing-menu-round {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  background-color: #edeef1;
  border: .5px solid #d8dbdf;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  margin-top: -48px;
  margin-bottom: 64px;
  padding: 4px;
  display: flex;
}

.button-primary-4 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff;
  text-align: center;
  letter-spacing: -.08px;
  white-space: nowrap;
  background-color: #25272c;
  border: 1px solid #000;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  text-decoration: none;
  transition-property: background-color;
  transition-duration: .3s;
  transition-timing-function: ease;
  display: inline-flex;
  box-shadow: 0 1px 2px #00000080, inset 0 1px 1px 2px #3f444d;
}

.button-primary-4:hover {
  background-color: #000;
}

.section-regular-35 {
  background-color: #f7f8f8;
  padding: 96px 5%;
  position: relative;
}

.pricing-content {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #fff;
  border-radius: 12px;
  flex-flow: column;
  padding: 24px;
  display: flex;
  box-shadow: 0 2px 2px #d8dbdf80;
}

.h1-heading-13 {
  color: #25272c;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.2;
}

.pricing-feature-row {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.paragraph-regular-29 {
  letter-spacing: -.12px;
  font-size: 16px;
  line-height: 28px;
}

.paragraph-regular-29.text-color-tertiary {
  color: #8d95a3;
}

.tab-icons {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
  position: relative;
}

.tab-active {
  color: #154ee0;
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

.column-large-14 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  display: flex;
}

.tabs-content-3 {
  width: 100%;
  margin-top: 92px;
  overflow: visible;
}

.column-small-6 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.column-small-6.column-left {
  justify-content: center;
  align-items: flex-start;
}

.heading-grid-5 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1.3fr 1fr;
  place-items: end stretch;
  margin-bottom: 64px;
  display: grid;
}

.pricing-tab-link-round {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #49505b;
  letter-spacing: -.18px;
  background-color: #f7f8f8;
  border-radius: 40px;
  justify-content: flex-start;
  align-items: center;
  min-width: 144px;
  padding: 8px 12px 8px 8px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  display: flex;
}

.pricing-tab-link-round.w--current {
  background-color: #fff;
  box-shadow: 0 2px 2px #d8dbdf80;
}

.pricing-icon {
  color: #154ee0;
  background-color: #f7f8f8;
  border-radius: 8px;
  flex: none;
  padding: 8px;
}

.container-large-22 {
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}

.subheading-large-14 {
  color: #25272c;
  letter-spacing: -.24px;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
}

.subheading-large-14.text-color-secondary {
  color: #49505b;
}

.h4-heading-12 {
  color: #25272c;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 40px;
  font-weight: 600;
  line-height: 1.2;
}

.pricing-head {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #8d95a3;
  letter-spacing: -.08px;
  justify-content: flex-start;
  align-items: center;
  padding: 12px 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  display: flex;
}

.pricing-head.text-color-brand {
  color: #154ee0;
}

.pricing-row {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.pricing-card {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #edeef1;
  border: 1px dashed #d8dbdf;
  border-radius: 16px;
  flex-flow: column;
  padding: 8px;
  display: flex;
}

.pricing-card.popular {
  border-color: #3a88fe;
}

.button-secondary-2 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #49505b;
  text-align: center;
  letter-spacing: -.08px;
  white-space: nowrap;
  background-color: #f7f8f8;
  border: 1px solid #edeef1;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  text-decoration: none;
  transition: background-color .3s;
  display: inline-flex;
}

.button-secondary-2:hover {
  background-color: #edeef1;
}

.pricing-tab {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  margin-top: 0;
  display: flex;
}

.pricing-tab-badge {
  color: #fff;
  letter-spacing: 0;
  background-color: #154ee0;
  border-radius: 40px;
  flex: none;
  padding: 4px 8px;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
}

.pricing-toggle {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  align-items: center;
  margin-top: 20px;
  display: flex;
}

.pricing-tooltip {
  color: #d4d4d4;
}

.pricing-table-inner {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #171717;
  white-space: nowrap;
  word-break: keep-all;
  flex-direction: row;
  align-items: center;
  display: flex;
}

.row-x-small-2 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
  position: relative;
}

.pricing-card-header {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.subheading-large-15 {
  color: #0a0a0a;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
}

.pricing-table-plan {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  white-space: nowrap;
  word-break: keep-all;
  flex-direction: column;
  display: flex;
}

.container-regular-19 {
  width: 100%;
  max-width: 1216px;
  margin-top: -40px;
  margin-left: auto;
  margin-right: auto;
}

.button-outline-small-2 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #0a0a0a;
  background-color: #0000;
  border: 1px solid #d4d4d4;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 10px 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  transition: border-color .4s, background-color .4s, color .4s;
  display: flex;
  position: relative;
}

.button-outline-small-2:hover {
  background-color: #fafafa;
  border-color: #d4d4d4;
}

.button-primary-small-4 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #fff;
  background-color: #0a0a0a;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 10px 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
}

.button-primary-small-4:hover {
  background-color: #734573;
}

.pricing-tabs-menu {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  width: 50%;
  margin-left: 32px;
  display: flex;
}

.pricing-tab-card {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  background-color: #eceef3;
  border: 2px dashed #000;
  flex-flow: column;
  justify-content: space-between;
  height: 100%;
  padding: 32px;
  display: flex;
}

.pricing-check {
  color: #3c9075;
}

.paragraph-x-small-5 {
  font-size: 12px;
  line-height: 16px;
}

.paragraph-x-small-5.text-color-gray-700 {
  color: #404040;
}

.pricing-text {
  color: #525252;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
}

.paragraph-regular-30 {
  letter-spacing: -.25px;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 24px;
}

.pricing-tabs {
  margin-bottom: 64px;
  display: flex;
}

.button-primary-5 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #fff;
  text-align: center;
  letter-spacing: -.25px;
  white-space: nowrap;
  background-color: #0a0a0a;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 12px 20px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
}

.button-primary-5:hover {
  background-color: #734573;
}

.button-primary-5.w--current {
  background-color: #4b264b;
}

.row-tiny {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: row;
  display: flex;
}

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

.table-row {
  z-index: 1;
}

.price-wrapper-year {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: row;
  align-items: center;
  display: flex;
}

.pricing-tabs-content {
  width: 50%;
}

.section-regular-36 {
  padding: 80px 5%;
  position: relative;
  overflow: hidden;
}

.section-regular-36.background-brown-50 {
  background-color: #f8f6f6;
  margin-top: 0;
}

.pricing-tab-link {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #0000;
  border: 1px solid #e6e6e6;
  justify-content: space-between;
  align-items: center;
  padding: 24px 32px;
  transition: border-color .3s, background-color .3s;
  display: flex;
}

.pricing-tab-link:hover {
  background-color: #f2eeee;
  border-color: #f5f5f5;
}

.pricing-tab-link.w--current {
  background-color: #d9dce2;
  border: 2px dashed #f380f3;
  border-radius: 14px;
}

.pricing-switch {
  background-color: #e6e6e6;
  border-radius: 99px;
  align-items: center;
  width: 52px;
  height: 28px;
  padding: 2px;
  display: flex;
}

.pricing-switch:active {
  background-color: #302df1;
}

.pricing-switch:visited {
  background-color: #f24e1e;
}

.table {
  text-align: left;
  width: 100%;
}

.paragraph-large-7 {
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 28px;
}

.price-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: row;
  align-items: center;
  display: flex;
}

.pricing-cross {
  color: #aa3c3c;
}

.pricing-circle {
  background-color: #fff;
  border-radius: 99px;
  width: 24px;
  height: 24px;
  box-shadow: 0 1px 1px #a3a3a33d;
}

.h6-heading-17 {
  color: #0a0a0a;
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.3;
}

.column-small-7 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  display: flex;
}

.column-small-7.column-center {
  justify-content: flex-start;
  align-items: center;
}

.pricing-old-price {
  color: #aa3c3c;
  letter-spacing: -.25px;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 20px;
  text-decoration: line-through;
}

.paragraph-x-large-8 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  line-height: 32px;
}

.h3-heading-5 {
  color: #0a0a0a;
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.2;
}

.h4-heading-13 {
  color: #0a0a0a;
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 30px;
  font-weight: 500;
  line-height: 1.3;
}

.table-header {
  padding: 16px;
}

.divider-gray-200 {
  background-color: #e6e6e6;
  width: 100%;
  height: 1px;
}

.pricing-tab-pane {
  height: 100%;
}

.price-toggle-text {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #171717;
  flex-direction: row;
  align-items: center;
  display: flex;
}

.overline-7 {
  letter-spacing: 2px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}

.overline-7.text-color-gray-500 {
  color: #737373;
}

.row-small-9 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: row;
  display: flex;
}

.row-small-9.row-center {
  align-items: center;
}

.pricing-table-card {
  grid-row-gap: 48px;
  background-color: #fff;
  flex-direction: column;
  margin-bottom: 74px;
  padding: 32px 32px 43px;
  display: flex;
  overflow: auto;
}

.pricing-feature-2 {
  color: #0a0a0a;
  justify-content: space-between;
  display: flex;
}

.column-x-small-17 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.table-cell {
  white-space: nowrap;
  padding: 16px;
}

.table-cell.cateogry {
  padding-top: 32px;
}

.badge-2 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: #285d4e;
  white-space: nowrap;
  background-color: #f4faf8;
  border: 1px solid #d6f0e5;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  display: inline-flex;
}

.badge-2.red {
  color: #761e1e;
  background-color: #f6eaea;
  border-color: #eed8d8;
}

.badge-2.gray {
  color: #404040;
  background-color: #fafafa;
  border-color: #f5f5f5;
}

.badge-2.blue {
  color: #27497c;
  background-color: #f3f6fc;
  border-color: #e8eef7;
}

.row-x-small-3 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
  position: relative;
}

.subheading-large-16 {
  color: #0a0a0a;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
}

.container-regular-20 {
  width: 100%;
  max-width: 1216px;
  margin-left: auto;
  margin-right: auto;
}

.button-outline-small-3 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #0a0a0a;
  background-color: #0000;
  border: 1px solid #d4d4d4;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 10px 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  transition: border-color .4s, background-color .4s, color .4s;
  display: flex;
  position: relative;
}

.button-outline-small-3:hover {
  background-color: #fafafa;
  border-color: #d4d4d4;
}

.paragraph-regular-31 {
  letter-spacing: -.25px;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 24px;
}

.button-primary-6 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #fff;
  text-align: center;
  letter-spacing: -.25px;
  white-space: nowrap;
  background-color: #0a0a0a;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 12px 20px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
}

.button-primary-6:hover {
  background-color: #734573;
}

.button-primary-6.w--current {
  background-color: #4b264b;
}

.section-regular-37 {
  padding: 80px 5%;
  position: relative;
  overflow: hidden;
}

.section-regular-37.background-brown-50 {
  background-color: #f8f6f6;
}

.paragraph-large-8 {
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 28px;
}

.h6-heading-18 {
  color: #0a0a0a;
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.3;
}

.column-small-8 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  display: flex;
}

.column-small-8.column-center {
  justify-content: flex-start;
  align-items: center;
}

.paragraph-x-large-9 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  line-height: 32px;
}

.h3-heading-6 {
  color: #0a0a0a;
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 48px;
  font-weight: 500;
  line-height: 1.2;
}

.h4-heading-14 {
  color: #0a0a0a;
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 40px;
  font-weight: 500;
  line-height: 1.3;
}

.overline-8 {
  letter-spacing: 2px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}

.overline-8.text-color-gray-500 {
  color: #737373;
}

.row-small-10 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: row;
  display: flex;
}

.row-small-10.row-center {
  align-items: center;
}

.column-x-small-18 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.column-2x-large-5 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  display: flex;
}

.column-2x-large-5.column-center {
  justify-content: flex-start;
  align-items: center;
}

.avatar-image-3 {
  object-fit: cover;
  width: 70%;
  height: 100%;
}

.container-large-23 {
  width: 100%;
  max-width: 1280px;
  margin-top: -70px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
}

.h1-heading-14 {
  color: #000;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.2;
}

.paragraph-large-9 {
  color: #333;
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 28px;
}

.header-section-2 {
  margin-top: 0;
  padding: 92px 5% 0;
  position: relative;
}

.red-text-span-4 {
  color: #fff;
  background-color: #f24e1e;
  border-radius: 10px;
  padding-bottom: 6px;
  padding-left: 10px;
  padding-right: 10px;
  display: inline-block;
}

.button-group-3 {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  display: flex;
}

.column-x-large-3 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  display: flex;
}

.column-x-large-3.column-center {
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  margin-bottom: 38px;
}

.blog-dot {
  background-color: #c4cad4;
  border-radius: 4px;
  width: 4px;
  height: 4px;
}

.row-small-11 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  display: flex;
}

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

.row-x-small-4 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  display: flex;
}

.row-x-small-4.row-center {
  justify-content: flex-start;
  align-items: center;
}

.subheading-large-17 {
  color: #22272f;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.5;
}

.subheading-x-small {
  color: #22272f;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
}

.subheading-x-small.text-color-red-500 {
  color: #e57361;
}

.section-regular-38 {
  padding: 92px 5%;
  position: relative;
}

.section-regular-38.background-off-white {
  background-color: #f3f3f6;
  margin-bottom: 75px;
}

.paragraph-x-small-6 {
  color: #454f5f;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}

.h3-heading-7 {
  color: #3e376d;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.2;
}

.blog-card-outline {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  color: #454f5f;
  border: 1px solid #dce0e5;
  border-radius: 24px;
  flex-flow: column;
  padding: 24px;
  text-decoration: none;
  transition: box-shadow .3s, background-color .3s;
  display: flex;
}

.blog-card-outline:hover {
  background-color: #fff;
  box-shadow: 0 2px 8px #c4cad43d;
}

.container-regular-21 {
  width: 100%;
  max-width: 1060px;
  margin-left: auto;
  margin-right: auto;
}

.max-width-tiny {
  max-width: 290px;
}

.blog-image-small {
  aspect-ratio: auto;
  background-color: #fff;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 2px 8px #c4cad43d;
}

.icon-tiny {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 12px;
  height: 12px;
  display: flex;
}

.grid-three-column-10 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.title-grid {
  grid-column-gap: 32px;
  grid-row-gap: 24px;
  flex-wrap: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 64px;
  display: grid;
}

.paragraph-small-52 {
  color: #454f5f;
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.column-x-small-19 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.subheading-small-6 {
  color: #22272f;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.5;
}

.blog-author {
  background-color: #f3f4f6;
  border: 1px solid #f3f4f6;
  border-radius: 99px;
  flex: none;
  width: 40px;
  height: 40px;
  overflow: hidden;
}

.heading-buttons {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.title-caption {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #454f5f;
  align-items: center;
  font-size: 1px;
  font-weight: 600;
  line-height: 16px;
  display: flex;
}

.button-primary-7 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: #fff;
  text-align: center;
  background-color: #3e376d;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  transition: background-color .3s;
  display: inline-flex;
}

.button-primary-7:hover {
  background-color: #4e4587;
}

.overline-9 {
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
}

.overline-9.text-color-blue-500 {
  color: #6173e5;
}

.blog-avatar-wrapper {
  grid-column-gap: 8px;
  align-items: center;
  display: flex;
}

.blog-tag {
  color: #6173e5;
  letter-spacing: -.02em;
  border: .5px solid #cbd0f6;
  border-radius: 99px;
  margin-top: 17px;
  padding: 2px 6px;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
}

.grid-two-column-4 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  align-items: center;
}

.blog-avatar {
  background-color: #f7f9fd;
  border-radius: 100%;
  flex: none;
  width: 32px;
  height: 32px;
  overflow: hidden;
}

.paragraph-large-10 {
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 1.8;
}

.paragraph-large-10.text-weight-bold {
  white-space: normal;
  font-weight: 700;
}

.blog-date {
  color: #6d767e;
  font-size: 12px;
}

.wrap-v-small-2 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  display: flex;
}

.section-regular-39 {
  padding: 80px 5%;
  position: relative;
}

.blog-card-small {
  grid-column-gap: 24px;
  color: #000;
  border: .5px solid #eaedf0;
  border-radius: 8px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  padding: 32px;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.blog-card-small:hover {
  box-shadow: 0 24px 64px #e0e0e07a;
}

.blog-author-wrap {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.container-large-24 {
  width: 100%;
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.title-wrapper-10 {
  z-index: 5;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 454px;
  margin-bottom: 72px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.paragraph-regular-32 {
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 1.8;
}

.paragraph-regular-32.text-weight-medium {
  font-weight: 500;
}

.blog-thumbnail-small {
  border-radius: 8px;
  flex: none;
  width: 180px;
  height: 180px;
  overflow: hidden;
}

.blog-content {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.h2-heading-25 {
  color: #000;
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 56px;
  line-height: 1.2;
}

.blog-tag-wrapper {
  grid-column-gap: 4px;
  flex-wrap: wrap;
  margin-bottom: 24px;
  display: flex;
}

.search-icon-s {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  display: flex;
  position: absolute;
  inset: 12px auto 12px 12px;
}

.wrap-h-regular {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  align-items: center;
  display: flex;
}

.menu-link {
  grid-column-gap: 8px;
  filter: saturate(0%);
  color: #6d767e;
  letter-spacing: -.02em;
  background-color: #0000;
  border-radius: 8px;
  align-items: center;
  padding: 8px;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  transition: all .3s;
  display: flex;
  position: relative;
}

.menu-link:hover, .menu-link.w--current {
  filter: saturate();
  color: #000;
  background-color: #fff;
}

.image-cover-3 {
  vertical-align: middle;
  object-fit: contain;
  width: 100%;
  height: 100%;
  display: block;
  overflow: clip;
}

.menu-link-wrap {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  background-color: #f8f9fa;
  border-radius: 8px;
  flex-direction: column;
  padding: 8px;
  display: flex;
  overflow: hidden;
}

.menu-link-wrap.margin-top-32 {
  margin-top: 32px;
}

.document-menu-link {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #6d767e;
  letter-spacing: -.02em;
  align-items: center;
  font-size: 14px;
  line-height: 16px;
  text-decoration: none;
  transition: color .3s;
  display: flex;
}

.document-menu-link:hover {
  color: #000;
}

.document-menu-link.w--current {
  color: #6173e5;
}

.document-container {
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.document-grid-s {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

.icon-small-3 {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  display: flex;
}

.document-title {
  color: #000;
  letter-spacing: -.02em;
  margin-bottom: 4px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.button-main-wrap {
  grid-column-gap: 32px;
  grid-row-gap: 16px;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-top: 32px;
  margin-bottom: 32px;
  display: flex;
}

.search-wrapper {
  align-items: center;
  display: flex;
  position: relative;
}

.dropdown-link-wrap {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-left: 1px solid #eaedf0;
  flex-direction: column;
  display: flex;
  position: relative;
}

.document-feature-block {
  grid-column-gap: 12px;
  border: 1px solid #ebebeb;
  border-radius: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 24px;
  display: flex;
}

.document-navigation {
  border-bottom: 1px solid #ebebeb;
  justify-content: space-between;
  align-items: center;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding: 24px;
  display: flex;
}

.document-icon-square {
  border-radius: 8px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  margin-bottom: 16px;
  display: flex;
}

.document-icon-square.red {
  color: #e56161;
  background-color: #fceeee;
}

.document-icon-square.orange {
  color: #e59661;
  background-color: #fcf3ee;
}

.document-icon-square.blue {
  color: #6173e5;
  background-color: #eeeffc;
}

.document-icon-square.green {
  color: #86c1a0;
  background-color: #f2f8f5;
}

.search-badge {
  background-color: #fff;
  border-radius: 8px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 38px;
  height: 32px;
  padding: 8px;
  display: flex;
  position: absolute;
  inset: 4px 4px 4px auto;
}

.paragraph-large-11 {
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 1.8;
}

.paragraph-large-11.text-weight-bold {
  white-space: normal;
  font-weight: 700;
}

.menu-main {
  border-right: 1px solid #ebebeb;
  flex: none;
  width: 20%;
  min-width: 260px;
  max-width: 280px;
  height: auto;
  padding: 16px;
  position: relative;
}

.document-block {
  grid-row-gap: 16px;
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  align-items: stretch;
  padding: 16px;
  display: flex;
}

.h6-heading-19 {
  color: #000;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  line-height: 1.4;
}

.button-group-4 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #fafafa;
  border: 1px solid #ebebeb;
  border-radius: 8px;
  flex-wrap: wrap;
  align-items: center;
  padding: 8px;
  display: flex;
}

.button-secondary-square {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #6173e5;
  text-align: center;
  letter-spacing: -.02em;
  background-color: #eeeffc;
  border-radius: 8px;
  flex-direction: row;
  flex: none;
  justify-content: center;
  align-items: center;
  min-height: 48px;
  padding: 12px 32px;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  transition: all .5s cubic-bezier(.6, .6, 0, 1);
}

.dropdown-toggle-2 {
  letter-spacing: -.02em;
  width: 100%;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 16px;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}

.document-base {
  flex: 1;
  width: 100%;
  padding: 42px;
}

.icon-x-small-8 {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 12px;
  height: 12px;
  margin-bottom: 3px;
  display: flex;
}

.milestone-circle {
  z-index: 2;
  color: #6173e5;
  background-color: #eeeffc;
  border-radius: 8px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  display: flex;
}

.headline-m {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.8;
}

.milestone-block {
  flex-direction: column;
  align-items: center;
  display: flex;
  position: relative;
}

.headline-s {
  color: #6173e5;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.4;
}

.wrap-h-x-small {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  display: flex;
}

.dropdown-2 {
  width: 100%;
}

.dropdown-list-2 {
  position: relative;
}

.dropdown-list-2.w--open {
  background-color: #0000;
}

.icon-regular-11 {
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
}

.document-content {
  grid-row-gap: 12px;
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.application-button {
  grid-column-gap: 8px;
  color: #000;
  letter-spacing: -.02em;
  background-color: #fff;
  border-radius: 8px;
  align-items: center;
  padding: 8px;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  text-decoration: none;
  display: flex;
}

.search-bar {
  letter-spacing: -.02em;
  background-color: #f8f9fa;
  border: 1px solid #eaedf0;
  border-radius: 8px;
  width: 100%;
  height: 40px;
  margin-bottom: 0;
  padding: 8px 44px;
  font-size: 16px;
  line-height: 24px;
  transition: border-color .3s;
}

.search-bar:hover, .search-bar:focus {
  border-color: #adb5bd;
}

.search-bar::placeholder {
  color: #adb5bd;
}

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

.milestone-line {
  z-index: 1;
  background-color: #eeeffc;
  width: 1px;
  height: 100%;
  position: relative;
}

.wrap-v-small-3 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  display: flex;
}

.wrap-v-small-3.align-centre {
  align-items: center;
}

.badge-button {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: #080808;
  text-align: center;
  letter-spacing: -.02em;
  background-color: #eeeffc;
  border: 1px solid #cbd0f6;
  border-radius: 8px;
  flex-direction: row;
  flex: none;
  justify-content: center;
  align-items: center;
  padding: 8px;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  text-decoration: none;
  transition: all .5s cubic-bezier(.6, .6, 0, 1);
  display: flex;
}

.document-image {
  border-radius: 8px;
  overflow: hidden;
}

.document-image.small {
  height: 200px;
}

.document-image.large {
  height: 320px;
}

.document-inner {
  display: flex;
}

.dropdown-link-s {
  z-index: 5;
  color: #6d767e;
  letter-spacing: -.01em;
  border-left: 1px solid #0000;
  justify-content: space-between;
  align-items: center;
  margin-left: -1px;
  padding-left: 8px;
  line-height: 28px;
  text-decoration: none;
  transition: all .3s;
  display: flex;
  position: relative;
}

.dropdown-link-s:hover {
  color: #6173e5;
  border-left-color: #a7b1f1;
}

.dropdown-link-s.w--current {
  color: #6173e5;
  border-left-color: #a7b1f1;
  justify-content: space-between;
}

.text-color-blue-500 {
  color: #6173e5;
}

.document-badge {
  color: #6173e5;
  background-color: #eeeffc;
  border-radius: 44px;
  padding: 8px 16px;
}

.document-tab-link {
  color: #6d767e;
  letter-spacing: -.02em;
  background-color: #0000;
  border-bottom: 2px solid #0000;
  padding: 8px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  transition: color .3s, border-color .3s;
}

.document-tab-link.w--current {
  color: #6173e5;
  background-color: #0000;
  border-bottom-color: #6173e5;
  font-weight: 600;
}

.document-tabs-menu {
  grid-column-gap: 24px;
  border-bottom: 2px solid #ebebeb;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 24px;
  display: flex;
}

.menu-right {
  grid-row-gap: 8px;
  background-color: #f8f9fa;
  flex-direction: column;
  width: 20%;
  min-width: 300px;
  padding: 16px;
  display: flex;
}

.document-step-wrapper {
  margin-top: 32px;
}

.paragraph-regular-33 {
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 1.8;
}

.paragraph-regular-33.text-weight-bold {
  font-weight: 700;
}

.menu-wrap {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  display: flex;
}

.menu-icon-block {
  color: #6173e5;
  background-color: #eeeffc;
  border-radius: 8px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
}

.document-cta-image {
  border-radius: 8px;
  height: 200px;
  overflow: hidden;
}

.paragraph-small-53 {
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 1.8;
}

.document-badge-red {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  color: #e56161;
  letter-spacing: normal;
  background-color: #fceeee;
  border-radius: 8px;
  align-items: center;
  padding: 4px 8px 4px 4px;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  display: flex;
}

.document-step-wrap {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  align-items: center;
  padding: 4px;
  text-decoration: none;
  display: flex;
}

.dropdown-list-inner {
  padding: 8px 16px;
  overflow: hidden;
}

.document-badge-blue {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  color: #6173e5;
  background-color: #eeeffc;
  border-radius: 8px;
  align-items: center;
  padding: 4px 8px 4px 4px;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  display: flex;
}

.h3-heading-8 {
  color: #000;
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  line-height: 1.2;
}

.section-document {
  padding-left: 5%;
  padding-right: 5%;
}

.milestone-grid {
  grid-column-gap: 16px;
  grid-row-gap: 44px;
  grid-template-rows: auto;
  grid-template-columns: 24px 1fr;
}

.text-block {
  color: #0b0c0c;
  font-weight: 700;
}

.text-block-2 {
  color: #0a0a0a;
  font-weight: 700;
}

.paragraph-regular-34 {
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 1.8;
}

.paragraph-regular-34.text-weight-bold {
  font-weight: 700;
}

.changelog-search-b {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  width: 100%;
  max-width: 510px;
  margin-top: 32px;
  margin-bottom: 0;
  display: flex;
}

.paragraph-small-54 {
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 1.8;
}

.changelog-icon {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  margin-top: 2px;
  display: flex;
}

.changelog-content-card-b {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #f2f8f5;
  border: 1px solid #d7eae0;
  border-radius: 8px;
  flex-direction: column;
  padding: 16px;
  display: flex;
}

.search-icon {
  background-color: #fff;
  border-radius: 99px;
  width: 32px;
  height: 32px;
  padding: 8px;
  position: absolute;
  inset: 8px auto 8px 8px;
}

.changelog-milestone-block {
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.changelog-timeline-row {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: .25fr minmax(24px, 72px) 1fr;
}

.paragraph-large-12 {
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 1.8;
}

.paragraph-large-12.text-weight-bold {
  white-space: normal;
  font-weight: 700;
}

.changelog-content-card-a {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #f8f9fa;
  border: 1px solid #eaedf0;
  border-radius: 8px;
  flex-direction: column;
  padding: 16px;
  display: flex;
}

.text-color-blue-501 {
  color: #6173e5;
}

.changelog-milestone-circle {
  background-color: #fff;
  border-radius: 100px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  padding: 4px;
  display: flex;
  position: absolute;
  top: auto;
  bottom: auto;
}

.changelog-timeline-card {
  grid-row-gap: 24px;
  flex-direction: column;
  max-width: 588px;
  padding-bottom: 64px;
  display: flex;
}

.changelog-content-heading {
  grid-column-gap: 4px;
  display: flex;
}

.changelog-image-wrapper {
  background-color: #f8f9fa;
  border: 1px solid #dfe3e7;
  border-radius: 8px;
  height: 352px;
  padding: 16px;
  overflow: hidden;
}

.changelog-item-group-a {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  padding-top: 8px;
  padding-bottom: 8px;
  display: flex;
}

.changelog-feature-b {
  grid-row-gap: 16px;
  flex-direction: column;
  display: flex;
}

.search-input-2 {
  letter-spacing: -.02em;
  background-color: #f8f9fa;
  border: 1px solid #eaedf0;
  border-radius: 99px;
  min-height: 48px;
  margin-bottom: 0;
  padding: 8px 8px 8px 48px;
  font-size: 18px;
  line-height: 1.4;
}

.search-input-2::placeholder {
  color: #adb5bd;
}

.changelog-milestone-line {
  background-color: #dfe3e7;
  width: 1px;
  height: 100%;
}

.changelog-title-wrapper {
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 588px;
  margin-bottom: 80px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.container-regular-22 {
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.changelog-list {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 24px;
}

.icon-regular-12 {
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
}

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

.changelog-content-card-c {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #fcf3ee;
  border: 1px solid #f6ddcb;
  border-radius: 8px;
  flex-direction: column;
  padding: 16px;
  display: flex;
}

.caption-bold {
  color: #353b41;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.4;
}

.changelog-content-card-d {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #fceeee;
  border: 1px solid #f6cbcb;
  border-radius: 8px;
  flex-direction: column;
  padding: 16px;
  display: flex;
}

.icon-small-4 {
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  display: flex;
}

.changelog-item-group-e {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border-radius: 8px;
  flex-direction: column;
  display: flex;
}

.changelog-item-a {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding-left: 8px;
  padding-right: 8px;
  display: flex;
}

.button-primary-8 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff;
  text-align: center;
  letter-spacing: -.02em;
  background-color: #6173e5;
  border-radius: 99px;
  flex-direction: row;
  flex: none;
  justify-content: center;
  align-items: center;
  padding: 12px 32px;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  display: flex;
}

.section-regular-40 {
  padding: 80px 5%;
  position: relative;
}

.changelog-item-b {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #fff;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 8px;
  display: flex;
}

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

.search-input-wrapper {
  width: 100%;
  position: relative;
}

.h2-heading-26 {
  color: #000;
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 56px;
  line-height: 1.2;
}

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

.image-cover-4 {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.margin-bottom-08 {
  margin-bottom: 8px;
}

.cta-content-left {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  justify-content: space-between;
  padding: 24px;
  display: flex;
}

.paragraph-x-large-10 {
  color: #3d424c;
  font-size: 20px;
  line-height: 32px;
}

.h4-heading-15 {
  color: #24262d;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.3;
}

.image-cover-5 {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.paragraph-small-55 {
  color: #3d424c;
  font-size: 14px;
  line-height: 24px;
}

.cta-dropdown-list {
  background-color: #0000;
}

.cta-dropdown-list.w--open {
  background-color: #fff;
  border-radius: 8px;
  margin-top: 4px;
  box-shadow: 17px 17px 24px 10px #ebebf480;
}

.cta-grid {
  grid-template-rows: auto;
}

.button-primary-9 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #6869ac;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 12px 24px;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  transition: background-color .3s;
  display: inline-flex;
}

.button-primary-9:hover {
  background-color: #2b2c50;
}

.cta-card-7 {
  z-index: 5;
  background-color: #fff;
  border-radius: 24px;
  padding: 24px;
  position: relative;
}

.icon-regular-13 {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  transition: color .3s;
  display: flex;
}

.cta-dropdown-toggle {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border: 1px dashed #b4bac5;
  border-radius: 4px;
  align-items: center;
  padding: 12px 16px;
  display: flex;
}

.cta-dropdown-toggle.w--open {
  border-color: #6869ac;
}

.cta-image-wrapper {
  border-radius: 16px;
  overflow: hidden;
}

.cta-section-brand {
  background-color: #6869ac;
  background-image: url('../images/cta-background-lines.svg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 128px 5%;
}

.cta-buttons {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  max-width: 350px;
  display: flex;
}

.cta-select-link {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  align-items: center;
  padding: 12px 16px;
  text-decoration: none;
  display: flex;
}

.column-small-9 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  display: flex;
}

.container-large-25 {
  z-index: 2;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.cta-dropdown {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  font-weight: 600;
  line-height: 24px;
}

.overline-10 {
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
}

.overline-10.text-color-blue-500 {
  color: #6173e5;
}

.span-red {
  color: #e56161;
}

.cta-block-a {
  background-color: #fff;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 60px 48px;
  display: flex;
  position: relative;
}

.icon-small-5 {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  display: flex;
}

.cta-bg-lines {
  z-index: 0;
  height: 100%;
  position: absolute;
  inset: 0% auto;
}

.paragraph-large-13 {
  text-align: left;
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 1.8;
}

.cta-detail-wrapper {
  color: #6d767e;
  padding: 8px;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}

.badge-3 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #080808;
  text-align: left;
  letter-spacing: -.02em;
  background-color: #fff;
  border: .5px solid #ced4da;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px 12px 8px 8px;
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
  text-decoration: none;
  transition: all .5s cubic-bezier(.6, .6, 0, 1);
  display: flex;
}

.cta-content {
  z-index: 9;
  grid-row-gap: 24px;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.cta-icon-block {
  background-color: #eeeffc;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 64px;
  height: 64px;
  display: flex;
}

.icon-large-4 {
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  display: flex;
}

.container-large-26 {
  width: 100%;
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.section-blue {
  background-color: #6173e5;
  padding: 80px 5%;
  position: relative;
}

.button-primary-10 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff;
  text-align: center;
  letter-spacing: -.02em;
  background-color: #6173e5;
  border-radius: 99px;
  flex-direction: row;
  flex: none;
  justify-content: center;
  align-items: center;
  padding: 12px 32px;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  display: flex;
}

.wrap-h-small {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  align-items: center;
  display: flex;
}

.wrap-h-small.wrap-childen {
  flex-wrap: wrap;
}

.wrap-h-small.wrap-childen.justify-center {
  justify-content: center;
}

.h2-heading-27 {
  color: #000;
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 56px;
  line-height: 1.2;
}

.h1-heading-15 {
  color: #000;
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.1;
}

.section-regular-41 {
  background-color: #f7f8f8;
  padding: 80px 5%;
  position: relative;
}

.container-small-9 {
  z-index: 5;
  width: 100%;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.subheading-large-18 {
  letter-spacing: -.02em;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
}

.subheading-large-18.text-color-brand-purple {
  color: #6153bd;
  font-size: 1px;
}

.paragraph-small-56 {
  margin-bottom: 0;
  font-size: 12px;
  line-height: 20px;
}

.h4-heading-16 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 40px;
  font-weight: 500;
  line-height: 1.2;
}

.paragraph-regular-35 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.button-outline-8 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #000;
  text-align: center;
  background-color: #7863f0;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 40px;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  transition: background-color .3s;
  display: flex;
  box-shadow: 0 1px 2px #0000000f, 0 0 0 1px #0000000f;
}

.button-outline-8:hover {
  background-color: #f0f0f0;
}

.subheading-regular-11 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
}

.grid-three-column-11 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.container-regular-23 {
  width: 100%;
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
}

.timeline-status-title {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
}

.timeline-status-title.status-coming {
  color: #b2b2b2;
}

.timeline-item {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: #1a1a1a;
  border-bottom: 1.5px solid #e6e6e6;
  align-items: center;
  padding-top: 12px;
  padding-bottom: 12px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  display: flex;
}

.timeline-item.status-upcoming {
  color: #b2b2b2;
  text-decoration: none;
}

.timeline-item.status-complete {
  text-decoration: line-through;
}

.timeline-card-2 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border: 1px solid #e6e6e6;
  border-radius: 24px;
  flex-direction: column;
  height: 100%;
  padding: 32px;
  display: flex;
  position: relative;
}

.timeline-badge {
  color: #fff;
  background-color: #40bf6a;
  border-radius: 4px;
  padding: 8px 14px;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
}

.timeline-badge.status-progress {
  background-color: #f99406;
}

.timeline-badge.status-coming {
  color: #1a1a1a;
  background-color: #f7f7f7;
}

.timeline-bar-green {
  background-color: #40bf6a;
  width: 100%;
  height: 4px;
}

.timeline-bar-base {
  background-color: #e6e6e6;
  border-radius: 24px;
  width: 100%;
  height: 4px;
  overflow: hidden;
}

.h6-heading-20 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 500;
  line-height: 34px;
}

.timeline-counter {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
}

.timeline-counter.status-coming {
  color: #b2b2b2;
}

.timeline-counter.status-complated {
  color: #40bf6a;
}

.timeline-counter.status-progress {
  color: #f99406;
}

.title-wrapper-11 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 720px;
  margin-bottom: 64px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.timeline-grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr;
}

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

.container-large-27 {
  width: 100%;
  max-width: 1280px;
  margin-top: -95px;
  margin-left: auto;
  margin-right: auto;
}

.timeline-bar-progress {
  background-color: #f99406;
  width: 40%;
  height: 4px;
}

.h1-heading-16 {
  color: #000;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 64px;
  font-weight: 500;
  line-height: 1.2;
}

.grid-two-column-5 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

.image-cover-6 {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.paragraph-small-57 {
  color: #333;
  font-size: 14px;
  line-height: 24px;
}

.overline-regular-19 {
  color: #080808;
  letter-spacing: .04em;
  text-transform: uppercase;
  white-space: normal;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
}

.timeline-wrapper {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  display: flex;
}

.column-large-15 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  display: flex;
}

.timeline-list {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-columns: 1fr;
}

.section-regular-42 {
  padding: 92px 5%;
  position: relative;
}

.timeline-image {
  background-color: #b3bbe5;
  border-radius: 16px;
  height: 100%;
  min-height: 330px;
  overflow: hidden;
}

.timeline-span-phase {
  color: #4255bd;
  text-decoration: underline;
}

.overline-small-2 {
  color: gray;
  letter-spacing: .02em;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
}

.paragraph-large-14 {
  color: #333;
  letter-spacing: -.02em;
  margin-top: 42px;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 28px;
}

.bold-text-6 {
  font-size: 28px;
  font-weight: 500;
}

.button-header {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #6173e5;
  text-align: center;
  letter-spacing: -.02em;
  background-color: #eeeffc;
  border-radius: 99px;
  flex-direction: row;
  flex: none;
  justify-content: center;
  align-items: center;
  min-height: 48px;
  padding: 8px 24px 8px 8px;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  text-decoration: none;
  display: flex;
}

.header-badge-b {
  color: #fff;
  text-transform: uppercase;
  background-color: #6173e5;
  border-radius: 99px;
  align-items: center;
  padding: 4px 8px 2px;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
}

.header-button-group {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-wrap: wrap;
  margin-top: 32px;
  display: flex;
}

.header-bloom {
  z-index: -3;
  position: absolute;
  inset: 0%;
}

.button-play-icon {
  background-color: #fff;
  border-radius: 99px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  display: flex;
}

.icon-small-6 {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  display: flex;
}

.paragraph-large-15 {
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 1.8;
}

.header-section-s {
  background-image: url('../images/68193f04da1e34aa66f6df6f_hero-v1-bg-techvoice-webflow-template.jpg');
  background-position: 0 0;
  background-size: contain;
  margin-top: 70px;
  padding: 124px 5% 0;
  position: relative;
}

.header-badge-link-b {
  grid-column-gap: 8px;
  color: #6173e5;
  background-color: #eeeffc;
  border-radius: 99px;
  align-items: center;
  padding: 2px;
  font-weight: 500;
  text-decoration: none;
  display: flex;
}

.container-large-28 {
  width: 100%;
  max-width: 1240px;
  margin-top: -94px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.button-primary-11 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff;
  text-align: center;
  letter-spacing: -.02em;
  background-color: #6173e5;
  border-radius: 99px;
  flex-direction: row;
  flex: none;
  justify-content: center;
  align-items: center;
  padding: 12px 32px;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  display: flex;
}

.header-wrapper-small {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 792px;
  margin-bottom: 44px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.wrap-h-x-small-2 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  align-items: center;
  display: flex;
}

.h1-heading-17 {
  color: #fff;
  letter-spacing: -.04em;
  font-family: Plusjakartadisplay, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.15;
}

.paragraph-small-58 {
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 1.8;
}

.paragraph-small-59 {
  margin-bottom: 0;
  font-size: 12px;
  line-height: 20px;
}

.h4-heading-17 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.2;
}

.paragraph-regular-36 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.button-outline-9 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #000;
  text-align: center;
  background-color: #fff;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 40px;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  transition: background-color .3s;
  display: flex;
  box-shadow: 0 1px 2px #0000000f, 0 0 0 1px #0000000f;
}

.button-outline-9:hover {
  background-color: #f0f0f0;
}

.subheading-regular-12 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
}

.grid-three-column-12 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.container-regular-24 {
  width: 100%;
  max-width: 1080px;
  margin-top: -67px;
  margin-left: auto;
  margin-right: auto;
}

.icon-button-small {
  color: #f0f0f0;
  background-color: #ffffff14;
  background-image: radial-gradient(circle at 50% 100%, #5e5e5e54, #5e5e5e00);
  border: 1px solid #ffffff14;
  border-radius: 8px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  transition: color .3s, border .3s, background-color .3s;
  display: flex;
}

.icon-button-small:hover {
  color: #fff;
  background-color: #ffffff1f;
}

.feature-card-regular {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #ffffff14;
  border: 2px solid #0000000d;
  border-radius: 12px;
  flex-direction: column;
  justify-content: space-between;
  padding: 8px;
  display: flex;
}

.title-wrapper-regular {
  grid-row-gap: 24px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  max-width: 860px;
  margin-bottom: 64px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.row-tiny-2 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.icon-small-7 {
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  display: flex;
}

.feature-card-content {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  padding: 8px;
  display: flex;
}

.section-large-21 {
  background-color: #000;
  padding: 120px 5%;
  position: relative;
}

.paragraph-small-60 {
  letter-spacing: -.25px;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
}

.row-space-between-2 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.icon-regular-14 {
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  transition: color .2s;
  display: flex;
}

.icon-regular-14.text-color-blue-500 {
  color: #719be5;
}

.icon-regular-14.text-color-purple-500 {
  color: #8f6ee7;
}

.icon-regular-14.text-color-green-500 {
  color: #79dc80;
}

.icon-regular-14.text-color-red-500 {
  color: #f56b61;
}

.container-large-29 {
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.badge-large {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  -webkit-backdrop-filter: blur(24px);
  backdrop-filter: blur(24px);
  color: #dacff7;
  letter-spacing: -.25px;
  background-color: #36178ca3;
  border: 1px solid #ffffff1f;
  border-radius: 96px;
  justify-content: center;
  align-items: center;
  padding: 6px 12px;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  display: flex;
}

.subheading-regular-13 {
  color: #e3e3e3;
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
}

.feature-card-banner {
  grid-row-gap: 12px;
  background-color: #ffffff14;
  border-radius: 12px;
  flex-direction: row;
  justify-content: space-between;
  padding: 16px;
  display: flex;
}

.column-x-large-4 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  display: flex;
}

.feature-grid-3 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.h2-heading-28 {
  color: #fff;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(157deg, #a78eec, #8f6ee7 28%, #7e58e478);
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 62px;
  font-weight: 600;
  line-height: 1.2;
}

.container-small-10 {
  width: 100%;
  max-width: 846px;
  margin-top: -70px;
  margin-left: auto;
  margin-right: auto;
}

.paragraph-small-61 {
  color: #49505b;
  letter-spacing: -.08px;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-small-61.text-color-tertiary {
  color: #8d95a3;
}

.row-small-12 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.feature-card-head {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: #154ee0;
  letter-spacing: -.08px;
  background-color: #f7f8f8;
  justify-content: space-between;
  align-items: center;
  padding: 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  display: flex;
}

.feature-card-head.text-color-brand {
  color: #154ee0;
}

.feature-card-content-2 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-image: url('../images/68af46e605db8ef3c9a215d4_home-v1-hero-bg-2-cloudwhisper-webflow-template.avif');
  background-position: 0 0;
  background-size: cover;
  flex-flow: column;
  padding: 16px;
  display: flex;
}

.divider-secondary {
  border-top: 1px dashed #d8dbdf;
  width: 100%;
}

.title-wrapper-12 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 628px;
  margin-bottom: 64px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.feature-card-link {
  color: #25272c;
  background-color: #fff;
  border: 1px dashed #d8dbdf;
  border-bottom-style: none;
  border-radius: 16px;
  text-decoration: none;
  overflow: hidden;
  box-shadow: 0 2px 2px #d8dbdf80;
}

.section-regular-43 {
  background-color: #f7f8f8;
  background-image: url('../images/69d989be94e3ea79dcff7d6a_gradient.avif');
  background-position: 0 100%;
  background-size: cover;
  margin-top: -2px;
  padding: 96px 5%;
  position: relative;
}

.feature-card-4 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #fff;
  border-radius: 12px;
  flex-flow: column;
  padding: 24px;
  display: flex;
  box-shadow: 0 2px 2px #d8dbdf80;
}

.badge-4 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border: 1px dashed #b5bbc4;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 8px 12px;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  display: flex;
}

.paragraph-regular-37 {
  letter-spacing: -.12px;
  font-size: 16px;
  line-height: 28px;
}

.feature-grid-4 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  display: grid;
}

.tabs-content-4 {
  width: 100%;
  overflow: visible;
}

.feature-arrow-icon {
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
}

.subheading-large-19 {
  color: #25272c;
  letter-spacing: -.24px;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
}

.feature-tabs-menu {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #edeef1;
  border: 1px dashed #b5bbc4;
  border-radius: 16px;
  flex-flow: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  margin-top: 24px;
  padding: 16px;
  display: flex;
}

.feature-tab-link-3 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #49505b;
  letter-spacing: -.08px;
  background-color: #f7f8f8;
  border: 1px solid #fff;
  border-radius: 8px;
  flex: auto;
  justify-content: center;
  align-items: center;
  padding: 8px 12px 8px 8px;
  font-size: 14px;
  line-height: 16px;
  transition: color .3s, border-color .3s;
  display: flex;
}

.feature-tab-link-3:hover {
  color: #25272c;
  border-color: #3a88fe;
}

.feature-tab-link-3.w--current {
  color: #25272c;
  background-color: #f7f8f8;
  border-color: #3a88fe;
}

.text-block-3 {
  font-size: 24px;
}

.section-large-22 {
  background-image: url('../images/68af46e5482bb64f385213da_home-v1-hero-bg-3-cloudwhisper-webflow-template.avif');
  background-position: 0 0;
  background-size: cover;
  padding: 96px 5%;
  position: relative;
}

.column-x-small-20 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.h4-heading-18 {
  color: #24262d;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 21px;
  font-weight: 600;
  line-height: 1.3;
}

.overline-regular-20 {
  color: #6869ac;
  letter-spacing: -.18px;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.content-grid-top-4 {
  grid-column-gap: 72px;
  grid-row-gap: 72px;
  grid-template-rows: auto;
  grid-template-columns: 1.2fr 1fr;
  align-items: center;
}

.paragraph-small-62 {
  color: #3d424c;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-small-62.text-color-tertiary {
  color: #575f70;
}

.content-list-2 {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  flex-flow: column;
  display: flex;
}

.overline-small-3 {
  color: #6869ac;
  letter-spacing: -.08px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

.h2-heading-29 {
  color: #24262d;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 64px;
  font-weight: 600;
  line-height: 1.2;
}

.container-large-30 {
  z-index: 2;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.content-title-wrapper-3 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  text-align: center;
  flex-flow: column;
  max-width: 500px;
  margin-bottom: 120px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.section-regular-44 {
  padding: 80px 5%;
  position: relative;
  overflow: hidden;
}

.section-regular-44.background-brown-50 {
  background-color: #f8f6f6;
}

.container-large-31 {
  width: 100%;
  max-width: 1216px;
  margin-left: auto;
  margin-right: auto;
}

.row-small-13 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: row;
  display: flex;
}

.paragraph-regular-38 {
  letter-spacing: -.25px;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 24px;
}

.paragraph-small-63 {
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.paragraph-small-63.text-color-gray-500 {
  color: #080808;
  font-weight: 500;
}

.h6-heading-21 {
  color: #0a0a0a;
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.3;
}

.button-primary-large-8 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #fff;
  letter-spacing: -.25px;
  background-color: #0a0a0a;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 16px 24px;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
}

.button-primary-large-8:hover {
  background-color: #734573;
}

.career-line {
  background-color: #e6e6e6;
  width: 100%;
  height: 1px;
}

.career-badge-small {
  color: #6070c8;
  letter-spacing: .02em;
  text-transform: uppercase;
  background-color: #f4f5fb;
  border: 1px solid #b3bbe5;
  border-radius: 4px;
  padding: 4px 8px;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  text-decoration: none;
  display: inline-block;
}

.career-category-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: wrap;
  align-items: flex-start;
  display: flex;
}

.container-x-small-3 {
  z-index: 5;
  width: 100%;
  max-width: 840px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.career-button-grid {
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr;
}

.paragraph-small-64 {
  font-size: 14px;
  line-height: 24px;
}

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

.career-detail-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  align-items: center;
  display: flex;
}

.career-back-button {
  color: #333;
  border: 1px solid #e6e6e6;
  border-radius: 32px;
  align-items: center;
  padding: 8px 24px 8px 8px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  display: flex;
}

.button-outline-small-4 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #4255bd;
  text-align: center;
  background-color: #0000;
  border: 1.5px solid #6070c8;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 8px 14px;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  transition: color .3s, background-color .3s;
  display: flex;
}

.button-outline-small-4:hover {
  color: #fff;
  background-color: #4255bd;
}

.career-information {
  color: #333;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.career-line-small {
  background-color: #e6e6e6;
  height: 1px;
}

.container-large-32 {
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.sub-heading-regular {
  letter-spacing: -.03em;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
}

.sub-heading-regular.text-weight-medium {
  font-weight: 500;
}

.career-button-wrapper {
  justify-content: flex-start;
  margin-bottom: 64px;
  display: flex;
}

.career-skill-detail {
  color: #333;
  margin-top: 24px;
  font-size: 14px;
  line-height: 24px;
}

.career-dot {
  background-color: #1a1a1a;
  border-radius: 32px;
  width: 6px;
  height: 6px;
}

.wrap-h-small-2 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  display: flex;
}

.wrap-h-small-2.align-c {
  justify-content: flex-start;
  align-items: center;
}

.career-block {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  display: flex;
}

.h1-heading-18 {
  text-align: left;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.2;
}

.career-wrapper {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  margin-top: 64px;
  display: flex;
}

.career-list {
  grid-column-gap: 16px;
  grid-row-gap: 8px;
  color: #1a1a1a;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 24px;
  font-size: 18px;
  line-height: 32px;
  display: grid;
}

.section-regular-45 {
  padding: 92px 5%;
  position: relative;
}

.career-back-icon {
  color: #1a1a1a;
  background-color: #f7f7f7;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  margin-right: 8px;
  display: flex;
}

.career-contact-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--light-salmon);
  color: #666;
  align-items: center;
  padding: 12px;
  display: flex;
}

.career-category {
  color: #1a1a1a;
  border: 1px solid #b2b2b2;
  border-radius: 99px;
  padding: 8px 24px;
  font-size: 18px;
  font-weight: 500;
  line-height: 32px;
  text-decoration: none;
  transition: all .3s;
}

.career-category:hover {
  color: #f7f7f7;
  background-color: #4255bd;
  border-color: #4255bd;
}

.h4-heading-19 {
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  line-height: 1.4;
}

.wrap-v-small-4 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  display: flex;
}

.career-list-number {
  grid-column-gap: 16px;
  grid-row-gap: 14px;
  color: #1a1a1a;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 24px;
  font-size: 18px;
  line-height: 32px;
  list-style-type: decimal;
  display: grid;
}

.button-primary-small-5 {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  color: #fff;
  white-space: nowrap;
  background-color: #4255bd;
  border: 1px solid #4255bd;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 8px 14px;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  transition: color .3s, background-color .3s;
  display: flex;
}

.button-primary-small-5:hover {
  color: #4255bd;
  background-color: #fff;
}

.paragraph-regular-39 {
  font-size: 16px;
  line-height: 24px;
}

.paragraph-regular-39.text-weight-medium {
  text-align: left;
  font-weight: 500;
}

.banner-section-2 {
  color: #fff;
  background-color: #f30808;
  padding: 10px 5%;
  position: relative;
}

.container-large-33 {
  width: 100%;
  max-width: 1208px;
  margin-left: auto;
  margin-right: auto;
}

.banner-content-2 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: #fff;
  justify-content: center;
  align-items: center;
  display: flex;
}

.paragraph-regular-40 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.banner-button-2 {
  background-color: #292929;
  border-radius: 8px;
  flex: none;
  padding: 2px 8px;
  font-size: 14px;
  line-height: 24px;
  transition: background-color .3s;
}

.banner-button-2:hover {
  background-color: #3d3d3d;
}

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

.banner-image.left {
  inset: 0% auto 0% 0%;
}

.banner-image.right {
  inset: 0% 0% 0% auto;
}

.list-item, .list-item-2, .list-item-3, .list-item-4, .list-item-5, .list-item-6, .list-item-7, .list-item-8, .list-item-9, .list-item-10 {
  text-align: left;
  font-size: 18px;
}

.paragraph-small-65 {
  color: #49505b;
  letter-spacing: -.08px;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-small-65.text-color-tertiary {
  color: #8d95a3;
}

.form-field-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.form-checkbox-2 {
  background-color: #fff;
  border: 2px solid #d8dbdf;
  border-radius: 100%;
  align-items: center;
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
  margin: 0 8px 0 0;
  padding-left: 0;
  display: flex;
}

.form-checkbox-2.w--redirected-checked {
  background-color: #154ee0;
  border-style: solid;
  border-color: #154ee0;
  margin-top: 0;
  margin-left: 0;
}

.row-small-14 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.form-checkbox-field {
  text-align: left;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
}

.paragraph-large-16 {
  color: #49505b;
  letter-spacing: -.16px;
  font-size: 18px;
  line-height: 32px;
}

.feature-card-content-3 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  padding: 16px;
  display: flex;
}

.paragraph-regular-41 {
  color: #49505b;
  letter-spacing: -.12px;
  font-size: 16px;
  line-height: 28px;
}

.form-field-label {
  color: #8d95a3;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}

.h1-heading-19 {
  color: #25272c;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 600;
  line-height: 1.2;
}

.form-detail-icon {
  color: #154ee0;
}

.section-regular-46 {
  background-color: #f7f8f8;
  padding: 96px 5%;
  position: relative;
}

.form-card-outline {
  background-color: #fff;
  border: 1px dashed #d8dbdf;
  border-radius: 16px;
  width: 100%;
  max-width: 410px;
  overflow: hidden;
  box-shadow: 0 2px 2px #d8dbdf80;
}

.form-column-small {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  width: 100%;
  max-width: 410px;
  display: flex;
}

.column-small-10 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.column-small-10.column-left {
  justify-content: center;
  align-items: flex-start;
}

.button-primary-large-9 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff;
  text-align: center;
  letter-spacing: -.18px;
  white-space: nowrap;
  background-color: #25272c;
  border: 2px solid #000;
  border-radius: 8px;
  flex: none;
  justify-content: center;
  align-items: center;
  min-height: 48px;
  padding: 10px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  transition-property: background-color;
  transition-duration: .3s;
  transition-timing-function: ease;
  display: inline-flex;
  box-shadow: 0 1px 2px #00000080, inset 0 1px 1px 3px #3f444d;
}

.button-primary-large-9:hover {
  background-color: #000;
}

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

.contact-link-small {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: #25272c;
  letter-spacing: -.08px;
  border: 1px dashed #d8dbdf;
  border-bottom-style: none;
  border-radius: 12px;
  flex: auto;
  justify-content: space-between;
  align-items: center;
  padding: 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 2px 2px #d8dbdf80;
}

.text-link-brand-2 {
  color: #154ee0;
  font-weight: 500;
  text-decoration: underline;
}

.form-text-field-2 {
  color: #25272c;
  letter-spacing: -.18px;
  background-color: #fff;
  border: 1px solid #d8dbdf;
  border-radius: 8px;
  min-height: 48px;
  margin-bottom: 0;
  padding: 12px;
  font-size: 16px;
  line-height: 24px;
}

.form-text-field-2:focus {
  color: #25272c;
  background-color: #f7f8f8;
  border-color: #3a88fe;
}

.form-text-field-2::placeholder {
  color: #8d95a3;
}

.form-text-field-2.text-area {
  min-height: 128px;
}

.subheading-large-20 {
  color: #25272c;
  letter-spacing: -.24px;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
}

.container-regular-25 {
  z-index: 1;
  width: 100%;
  max-width: 1062px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.contact-grid-small {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  width: 100%;
  display: grid;
}

.form-column {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex-flow: column;
  max-width: 520px;
  display: flex;
}

.contact-card {
  border: 1px dashed #d8dbdf;
  border-bottom-style: none;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 2px 2px #d8dbdf80;
}

.row-x-small-5 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.course-dropdown-toggle {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  color: #1f1e1e;
  justify-content: space-between;
  align-items: stretch;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-right: 16px;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  text-decoration: none;
  display: flex;
}

.h2-heading-30 {
  color: #000;
  letter-spacing: -.8px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 56px;
  font-weight: 700;
  line-height: 1.2;
}

.course-description {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  padding: 8px;
  display: flex;
}

.course-info {
  justify-content: space-between;
  align-items: center;
  padding-right: 16px;
  display: flex;
}

.row-regular-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  display: flex;
}

.course-dropdown {
  flex-flow: column;
  display: flex;
}

.subheading-large-21 {
  color: #000;
  letter-spacing: -.24px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
}

.course-dropdown-content {
  overflow: hidden;
}

.section-regular-47 {
  margin-top: -126px;
  padding: 96px 5%;
}

.title-badge {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #ff443d;
  flex-direction: row;
  align-items: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  display: flex;
}

.content-grid-6 {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
}

.course-image {
  aspect-ratio: 3 / 2;
  object-fit: cover;
  border-radius: 12px;
  width: 100%;
  overflow: hidden;
}

.paragraph-small-66 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.course-title {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: row;
  align-items: center;
  display: flex;
}

.container-regular-26 {
  width: 100%;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
}

.lesson-title {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  align-items: center;
  display: flex;
}

.course-lessons {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  padding-bottom: 24px;
  display: flex;
}

.course-card {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border-radius: 16px;
  flex-flow: column;
  padding: 8px;
  display: flex;
}

.title-left-large {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  max-width: 640px;
  margin-bottom: 64px;
  display: flex;
}

.divider-gray-201 {
  background-color: #d6d3d1;
  width: 100%;
  height: 1px;
}

.course-legend {
  color: #71716f;
  border-bottom: 1px solid #d6d3d1;
  justify-content: space-between;
  padding-bottom: 24px;
  padding-right: 16px;
  font-weight: 500;
  display: flex;
}

.course-lesson-lightbox {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #71716f;
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  padding: 8px 16px 8px 8px;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  transition: color .2s, background-color .2s;
  display: flex;
}

.course-lesson-lightbox:hover {
  color: #000;
  background-color: #f6f5f3;
}

.course-review {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  display: flex;
}

.course-overview {
  flex-flow: column;
  width: 100%;
  max-width: 550px;
  display: flex;
}

.course-detail {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  text-decoration: none;
  display: inline-flex;
}

.button-primary-small-6 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #fff;
  white-space: nowrap;
  background-color: #000;
  border-radius: 96px;
  flex: none;
  justify-content: center;
  align-items: center;
  padding: 6px 14px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  transition: background-color .2s;
  display: inline-flex;
}

.button-primary-small-6:hover {
  background-color: #ff443d;
}

.button-primary-small-6.icon-left {
  padding-left: 8px;
}

.paragraph-small-67 {
  color: #49505b;
  letter-spacing: -.08px;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-small-67.text-color-tertiary {
  color: #8d95a3;
}

.row-small-15 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.grid-three-column-13 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
  display: grid;
}

.section-regular-48 {
  background-color: #f7f8f8;
  padding: 96px 5%;
  position: relative;
}

.max-width-large {
  width: 100%;
  max-width: 628px;
}

.h1-heading-20 {
  color: #25272c;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 600;
  line-height: 1.2;
}

.paragraph-regular-42 {
  letter-spacing: -.12px;
  font-size: 16px;
  line-height: 28px;
}

.column-small-11 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.column-small-11.column-left {
  justify-content: center;
  align-items: flex-start;
}

.heading-grid-6 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1.3fr 1fr;
  place-items: end stretch;
  margin-bottom: 64px;
  display: grid;
}

.container-large-34 {
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}

.subheading-large-22 {
  color: #25272c;
  letter-spacing: -.24px;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
}

.icon-regular-15 {
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
}

.flourish-wrapper {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.h1-heading-21 {
  color: #000;
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.1;
}

.flourish-avatar-group {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

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

.button-icon {
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #000;
  border-radius: 32px;
  justify-content: center;
  align-items: center;
  padding: 12px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: flex;
}

.header-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  text-align: center;
  flex-flow: column;
  max-width: 558px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.button-primary-12 {
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #000;
  border-radius: 32px;
  justify-content: center;
  align-items: center;
  max-width: 236px;
  padding: 12px 24px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: flex;
}

.button-primary-12.button-full-width {
  width: 100%;
}

.flourish-avatar-large {
  z-index: 4;
  background-color: #edeef1;
  border: 4px solid #f7f8f8;
  border-radius: 99px;
  width: 64px;
  min-width: 64px;
  height: 64px;
  min-height: 64px;
  margin-bottom: 8px;
  margin-left: -16px;
  margin-right: -16px;
  position: relative;
  overflow: hidden;
}

.paragraph-x-large-11 {
  color: #40444c;
  letter-spacing: -.03em;
  font-size: 20px;
  line-height: 1.5;
}

.section-header {
  background-color: #f7f8f8;
  background-image: url('../images/header-background.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  padding-top: 80px;
  padding-left: 5%;
  padding-right: 5%;
  position: relative;
}

.header-button-block {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: center;
  align-items: center;
  padding: 8px 24px;
  display: flex;
}

.phone-accent-left {
  position: absolute;
  inset: 10px auto auto -50px;
}

.image-cover-7 {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.phone-accent-right {
  position: absolute;
  inset: auto -40px 40px auto;
}

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

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

.flourish-text-block {
  padding: 8px 12px;
}

.subheading-small-7 {
  color: #ff4b0e;
  letter-spacing: -.02em;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.flourish-avatar {
  background-color: #edeef1;
  border: 4px solid #f7f8f8;
  border-radius: 99px;
  width: 44px;
  min-width: 44px;
  height: 44px;
  min-height: 44px;
  overflow: hidden;
}

.header-phone-block {
  justify-content: center;
  align-items: flex-end;
  margin-top: 44px;
  display: flex;
}

.header-phone-wrapper {
  position: relative;
}

.h5-heading-9 {
  color: #000;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.2;
}

.process-line {
  background-color: #dfe3e7;
  width: 1px;
  height: 100%;
  position: absolute;
}

.h2-heading-31 {
  color: #000;
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2;
}

.button-primary-small-7 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff;
  text-align: center;
  letter-spacing: -.02em;
  background-color: #6173e5;
  border-radius: 99px;
  flex-direction: row;
  flex: none;
  justify-content: center;
  align-items: center;
  padding: 8px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  transition: background-color .5s cubic-bezier(.6, .6, 0, 1);
}

.button-primary-small-7:hover {
  background-color: #8492eb;
}

.button-primary-small-7:active {
  background-color: #8b99f9;
}

.process-number {
  color: #fff;
  background-color: #dfe3e7;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 48px;
  min-width: 48px;
  height: 48px;
  min-height: 48px;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  display: flex;
  position: relative;
}

.title-center-small-2 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 660px;
  margin-bottom: 44px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.process-line-progress {
  background-color: #4a5fe4;
  width: 1px;
}

.process-content {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-top: 48px;
  padding-bottom: 48px;
  display: flex;
}

.paragraph-regular-43 {
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.8;
}

.process-grid {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .25fr 1fr;
}

.text-color-red-500 {
  color: #e56161;
}

.process-image-wrapper {
  justify-content: center;
  align-items: center;
  padding-top: 32px;
  padding-bottom: 32px;
  display: flex;
}

.overline-regular-21 {
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
}

.container-regular-27 {
  width: 100%;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
}

.section-regular-49 {
  padding: 80px 5%;
  position: relative;
  overflow: hidden;
}

.section-regular-49.background-gray-100 {
  background-color: #f8f9fa;
}

.caption-regular-2 {
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
}

.process-line-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.button-group-5 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.column-regular-6 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  display: flex;
}

.column-regular-6.column-centre {
  text-align: center;
  justify-content: flex-start;
  align-items: center;
}

.column-regular-6.column-center {
  justify-content: flex-start;
  align-items: center;
}

.process-number-wrapper {
  background-color: #fff;
  border-radius: 100%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  font-size: 32px;
  line-height: 32px;
  display: flex;
}

.max-width-small-7 {
  width: 100%;
  max-width: 450px;
}

.container-regular-28 {
  width: 100%;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
}

.h1-heading-22 {
  color: #000;
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.1;
}

.process-dashed-line {
  border: 1px dashed #d8dbdf;
  max-width: 840px;
  height: 1px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 28px 0% auto;
}

.button-wrapper-small {
  width: 100%;
  max-width: 160px;
}

.process-image-block {
  padding: 12px 24px;
}

.button-outline-10 {
  color: #000;
  text-align: center;
  white-space: nowrap;
  background-color: #0000;
  border: 1px solid #d8dbdf;
  border-radius: 32px;
  justify-content: center;
  align-items: center;
  padding: 8px 24px;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  transition: border-color .3s, color .3s, background-color .3s;
  display: flex;
}

.button-outline-10:hover {
  color: #fff;
  background-color: #000;
  border-color: #000;
}

.process-relative-wrapper {
  position: relative;
}

.section-regular-50 {
  background-color: #f7f8f8;
  padding: 80px 5%;
  position: relative;
}

.process-step {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.title-grid-2 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  place-items: end stretch;
  margin-bottom: 64px;
}

.h3-heading-9 {
  color: #000;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.2;
}

.process-header {
  z-index: 1;
  background-color: #f7f8f8;
  justify-content: center;
  align-items: center;
  width: 50%;
  display: flex;
  position: relative;
}

.process-grid-three {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.subheading-large-23 {
  letter-spacing: -.02em;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
}

.subheading-large-23.text-color-brand-purple {
  color: #6153bd;
}

.process-image-2 {
  background-color: #edeef1;
  border-radius: 24px;
  width: 364px;
  overflow: hidden;
}

.container-regular-29 {
  width: 100%;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
}

.h1-heading-23 {
  color: #000;
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.1;
}

.process-line-progress-2 {
  background-image: linear-gradient(#ff4b0e, #d8dbdf);
  width: 1px;
}

.process-count {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.process-details {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 366px;
  padding-bottom: 32px;
  display: flex;
}

.process-image-right {
  background-color: #edeef1;
  border-radius: 24px;
  width: 364px;
  margin-bottom: 100px;
  margin-left: auto;
  overflow: hidden;
}

.button-outline-11 {
  color: #000;
  text-align: center;
  white-space: nowrap;
  background-color: #0000;
  border: 1px solid #d8dbdf;
  border-radius: 32px;
  justify-content: center;
  align-items: center;
  padding: 8px 24px;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  transition: border-color .3s, color .3s, background-color .3s;
  display: flex;
}

.button-outline-11:hover {
  color: #fff;
  background-color: #000;
  border-color: #000;
}

.process-line-2 {
  background-color: #edeef1;
  width: 2px;
  height: 100%;
}

.section-regular-51 {
  background-color: #f7f8f8;
  padding: 80px 5%;
  position: relative;
}

.process-grid-item-large {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .25fr 1fr;
}

.h3-heading-10 {
  color: #000;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.2;
}

.title-wrapper-large {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #383a42;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 720px;
  margin-bottom: 80px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.subheading-large-24 {
  letter-spacing: -.02em;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
}

.subheading-large-24.text-color-brand-purple {
  color: #6153bd;
}

.section-regular-52 {
  background-color: #f7f8f8;
  padding: 80px 5%;
  position: relative;
}

.feature-card-5 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #fff;
  border-radius: 20px;
  flex-direction: column;
  padding: 8px;
  display: flex;
  box-shadow: 0 0 0 1px #0000000f, 0 1px 2px #0000000f;
}

.h1-heading-24 {
  color: #000;
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.1;
}

.container-small-11 {
  z-index: 5;
  width: 100%;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.button-outline-12 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #000;
  text-align: center;
  background-color: #7863f0;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 40px;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  transition: background-color .3s;
  display: flex;
  box-shadow: 0 1px 2px #0000000f, 0 0 0 1px #0000000f;
}

.button-outline-12:hover {
  background-color: #f0f0f0;
}

.subheading-large-25 {
  letter-spacing: -.02em;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
}

.paragraph-regular-44 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.row-x-small-6 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
  position: relative;
}

.h3-heading-11 {
  color: #0a0a0a;
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.2;
}

.paragraph-large-17 {
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 28px;
}

.paragraph-regular-45 {
  letter-spacing: -.25px;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 24px;
}

.container-regular-30 {
  width: 100%;
  max-width: 1216px;
  margin-top: -40px;
  margin-left: auto;
  margin-right: auto;
}

.subheading-large-26 {
  color: #0a0a0a;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
}

.section-regular-53 {
  padding: 80px 5%;
  position: relative;
  overflow: hidden;
}

.section-regular-53.background-brown-50 {
  background-color: #f8f6f6;
  margin-top: 0;
}

.column-small-12 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  display: flex;
}

.column-small-12.column-center {
  justify-content: flex-start;
  align-items: center;
}

.h6-heading-22 {
  color: #0a0a0a;
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.3;
}

.title-center-small-3 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  margin-bottom: 64px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.section-regular-54 {
  background-color: #f7f8f8;
  padding: 80px 5%;
  position: relative;
}

.feature-card-6 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #fff;
  border-radius: 20px;
  flex-direction: column;
  padding: 8px;
  display: flex;
  box-shadow: 0 0 0 1px #0000000f, 0 1px 2px #0000000f;
}

.h1-heading-25 {
  color: #000;
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.1;
}

.container-small-12 {
  z-index: 5;
  width: 100%;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.button-outline-13 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #000;
  text-align: center;
  background-color: #7863f0;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 40px;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  transition: background-color .3s;
  display: flex;
  box-shadow: 0 1px 2px #0000000f, 0 0 0 1px #0000000f;
}

.button-outline-13:hover {
  background-color: #f0f0f0;
}

.subheading-large-27 {
  letter-spacing: -.02em;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
}

.paragraph-regular-46 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.row-x-small-7 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
  position: relative;
}

.h3-heading-12 {
  color: #0a0a0a;
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.2;
}

.paragraph-large-18 {
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 28px;
}

.paragraph-regular-47 {
  letter-spacing: -.25px;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 24px;
}

.container-regular-31 {
  width: 100%;
  max-width: 1216px;
  margin-top: -40px;
  margin-left: auto;
  margin-right: auto;
}

.subheading-large-28 {
  color: #0a0a0a;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
}

.section-regular-55 {
  padding: 80px 5%;
  position: relative;
  overflow: hidden;
}

.section-regular-55.background-brown-50 {
  background-color: #f8f6f6;
  margin-top: 0;
}

.column-small-13 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  display: flex;
}

.column-small-13.column-center {
  justify-content: flex-start;
  align-items: center;
}

.h6-heading-23 {
  color: #0a0a0a;
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.3;
}

.container-large-35 {
  width: 100%;
  max-width: 1216px;
  margin-left: auto;
  margin-right: auto;
}

.subheading-regular-14 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
}

.paragraph-small-70 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
}

.paragraph-small-70.text-weight-semibold {
  font-weight: 600;
}

.paragraph-small-70.text-color-gray-600 {
  color: #525f75;
}

.row-small-16 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: row;
  display: flex;
}

.container-x-small-4 {
  width: 100%;
  max-width: 960px;
  margin-top: 53px;
  margin-left: auto;
  margin-right: auto;
}

.paragraph-regular-48 {
  letter-spacing: -.25px;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 24px;
}

.grid-three-column-14 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-bottom: 27px;
}

.column-large-16 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  display: flex;
}

.h4-heading-20 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.2;
}

.h4-heading-20.text-color-white {
  color: #fff;
  font-size: 20px;
}

.paragraph-regular-49 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.container-regular-32 {
  width: 100%;
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
}

.overline-regular-22 {
  color: #6869ac;
  letter-spacing: -.18px;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.paragraph-small-68 {
  color: #3d424c;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-small-68.text-color-tertiary {
  color: #575f70;
}

.column-x-small-21 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.feature-card-7 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #fff;
  border-radius: 20px;
  flex-direction: column;
  padding: 8px;
  display: flex;
  box-shadow: 0 0 0 1px #0000000f, 0 1px 2px #0000000f;
}

.section-regular-56 {
  padding: 80px 5%;
  position: relative;
  overflow: hidden;
}

.section-regular-56.background-brown-50 {
  background-color: #f8f6f6;
}

.testimonial-quote-block-3 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #fff;
  border: 1px solid #edeff3;
  border-radius: 24px 24px 24px 0;
  flex-flow: column;
  padding: 24px;
  display: flex;
  box-shadow: 0 1px 2px #23272e14;
}

.wrap-v-small-5 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  display: flex;
}

.container-regular-33 {
  width: 100%;
  max-width: 1080px;
  margin-top: -94px;
  margin-left: auto;
  margin-right: auto;
}

.h6-heading-24 {
  color: #0a0a0a;
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.3;
}

.column-x-large-5 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  display: flex;
}

.overline-11 {
  letter-spacing: .5px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  line-height: 20px;
}

.column-regular-7 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.container-large-36 {
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}

.column-2x-large-6 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  display: flex;
}

.button-outline-14 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #6869ac;
  text-align: center;
  white-space: nowrap;
  background-color: #fff0;
  border: 1px solid #6869ac;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  margin-top: 42px;
  padding: 10px 20px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  transition: background-color .3s;
  display: inline-flex;
}

.button-outline-14:hover {
  background-color: #e8ecf7;
}

.section-large-23 {
  margin-top: -244px;
  margin-bottom: -96px;
  padding: 120px 5%;
  position: relative;
}

.section-regular-57 {
  padding: 96px 5%;
  position: relative;
}

.section-regular-57.background-gray {
  background-color: #f6f7f9;
  margin-top: 26px;
  margin-bottom: 126px;
  padding-top: 0;
  display: block;
}

.paragraph-small-69 {
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.paragraph-small-69.text-color-gray-500 {
  color: #080808;
  font-weight: 500;
}

.primary-blue-button-6 {
  grid-column-gap: 16px;
  color: #fff;
  background-color: #4262ff;
  border-radius: 100px;
  align-items: center;
  padding: 6px 28px 6px 6px;
  font-family: Satoshi variable, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 140%;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.primary-blue-button-6:hover {
  background-color: #a259ff;
}

.paragraph-regular-50 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-regular-50.text-color-tertiary {
  color: #fcf9f9;
}

.h5-heading-10 {
  letter-spacing: -.8px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 600;
  line-height: 48px;
}

.column-large-17 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  display: flex;
}

.h4-heading-21 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.2;
}

.h4-heading-21.text-color-white {
  color: #fff;
  font-size: 20px;
}

.container-regular-34 {
  width: 100%;
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
}

.column-x-large-6 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  display: flex;
}

.section-large-24 {
  margin-top: -244px;
  margin-bottom: -96px;
  padding: 120px 5%;
  position: relative;
}

.primary-blue-button-7 {
  grid-column-gap: 16px;
  color: #fff;
  background-color: #4262ff;
  border-radius: 100px;
  align-items: center;
  padding: 6px 28px 6px 6px;
  font-family: Satoshi variable, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 140%;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.primary-blue-button-7:hover {
  background-color: #a259ff;
}

.paragraph-regular-51 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-regular-51.text-color-tertiary {
  color: #fcf9f9;
}

.column-large-18 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  display: flex;
}

.h4-heading-22 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.2;
}

.h4-heading-22.text-color-white {
  color: #fff;
  font-size: 20px;
}

.container-regular-35 {
  width: 100%;
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
}

.column-x-large-7 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  display: flex;
}

.section-large-25 {
  margin-top: -244px;
  margin-bottom: -96px;
  padding: 120px 5%;
  position: relative;
}

.primary-blue-button-8 {
  grid-column-gap: 16px;
  color: #fff;
  background-color: #4262ff;
  border-radius: 100px;
  align-items: center;
  padding: 6px 28px 6px 6px;
  font-family: Satoshi variable, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 140%;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.primary-blue-button-8:hover {
  background-color: #a259ff;
}

.paragraph-regular-52 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-regular-52.text-color-tertiary {
  color: #fcf9f9;
}

.subheading-regular-15 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
}

.container-x-small-5 {
  width: 100%;
  max-width: 960px;
  margin-top: 53px;
  margin-left: auto;
  margin-right: auto;
}

.grid-three-column-15 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-bottom: 27px;
}

.paragraph-regular-53 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.overline-regular-23 {
  color: #6869ac;
  letter-spacing: -.18px;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.paragraph-small-71 {
  color: #3d424c;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-small-71.text-color-tertiary {
  color: #575f70;
}

.column-x-small-22 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.container-regular-36 {
  width: 100%;
  max-width: 1080px;
  margin-top: -94px;
  margin-left: auto;
  margin-right: auto;
}

.faq-links-grid-2 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
}

.column-2x-large-7 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  display: flex;
}

.button-outline-15 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #6869ac;
  text-align: center;
  white-space: nowrap;
  background-color: #fff0;
  border: 1px solid #6869ac;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  margin-top: 42px;
  padding: 10px 20px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  transition: background-color .3s;
  display: inline-flex;
}

.button-outline-15:hover {
  background-color: #e8ecf7;
}

.paragraph-small-72 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
}

.paragraph-small-72.text-weight-semibold {
  font-weight: 600;
}

.paragraph-small-72.text-color-gray-600 {
  color: #525f75;
}

.testimonial-quote-block-4 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #fff;
  border: 1px solid #edeff3;
  border-radius: 24px 24px 24px 0;
  flex-flow: column;
  padding: 24px;
  display: flex;
  box-shadow: 0 1px 2px #23272e14;
}

.wrap-v-small-6 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  display: flex;
}

.overline-12 {
  letter-spacing: .5px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  line-height: 20px;
}

.container-large-37 {
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}

.section-regular-58 {
  padding: 96px 5%;
  position: relative;
}

.section-regular-58.background-gray {
  background-color: #f6f7f9;
  margin-top: -118px;
  margin-bottom: 126px;
  padding-top: 0;
  display: block;
}

.h5-heading-11 {
  letter-spacing: -.8px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 600;
  line-height: 48px;
}

.column-large-19 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  display: flex;
}

.h4-heading-23 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.2;
}

.h4-heading-23.text-color-white {
  color: #fff;
  font-size: 20px;
}

.container-regular-37 {
  width: 100%;
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
}

.column-x-large-8 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  display: flex;
}

.section-large-26 {
  margin-top: -244px;
  margin-bottom: -96px;
  padding: 120px 5%;
  position: relative;
}

.primary-blue-button-9 {
  grid-column-gap: 16px;
  color: #fff;
  background-color: #4262ff;
  border-radius: 100px;
  align-items: center;
  padding: 6px 28px 6px 6px;
  font-family: Satoshi variable, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 140%;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.primary-blue-button-9:hover {
  background-color: #a259ff;
}

.paragraph-regular-54 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-regular-54.text-color-tertiary {
  color: #fcf9f9;
}

.subheading-regular-16 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
}

.paragraph-regular-55 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.overline-regular-24 {
  color: #6869ac;
  letter-spacing: -.18px;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.paragraph-small-73 {
  color: #3d424c;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-small-73.text-color-tertiary {
  color: #575f70;
}

.column-x-small-23 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.container-regular-38 {
  width: 100%;
  max-width: 1080px;
  margin-top: -94px;
  margin-left: auto;
  margin-right: auto;
}

.faq-links-grid-3 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
}

.column-2x-large-8 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  display: flex;
}

.button-outline-16 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #6869ac;
  text-align: center;
  white-space: nowrap;
  background-color: #fff0;
  border: 1px solid #6869ac;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  margin-top: 42px;
  padding: 10px 20px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  transition: background-color .3s;
  display: inline-flex;
}

.button-outline-16:hover {
  background-color: #e8ecf7;
}

.paragraph-small-74 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
}

.paragraph-small-74.text-weight-semibold {
  font-weight: 600;
}

.paragraph-small-74.text-color-gray-600 {
  color: #525f75;
}

.testimonial-quote-block-5 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #fff;
  border: 1px solid #edeff3;
  border-radius: 24px 24px 24px 0;
  flex-flow: column;
  padding: 24px;
  display: flex;
  box-shadow: 0 1px 2px #23272e14;
}

.wrap-v-small-7 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  display: flex;
}

.overline-13 {
  letter-spacing: .5px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  line-height: 20px;
}

.container-large-38 {
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}

.section-regular-59 {
  padding: 96px 5%;
  position: relative;
}

.section-regular-59.background-gray {
  background-color: #f6f7f9;
  margin-top: -118px;
  margin-bottom: 126px;
  padding-top: 0;
  display: block;
}

.h5-heading-12 {
  letter-spacing: -.8px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 600;
  line-height: 48px;
}

.column-large-20 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  display: flex;
}

.h4-heading-24 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.2;
}

.h4-heading-24.text-color-white {
  color: #fff;
  font-size: 20px;
}

.container-regular-39 {
  width: 100%;
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
}

.column-x-large-9 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  display: flex;
}

.section-large-27 {
  margin-top: -244px;
  margin-bottom: -96px;
  padding: 120px 5%;
  position: relative;
}

.primary-blue-button-10 {
  grid-column-gap: 16px;
  color: #fff;
  background-color: #4262ff;
  border-radius: 100px;
  align-items: center;
  padding: 6px 28px 6px 6px;
  font-family: Satoshi variable, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 140%;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.primary-blue-button-10:hover {
  background-color: #a259ff;
}

.paragraph-regular-56 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-regular-56.text-color-tertiary {
  color: #fcf9f9;
}

.subheading-regular-17 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
}

.paragraph-regular-57 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.overline-regular-25 {
  color: #6869ac;
  letter-spacing: -.18px;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.paragraph-small-75 {
  color: #3d424c;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-small-75.text-color-tertiary {
  color: #575f70;
}

.column-x-small-24 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.container-regular-40 {
  width: 100%;
  max-width: 1080px;
  margin-top: -94px;
  margin-left: auto;
  margin-right: auto;
}

.faq-links-grid-4 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
}

.column-2x-large-9 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  display: flex;
}

.button-outline-17 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #6869ac;
  text-align: center;
  white-space: nowrap;
  background-color: #fff0;
  border: 1px solid #6869ac;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  margin-top: 42px;
  padding: 10px 20px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  transition: background-color .3s;
  display: inline-flex;
}

.button-outline-17:hover {
  background-color: #e8ecf7;
}

.subheading-regular-18 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
}

.paragraph-regular-58 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.overline-regular-26 {
  color: #6869ac;
  letter-spacing: -.18px;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.paragraph-small-76 {
  color: #3d424c;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-small-76.text-color-tertiary {
  color: #575f70;
}

.column-x-small-25 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.container-regular-41 {
  width: 100%;
  max-width: 1080px;
  margin-top: -94px;
  margin-left: auto;
  margin-right: auto;
}

.faq-links-grid-5 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
}

.column-2x-large-10 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  display: flex;
}

.button-outline-18 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #6869ac;
  text-align: center;
  white-space: nowrap;
  background-color: #fff0;
  border: 1px solid #6869ac;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  margin-top: 42px;
  padding: 10px 20px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  transition: background-color .3s;
  display: inline-flex;
}

.button-outline-18:hover {
  background-color: #e8ecf7;
}

.paragraph-small-77 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
}

.paragraph-small-77.text-weight-semibold {
  font-weight: 600;
}

.paragraph-small-77.text-color-gray-600 {
  color: #525f75;
}

.testimonial-quote-block-6 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #fff;
  border: 1px solid #edeff3;
  border-radius: 24px 24px 24px 0;
  flex-flow: column;
  padding: 24px;
  display: flex;
  box-shadow: 0 1px 2px #23272e14;
}

.wrap-v-small-8 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  display: flex;
}

.overline-14 {
  letter-spacing: .5px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  line-height: 20px;
}

.container-large-39 {
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}

.section-regular-60 {
  padding: 96px 5%;
  position: relative;
}

.section-regular-60.background-gray {
  background-color: #f6f7f9;
  margin-top: -118px;
  margin-bottom: 126px;
  padding-top: 0;
  display: block;
}

.h5-heading-13 {
  letter-spacing: -.8px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 600;
  line-height: 48px;
}

.column-large-21 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  display: flex;
}

.h4-heading-25 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.2;
}

.h4-heading-25.text-color-white {
  color: #fff;
  font-size: 20px;
}

.container-regular-42 {
  width: 100%;
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
}

.column-x-large-10 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  display: flex;
}

.section-large-28 {
  margin-top: -244px;
  margin-bottom: -96px;
  padding: 120px 5%;
  position: relative;
}

.primary-blue-button-11 {
  grid-column-gap: 16px;
  color: #fff;
  background-color: #4262ff;
  border-radius: 100px;
  align-items: center;
  padding: 6px 28px 6px 6px;
  font-family: Satoshi variable, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 140%;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.primary-blue-button-11:hover {
  background-color: #a259ff;
}

.paragraph-regular-59 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-regular-59.text-color-tertiary {
  color: #fcf9f9;
}

.subheading-regular-19 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
}

.paragraph-regular-60 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.overline-regular-27 {
  color: #6869ac;
  letter-spacing: -.18px;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.paragraph-small-78 {
  color: #3d424c;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-small-78.text-color-tertiary {
  color: #575f70;
}

.column-x-small-26 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.container-regular-43 {
  width: 100%;
  max-width: 1080px;
  margin-top: -94px;
  margin-left: auto;
  margin-right: auto;
}

.faq-links-grid-6 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
}

.column-2x-large-11 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  display: flex;
}

.button-outline-19 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #6869ac;
  text-align: center;
  white-space: nowrap;
  background-color: #fff0;
  border: 1px solid #6869ac;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  margin-top: 42px;
  padding: 10px 20px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  transition: background-color .3s;
  display: inline-flex;
}

.button-outline-19:hover {
  background-color: #e8ecf7;
}

.paragraph-small-79 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
}

.paragraph-small-79.text-weight-semibold {
  font-weight: 600;
}

.paragraph-small-79.text-color-gray-600 {
  color: #525f75;
}

.testimonial-quote-block-7 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #fff;
  border: 1px solid #edeff3;
  border-radius: 24px 24px 24px 0;
  flex-flow: column;
  padding: 24px;
  display: flex;
  box-shadow: 0 1px 2px #23272e14;
}

.wrap-v-small-9 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  display: flex;
}

.overline-15 {
  letter-spacing: .5px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  line-height: 20px;
}

.container-large-40 {
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}

.section-regular-61 {
  padding: 96px 5%;
  position: relative;
}

.section-regular-61.background-gray {
  background-color: #f6f7f9;
  margin-top: -118px;
  margin-bottom: 126px;
  padding-top: 0;
  display: block;
}

.h5-heading-14 {
  letter-spacing: -.8px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 600;
  line-height: 48px;
}

.column-large-22 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  display: flex;
}

.h4-heading-26 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.2;
}

.h4-heading-26.text-color-white {
  color: #fff;
  font-size: 20px;
}

.container-regular-44 {
  width: 100%;
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
}

.column-x-large-11 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  display: flex;
}

.section-large-29 {
  margin-top: -244px;
  margin-bottom: -96px;
  padding: 120px 5%;
  position: relative;
}

.primary-blue-button-12 {
  grid-column-gap: 16px;
  color: #fff;
  background-color: #4262ff;
  border-radius: 100px;
  align-items: center;
  padding: 6px 28px 6px 6px;
  font-family: Satoshi variable, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 140%;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.primary-blue-button-12:hover {
  background-color: #a259ff;
}

.paragraph-regular-61 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-regular-61.text-color-tertiary {
  color: #fcf9f9;
}

.subheading-regular-20 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
}

.paragraph-regular-62 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.overline-regular-28 {
  color: #6869ac;
  letter-spacing: -.18px;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.paragraph-small-80 {
  color: #3d424c;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-small-80.text-color-tertiary {
  color: #575f70;
}

.column-x-small-27 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.column-2x-large-12 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  display: flex;
}

.button-outline-20 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #6869ac;
  text-align: center;
  white-space: nowrap;
  background-color: #fff0;
  border: 1px solid #6869ac;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  margin-top: 42px;
  padding: 10px 20px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  transition: background-color .3s;
  display: inline-flex;
}

.button-outline-20:hover {
  background-color: #e8ecf7;
}

.paragraph-small-81 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
}

.paragraph-small-81.text-weight-semibold {
  font-weight: 600;
}

.paragraph-small-81.text-color-gray-600 {
  color: #525f75;
}

.testimonial-quote-block-8 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #fff;
  border: 1px solid #edeff3;
  border-radius: 24px 24px 24px 0;
  flex-flow: column;
  padding: 24px;
  display: flex;
  box-shadow: 0 1px 2px #23272e14;
}

.wrap-v-small-10 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  display: flex;
}

.overline-16 {
  letter-spacing: .5px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  line-height: 20px;
}

.container-large-41 {
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}

.section-regular-62 {
  padding: 96px 5%;
  position: relative;
}

.section-regular-62.background-gray {
  background-color: #f6f7f9;
  margin-top: -118px;
  margin-bottom: 126px;
  padding-top: 0;
  display: block;
}

.column-large-23 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  display: flex;
}

.h4-heading-27 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.2;
}

.h4-heading-27.text-color-white {
  color: #fff;
  font-size: 20px;
}

.container-regular-45 {
  width: 100%;
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
}

.column-x-large-12 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  display: flex;
}

.section-large-30 {
  margin-top: -244px;
  margin-bottom: -96px;
  padding: 120px 5%;
  position: relative;
}

.primary-blue-button-13 {
  grid-column-gap: 16px;
  color: #fff;
  background-color: #4262ff;
  border-radius: 100px;
  align-items: center;
  padding: 6px 28px 6px 6px;
  font-family: Satoshi variable, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 140%;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.primary-blue-button-13:hover {
  background-color: #a259ff;
}

.paragraph-regular-63 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-regular-63.text-color-tertiary {
  color: #fcf9f9;
}

.subheading-regular-21 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
}

.paragraph-regular-64 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.overline-regular-29 {
  color: #6869ac;
  letter-spacing: -.18px;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.paragraph-small-82 {
  color: #3d424c;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-small-82.text-color-tertiary {
  color: #575f70;
}

.column-x-small-28 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.column-2x-large-13 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  display: flex;
}

.button-outline-21 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #6869ac;
  text-align: center;
  white-space: nowrap;
  background-color: #fff0;
  border: 1px solid #6869ac;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  margin-top: 42px;
  padding: 10px 20px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  transition: background-color .3s;
  display: inline-flex;
}

.button-outline-21:hover {
  background-color: #e8ecf7;
}

.paragraph-small-83 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
}

.paragraph-small-83.text-weight-semibold {
  font-weight: 600;
}

.paragraph-small-83.text-color-gray-600 {
  color: #525f75;
}

.testimonial-quote-block-9 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #fff;
  border: 1px solid #edeff3;
  border-radius: 24px 24px 24px 0;
  flex-flow: column;
  padding: 24px;
  display: flex;
  box-shadow: 0 1px 2px #23272e14;
}

.wrap-v-small-11 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  display: flex;
}

.overline-17 {
  letter-spacing: .5px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  line-height: 20px;
}

.container-large-42 {
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}

.section-regular-63 {
  padding: 96px 5%;
  position: relative;
}

.section-regular-63.background-gray {
  background-color: #f6f7f9;
  margin-top: -118px;
  margin-bottom: 126px;
  padding-top: 0;
  display: block;
}

.column-large-24 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  display: flex;
}

.h4-heading-28 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.2;
}

.h4-heading-28.text-color-white {
  color: #fff;
  font-size: 20px;
}

.container-regular-46 {
  width: 100%;
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
}

.column-x-large-13 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  display: flex;
}

.section-large-31 {
  margin-top: -244px;
  margin-bottom: -96px;
  padding: 120px 5%;
  position: relative;
}

.primary-blue-button-14 {
  grid-column-gap: 16px;
  color: #fff;
  background-color: #4262ff;
  border-radius: 100px;
  align-items: center;
  padding: 6px 28px 6px 6px;
  font-family: Satoshi variable, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 140%;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.primary-blue-button-14:hover {
  background-color: #a259ff;
}

.paragraph-regular-65 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-regular-65.text-color-tertiary {
  color: #fcf9f9;
}

.subheading-regular-22 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
}

.paragraph-regular-66 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.overline-regular-30 {
  color: #6869ac;
  letter-spacing: -.18px;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.paragraph-small-84 {
  color: #3d424c;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-small-84.text-color-tertiary {
  color: #575f70;
}

.column-x-small-29 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.column-2x-large-14 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  display: flex;
}

.button-outline-22 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #6869ac;
  text-align: center;
  white-space: nowrap;
  background-color: #fff0;
  border: 1px solid #6869ac;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  margin-top: 42px;
  padding: 10px 20px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  transition: background-color .3s;
  display: inline-flex;
}

.button-outline-22:hover {
  background-color: #e8ecf7;
}

.paragraph-small-85 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
}

.paragraph-small-85.text-weight-semibold {
  font-weight: 600;
}

.paragraph-small-85.text-color-gray-600 {
  color: #525f75;
}

.wrap-v-small-12 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  display: flex;
}

.overline-18 {
  letter-spacing: .5px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  line-height: 20px;
}

.container-large-43 {
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}

.section-regular-64 {
  padding: 96px 5%;
  position: relative;
}

.section-regular-64.background-gray {
  background-color: #f6f7f9;
  margin-top: -118px;
  margin-bottom: 126px;
  padding-top: 0;
  display: block;
}

.column-large-25 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  display: flex;
}

.h4-heading-29 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.2;
}

.h4-heading-29.text-color-white {
  color: #fff;
  font-size: 20px;
}

.container-regular-47 {
  width: 100%;
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
}

.column-x-large-14 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  display: flex;
}

.section-large-32 {
  margin-top: -244px;
  margin-bottom: -96px;
  padding: 120px 5%;
  position: relative;
}

.primary-blue-button-15 {
  grid-column-gap: 16px;
  color: #fff;
  background-color: #4262ff;
  border-radius: 100px;
  align-items: center;
  padding: 6px 28px 6px 6px;
  font-family: Satoshi variable, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 140%;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.primary-blue-button-15:hover {
  background-color: #a259ff;
}

.paragraph-regular-67 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-regular-67.text-color-tertiary {
  color: #fcf9f9;
}

.subheading-regular-23 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
}

.paragraph-regular-68 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.overline-regular-31 {
  color: #6869ac;
  letter-spacing: -.18px;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.paragraph-small-86 {
  color: #3d424c;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-small-86.text-color-tertiary {
  color: #575f70;
}

.column-x-small-30 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.column-2x-large-15 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  display: flex;
}

.button-outline-23 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #6869ac;
  text-align: center;
  white-space: nowrap;
  background-color: #fff0;
  border: 1px solid #6869ac;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  margin-top: 42px;
  padding: 10px 20px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  transition: background-color .3s;
  display: inline-flex;
}

.button-outline-23:hover {
  background-color: #e8ecf7;
}

.paragraph-small-87 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
}

.paragraph-small-87.text-weight-semibold {
  font-weight: 600;
}

.paragraph-small-87.text-color-gray-600 {
  color: #525f75;
}

.wrap-v-small-13 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  display: flex;
}

.overline-19 {
  letter-spacing: .5px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  line-height: 20px;
}

.container-large-44 {
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}

.section-regular-65 {
  padding: 96px 5%;
  position: relative;
}

.section-regular-65.background-gray {
  background-color: #f6f7f9;
  margin-top: -118px;
  margin-bottom: 126px;
  padding-top: 0;
  display: block;
}

.column-large-26 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  display: flex;
}

.h4-heading-30 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.2;
}

.h4-heading-30.text-color-white {
  color: #fff;
  font-size: 20px;
}

.container-regular-48 {
  width: 100%;
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
}

.column-x-large-15 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  display: flex;
}

.section-large-33 {
  margin-top: -244px;
  margin-bottom: -96px;
  padding: 120px 5%;
  position: relative;
}

.primary-blue-button-16 {
  grid-column-gap: 16px;
  color: #fff;
  background-color: #4262ff;
  border-radius: 100px;
  align-items: center;
  padding: 6px 28px 6px 6px;
  font-family: Satoshi variable, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 140%;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.primary-blue-button-16:hover {
  background-color: #a259ff;
}

.paragraph-regular-69 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-regular-69.text-color-tertiary {
  color: #fcf9f9;
}

.subheading-regular-24 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
}

.paragraph-regular-70 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.overline-regular-32 {
  color: #6869ac;
  letter-spacing: -.18px;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.paragraph-small-88 {
  color: #3d424c;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-small-88.text-color-tertiary {
  color: #575f70;
}

.column-x-small-31 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.column-2x-large-16 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  display: flex;
}

.button-outline-24 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #6869ac;
  text-align: center;
  white-space: nowrap;
  background-color: #fff0;
  border: 1px solid #6869ac;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  margin-top: 42px;
  padding: 10px 20px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  transition: background-color .3s;
  display: inline-flex;
}

.button-outline-24:hover {
  background-color: #e8ecf7;
}

.section-large-34 {
  padding: 120px 5%;
  position: relative;
}

.section-large-34.background-secondary {
  background-color: #e8ecf7;
  margin-top: -68px;
  margin-bottom: 22px;
}

.paragraph-small-89 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
}

.paragraph-small-89.text-weight-semibold {
  font-weight: 600;
}

.paragraph-small-89.text-color-gray-600 {
  color: #525f75;
}

.wrap-v-small-14 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  display: flex;
}

.overline-20 {
  letter-spacing: .5px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  line-height: 20px;
}

.container-large-45 {
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}

.section-regular-66 {
  padding: 96px 5%;
  position: relative;
}

.section-regular-66.background-gray {
  background-color: #f6f7f9;
  margin-top: -118px;
  margin-bottom: 126px;
  padding-top: 0;
  display: block;
}

.column-large-27 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  display: flex;
}

.h4-heading-31 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.2;
}

.h4-heading-31.text-color-white {
  color: #fff;
  font-size: 20px;
}

.container-regular-49 {
  width: 100%;
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
}

.section-large-35 {
  margin-top: -244px;
  margin-bottom: -96px;
  padding: 120px 5%;
  position: relative;
}

.paragraph-regular-71 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-regular-71.text-color-tertiary {
  color: #fcf9f9;
}

.subheading-regular-25 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
}

.paragraph-regular-72 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.overline-regular-33 {
  color: #6869ac;
  letter-spacing: -.18px;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.paragraph-small-90 {
  color: #3d424c;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-small-90.text-color-tertiary {
  color: #575f70;
}

.column-x-small-32 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.column-2x-large-17 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  display: flex;
}

.paragraph-small-91 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
}

.paragraph-small-91.text-weight-semibold {
  font-weight: 600;
}

.paragraph-small-91.text-color-gray-600 {
  color: #525f75;
}

.wrap-v-small-15 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  display: flex;
}

.overline-21 {
  letter-spacing: .5px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  line-height: 20px;
}

.container-large-46 {
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}

.section-regular-67 {
  padding: 96px 5%;
  position: relative;
}

.section-regular-67.background-gray {
  background-color: #f6f7f9;
  margin-top: -118px;
  margin-bottom: 126px;
  padding-top: 0;
  display: block;
}

.column-large-28 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  display: flex;
}

.h4-heading-32 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.2;
}

.h4-heading-32.text-color-white {
  color: #fff;
  font-size: 20px;
}

.container-regular-50 {
  width: 100%;
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
}

.section-large-36 {
  margin-top: -244px;
  margin-bottom: -96px;
  padding: 120px 5%;
  position: relative;
}

.paragraph-regular-73 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-regular-73.text-color-tertiary {
  color: #fcf9f9;
}

.subheading-regular-26 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
}

.paragraph-regular-74 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.overline-regular-34 {
  color: #6869ac;
  letter-spacing: -.18px;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.paragraph-small-92 {
  color: #3d424c;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-small-92.text-color-tertiary {
  color: #575f70;
}

.column-x-small-33 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.paragraph-small-93 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
}

.paragraph-small-93.text-weight-semibold {
  font-weight: 600;
}

.paragraph-small-93.text-color-gray-600 {
  color: #525f75;
}

.wrap-v-small-16 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  display: flex;
}

.overline-22 {
  letter-spacing: .5px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  line-height: 20px;
}

.container-large-47 {
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}

.section-regular-68 {
  padding: 96px 5%;
  position: relative;
}

.section-regular-68.background-gray {
  background-color: #f6f7f9;
  margin-top: -118px;
  margin-bottom: 126px;
  padding-top: 0;
  display: block;
}

.column-large-29 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  display: flex;
}

.h4-heading-33 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.2;
}

.h4-heading-33.text-color-white {
  color: #fff;
  font-size: 20px;
}

.container-regular-51 {
  width: 100%;
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
}

.section-large-37 {
  margin-top: -244px;
  margin-bottom: -96px;
  padding: 120px 5%;
  position: relative;
}

.paragraph-regular-75 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-regular-75.text-color-tertiary {
  color: #fcf9f9;
}

.subheading-regular-27 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
}

.paragraph-regular-76 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.overline-regular-35 {
  color: #6869ac;
  letter-spacing: -.18px;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.paragraph-small-94 {
  color: #3d424c;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-small-94.text-color-tertiary {
  color: #575f70;
}

.column-x-small-34 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.h4-heading-34 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2;
}

.paragraph-small-95 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
}

.paragraph-small-95.text-weight-semibold {
  font-weight: 600;
}

.paragraph-small-95.text-color-gray-600 {
  color: #525f75;
}

.wrap-v-small-17 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  display: flex;
}

.overline-23 {
  letter-spacing: .5px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  line-height: 20px;
}

.container-large-48 {
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}

.section-regular-69 {
  padding: 96px 5%;
  position: relative;
}

.section-regular-69.background-gray {
  background-color: #f6f7f9;
  margin-top: -118px;
  margin-bottom: 126px;
  padding-top: 0;
  display: block;
}

.column-large-30 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  display: flex;
}

.container-regular-52 {
  width: 100%;
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
}

.section-large-38 {
  margin-top: -244px;
  margin-bottom: -96px;
  padding: 120px 5%;
  position: relative;
}

.paragraph-regular-77 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-regular-77.text-color-tertiary {
  color: #fcf9f9;
}

.subheading-regular-28 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
}

.paragraph-regular-78 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.overline-regular-36 {
  color: #6869ac;
  letter-spacing: -.18px;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.paragraph-small-96 {
  color: #3d424c;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-small-96.text-color-tertiary {
  color: #575f70;
}

.column-x-small-35 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.h4-heading-35 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2;
}

.paragraph-small-97 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
}

.paragraph-small-97.text-weight-semibold {
  font-weight: 600;
}

.paragraph-small-97.text-color-gray-600 {
  color: #525f75;
}

.wrap-v-small-18 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  display: flex;
}

.overline-24 {
  letter-spacing: .5px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  line-height: 20px;
}

.container-large-49 {
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}

.section-regular-70 {
  padding: 96px 5%;
  position: relative;
}

.section-regular-70.background-gray {
  background-color: #f6f7f9;
  margin-top: -118px;
  margin-bottom: 126px;
  padding-top: 0;
  display: block;
}

.column-large-31 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  display: flex;
}

.container-regular-53 {
  width: 100%;
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
}

.section-large-39 {
  margin-top: -244px;
  margin-bottom: -96px;
  padding: 120px 5%;
  position: relative;
}

.paragraph-regular-79 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-regular-79.text-color-tertiary {
  color: #fcf9f9;
}

.subheading-regular-29 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
}

.paragraph-regular-80 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.overline-regular-37 {
  color: #6869ac;
  letter-spacing: -.18px;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.paragraph-small-98 {
  color: #3d424c;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-small-98.text-color-tertiary {
  color: #575f70;
}

.column-x-small-36 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.h4-heading-36 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2;
}

.paragraph-small-99 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
}

.paragraph-small-99.text-weight-semibold {
  font-weight: 600;
}

.paragraph-small-99.text-color-gray-600 {
  color: #525f75;
}

.wrap-v-small-19 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  display: flex;
}

.overline-25 {
  letter-spacing: .5px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  line-height: 20px;
}

.container-large-50 {
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}

.section-regular-71 {
  padding: 96px 5%;
  position: relative;
}

.section-regular-71.background-gray {
  background-color: #f6f7f9;
  margin-top: -118px;
  margin-bottom: 126px;
  padding-top: 0;
  display: block;
}

.column-large-32 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  display: flex;
}

.container-regular-54 {
  width: 100%;
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
}

.section-large-40 {
  margin-top: -244px;
  margin-bottom: -96px;
  padding: 120px 5%;
  position: relative;
}

.paragraph-regular-81 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-regular-81.text-color-tertiary {
  color: #fcf9f9;
}

.subheading-regular-30 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
}

.paragraph-regular-82 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.overline-regular-38 {
  color: #6869ac;
  letter-spacing: -.18px;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.paragraph-small-100 {
  color: #3d424c;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-small-100.text-color-tertiary {
  color: #575f70;
}

.column-x-small-37 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.h4-heading-37 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2;
}

.section-large-41 {
  padding: 120px 5%;
  position: relative;
}

.section-large-41.background-secondary {
  background-color: #e8ecf7;
  margin-bottom: 22px;
}

.paragraph-small-101 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
}

.paragraph-small-101.text-weight-semibold {
  font-weight: 600;
}

.paragraph-small-101.text-color-gray-600 {
  color: #525f75;
}

.wrap-v-small-20 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  display: flex;
}

.container-large-51 {
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}

.section-regular-72 {
  padding: 96px 5%;
  position: relative;
}

.section-regular-72.background-gray {
  background-color: #f6f7f9;
  margin-top: -118px;
  margin-bottom: 126px;
  padding-top: 0;
  display: block;
}

.column-large-33 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  display: flex;
}

.container-regular-55 {
  width: 100%;
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
}

.paragraph-regular-83 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-regular-83.text-color-tertiary {
  color: #fcf9f9;
}

.subheading-regular-31 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
}

.paragraph-regular-84 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.overline-regular-39 {
  color: #6869ac;
  letter-spacing: -.18px;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.paragraph-small-102 {
  color: #3d424c;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-small-102.text-color-tertiary {
  color: #575f70;
}

.column-x-small-38 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.h4-heading-38 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2;
}

.section-large-42 {
  padding: 120px 5%;
  position: relative;
}

.section-large-42.background-secondary {
  background-color: #e8ecf7;
  margin-bottom: 22px;
}

.paragraph-small-103 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
}

.paragraph-small-103.text-weight-semibold {
  font-weight: 600;
}

.paragraph-small-103.text-color-gray-600 {
  color: #525f75;
}

.wrap-v-small-21 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  display: flex;
}

.container-large-52 {
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}

.section-regular-73 {
  padding: 96px 5%;
  position: relative;
}

.section-regular-73.background-gray {
  background-color: #f6f7f9;
  margin-top: -118px;
  margin-bottom: 126px;
  padding-top: 0;
  display: block;
}

.column-large-34 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  display: flex;
}

.container-regular-56 {
  width: 100%;
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
}

.paragraph-regular-85 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-regular-85.text-color-tertiary {
  color: #fcf9f9;
}

.subheading-regular-32 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
}

.paragraph-regular-86 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.overline-regular-40 {
  color: #6869ac;
  letter-spacing: -.18px;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.paragraph-small-104 {
  color: #3d424c;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-small-104.text-color-tertiary {
  color: #575f70;
}

.column-x-small-39 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.h4-heading-39 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2;
}

.section-large-43 {
  padding: 120px 5%;
  position: relative;
}

.section-large-43.background-secondary {
  background-color: #e8ecf7;
  margin-bottom: 22px;
}

.paragraph-small-105 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
}

.paragraph-small-105.text-weight-semibold {
  font-weight: 600;
}

.paragraph-small-105.text-color-gray-600 {
  color: #525f75;
}

.wrap-v-small-22 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  display: flex;
}

.container-large-53 {
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}

.section-regular-74 {
  padding: 96px 5%;
  position: relative;
}

.section-regular-74.background-gray {
  background-color: #f6f7f9;
  margin-top: -118px;
  margin-bottom: 126px;
  padding-top: 0;
  display: block;
}

.column-large-35 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  display: flex;
}

.container-regular-57 {
  width: 100%;
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
}

.section-large-44 {
  margin-top: -244px;
  margin-bottom: -96px;
  padding: 120px 5%;
  position: relative;
}

.paragraph-regular-87 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-regular-87.text-color-tertiary {
  color: #fcf9f9;
}

.subheading-regular-33 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
}

.paragraph-regular-88 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.overline-regular-41 {
  color: #6869ac;
  letter-spacing: -.18px;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.paragraph-small-106 {
  color: #3d424c;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-small-106.text-color-tertiary {
  color: #575f70;
}

.column-x-small-40 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.h4-heading-40 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2;
}

.paragraph-small-107 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
}

.paragraph-small-107.text-weight-semibold {
  font-weight: 600;
}

.paragraph-small-107.text-color-gray-600 {
  color: #525f75;
}

.wrap-v-small-23 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  display: flex;
}

.container-large-54 {
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}

.section-regular-75 {
  padding: 96px 5%;
  position: relative;
}

.section-regular-75.background-gray {
  background-color: #f6f7f9;
  margin-top: -118px;
  margin-bottom: 126px;
  padding-top: 0;
  display: block;
}

.column-large-36 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  display: flex;
}

.container-regular-58 {
  width: 100%;
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
}

.section-large-45 {
  margin-top: -244px;
  margin-bottom: -96px;
  padding: 120px 5%;
  position: relative;
}

.paragraph-regular-89 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-regular-89.text-color-tertiary {
  color: #fcf9f9;
}

.subheading-regular-34 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
}

.paragraph-regular-90 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.overline-regular-42 {
  color: #6869ac;
  letter-spacing: -.18px;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.paragraph-small-108 {
  color: #3d424c;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-small-108.text-color-tertiary {
  color: #575f70;
}

.column-x-small-41 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.h4-heading-41 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2;
}

.paragraph-small-109 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
}

.paragraph-small-109.text-weight-semibold {
  font-weight: 600;
}

.paragraph-small-109.text-color-gray-600 {
  color: #525f75;
}

.wrap-v-small-24 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  display: flex;
}

.container-large-55 {
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}

.section-regular-76 {
  padding: 96px 5%;
  position: relative;
}

.section-regular-76.background-gray {
  background-color: #f6f7f9;
  margin-top: -118px;
  margin-bottom: 126px;
  padding-top: 0;
  display: block;
}

.column-large-37 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  display: flex;
}

.container-regular-59 {
  width: 100%;
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
}

.section-large-46 {
  margin-top: -244px;
  margin-bottom: -96px;
  padding: 120px 5%;
  position: relative;
}

.paragraph-regular-91 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-regular-91.text-color-tertiary {
  color: #fcf9f9;
}

.subheading-regular-35 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
}

.paragraph-regular-92 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.overline-regular-43 {
  color: #6869ac;
  letter-spacing: -.18px;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.paragraph-small-110 {
  color: #3d424c;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-small-110.text-color-tertiary {
  color: #575f70;
}

.column-x-small-42 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.h4-heading-42 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2;
}

.paragraph-small-111 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
}

.paragraph-small-111.text-weight-semibold {
  font-weight: 600;
}

.paragraph-small-111.text-color-gray-600 {
  color: #525f75;
}

.wrap-v-small-25 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  display: flex;
}

.container-large-56 {
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}

.section-regular-77 {
  padding: 96px 5%;
  position: relative;
}

.section-regular-77.background-gray {
  background-color: #f6f7f9;
  margin-top: -118px;
  margin-bottom: 126px;
  padding-top: 0;
  display: block;
}

.column-large-38 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  display: flex;
}

.container-regular-60 {
  width: 100%;
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
}

.section-large-47 {
  margin-top: -244px;
  margin-bottom: -96px;
  padding: 120px 5%;
  position: relative;
}

.paragraph-regular-93 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-regular-93.text-color-tertiary {
  color: #fcf9f9;
}

.subheading-regular-36 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
}

.paragraph-regular-94 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.overline-regular-44 {
  color: #6869ac;
  letter-spacing: -.18px;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.paragraph-small-112 {
  color: #3d424c;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-small-112.text-color-tertiary {
  color: #575f70;
}

.column-x-small-43 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.h4-heading-43 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2;
}

.paragraph-small-113 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
}

.paragraph-small-113.text-weight-semibold {
  font-weight: 600;
}

.paragraph-small-113.text-color-gray-600 {
  color: #525f75;
}

.wrap-v-small-26 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  display: flex;
}

.container-large-57 {
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}

.section-regular-78 {
  padding: 96px 5%;
  position: relative;
}

.section-regular-78.background-gray {
  background-color: #f6f7f9;
  margin-top: -118px;
  margin-bottom: 126px;
  padding-top: 0;
  display: block;
}

.column-large-39 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  display: flex;
}

.container-regular-61 {
  width: 100%;
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
}

.section-large-48 {
  margin-top: -244px;
  margin-bottom: -96px;
  padding: 120px 5%;
  position: relative;
}

.paragraph-regular-95 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-regular-95.text-color-tertiary {
  color: #fcf9f9;
}

.subheading-regular-37 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
}

.paragraph-regular-96 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.overline-regular-45 {
  color: #6869ac;
  letter-spacing: -.18px;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.paragraph-small-114 {
  color: #3d424c;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-small-114.text-color-tertiary {
  color: #575f70;
}

.column-x-small-44 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.h4-heading-44 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2;
}

.section-large-49 {
  padding: 120px 5%;
  position: relative;
}

.section-large-49.background-secondary {
  background-color: #e8ecf7;
  margin-bottom: 22px;
}

.paragraph-small-115 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
}

.paragraph-small-115.text-weight-semibold {
  font-weight: 600;
}

.paragraph-small-115.text-color-gray-600 {
  color: #525f75;
}

.wrap-v-small-27 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  display: flex;
}

.container-large-58 {
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}

.section-regular-79 {
  padding: 96px 5%;
  position: relative;
}

.section-regular-79.background-gray {
  background-color: #f6f7f9;
  margin-top: -118px;
  margin-bottom: 126px;
  padding-top: 0;
  display: block;
}

.column-large-40 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  display: flex;
}

.container-regular-62 {
  width: 100%;
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
}

.paragraph-regular-97 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-regular-97.text-color-tertiary {
  color: #fcf9f9;
}

.subheading-regular-38 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
}

.paragraph-regular-98 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.overline-regular-46 {
  color: #6869ac;
  letter-spacing: -.18px;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.paragraph-small-116 {
  color: #3d424c;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-small-116.text-color-tertiary {
  color: #575f70;
}

.column-x-small-45 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.h4-heading-45 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2;
}

.section-large-50 {
  padding: 120px 5%;
  position: relative;
}

.section-large-50.background-secondary {
  background-color: #e8ecf7;
  margin-bottom: 22px;
}

.paragraph-small-117 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
}

.paragraph-small-117.text-weight-semibold {
  font-weight: 600;
}

.paragraph-small-117.text-color-gray-600 {
  color: #525f75;
}

.wrap-v-small-28 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  display: flex;
}

.container-large-59 {
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}

.section-regular-80 {
  padding: 96px 5%;
  position: relative;
}

.section-regular-80.background-gray {
  background-color: #f6f7f9;
  margin-top: -118px;
  margin-bottom: 126px;
  padding-top: 0;
  display: block;
}

.column-large-41 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  display: flex;
}

.container-regular-63 {
  width: 100%;
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
}

.paragraph-regular-99 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-regular-99.text-color-tertiary {
  color: #fcf9f9;
}

.subheading-regular-39 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
}

.paragraph-regular-100 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.overline-regular-47 {
  color: #6869ac;
  letter-spacing: -.18px;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.paragraph-small-118 {
  color: #3d424c;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-small-118.text-color-tertiary {
  color: #575f70;
}

.column-x-small-46 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.h4-heading-46 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2;
}

.section-large-51 {
  padding: 120px 5%;
  position: relative;
}

.section-large-51.background-secondary {
  background-color: #e8ecf7;
  margin-bottom: 22px;
}

.paragraph-small-119 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
}

.paragraph-small-119.text-weight-semibold {
  font-weight: 600;
}

.paragraph-small-119.text-color-gray-600 {
  color: #525f75;
}

.wrap-v-small-29 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  display: flex;
}

.container-large-60 {
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}

.section-regular-81 {
  padding: 96px 5%;
  position: relative;
}

.section-regular-81.background-gray {
  background-color: #f6f7f9;
  margin-top: -118px;
  margin-bottom: 126px;
  padding-top: 0;
  display: block;
}

.column-large-42 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  display: flex;
}

.container-regular-64 {
  width: 100%;
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
}

.paragraph-regular-101 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-regular-101.text-color-tertiary {
  color: #fcf9f9;
}

.subheading-regular-40 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
}

.paragraph-regular-102 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.overline-regular-48 {
  color: #6869ac;
  letter-spacing: -.18px;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.paragraph-small-120 {
  color: #3d424c;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-small-120.text-color-tertiary {
  color: #575f70;
}

.column-x-small-47 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.h4-heading-47 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2;
}

.section-large-52 {
  padding: 120px 5%;
  position: relative;
}

.section-large-52.background-secondary {
  background-color: #e8ecf7;
  margin-top: -116px;
  margin-bottom: 22px;
}

.subheading-regular-41 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
}

.paragraph-regular-103 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.overline-regular-49 {
  color: #6869ac;
  letter-spacing: -.18px;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.paragraph-small-121 {
  color: #3d424c;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-small-121.text-color-tertiary {
  color: #575f70;
}

.column-x-small-48 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.h4-heading-48 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2;
}

.section-large-53 {
  padding: 120px 5%;
  position: relative;
}

.section-large-53.background-secondary {
  background-color: #e8ecf7;
  margin-bottom: 22px;
}

.paragraph-small-122 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
}

.paragraph-small-122.text-weight-semibold {
  font-weight: 600;
}

.paragraph-small-122.text-color-gray-600 {
  color: #525f75;
}

.wrap-v-small-30 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  display: flex;
}

.container-large-61 {
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}

.section-regular-82 {
  padding: 96px 5%;
  position: relative;
}

.section-regular-82.background-gray {
  background-color: #f6f7f9;
  margin-top: -118px;
  margin-bottom: 126px;
  padding-top: 0;
  display: block;
}

.column-large-43 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  display: flex;
}

.container-regular-65 {
  width: 100%;
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
}

.paragraph-regular-104 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-regular-104.text-color-tertiary {
  color: #fcf9f9;
}

.subheading-regular-42 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
}

.paragraph-regular-105 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.overline-regular-50 {
  color: #6869ac;
  letter-spacing: -.18px;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.paragraph-small-123 {
  color: #3d424c;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-small-123.text-color-tertiary {
  color: #575f70;
}

.column-x-small-49 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.h4-heading-49 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2;
}

.section-large-54 {
  padding: 120px 5%;
  position: relative;
}

.section-large-54.background-secondary {
  background-color: #e8ecf7;
  margin-top: -64px;
  margin-bottom: 22px;
}

.paragraph-small-124 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
}

.paragraph-small-124.text-weight-semibold {
  font-weight: 600;
}

.paragraph-small-124.text-color-gray-600 {
  color: #525f75;
}

.wrap-v-small-31 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  display: flex;
}

.container-large-62 {
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}

.section-regular-83 {
  padding: 96px 5%;
  position: relative;
}

.section-regular-83.background-gray {
  background-color: #f6f7f9;
  margin-top: -118px;
  margin-bottom: 126px;
  padding-top: 0;
  display: block;
}

.code-embed-6 {
  margin-top: 28px;
}

.column-large-44 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  display: flex;
}

.container-regular-66 {
  width: 100%;
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
}

.paragraph-regular-106 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-regular-106.text-color-tertiary {
  color: #fcf9f9;
}

.subheading-regular-43 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
}

.paragraph-regular-107 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.overline-regular-51 {
  color: #6869ac;
  letter-spacing: -.18px;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.paragraph-small-125 {
  color: #3d424c;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-small-125.text-color-tertiary {
  color: #575f70;
}

.column-x-small-50 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.h4-heading-50 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2;
}

.section-large-55 {
  padding: 120px 5%;
  position: relative;
}

.section-large-55.background-secondary {
  background-color: #e8ecf7;
  margin-top: -117px;
  margin-bottom: 22px;
}

.paragraph-small-126 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
}

.paragraph-small-126.text-weight-semibold {
  font-weight: 600;
}

.paragraph-small-126.text-color-gray-600 {
  color: #525f75;
}

.wrap-v-small-32 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  display: flex;
}

.container-large-63 {
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}

.section-regular-84 {
  padding: 96px 5%;
  position: relative;
}

.section-regular-84.background-gray {
  background-color: #f6f7f9;
  margin-top: -118px;
  margin-bottom: 126px;
  padding-top: 0;
  display: block;
}

.column-large-45 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  display: flex;
}

.container-regular-67 {
  width: 100%;
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
}

.paragraph-regular-108 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-regular-108.text-color-tertiary {
  color: #fcf9f9;
}

.subheading-regular-44 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
}

.paragraph-regular-109 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.overline-regular-52 {
  color: #6869ac;
  letter-spacing: -.18px;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.paragraph-small-127 {
  color: #3d424c;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-small-127.text-color-tertiary {
  color: #575f70;
}

.column-x-small-51 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.h4-heading-51 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2;
}

.section-large-56 {
  padding: 120px 5%;
  position: relative;
}

.section-large-56.background-secondary {
  background-color: #e8ecf7;
  margin-bottom: 22px;
}

.paragraph-small-128 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
}

.paragraph-small-128.text-weight-semibold {
  font-weight: 600;
}

.paragraph-small-128.text-color-gray-600 {
  color: #525f75;
}

.wrap-v-small-33 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  display: flex;
}

.container-large-64 {
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}

.section-regular-85 {
  padding: 96px 5%;
  position: relative;
}

.section-regular-85.background-gray {
  background-color: #f6f7f9;
  margin-top: -118px;
  margin-bottom: 126px;
  padding-top: 0;
  display: block;
}

.column-large-46 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  display: flex;
}

.container-regular-68 {
  width: 100%;
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
}

.paragraph-regular-110 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-regular-110.text-color-tertiary {
  color: #fcf9f9;
}

.subheading-regular-45 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
}

.paragraph-regular-111 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.overline-regular-53 {
  color: #6869ac;
  letter-spacing: -.18px;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.paragraph-small-129 {
  color: #3d424c;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-small-129.text-color-tertiary {
  color: #575f70;
}

.column-x-small-52 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.h4-heading-52 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2;
}

.section-large-57 {
  padding: 120px 5%;
  position: relative;
}

.section-large-57.background-secondary {
  background-color: #e8ecf7;
  margin-top: -129px;
  margin-bottom: 22px;
}

.paragraph-small-130 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
}

.paragraph-small-130.text-weight-semibold {
  font-weight: 600;
}

.paragraph-small-130.text-color-gray-600 {
  color: #525f75;
}

.wrap-v-small-34 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  display: flex;
}

.container-large-65 {
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}

.section-regular-86 {
  padding: 96px 5%;
  position: relative;
}

.section-regular-86.background-gray {
  background-color: #f6f7f9;
  margin-top: -118px;
  margin-bottom: 126px;
  padding-top: 0;
  display: block;
}

.column-large-47 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  display: flex;
}

.container-regular-69 {
  width: 100%;
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
}

.paragraph-regular-112 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-regular-112.text-color-tertiary {
  color: #fcf9f9;
}

.subheading-regular-46 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
}

.paragraph-regular-113 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.overline-regular-54 {
  color: #6869ac;
  letter-spacing: -.18px;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.paragraph-small-131 {
  color: #3d424c;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-small-131.text-color-tertiary {
  color: #575f70;
}

.column-x-small-53 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.h4-heading-53 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2;
}

.section-large-58 {
  padding: 120px 5%;
  position: relative;
}

.section-large-58.background-secondary {
  background-color: #e8ecf7;
  margin-top: -94px;
  margin-bottom: 22px;
}

.paragraph-small-132 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
}

.paragraph-small-132.text-weight-semibold {
  font-weight: 600;
}

.paragraph-small-132.text-color-gray-600 {
  color: #525f75;
}

.wrap-v-small-35 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  display: flex;
}

.container-large-66 {
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}

.section-regular-87 {
  padding: 96px 5%;
  position: relative;
}

.section-regular-87.background-gray {
  background-color: #f6f7f9;
  margin-top: -118px;
  margin-bottom: 126px;
  padding-top: 0;
  display: block;
}

.column-large-48 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  display: flex;
}

.container-regular-70 {
  width: 100%;
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
}

.paragraph-regular-114 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-regular-114.text-color-tertiary {
  color: #fcf9f9;
}

.subheading-regular-47 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
}

.paragraph-regular-115 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.overline-regular-55 {
  color: #6869ac;
  letter-spacing: -.18px;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.paragraph-small-133 {
  color: #3d424c;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-small-133.text-color-tertiary {
  color: #575f70;
}

.column-x-small-54 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.h4-heading-54 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2;
}

.section-large-59 {
  padding: 120px 5%;
  position: relative;
}

.section-large-59.background-secondary {
  background-color: #e8ecf7;
  margin-top: -129px;
  margin-bottom: 22px;
}

.paragraph-small-134 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
}

.paragraph-small-134.text-weight-semibold {
  font-weight: 600;
}

.paragraph-small-134.text-color-gray-600 {
  color: #525f75;
}

.wrap-v-small-36 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  display: flex;
}

.container-large-67 {
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}

.section-regular-88 {
  padding: 96px 5%;
  position: relative;
}

.section-regular-88.background-gray {
  background-color: #f6f7f9;
  margin-top: -118px;
  margin-bottom: 126px;
  padding-top: 0;
  display: block;
}

.column-large-49 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  display: flex;
}

.container-regular-71 {
  width: 100%;
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
}

.paragraph-regular-116 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-regular-116.text-color-tertiary {
  color: #fcf9f9;
}

.subheading-regular-48 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
}

.paragraph-regular-117 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.overline-regular-56 {
  color: #6869ac;
  letter-spacing: -.18px;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.paragraph-small-135 {
  color: #3d424c;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-small-135.text-color-tertiary {
  color: #575f70;
}

.column-x-small-55 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.h4-heading-55 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2;
}

.section-large-60 {
  padding: 120px 5%;
  position: relative;
}

.section-large-60.background-secondary {
  background-color: #e8ecf7;
  margin-top: -215px;
  margin-bottom: 22px;
}

.paragraph-small-136 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
}

.paragraph-small-136.text-weight-semibold {
  font-weight: 600;
}

.paragraph-small-136.text-color-gray-600 {
  color: #525f75;
}

.wrap-v-small-37 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  display: flex;
}

.container-large-68 {
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}

.section-regular-89 {
  padding: 96px 5%;
  position: relative;
}

.section-regular-89.background-gray {
  background-color: #f6f7f9;
  margin-top: -118px;
  margin-bottom: 126px;
  padding-top: 0;
  display: block;
}

.column-large-50 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  display: flex;
}

.container-regular-72 {
  width: 100%;
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
}

.paragraph-regular-118 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-regular-118.text-color-tertiary {
  color: #fcf9f9;
}

.subheading-regular-49 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
}

.paragraph-regular-119 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.overline-regular-57 {
  color: #6869ac;
  letter-spacing: -.18px;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.paragraph-small-137 {
  color: #3d424c;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-small-137.text-color-tertiary {
  color: #575f70;
}

.column-x-small-56 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.h4-heading-56 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2;
}

.section-large-61 {
  padding: 120px 5%;
  position: relative;
}

.section-large-61.background-secondary {
  background-color: #e8ecf7;
  margin-top: -191px;
  margin-bottom: 22px;
}

.paragraph-small-138 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
}

.paragraph-small-138.text-weight-semibold {
  font-weight: 600;
}

.paragraph-small-138.text-color-gray-600 {
  color: #525f75;
}

.wrap-v-small-38 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  display: flex;
}

.container-large-69 {
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}

.section-regular-90 {
  padding: 96px 5%;
  position: relative;
}

.section-regular-90.background-gray {
  background-color: #f6f7f9;
  margin-top: -118px;
  margin-bottom: 126px;
  padding-top: 0;
  display: block;
}

.column-large-51 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  display: flex;
}

.container-regular-73 {
  width: 100%;
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
}

.paragraph-regular-120 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-regular-120.text-color-tertiary {
  color: #fcf9f9;
}

.subheading-regular-50 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
}

.paragraph-regular-121 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.overline-regular-58 {
  color: #6869ac;
  letter-spacing: -.18px;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.paragraph-small-139 {
  color: #3d424c;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-small-139.text-color-tertiary {
  color: #575f70;
}

.column-x-small-57 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.h4-heading-57 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2;
}

.section-large-62 {
  padding: 120px 5%;
  position: relative;
}

.section-large-62.background-secondary {
  background-color: #e8ecf7;
  margin-top: -204px;
  margin-bottom: 22px;
}

.paragraph-small-140 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
}

.paragraph-small-140.text-weight-semibold {
  font-weight: 600;
}

.paragraph-small-140.text-color-gray-600 {
  color: #525f75;
}

.wrap-v-small-39 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  display: flex;
}

.container-large-70 {
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}

.section-regular-91 {
  padding: 96px 5%;
  position: relative;
}

.section-regular-91.background-gray {
  background-color: #f6f7f9;
  margin-top: -118px;
  margin-bottom: 126px;
  padding-top: 0;
  display: block;
}

.column-large-52 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  display: flex;
}

.container-regular-74 {
  width: 100%;
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
}

.paragraph-regular-122 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-regular-122.text-color-tertiary {
  color: #fcf9f9;
}

.subheading-regular-51 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
}

.paragraph-regular-123 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.overline-regular-59 {
  color: #6869ac;
  letter-spacing: -.18px;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.paragraph-small-141 {
  color: #3d424c;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-small-141.text-color-tertiary {
  color: #575f70;
}

.column-x-small-58 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.h4-heading-58 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2;
}

.section-large-63 {
  padding: 120px 5%;
  position: relative;
}

.section-large-63.background-secondary {
  background-color: #e8ecf7;
  margin-top: -123px;
  margin-bottom: 22px;
}

.paragraph-small-142 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
}

.paragraph-small-142.text-weight-semibold {
  font-weight: 600;
}

.paragraph-small-142.text-color-gray-600 {
  color: #525f75;
}

.wrap-v-small-40 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  display: flex;
}

.container-large-71 {
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}

.section-regular-92 {
  padding: 96px 5%;
  position: relative;
}

.section-regular-92.background-gray {
  background-color: #f6f7f9;
  margin-top: -118px;
  margin-bottom: 126px;
  padding-top: 0;
  display: block;
}

.column-large-53 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  display: flex;
}

.container-regular-75 {
  width: 100%;
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
}

.paragraph-regular-124 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-regular-124.text-color-tertiary {
  color: #fcf9f9;
}

.checkout-slider-mask {
  width: 31.25rem;
  overflow: visible;
}

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

.image-6 {
  width: 52%;
}

.checkout-slider {
  background-color: #0000;
  justify-content: center;
  align-items: center;
  max-width: 530px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.checkout-left-arrow {
  border: 1px solid #5956e9;
  border-radius: 100%;
  width: 80px;
  height: 80px;
  left: 20px;
}

.checkout-right-arrow {
  background-color: #5956e9;
  border-radius: 100%;
  width: 80px;
  height: 80px;
  right: 33px;
}

.checkout-slider-wrapper {
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 80px;
  position: relative;
  overflow: hidden;
}

.icon-2 {
  color: #5956e9;
}

.checkout-slider-slide {
  opacity: 0;
  text-align: center;
  width: 100%;
  max-width: 31.25rem;
  margin-left: auto;
  margin-right: auto;
}

.checkout-slider-nav {
  bottom: -40px;
}

.container-small-13 {
  width: 100%;
  max-width: 846px;
  margin-top: -107px;
  margin-left: auto;
  margin-right: auto;
}

.feature-tab-link-4 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #49505b;
  letter-spacing: -.08px;
  background-color: #f7f8f8;
  border: 1px solid #fff;
  border-radius: 8px;
  flex: auto;
  justify-content: center;
  align-items: center;
  padding: 8px 12px 8px 8px;
  font-size: 14px;
  line-height: 16px;
  transition: color .3s, border-color .3s;
  display: flex;
}

.feature-tab-link-4:hover {
  color: #25272c;
  border-color: #3a88fe;
}

.feature-tab-link-4.w--current {
  color: #25272c;
  background-color: #f7f8f8;
  border-color: #3a88fe;
}

.tabs-content-5 {
  width: 100%;
  overflow: visible;
}

.title-wrapper-13 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 628px;
  margin-bottom: 64px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.section-regular-93 {
  background-color: #f7f8f8;
  margin-top: -101px;
  padding: 96px 5%;
  position: relative;
}

.column-x-small-59 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.button-primary-large-10 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff;
  background-color: #4255bd;
  border: 1px solid #4255bd;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  padding: 12px 24px;
  font-size: 18px;
  font-weight: 600;
  line-height: 32px;
  text-decoration: none;
  transition: color .3s, background-color .3s;
  display: flex;
}

.button-primary-large-10:hover {
  color: #4255bd;
  background-color: #f4f5fb;
}

.feature-grid-5 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  display: grid;
}

.column-regular-8 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.paragraph-small-143 {
  color: #3d424c;
  font-size: 14px;
  line-height: 24px;
}

.hero-container {
  z-index: 30;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 75rem;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 120px;
  display: block;
  position: relative;
}

.pricing {
  color: #fff;
  padding: 12px;
  transition: all .2s;
}

.pricing:hover {
  color: #5683da;
}

.blend-image-1 {
  position: absolute;
}

.slack-link {
  color: #fff;
  padding: 0 0 0 10px;
}

.hero-section {
  height: 1438px;
  position: relative;
  overflow: hidden;
}

.feature-list {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  margin-left: -8px;
  display: flex;
}

.git-hub-link {
  color: #fff;
  padding: 0 0 0 10px;
}

.linked-in-paragraph {
  color: #797d86;
  margin-bottom: 0;
  padding-left: 10px;
  line-height: 16px;
}

.dropdown-paragraph-2 {
  color: #797d86;
  margin-bottom: 0;
  padding-bottom: 0;
  padding-left: 5px;
  line-height: 16px;
}

.blend-image-2 {
  position: absolute;
}

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

.github-wrapper {
  text-decoration: none;
}

.x-paragraph {
  color: #797d86;
  margin-bottom: 0;
  padding-left: 10px;
  line-height: 16px;
}

.github-text {
  color: #fff;
  text-decoration: none;
}

.icon-3 {
  color: #797d86;
  margin-right: 0;
  font-size: 10px;
}

.hidden-section {
  z-index: 20;
  mix-blend-mode: overlay;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-top: -40px;
  padding-left: 335px;
  position: absolute;
  inset: 0%;
}

.x-logo {
  height: 18px;
}

.x-com {
  border-radius: 10px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  margin-top: 6px;
  margin-bottom: 6px;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 10px;
  transition: all .2s;
  display: flex;
  position: relative;
}

.x-com:hover {
  background-color: #18191b;
}

.hero-app-image-wrapper {
  justify-content: flex-start;
  position: relative;
}

.slack {
  border-radius: 10px;
  align-items: center;
  margin-top: 6px;
  margin-bottom: 6px;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 10px;
  transition: all .2s;
  display: flex;
  position: relative;
}

.slack:hover {
  background-color: #18191b;
}

.icon-4 {
  color: #797d86;
  margin-right: 0;
  font-size: 10px;
}

.icon-4.navbar {
  opacity: 0;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  width: 50px;
  height: 280px;
  padding-bottom: 7px;
  font-size: 12px;
  font-weight: 500;
  transition: opacity .2s;
  display: flex;
  position: absolute;
  inset: 0% 41% 0% auto;
  transform: rotate(270deg);
}

.icon-4.navbar:hover {
  opacity: 1;
}

.hero-cta {
  width: 224px;
  height: 40px;
  margin-top: 3em;
}

.download {
  color: #fff;
  padding: 12px;
  transition: all .2s;
}

.download:hover {
  color: #5683da;
}

.navigation-container-2 {
  background-color: #0000;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 75rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.hero-features {
  z-index: 30;
  letter-spacing: -.02em;
  max-width: 75rem;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 40px;
  position: absolute;
  inset: auto 0% 3%;
  box-shadow: 0 0 100px 120px #090a0c;
}

.hero-subheading {
  color: #e5e5e7;
  letter-spacing: -.04em;
  max-width: 28rem;
  margin-top: 1.25rem;
  font-size: 18px;
  line-height: 1.375em;
  position: relative;
}

.git-hub-paragraph {
  color: #797d86;
  margin-bottom: 0;
  padding-left: 10px;
  line-height: 16px;
}

.dropdown-paragraph-3 {
  color: #797d86;
  margin-bottom: 0;
  margin-left: 0;
  padding-left: 5px;
  line-height: 16px;
}

.dropdown-paragraph-1 {
  color: #797d86;
  margin-bottom: 0;
  margin-left: 0;
  padding-bottom: 0;
  padding-left: 5px;
  line-height: 16px;
}

.dropdown-toggle-1 {
  color: #fff;
  padding: 0 15px 0 0;
}

.you-tube {
  border-radius: 10px;
  align-items: center;
  margin-top: 6px;
  margin-bottom: 6px;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 10px;
  transition: all .2s;
  display: flex;
  position: relative;
}

.you-tube:hover {
  background-color: #18191b;
}

.youtube-paragraph {
  color: #797d86;
  margin-bottom: 0;
  padding-left: 10px;
  line-height: 16px;
}

.slack-logo {
  height: 18px;
}

.feature-text-block {
  color: #fff9;
  margin-bottom: .875rem;
  margin-left: -8px;
}

.hero-heading {
  letter-spacing: -.04em;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(135deg, #fff, #fff 30%, #d5d8f6 80%, #fdf7fe);
  -webkit-background-clip: text;
  background-clip: text;
  max-width: 616px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 84px;
  font-weight: 600;
  line-height: .9em;
  position: relative;
}

.feature {
  color: #fff;
  font-weight: 600;
  line-height: 15.75px;
}

.brand-image {
  height: 25px;
}

.youtube-logo {
  height: 18px;
}

.cta-navbar {
  text-transform: uppercase;
  background-color: #090a0c;
  border-radius: 30px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  padding: 5px 15px;
  font-size: 11px;
  font-weight: 700;
  transition: all .2s;
  display: inline-flex;
}

.cta-navbar:hover {
  background-color: #17171a;
}

.slack-paragraph {
  color: #797d86;
  margin-bottom: 0;
  padding-left: 10px;
  line-height: 16px;
}

.community {
  padding: 12px;
}

.linkedin {
  border-radius: 10px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  margin-top: 6px;
  margin-bottom: 6px;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 10px;
  transition: all .2s;
  display: flex;
  position: relative;
}

.linkedin:hover {
  background-color: #18191b;
}

.navigation-bar {
  background-color: #0000;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 75rem;
  height: 64px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.dropdown-toggle-2 {
  color: #fff;
  padding: 0 15px 0 0;
}

.dropdown-community {
  width: 300px;
}

.dropdown-community.w--open {
  background-color: #090a0c;
  border-radius: 14px;
  margin-top: 12px;
  padding: 10px;
  box-shadow: 0 14px 20px 10px #00000080;
}

.linked-in-link {
  color: #fff;
  padding: 0 0 0 10px;
}

.back-video-hero-wrapper {
  z-index: 10;
  width: 1920px;
  height: 1438px;
  margin-left: -7px;
  position: absolute;
  inset: 0%;
}

.linkedin-logo {
  height: 18px;
}

.nav-changelog {
  background-color: #0000;
  border-radius: 10px;
  margin-top: 6px;
  margin-bottom: 6px;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 10px;
  transition: all .2s;
  position: relative;
}

.nav-changelog:hover {
  background-color: #18191b;
}

.nav-menu-2 {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.resources {
  padding: 12px;
}

.nav-menu-1 {
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  margin-left: 77px;
  margin-right: auto;
  display: flex;
}

.nav-blog {
  background-color: #0000;
  border-radius: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  margin-top: 6px;
  margin-bottom: 6px;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 10px;
  transition: all .2s;
  position: relative;
}

.nav-blog:hover {
  background-color: #18191b;
}

.dropdown-resources {
  border-radius: 14px;
}

.dropdown-resources.w--open {
  background-color: #090a0c;
  width: 300px;
  margin-top: 12px;
  padding: 10px;
  box-shadow: 0 14px 20px 10px #00000080;
}

.dropdown-link-3 {
  color: #fff;
  margin-top: 0;
  margin-left: 0;
  padding: 0 0 0 5px;
  font-weight: 400;
}

.gradient-border {
  background-image: linear-gradient(#515354, #2f3133);
  border-radius: 30px;
  padding: 1px;
  transition: all .2s;
}

.gradient-border:hover {
  background-image: linear-gradient(#838485, #484a4b);
}

.github {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  justify-content: center;
  align-items: center;
  margin-left: 6px;
  margin-right: 6px;
  transition: all .2s;
  display: flex;
}

.github:hover {
  opacity: .7;
}

.logo-wrapper {
  background-color: #18191b;
  border: 1px solid #303236;
  border-radius: 8px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
}

.x-link {
  color: #fff;
  padding: 0 0 0 10px;
}

.nav-docs {
  background-color: #0000;
  border-radius: 10px;
  margin-top: 6px;
  margin-bottom: 6px;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 10px;
  transition: all .2s;
  position: relative;
}

.nav-docs:hover {
  background-color: #18191b;
}

.youtube-link {
  color: #fff;
  padding: 0 0 0 10px;
}

.git-hub {
  border-radius: 10px;
  align-items: center;
  margin-top: 6px;
  margin-bottom: 6px;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 10px;
  transition: all .2s;
  display: flex;
  position: relative;
}

.git-hub:hover {
  background-color: #18191b;
}

.hero-app-image {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  margin-top: 240px;
  margin-left: -8px;
  position: relative;
}

.github-logo {
  height: 18px;
}

.blue-shadow-1 {
  z-index: 20;
  width: 95px;
  max-width: none;
  position: absolute;
}

.subheading {
  color: #303236;
  letter-spacing: -.04em;
  max-width: 705px;
  margin-top: 1.5rem;
  font-size: 18px;
  line-height: 125%;
}

.subheading.diff-width {
  z-index: 20;
  max-width: 560px;
  position: relative;
}

.subheading.diff-color {
  color: #95979e;
  max-width: 560px;
  margin-top: 1rem;
  font-size: 16px;
  line-height: 137%;
}

.run-3 {
  z-index: 30;
  width: 257px;
  height: 31px;
  position: absolute;
  inset: 49.5% 0% 0% 20%;
}

.background-video-waves {
  flex-flow: row;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  height: 100%;
  display: flex;
}

.team-planner {
  background-image: url('../images/68193f04da1e34aa66f6df6f_hero-v1-bg-techvoice-webflow-template.jpg');
  background-position: 50%;
  background-size: cover;
  border-radius: .75rem;
  width: 768px;
  height: 420px;
  position: relative;
  overflow: hidden;
}

.main-task {
  z-index: 30;
  max-width: 43%;
  position: absolute;
  inset: 0% auto 0% 17%;
}

.main-section-team-planner {
  z-index: 20;
  background-image: radial-gradient(circle at 380%, #c5c7d3 75%, #fff6f9 80%, #fef9fd 85%, #e8eaf7 90%, #cdd4e8 95%, #c7cfe0);
  border-radius: 15px;
  justify-content: space-between;
  align-items: flex-start;
  width: 282px;
  height: 370px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
  inset: 12% 0% 0%;
  overflow: hidden;
}

.features-row-1 {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  margin-top: 2.5rem;
  margin-bottom: 1.25rem;
  display: flex;
}

.task-2 {
  max-width: 27.5%;
  position: absolute;
  inset: 29% 19% 0% auto;
}

.bold-text-10 {
  color: #fff;
}

.heading-4 {
  color: #0b0d10;
  letter-spacing: -.05em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 80px;
  font-weight: 600;
  line-height: 80%;
}

.team-image-17 {
  border-radius: 5px;
  box-shadow: 1px 10px 10px #0003;
}

.shadow-orange {
  z-index: 10;
  position: absolute;
  inset: 0% 0% auto 15%;
}

.blue-shadow-2 {
  z-index: 30;
  width: 105px;
  max-width: none;
  position: absolute;
}

.team-image-1 {
  border-radius: 5px;
  box-shadow: 1px 10px 10px #0003;
}

.notification-feature {
  filter: blur(.7px);
  flex-flow: row;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 43% 0% auto;
}

.run-2 {
  z-index: 30;
  width: 257px;
  height: 31px;
  position: absolute;
  inset: 42.5% 0% 0% 20%;
}

.team-image-9, .team-image-6 {
  border-radius: 5px;
  box-shadow: 1px 10px 10px #0003;
}

.task-3 {
  max-width: 27.5%;
  position: absolute;
  inset: 25% -11% 0% auto;
}

.bold-text-keyboard-shortcuts {
  color: #fff;
  font-weight: 500;
}

.cloud-orange-wrapper {
  z-index: 40;
  background-image: url('../images/orange-cloud.png');
  background-position: 50%;
  background-size: 40px;
  flex-flow: row;
  width: 40px;
  height: 40px;
  position: absolute;
  inset: -10% 41% auto 48.5%;
}

.team-image-7, .team-image-11, .team-image-3 {
  border-radius: 5px;
  box-shadow: 1px 10px 10px #0003;
}

.shadow-black {
  z-index: 20;
  width: 100%;
  max-width: none;
  height: 100%;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.orange-shadow-1 {
  z-index: 20;
  width: 100px;
  max-width: none;
  position: absolute;
}

.run-command-1 {
  z-index: 20;
  opacity: 0;
  position: absolute;
  inset: 0%;
}

.team-image-4, .team-image-13 {
  border-radius: 5px;
  box-shadow: 1px 10px 10px #0003;
}

.run-1 {
  z-index: 30;
  width: 257px;
  height: 31px;
  position: absolute;
  inset: 35.5% 0% 0% 20%;
}

.team-image-16 {
  border-radius: 5px;
  box-shadow: 1px 10px 10px #0003;
}

.bell-1 {
  z-index: 40;
  width: 40px;
  max-width: none;
}

.padding-top-10rem {
  z-index: 10;
  margin-top: -97px;
  padding-top: 0;
  position: relative;
}

.stay-productive {
  background-color: #f6f6f6;
  overflow: hidden;
}

.orange-shadow-2 {
  z-index: 30;
  width: 105px;
  max-width: none;
  position: absolute;
}

.team-image-10 {
  border-radius: 5px;
  box-shadow: 1px 10px 10px #0003;
}

.team-image-wrapper {
  z-index: 30;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  align-items: center;
  margin-top: -1664px;
  display: flex;
  position: absolute;
  inset: 12% 0% auto;
  overflow: hidden;
}

.bold-text-team-planner {
  color: #fff;
  font-weight: 500;
}

.circle-black {
  z-index: 10;
  width: 100px;
  max-width: none;
  margin-top: 8px;
  position: absolute;
}

.count-num {
  font-size: 11px;
  font-weight: 700;
  line-height: 110%;
  position: absolute;
  inset: 28% auto auto 35%;
}

.team-image-18, .team-image-5, .team-image-8 {
  border-radius: 5px;
  box-shadow: 1px 10px 10px #0003;
}

.bell-2 {
  z-index: 40;
  width: 12px;
  max-width: none;
}

.time-blocking {
  background-image: url('../images/section3-background.png');
  background-position: 0 0;
  background-repeat: repeat;
  background-size: cover;
  background-attachment: scroll;
  border-radius: .75rem;
  width: 768px;
  height: 420px;
  position: relative;
  overflow: hidden;
  box-shadow: inset -50px 2px 50px #000;
}

.task-4 {
  max-width: 27.5%;
  position: absolute;
  inset: 65% 10% 0% auto;
}

.notifications {
  border-radius: .75rem;
  width: 428px;
  height: 420px;
  position: relative;
  overflow: hidden;
}

.stay-productive-wrapper {
  z-index: 10;
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2rem;
  padding-right: 2rem;
  position: relative;
}

.bell-wrapper {
  z-index: 40;
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 10px;
  display: flex;
  position: absolute;
  inset: 37% 0% auto;
}

.bottom-text {
  z-index: 30;
  position: absolute;
  inset: auto 0% 65px 22px;
}

.feature-explanation {
  z-index: 10;
  color: #ffffffa6;
  letter-spacing: -.02em;
  font-size: 16px;
  font-weight: 300;
  line-height: 137%;
  position: absolute;
  inset: 0% 0% auto;
}

.feature-explanation.team {
  width: 60%;
}

.feature-explanation.time {
  width: 52%;
}

.feature-explanation.keyboard {
  width: 90%;
}

.feature-explanation.notification {
  width: 93%;
}

.team-image-2 {
  border-radius: 5px;
  box-shadow: 1px 10px 10px #0003;
}

.today-image {
  z-index: 40;
  position: absolute;
}

.run-command-3 {
  z-index: 20;
  opacity: 0;
  position: absolute;
  inset: 0%;
}

.team-image-12 {
  border-radius: 5px;
  box-shadow: 1px 10px 10px #0003;
}

.task-1 {
  max-width: 27.5%;
  position: absolute;
  inset: -2% 6% 0% auto;
}

.mask-linear-gradient {
  z-index: 30;
  background-image: linear-gradient(0deg, #0b0b0d 20%, #0000 50%);
  width: 282px;
  height: 370px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
  position: absolute;
  inset: 12% 0% 0%;
}

.number-scale {
  z-index: 30;
  color: #1f2025;
  text-align: right;
  font-size: 12px;
  line-height: 45px;
  position: absolute;
  inset: 3% auto 0% 3.5%;
}

.keyboard-shortcuts {
  border-radius: .75rem;
  width: 428px;
  height: 420px;
  position: relative;
  overflow: hidden;
}

.team-image-15 {
  border-radius: 5px;
  box-shadow: 1px 10px 10px #0003;
}

.image-wrapper-absolute {
  background-image: url('../images/681e91753714288fc8560b80_careers-bg-techvoice-webflow-template.jpg');
  background-position: 0 0;
  background-size: 428px 420px;
  position: absolute;
  inset: 0%;
}

.features-row-2 {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  margin-bottom: 0;
  display: flex;
}

.team-image-14 {
  border-radius: 5px;
  box-shadow: 1px 10px 10px #0003;
}

.run-command-2 {
  z-index: 20;
  opacity: 0;
  position: absolute;
  inset: 0%;
}

.navmenu-dropdown-section-list {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 0;
  padding-bottom: 20px;
  padding-right: 30px;
  list-style-type: none;
  display: grid;
}

.navmenu-dropdown-section-list-item {
  background-color: #f5f6f6;
  border-radius: 4px;
  padding: 5px;
}

.navmenu-dropdown-section-link {
  color: #1b1b1b;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.navmenu-dropdown-section-link:hover, .navmenu-dropdown-section-link:focus {
  color: #4353ff;
}

.mega-menu-image {
  margin-right: 12px;
}

.navmenu-dropdown-section-link-heading {
  margin-right: 8px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
}

.navmenu-dropdown-section-link-description {
  color: #000;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5em;
}

.navmenu-dropdown-section-list-2 {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  min-width: 1050px;
  max-width: 1050px;
  margin-top: -18px;
  margin-bottom: 18px;
  padding-right: 30px;
  list-style-type: none;
  display: grid;
}

.italic-text, .italic-text-2, .italic-text-3 {
  font-size: 12px;
}

.text-block-4, .text-block-5, .text-block-6, .text-block-7, .text-block-8, .text-block-9, .text-block-10, .text-block-11, .text-block-12, .text-block-13, .text-block-14, .text-block-15, .text-block-16, .text-block-17, .text-block-18, .text-block-19, .text-block-20, .text-block-21, .text-block-22, .text-block-23, .text-block-24, .text-block-25 {
  font-size: 14px;
}

.navbar_dropdown-inner-list-item.cc-banner, .navbar_dropdown-inner-list-item.cc-image-button {
  flex: 1;
}

.navbar_dropdown-toggle {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: inherit;
  align-items: center;
  padding: 1.5rem 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: clamp(.875rem, 1.1vw, 1rem);
  transition-property: color, box-shadow;
  transition-duration: .3s, .3s;
  transition-timing-function: cubic-bezier(.215, .61, .355, 1), cubic-bezier(.215, .61, .355, 1);
  display: inline-flex;
  box-shadow: inset 0 -2px #146ef500;
}

.navbar_dropdown-toggle:hover, .navbar_dropdown-toggle.w--open {
  color: #080808;
  box-shadow: inset 0 -2px #146ef5;
}

.navbar_dropdown-list-column-title {
  color: #757575;
  text-transform: uppercase;
  margin-bottom: 1.5rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: .75rem;
}

.navbar_dropdown {
  color: inherit;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: clamp(.875rem, 1.1vw, 1rem);
  line-height: 1.2;
  position: static;
}

.navbar_dropdown-list-new-label {
  color: #146ef5;
  text-transform: uppercase;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: clamp(.875rem, 1.1vw, 1rem);
  font-weight: 600;
  line-height: 1.2;
  display: inline-block;
}

.navbar_dropdown-list-link-content-wrapper {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  color: inherit;
  text-decoration: none;
  display: flex;
}

.navbar_dropdown-list-content-wrapper {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  background-color: #fff;
  background-image: url('../images/68b0a558a4d9943de708cc1b_home-v2-hero-bg-1-cloudwhisper-webflow-template.avif');
  background-position: 50%;
  background-size: cover;
  border-radius: .25rem;
  flex-flow: wrap;
  margin-bottom: 0;
  padding: 1.5rem;
  list-style-type: none;
  display: flex;
  box-shadow: 0 1px 2px #08080814, 0 4px 8px #08080808, 0 10px 18px #08080808, 0 20px 40px #08080808;
}

.navbar_dropdown-list-banner-description {
  color: #fff;
  text-transform: uppercase;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.3;
}

.navbar_brand-logo {
  display: flex;
}

.navbar_dropdown-list-link-name {
  margin-right: .5rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: clamp(.875rem, 1.1vw, 1rem);
  font-weight: 500;
  line-height: 1.2;
  display: inline-block;
}

.navbar_dropdown-list-link {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  color: inherit;
  background-image: url('../images/68af46e5482bb64f385213da_home-v1-hero-bg-3-cloudwhisper-webflow-template.avif');
  background-position: 50%;
  background-size: cover;
  border-radius: 0;
  text-decoration: none;
  transition-property: color;
  transition-duration: .3s;
  transition-timing-function: cubic-bezier(.215, .61, .355, 1);
  display: flex;
}

.navbar_dropdown-list-link:hover {
  color: #146ef5;
  background-image: url('../images/68af46e605db8ef3c9a215d4_home-v1-hero-bg-2-cloudwhisper-webflow-template.avif');
  border: 0 solid #000;
}

.navbar_dropdown-list-link.cc-banner-button {
  color: #fff;
  background-color: #080808;
  border-radius: .25rem;
  flex-flow: column;
  justify-content: space-between;
  height: 100%;
  padding: 1.25rem;
  transition: opacity .3s cubic-bezier(.215, .61, .355, 1);
}

.navbar_dropdown-list-link.cc-banner-button:hover {
  opacity: .9;
}

.navbar_dropdown-list-link.cc-image-button {
  color: #fff;
  border-radius: .25rem;
  justify-content: space-between;
  padding: 1rem;
  transition: opacity .3s cubic-bezier(.215, .61, .355, 1), color .3s cubic-bezier(.215, .61, .355, 1);
}

.navbar_dropdown-list-link.cc-image-button:hover {
  opacity: .9;
  color: #146ef5;
}

.navbar_dropdown-list-link.cc-image-button.cc-2, .navbar_dropdown-list-link.cc-image-button.cc-1 {
  background-image: url('../images/image-button-2.jpg');
  background-position: 100%;
  background-size: cover;
}

.navbar-2 {
  background-color: #fff;
  border-bottom: 1px solid #75757533;
}

.navbar_dropdown-list-container {
  max-width: 90rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: clamp(1rem, 1.67vw, 1.5rem);
  padding-right: clamp(1rem, 1.67vw, 1.5rem);
}

.navbar_dropdown-list-container.cc-small {
  max-width: 52rem;
}

.navbar_content-wrapper {
  grid-column-gap: clamp(1rem, 1.67vw, 1.5rem);
  grid-row-gap: clamp(1rem, 1.67vw, 1.5rem);
  align-items: stretch;
  display: flex;
}

.navbar_nav-link {
  text-align: center;
  color: inherit;
  padding: 1.5rem 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: clamp(.875rem, 1.1vw, 1rem);
  line-height: 1.2;
  transition-property: color, box-shadow;
  transition-duration: .3s, .3s;
  transition-timing-function: cubic-bezier(.215, .61, .355, 1), cubic-bezier(.215, .61, .355, 1);
  box-shadow: inset 0 -2px #146ef500;
}

.navbar_nav-link:hover {
  color: #080808;
  box-shadow: inset 0 -2px #146ef5;
}

.navbar_nav-link.cc-mobile {
  display: none;
}

.navbar_dropdown-list {
  color: #080808;
  background-color: #0000;
  padding-top: .5rem;
  inset: 100% 0% auto;
}

.navbar_dropdown-list-banner-number {
  margin-bottom: .5rem;
  font-size: 2.25rem;
  font-weight: 600;
  line-height: 1;
}

.navbar_dropdown-list-link-icon {
  display: flex;
}

.navbar_menu-inner-wrapper {
  grid-column-gap: clamp(1rem, 1.67vw, 1.5rem);
  grid-row-gap: clamp(1rem, 1.67vw, 1.5rem);
  flex: 1;
  justify-content: space-between;
  display: flex;
}

.navbar_link-group {
  grid-column-gap: clamp(1rem, 1.67vw, 1.5rem);
  grid-row-gap: clamp(1rem, 1.67vw, 1.5rem);
  align-items: center;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.navbar_cta {
  text-align: center;
  background-color: #146ef5;
  border-radius: 4px;
  padding: 1rem clamp(1rem, 1.67vw, 1.5rem);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: clamp(.875rem, 1.1vw, 1rem);
  font-weight: 500;
  transition-property: box-shadow, background-color;
  transition-duration: .3s, .3s;
  transition-timing-function: cubic-bezier(.215, .61, .355, 1), cubic-bezier(.215, .61, .355, 1);
  box-shadow: inset 0 1px 1px #fff3, inset 0 6px 12px #ffffff1f, 0 1px 2px #08080833, 0 4px 4px #08080814;
}

.navbar_cta:hover {
  background-color: #0055d4;
  box-shadow: inset 0 1px 1px #fff3, inset 0 6px 12px #ffffff1f, 0 1px 1px #08080833, 0 1px 1px #08080833;
}

.navbar_dropdown-inner-list {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  flex-flow: column;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.navbar_dropdown-inner-list.cc-cta {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: row;
}

.navbar_dropdown-inner-list.cc-banner {
  height: 100%;
}

.navbar_nav-menu {
  color: #080808;
  grid-column-gap: clamp(1rem, 1.67vw, 1.5rem);
  grid-row-gap: clamp(1rem, 1.67vw, 1.5rem);
  flex: 1;
  justify-content: space-between;
  position: static;
}

.navbar_nav-menu:hover {
  color: #757575;
}

.navbar_link-list-item {
  display: inline-block;
}

.navbar_brand {
  color: #080808;
  align-items: center;
  transition: color .3s cubic-bezier(.215, .61, .355, 1);
  display: flex;
}

.navbar_brand:hover {
  color: #5a5a5a;
}

.navbar_dropdown-list-banner-heading {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.3;
}

.navbar_dropdown-list-link-description {
  color: #5a5a5a;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: clamp(.875rem, 1.1vw, 1rem);
  font-weight: 300;
  line-height: 1.5;
}

.navbar_dropdown-list-link-description.cc-image-button {
  color: #d8d8d8;
}

.navbar_dropdown-list-link-text-wrapper {
  grid-column-gap: .3rem;
  grid-row-gap: .3rem;
  flex-flow: column;
  display: flex;
}

.navbar_dropdown-list-link-label {
  text-transform: uppercase;
  background-color: #146ef5;
  border-radius: .25rem;
  padding: .25rem .5rem;
  font-size: .625rem;
  font-weight: 600;
}

.navbar_dropdown-list-column {
  border-right: 1px solid #f0f0f0;
  flex: 1;
  padding-right: 1.5rem;
}

.navbar_dropdown-list-column.cc-small {
  max-width: 8.5rem;
}

.navbar_dropdown-list-column.cc-cta {
  flex: 0 auto;
  width: 100%;
  padding-right: 0;
}

.navbar_dropdown-list-column.cc-last {
  border-right-style: none;
}

.navbar_dropdown-icon {
  margin: 0;
  position: static;
}

.navbar_dropdown-list-link-label-wrapper {
  justify-content: space-between;
  margin-bottom: 1rem;
  display: flex;
}

.navbar_main-container {
  background-image: url('../images/68b0a558a4d9943de708cc1b_home-v2-hero-bg-1-cloudwhisper-webflow-template.avif');
  background-position: 50%;
  background-size: cover;
  max-width: 90rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: clamp(1rem, 1.67vw, 1.5rem);
  padding-right: clamp(1rem, 1.67vw, 1.5rem);
}

.google-icons {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.language-button {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  color: #000;
  cursor: pointer;
  border-radius: 5px;
  flex-flow: row;
  place-content: flex-start center;
  align-items: center;
  padding: 10px;
  font-weight: 600;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.language-button:hover {
  color: #2d62ff;
  border: 1px solid #d9e5ff;
  font-weight: 700;
}

.language-grid {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto auto auto auto auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-flow: row;
  place-items: stretch stretch;
}

.lang {
  font-size: .875rem;
  font-weight: 600;
}

.lang.language-name {
  font-weight: 400;
}

.material-icons {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: center;
  align-items: center;
  font-size: .875rem;
  font-weight: 500;
  display: flex;
}

.material-icons.language {
  margin-left: 0;
  margin-right: 5px;
}

.icon-embed-xxsmall {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  display: flex;
}

.translation-wrapper {
  background-color: #fff;
  border-radius: 20px;
  padding: 25px 20px;
  overflow: hidden;
  box-shadow: 0 5px 15px #0000;
}

.translation-wrapper.w--open {
  background-color: #fff;
}

.translation-wrapper.language {
  box-shadow: none;
  margin-top: 10px;
  margin-right: 0;
}

.translation-wrapper.language.w--open {
  border-radius: 10px;
  flex-wrap: wrap;
  align-content: flex-start;
  height: 85vh;
  padding-top: 20px;
  padding-bottom: 20px;
  right: 0;
  overflow: auto;
  box-shadow: 0 2px 5px #0003;
}

.language {
  margin-right: 10px;
  font-size: 16px;
  font-weight: 500;
  line-height: 16px;
}

.language.lang-code {
  text-transform: uppercase;
}

.language-toggle {
  color: #000;
  margin-left: 40px;
}

.language-toggle.language-button {
  flex-direction: row;
  flex: none;
  justify-content: center;
  align-items: stretch;
  margin-left: 10px;
  margin-right: 10px;
  padding: 14px;
  font-size: .875rem;
  font-weight: 400;
  line-height: 1em;
  text-decoration: none;
  transition-property: all;
  transition-duration: .3s;
  display: flex;
}

.language-toggle.language-button:hover {
  color: #2d62ff;
  background-color: #fff;
}

.image-7 {
  margin-top: -49px;
}

.info-wrap {
  justify-content: center;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.icon-i {
  height: .390625rem;
  color: inherit;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.info-txt {
  min-width: 11.5rem;
  max-width: 11.5rem;
  box-shadow: none;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  display: flex;
  position: absolute;
  top: -50%;
  transform: translate(0, -100%);
}

.info-btn {
  border: 1px solid #424242;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: .75rem;
  height: .75rem;
  transition: background-color .3s, color .3s;
  display: flex;
}

.info-btn:hover {
  color: #fafafa;
  background-color: #0f6cbd;
  border-color: #0f6cbd;
}

.info-btn:active {
  color: #fafafa;
  background-color: #115ea3;
  border-color: #115ea3;
}

.info-btn.is-hover {
  color: #fafafa;
  background-color: #0f6cbd;
  border-color: #0f6cbd;
}

.txt-bubble-wrap {
  background-color: #fff;
  border-radius: .25rem;
  padding: .375rem .75rem;
  position: static;
  box-shadow: 0 0 2px #0000001f, 0 8px 4px #00000024;
}

.caption-1 {
  font-size: .75rem;
  font-weight: 400;
  line-height: 1.33;
}

.caption-1.is-rel {
  z-index: 10;
  position: relative;
}

.popup-bubble {
  z-index: 1;
  background-color: #fff;
  border-radius: .25rem;
  width: 1.25rem;
  height: 1.25rem;
  margin-top: -.75rem;
  position: relative;
  transform: rotate(45deg);
  box-shadow: 4px 4px 4px #00000024;
}

.toggle {
  cursor: pointer;
  background-color: #d1e3f1;
  border: 1px solid #cbdbe7;
  border-radius: 40px;
  align-items: center;
  width: 70px;
  height: 40px;
  display: flex;
  position: relative;
}

.toggle-circle {
  z-index: 1;
  background-color: #fff;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  display: flex;
  position: relative;
  left: 6%;
  box-shadow: 1px 1px 5px #00000012;
}

.toggle-lottie {
  align-items: center;
  width: 22px;
  display: flex;
}

.toggle-clouds {
  width: 30px;
  position: absolute;
  inset: 8px 5px 0 auto;
}

.toggle-stars {
  width: 30px;
  position: absolute;
  inset: 8px auto 0 5px;
}

.bank-loader-1-2 {
  width: 80px;
  height: 80px;
}

.loading-bank {
  width: 100px;
  height: 100px;
}

.artificial-intelligence, .store, .simple-ai-pulse, .robot-assistant-online-manager, .finance-app, .id-authentication, .onboarding-page-1, .mortgage-loan, .bank-save, .mobile-banking, .credit-score-animation {
  width: 80px;
  height: 80px;
}

.loans {
  width: 153px;
  height: 250px;
}

.payment, .money, .insurance {
  width: 80px;
  height: 80px;
}

.error-a0e56f69-d85e-205e-04ed-e459f46825ad, .api {
  width: 100px;
  height: 80px;
}

.card-lq {
  width: 80px;
  height: 100px;
}

.complaince {
  width: 80px;
  height: 80px;
}

.credit-tracker-animation {
  width: 100px;
  height: 100px;
}

.artificial-intelligence-chatbot, .send-money {
  width: 100px;
  height: 80px;
}

.bussines {
  width: 100px;
  height: 100px;
}

.no-result-found, .accounting {
  width: 80px;
  height: 80px;
}

._2d-automated-machine {
  width: 250px;
  height: 188px;
}

.automation, .currency, .ai-brain-board, .data, .decision-timeline, .todays-performance, .dashboard--zippeo, ._3d-money-icon, .coding, .developer, .data-security, .no-access, .signature, .test, .server-database-ai-information, .power-mining-deploy, .hosting, .bank-image-floating, .merk-academy, .web-design {
  width: 80px;
  height: 80px;
}

.uxui-d, .partner {
  width: 80px;
  height: 50px;
}

.loading {
  width: 80px;
  height: 90px;
}

.events, .audit-site, .customer-support, .community-2 {
  width: 80px;
  height: 80px;
}

.about {
  width: 100px;
  height: 40px;
}

.about-us {
  width: 100px;
  height: 50px;
}

.team {
  width: 80px;
  height: 80px;
}

.enterprice {
  width: 80px;
  height: 50px;
}

.spinner-transparent, .award, .business-partnership, .news {
  width: 80px;
  height: 80px;
}

.customer-positive-review {
  width: 80px;
  height: 50px;
}

.medias, .career, .event, .contact, .customer-support-2, .community-3, .newsletter {
  width: 80px;
  height: 80px;
}

.news-2 {
  width: 80px;
  height: 60px;
}

.research, .research-2, .glossary, .video, .tv-play-icon {
  width: 80px;
  height: 80px;
}

.step-by-step-guide-01 {
  width: 80px;
  height: 60px;
}

.certificate, .read-only, .ceo-founder, .investor-prof, .clickaudit {
  width: 80px;
  height: 80px;
}

.loading-2 {
  width: 80px;
  height: 70px;
}

.newsletter-white {
  width: 250px;
  height: 250px;
}

.newsletter-2, .customer-review, .record-button {
  width: 80px;
  height: 80px;
}

.usa-flag-lottie-json-animation, .south-africa-flag-lottie-json-animation, .saudi-arabia-flag-lottie-json-animation, .flag-of-azerbaijan, .belarus-flag-lottie-json-animation, .bulgaria-flag-lottie-json-animation, .spain-flag-lottie-json-animation {
  width: 50px;
  height: 40px;
}

.spain-flag {
  width: 250px;
  height: 166px;
}

.spain-flag-lottie-json-animation-2, .czech-republic-flag-lottie-json-animation {
  width: 50px;
  height: 40px;
}

.flag, .flag-simple {
  width: 250px;
  height: 250px;
}

.qatar-world-cup-football-2022-with-wales-flag, .albania-flag-lottie-json-animation, .armenia-flag-lottie-json-animation, .china-flag-lottie-json-animation, .uk-flag-lottie-json-animation, .croatia-flag-lottie-json-animation, .denmark-flag-lottie-json-animation, .netherlands-flag-lottie-json-animation, .finland-flag-lottie-json-animation, .finland-flag-lottie-json-animation-2, .france-flag-lottie-json-animation, .germany-flag-lottie-json-animation, .greece-flag-lottie-json-animation, .isreal-flag-lottie-json-animation, .india-flag, .hungary-flag-lottie-json-animation, .iceland-flag-lottie-json-animation, .flags-indonesia, .italy-flag-lottie-json-animation, .japan-flag-lottie-json-animation, .south-korea-flag-lottie-json-animation, .latvia-flag-lottie-json-animation {
  width: 50px;
  height: 40px;
}

.portugal-flag-lottie-json-animation {
  width: 250px;
  height: 200px;
}

.react-developer-community-kenya-logo, .sweden-flag-lottie-json-animation, .thailand-flag-lottie-json-animation, .turkiye-flag-lottie-json-animation {
  width: 50px;
  height: 40px;
}

.back-video-work-together-wrapper {
  height: 1180px;
  color: var(--white);
  position: absolute;
  inset: -35% -28% auto -22%;
  overflow: hidden;
}

.heading-5 {
  color: #0b0d10;
  letter-spacing: -.05em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 80px;
  font-weight: 600;
  line-height: 80%;
}

.heading-5.diff-width {
  z-index: 20;
  width: 600px;
  line-height: 90%;
  position: relative;
}

.avatar-image-4 {
  width: 8.5px;
  max-width: none;
}

.grid-feature-text {
  letter-spacing: -.02em;
  max-width: 42rem;
  font-size: 24px;
  font-weight: 500;
  line-height: 135%;
}

.top-left-title {
  opacity: .9;
  color: #fff;
  letter-spacing: -.02em;
  padding-bottom: 3px;
  font-size: 18px;
  font-weight: 500;
}

.padding-x-2rem {
  width: 1344px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2rem;
  padding-right: 2rem;
}

.contour-image {
  width: 14px;
  height: 14px;
}

.work-together {
  background-color: #f6f6f6;
  height: 1625px;
  padding-top: 15rem;
  padding-bottom: 15rem;
  overflow: hidden;
}

.person-name-wrapper {
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: absolute;
  inset: auto auto 6px 6px;
}

.call-text {
  color: #fff;
  letter-spacing: -.02em;
  font-size: 12px;
  font-weight: 500;
}

.call-text.opacity-font {
  opacity: .8;
  padding-left: 3px;
  font-size: 10px;
  line-height: 15px;
}

.top-right-screen-content {
  z-index: 30;
  width: 181px;
  height: 102px;
  position: absolute;
  inset: 2% 1% auto auto;
}

.top-right-screen-content._3 {
  top: 48%;
}

.top-right-screen-content._2 {
  top: 25%;
}

.microphone-image {
  width: 12px;
}

.grid-heading-h3 {
  letter-spacing: -.02em;
  width: 10rem;
  margin-top: 1.25rem;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 400;
  line-height: 100%;
}

.work-together-wrapper {
  padding-left: 20rem;
  padding-right: 4rem;
  position: relative;
}

.video-call-wrapper {
  z-index: 20;
  width: 864px;
  position: absolute;
  inset: 123% auto auto 25%;
}

.bottom-icon {
  width: 20px;
}

.participants-wrapper {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  opacity: .6;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.grid {
  grid-column-gap: 7rem;
  grid-row-gap: 7rem;
  justify-content: flex-start;
  margin-top: 2.5rem;
  display: flex;
}

.icon-wrapper-2 {
  background-color: #68686a;
  border-radius: 100%;
  justify-content: center;
  width: 44px;
  height: 44px;
  display: flex;
  box-shadow: 0 4px 16px #00000059;
}

.icon-wrapper-2.red-background {
  background-color: #ff4d4d;
}

.sound-check-wrapper {
  background-color: #3d7eff;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
  position: absolute;
  inset: 7px 7px auto auto;
}

.sound-check-wrapper.muted {
  background-color: #0b0d1033;
}

.top-left-screen-content {
  padding-top: 1.25rem;
  padding-left: 1.25rem;
  position: absolute;
  inset: 0% auto auto 0%;
}

.video-call {
  border-radius: 0;
  margin-top: -26px;
}

.bottom-screen-content {
  z-index: 30;
  grid-column-gap: .875rem;
  grid-row-gap: .875rem;
  justify-content: center;
  display: flex;
  position: absolute;
  inset: auto 0% 1.5rem;
}

.grid-text {
  letter-spacing: -.02em;
  width: 204px;
  margin-top: .875rem;
  font-size: 15px;
  font-weight: 300;
  line-height: 140%;
}

.under-screen-content {
  position: absolute;
  inset: 115% 0% auto;
}

.heading-6 {
  color: #0b0d10;
  letter-spacing: -.05em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 80px;
  font-weight: 600;
  line-height: 80%;
}

.heading-6.diff-width {
  z-index: 20;
  width: 600px;
  line-height: 90%;
  position: relative;
}

.bold-text-11 {
  color: #fff;
}

.heading-7 {
  color: #0b0d10;
  letter-spacing: -.05em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.2;
}

.heading-8 {
  color: #0b0d10;
  letter-spacing: -.05em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 80px;
  font-weight: 600;
  line-height: 80%;
}

.heading-8.diff-width {
  z-index: 20;
  width: 600px;
  line-height: 90%;
  position: relative;
}

.github-task-1 {
  position: relative;
  top: 133px;
  left: 25px;
}

.heading-9 {
  color: #0b0d10;
  letter-spacing: -.05em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 80px;
  font-weight: 600;
  line-height: 80%;
}

.heading-9.diff-color {
  color: #fff;
  max-width: 42rem;
  font-weight: 500;
  line-height: 90%;
}

.github-image-1 {
  border-radius: 12px;
  position: absolute;
}

.github-task-2 {
  position: relative;
  top: 118px;
  left: 25px;
}

.github-image-2 {
  opacity: 0;
  border-radius: 12px;
  position: absolute;
}

.sync-with-github {
  z-index: 20;
  background-color: #111;
  height: 1771px;
  padding-top: 131px;
  padding-bottom: 180px;
  position: relative;
  overflow: hidden;
}

.github-image-wrapper {
  z-index: 10;
  width: 958px;
  position: absolute;
  inset: 25.5% auto auto 25%;
}

.github-features-wrapper-1 {
  grid-column-gap: 6rem;
  grid-row-gap: 6rem;
  display: flex;
}

.sync-with-github-wrapper {
  width: 100%;
  max-width: 64rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2rem;
  padding-right: 2rem;
}

.github-features {
  width: 256px;
}

.github-text-block {
  color: #95979e;
  letter-spacing: -.02em;
  margin-top: .75rem;
  font-size: 15px;
  font-weight: 300;
  line-height: 137%;
}

.back-video-sync-with-github-wrapper {
  z-index: -10;
  border-radius: .75rem;
  width: 1472px;
  height: 1056px;
  position: absolute;
  inset: 14% 0% 0% 11.5%;
}

.github-features-wrapper-2 {
  grid-column-gap: 6rem;
  grid-row-gap: 6rem;
  display: flex;
}

.github-h3 {
  color: #fff;
  letter-spacing: -.02em;
  width: 256px;
  margin-top: 1.25rem;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 400;
  line-height: 100%;
}

.github-h3.diff-width-2 {
  width: 140px;
}

.github-h3.diff-width-1 {
  width: 95px;
}

.github-row-wrapper {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  flex-flow: column;
  align-items: flex-start;
  margin-top: 52rem;
  display: flex;
}

.shadow-image-wrapper {
  width: 100%;
  max-width: 1600px;
}

.corner {
  background-color: #fff;
  border: 1.5px solid #5b86db;
  width: 8px;
  height: 8px;
  position: absolute;
  inset: -4px auto auto -4px;
}

.corner.down-left {
  inset: auto auto -4px -4px;
}

.corner.down-right {
  inset: auto -4px -4px auto;
}

.corner.up-right {
  inset: -4px -4px auto auto;
}

.link-wrapper {
  background-color: #5683da;
  border-radius: .25rem;
  justify-content: center;
  align-items: center;
  height: 1.5rem;
  display: flex;
}

.heading-ml-16rem {
  color: #0b0d10;
  letter-spacing: -.05em;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 16rem;
  font-size: 80px;
  font-weight: 600;
  line-height: 80%;
}

.bottom-menu {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  background-color: #fafafa;
  border-radius: 100px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 140px;
  margin-top: .75rem;
  padding: 5px;
  display: flex;
  box-shadow: 0 4px 10px #00000026;
}

.meta-brain-text-1 {
  color: #ffffffa6;
  font-size: 15px;
  font-weight: 300;
  line-height: 125%;
  position: absolute;
  inset: 5% 0% auto 54%;
}

.bold-wrapper {
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  margin-left: .25rem;
  padding-bottom: 2px;
  display: flex;
}

.text-span-4 {
  color: #ff8964;
  font-weight: 500;
}

.meta-brain-text-6 {
  color: #ffffffa6;
  width: 300px;
  font-size: 15px;
  font-weight: 300;
  line-height: 125%;
  position: absolute;
  inset: 8% 0% auto 5%;
}

.interactive-structure {
  padding-left: .75rem;
  padding-right: 180px;
  position: relative;
}

.blinking-line {
  background-color: #303236;
  width: 3px;
  height: 40px;
}

.pen {
  width: 18px;
  height: 18px;
}

.mark-1 {
  background-color: #303236;
  border-radius: 100%;
  width: 10px;
  height: 10px;
}

.draggable-pin {
  z-index: 20;
  cursor: grab;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 66px;
  height: 122px;
  display: flex;
  position: absolute;
  inset: 3% auto 0% 60%;
}

.draggable-pin.orange {
  top: 55%;
  left: 7.5%;
}

.subheading-ml-16rem {
  color: #4a4b50;
  letter-spacing: -.04em;
  max-width: 640px;
  margin-top: 1.25rem;
  margin-left: 16rem;
  font-size: 18px;
  line-height: 125%;
}

.bold-text-12 {
  color: #fff;
  font-weight: 500;
}

.shadow-image-2 {
  width: 768px;
  max-width: none;
  height: 699px;
  position: absolute;
  inset: auto auto 2% -2%;
}

.content-3 {
  background-image: url('../images/metabrain3-1.png');
  background-position: 0 0;
  background-size: 244px 244px;
  width: 244px;
  height: 244px;
  margin-top: 4px;
  position: relative;
}

.background-road {
  width: 550px;
  max-width: none;
  position: absolute;
  inset: -60% auto 0% -9%;
}

.shadow-image-1 {
  width: 512px;
  max-width: none;
  height: 466px;
  position: absolute;
  inset: 25% auto auto 10%;
}

.head-wrapper {
  position: relative;
}

.editor-image {
  opacity: .5;
  filter: invert();
  transition: all .2s;
}

.editor-image:hover {
  opacity: 1;
}

.marked-text {
  letter-spacing: -.04em;
  font-size: 22px;
  line-height: 137%;
  position: absolute;
}

.content-5 {
  background-image: url('../images/metabrain5-1.jpg');
  background-position: 0 0;
  background-size: 520px 232px;
  border-radius: 30px;
  outline: 4px solid #f6f6f6;
  width: 520px;
  height: 232px;
  margin-top: -250px;
  margin-left: 300px;
  position: relative;
}

.divider-editor {
  background-color: #4a4b50;
  width: 1px;
  height: 100%;
  margin-left: .75rem;
}

.underline-wrapper {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  margin-left: .25rem;
  display: flex;
}

.content-2 {
  background-image: url('../images/metabrain2-1.jpg');
  background-position: 0 0;
  background-size: 264px 250px;
  border-radius: 30px;
  outline: 4px solid #f6f6f6;
  width: 264px;
  height: 250px;
  margin-top: 4px;
  position: relative;
}

.blue-cloud-image {
  width: 90px;
}

.meta-brain-text-3 {
  color: #ffffffa6;
  width: 220px;
  font-size: 15px;
  font-weight: 300;
  line-height: 125%;
  position: absolute;
  inset: 8% 0% auto 9%;
}

.link-cross {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 10px;
  height: 10px;
  margin-left: .312rem;
  display: flex;
}

.mark-2 {
  background-color: #303236;
  border-radius: 100%;
  width: 2px;
  height: 28px;
}

.input-text-content {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border: 1px solid #5b86db;
  flex-flow: row;
  align-items: center;
  padding: 6px 8px 6px 0;
  display: flex;
  position: absolute;
  inset: 20% auto auto 30%;
}

.wrapper-2 {
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  margin-left: .5rem;
  display: flex;
}

.content-4 {
  background-image: url('../images/metabrain4-1.jpg');
  background-position: 0 0;
  background-size: 264px 250px;
  border-radius: 30px;
  outline: 4px solid #f6f6f6;
  width: 264px;
  height: 250px;
  position: relative;
}

.text-span-3 {
  color: #b0b2b7;
  text-decoration: line-through;
}

.marked-text-wrapper {
  width: 100%;
  height: 93px;
  margin-left: -7px;
  padding-left: 7px;
  position: relative;
  overflow: hidden;
}

.meta-brain-head-2 {
  color: #0b0d10;
  letter-spacing: -.05em;
  max-width: 36rem;
  margin-top: -40px;
  margin-bottom: 0;
  padding-top: 40px;
  font-size: 80px;
  font-weight: 600;
  line-height: 100%;
}

.cloud-name-2 {
  color: #fff;
  text-align: center;
  margin-top: -40px;
  font-size: 12px;
}

.placeholder-text {
  letter-spacing: -.04em;
  font-size: 40px;
  font-weight: 600;
}

.absolute-blue {
  position: absolute;
  inset: 5% auto auto -12%;
}

.bulb-wrapper {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  margin-left: .25rem;
  padding-bottom: 2px;
  display: flex;
}

.input-field {
  margin-top: 1.25rem;
  position: relative;
}

.invisible-div {
  z-index: 10;
  background-color: #f6f6f6;
  width: 500px;
  height: 90px;
  position: absolute;
  inset: 38% auto 0% 0%;
}

.moving-span {
  background-color: #f6f6f6;
  position: absolute;
  left: 90px;
}

.banner-road {
  width: 256px;
  height: 1680px;
  padding-top: 220px;
  position: relative;
}

.bold-text-13, .bold-text-14 {
  color: #fff;
  font-weight: 500;
}

.sticky-element {
  background-image: url('../images/5b06f2b8-62da-4e9c-9f58-ec895c11e270.png');
  background-position: 0 0;
  background-size: 256px;
  border-radius: .75rem;
  width: 16rem;
  height: 283px;
  position: sticky;
  inset: 340px 0 0;
  box-shadow: 0 20px 35px 5px #bec1d0;
}

.sticky-subhead {
  letter-spacing: -.04em;
  margin-top: .375rem;
  font-size: 15px;
  line-height: 137%;
}

.meta-brain-section-1 {
  padding-top: 247px;
  padding-bottom: 180px;
  position: relative;
  overflow: hidden;
}

.photo {
  width: 20px;
  height: 20px;
}

.text-block-26 {
  letter-spacing: -.04em;
  margin-top: 2.25rem;
  font-size: 22px;
  line-height: 137%;
}

.shadow-image-3 {
  width: 752px;
  max-width: none;
  height: 689px;
  position: absolute;
  inset: auto 3% 5% auto;
}

.text-editor {
  z-index: 10;
  background-color: #303236;
  border-radius: .375rem;
  justify-content: center;
  align-items: center;
  min-width: 290px;
  height: 2.5rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: .625rem;
  padding-right: .625rem;
  display: flex;
  position: absolute;
  top: -42%;
  left: 28%;
  box-shadow: 0 10px 20px #00000080;
}

.pointer-1 {
  width: 20px;
  position: absolute;
  inset: 17% auto auto 18%;
  transform: rotate(170deg);
}

.bold-text-15 {
  color: #fff;
  font-weight: 500;
}

.absolute-orange {
  width: 90px;
  position: absolute;
  inset: auto -12% 44% auto;
}

.sticly-head {
  color: #303236;
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 137%;
}

.cloud-name-1 {
  color: #fff;
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-top: -40px;
  font-size: 12px;
}

.meta-brain-text-5 {
  color: #ffffffa6;
  width: 400px;
  font-size: 15px;
  font-weight: 300;
  line-height: 125%;
  position: absolute;
  inset: 8% 0% auto 5%;
}

.meta-brain {
  background-color: #f6f6f6;
}

.bold-text-16 {
  color: #fff;
  font-weight: 500;
}

.placeholder {
  color: #b0b2b7;
  letter-spacing: -.04em;
  padding-top: 8px;
  padding-left: 13px;
  font-size: 22px;
  line-height: 137%;
}

.marked-line-1 {
  background-color: #ffeba4;
  width: 97%;
  height: 31px;
  margin-left: -7px;
  position: absolute;
}

.text-editor-section {
  justify-content: center;
  margin-top: 26px;
  position: relative;
}

.bold-text-17 {
  color: #fff;
  font-weight: 500;
}

.line-in-circle {
  background-color: #b0b2b7;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 12px;
  height: 2px;
}

.line-in-circle.rotated {
  position: absolute;
  transform: rotate(90deg);
}

.draggable-2 {
  z-index: 0;
  border: 1px solid #5683da;
  width: .125rem;
  height: 27px;
  position: relative;
}

.draggable-2.orange {
  border-color: #ff8964;
}

.content-wrapper {
  grid-column-gap: 1.125rem;
  grid-row-gap: 1.125rem;
  flex-flow: wrap;
  width: 1370px;
  margin-top: 3.5rem;
  display: flex;
}

.text-marker {
  z-index: 10;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: absolute;
  inset: -7% auto 0% -1.5%;
}

.text-marker.bottom-marker {
  inset: 0% auto auto 0%;
}

.text-marker.left-marker {
  height: 38px;
}

.text-marker.right-marker {
  height: 38px;
  top: 0%;
  left: 26%;
  transform: none;
}

.bottom-content {
  background-color: #fff;
  border-bottom-right-radius: .75rem;
  border-bottom-left-radius: .75rem;
  height: 115px;
  padding: 1rem 1.125rem 1.75rem;
  position: absolute;
  inset: auto 0% 0%;
}

.bulb-image {
  opacity: .5;
  filter: invert();
}

.crossline-wrapper {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  margin-left: .25rem;
  padding-bottom: 3px;
  display: flex;
}

.marked-line-3 {
  background-color: #ffeba4;
  width: 46%;
  height: 31px;
  margin-left: -7px;
  position: absolute;
  top: 62px;
}

.meta-brain-text-2 {
  color: #ffffffa6;
  width: 200px;
  font-size: 15px;
  font-weight: 300;
  line-height: 125%;
  position: absolute;
  inset: 57% 0% auto 5.5%;
}

.section-1-wrapper {
  z-index: 10;
  width: 100%;
  max-width: 1408px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2rem;
  padding-right: 2rem;
  position: relative;
}

.div-block-83 {
  opacity: .5;
  background-color: #fff;
  width: 10px;
  height: 2px;
}

.italic-wrapper {
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  margin-left: .25rem;
  padding-bottom: 2px;
  display: flex;
}

.content-1 {
  background-image: url('../images/metabrain1-1.png');
  background-position: 0 0;
  background-size: 534px 508px;
  width: 534px;
  height: 508px;
  position: relative;
}

.div-block-84 {
  opacity: .5;
  background-color: #fff;
  width: 2px;
  height: 10px;
  margin-left: -6px;
}

.section-2-wrapper {
  grid-column-gap: 181px;
  grid-row-gap: 181px;
  justify-content: flex-start;
  width: 100%;
  max-width: 1408px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2rem;
  padding-right: 2rem;
  display: flex;
  position: relative;
}

.link-text {
  color: #fff;
  letter-spacing: -.02em;
  border-radius: .25rem;
  justify-content: center;
  align-items: center;
  padding-left: .5rem;
  padding-right: .625rem;
  display: flex;
}

.image-8 {
  opacity: .5;
  filter: invert();
}

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

.marked-line-2 {
  background-color: #ffeba4;
  width: 96%;
  height: 31px;
  margin-left: -7px;
  position: absolute;
  top: 31px;
}

.meta-brain-text-4 {
  color: #ffffffa6;
  width: 220px;
  font-size: 15px;
  font-weight: 300;
  line-height: 125%;
  position: absolute;
  inset: 8% 0% auto 9%;
}

.meta-brain-subhead-2 {
  letter-spacing: -.04em;
  margin-top: 2.5rem;
  font-size: 22px;
  line-height: 137%;
}

.draggable-3 {
  z-index: 0;
  background-color: #5683da;
  border: 1px solid #5683da;
  border-radius: 100%;
  width: .625rem;
  height: .625rem;
  position: relative;
}

.draggable-3.orange {
  background-color: #ff8964;
  border-color: #ff8964;
}

.content-6 {
  background-image: url('../images/metabrain6-1.jpg');
  background-position: 0 0;
  background-size: 422px 232px;
  border-radius: 30px;
  outline: 4px solid #f6f6f6;
  width: 422px;
  height: 232px;
  margin-top: -250px;
  position: relative;
}

.big-image-1 {
  border-radius: 10px;
  width: 706px;
  max-width: none;
  height: auto;
  margin-top: 2.25rem;
}

.circle-menu {
  border-radius: 100px;
  width: 40px;
  height: 40px;
}

.circle-menu._02 {
  background-color: #efeff0;
  justify-content: center;
  align-items: center;
  display: flex;
}

.circle-menu._01 {
  background-color: #303236;
  justify-content: center;
  align-items: center;
  display: flex;
}

.circle-menu._03 {
  background-color: #efeff0;
  justify-content: center;
  align-items: center;
  display: flex;
}

.pointer-2 {
  width: 20px;
  position: absolute;
  inset: auto 18% 52% auto;
  transform: rotate(10deg);
}

.big-image-2 {
  border-radius: 10px;
  width: 706px;
  max-width: none;
  height: auto;
  margin-top: 22px;
}

.draggable-1 {
  z-index: 10;
  background-image: url('../images/pin-image-1_1pin-image-1.jpg');
  background-position: 50%;
  background-size: 66px 66px;
  border: 2px solid #5683da;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 66px;
  height: 66px;
  position: relative;
  box-shadow: 0 6px 25px #00000080;
}

.draggable-1.orange {
  background-image: url('../images/orange-pin-image.5c9a9e65_1orange-pin-image.5c9a9e65.jpg');
  border-color: #ff8964;
}

.meta-brain-section-2 {
  padding-top: 50px;
  padding-bottom: 247px;
  position: relative;
}

.middle-text {
  letter-spacing: -.04em;
  width: 98%;
  margin-top: -2rem;
  padding-top: 68px;
  padding-bottom: .75rem;
  font-size: 22px;
  line-height: 137%;
  position: relative;
}

.icon-5, .icon-6, .icon-7, .icon-8, .icon-9, .icon-10, .icon-11, .icon-12, .icon-13, .icon-14, .icon-15, .icon-16, .icon-17, .icon-18, .icon-19, .icon-20, .icon-21, .icon-22 {
  width: 80px;
  height: 80px;
}

.icon-23 {
  width: 50px;
  height: 50px;
}

.icon-24 {
  width: 40px;
  height: 40px;
}

.icon-25, .icon-26, .icon-27 {
  width: 50px;
  height: 50px;
}

.icon-28, .icon-29, .icon-30, .icon-31, .icon-32, .icon-33, .icon-34, .icon-35, .icon-36, .icon-37, .icon-38, .icon-39, .icon-40, .icon-41, .icon-42, .icon-43, .icon-44, .icon-45, .icon-46, .icon-47, .icon-48, .icon-49, .icon-50, .icon-51, .icon-52, .icon-53, .icon-54, .icon-55, .icon-56, .icon-57, .icon-58, .icon-59, .icon-60, .icon-61, .icon-62, .icon-63, .icon-64, .icon-65, .icon-66, .icon-67, .icon-68, .icon-69, .icon-70, .icon-71, .icon-72, .icon-73, .icon-74, .icon-75, .icon-76, .icon-77, .icon-78, .icon-79, .icon-80, .icon-81, .icon-82, .icon-83, .icon-84, .icon-85, .icon-86, .icon-87 {
  width: 80px;
  height: 80px;
}

.heading-10 {
  color: #0b0d10;
  letter-spacing: -.05em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 80px;
  font-weight: 600;
  line-height: 80%;
}

.heading-10.diff-width {
  z-index: 20;
  width: 600px;
  line-height: 90%;
  position: relative;
}

.icon-embed-xsmall {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
}

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

.header3_lightbox {
  z-index: 1;
  aspect-ratio: 1;
  object-fit: contain;
  border-radius: 1.5rem;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
  position: relative;
  overflow: hidden;
}

.text-size-small {
  opacity: .7;
  font-size: .875rem;
}

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

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

.header3_content {
  grid-column-gap: 5rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

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

.padding-section-large.padding-custom1 {
  padding-top: 9rem;
}

.padding-global {
  margin-top: -253px;
  margin-bottom: 48px;
  padding-left: 5%;
  padding-right: 5%;
}

.heading-style-display {
  font-size: 2.575rem;
  font-weight: 500;
  line-height: 1.2;
}

.btn-txt-container {
  z-index: 5;
  height: 1.5rem;
  position: relative;
  overflow: hidden;
}

.text-size-large {
  margin-bottom: 28px;
  font-size: 1.25rem;
}

.button-2 {
  color: #fff;
  text-align: center;
  background-color: #000;
  border: 1px solid #000;
  border-radius: .5rem;
  padding: .75rem 1.5rem;
  text-decoration: none;
  transition: background-color .2s;
}

.button-2.is-link {
  color: #000;
  background-color: #0000;
  border-style: none;
  padding: .25rem 0;
  line-height: 1;
  text-decoration: none;
}

.button-2.is-link.is-icon {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
}

.button-2.c-08 {
  border-radius: .4rem;
  justify-content: center;
  align-items: center;
  transition: background-color .5s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.button-2.c-08:hover {
  background-color: #222;
}

.button-group-6 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.btn-txt {
  position: relative;
}

.text-block-27, .text-block-28, .text-block-29 {
  color: #fff;
}

.button-primary-13 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff;
  text-align: center;
  letter-spacing: -.02em;
  background-color: #6173e5;
  border-radius: 99px;
  flex-direction: row;
  flex: none;
  justify-content: center;
  align-items: center;
  padding: 12px 32px;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  display: flex;
}

.paragraph-small-144 {
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 1.8;
}

.paragraph-large-19 {
  color: var(--white);
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-family: Plusjakartadisplay, sans-serif;
  font-size: 18px;
  line-height: 1.8;
}

.icon-small-8 {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  display: flex;
}

.container-large-73 {
  width: 100%;
  max-width: 1240px;
  margin-top: -94px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.header-section-s-2 {
  background-image: url('../images/694ef4f8e8e6301f08b31342_blog-section.avif');
  background-position: 50%;
  background-size: cover;
  margin-top: -20px;
  padding: 124px 5% 0;
  position: relative;
}

.footer_terms-text {
  color: #fff;
  text-align: left;
  text-decoration: none;
  transition: all .4s;
}

.footer_terms-text:hover {
  color: #fff;
}

.footer_card-fourth {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  transition: all .4s;
  display: flex;
}

.footer_text {
  color: #fff;
  cursor: pointer;
  margin-bottom: 5px;
  transition: all .5s;
}

.footer_text:hover {
  color: #fff;
}

.footer_line-div {
  border: 1px solid #fff;
  width: 100%;
  margin-bottom: 10px;
}

.padding-global-2 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.footer_text-head {
  color: #fff;
  margin-bottom: 20px;
  font-size: 1.2rem;
  font-weight: 500;
}

.footer_text-detail {
  flex-flow: column;
  width: 100%;
  margin-bottom: 10px;
  display: flex;
}

.list {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  color: #a7a7a7;
  align-items: flex-start;
  display: flex;
}

.footer_button-two {
  text-align: center;
  background-color: #3898ec00;
  border: 1px solid #fff;
  border-radius: 5px;
  width: 100%;
  transition: all .2s;
}

.footer_button-two:hover {
  background-color: #5555558f;
}

.footer_social {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  align-items: flex-end;
  display: flex;
}

.footer_scoial-info {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  align-items: flex-end;
  display: none;
}

.footer_grid {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  width: 100%;
  margin-bottom: 20px;
}

.footer_social-link {
  transition: all .3s;
}

.footer_social-link:hover {
  transform: scale(1.05);
}

.footer_info {
  z-index: 5;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 10px;
  display: flex;
  position: relative;
}

.footer_logo-text {
  color: #fff;
  font-size: 2rem;
  text-decoration: none;
}

.footer_card-one {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 500px;
  padding: 20px;
  display: flex;
}

.footer_wrap {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1249px;
  display: flex;
}

.footer_button-one {
  color: #000;
  text-align: center;
  background-color: #c9c9c9;
  border-radius: 5px;
  width: 100%;
  transition: all .2s;
}

.footer_button-one:hover {
  background-color: #f8f8f8;
}

.footer_wrapper {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  padding-bottom: 40px;
  display: flex;
}

.footer_terms {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: row;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.footer_logo {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.footer_card-heading {
  color: #f6f5f3;
  font-size: 1.5rem;
  font-weight: 500;
  text-decoration: none;
  transition-property: all;
  transition-duration: .4s;
  transition-timing-function: ease;
}

.footer_social-icon {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.text-block-30 {
  color: var(--white);
  font-size: 24px;
}

.h2-heading-58px-4 {
  color: var(--primary-blue);
  font-size: 24px;
}

.brand-title {
  color: var(--slate-blue);
  font-weight: 500;
}

.brand-content-wrapper {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.div-block {
  background-color: #41175e;
  border-radius: 100px;
  width: 6px;
  height: 6px;
}

.brand-section {
  background-image: url('../images/line-wrapper-1.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  margin-top: 35px;
  padding: 40px 16px 60px;
}

.container-2 {
  z-index: 5;
  width: 100%;
  max-width: 1296px;
  position: relative;
}

.brand-label {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: var(--slate-blue);
  align-items: center;
  display: flex;
}

.brand-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  place-items: center;
  width: 100%;
  display: grid;
}

.heading-11 {
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-size: 56px;
  font-weight: 500;
  line-height: 1.1;
}

.layout-metrics {
  grid-row-gap: 64px;
  text-align: center;
  flex-direction: column;
  display: flex;
}

.container-3 {
  width: 90%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.layout-text-wrapper {
  grid-row-gap: 10px;
  flex-direction: column;
  display: flex;
}

.bg-gradient {
  z-index: -1;
  position: absolute;
  inset: -50% auto auto -35%;
}

.bg-gradient.right {
  top: -30%;
  left: auto;
  right: -25%;
}

.section {
  padding-top: 96px;
  padding-bottom: 96px;
  position: relative;
}

.section.metrics {
  background-image: radial-gradient(circle at 0%, #0f0f0f, #0000 21%), radial-gradient(circle at 90%, #0e0e0e, #0000 18%);
}

.layout-list-item {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  background-color: #ffffff0f;
  background-image: url('../images/background-pattern-2-.svg');
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: 12px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1px 1fr 1px 1fr 1px 1fr;
  width: 100%;
  padding: 64px 32px;
}

.vertical-divider {
  background-color: #3b3b3b;
  border-radius: 12px;
  width: 1px;
  height: 100%;
}

.paragraph-2 {
  color: #b3b3b3;
  font-size: 16px;
  line-height: 1.6;
}

.heading-12 {
  color: var(--white);
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-size: 56px;
  font-weight: 500;
  line-height: 1.1;
}

.container-4 {
  width: 90%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.bold-text-18, .bold-text-19, .bold-text-20 {
  color: var(--slate-blue);
}

.tabs {
  max-width: 1100px;
}

.code-embed-7 {
  background-image: url('../images/6821f9f97784876a58976c39_team-card-bg-techvoice-webflow-template.jpg');
  background-position: 50%;
  background-size: cover;
  margin-top: 0;
}

.h1-heading-26 {
  color: #000;
  letter-spacing: -.04em;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.15;
}

.no-credit-card-text-3 {
  color: #090808;
  letter-spacing: -.01em;
  font-family: Plusjakartadisplay, sans-serif;
  font-size: 18px;
  line-height: 156%;
}

.button-primary-14 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff;
  text-align: center;
  letter-spacing: -.02em;
  background-color: #6173e5;
  border-radius: 99px;
  flex-direction: row;
  flex: none;
  justify-content: center;
  align-items: center;
  padding: 12px 32px;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  display: flex;
}

.paragraph-small-145 {
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 1.8;
}

.paragraph-large-20 {
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 1.8;
}

.icon-small-9 {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  display: flex;
}

.container-large-74 {
  width: 100%;
  max-width: 1240px;
  margin-top: -94px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.header-section-s-3 {
  background-image: url('../images/694ef4f8e8e6301f08b31342_blog-section.avif');
  background-position: 50%;
  background-size: cover;
  padding: 124px 5% 0;
  position: relative;
}

.h1-heading-27 {
  color: #000;
  letter-spacing: -.04em;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.15;
}

.paragraph-small-146 {
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 1.8;
}

.paragraph-large-21 {
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 1.8;
}

.icon-small-10 {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  display: flex;
}

.container-large-75 {
  width: 100%;
  max-width: 1240px;
  margin-top: -94px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.header-section-s-4 {
  background-image: url('../images/68effd8aa1774af625b5a552_hero-bg.avif');
  background-position: 50%;
  background-size: cover;
  padding: 124px 5% 0;
  position: relative;
}

.paragraph-small-147 {
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 1.8;
}

.paragraph-large-22 {
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 1.8;
}

.icon-small-11 {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  display: flex;
}

.container-large-76 {
  width: 100%;
  max-width: 1240px;
  margin-top: -94px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.header-section-s-5 {
  background-image: url('../images/6821f9f97784876a58976c39_team-card-bg-techvoice-webflow-template.jpg');
  background-position: 50%;
  background-size: cover;
  padding: 20px 5%;
  position: relative;
}

.paragraph-small-148 {
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 1.8;
}

.paragraph-large-23 {
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 1.8;
}

.icon-small-12 {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  display: flex;
}

.container-large-77 {
  width: 100%;
  max-width: 1240px;
  margin-top: -94px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.header-section-s-6 {
  background-image: url('../images/68af46e5482bb64f385213da_home-v1-hero-bg-3-cloudwhisper-webflow-template.avif');
  background-position: 50%;
  background-size: cover;
  padding: 124px 5% 0;
  position: relative;
}

.paragraph-small-149 {
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 1.8;
}

.paragraph-large-24 {
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 1.8;
}

.icon-small-13 {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  display: flex;
}

.container-large-78 {
  width: 100%;
  max-width: 1240px;
  margin-top: -94px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.header-section-s-7 {
  background-image: url('../images/69b12671422a5f9268c76fcb_light.png');
  background-position: 50%;
  background-size: cover;
  padding: 124px 5% 0;
  position: relative;
}

.paragraph-small-150 {
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 1.8;
}

.paragraph-large-25 {
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 1.8;
}

.icon-small-14 {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  display: flex;
}

.container-large-79 {
  width: 100%;
  max-width: 1240px;
  margin-top: -94px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.header-section-s-8 {
  background-image: url('../images/6821f9f97784876a58976c39_team-card-bg-techvoice-webflow-template.jpg');
  background-position: 50%;
  background-size: cover;
  padding: 124px 5% 0;
  position: relative;
}

.paragraph-small-151 {
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 1.8;
}

.paragraph-large-26 {
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 1.8;
}

.icon-small-15 {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  display: flex;
}

.container-large-80 {
  width: 100%;
  max-width: 1240px;
  margin-top: -94px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.header-section-s-9 {
  background-image: url('../images/69d989be94e3ea79dcff7d6a_gradient.avif');
  background-position: 50%;
  background-size: cover;
  padding: 124px 5% 0;
  position: relative;
}

.icon-89 {
  width: 50px;
  height: 50px;
}

.icon-90 {
  width: 40px;
  height: 40px;
}

.icon-91, .icon-92, .icon-93 {
  width: 50px;
  height: 50px;
}

.navbar_dropdown-list-column-title-2 {
  color: #757575;
  text-transform: uppercase;
  margin-bottom: 1.5rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: .75rem;
}

.icon-94 {
  width: 50px;
  height: 50px;
}

.icon-95 {
  width: 40px;
  height: 40px;
}

.icon-96, .icon-97, .icon-98 {
  width: 50px;
  height: 50px;
}

@media screen and (min-width: 1280px) {
  .customer-slider-right-arrow.position-at-the-end {
    right: -30px;
  }

  .integration-hero-item._2 {
    right: 0%;
  }

  .integration-hero-item._5 {
    left: 0%;
  }

  .toggle-save-container {
    right: -135px;
  }

  .pricing-plan-grid-item {
    padding-left: 32px;
    padding-right: 32px;
  }

  .navigation-buttons {
    margin-left: 88px;
  }

  .navigation-menu {
    margin-left: -33px;
  }

  .navigation-dropdown-toggle {
    padding-left: 5px;
    padding-right: 5px;
  }

  .navbar_dropdown-list-link {
    border-radius: 0;
  }

  .navbar_nav-link {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
    font-size: clamp(.875rem, 1.1vw, 1rem);
  }

  .navbar_nav-link.cc-button-mobile {
    text-align: left;
    display: block;
  }

  .navbar_link-group.cc-2 {
    padding-top: 20px;
  }

  .navbar_cta {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  }

  .navbar_main-container {
    background-image: url('../images/68b0a558a4d9943de708cc1b_home-v2-hero-bg-1-cloudwhisper-webflow-template.avif');
    background-position: 50%;
    background-size: cover;
  }

  .image-7 {
    margin-top: -54px;
  }
}

@media screen and (min-width: 1440px) {
  .customer-slider-right-arrow.position-at-the-end {
    right: -20px;
  }

  .home-2-highlight-image {
    right: 60px;
  }

  .navbar_dropdown-inner-list-item:hover {
    background-image: url('../images/68af46e605db8ef3c9a215d4_home-v1-hero-bg-2-cloudwhisper-webflow-template.avif');
    background-position: 50%;
    background-size: cover;
    border: 0 solid #5f2bf0;
    border-radius: 2px;
  }

  .navbar_dropdown-list-column-title, .navbar_dropdown {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  }

  .navbar_dropdown-list-content-wrapper {
    background-color: #fff;
    background-image: url('../images/68b0a558a4d9943de708cc1b_home-v2-hero-bg-1-cloudwhisper-webflow-template.avif');
    background-position: 50%;
    background-size: cover;
  }

  .navbar_dropdown-list-link-name {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
    font-size: clamp(.875rem, 1.1vw, 1rem);
    line-height: 1.2;
  }

  .navbar_dropdown-list-link {
    border-radius: 0;
  }

  .navbar-2 {
    background-image: url('../images/68b0a558a4d9943de708cc1b_home-v2-hero-bg-1-cloudwhisper-webflow-template.avif');
    background-position: 50%;
    background-size: cover;
  }

  .navbar_nav-link {
    font-size: clamp(.875rem, 1.1vw, 1rem);
  }

  .navbar_link-list-item {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
    font-size: 14px;
    line-height: 20%;
  }

  .navbar_dropdown-list-link-description {
    color: #5a5a5a;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
    font-size: clamp(.875rem, 1.1vw, 1rem);
  }

  .navbar_main-container {
    background-image: none;
  }

  .notranslate {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
    font-size: 14px;
    line-height: 20%;
  }

  .language-toggle.language-button {
    margin-left: 0;
    margin-right: 0;
    padding: 1.5rem 0;
    font-size: clamp(.875rem, 1.1vw, 1rem);
    line-height: 1.2;
    display: inline-block;
  }

  .image-7 {
    margin-top: -48px;
  }

  .no-result-found, .accounting {
    width: 80px;
    height: 80px;
  }

  ._2d-automated-machine {
    width: 100px;
    height: 80px;
  }

  .automation, .currency {
    width: 80px;
    height: 80px;
  }

  .ai-brain-board {
    width: 80px;
    height: 100px;
  }

  .data, .decision-timeline, .todays-performance, .dashboard--zippeo, ._3d-money-icon {
    width: 80px;
    height: 80px;
  }

  .coding {
    width: 80px;
    height: 100px;
  }

  .developer, .data-security, .no-access, .signature, .test {
    width: 80px;
    height: 80px;
  }

  .navbar_dropdown-list-column-title-2 {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  }
}

@media screen and (min-width: 1920px) {
  .navbar_dropdown-list-column-title {
    color: var(--dark);
  }

  .navbar_dropdown-list-link {
    border-radius: 0;
  }

  .navbar-2 {
    background-image: url('../images/68b0a558a4d9943de708cc1b_home-v2-hero-bg-1-cloudwhisper-webflow-template.avif');
    background-position: 50%;
    background-size: cover;
  }

  .navbar_nav-link.cc-button-mobile {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
    font-size: clamp(.875rem, 1.1vw, 1rem);
  }

  .navbar_cta {
    line-height: 120%;
  }

  .navbar_link-list-item {
    margin-bottom: 0;
  }

  .navbar_main-container {
    background-image: none;
  }

  .google-icons {
    font-size: clamp(.875rem, 1.1vw, 1rem);
    line-height: 1.2rem;
  }

  .image-7 {
    margin-top: -50px;
  }

  .navbar_dropdown-list-column-title-2 {
    color: #050038;
  }
}

@media screen and (max-width: 991px) {
  h1 {
    font-size: 60px;
    line-height: 110%;
  }

  h2 {
    font-size: 50px;
    line-height: 100%;
  }

  h3 {
    font-size: 45px;
    line-height: 100%;
  }

  h4, h5, h6 {
    line-height: 100%;
  }

  li {
    font-size: 20px;
  }

  .wrapper-1160px {
    flex-direction: column;
    max-width: 600px;
  }

  .wrapper-1160px.navbar-wrapper {
    flex-direction: row;
    padding-top: 10px;
    padding-bottom: 10px;
    position: static;
  }

  .wrapper-1160px.home-discover-flex {
    flex-direction: column-reverse;
  }

  .wrapper-1160px.industry-expert-flex {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    flex-direction: column-reverse;
  }

  .wrapper-1160px.app-integration-flex {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
  }

  .wrapper-1160px.best-people-flex {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    padding-top: 150px;
    padding-bottom: 150px;
  }

  .wrapper-1160px.blog-details-summary-flex {
    flex-direction: column-reverse;
    max-width: none;
    margin-bottom: 50px;
  }

  .wrapper-1160px.contact-hero-flex {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    align-items: center;
  }

  .wrapper-1160px.feature-hero-flex {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    padding-top: 60px;
  }

  .wrapper-1160px.creative-freedom-flex {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    flex-direction: column-reverse;
  }

  .wrapper-1160px.seach-result-flex {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .wrapper-1160px.home-3-testimonial-flex {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
  }

  .wrapper-1160px.home-3-discover-blue-flex {
    flex-direction: column-reverse;
  }

  .wrapper-1160px.home-3-integration-flex {
    padding-top: 60px;
  }

  .wrapper-1160px.home-3-customer-flex {
    padding-bottom: 160px;
  }

  .wrapper-1160px.home-3-contact-flex {
    align-items: center;
  }

  .wrapper-1160px.reviews-hero-flex {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
  }

  .wrapper-1160px.reviews-customer-flex {
    padding-top: 150px;
    padding-bottom: 150px;
  }

  .wrapper-1160px.demo-hero-flex {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
  }

  .wrapper-1160px.customer-flex-180px {
    padding-top: 150px;
    padding-bottom: 150px;
  }

  .wrapper-1160px.creative-freedom-flex-180px {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    padding-top: 150px;
  }

  .wrapper-1160px.careers-hero-flex {
    padding-top: 80px;
  }

  .wrapper-1160px.careers-opening-flex {
    align-items: center;
  }

  .wrapper-1160px.home-2-cta-section {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    align-items: center;
  }

  .wrapper-1160px.pricing-2-hero-flex {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
  }

  .wrapper-1160px.pricing-2-customer-flex {
    grid-column-gap: 160px;
    grid-row-gap: 160px;
  }

  .wrapper-1160px.about-3-hero-flex {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .wrapper-1160px.about-2-hero-flex {
    align-items: center;
    padding-top: 120px;
  }

  .wrapper-1160px.about-2-creative-talent-flex {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .wrapper-1160px.about-2-people-flex {
    padding-top: 150px;
    padding-bottom: 50px;
  }

  .wrapper-1160px.about-2-team-flex, .wrapper-1160px.home-2-analysis-flex {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    align-items: center;
  }

  .wrapper-1160px.home-2-feature-flex {
    max-width: 700px;
    padding-top: 150px;
  }

  .wrapper-1160px.home-2-spotlight-flex {
    padding-top: 150px;
    padding-bottom: 250px;
  }

  .wrapper-1160px.home-2-hero-flex {
    grid-column-gap: 100px;
    grid-row-gap: 100px;
    align-items: center;
    padding-top: 70px;
  }

  .wrapper-1160px.about-2-discover-flex {
    padding-bottom: 150px;
  }

  .wrapper-1160px.overview-hero-flex {
    padding-top: 80px;
  }

  .wrapper-1160px.overview-page-item-flex {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .image-container {
    width: 100%;
  }

  .image-container.product-hero {
    width: 100%;
    margin-top: 50px;
    margin-left: auto;
    margin-right: auto;
  }

  .wrapper.instruction-wrapper {
    width: 90%;
  }

  .reference-wrapper {
    width: 80%;
  }

  .reference-wrapper.updates {
    flex-direction: column;
  }

  .nav-button.in-menu {
    display: none;
  }

  .purple-text-span {
    padding-top: 4px;
    padding-bottom: 4px;
  }

  .hero-button-container {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .navbar-button-container {
    margin-left: auto;
    margin-right: 2px;
  }

  .round-hero-brand {
    width: 35%;
  }

  .nav-link {
    width: 90%;
    margin-bottom: 10px;
    padding-left: 0;
    font-weight: 500;
  }

  .nav-link.white {
    color: var(--dark);
  }

  .nav-link.in-menu {
    width: 100%;
  }

  .nav-link.hide {
    display: none;
  }

  .home-hero-item.right-with-arrow {
    width: 70px;
    bottom: 0%;
    right: 10%;
  }

  .home-hero-item.chart {
    width: 50px;
    bottom: 20%;
    left: 10%;
  }

  .home-hero-item.pencil {
    width: 55px;
    top: 5%;
    left: -5%;
  }

  .home-hero-item.purple-profile {
    width: 50px;
    bottom: -5%;
  }

  .home-hero-item.bulb {
    width: 55px;
    bottom: 25%;
    right: 0%;
  }

  .home-hero-item.red-profile {
    width: 40px;
    top: -5%;
  }

  .home-logo-grid {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .red-text-span {
    padding-top: 4px;
    padding-bottom: 8px;
  }

  .home-feature-spotlight-grid {
    grid-template-columns: 1fr 1fr;
  }

  .home-hero-spotlight-wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }

  .home-discover-image-container {
    width: 90%;
  }

  .home-discover-text-container {
    width: 100%;
    margin-top: 80px;
  }

  .home-cta-hero-heading {
    font-size: 60px;
    line-height: 110%;
  }

  .home-cta-hero-image {
    width: 30%;
  }

  .home-hero-item-image-1 {
    width: 45%;
  }

  .industry-expert-text-container {
    width: 100%;
  }

  .industry-expert-image-container {
    width: 90%;
  }

  .app-integration-text-container {
    width: 100%;
  }

  .app-integration-image-container {
    width: 90%;
  }

  .business-growth-container-1 {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    flex-direction: column;
  }

  .business-growth-container-2 {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    flex-direction: column-reverse;
  }

  .business-growth-1-img-container, .business-growth-1-text-container {
    width: 100%;
  }

  .business-growth-large-text {
    font-size: 45px;
  }

  .customer-slider-right-arrow.position-at-the-end {
    right: 15px;
  }

  .home-integration-upper-wrapper {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-direction: column;
    align-items: center;
  }

  .home-integration-text-wrap {
    width: 100%;
  }

  .home-integration-bottom-wrap {
    flex-direction: column;
    align-items: center;
  }

  .home-integration-item-wrap {
    width: 100%;
  }

  .hm-dark-blue-para {
    line-height: 110%;
  }

  .hm-yellow-item-hero-image {
    width: 50%;
  }

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

  .footer-upper-container {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    flex-direction: column;
  }

  .footer-left-container, .footer-right-container {
    width: 100%;
  }

  .footer-right-grid {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
  }

  .menu-button {
    padding: 10px;
  }

  .menu-button.w--open {
    background-color: var(--primary-blue);
  }

  .nav-menu {
    z-index: 111;
    background-color: var(--white);
    padding-top: 20px;
    padding-bottom: 40px;
    box-shadow: 0 100px 100px #0000000a;
  }

  .creative-talent-section {
    padding-bottom: 100px;
  }

  .crative-talent-map-wrapper {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .creative-talent-office-wrapper {
    flex-direction: column;
  }

  .creative-talent-office-item {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .creative-talent-office-image {
    margin-bottom: 10px;
  }

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

  .about-hero-upper-container {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-direction: column-reverse;
  }

  .about-hero-upper-img-wrap, .about-hero-upper-text-wrap {
    width: 100%;
  }

  .about-numbers-grid {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    grid-template-columns: 1fr 1fr 1fr;
    justify-content: center;
  }

  .best-people-left-container, .best-people-right-container {
    width: 100%;
  }

  .about-ventures-tabs-menu {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .about-ventures-tab-wrapper {
    flex-direction: column;
    align-items: center;
  }

  .about-ventures-tab-text-wrap {
    margin: 50px 0 60px;
  }

  .about-ventures-tab-funding-wrap {
    border-top: 1px solid #000;
    border-left-width: 0;
    width: 100%;
    max-width: none;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .faq-content {
    padding-bottom: 24px;
  }

  .faq-card {
    max-width: none;
  }

  .faqs-wrapper {
    width: 100%;
    padding-top: 0;
  }

  .comparison-table {
    position: relative;
  }

  .price-grid-text, .pricing-headings {
    font-size: 20px;
  }

  .pricing-headings.small {
    font-size: 18px;
  }

  .pricing-row-contain {
    flex-direction: column;
    padding: 30px 5px;
  }

  .pricing-row-contain.off-white {
    z-index: 10;
    flex-direction: column;
    padding-left: 5px;
    position: sticky;
    top: 0;
  }

  .price-grid-contain {
    grid-auto-columns: .25fr;
    grid-auto-flow: row;
    width: 100%;
  }

  .headings {
    justify-content: center;
    width: 100%;
    margin-bottom: 20px;
    display: flex;
  }

  .pricing-hero-grid {
    grid-row-gap: 80px;
    grid-template-columns: 1fr 1fr;
  }

  .pricing-grid-item-upper, .pricing-grid-item-bottom {
    padding-left: 20px;
    padding-right: 20px;
  }

  .pricing-grid-item-price {
    font-size: 60px;
  }

  .custom-pricing-container {
    flex-direction: column;
    align-items: center;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 40px;
  }

  .custom-pricing-sub-container {
    width: 100%;
    max-width: 500px;
    padding-bottom: 30px;
  }

  .custom-pricing-heading-large {
    margin-bottom: 60px;
    font-size: 50px;
  }

  .customer-grid-pointer-container {
    width: 100%;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .pricing-testimonial-yellow-box, .pricing-testimonial-purple-box {
    width: 100%;
  }

  .blog-hero-item-hero-image {
    object-fit: cover;
    max-height: 400px;
  }

  .blog-collection-list {
    grid-template-columns: 1fr;
    place-content: center;
    place-items: center;
  }

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

  .newsletter-blue-bg._1 {
    object-position: 100% 50%;
  }

  .blog-slider-image {
    max-height: 400px;
  }

  .blog-slider-text-wrapper {
    margin-bottom: 70px;
  }

  .blog-details-hero-section {
    padding-top: 320px;
  }

  .blog-details-hero-text-container {
    width: 90%;
    padding-left: 30px;
    padding-right: 30px;
  }

  .blog-details-hero-heading {
    font-size: 45px;
  }

  .blog-details-social-left-wrapper {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    flex-direction: row;
    max-width: none;
    margin-top: 0;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
    top: 0;
  }

  .rich-text {
    padding: 50px 20px;
  }

  .rich-text p {
    font-size: 20px;
  }

  .rich-text blockquote {
    margin-top: 50px;
    margin-bottom: 50px;
    padding-left: 30px;
    padding-right: 30px;
    font-size: 22px;
  }

  .blog-details-author-container {
    padding-left: 40px;
    padding-right: 40px;
  }

  .related-blog-collection-list {
    grid-template-columns: 1fr;
    place-items: center;
  }

  .pricing-testimonial-box-flex {
    flex-direction: column;
    align-items: center;
  }

  .integration-hero-card-container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .integration-collection-list {
    grid-template-columns: 1fr;
    place-content: center;
    place-items: center;
  }

  .request-integration-container {
    padding: 30px 20px;
  }

  .request-integration-heading {
    font-size: 35px;
  }

  .integration-hero-item._1 {
    width: 50px;
    left: 25%;
  }

  .integration-hero-item._2 {
    width: 75px;
    left: 0%;
    right: auto;
  }

  .integration-hero-item._3 {
    width: 60px;
    left: 25%;
  }

  .integration-hero-item._4 {
    width: 60px;
    right: 10%;
  }

  .integration-hero-item._5 {
    width: 55px;
    left: auto;
    right: 0%;
  }

  .integration-hero-item._6 {
    width: 80px;
  }

  .integration-3-card-container.left {
    left: -10%;
  }

  .integration-3-card-container.right {
    right: -10%;
  }

  .contact-hero-text-container, .contact-hero-form-container {
    width: 100%;
  }

  .contact-answer-grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .contact-answer-grid-item {
    padding-left: 30px;
    padding-right: 30px;
  }

  .contact-answer-item-heading {
    font-size: 30px;
  }

  .contact-answer-item-para {
    font-size: 20px;
  }

  .contact-answer-itemtext-wrap {
    margin-bottom: 50px;
  }

  .blue-background-large {
    object-position: 0% 50%;
  }

  .log-in-section {
    padding-top: 110px;
    padding-bottom: 110px;
  }

  .log-in-blue-large-bg {
    object-position: 0% 50%;
  }

  ._404-image-container {
    width: 70%;
  }

  ._404-text-container {
    text-align: center;
    align-items: center;
    width: 100%;
    max-width: 300px;
  }

  .feature-roi-upper-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: column;
    align-items: center;
  }

  .feature-roi-text-wrapper {
    text-align: center;
    width: 100%;
  }

  .feature-hero-image-container, .feature-hero-text-container {
    width: 100%;
  }

  .features-best-places-grid {
    grid-template-columns: 1fr 1fr;
    justify-items: center;
  }

  .customer-first-yellow-container {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    flex-direction: column;
  }

  .customer-first-image-container {
    width: 90%;
  }

  .customer-first-text-container {
    width: 100%;
  }

  .customer-first-blue-containers {
    flex-direction: column;
    align-items: center;
  }

  .creative-freedom-text-container {
    width: 100%;
  }

  .creative-freedom-image-container {
    width: 90%;
  }

  .feature-spotlight-grid {
    grid-template-columns: 1fr;
    place-items: center;
  }

  .checkout-container {
    flex-direction: column;
    align-items: stretch;
  }

  .left-checkout-contain {
    margin-right: 0;
  }

  .collection-list-pricing {
    grid-row-gap: 80px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .pricing-plan-points p, .pricing-plan-points h6 {
    background-size: 20px;
    padding-left: 28px;
  }

  .update-paragraph {
    font-size: 20px;
  }

  .style-wrapper {
    flex-direction: column;
    max-width: 600px;
  }

  .licensing-hero-wrapper.icons {
    grid-row-gap: 50px;
    flex-direction: column;
    display: flex;
  }

  .licencing-images-grid-2 {
    grid-template-columns: 1fr 1fr;
  }

  .licensing-heading-2 {
    font-size: 45px;
  }

  .licensing-icon-grid {
    grid-column-gap: 60px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .font-title-heading {
    padding-top: 30px;
    padding-bottom: 30px;
    font-size: 50px;
  }

  .licencing-image-item-2 {
    width: 100%;
    height: auto;
  }

  .plan-wrapper {
    flex-direction: column;
    align-items: center;
    padding-top: 80px;
  }

  .text-containers, .text-containers.product-hero {
    width: 100%;
  }

  .buynow-button, .add-to-cart {
    padding: 14px 30px 15px;
    line-height: 120%;
  }

  .container {
    flex-direction: column;
    align-items: center;
  }

  .checkout-container-left {
    width: 100%;
    margin-right: 0;
  }

  .checkout-container-right {
    width: 100%;
  }

  .colors-grid {
    grid-template-columns: 1fr 1fr 1fr;
    justify-items: center;
  }

  .integration-template-wrapper {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .search {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .cta-image {
    object-fit: cover;
    object-position: 0% 50%;
  }

  .top-triangle-image._1, .top-triangle-image._2, .top-triangle-image._3, .top-triangle-image._4 {
    display: none;
  }

  .sticky-wrapper {
    margin-top: 40px;
    margin-left: 0;
    margin-right: auto;
    position: relative;
  }

  .sticky-wrapper.inttegration {
    margin-left: auto;
    margin-right: auto;
  }

  .home-3-company-logo-grid {
    grid-column-gap: 40px;
    grid-row-gap: 20px;
    flex-wrap: wrap;
    grid-template-columns: 1fr 1fr 1fr;
    place-content: center;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .home-3-hero-text-container {
    width: 100%;
  }

  .home-3-user-2 {
    width: 70px;
  }

  .home-3-hero-bottom-flex {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: column;
  }

  .purple-text-span-2 {
    padding-top: 4px;
    padding-bottom: 4px;
  }

  .home-3-user-1 {
    width: 55px;
  }

  .home-3-image-container {
    width: 100%;
  }

  .home-3-company-logo-item {
    max-width: 200px;
  }

  .home-3-hero-upper-flex {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    flex-direction: column-reverse;
  }

  .home-3-hero-item-2 {
    width: 80%;
  }

  .home-3-hero-highlight {
    width: 50px;
  }

  .home-3-hero-item-1 {
    width: 50%;
  }

  .home-3-testimonial-right-wrap, .home-3-testimonial-left-wrapper {
    width: 100%;
  }

  .home-3-feature-item-grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .home-3-analysis-flex {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    flex-direction: column-reverse;
  }

  .home-3-analysis-image-wrapper, .home-3-analysis-image-wrapper.large, .home-3-analysis-text-wrapper {
    width: 100%;
  }

  .reference-paragraph {
    font-size: 18px;
  }

  .integration-details-text-container {
    width: 90%;
    padding-bottom: 40px;
  }

  .integration-type {
    margin-left: 20px;
  }

  .integration-name {
    font-size: 60px;
    line-height: 110%;
  }

  .integration-social-left-wrapper {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    flex-direction: row;
    max-width: none;
    margin-top: 0;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
    top: 0;
  }

  .integration-social-left-wrapper.customer-stories-cms {
    margin-top: 0;
  }

  .career-details-text-container {
    width: 90%;
    padding-bottom: 40px;
  }

  .why-choose-item-grid {
    grid-column-gap: 160px;
    grid-row-gap: 160px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    place-items: center;
  }

  .why-choose-path-image {
    bottom: -50px;
  }

  .vs-blue-wrapper {
    top: 49%;
  }

  .home-3-integration-upper-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: column;
    align-items: center;
  }

  .home-3-integration-heading-wrap {
    text-align: center;
  }

  .home-3-integration-cl {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .home-3-customer-bottom-flex {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    flex-direction: column;
  }

  .home-3-customer-image-wrap, .home-3-customer-text-wrap {
    width: 100%;
  }

  .customer-slide-upper-wrapper {
    padding-bottom: 30px;
  }

  .home-3-customer-slide-logo {
    width: 170px;
  }

  .home-3-customer-para {
    font-size: 30px;
    line-height: 120%;
  }

  .home-3-contact-blue-heading {
    line-height: 110%;
  }

  .home-3-contact-left-container {
    width: 100%;
  }

  .home-3-cta-hero-item {
    width: 220px;
  }

  .home-3-cta-hero-item-1 {
    width: 200px;
  }

  .reviews-hero-text-container {
    width: 100%;
  }

  .reviews-hero-heading {
    font-size: 55px;
    line-height: 110%;
  }

  .reviews-testimonial-container {
    width: 100%;
  }

  .reviews-customer-grid {
    grid-template-rows: auto auto auto auto auto auto auto auto;
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .faq-card-wrapper {
    flex-direction: column;
    align-items: center;
  }

  .download-hero-heading {
    font-size: 50px;
    line-height: 110%;
  }

  .download-hero-grid {
    grid-row-gap: 40px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .different-item-container {
    flex-direction: column;
    align-items: center;
  }

  .different-item-sub-container.margin-top-50px {
    margin-top: 0;
  }

  .different-hero-item {
    padding-right: 40px;
  }

  .demo-hero-text-container, .demo-hero-form-container {
    width: 100%;
  }

  .demo-hero-heading {
    font-size: 50px;
    line-height: 110%;
  }

  .venture-bottom-wrapper {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    flex-direction: column;
  }

  .venture-bottom-left-container, .venture-bottom-right-container {
    width: 100%;
  }

  .venture-path-image {
    width: 30%;
  }

  .logo-train-banner-section {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .careers-hero-image-container {
    flex-direction: column;
  }

  .careers-hero-middle-wrapper {
    width: 100%;
  }

  .careers-tabs {
    flex-direction: column;
    align-items: center;
  }

  .careers-tabs-menu {
    width: 100%;
    margin-bottom: 60px;
    margin-right: 0;
  }

  .careers-tabs-content, .career-opening-text-wrapper {
    width: 100%;
  }

  .home-2-cta-text-wrapper {
    width: 100%;
    margin-bottom: 0;
    margin-right: auto;
  }

  .yellow-text-span {
    padding-top: 4px;
  }

  .home-2-cta-image-wrapper {
    width: 100%;
  }

  .home-2-cta-blue-background {
    max-width: 300px;
    inset: 0% -80px auto auto;
  }

  .pricing-2-tabs-menu {
    margin-bottom: 80px;
    top: auto;
  }

  .pricing-2-tab-pane-wrapper {
    flex-direction: column;
    align-items: center;
  }

  .pricing-2-price-text {
    font-size: 70px;
  }

  .customer-slide-wrapper-v2 {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    flex-direction: column;
    padding-left: 50px;
    padding-right: 50px;
  }

  .customer-slide-left-container {
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    max-width: none;
  }

  .customer-slide-right-container {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    width: 100%;
  }

  .customer-slide-vertical-line {
    width: 100%;
    height: 1px;
  }

  .customer-slide-numbers-item {
    width: 80%;
  }

  .customer-slide-para-small-text {
    line-height: 140%;
  }

  .customer-slide-testimonial-text {
    font-size: 30px;
  }

  .customer-slider-left-arrow-v2, .customer-slider-right-arrow-v2 {
    top: -120px;
  }

  .discount-offer-img {
    top: -80px;
  }

  .different-blue-heading-wrapper {
    text-align: center;
  }

  .different-blue-item-wrapper {
    flex-direction: row;
    max-width: none;
  }

  .different-blue-item-wrapper.middle {
    margin-top: 0;
  }

  .different-blue-item-container {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .about-yellow-item-grid {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .about-3-hero-text-wrapper {
    margin-top: 100px;
    margin-bottom: 100px;
  }

  .about-3-hero-item-1 {
    margin-right: auto;
  }

  .about-3-hero-item-2 {
    margin-top: 0;
    margin-left: auto;
  }

  .about-benefit-bottom-container {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    flex-direction: column;
    align-items: center;
  }

  .about-benefit-para-container {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    width: 100%;
  }

  .about-benefit-heading-container {
    width: 100%;
  }

  .about-benefit-item-heading {
    font-size: 45px;
  }

  .about-benefit-item-para {
    font-size: 22px;
  }

  .about-benefit-item-grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    place-items: center;
  }

  .about-hero-star-icon {
    top: 100px;
    right: 15%;
  }

  .about-hero-arrow-image {
    bottom: 200px;
    left: 5%;
  }

  .faq-open-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .faq-open-question-text {
    font-size: 22px;
  }

  .faq-open-grid {
    grid-column-gap: 60px;
    grid-template-rows: auto auto auto auto auto auto;
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .pricing-table-hero-flex {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-direction: column;
    align-items: center;
  }

  .pricing-table-item.left-align {
    align-items: center;
  }

  .pricing-table-grid {
    width: 100%;
  }

  .pricing-table-heading-item {
    width: 50%;
  }

  .toggle-row {
    margin-right: 0;
  }

  .toggle-contain {
    margin-left: 20px;
    margin-right: 20px;
    position: relative;
  }

  .pricing-table-upper-wrapper {
    flex-direction: column;
  }

  .pricing-plan-grid {
    background-color: var(--white);
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    justify-items: center;
    width: 60%;
  }

  .pricing-plan-grid-item {
    max-width: none;
    padding-left: 60px;
    padding-right: 60px;
  }

  .pricing-plan-grid-item.blue-middle {
    border-left-width: 0;
    border-right-width: 0;
  }

  .pricing-plan-grid-item.left {
    border-top-right-radius: 24px;
    border-bottom-left-radius: 0;
  }

  .pricing-plan-grid-item.right {
    border-top-right-radius: 0;
    border-bottom-left-radius: 24px;
  }

  .pricing-plan-top-wrapper {
    flex-direction: column;
    display: flex;
  }

  .pricing-plan-hero-text {
    font-size: 55px;
    line-height: 100%;
  }

  .pricing-plan-heading-wrapper {
    width: 40%;
    position: relative;
  }

  .pricing-plan-heading-item {
    width: 100%;
    margin-top: 510px;
  }

  .pricing-plan-upper-wrapper {
    align-items: flex-start;
  }

  .about-2-team-text-wrapper {
    text-align: center;
    flex-direction: column;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .about-2-team-grid {
    width: 100%;
  }

  .creative-talent-grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .about-2-different-grid {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .about-2-different-text-wrapper {
    text-align: center;
  }

  .about-2-people-outer-container {
    flex-direction: column;
  }

  .about-2-people-left-container {
    flex-direction: row;
    align-items: center;
    max-width: none;
  }

  .about-2-hero-text-wrapper {
    margin-bottom: 180px;
  }

  .about-2-hero-item-flex {
    flex-direction: column;
    align-items: center;
  }

  .about-2-arrow-icon {
    max-width: 70px;
    top: 400px;
  }

  .about-2-star-icon {
    max-width: 70px;
    top: 40px;
  }

  .home-2-integration-section {
    padding-bottom: 70px;
  }

  .home-2-analysis-text-wrapper, .home-2-analysis-grid {
    width: 100%;
  }

  .home-2-feature-tabs-menu {
    border-radius: 30px;
    flex-direction: column;
    width: 100%;
    display: flex;
  }

  .home-2-feature-tab-link {
    text-align: center;
    padding-left: 40px;
    padding-right: 40px;
  }

  .home-2-feature-tab-pane-wrap {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    flex-direction: column;
  }

  .feature-tab-image-wrapper, .feature-tab-text-wrapper {
    width: 100%;
  }

  .home-2-spotlight-bottom-grid {
    grid-row-gap: 176px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .home-2-spotlight-item-hero-img {
    width: 90%;
  }

  .home-2-hero-text-wrapper {
    width: 100%;
  }

  .home-2-hero-image-wrapper {
    width: 85%;
    margin-right: 0%;
  }

  .home-2-highlight-image {
    width: 50px;
    height: 50px;
    bottom: -40px;
    right: 5px;
  }

  .home-2-integration-item {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    margin-right: 24px;
  }

  .home-2-integration-item-icon {
    width: 60px;
    height: 60px;
  }

  .integration-item-container {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .home-2-result-bottom-flex {
    flex-direction: column;
    align-items: center;
  }

  .all-stories-logo-image {
    width: 220px;
    max-width: 220px;
    bottom: 25px;
    left: 25px;
  }

  .all-stories-item-heading {
    line-height: 110%;
  }

  .all-stories-collection-list {
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .customer-stories-hero-text-wrap {
    margin-top: 100px;
    margin-bottom: 100px;
  }

  .customer-story-profile-item.top {
    margin-right: auto;
  }

  .customer-story-profile-item.bottom {
    margin-left: auto;
  }

  .customer-story-hero-star-icon {
    width: 75px;
    height: 80px;
    top: 75px;
  }

  .customer-story-hero-arrow {
    bottom: 220px;
    left: 5%;
  }

  .cs-hero-heading {
    font-size: 55px;
    line-height: 110%;
  }

  .rich-text-main-heading-wrap {
    padding: 50px 20px;
  }

  .rich-text-main-heading {
    font-size: 40px;
    line-height: 110%;
  }

  .overview-hero-heading {
    font-size: 55px;
  }

  .overview-train-item {
    max-width: 400px;
    margin-right: 30px;
  }

  .overview-train-item-container {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .overview-content-block-grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    justify-items: center;
  }

  .overview-page-item-grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .overview-page-item-grid.company-pages {
    grid-template-rows: auto auto auto;
  }

  .overview-page-item-grid.cms-pages {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .overview-spotlight-grid-item {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .dropdown-arrow {
    margin-left: 7px;
    margin-right: 0;
    position: relative;
  }

  .nav-menu-2 {
    background-color: var(--white);
    padding-bottom: 40px;
    position: absolute;
    box-shadow: 0 100px 100px #0b0b0b66;
  }

  .buttons-container {
    margin-left: auto;
  }

  .buttons-container.in-menu {
    flex-direction: column;
    align-items: flex-start;
    padding-top: 10px;
    padding-left: 20px;
    display: flex;
  }

  .dropdown-list-full-wrapper {
    box-shadow: none;
    padding: 0;
  }

  .dropdown {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .visual-features-items-container {
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
  }

  .visual-features-items-container.nav {
    width: 100%;
    max-width: none;
    display: block;
  }

  .visual-features-items-container.nav.pages {
    grid-column-gap: 40px;
    grid-row-gap: 30px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .dropdown-toggle {
    justify-content: flex-start;
    margin-left: 20px;
    margin-right: 0%;
    padding-left: 0;
    display: flex;
  }

  .dropdown-list-full-wrapper-2 {
    box-shadow: none;
    padding: 0;
  }

  .dropdown-list.w--open {
    width: 95%;
    min-width: auto;
    margin-left: 20px;
    margin-right: 0%;
    padding-top: 0;
    position: relative;
    top: 0;
  }

  .navigation-drop-container {
    flex-direction: column;
  }

  .drop-list-div.posts-list.home {
    border-top-right-radius: 0;
  }

  .drop-grid {
    width: 100%;
  }

  .drop-grid.landing {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    width: 100%;
  }

  .navigation-links {
    margin-left: 35px;
  }

  .navigation-menu-button {
    color: #6869ac;
    background-color: #e8ecf7;
    border: 1px dashed #6869ac;
    border-radius: 8px;
    padding: 12px;
  }

  .navigation-menu-button.w--open {
    color: #4c4cb3;
    background-color: #fff;
    border-style: solid;
  }

  .navigation-brand-link {
    margin-right: 10px;
    padding: 0;
  }

  .navigation-dropdown {
    width: 100%;
    max-width: 1200px;
  }

  .navigation-menu {
    background-color: #fff;
    height: auto;
    position: absolute;
    box-shadow: 0 40px 50px #ebebf4cc;
  }

  .dropdown-link-2 {
    padding: 10px;
  }

  .dropdown-card {
    box-shadow: none;
    flex-flow: column;
  }

  .banner-close {
    position: static;
  }

  .navigation-dropdown-list-small.w--open {
    max-width: 900px;
    position: static;
  }

  .navigation-link {
    justify-content: flex-start;
    width: 100%;
    padding-left: 5%;
    padding-right: 5%;
  }

  .navigation-link:hover {
    color: #4c4cb3;
  }

  .navigation-link.w--open {
    color: #fff;
    background-color: #7070c2;
    width: 100%;
  }

  .banner-container {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    justify-content: space-between;
  }

  .navigation-dropdown-toggle {
    justify-content: flex-start;
    width: 100%;
    padding-left: 5%;
    padding-right: 5%;
  }

  .navigation-dropdown-toggle:hover {
    color: #4c4cb3;
  }

  .navigation-dropdown-toggle.w--open {
    color: #fff;
    background-color: #6869ac;
    width: 100%;
  }

  .purple-text-span-3 {
    padding-top: 4px;
    padding-bottom: 4px;
  }

  .different-hero-item-2 {
    padding-right: 40px;
  }

  .red-text-span-2 {
    padding-top: 4px;
    padding-bottom: 8px;
  }

  .h2-heading-58px-3 {
    margin-top: -99px;
  }

  .red-text-span-3 {
    padding-top: 4px;
    padding-bottom: 8px;
  }

  .components-grid, .grid-three-column {
    grid-template-columns: 1fr 1fr;
  }

  .wrap-v-regular.align-center {
    margin-top: 71px;
  }

  .section-regular-2 {
    margin-top: -126px;
  }

  .container-small {
    margin-top: 16px;
  }

  .grid-four-column, .grid-three-column-2 {
    grid-template-columns: 1fr 1fr;
  }

  .grid-two-column {
    grid-template-columns: 1fr;
  }

  .content-column {
    max-width: none;
  }

  .header-title-wrapper {
    margin-top: 32px;
  }

  .header-bottom-image {
    margin-top: 60px;
  }

  .grid-3 {
    grid-template-columns: 1fr 1fr;
  }

  .tabs-menu {
    flex-flow: wrap;
  }

  .heading-grid {
    grid-template-columns: 1fr;
  }

  .grid-three-column-3 {
    grid-template-columns: 1fr 1fr;
  }

  .footer-newsletter {
    flex-direction: column;
    align-items: flex-start;
  }

  .footer-grid-large {
    grid-row-gap: 40px;
    grid-template-columns: 1fr 1fr;
  }

  .cta-block-image {
    margin-top: 0;
  }

  .cta-block {
    grid-template-columns: 1fr;
    padding-right: 64px;
  }

  .testimonial-list-wrapper {
    height: 440px;
  }

  .testimonial-header {
    padding-left: 0%;
    padding-right: 0%;
  }

  .testimonial-grid {
    grid-template-columns: 1fr;
    padding-left: 5%;
    padding-right: 5%;
  }

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

  .content-footer {
    grid-row-gap: 24px;
    flex-direction: column;
  }

  .grid-three-column-4 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-columns: 1fr 1fr;
  }

  .content-bento-bottom, .grid-three-column-5 {
    grid-template-columns: 1fr 1fr;
  }

  .feature-tab-menu {
    min-width: 50%;
    margin-right: 40px;
  }

  .content-grid-list {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
  }

  .content-grid-3 {
    grid-template-columns: 1.2fr;
  }

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

  .content-grid-bottom {
    grid-template-columns: 1.2fr;
  }

  .content-grid-top {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-columns: 1.2fr;
  }

  .content-tabs-menu-list {
    max-width: none;
    margin-bottom: 32px;
    margin-left: 0%;
  }

  .section-large-5 {
    padding-top: 92px;
    padding-bottom: 92px;
  }

  .tab-image {
    width: 100%;
  }

  .content-tabs-row {
    flex-direction: column;
  }

  .code-background {
    top: -15%;
  }

  .feature-grid, .content-grid-4, .grid-two-column-2 {
    grid-template-columns: 1fr;
  }

  .section-regular-15 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .heading-grid-2 {
    grid-template-columns: 1fr;
  }

  .grid-three-column-6 {
    grid-template-columns: 1fr 1fr;
  }

  .heading-grid-3 {
    grid-template-columns: 1fr;
  }

  .grid-three-column-7, .grid-three-column-8 {
    grid-template-columns: 1fr 1fr;
  }

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

  .content-grid-5 {
    grid-template-columns: 1.2fr;
  }

  .heading-grid-4, .feature-grid-small {
    grid-template-columns: 1fr;
  }

  .content-grid-top-2 {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-columns: 1.2fr;
  }

  .step-banner {
    align-items: center;
    padding-left: 5%;
    padding-right: 5%;
  }

  .step-breadcrumbs {
    margin-left: auto;
    margin-right: auto;
  }

  .step-content {
    max-width: none;
  }

  .slide-grid-wrapper {
    flex-direction: column-reverse;
    display: flex;
  }

  .button-primary-small-3, .button-primary-2 {
    display: flex;
  }

  .step-content-wrapper {
    padding-left: 5%;
    padding-right: 5%;
  }

  .multi-step-submit-button {
    display: flex;
  }

  .step-form-grid {
    grid-template-columns: 1fr;
  }

  .step-banner-content {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
  }

  .grid-two-column-3, .form-grid-large {
    grid-template-columns: 1fr;
  }

  .testimonial-card-filled {
    grid-row-gap: 16px;
  }

  .testimonial-grid-2 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-columns: 1fr;
  }

  .content-grid-top-3 {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-columns: 1.2fr;
  }

  .feature-tabs-stack {
    grid-template-columns: 1fr 1fr;
  }

  .timeline-milestone-content {
    flex-flow: column;
  }

  .timeline-component {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .timeline-divider, .testimonial-carousel-content.hide-tablet {
    display: none;
  }

  .testamonial-grid {
    grid-template-columns: 1fr;
  }

  .testimonial-carousel.hide-tablet, .testimonial-line-divider {
    display: none;
  }

  .grid-three-column-9 {
    grid-template-columns: 1fr 1fr;
  }

  .pricing-menu-round {
    margin-top: 0;
    margin-bottom: 40px;
  }

  .heading-grid-5 {
    grid-template-columns: 1fr;
  }

  .pricing-tab {
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 0;
  }

  .pricing-tabs-menu {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    width: 100%;
    margin-bottom: 32px;
    margin-left: 0;
  }

  .pricing-tabs {
    flex-flow: wrap-reverse;
  }

  .pricing-tabs-content {
    width: 100%;
  }

  .red-text-span-4 {
    padding-top: 4px;
    padding-bottom: 8px;
  }

  .section-regular-38 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .section-regular-38.background-off-white {
    margin-top: -11px;
  }

  .grid-three-column-10 {
    grid-template-columns: 1fr 1fr;
  }

  .title-grid, .grid-two-column-4 {
    grid-template-columns: 1fr;
  }

  .blog-card-small {
    padding: 24px;
  }

  .menu-link-wrap.margin-top-32 {
    margin-top: 0;
  }

  .document-container {
    flex-direction: column;
  }

  .document-navigation {
    border-bottom-style: none;
  }

  .menu-main {
    border-right-style: none;
    width: 100%;
    max-width: none;
    padding: 0;
  }

  .button-secondary-square {
    max-width: 150px;
    display: flex;
  }

  .document-base {
    width: 100%;
    padding: 24px 0;
  }

  .badge-button {
    display: flex;
  }

  .menu-right {
    width: 100%;
    display: none;
  }

  .button-primary-8, .button-primary-10 {
    display: flex;
  }

  .grid-three-column-11 {
    grid-template-columns: 1fr 1fr;
  }

  .grid-two-column-5 {
    grid-template-columns: 1fr;
  }

  .button-header, .button-primary-11 {
    display: flex;
  }

  .grid-three-column-12 {
    grid-template-columns: 1fr 1fr;
  }

  .feature-grid-3 {
    grid-template-columns: 1fr 1fr;
    margin-top: -70px;
  }

  .section-regular-43 {
    margin-top: 113px;
  }

  .content-grid-top-4 {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-columns: 1.2fr;
  }

  .section-regular-46 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .form-card-outline, .form-column-small {
    max-width: 520px;
  }

  .form-block-3 {
    align-items: center;
  }

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

  .course-overview {
    max-width: none;
  }

  .grid-three-column-13 {
    grid-template-columns: 1fr 1fr;
  }

  .heading-grid-6 {
    grid-template-columns: 1fr;
  }

  .button-primary-small-7, .process-dashed-line {
    display: none;
  }

  .title-grid-2 {
    grid-template-columns: 1fr;
  }

  .process-grid-three {
    grid-template-columns: 1fr 1fr;
  }

  .process-image-right {
    margin-bottom: 32px;
  }

  .grid-three-column-14, .grid-three-column-15 {
    grid-template-columns: 1fr 1fr;
  }

  .checkout-left-arrow, .checkout-right-arrow, .hero-section, .stay-productive {
    display: none;
  }

  .navmenu-dropdown-section-list {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-columns: .5fr .5fr;
  }

  .navmenu-dropdown-section-list-2 {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-columns: 1fr;
  }

  .navbar_dropdown-toggle {
    box-shadow: none;
    justify-content: space-between;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    transition-property: none;
    display: flex;
  }

  .navbar_dropdown-toggle:hover {
    box-shadow: none;
  }

  .navbar_dropdown {
    display: block;
  }

  .navbar_dropdown-list-link-content-wrapper {
    flex-flow: column;
  }

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

  .navbar_dropdown-list-link:hover {
    color: #080808;
  }

  .navbar_dropdown-list-link.cc-banner-button:hover, .navbar_dropdown-list-link.cc-image-button:hover {
    opacity: 1;
    color: #fff;
  }

  .navbar-2 {
    position: fixed;
    inset: 0% 0% auto;
  }

  .navbar_dropdown-list-container {
    padding-left: .5rem;
    padding-right: .5rem;
  }

  .navbar_content-wrapper {
    height: 90px;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
    font-size: 14px;
    line-height: 20%;
  }

  .navbar_menu-button {
    padding: 1rem 1.25rem;
  }

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

  .navbar_nav-link {
    box-shadow: none;
    text-align: left;
    margin-left: 0;
    margin-right: 0;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    transition-property: none;
  }

  .navbar_nav-link:hover {
    box-shadow: none;
  }

  .navbar_nav-link.cc-button-mobile {
    text-align: center;
    border-radius: 4px;
    flex: 1;
    padding-top: 1rem;
    padding-bottom: 1rem;
    box-shadow: inset 0 0 0 1px #d8d8d8;
  }

  .navbar_nav-link.cc-mobile {
    text-underline-offset: .25rem;
    color: var(--slate-blue);
    margin-left: auto;
    margin-right: 0;
    padding: 1.25rem 0;
    font-size: clamp(.875rem, 1.1vw, 1rem);
    -webkit-text-decoration: underline #080808;
    text-decoration: underline #080808;
    text-decoration-thickness: 2px;
    display: block;
  }

  .navbar_dropdown-list {
    padding-bottom: .5rem;
    position: static;
  }

  .navbar_menu-inner-wrapper {
    background-color: #fff;
    background-image: url('../images/68b0a558a4d9943de708cc1b_home-v2-hero-bg-1-cloudwhisper-webflow-template.avif');
    background-position: 50%;
    background-size: cover;
    flex-flow: column;
    height: calc(100dvh - 3.55rem);
    max-height: 400px;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
    overflow: auto;
  }

  .navbar_link-group {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    align-items: stretch;
  }

  .navbar_link-group.cc-2 {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    border-top: 1px solid #d8d8d8;
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    margin-top: auto;
    padding: 1.5rem 1.25rem;
  }

  .navbar_cta {
    flex: 1;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    transition-property: none;
    box-shadow: inset 0 1px 1px #fff3, inset 0 6px 12px #ffffff1f;
  }

  .navbar_cta:hover {
    background-color: #146ef5;
    box-shadow: inset 0 1px 1px #fff3, inset 0 6px 12px #ffffff1f;
  }

  .navbar_nav-menu {
    background-color: #fff;
    position: absolute;
    top: 100%;
  }

  .navbar_nav-menu:hover {
    color: #080808;
  }

  .navbar_link-list-item {
    border-bottom: 1px solid #d8d8d8;
  }

  .navbar_link-list-item.cc-last {
    border-bottom-color: #0000;
  }

  .navbar_brand {
    transition-property: none;
  }

  .navbar_brand:hover {
    color: #080808;
  }

  .navbar_dropdown-list-column {
    border-right-style: none;
    flex: 0 auto;
    width: calc(50% - 1rem);
    padding-right: 0;
  }

  .navbar_dropdown-list-column.cc-small {
    order: 1;
    max-width: none;
  }

  .navbar_main-container {
    height: 90px;
    padding-left: 1.25rem;
    padding-right: 0;
  }

  .language-grid {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }

  .notranslate {
    border-left-style: none;
    border-right-style: none;
  }

  .translation-wrapper.language.w--open {
    width: 300px;
    height: 300px;
    overflow: scroll;
  }

  .language-toggle.language-button {
    display: flex;
  }

  .work-together {
    display: none;
  }

  .heading-7 {
    font-size: 1.5rem;
    line-height: 1.2;
  }

  .sync-with-github, .meta-brain {
    display: none;
  }

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

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

  .header3_content {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    min-height: auto;
    margin-top: 98px;
  }

  .padding-section-large {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .padding-section-large.padding-custom1 {
    padding-top: 8rem;
  }

  .heading-style-display {
    font-size: 3.25rem;
  }

  .button-primary-13 {
    display: flex;
  }

  .footer_terms-text {
    color: #a7a7a7;
    font-size: .72rem;
    font-weight: 500;
  }

  .footer_line-div {
    width: 300px;
  }

  .list {
    display: none;
  }

  .footer_social {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    width: 100%;
    display: flex;
  }

  .footer_scoial-info {
    display: none;
  }

  .footer_grid {
    grid-template-columns: 1fr 1fr;
    place-items: stretch center;
    width: 100%;
  }

  .footer_info {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    max-width: 900px;
    padding: 0;
    display: flex;
  }

  .footer_logo-text {
    font-size: 1.8rem;
  }

  .footer_card-one {
    padding-left: 20px;
    padding-right: 10px;
  }

  .footer_wrap {
    width: 100%;
    max-width: 900px;
  }

  .footer_terms {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .footer_logo {
    width: 80%;
  }

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

  .footer_social-icon {
    justify-content: flex-end;
    align-items: flex-start;
  }

  .icon-88 {
    color: var(--slate-blue);
  }

  .brand-wrapper {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    justify-content: flex-start;
    justify-items: center;
  }

  .layout-list-item {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    justify-content: center;
  }

  .vertical-divider {
    display: none;
  }

  .button-primary-14 {
    display: flex;
  }
}

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

  h2 {
    font-size: 45px;
  }

  h3 {
    font-size: 40px;
  }

  h4 {
    font-size: 35px;
  }

  h5 {
    font-size: 30px;
  }

  li {
    font-size: 18px;
  }

  .style-guide-link {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

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

  .body-22px {
    font-size: 20px;
  }

  .wrapper-1160px.home-feature-spotlight-flex {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
  }

  .wrapper-1160px.faq-flex {
    padding-bottom: 100px;
  }

  .wrapper-1160px.blog-details-summary-flex {
    width: 85%;
  }

  .wrapper-1160px.integration-hero-flex {
    grid-column-gap: 140px;
    grid-row-gap: 140px;
  }

  .wrapper-1160px.contact-answer-flex {
    align-items: center;
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .wrapper-1160px.seach-result-flex {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .wrapper-1160px.why-choose-flex {
    padding-top: 120px;
  }

  .wrapper-1160px.reviews-customer-flex {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .wrapper-1160px.download-hero-flex {
    padding-bottom: 60px;
  }

  .wrapper-1160px.customer-flex-180px, .wrapper-1160px.creative-freedom-flex-180px {
    padding-top: 120px;
  }

  .wrapper-1160px.home-2-cta-section {
    padding-top: 40px;
    padding-left: 30px;
  }

  .wrapper-1160px.pricing-2-hero-flex {
    padding-top: 80px;
  }

  .wrapper-1160px.pricing-2-customer-flex {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    padding-top: 80px;
    padding-bottom: 140px;
  }

  .wrapper-1160px.different-blue-flex {
    padding-bottom: 120px;
  }

  .wrapper-1160px.faq-open-flex {
    padding-bottom: 50px;
  }

  .wrapper-1160px.pricing-3-hero-flex {
    padding-bottom: 100px;
  }

  .wrapper-1160px.pricing-plan-flex {
    margin-top: 0;
    padding-top: 100px;
  }

  .wrapper-1160px.about-2-hero-flex {
    padding-top: 100px;
  }

  .wrapper-1160px.about-2-creative-talent-flex {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .wrapper-1160px.about-2-people-flex {
    padding-top: 120px;
    padding-bottom: 20px;
  }

  .wrapper-1160px.home-2-creative-flex {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    padding-bottom: 70px;
  }

  .wrapper-1160px.home-2-feature-flex {
    padding-top: 120px;
  }

  .wrapper-1160px.home-2-spotlight-flex {
    padding-top: 120px;
    padding-bottom: 220px;
  }

  .wrapper-1160px.about-2-discover-flex {
    padding-top: 50px;
    padding-bottom: 120px;
  }

  .wrapper {
    width: 90%;
    padding-top: 90px;
    padding-bottom: 90px;
  }

  .wrapper.instruction-wrapper {
    width: 90%;
  }

  .reference-wrapper {
    width: 90%;
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .reference-wrapper.updates {
    width: 90%;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .body-22px-medium, .body-22px-bold {
    font-size: 20px;
  }

  .body-18px-medium, .body-18px-bold {
    font-size: 16px;
  }

  .blue-button.search-button, .blue-button.full-width {
    width: 100%;
  }

  .primary-blue-button.white {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
  }

  .primary-blue-button.contact-phone {
    grid-column-gap: 70px;
    grid-row-gap: 70px;
  }

  .home-hero-wrapper {
    margin-bottom: 100px;
  }

  .home-hero-item.right-with-arrow {
    bottom: -5%;
    right: 5%;
  }

  .home-hero-item.chart {
    width: 45px;
    left: 5%;
  }

  .home-hero-item.pencil {
    width: 50px;
    left: -3%;
  }

  .home-hero-item.purple-profile {
    width: 45px;
  }

  .home-hero-item.bulb {
    width: 50px;
    bottom: 20%;
    right: -2%;
  }

  .home-logo-grid {
    grid-template-columns: 1fr 1fr;
  }

  .home-feature-spotlight-grid {
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .home-hero-spotlight-wrapper:hover {
    transform: translate(-15px, -15px);
  }

  .discover-hero-item.about-2-item-1 {
    width: 220px;
    right: -10%;
  }

  .home-cta-hero-heading {
    font-size: 50px;
  }

  .home-cta-hero-image {
    object-position: 20% 50%;
  }

  .industry-expert-image-container, .app-integration-image-container {
    width: 100%;
  }

  .business-growth-number-wrap {
    max-width: 180px;
  }

  .business-growth-large-text {
    font-size: 40px;
  }

  .business-growth-normal-text {
    font-size: 16px;
  }

  .customer-slide {
    padding-left: 30px;
    padding-right: 30px;
  }

  .customer-slider-right-arrow {
    inset: 0% -5% 0% auto;
  }

  .customer-slider-right-arrow.position-at-the-end {
    right: -20px;
  }

  .home-integration-blue-container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .h-m-blue-item-heading-22px {
    font-size: 18px;
  }

  .h-m-blue-para-16px {
    margin-top: 5px;
  }

  .hm-dark-blue-item {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    padding: 20px;
  }

  .hm-dark-blue-para {
    font-size: 28px;
    line-height: 100%;
  }

  .hm-yellow-hero-item {
    padding-top: 130px;
  }

  .hm-yellow-item-hero-image {
    width: 200px;
    top: -20%;
  }

  .hm-grey-hero-item {
    padding: 40px 30px 30px;
  }

  .hm-grey-hero-item-pointer {
    font-size: 16px;
    line-height: 165%;
  }

  .footer-banner {
    flex-wrap: wrap;
    justify-content: center;
  }

  .footer-right-grid {
    grid-column-gap: 40px;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .menu-button {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .nav-link-button-wrapper {
    display: none;
  }

  .creative-talent-office-heading {
    font-size: 22px;
  }

  .creative-talent-office-para {
    font-size: 16px;
  }

  .about-team-grid {
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .about-hero-bottom-container {
    flex-direction: column;
  }

  .about-numbers-grid {
    grid-column-gap: 60px;
    grid-row-gap: 80px;
    grid-template-columns: 1fr 1fr;
  }

  .about-best-people-section {
    margin-top: -90px;
  }

  .best-people-traits-item {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: column;
    padding-bottom: 20px;
    padding-right: 0;
  }

  .best-people-traits-icon-wrap {
    border-bottom: 1px solid var(--dark);
    border-right-width: 0;
    justify-content: center;
    width: 100%;
    display: flex;
  }

  .best-people-traits-para-text {
    margin-left: 20px;
    margin-right: 20px;
  }

  .about-ventures-tabs-menu {
    justify-content: center;
  }

  .about-ventures-tab-text-wrap {
    width: 90%;
    margin-top: 40px;
    margin-bottom: 50px;
  }

  .about-ventures-tab-para {
    font-size: 24px;
  }

  .faq-answer-wrap {
    padding-left: 20px;
    padding-right: 30px;
  }

  .faq-question-container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .faq-question {
    font-size: 22px;
  }

  .price-grid-text {
    font-size: 18px;
  }

  .pricing-row-contain {
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .pricing-hero-grid {
    grid-template-columns: 1fr;
    place-items: center;
    margin-top: 80px;
  }

  .pricing-grid-item-heading {
    font-size: 30px;
  }

  .pricing-grid-item-price {
    font-size: 50px;
  }

  .custom-pricing-container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .custom-pricing-sub-container {
    padding-left: 15px;
    padding-right: 15px;
  }

  .custom-pricing-heading-large {
    margin-bottom: 50px;
    font-size: 45px;
  }

  .pricing-testimonial-yellow-box, .pricing-testimonial-purple-box {
    padding-left: 20px;
    padding-right: 20px;
  }

  .pricing-testimonial-para, .pricing-testimonial-sign-up-rate {
    font-size: 20px;
  }

  .pricing-testimonial-bold-text {
    font-size: 28px;
  }

  .pricing-testimonial-organic-text {
    font-size: 20px;
  }

  .blog-hero-item-text-wrapper {
    margin-top: -100px;
    padding-top: 25px;
    padding-left: 25px;
    padding-right: 25px;
  }

  .blog-hero-item-tag {
    font-size: 15px;
  }

  .blog-hero-item-hero-image {
    max-height: 350px;
  }

  .blog-slider-text-item {
    margin-top: -100px;
    padding: 30px 30px 25px;
  }

  .blog-details-hero-section {
    padding-top: 300px;
  }

  .blog-details-hero-text-container {
    width: 85%;
    padding: 40px 30px 35px;
  }

  .blog-details-hero-heading {
    margin-bottom: 35px;
    font-size: 40px;
  }

  .rich-text p {
    font-size: 18px;
  }

  .rich-text h4 {
    font-size: 30px;
  }

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

  .rich-text blockquote {
    font-size: 20px;
  }

  .blog-details-cta-text {
    font-size: 18px;
  }

  .blog-details-author-container {
    padding-left: 30px;
    padding-right: 30px;
  }

  .blog-details-autho-para {
    font-size: 18px;
  }

  .blog-details-author-tag {
    font-size: 14px;
  }

  .blog-details-author-name {
    font-size: 22px;
  }

  .blog-details-author-item {
    width: 80px;
    height: 80px;
  }

  .blog-details-author-profile-item {
    width: 45px;
    height: 45px;
  }

  .blog-details-author-profile-wrap {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    width: 310px;
    top: -40px;
  }

  .integration-hero-text-wrapper {
    width: 90%;
  }

  .search-container {
    background-color: #0000;
    flex-direction: column;
    width: 90%;
    padding: 0;
  }

  .search-input {
    background-color: var(--white-smoke-search);
    border-radius: 100px;
    height: 60px;
    margin-bottom: 10px;
  }

  .integration-hero-card-container {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    align-items: flex-start;
    padding-left: 15px;
    padding-right: 15px;
  }

  .integration-hero-card-sub-wrap {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-wrap: wrap;
  }

  .integration-hero-card-name, .request-integration-heading {
    font-size: 30px;
  }

  .integration-hero-item._1 {
    top: -50px;
  }

  .integration-hero-item._2 {
    inset: auto auto 121px 0%;
  }

  .integration-hero-item._3 {
    bottom: -50px;
    left: 5%;
  }

  .integration-hero-item._4 {
    top: -64px;
    right: 50%;
  }

  .integration-hero-item._5 {
    inset: auto 0% 120px auto;
  }

  .integration-hero-item._6 {
    bottom: -60px;
  }

  .integration-3-card-container.left {
    left: -5%;
  }

  .integration-3-card-container.right {
    right: -5%;
  }

  .contact-form-block {
    padding-left: 35px;
    padding-right: 35px;
  }

  .contact-answer-section {
    margin-bottom: 89px;
  }

  .contact-answer-grid {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    place-items: center;
  }

  .contact-answer-upper-container {
    text-align: center;
  }

  .blue-background-small {
    width: 250px;
  }

  .log-in-form-block {
    padding-left: 20px;
    padding-right: 20px;
  }

  .log-in-blue-small-ng {
    width: 250px;
  }

  ._404-image-container {
    width: 80%;
  }

  .feature-roi-hero-item {
    margin-right: 12px;
    padding: 10px 16px;
  }

  .feature-roi-hero-item-icon {
    width: 24px;
    height: 24px;
  }

  .feature-roi-hero-item-text {
    font-size: 16px;
  }

  .feature-sub-hero-image {
    width: 50%;
    right: -5%;
  }

  .feature-sub-hero-train-section {
    padding-top: 35px;
    padding-bottom: 35px;
  }

  .customer-first-yellow-container {
    margin-bottom: 37px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .customer-first-image-container {
    width: 100%;
  }

  .customer-first-blue-container {
    padding-top: 200px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .customer-first-blue-hero-image {
    width: 55%;
    left: 20px;
  }

  .cf-blue-pointer-container {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .cf-blue-container-text {
    font-size: 16px;
  }

  .creative-freedom-image-container {
    width: 100%;
  }

  .feature-spotlight-item-wrapper {
    grid-column-gap: 20px;
    padding: 40px 25px;
  }

  .collection-list-pricing {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .pricing-plan-points p, .pricing-plan-points h6 {
    margin-bottom: 12px;
  }

  .blue-text-span-16px {
    margin-bottom: 8px;
  }

  .update-paragraph {
    font-size: 18px;
  }

  .instruction-heading-2 {
    margin-bottom: 40px;
    font-size: 40px;
  }

  .text-variant-item {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .styles-heading {
    font-size: 40px;
  }

  .licensing-tag-subtext-2 {
    text-align: left;
  }

  .licensing-heading-2 {
    font-size: 40px;
  }

  .licensing-icon-grid {
    grid-column-gap: 20px;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .font-title-heading {
    font-size: 45px;
  }

  .licensing-hero-flex {
    grid-row-gap: 30px;
    flex-direction: column;
  }

  .price-points-rich-text p {
    font-size: 18px;
  }

  .plan-wrapper {
    width: 90%;
    padding-top: 90px;
    padding-bottom: 90px;
  }

  .product-box-wrap {
    padding: 30px;
  }

  .buynow-button, .add-to-cart {
    padding-left: 25px;
    padding-right: 25px;
  }

  .colors-grid {
    grid-template-columns: 1fr 1fr;
  }

  .integration-template-wrapper {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .search {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .home-3-user-2 {
    width: 60px;
  }

  .home-3-user-1 {
    width: 50px;
  }

  .home-3-hero-item-2 {
    left: -10px;
  }

  .home-3-hero-highlight {
    width: 45px;
    bottom: -30px;
    right: 0;
  }

  .home-3-hero-item-1 {
    top: 140px;
  }

  .home-3-number-item-grid {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .home-3-feature-item-grid {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    place-items: center;
  }

  .integration-details-text-container {
    width: 85%;
    padding-top: 40px;
  }

  .integration-type {
    font-size: 15px;
  }

  .integration-top-wrapper {
    width: 90%;
  }

  .integration-name {
    font-size: 50px;
  }

  .career-details-text-container {
    width: 85%;
  }

  .home-3-analysis-numbers-flex {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
  }

  .home-3-analysis-absolute-img {
    width: 50%;
    bottom: 80px;
  }

  .home-3-analysis-chart-img {
    width: 40px;
    right: 0;
  }

  .why-choose-hero-item {
    padding-left: 30px;
    padding-right: 30px;
  }

  .why-choose-pointer-text {
    background-size: 30px;
    padding-left: 40px;
  }

  .why-choose-highlight-icon {
    width: 35px;
    top: 40px;
    left: -25px;
  }

  .home-3-integration-cl {
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .home-3-integration-item {
    margin-left: auto;
    margin-right: auto;
  }

  .customer-slide-upper-wrapper {
    padding-bottom: 20px;
  }

  .home-3-customer-slide-logo {
    width: 150px;
  }

  .home-3-customer-para {
    font-size: 26px;
  }

  .home-3-contact-blue-wrapper {
    padding-left: 40px;
    padding-right: 40px;
  }

  .home-3-contact-blue-heading {
    font-size: 35px;
  }

  .home-3-contact-blue-para {
    font-size: 16px;
  }

  .home-3-contact-yellow-wrapper {
    padding-left: 30px;
    padding-right: 30px;
  }

  .home-3-contact-dark-blue-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    padding: 35px 30px;
  }

  .home-3-contact-badge-icon {
    width: 48px;
  }

  .home-3-contact-text-32px {
    font-size: 28px;
  }

  .home-3-cta-hero-item-1 {
    width: 160px;
  }

  .home-3-cta-form {
    flex-direction: column;
  }

  .home-3-contact-blue-icon {
    margin-bottom: 20px;
  }

  .reviews-hero-heading {
    font-size: 50px;
  }

  .reviews-hero-container {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .reviews-testimonial-item {
    padding: 20px;
  }

  .reviews-testimonial-item-para {
    font-size: 18px;
  }

  .customer-reviews-hero-item {
    padding-left: 30px;
    padding-right: 30px;
  }

  .faq-card-question-container {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
  }

  .faq-card-question {
    font-size: 20px;
  }

  .faq-card-answer-wrap {
    padding-left: 20px;
    padding-right: 20px;
  }

  .faq-card-content {
    padding-bottom: 28px;
    font-size: 16px;
  }

  .download-hero-heading {
    font-size: 40px;
  }

  .download-hero-grid {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .different-hero-item {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .different-hero-item-icon {
    width: 80px;
    height: 80px;
  }

  .different-hero-item-para {
    font-size: 16px;
  }

  .demo-hero-heading {
    font-size: 40px;
  }

  .venture-bottom-left-container {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
  }

  .venture-company-logo-wrapper {
    padding-left: 30px;
    padding-right: 30px;
  }

  .venture-king-crown-image {
    width: 90px;
  }

  .venture-path-image {
    width: 35%;
  }

  .logo-train-item {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    max-width: 210px;
    margin-right: 20px;
  }

  .logo-train-item-image {
    max-width: 180px;
  }

  .logo-train-banner-section {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .demo-hero-logo-grid {
    grid-column-gap: 40px;
    grid-row-gap: 20px;
  }

  .careers-hero-image-container, .careers-hero-sub-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .careers-opening-card-item {
    padding: 26px 20px;
  }

  .careers-opening-card-heading {
    margin-bottom: 6px;
    font-size: 22px;
  }

  .career-opening-card-text-16px {
    font-size: 16px;
  }

  .home-2-cta-sub-text-wrapper {
    margin-bottom: 100px;
  }

  .pricing-2-hero-text-wrapper {
    width: 90%;
  }

  .pricing-2-tabs-menu {
    max-width: 312px;
  }

  .pricing-2-tab-link {
    padding: 15px 40px;
  }

  .pricing-2-top-wrapper {
    flex-direction: column;
    padding: 40px 30px;
  }

  .pricing-2-middle-wrapper {
    padding: 30px;
  }

  .pricing-2-bottom-wrapper {
    flex-direction: column;
    padding: 40px 30px;
  }

  .pricing-2-pointer-wrapper {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .pricing-2-pointer-text {
    font-size: 16px;
  }

  .pricing-2-price-text {
    font-size: 65px;
  }

  .pricing-2-price-text-small {
    font-size: 30px;
  }

  .pricing-2-price-text-wrapper {
    align-items: center;
  }

  .customer-slide-wrapper-v2 {
    padding: 50px 30px;
  }

  .customer-slide-left-container {
    flex-direction: column;
    align-items: center;
  }

  .customer-slide-numbers-item {
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: 300px;
    display: flex;
  }

  .customer-slide-heading-number {
    margin-bottom: 0;
    line-height: 100%;
  }

  .customer-slide-para-small-text {
    font-size: 20px;
  }

  .customer-slide-testimonial-text {
    font-size: 26px;
  }

  .customer-slide-brand-logo {
    max-width: 150px;
  }

  .customer-slider-left-arrow-v2 {
    inset: auto auto -120px 0%;
  }

  .customer-slider-right-arrow-v2 {
    inset: auto auto -120px 70px;
  }

  .discount-offer-img {
    top: -75px;
  }

  .different-blue-item-wrapper {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    flex-direction: column;
    align-items: center;
  }

  .different-blue-item-container {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
  }

  .about-yellow-item-grid {
    grid-template-rows: auto auto auto auto auto auto;
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .about-3-hero-text-wrapper {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .about-3-hero-item-1 {
    margin-top: 40px;
  }

  .about-benefit-para-container {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .about-benefit-item-icon {
    width: 60px;
    height: 60px;
  }

  .about-benefit-item-heading {
    margin-bottom: 10px;
    font-size: 40px;
  }

  .about-benefit-item-para {
    font-size: 20px;
  }

  .about-benefit-item-grid {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .about-hero-star-icon {
    width: 70px;
    height: 73px;
    top: 80px;
  }

  .about-hero-arrow-image {
    width: 35%;
    bottom: 120px;
    left: 0%;
  }

  .faq-open-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .faq-open-question-text {
    font-size: 20px;
  }

  .faq-open-answer-text {
    font-size: 16px;
  }

  .pricing-table-top-wrap {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    padding: 20px 25px;
  }

  .pricing-table-bottom-wrap {
    padding-left: 25px;
    padding-right: 25px;
  }

  .pricing-table-top-text {
    font-size: 22px;
  }

  .pricing-table-hero-wrapper {
    padding-bottom: 40px;
  }

  .pricing-table-item.plan-feature-item {
    min-width: 210px;
  }

  .pricing-table-grid.plan-feature-grid {
    overflow: scroll;
  }

  .pricing-table-heading-item {
    width: 100%;
  }

  .pricing-table-text-20px {
    font-size: 18px;
  }

  .pricing-table-top-special {
    padding: 20px 25px;
  }

  .pricing-table-bottom-special {
    padding-left: 25px;
    padding-right: 25px;
  }

  .pricing-plan-subtext {
    font-size: 20px;
  }

  .pricing-plan-link-text {
    margin-top: 16px;
    font-size: 20px;
  }

  .toggle-text {
    font-size: 22px;
  }

  .toggle-save-container {
    inset: auto auto -50px;
  }

  .pricing-plan-grid {
    width: 100%;
  }

  .pricing-plan-grid-item {
    padding-left: 20px;
    padding-right: 20px;
  }

  .pricing-plan-top-wrapper {
    align-items: center;
  }

  .pricing-plan-bottom-wrapper.heading-wrapper {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    display: flex;
    overflow: scroll;
  }

  .pricing-plan-hero-icon {
    width: 70px;
    height: 70px;
  }

  .pricing-plan-hero-text {
    font-size: 50px;
  }

  .pricing-plan-user-text {
    margin-bottom: 20px;
  }

  .pricing-plan-item.heading-wrapper-left {
    flex: none;
    width: auto;
  }

  .pricing-plan-hero-text-20px {
    font-size: 18px;
    line-height: 24px;
  }

  .pricing-plan-heading-wrapper {
    width: 100%;
  }

  .pricing-plan-heading-item {
    margin-top: 0;
  }

  .pricing-plan-upper-wrapper {
    flex-direction: column;
  }

  .pricing-3-hero-heading {
    margin-bottom: 24px;
  }

  .about-2-team-grid {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    grid-template-rows: auto auto auto auto auto auto;
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .about-2-team-grid-item-image {
    margin-bottom: 24px;
  }

  .creative-talent-grid {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .about-2-different-grid {
    grid-template-rows: auto auto auto auto auto auto;
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .about-2-different-item-image, .about-2-different-item-heading {
    margin-bottom: 20px;
  }

  .about-2-people-outer-container, .about-2-people-left-container {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .about-2-container-right-container {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .about-2-people-image-flex {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .about-2-hero-item {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    padding: 40px 30px;
  }

  .about-2-hero-item-icon {
    width: 70px;
    height: 70px;
  }

  .about-2-hero-item-subtext {
    font-size: 16px;
  }

  .about-2-arrow-icon {
    max-width: 60px;
    top: 360px;
  }

  .about-2-star-icon {
    max-width: 60px;
  }

  .home-2-integration-section {
    padding-top: 70px;
    padding-bottom: 50px;
  }

  .home-2-analysis-grid {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    grid-template-rows: auto auto auto auto auto auto auto auto;
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .home-2-analysis-item {
    max-width: 300px;
  }

  .home-2-spotlight-bottom-grid {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .home-2-hero-image-wrapper {
    width: 90%;
  }

  .home-2-image-absolute-1 {
    width: 220px;
    bottom: -80px;
    left: -5%;
  }

  .home-2-image-absolute-2 {
    width: 150px;
    right: 0%;
  }

  .home-2-hero-pencil {
    width: 60px;
    height: 60px;
  }

  .home-2-user-image-1 {
    width: 50px;
    height: 50px;
  }

  .home-2-user-image-2 {
    width: 60px;
    height: 60px;
    left: -5%;
  }

  .home-2-highlight-image {
    width: 45px;
    height: 45px;
    bottom: -35px;
    right: -10px;
  }

  .home-2-stat-icon {
    width: 70px;
    height: 70px;
    right: 25%;
  }

  .home-2-integration-item {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    margin-right: 20px;
    padding-right: 30px;
    font-size: 22px;
  }

  .home-2-integration-item-icon {
    width: 56px;
    height: 56px;
  }

  .integration-item-container {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .home-2-result-dark-blue-item {
    padding-top: 40px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .home-2-result-blue-item {
    padding-top: 40px;
    padding-left: 30px;
    padding-right: 80px;
  }

  .home-2-result-blue-item-icon-img {
    top: 30%;
    right: 0%;
  }

  .all-stories-item-text-wrapper {
    padding: 30px 25px 38px;
  }

  .all-stories-logo-image {
    width: 180px;
    max-width: 180px;
    height: auto;
    bottom: 16px;
    left: 16px;
  }

  .all-stories-item-heading {
    font-size: 28px;
  }

  .customer-stories-hero-text-wrap {
    margin-top: 70px;
    margin-bottom: 70px;
  }

  .customer-story-profile-item.bottom {
    margin-bottom: 100px;
  }

  .customer-story-hero-star-icon {
    width: 65px;
    height: 70px;
  }

  .customer-story-hero-arrow {
    width: 160px;
    bottom: 200px;
    left: 0%;
  }

  .hero-cms-company-logo {
    max-width: 200px;
  }

  .cs-hero-heading {
    font-size: 45px;
  }

  .rich-text-main-heading {
    font-size: 32px;
  }

  .overview-hero-heading {
    font-size: 40px;
  }

  .overview-button-wrapper {
    flex-direction: column;
  }

  .overview-train-item {
    max-width: 340px;
    margin-right: 25px;
  }

  .overview-train-item-container {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
  }

  .overview-content-block-grid {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .overview-page-item-text-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .overview-page-item-grid {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .overview-page-item-grid.company-pages {
    grid-template-rows: auto auto auto auto auto auto;
  }

  .overview-page-item-grid.cms-pages {
    grid-template-rows: auto auto auto auto auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .overview-page-item-grid.additional-pages {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .buttons-container.in-menu {
    padding-left: 14px;
  }

  .visual-features-items-container {
    grid-row-gap: 70px;
    grid-template-columns: 1fr;
    width: 100%;
  }

  .visual-features-items-container.nav.pages {
    grid-template-columns: 1fr;
  }

  .dropdown-toggle {
    margin-left: 14px;
  }

  .dropdown-list.w--open {
    width: 90%;
  }

  .drop-grid {
    grid-template-columns: 1fr;
  }

  .dropdown-link-2 {
    padding: 10px;
  }

  .dropdown-card {
    max-height: 50vh;
    overflow: auto;
  }

  .banner-container {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
  }

  .different-hero-item-2 {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .best-people-traits-icon-wrap-2 {
    border-bottom: 1px solid #050038;
    border-right-width: 0;
    justify-content: center;
    width: 100%;
    display: flex;
  }

  .best-people-traits-item-2 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: column;
    padding-bottom: 20px;
    padding-right: 0;
  }

  .h2-heading-58px-3 {
    margin-top: -70px;
  }

  .grid-three-column {
    grid-template-columns: 1fr;
  }

  .section-regular {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .wrap-v-regular.align-center {
    margin-top: 29px;
  }

  .h2-heading {
    font-size: 44px;
  }

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

  .content-features-bottom {
    grid-template-columns: 1.5fr;
  }

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

  .section-regular-2 {
    margin-top: -138px;
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .h2-heading-2 {
    font-size: 44px;
  }

  .grid-three-column-2 {
    grid-template-columns: 1fr;
  }

  .section-regular-3 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .h2-heading-3 {
    font-size: 44px;
  }

  .grid-two-column {
    grid-template-columns: 1fr;
  }

  .section-regular-4 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .h3-heading {
    font-size: 40px;
  }

  .h2-heading-4 {
    font-size: 44px;
  }

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

  .section-regular-5 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .header-title-wrapper {
    margin-top: -61px;
  }

  .header-section {
    margin-bottom: -128px;
    padding-top: 72px;
  }

  .h1-heading-2 {
    font-size: 24px;
  }

  .h2-heading-5 {
    font-size: 44px;
  }

  .cta-card {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
  }

  .section-regular-6 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .h1-heading-3 {
    font-size: 48px;
  }

  .section-regular-7 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .grid-three-column-3 {
    grid-template-columns: 1fr;
  }

  .footer-bottom {
    flex-direction: column-reverse;
  }

  .section-regular-9 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .footer-newsletter {
    padding: 40px 32px;
  }

  .section-large {
    margin-top: -199px;
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .cta-block {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .section-regular-10 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .testimonial-header {
    padding-bottom: 0;
  }

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

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

  .section-regular-11 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .h1-heading-5, .h1-heading-6 {
    font-size: 24px;
  }

  .grid-three-column-4 {
    grid-template-columns: 1fr;
  }

  .section-regular-12 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .h3-heading-2 {
    font-size: 24px;
  }

  .paragraph-x-large-3 {
    font-size: 18px;
  }

  .background-dots {
    pointer-events: none;
  }

  .section-regular-13 {
    margin-top: -126px;
  }

  .content-bento-bottom, .content-bento-top {
    grid-template-columns: 1fr;
  }

  .section-large-2 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .grid-three-column-5 {
    grid-template-columns: 1fr;
  }

  .feature-tab-menu {
    flex-flow: wrap;
    justify-content: center;
    min-width: auto;
    margin-bottom: 40px;
    margin-right: 0;
  }

  .h1-heading-7 {
    font-size: 48px;
  }

  .section-regular-14 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .feature-tabs {
    flex-direction: column;
  }

  .feature-tab-link {
    margin-bottom: 20px;
    margin-left: 10px;
    margin-right: 10px;
    padding: 16px 32px;
  }

  .content-title-wrapper {
    margin-top: 51px;
  }

  .section-large-5 {
    padding-top: 72px;
    padding-bottom: 72px;
    overflow: hidden;
  }

  .h2-heading-10 {
    font-size: 40px;
  }

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

  .code-background {
    left: -20%;
  }

  .features-section {
    padding-top: 100px;
    padding-bottom: 100px;
  }

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

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

  .integration-tab-menu {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .h1-heading-8 {
    font-size: 48px;
  }

  .integration-tabs {
    grid-template-columns: 1fr;
  }

  .section-large-7 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .grid-three-column-6 {
    grid-template-columns: 1fr;
  }

  .h2-heading-13 {
    font-size: 48px;
  }

  .section-large-8 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .grid-three-column-7 {
    grid-template-columns: 1fr;
  }

  .section-regular-16, .section-large-9 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .grid-three-column-8 {
    grid-template-columns: 1fr;
  }

  .h3-heading-3 {
    font-size: 36px;
  }

  .section-regular-18, .section-large-10, .section-regular-19, .section-regular-20, .section-large-11 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .h1-heading-9 {
    font-size: 48px;
  }

  .section-regular-21 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .h1-heading-10, .h2-heading-17 {
    font-size: 48px;
  }

  .section-large-14, .section-regular-23, .section-large-15, .section-regular-24 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .h1-heading-11 {
    font-size: 24px;
  }

  .section-regular-25, .section-regular-26, .section-large-17 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .section-large-17.background-secondary {
    margin-top: 0;
  }

  .section-regular-28, .section-large-18, .section-regular-29 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .previous-placeholder {
    z-index: 6;
    position: fixed;
  }

  .step-banner {
    padding-top: 72px;
  }

  .next-placeholder {
    z-index: 6;
    position: fixed;
  }

  .step-content-wrapper {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .step-form-content {
    width: 100%;
    min-width: auto;
  }

  .contact-divider {
    display: none;
  }

  .section-large-19.background-brand {
    margin-top: -146px;
  }

  .section-regular-30 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .testimonial-logo-group {
    grid-column-gap: 64px;
  }

  .h5-heading-7 {
    font-size: 28px;
  }

  .h3-heading-4 {
    font-size: 36px;
  }

  .testimonial-grid-2 {
    grid-template-columns: 1fr;
  }

  .container-regular-17 {
    margin-top: -47px;
  }

  .section-regular-31 {
    margin-top: -92px;
  }

  .container-small-8 {
    margin-top: -114px;
  }

  .feature-grid-2 {
    grid-template-columns: 1fr;
  }

  .feature-tabs-stack {
    grid-template-columns: 1fr 1fr;
    margin-bottom: 46px;
  }

  .h4-heading-11 {
    font-size: 28px;
  }

  .container-regular-18 {
    margin-top: -226px;
  }

  .grid-three-column-9 {
    grid-template-columns: 1fr;
  }

  .section-regular-36 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .h3-heading-5 {
    font-size: 36px;
  }

  .h4-heading-13 {
    font-size: 32px;
  }

  .section-regular-37 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .h3-heading-6 {
    font-size: 36px;
  }

  .h4-heading-14 {
    font-size: 32px;
  }

  .h1-heading-14 {
    font-size: 24px;
  }

  .header-section-2 {
    padding-top: 72px;
  }

  .subheading-x-small, .paragraph-x-small-6 {
    margin-right: 8px;
    display: inline;
  }

  .h3-heading-7 {
    font-size: 40px;
  }

  .grid-three-column-10, .grid-two-column-4 {
    grid-template-columns: 1fr;
  }

  .section-regular-39 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

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

  .h2-heading-25 {
    font-size: 44px;
  }

  .document-grid-s {
    grid-template-columns: 1fr;
  }

  .document-navigation {
    padding-left: 0;
    padding-right: 0;
  }

  .button-secondary-square {
    max-width: 100%;
  }

  .document-badge {
    display: none;
  }

  .menu-right {
    padding-top: 32px;
    padding-bottom: 32px;
  }

  .changelog-search-b {
    max-width: none;
  }

  .changelog-milestone-block {
    display: none;
  }

  .changelog-timeline-row {
    grid-column-gap: 8px;
    grid-template-columns: 1fr;
  }

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

  .h2-heading-26 {
    font-size: 44px;
  }

  .cta-grid {
    grid-template-columns: 1fr;
  }

  .cta-bg-lines {
    display: none;
  }

  .section-blue {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .h2-heading-27 {
    font-size: 44px;
  }

  .h1-heading-15 {
    font-size: 24px;
  }

  .section-regular-41 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .grid-three-column-11 {
    grid-template-columns: 1fr;
  }

  .bold-text-5 {
    font-size: 24px;
  }

  .container-large-27 {
    margin-top: -67px;
  }

  .h1-heading-16 {
    font-size: 48px;
  }

  .grid-two-column-5 {
    grid-template-columns: 1fr;
  }

  .section-regular-42 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .header-section-s {
    padding-top: 72px;
  }

  .h1-heading-17 {
    font-size: 24px;
  }

  .grid-three-column-12 {
    grid-template-columns: 1fr;
  }

  .container-regular-24 {
    margin-top: -55px;
  }

  .section-large-21 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .feature-grid-3 {
    grid-template-columns: 1fr;
    margin-top: -75px;
  }

  .container-small-10 {
    margin-top: -156px;
  }

  .section-regular-43 {
    margin-top: 176px;
  }

  .feature-grid-4 {
    grid-template-columns: 1fr;
  }

  .feature-tabs-menu {
    grid-template-columns: 1fr 1fr;
  }

  .text-block-3 {
    margin-top: 12px;
  }

  .section-regular-44 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .career-information {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-direction: column;
    align-items: flex-start;
  }

  .h1-heading-18 {
    font-size: 28px;
  }

  .section-regular-45 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .h4-heading-19, .h1-heading-19 {
    font-size: 28px;
  }

  .form-card-outline, .form-column-small, .form-column {
    max-width: none;
  }

  .h2-heading-30 {
    font-size: 40px;
  }

  .course-description {
    margin-bottom: 79px;
  }

  .section-regular-47 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .grid-three-column-13 {
    grid-template-columns: 1fr;
  }

  .h1-heading-20, .h1-heading-21 {
    font-size: 24px;
  }

  .section-header {
    background-size: auto;
    padding-top: 72px;
  }

  .h5-heading-9 {
    font-size: 28px;
  }

  .h2-heading-31 {
    font-size: 24px;
  }

  .process-content {
    padding-top: 0;
  }

  .process-grid {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    grid-template-columns: .25fr 1fr;
  }

  .section-regular-49 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .h1-heading-22 {
    font-size: 24px;
  }

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

  .h3-heading-9 {
    font-size: 24px;
  }

  .process-grid-three {
    grid-template-columns: 1fr;
  }

  .h1-heading-23 {
    font-size: 24px;
  }

  .process-count {
    margin-left: 0;
  }

  .process-details {
    padding-top: 0;
  }

  .process-image-right {
    width: 100%;
  }

  .section-regular-51 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .process-grid-item-large {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-columns: .25fr 1.75fr;
  }

  .h3-heading-10 {
    font-size: 24px;
  }

  .section-regular-52 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .h1-heading-24, .bold-text-8 {
    font-size: 24px;
  }

  .h3-heading-11 {
    font-size: 36px;
  }

  .section-regular-53, .section-regular-54 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .h1-heading-25, .bold-text-9 {
    font-size: 24px;
  }

  .h3-heading-12 {
    font-size: 36px;
  }

  .section-regular-55 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .grid-three-column-14 {
    grid-template-columns: 1fr;
  }

  .section-regular-56 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .container-regular-33 {
    margin-top: -47px;
  }

  .section-large-23 {
    margin-top: -199px;
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .section-regular-57 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .section-large-24, .section-large-25 {
    margin-top: -199px;
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .grid-three-column-15 {
    grid-template-columns: 1fr;
  }

  .container-regular-36 {
    margin-top: -47px;
  }

  .section-regular-58 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .section-regular-58.background-gray {
    margin-top: -74px;
  }

  .section-large-26 {
    margin-top: -199px;
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .container-regular-38 {
    margin-top: -47px;
  }

  .section-regular-59 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .section-regular-59.background-gray {
    margin-top: -74px;
  }

  .section-large-27 {
    margin-top: -199px;
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .container-regular-40, .container-regular-41 {
    margin-top: -47px;
  }

  .section-regular-60 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .section-regular-60.background-gray {
    margin-top: -74px;
  }

  .section-large-28 {
    margin-top: -199px;
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .container-regular-43 {
    margin-top: -47px;
  }

  .section-regular-61 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .section-regular-61.background-gray {
    margin-top: -74px;
  }

  .section-large-29 {
    margin-top: -199px;
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .section-regular-62 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .section-regular-62.background-gray {
    margin-top: -74px;
  }

  .section-large-30 {
    margin-top: -199px;
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .section-regular-63 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .section-regular-63.background-gray {
    margin-top: -74px;
  }

  .section-large-31 {
    margin-top: -199px;
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .section-regular-64 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .section-regular-64.background-gray {
    margin-top: -74px;
  }

  .section-large-32 {
    margin-top: -199px;
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .section-regular-65 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .section-regular-65.background-gray {
    margin-top: -74px;
  }

  .section-large-33 {
    margin-top: -199px;
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .section-large-34, .section-regular-66 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .section-regular-66.background-gray {
    margin-top: -74px;
  }

  .section-large-35 {
    margin-top: -199px;
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .section-regular-67 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .section-regular-67.background-gray {
    margin-top: -74px;
  }

  .section-large-36 {
    margin-top: -199px;
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .section-regular-68 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .section-regular-68.background-gray {
    margin-top: -74px;
  }

  .section-large-37 {
    margin-top: -199px;
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .section-regular-69 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .section-regular-69.background-gray {
    margin-top: -74px;
  }

  .section-large-38 {
    margin-top: -199px;
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .section-regular-70 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .section-regular-70.background-gray {
    margin-top: -74px;
  }

  .section-large-39 {
    margin-top: -199px;
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .section-regular-71 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .section-regular-71.background-gray {
    margin-top: -74px;
  }

  .section-large-40 {
    margin-top: -199px;
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .section-large-41, .section-regular-72 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .section-regular-72.background-gray {
    margin-top: -74px;
  }

  .section-large-42, .section-regular-73 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .section-regular-73.background-gray {
    margin-top: -74px;
  }

  .section-large-43, .section-regular-74 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .section-regular-74.background-gray {
    margin-top: -74px;
  }

  .section-large-44 {
    margin-top: -199px;
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .section-regular-75 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .section-regular-75.background-gray {
    margin-top: -74px;
  }

  .section-large-45 {
    margin-top: -199px;
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .section-regular-76 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .section-regular-76.background-gray {
    margin-top: -74px;
  }

  .section-large-46 {
    margin-top: -199px;
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .section-regular-77 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .section-regular-77.background-gray {
    margin-top: -74px;
  }

  .section-large-47 {
    margin-top: -199px;
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .section-regular-78 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .section-regular-78.background-gray {
    margin-top: -74px;
  }

  .section-large-48 {
    margin-top: -199px;
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .section-large-49, .section-regular-79 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .section-regular-79.background-gray {
    margin-top: -74px;
  }

  .section-large-50, .section-regular-80 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .section-regular-80.background-gray {
    margin-top: -74px;
  }

  .section-large-51, .section-regular-81 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .section-regular-81.background-gray {
    margin-top: -74px;
  }

  .section-large-52, .section-large-53, .section-regular-82 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .section-regular-82.background-gray {
    margin-top: -74px;
  }

  .section-large-54, .section-regular-83 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .section-regular-83.background-gray {
    margin-top: -74px;
  }

  .section-large-55, .section-regular-84 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .section-regular-84.background-gray {
    margin-top: -74px;
  }

  .section-large-56, .section-regular-85 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .section-regular-85.background-gray {
    margin-top: -74px;
  }

  .section-large-57, .section-regular-86 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .section-regular-86.background-gray {
    margin-top: -74px;
  }

  .section-large-58, .section-regular-87 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .section-regular-87.background-gray {
    margin-top: -74px;
  }

  .section-large-59, .section-regular-88 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .section-regular-88.background-gray {
    margin-top: -74px;
  }

  .section-large-60, .section-regular-89 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .section-regular-89.background-gray {
    margin-top: -74px;
  }

  .section-large-61, .section-regular-90 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .section-regular-90.background-gray {
    margin-top: -74px;
  }

  .section-large-62, .section-regular-91 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .section-regular-91.background-gray {
    margin-top: -74px;
  }

  .section-large-63, .section-regular-92 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .section-regular-92.background-gray {
    margin-top: -74px;
  }

  .container-small-13 {
    margin-top: -114px;
  }

  .feature-grid-5 {
    grid-template-columns: 1fr;
  }

  .navmenu-dropdown-section-list, .navmenu-dropdown-section-list-2 {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
    grid-template-columns: 1fr 1fr;
  }

  .navbar_dropdown-list-column-title {
    margin-bottom: 1.25rem;
  }

  .navbar_dropdown-list-content-wrapper {
    box-shadow: none;
    padding: 1.25rem;
  }

  .navbar_dropdown-list-link {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: column;
  }

  .navbar_dropdown-list-link.cc-image-button {
    flex-flow: row;
  }

  .navbar_dropdown-list-link.cc-landcscape {
    width: calc(50% - 1rem);
  }

  .navbar_dropdown-list-container {
    padding-left: 0;
    padding-right: 0;
  }

  .navbar_content-wrapper {
    height: 90px;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
    font-size: 14px;
    line-height: 20%;
  }

  .navbar_nav-link.cc-button-mobile {
    flex: auto;
  }

  .navbar_nav-link.cc-mobile {
    color: var(--slate-blue);
  }

  .navbar_dropdown-list {
    padding-top: 0;
    padding-bottom: 0;
  }

  .navbar_menu-inner-wrapper {
    height: calc(100dvh - 3.55rem);
    max-height: 400px;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
    font-size: 14px;
    line-height: 120%;
  }

  .navbar_link-group.cc-2 {
    flex-flow: wrap;
  }

  .navbar_cta {
    flex: auto;
  }

  .navbar_dropdown-inner-list.cc-cta {
    flex-flow: column;
  }

  .navbar_brand {
    padding-left: 0;
  }

  .navbar_dropdown-list-column.cc-small {
    order: 0;
    width: calc(50% - 1rem);
  }

  .navbar_dropdown-list-column.cc-last.cc-landscape {
    width: 100%;
  }

  .navbar_main-container {
    height: 90px;
  }

  .language-grid {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .translation-wrapper.language.w--open {
    width: 530px;
  }

  .heading-7 {
    font-size: 1.5rem;
    line-height: 1.2;
  }

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

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

  .header3_content {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    margin-top: 149px;
  }

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

  .padding-section-large.padding-custom1 {
    padding-top: 8rem;
  }

  .padding-global {
    margin-top: -232px;
  }

  .heading-style-display {
    font-size: 1.5rem;
  }

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

  .header-section-s-2 {
    margin-top: 95px;
    padding-top: 72px;
  }

  .footer_terms-text {
    font-size: .8rem;
  }

  .footer_line-div {
    width: 205px;
  }

  .padding-global-2 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .footer_text-head {
    font-size: 1.1rem;
  }

  .image-3 {
    object-fit: contain;
  }

  .footer_grid {
    grid-template-columns: 1fr 1fr;
    align-items: start;
  }

  .footer_info {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
  }

  .footer_logo-text {
    font-size: 1.5rem;
  }

  .footer_card-one {
    min-width: 210px;
    max-width: 500px;
    padding-left: 10px;
    padding-right: 0;
  }

  .footer_wrap {
    padding-bottom: 40px;
  }

  .footer_wrapper {
    justify-content: space-between;
    align-items: flex-start;
    padding: 0;
  }

  .footer_terms {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-content: flex-start;
  }

  .footer_logo {
    width: 100%;
    display: flex;
  }

  .footer_card-heading {
    font-size: 1.3rem;
  }

  .footer_social-icon {
    justify-content: flex-start;
  }

  .text-block-30 {
    margin-top: 12px;
  }

  .icon-88 {
    color: var(--slate-blue);
  }

  .heading-11 {
    font-size: 46px;
  }

  .section {
    padding: 60px 15px;
  }

  .layout-list-item {
    background-image: none;
    background-size: auto;
    margin-top: 1.5rem;
    margin-bottom: 2rem;
  }

  .heading-12 {
    font-size: 46px;
  }

  .h1-heading-26 {
    font-size: 24px;
  }

  .header-section-s-3 {
    padding-top: 72px;
  }

  .h1-heading-27 {
    font-size: 24px;
  }

  .header-section-s-4, .header-section-s-5, .header-section-s-6, .header-section-s-7, .header-section-s-8, .header-section-s-9 {
    padding-top: 72px;
  }

  .navbar_dropdown-list-column-title-2 {
    margin-bottom: 1.25rem;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: 40px;
  }

  h2 {
    font-size: 36px;
  }

  h3 {
    font-size: 30px;
  }

  h4 {
    font-size: 28px;
  }

  h5 {
    font-size: 24px;
  }

  h6 {
    font-size: 22px;
  }

  p {
    font-size: 18px;
  }

  li {
    font-size: 16px;
  }

  .style-guide-content {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding: 20px 10px;
  }

  .style-guide-main {
    padding-left: 0;
    padding-right: 0;
  }

  .style-guide-link {
    grid-template-columns: 1fr;
  }

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

  .body-22px {
    font-size: 18px;
  }

  .style-guide-titles {
    margin-bottom: 40px;
    font-size: 36px;
    line-height: 120%;
  }

  .wrapper-1160px {
    width: 90%;
  }

  .wrapper-1160px.home-logo-flex {
    text-align: center;
  }

  .wrapper-1160px.home-feature-spotlight-flex {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
  }

  .wrapper-1160px.home-discover-flex {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .wrapper-1160px.industry-expert-flex {
    padding-bottom: 100px;
  }

  .wrapper-1160px.business-growth-flex {
    padding-top: 100px;
    padding-bottom: 50px;
  }

  .wrapper-1160px.best-people-flex, .wrapper-1160px.about-venture-flex {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .wrapper-1160px.faq-flex, .wrapper-1160px.comparision-table-flex {
    padding-top: 0;
  }

  .wrapper-1160px.latest-blogs-flex {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .wrapper-1160px.blog-hero-flex {
    padding-top: 60px;
    padding-bottom: 100px;
  }

  .wrapper-1160px.integration-hero-flex {
    margin-top: -40px;
  }

  .wrapper-1160px.contact-hero-flex {
    padding-top: 60px;
    padding-bottom: 100px;
  }

  .wrapper-1160px._404-hero-flex {
    padding-top: 60px;
  }

  .wrapper-1160px.home-3-hero-flex {
    grid-column-gap: 140px;
    grid-row-gap: 140px;
    padding-top: 60px;
  }

  .wrapper-1160px.home-3-feature-flex {
    padding-top: 100px;
  }

  .wrapper-1160px.home-3-data-analysis-flex {
    padding-top: 60px;
  }

  .wrapper-1160px.why-choose-flex {
    padding-top: 100px;
  }

  .wrapper-1160px.home-3-customer-flex {
    padding-top: 60px;
  }

  .wrapper-1160px.home-3-contact-flex {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .wrapper-1160px.reviews-hero-flex {
    padding-top: 60px;
    padding-bottom: 100px;
  }

  .wrapper-1160px.reviews-customer-flex {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .wrapper-1160px.download-hero-flex {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    padding-top: 80px;
    padding-bottom: 0;
  }

  .wrapper-1160px.venture-flex {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
  }

  .wrapper-1160px.customer-flex-180px, .wrapper-1160px.creative-freedom-flex-180px {
    padding-top: 100px;
  }

  .wrapper-1160px.careers-hero-flex {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    padding-top: 60px;
    padding-bottom: 100px;
  }

  .wrapper-1160px.careers-opening-flex {
    padding-top: 0;
    padding-bottom: 0;
  }

  .wrapper-1160px.home-2-cta-section {
    border-radius: 12px;
    padding-left: 15px;
  }

  .wrapper-1160px.pricing-2-hero-flex {
    grid-column-gap: 100px;
    grid-row-gap: 100px;
    padding-top: 60px;
  }

  .wrapper-1160px.pricing-2-customer-flex {
    padding-top: 50px;
    padding-bottom: 100px;
  }

  .wrapper-1160px.different-blue-flex {
    padding-top: 140px;
    padding-bottom: 100px;
  }

  .wrapper-1160px.team-yellow-flex {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .wrapper-1160px.faq-open-flex {
    padding-top: 60px;
    padding-bottom: 0;
  }

  .wrapper-1160px.pricing-table-flex {
    grid-column-gap: 90px;
    grid-row-gap: 90px;
  }

  .wrapper-1160px.pricing-3-hero-flex {
    padding-top: 60px;
    padding-bottom: 80px;
  }

  .wrapper-1160px.about-2-hero-flex {
    padding-bottom: 80px;
  }

  .wrapper-1160px.about-2-creative-talent-flex {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .wrapper-1160px.about-2-different-flex {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
  }

  .wrapper-1160px.about-2-people-flex {
    padding-top: 100px;
    padding-bottom: 0;
  }

  .wrapper-1160px.about-2-team-flex {
    padding-top: 100px;
  }

  .wrapper-1160px.home-2-creative-flex {
    padding-top: 20px;
    padding-bottom: 50px;
  }

  .wrapper-1160px.home-2-analysis-flex {
    padding-top: 50px;
  }

  .wrapper-1160px.home-2-feature-flex {
    padding-top: 100px;
  }

  .wrapper-1160px.home-2-spotlight-flex {
    padding-top: 100px;
    padding-bottom: 200px;
  }

  .wrapper-1160px.home-2-hero-flex {
    padding-bottom: 150px;
  }

  .wrapper-1160px.home-2-result-flex {
    margin-top: -33px;
  }

  .wrapper-1160px.about-2-discover-flex {
    padding-top: 20px;
    padding-bottom: 100px;
  }

  .wrapper-1160px.cs-hero-cms-flex {
    padding-top: 80px;
  }

  .wrapper-1160px.overview-spotlight-flex {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .update-text {
    font-size: 32px;
  }

  .reference-wrapper {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .reference-wrapper.updates {
    padding: 20px;
  }

  .body-22px-medium, .body-22px-bold {
    font-size: 18px;
  }

  .blue-button {
    padding: 12px 30px;
    font-size: 18px;
  }

  .blue-button.newsletter-button {
    width: 100%;
  }

  .blue-button.integration-button {
    font-size: 16px;
  }

  .nav-button {
    padding: 8px 15px;
    font-size: 14px;
  }

  .nav-button.hide {
    display: none;
  }

  .nav-button.in-menu {
    padding: 15px 25px;
    font-size: 16px;
    display: block;
  }

  .primary-blue-button {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    padding-right: 20px;
    font-size: 18px;
  }

  .primary-blue-button.phone {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .primary-blue-button.white, .primary-blue-button.contact-phone {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .primary-button-icon-wrapper {
    width: 45px;
    height: 45px;
  }

  .purple-text-span {
    border-radius: 8px;
  }

  .no-credit-card-text {
    font-size: 16px;
  }

  .navbar-button-container {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .round-hero-brand {
    width: 120px;
  }

  .home-hero-item.right-with-arrow {
    bottom: -16%;
    right: 0%;
  }

  .home-hero-item.chart {
    bottom: 100px;
    left: -3%;
  }

  .home-hero-item.pencil {
    top: -13%;
  }

  .home-hero-item.purple-profile {
    bottom: -8%;
  }

  .home-hero-item.bulb {
    width: 45px;
    bottom: 100px;
    right: -3%;
  }

  .home-hero-item.red-profile {
    top: -10%;
  }

  .home-logo-grid {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-wrap: wrap;
    grid-template-columns: 1fr;
    justify-content: center;
    justify-items: center;
    display: flex;
  }

  .home-logo-hero-item {
    width: 47%;
  }

  .red-text-span {
    border-radius: 8px;
  }

  .home-hero-spotlight-wrapper {
    padding: 40px 15px;
  }

  .home-hero-spotlight-wrapper:hover {
    transform: translate(-10px, -10px);
  }

  .home-hero-spotlight-heading {
    margin-bottom: 10px;
    font-size: 30px;
  }

  .home-hero-spotlight-para {
    font-size: 16px;
  }

  .home-discover-image-container {
    width: 95%;
  }

  .discover-hero-item._1 {
    left: -5%;
  }

  .discover-hero-item._2 {
    right: -5%;
  }

  .discover-hero-item.about-2-item-2 {
    bottom: -20px;
    left: -5%;
  }

  .discover-hero-item.about-2-item-1 {
    width: 150px;
    top: 40px;
    right: -8%;
  }

  .discover-pointer-heading {
    margin-bottom: 10px;
    font-size: 20px;
  }

  .discover-pointer-sub-para {
    font-size: 16px;
  }

  .home-cta-hero-heading {
    font-size: 35px;
  }

  .h2-heading-58px {
    font-size: 20px;
  }

  .industry-expert-button-wrapper {
    margin-left: auto;
    margin-right: auto;
  }

  .business-growth-numbers-item {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: column;
    align-items: flex-start;
  }

  .business-growth-number-wrap {
    max-width: none;
  }

  .customer-slide {
    padding-bottom: 30px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .customer-slide-para, .customer-slide-sign-up-rate {
    font-size: 20px;
  }

  .customer-slider-left-arrow {
    inset: auto auto -80px 30%;
  }

  .customer-slider-bold-text {
    font-size: 25px;
  }

  .customer-slide-organic-traffic {
    font-size: 20px;
  }

  .customer-slide-logo-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: column;
  }

  .customer-slider-right-arrow, .customer-slider-right-arrow.position-at-the-end {
    inset: auto 30% -80px auto;
  }

  .hm-container-blue-item {
    flex-direction: column;
    margin-top: -28px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .hm-container-blue-item.right {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    align-items: flex-start;
  }

  .hm-container-blue-item.home-3-contact-yellow-box, .hm-container-blue-item.home-3-contact-yellow-border {
    width: 95%;
  }

  .home-integration-blue-container {
    padding: 40px 15px;
  }

  .h-m-blue-item-heading-22px {
    font-size: 18px;
    line-height: 120%;
  }

  .h-m-blue-para-16px {
    font-size: 14px;
  }

  .hm-dark-blue-item {
    border-radius: 10px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .hm-dark-blue-hero-icon {
    width: 40px;
    height: 40px;
  }

  .hm-dark-blue-para {
    font-size: 20px;
  }

  .hm-yellow-hero-item {
    padding-left: 15px;
    padding-right: 15px;
  }

  .hm-yellow-hero-item-para {
    font-size: 16px;
  }

  .hm-yellow-hero-item-heading {
    font-size: 28px;
    line-height: 100%;
  }

  .hm-yellow-item-hero-image {
    width: 200px;
    top: -50px;
    left: 20px;
  }

  .hm-grey-hero-item {
    padding-left: 15px;
    padding-right: 15px;
  }

  .hm-grey-hero-item-pointer {
    background-position: 0 3px;
    font-size: 16px;
  }

  .hm-grey-pointer-container {
    margin-top: 20px;
    margin-bottom: 40px;
  }

  .footer-banner {
    grid-row-gap: 10px;
    flex-direction: column;
    padding-left: 4px;
    padding-right: 4px;
  }

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

  .footer-right-grid {
    flex-direction: column;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .menu-button {
    padding: 5px 8px;
  }

  .nav-link-button-wrapper {
    font-size: 14px;
  }

  .creative-talent-office-item {
    padding-left: 20px;
    padding-right: 20px;
  }

  .about-hero-upper-img-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: column;
  }

  .about-numbers-grid {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
  }

  .about-numbers-item-heading {
    margin-bottom: 10px;
    font-size: 50px;
  }

  .about-numbers-item-tag-text {
    font-size: 16px;
  }

  .best-people-traits-item {
    flex-direction: column;
    align-items: flex-start;
    padding-right: 0;
  }

  .best-people-traits-icon-wrap {
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
  }

  .best-people-traits-para-text {
    margin-left: 10px;
    margin-right: 10px;
    font-size: 16px;
  }

  .best-people-traits-hero-icon {
    width: 60px;
    height: 60px;
  }

  .about-ventures-funding-heading {
    margin-bottom: 10px;
    font-size: 50px;
  }

  .about-ventures-funding-tag-text {
    font-size: 16px;
  }

  .about-ventures-tab-para {
    font-size: 22px;
  }

  .faq-content {
    font-size: 16px;
  }

  .faq-answer-wrap, .faq-question-container {
    padding-left: 10px;
    padding-right: 10px;
  }

  .faq-question {
    font-size: 18px;
    line-height: 140%;
  }

  .price-grid-text {
    font-size: 16px;
  }

  .pricing-headings {
    font-size: 18px;
  }

  .pricing-headings.small {
    font-size: 16px;
  }

  .comparison-plan {
    max-width: 120px;
  }

  .price-checkmark {
    width: 25px;
  }

  .pricing-grid-item-upper {
    padding-bottom: 30px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .pricing-grid-item-bottom {
    padding-left: 15px;
    padding-right: 15px;
  }

  .pricing-grid-item-heading {
    margin-bottom: 4px;
  }

  .pricing-grid-item-sub-heading {
    margin-bottom: 40px;
  }

  .custom-pricing-container {
    padding-left: 15px;
    padding-right: 15px;
  }

  .custom-pricing-sub-container {
    padding-left: 10px;
    padding-right: 10px;
  }

  .custom-pricing-heading-large {
    font-size: 40px;
  }

  .custom-pricing-grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .customer-grid-pointer-container {
    padding-top: 20px;
  }

  .custom-pricing-icon-container {
    flex-direction: column;
  }

  .pricing-testimonial-yellow-box, .pricing-testimonial-purple-box {
    padding-left: 15px;
    padding-right: 15px;
  }

  .pricing-testimonial-para {
    font-size: 18px;
  }

  .pricing-testimonial-sign-up-rate {
    font-size: 20px;
  }

  .pricing-testimonial-bold-text {
    font-size: 28px;
  }

  .pricing-testimonial-organic-text {
    font-size: 20px;
  }

  .blog-hero-item-text-wrapper {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    width: 100%;
    margin-top: -10px;
    padding-top: 20px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .blog-hero-item-tag {
    margin-bottom: 6px;
    font-size: 14px;
  }

  .blog-hero-item-heading {
    font-size: 22px;
  }

  .blog-hero-item-author-wrapper {
    flex-direction: column;
    align-items: flex-start;
  }

  .blog-hero-item-hero-image {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  .blog-tabs-menu {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .blog-tab-link {
    padding: 12px 30px;
    font-size: 16px;
  }

  .newsletter-form-wrapper {
    background-color: #0000;
    border-radius: 8px;
    flex-direction: column;
  }

  .newsletter-text-field {
    height: 60px;
    margin-bottom: 10px;
  }

  .newsletter-blue-bg._1 {
    display: none;
  }

  .newsletter-blue-bg._2 {
    width: 180px;
  }

  .blog-slider-image-item {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  .blog-slider-text-item {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    width: 100%;
    margin-top: -5px;
    padding: 20px;
  }

  .blog-slider-text-wrapper {
    margin-bottom: 60px;
  }

  .blog-details-hero-section {
    padding-top: 220px;
  }

  .blog-details-hero-text-container {
    padding: 30px 15px;
  }

  .blog-details-hero-heading {
    margin-bottom: 30px;
    font-size: 32px;
  }

  .blog-details-social-left-wrapper {
    padding-top: 14px;
    padding-bottom: 14px;
  }

  .rich-text {
    padding-top: 40px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .rich-text p {
    font-size: 16px;
  }

  .rich-text h4 {
    font-size: 28px;
  }

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

  .rich-text blockquote {
    margin-top: 40px;
    margin-bottom: 40px;
    padding: 30px 15px;
  }

  .blog-details-cta-text {
    font-size: 16px;
  }

  .blog-details-author-container {
    padding-top: 40px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .blog-details-autho-para {
    font-size: 16px;
  }

  .blog-details-author-item {
    width: 60px;
    height: 60px;
  }

  .blog-details-author-profile-item {
    width: 40px;
    height: 40px;
  }

  .blog-details-author-profile-wrap {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    align-content: center;
    width: 100%;
    max-width: 300px;
    margin-bottom: 30px;
    position: relative;
    top: 0;
  }

  .utility-page-form {
    padding-left: 15px;
    padding-right: 15px;
  }

  .integration-hero-text-wrapper {
    width: 100%;
  }

  .integration-hero-card-container {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .integration-hero-card-image {
    width: 70px;
    height: 70px;
  }

  .integration-hero-card-sub-wrap {
    width: 100%;
  }

  .request-integration-container {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-wrap: wrap;
    padding-left: 15px;
    padding-right: 15px;
  }

  .request-integration-heading {
    width: 100%;
    font-size: 24px;
  }

  .integration-hero-item._1 {
    width: 45px;
  }

  .integration-hero-item._2 {
    width: 60px;
  }

  .integration-hero-item._3 {
    width: 55px;
    bottom: -60px;
  }

  .integration-hero-item._5 {
    width: 50px;
  }

  .integration-hero-item._6 {
    width: 70px;
    bottom: -70px;
  }

  .office-location-container {
    width: 100%;
  }

  .contact-form-block {
    padding-bottom: 40px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .contact-text-field.name, .contact-text-field.email, .contact-text-field.subject {
    background-position: 10px;
    padding-left: 40px;
  }

  .contact-text-area {
    background-position: 10px 12px;
    padding-left: 40px;
  }

  .contact-success-message, .contact-error-message {
    font-size: 16px;
  }

  .contact-answer-section {
    margin-bottom: 40px;
  }

  .contact-answer-grid-item {
    padding-left: 20px;
    padding-right: 20px;
  }

  .pass-recovery-heading {
    font-size: 26px;
  }

  .blue-background-small {
    width: 200px;
  }

  .log-in-section {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .log-in-heading {
    margin-bottom: 40px;
    font-size: 28px;
  }

  .log-in-blue-large-bg {
    width: 40%;
  }

  .log-in-blue-small-ng {
    width: 200px;
  }

  ._404-image-container {
    width: 100%;
  }

  ._404-heading {
    font-size: 100px;
  }

  ._404-sub-heading {
    font-size: 28px;
  }

  .feature-roi-hero-item {
    padding-left: 12px;
    padding-right: 12px;
  }

  .feature-hero-section {
    margin-top: -59px;
  }

  .feature-hero-heading {
    font-size: 20px;
  }

  .features-best-places-grid {
    grid-template-columns: 1fr;
  }

  .customer-first-section {
    margin-top: 30px;
  }

  .customer-first-yellow-container {
    margin-top: -73px;
  }

  .customer-first-pointer-text {
    font-size: 16px;
  }

  .customer-first-blue-container {
    padding-top: 160px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .customer-first-dark-blue-wrap {
    padding: 40px 20px;
  }

  .customer-first-dark-blue-icon {
    width: 60px;
    margin-bottom: 40px;
  }

  .cf-dark-blue-heading {
    margin-bottom: 12px;
    font-size: 28px;
  }

  .cf-dark-blue-para {
    font-size: 16px;
  }

  .cf-blue-pointer-icon {
    width: 24px;
    height: 24px;
  }

  .cf-blue-container-text {
    font-size: 15px;
  }

  .feature-spotlight-section {
    margin-top: -205px;
  }

  .feature-spotlight-item-wrapper {
    flex-direction: column;
    padding-left: 15px;
    padding-right: 15px;
  }

  .feature-spotlight-item-wrapper:hover {
    border-radius: 10px;
    transform: translate(-10px, -10px);
  }

  .block-header {
    padding-left: 10px;
    padding-right: 10px;
  }

  .ecom-pricing-heading {
    font-size: 40px;
  }

  .pricing-plan-points p, .pricing-plan-points h6 {
    margin-bottom: 8px;
  }

  .cart-button {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 14px;
  }

  .blue-text-span-16px {
    margin-bottom: 6px;
    font-size: 14px;
  }

  .update-paragraph {
    font-size: 16px;
  }

  .instruction-heading-2 {
    margin-bottom: 30px;
    font-size: 30px;
  }

  .text-variant-item {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 2fr;
  }

  .style-wrapper {
    width: 90%;
  }

  .typo-style-info-text {
    font-size: 16px;
    line-height: 20px;
  }

  .style-description {
    font-size: 16px;
  }

  .licencing-images-grid-2 {
    grid-row-gap: 20px;
    grid-template-columns: 1fr;
    place-items: center;
  }

  .licensing-heading-2 {
    font-size: 35px;
  }

  .font-title-heading {
    border-radius: 10px;
    margin-top: 40px;
    padding: 15px 10px;
    font-size: 35px;
  }

  .licencing-image-item-2 {
    height: 200px;
  }

  .plan-detail-title {
    font-size: 30px;
    line-height: 40px;
  }

  .product-box-wrap {
    padding-left: 10px;
    padding-right: 10px;
  }

  .plan-detail-paragraph {
    font-size: 16px;
  }

  .buttons-contain {
    grid-template-columns: 1fr;
  }

  .plan-price {
    font-size: 30px;
  }

  .buynow-button, .add-to-cart {
    letter-spacing: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .about-product-text {
    font-size: 18px;
    line-height: 150%;
  }

  .colors-grid {
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .style-guide-titles-2 {
    margin-bottom: 40px;
    font-size: 36px;
    line-height: 120%;
  }

  .contact-success-message-2 {
    font-size: 16px;
  }

  .home-3-user-2 {
    width: 50px;
    left: -14px;
  }

  .purple-text-span-2 {
    border-radius: 8px;
  }

  .home-3-hero-image {
    width: 95%;
  }

  .home-3-form {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    align-items: stretch;
  }

  .home-3-user-1 {
    width: 40px;
  }

  .contact-error-message-2 {
    font-size: 16px;
  }

  .home-3-hero-item-2 {
    width: 85%;
  }

  .home-3-hero-highlight {
    width: 35px;
    right: -20px;
  }

  .home-3-hero-item-1 {
    width: 45%;
    top: 60px;
  }

  .home-3-testimonial-star-wrapper {
    margin-bottom: 20px;
  }

  .home-3-testimonial-italic-text {
    font-size: 20px;
    line-height: 120%;
  }

  .home-3-testimonial-author-item {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 30px;
  }

  .home-3-number-subtext {
    font-size: 16px;
    line-height: 120%;
  }

  .home-3-number-heading {
    margin-bottom: 6px;
    font-size: 40px;
  }

  .home-3-number-item-grid {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .home-3-feature-item-heading {
    font-size: 30px;
  }

  .home-3-feature-item-para {
    font-size: 16px;
    line-height: 150%;
  }

  .home-3-feature-item-text-wrap {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    margin-top: 20px;
  }

  .home-3-analysis-bottom-wrap {
    grid-column-gap: 140px;
    grid-row-gap: 140px;
  }

  .home-3-tag-item {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    padding-right: 20px;
    font-size: 14px;
  }

  .reference-paragraph {
    font-size: 16px;
  }

  .integration-details-text-container {
    margin-bottom: 120px;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .integration-type {
    margin-bottom: 6px;
    margin-left: 10px;
    font-size: 14px;
  }

  .integration-top-wrapper {
    text-align: center;
  }

  .integration-name {
    font-size: 40px;
  }

  .integration-summary {
    font-size: 16px;
  }

  .integration-social-left-wrapper {
    padding-top: 14px;
    padding-bottom: 14px;
  }

  .career-details-text-container {
    margin-bottom: 120px;
    padding-top: 0;
    padding-bottom: 30px;
  }

  .home-3-analysis-spacer-line {
    margin-top: 40px;
    margin-bottom: 20px;
  }

  .home-3-analysis-numbers-flex {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .home-3-analysis-highlight-img.left {
    width: 20px;
    top: -15px;
    left: -15px;
  }

  .home-3-analysis-highlight-img.right {
    width: 20px;
    bottom: -15px;
    right: -15px;
  }

  .home-3-analysis-absolute-img {
    bottom: 40px;
  }

  .home-3-analysis-chart-img {
    width: 30px;
    top: 90px;
  }

  .why-choose-text-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .why-choose-hero-item {
    padding: 40px 10px;
  }

  .why-choose-pointer-text {
    background-position: 0 0;
    background-size: 28px;
    padding-left: 35px;
    font-size: 18px;
    line-height: 150%;
  }

  .why-choose-item-grid {
    margin-top: -55px;
  }

  .why-choose-item-container {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .why-choose-highlight-icon {
    width: 30px;
    top: 45px;
    left: -20px;
  }

  .vs-blue-wrapper {
    width: 70px;
    height: 70px;
    font-size: 30px;
  }

  .home-3-integration-cl {
    grid-template-rows: auto auto auto auto auto auto auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .customer-slide-upper-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: column;
  }

  .home-3-customer-slide-logo {
    width: 130px;
  }

  .home-3-customer-para {
    font-size: 22px;
  }

  .home-3-contact-blue-wrapper {
    border-radius: 10px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .home-3-contact-blue-heading {
    margin-bottom: 16px;
    font-size: 30px;
  }

  .home-3-contact-left-container {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .home-3-contact-yellow-wrapper {
    border-radius: 10px;
    padding: 40px 10px;
  }

  .home-3-contact-dark-blue-wrap {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    border-radius: 10px;
    padding: 20px 10px;
  }

  .home-3-contact-badge-icon {
    width: 40px;
  }

  .home-3-contact-text-32px {
    font-size: 20px;
  }

  .home-3-contact-yellow-flex {
    margin-top: 20px;
  }

  .home-3-contact-blue-path-image, .home-3-cta-hero-item {
    width: 150px;
  }

  .home-3-cta-hero-item-1 {
    width: 140px;
  }

  .home-3-cta-form {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .home-3-contact-blue-icon {
    width: 65px;
  }

  .reviews-hero-heading {
    font-size: 35px;
  }

  .reviews-hero-container {
    flex-direction: column;
    align-items: center;
  }

  .reviews-hero-spacer-line {
    width: 100%;
    height: 1px;
  }

  .reviews-testimonial-item {
    width: 95%;
    padding-left: 10px;
    padding-right: 10px;
  }

  .reviews-testimonial-author-item {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .reviews-testimonial-author-name {
    font-size: 16px;
  }

  .reviews-testimonial-author-bio {
    font-size: 14px;
  }

  .customer-reviews-hero-item {
    padding: 30px 10px 26px;
  }

  .faq-card-question-container {
    padding-left: 15px;
    padding-right: 15px;
  }

  .faq-card-question {
    line-height: 120%;
  }

  .faq-card-answer-wrap {
    padding-left: 15px;
    padding-right: 15px;
  }

  .faq-card-content {
    padding-bottom: 24px;
  }

  .download-hero-heading {
    font-size: 35px;
  }

  .download-hero-item {
    padding: 30px 15px 25px;
  }

  .download-hero-item-icon {
    width: 70px;
    margin-bottom: 20px;
  }

  .download-hero-item-para {
    font-size: 15px;
  }

  .different-hero-item {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: column;
    align-items: flex-start;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .demo-hero-heading {
    font-size: 32px;
  }

  .venture-bottom-left-container {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-direction: column;
    align-items: center;
  }

  .venture-bottom-hero-item {
    text-align: center;
    flex-direction: column;
    align-items: center;
    max-width: 220px;
    display: flex;
  }

  .venture-company-logo-grid {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .venture-king-crown-image {
    width: 80px;
    top: 230px;
    bottom: 230px;
  }

  .venture-path-image {
    width: 45%;
  }

  .logo-train-item {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    max-width: 170px;
    margin-right: 10px;
  }

  .logo-train-item-image {
    max-width: 150px;
  }

  .logo-train-banner-section {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .demo-hero-logo-grid {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr;
  }

  .careers-hero-heading {
    margin-bottom: 20px;
  }

  .careers-hero-sub-wrapper {
    flex-direction: column;
    align-items: center;
  }

  .careers-hero-sub-wrapper.top-align {
    align-items: center;
  }

  .careers-tabs-menu {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .careers-tab-link {
    font-size: 14px;
  }

  .careers-opening-card-item {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: column;
    align-items: flex-start;
    padding: 20px 15px;
  }

  .careers-opening-card-icon-wrap {
    border-radius: 6px;
    width: 40px;
    height: 40px;
  }

  .careers-opening-card-arrow, .careers-card-white-arrow {
    width: 20px;
    height: 20px;
  }

  .careers-opening-card-text-wrap {
    width: 100%;
  }

  .careers-opening-card-heading {
    font-size: 20px;
    line-height: 100%;
  }

  .career-opening-card-text-16px {
    font-size: 14px;
  }

  .career-opening-text-wrapper {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .home-2-cta-sub-text-wrapper {
    margin-bottom: 80px;
  }

  .yellow-text-span {
    border-radius: 8px;
  }

  .home-2-cta-icon {
    width: 70px;
    margin-bottom: 20px;
  }

  .home-2-cta-image {
    border-bottom-right-radius: 12px;
  }

  .home-2-cta-blue-background {
    width: 100%;
    right: -180px;
  }

  .pricing-2-hero-text-wrapper {
    width: 100%;
  }

  .pricing-2-tabs {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .pricing-2-tabs-menu {
    max-width: 272px;
    margin-bottom: 60px;
    margin-left: 0;
  }

  .pricing-2-tab-link {
    padding-left: 30px;
    padding-right: 30px;
  }

  .pricing-2-top-wrapper {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    padding: 30px 15px;
  }

  .pricing-2-middle-wrapper {
    padding-left: 15px;
    padding-right: 15px;
  }

  .pricing-2-bottom-wrapper {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    padding: 30px 15px;
  }

  .pricing-2-pointer-wrapper {
    align-items: flex-start;
  }

  .pricing-2-pointer-container {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .pricing-2-price-text {
    font-size: 60px;
  }

  .pricing-2-price-text-small {
    font-size: 28px;
  }

  .pricing-2-price-text-wrapper {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .pricing-2-item-heading {
    font-size: 30px;
  }

  .customer-slide-wrapper-v2 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    padding: 30px 15px;
  }

  .customer-slide-heading-number {
    font-size: 35px;
  }

  .customer-slide-para-small-text {
    font-size: 18px;
  }

  .customer-slide-testimonial-text {
    font-size: 22px;
  }

  .customer-slide-brand-logo {
    max-width: 130px;
  }

  .customer-slider-left-arrow-v2, .customer-slider-right-arrow-v2 {
    bottom: -100px;
  }

  .discount-offer-img {
    top: -70px;
  }

  .different-blue-item {
    padding: 40px 15px;
  }

  .different-blue-item-icon {
    width: 75px;
    height: 75px;
    margin-bottom: 20px;
  }

  .different-blue-item-heading {
    margin-bottom: 10px;
    font-size: 22px;
  }

  .different-blue-item-para {
    font-size: 16px;
  }

  .different-blue-item-wrapper, .different-blue-item-container {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .about-3-hero-text-wrapper {
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .about-3-hero-heading {
    margin-bottom: 15px;
  }

  .about-3-hero-item-1 {
    width: 35%;
    margin-top: 20px;
  }

  .about-3-hero-item-2 {
    width: 40%;
  }

  .about-benefit-para-container {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .about-benefit-item-heading {
    margin-bottom: 8px;
    font-size: 35px;
  }

  .about-hero-star-icon {
    width: 50px;
    height: 53px;
    top: 60px;
    right: 10%;
  }

  .about-hero-arrow-image {
    bottom: 60px;
  }

  .faq-open-wrapper {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .pricing-table-top-wrap, .pricing-table-bottom-wrap {
    padding-left: 15px;
    padding-right: 15px;
  }

  .pricing-table-icon-wrapper {
    width: 36px;
    height: 36px;
  }

  .pricing-table-icon {
    width: 22px;
    height: 22px;
  }

  .pricing-table-top-text {
    font-size: 20px;
  }

  .pricing-table-hero-wrapper {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
  }

  .pricing-table-hero-flex {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .pricing-table-item.plan-feature-item {
    min-width: 200px;
  }

  .pricing-table-text-20px {
    font-size: 16px;
  }

  .pricing-table-top-special, .pricing-table-bottom-special {
    padding-left: 15px;
    padding-right: 15px;
  }

  .pricing-plan-feature-text {
    margin-bottom: 4px;
    font-size: 22px;
  }

  .pricing-plan-subtext, .pricing-plan-link-text {
    font-size: 18px;
  }

  .toggle-text {
    font-size: 20px;
  }

  .toggle-contain {
    margin-left: 10px;
    margin-right: 10px;
  }

  .pricing-table-upper-wrapper {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .pricing-plan-grid-item {
    padding: 30px 15px;
  }

  .pricing-plan-bottom-wrapper {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    margin-top: 40px;
  }

  .pricing-plan-bottom-wrapper.heading-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    margin-top: 20px;
  }

  .pricing-plan-type-text {
    font-size: 16px;
  }

  .pricing-plan-hero-text {
    font-size: 45px;
  }

  .pricing-plan-user-text {
    font-size: 16px;
  }

  .pricing-plan-item.heading-wrapper-left {
    max-width: 200px;
  }

  .pricing-plan-hero-text-20px {
    font-size: 16px;
    line-height: 20px;
  }

  .pricing-plan-check-circle {
    width: 34px;
    height: 34px;
  }

  .pricing-plan-heading-item {
    padding-bottom: 60px;
  }

  .pricing-3-hero-heading, .about-2-team-grid-item-image {
    margin-bottom: 16px;
  }

  .about-2-team-grid-item-heading {
    font-size: 28px;
  }

  .about-2-team-grid-item-subtext {
    font-size: 16px;
  }

  .creative-talent-grid-item {
    padding: 10px 10px 24px;
  }

  .creative-talent-grid-item-image {
    margin-bottom: 20px;
  }

  .creative-talent-item-heading {
    margin-bottom: 10px;
    font-size: 22px;
  }

  .creative-talent-item-subtext {
    font-size: 16px;
  }

  .about-2-different-item-image {
    width: 70px;
    height: 70px;
    margin-bottom: 16px;
  }

  .about-2-different-item-heading {
    margin-bottom: 10px;
    font-size: 28px;
  }

  .about-2-different-item-subtext {
    font-size: 16px;
  }

  .about-2-people-left-container, .about-2-people-image-flex {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-direction: column;
  }

  .about-2-hero-tag {
    margin-bottom: 10px;
  }

  .about-2-hero-item {
    text-align: center;
    flex-direction: column;
    align-items: center;
    padding: 30px 20px;
  }

  .about-2-arrow-icon {
    max-width: 55px;
    top: 390px;
  }

  .about-2-star-icon {
    max-width: 55px;
    top: 30px;
  }

  .home-2-analysis-item-icon {
    margin-bottom: 20px;
  }

  .home-2-analysis-item-heading {
    margin-bottom: 10px;
    font-size: 20px;
  }

  .home-2-spotlight-bottom-grid {
    grid-row-gap: 160px;
  }

  .home-2-spotlight-item {
    padding: 30px 20px 180px;
  }

  .home-2-spotlight-item:hover {
    box-shadow: 4px 4px 0 0 var(--playful-yellow);
  }

  .home-2-spotlight-item-icon {
    width: 75px;
    height: 75px;
  }

  .home-2-spotlight-item-heading {
    font-size: 24px;
  }

  .home-2-spotlight-item-subtext {
    font-size: 16px;
  }

  .home-2-spotlight-item-hero-img {
    width: 260px;
    bottom: -100px;
  }

  .home-2-hero-image-wrapper {
    width: 100%;
  }

  .home-2-image-absolute-1 {
    width: 200px;
    left: -3%;
  }

  .home-2-image-absolute-2 {
    width: 120px;
    top: 40px;
    right: -3%;
  }

  .home-2-hero-pencil {
    width: 50px;
    height: 50px;
    top: -18%;
    left: -5%;
  }

  .home-2-user-image-1 {
    width: 40px;
    height: 40px;
  }

  .home-2-user-image-2 {
    width: 50px;
    height: 50px;
    bottom: 60px;
  }

  .home-2-highlight-image {
    width: 40px;
    height: 40px;
  }

  .home-2-hero-rating-container {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .home-2-hero-rating-image {
    width: 45px;
    height: 45px;
  }

  .home-2-stat-icon {
    width: 60px;
    height: 60px;
    right: 0%;
  }

  .home-2-integration-item {
    margin-right: 16px;
    padding: 6px 20px 6px 6px;
    font-size: 20px;
  }

  .home-2-integration-item-icon {
    width: 50px;
    height: 50px;
  }

  .integration-item-container {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .home-2-result-dark-blue-item {
    border-radius: 10px;
    margin-top: -2px;
    padding-top: 30px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .result-dark-blue-item-heading {
    margin-bottom: 16px;
    font-size: 20px;
  }

  .result-dark-blue-item-heading.max-width-380px {
    font-size: 20px;
  }

  .result-dark-blue-item-subtext {
    font-size: 16px;
  }

  .home-2-result-blue-item {
    border-radius: 10px;
    margin-top: -52px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .home-2-result-blue-item-icon-img {
    inset: auto 0% 20% auto;
  }

  .all-stories-item-text-wrapper {
    padding: 25px 15px 30px;
  }

  .link-block-wrapper.all-stories-link-block {
    margin-top: 20px;
  }

  .all-stories-logo-image {
    width: 120px;
    max-width: 150px;
    bottom: 10px;
    left: 10px;
  }

  .all-stories-item-heading {
    font-size: 24px;
  }

  .customer-stories-hero-heading {
    margin-bottom: 20px;
  }

  .customer-story-profile-item {
    width: 130px;
  }

  .customer-story-profile-item.top {
    margin-top: 40px;
  }

  .customer-story-profile-item.bottom {
    margin-bottom: 80px;
  }

  .customer-story-hero-star-icon {
    width: 55px;
    height: 60px;
    right: 0%;
  }

  .customer-story-hero-arrow {
    width: 130px;
    bottom: 180px;
  }

  .hero-cms-company-logo {
    max-width: 150px;
    margin-bottom: 10px;
  }

  .cs-hero-heading {
    font-size: 35px;
  }

  .rich-text-main-heading-wrap {
    padding-top: 40px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .rich-text-main-heading {
    font-size: 26px;
  }

  .overview-hero-heading {
    font-size: 30px;
  }

  .overview-train-item {
    max-width: 280px;
    margin-right: 20px;
  }

  .overview-train-item:hover {
    box-shadow: 4px 4px 0 0 var(--playful-yellow);
  }

  .overview-train-item-container {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .overview-content-block-item {
    padding: 30px 20px;
  }

  .overview-content-block-item:hover {
    box-shadow: 4px 4px 0 0 var(--playful-yellow);
  }

  .overview-page-item-text-wrap {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .overview-tag-text {
    font-size: 14px;
  }

  .overview-page-item {
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .overview-page-item-link-block {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .overview-page-item-text {
    font-size: 22px;
  }

  .overview-spotlight-item {
    padding: 40px 15px;
  }

  .overview-spotlight-item:hover {
    box-shadow: 4px 4px 0 0 var(--playful-yellow);
  }

  .dropdown-image {
    height: 250px;
  }

  .visual-features-item.navbar {
    padding: 15px 10px;
    font-size: 16px;
    line-height: 160%;
  }

  .visual-features-item-image {
    justify-content: center;
    align-items: flex-end;
    padding-top: 15px;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
  }

  .navigation-drop-container.features {
    padding: 0;
  }

  .nav-icon-contain {
    flex: none;
  }

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

  .drop-grid {
    display: block;
  }

  .dropdown-right-column {
    flex-flow: column;
  }

  .navigation-menu-button {
    margin-left: 0;
  }

  .navigation {
    margin-top: -11px;
  }

  .navigation-buttons-hide {
    display: none;
  }

  .banner-button {
    max-width: 300px;
    min-height: 50px;
    font-size: 12px;
  }

  .dropdown-links, .dropdown-card-links {
    grid-template-columns: 1fr;
  }

  .banner-content {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .purple-text-span-3 {
    border-radius: 8px;
  }

  .different-hero-item-2 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: column;
    align-items: flex-start;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .best-people-traits-icon-wrap-2 {
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
  }

  .best-people-traits-item-2 {
    flex-direction: column;
    align-items: flex-start;
    padding-right: 0;
  }

  .red-text-span-2 {
    border-radius: 8px;
  }

  .h2-heading-58px-3 {
    margin-top: -42px;
  }

  .different-blue-item-2 {
    padding: 40px 15px;
  }

  .red-text-span-3 {
    border-radius: 8px;
  }

  .primary-blue-button-2 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    padding-right: 20px;
    font-size: 18px;
  }

  .primary-button-icon-wrapper-2 {
    width: 45px;
    height: 45px;
  }

  .no-credit-card-text-2 {
    font-size: 16px;
  }

  .h2 {
    font-size: 30px;
  }

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

  .components-grid {
    grid-template-columns: 1fr;
  }

  .feature-card-a {
    flex-direction: column;
  }

  .wrap-v-regular.align-center {
    margin-top: 124px;
  }

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

  .title-wrapper-2 {
    margin-top: -78px;
  }

  .section-regular-2 {
    margin-top: -135px;
  }

  .container-small {
    margin-top: 22px;
  }

  .grid-four-column {
    grid-template-columns: 1fr;
  }

  .h2-heading-2 {
    font-size: 24px;
  }

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

  .cointent-carousel-cards {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

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

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

  .section-regular-5 {
    margin-top: 36px;
  }

  .content-carousel-card {
    max-width: none;
    box-shadow: none;
  }

  .header-title-wrapper {
    margin-top: 57px;
    margin-bottom: 91px;
  }

  .header-text-field {
    font-size: 16px;
  }

  .header-section {
    margin-top: -3px;
  }

  .header-bottom-image {
    margin-top: 40px;
  }

  .newsletter-form-2 {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    flex-direction: column;
  }

  .h1-heading-2 {
    font-size: 24px;
  }

  .button-group-2 {
    flex-flow: column;
  }

  .grid-3 {
    grid-template-columns: 1fr;
  }

  .content-card-tall {
    padding: 24px;
  }

  .integration-card-outline {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
  }

  .footer-line {
    width: 100%;
    height: 1px;
  }

  .footer-company-wrapper {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
  }

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

  .footer-newsletter {
    padding: 32px 24px;
  }

  .form-wrapper {
    flex-direction: column;
    align-items: stretch;
  }

  .footer-grid-large {
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
  }

  .email-form {
    flex-direction: column;
    align-items: stretch;
  }

  .section-large {
    margin-top: -198px;
  }

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

  .cta-block {
    padding: 48px 24px;
  }

  .section-regular-10.background-gray {
    margin-top: -124px;
  }

  .testimonial-quote-icon {
    top: -2px;
    right: -38px;
  }

  .testimonial-header {
    margin-top: -49px;
  }

  .testimonial-grid {
    margin-top: 74px;
  }

  .testimonial-item {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: wrap-reverse;
  }

  .feature-slider-image {
    width: auto;
  }

  .feature-slider-wrapper {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .content-feature-image-2 {
    padding: 24px;
  }

  .container-x-small-2 {
    margin-top: 7px;
  }

  .h2-heading-7 {
    font-size: 24px;
  }

  .column-2x-large-2 {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .section-regular-13 {
    margin-top: -127px;
  }

  .content-bento-card {
    padding-top: 32px;
    padding-left: 32px;
    padding-right: 32px;
  }

  .column-regular-5 {
    align-items: stretch;
  }

  .content-grid-3 {
    margin-top: -102px;
  }

  .content-grid-middle {
    margin-top: -99px;
  }

  .h2-heading-8 {
    font-size: 20px;
  }

  .content-title-wrapper {
    margin-top: 14px;
    margin-bottom: 113px;
  }

  .section-large-4 {
    margin-top: -221px;
  }

  .content-list {
    margin-top: -83px;
  }

  .h2-heading-9 {
    font-size: 20px;
  }

  .h2-heading-10 {
    font-size: 24px;
    font-weight: 500;
  }

  .tab-link-horizontal {
    flex-flow: column;
  }

  .process-badge {
    font-size: 16px;
  }

  .feature-circle {
    margin-bottom: 20px;
  }

  .price-large {
    font-size: 36px;
  }

  .feature-card-2 {
    flex-direction: column;
  }

  .code-background {
    display: none;
  }

  .price-medium {
    font-size: 24px;
  }

  .features-section {
    margin-top: -187px;
  }

  .h2-heading-11 {
    font-size: 24px;
  }

  .integration-tab-menu {
    grid-template-columns: 1fr;
  }

  .integration-column {
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
  }

  .button-primary-small-2 {
    width: 100%;
  }

  .integration-card-outline-2 {
    flex-flow: column;
  }

  .content-title-wrapper-2 {
    margin-bottom: 64px;
  }

  .h2-heading-13 {
    font-size: 28px;
  }

  .column-large-7 {
    margin-top: -47px;
  }

  .h3-heading-3 {
    font-size: 24px;
  }

  .column-2x-large-3 {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .section-regular-17 {
    margin-top: -102px;
  }

  .primary-blue-button-3 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    padding-right: 20px;
    font-size: 18px;
  }

  .h2-heading-15 {
    font-size: 24px;
  }

  .content-grid-middle-2 {
    margin-top: -99px;
  }

  .section-large-13 {
    margin-top: -169px;
  }

  .content-grid-5 {
    margin-top: -102px;
  }

  .section-regular-21 {
    margin-top: -165px;
  }

  .h2-heading-17 {
    font-size: 24px;
  }

  .section-large-14 {
    margin-top: -55px;
  }

  .column-2x-large-4 {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .section-regular-22 {
    margin-top: -91px;
  }

  .h5-heading-5 {
    font-size: 24px;
  }

  .primary-blue-button-4 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    padding-right: 20px;
    font-size: 18px;
  }

  .h1-heading-11 {
    font-size: 24px;
  }

  .section-regular-25 {
    margin-top: -27px;
  }

  .feature-card-horizontal {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    padding: 24px;
  }

  .section-large-16 {
    margin-top: 209px;
  }

  .column-large-10 {
    margin-top: -80px;
  }

  .section-large-17.background-secondary {
    margin-top: 0;
  }

  .section-regular-27 {
    margin-top: -62px;
  }

  .primary-blue-button-5 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    padding-right: 20px;
    font-size: 18px;
  }

  .h4-heading-10.text-color-white {
    font-size: 24px;
  }

  .previous-placeholder {
    max-width: 75px;
    display: flex;
  }

  .step-breadcrumbs {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
  }

  .form-slider {
    height: auto;
    min-height: 80vh;
  }

  .step-form-content {
    width: 100%;
    max-width: none;
  }

  .form-grid {
    grid-template-columns: 1fr;
  }

  .form-card-large {
    margin-top: -51px;
    padding: 24px;
  }

  .section-large-19.background-brand {
    margin-top: 81px;
  }

  .section-regular-30 {
    margin-top: -94px;
  }

  .testimonial-logo-group {
    flex-flow: column;
  }

  .h5-heading-7, .h3-heading-4 {
    font-size: 24px;
  }

  .testimonial-name-wrapper {
    flex-direction: column;
    align-items: flex-start;
  }

  .h2-heading-22 {
    font-size: 24px;
  }

  .section-large-20 {
    margin-top: -155px;
  }

  .container-regular-17 {
    margin-top: -61px;
  }

  .section-regular-31 {
    margin-top: -109px;
  }

  .container-small-8 {
    margin-top: -215px;
  }

  .feature-tabs-stack {
    flex-flow: column;
    grid-template-columns: 1fr;
    align-items: stretch;
    margin-bottom: 39px;
  }

  .h4-heading-11 {
    font-size: 24px;
  }

  .container-regular-18 {
    margin-top: -55px;
  }

  .paragraph-x-large-7.text-color-tertiary {
    font-size: 18px;
  }

  .timeline-quote-icon {
    font-size: 68px;
  }

  .section-regular-33 {
    margin-top: -55px;
  }

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

  .grid-three-column-9 {
    margin-top: -49px;
  }

  .pricing-detail-card {
    padding: 16px;
  }

  .pricing-menu-round {
    border-radius: 24px;
    flex-flow: column;
    width: 100%;
  }

  .button-primary-4 {
    width: 100%;
  }

  .section-regular-35 {
    margin-bottom: -141px;
  }

  .pricing-content {
    padding: 16px;
  }

  .tabs-content-3 {
    margin-top: -50px;
  }

  .pricing-tab-link-round {
    width: 100%;
    min-width: 184px;
  }

  .pricing-card-header {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .section-regular-36.background-brown-50 {
    margin-top: -70px;
  }

  .pricing-tab-link {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .h3-heading-5, .h1-heading-14 {
    font-size: 24px;
  }

  .red-text-span-4 {
    border-radius: 8px;
  }

  .button-group-3 {
    flex-flow: column;
  }

  .section-regular-38.background-off-white {
    margin-top: 6px;
  }

  .h3-heading-7 {
    font-size: 24px;
  }

  .blog-card-outline {
    padding: 16px;
  }

  .heading-buttons {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
  }

  .button-primary-7 {
    width: 100%;
  }

  .blog-card-small {
    grid-row-gap: 24px;
    flex-direction: column;
    align-items: flex-start;
  }

  .blog-thumbnail-small {
    width: 100%;
  }

  .wrap-h-regular {
    flex-direction: column;
  }

  .button-group-4 {
    flex-direction: column;
    align-items: stretch;
    width: 100%;
  }

  .document-badge {
    display: none;
  }

  .milestone-grid {
    grid-column-gap: 8px;
  }

  .changelog-search-b {
    flex-direction: column;
  }

  .changelog-milestone-block {
    display: none;
  }

  .changelog-timeline-row {
    grid-template-columns: 1fr;
  }

  .button-primary-8 {
    width: 100%;
  }

  .cta-content-left {
    padding: 12px;
  }

  .cta-buttons {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
  }

  .cta-block-a {
    padding: 48px 16px;
  }

  .button-primary-10 {
    width: 100%;
  }

  .section-regular-41 {
    margin-top: -91px;
  }

  .container-small-9 {
    margin-top: -40px;
  }

  .timeline-card-2 {
    padding-left: 24px;
    padding-right: 24px;
  }

  .timeline-grid {
    grid-template-columns: 1fr;
  }

  .h1-heading-16 {
    font-size: 24px;
  }

  .button-header, .button-primary-11 {
    width: 100%;
  }

  .h4-heading-17 {
    font-size: 20px;
  }

  .container-regular-24 {
    margin-top: -60px;
  }

  .feature-card-regular {
    margin-top: 39px;
  }

  .h2-heading-28 {
    font-size: 52px;
    line-height: 62px;
  }

  .container-small-10 {
    margin-top: -60px;
  }

  .section-regular-43 {
    margin-top: -25px;
    margin-bottom: -61px;
  }

  .feature-grid-4 {
    margin-top: -38px;
  }

  .feature-tabs-menu {
    flex-flow: column;
    grid-template-columns: 1fr;
    align-items: stretch;
  }

  .text-block-3 {
    margin-top: 1px;
    font-size: 20px;
  }

  .content-title-wrapper-3 {
    margin-bottom: 64px;
  }

  .bold-text-7 {
    font-size: 20px;
  }

  .career-button-grid {
    grid-template-columns: 1fr;
  }

  .career-detail-wrapper {
    flex-wrap: wrap;
  }

  .h1-heading-18, .h4-heading-19 {
    font-size: 28px;
  }

  .button-primary-large-9 {
    width: 100%;
  }

  .contact-grid-small {
    grid-template-columns: 1fr;
  }

  .phone-accent-left {
    top: 20px;
    left: -24px;
  }

  .button-primary-small-7 {
    width: 100%;
  }

  .title-center-small-2 {
    margin-bottom: 56px;
  }

  .button-wrapper-small {
    max-width: 210px;
  }

  .process-count {
    width: auto;
  }

  .section-regular-52 {
    margin-top: -91px;
  }

  .container-small-11 {
    margin-top: -40px;
  }

  .h3-heading-11 {
    font-size: 24px;
  }

  .section-regular-53.background-brown-50 {
    margin-top: -70px;
  }

  .section-regular-54 {
    margin-top: -91px;
  }

  .container-small-12 {
    margin-top: -40px;
  }

  .h3-heading-12 {
    font-size: 24px;
  }

  .section-regular-55.background-brown-50 {
    margin-top: -70px;
  }

  .container-x-small-4 {
    margin-top: 7px;
  }

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

  .container-regular-33 {
    margin-top: -61px;
  }

  .column-2x-large-6 {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .section-large-23 {
    margin-top: -198px;
  }

  .section-regular-57.background-gray {
    margin-top: -124px;
  }

  .primary-blue-button-6 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    padding-right: 20px;
    font-size: 18px;
  }

  .h4-heading-21 {
    font-size: 20px;
  }

  .section-large-24 {
    margin-top: -198px;
  }

  .primary-blue-button-7 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    padding-right: 20px;
    font-size: 18px;
  }

  .h4-heading-22 {
    font-size: 20px;
  }

  .section-large-25 {
    margin-top: -198px;
  }

  .primary-blue-button-8 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    padding-right: 20px;
    font-size: 18px;
  }

  .container-x-small-5 {
    margin-top: 7px;
  }

  .container-regular-36 {
    margin-top: -61px;
  }

  .faq-links-grid-2 {
    grid-template-columns: 1fr;
  }

  .column-2x-large-7 {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .section-regular-58.background-gray {
    margin-top: -124px;
  }

  .h4-heading-23 {
    font-size: 20px;
  }

  .section-large-26 {
    margin-top: -198px;
  }

  .primary-blue-button-9 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    padding-right: 20px;
    font-size: 18px;
  }

  .container-regular-38 {
    margin-top: -61px;
  }

  .faq-links-grid-3 {
    grid-template-columns: 1fr;
  }

  .column-2x-large-8 {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .section-regular-59.background-gray {
    margin-top: -124px;
  }

  .h4-heading-24 {
    font-size: 20px;
  }

  .section-large-27 {
    margin-top: -198px;
  }

  .primary-blue-button-10 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    padding-right: 20px;
    font-size: 18px;
  }

  .container-regular-40 {
    margin-top: -61px;
  }

  .faq-links-grid-4 {
    grid-template-columns: 1fr;
  }

  .column-2x-large-9 {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .container-regular-41 {
    margin-top: -61px;
  }

  .faq-links-grid-5 {
    grid-template-columns: 1fr;
  }

  .column-2x-large-10 {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .section-regular-60.background-gray {
    margin-top: -124px;
  }

  .h4-heading-25 {
    font-size: 20px;
  }

  .section-large-28 {
    margin-top: -198px;
  }

  .primary-blue-button-11 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    padding-right: 20px;
    font-size: 18px;
  }

  .container-regular-43 {
    margin-top: -61px;
  }

  .faq-links-grid-6 {
    grid-template-columns: 1fr;
  }

  .column-2x-large-11 {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .section-regular-61.background-gray {
    margin-top: -124px;
  }

  .h4-heading-26 {
    font-size: 20px;
  }

  .section-large-29 {
    margin-top: -198px;
  }

  .primary-blue-button-12 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    padding-right: 20px;
    font-size: 18px;
  }

  .column-2x-large-12 {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .section-regular-62.background-gray {
    margin-top: -124px;
  }

  .h4-heading-27 {
    font-size: 20px;
  }

  .section-large-30 {
    margin-top: -198px;
  }

  .primary-blue-button-13 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    padding-right: 20px;
    font-size: 18px;
  }

  .column-2x-large-13 {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .section-regular-63.background-gray {
    margin-top: -124px;
  }

  .h4-heading-28 {
    font-size: 20px;
  }

  .section-large-31 {
    margin-top: -198px;
  }

  .primary-blue-button-14 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    padding-right: 20px;
    font-size: 18px;
  }

  .column-2x-large-14 {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .section-regular-64.background-gray {
    margin-top: -124px;
  }

  .h4-heading-29 {
    font-size: 20px;
  }

  .section-large-32 {
    margin-top: -198px;
  }

  .primary-blue-button-15 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    padding-right: 20px;
    font-size: 18px;
  }

  .column-2x-large-15 {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .section-regular-65.background-gray {
    margin-top: -124px;
  }

  .h4-heading-30 {
    font-size: 20px;
  }

  .section-large-33 {
    margin-top: -198px;
  }

  .primary-blue-button-16 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    padding-right: 20px;
    font-size: 18px;
  }

  .column-2x-large-16 {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .section-large-34.background-secondary {
    margin-top: -43px;
  }

  .section-regular-66.background-gray {
    margin-top: -124px;
  }

  .h4-heading-31 {
    font-size: 20px;
  }

  .section-large-35 {
    margin-top: -198px;
  }

  .column-2x-large-17 {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .section-regular-67.background-gray {
    margin-top: -124px;
  }

  .h4-heading-32 {
    font-size: 20px;
  }

  .section-large-36 {
    margin-top: -198px;
  }

  .section-regular-68.background-gray {
    margin-top: -124px;
  }

  .h4-heading-33 {
    font-size: 20px;
  }

  .section-large-37 {
    margin-top: -198px;
  }

  .section-regular-69.background-gray {
    margin-top: -124px;
  }

  .section-large-38 {
    margin-top: -198px;
  }

  .section-regular-70.background-gray {
    margin-top: -124px;
  }

  .section-large-39 {
    margin-top: -198px;
  }

  .section-regular-71.background-gray {
    margin-top: -124px;
  }

  .section-large-40 {
    margin-top: -198px;
  }

  .section-large-41.background-secondary {
    margin-top: -43px;
  }

  .section-regular-72.background-gray {
    margin-top: -124px;
  }

  .section-large-42.background-secondary {
    margin-top: -43px;
  }

  .section-regular-73.background-gray {
    margin-top: -124px;
  }

  .section-large-43.background-secondary {
    margin-top: -43px;
  }

  .section-regular-74.background-gray {
    margin-top: -124px;
  }

  .section-large-44 {
    margin-top: -198px;
  }

  .section-regular-75.background-gray {
    margin-top: -124px;
  }

  .section-large-45 {
    margin-top: -198px;
  }

  .section-regular-76.background-gray {
    margin-top: -124px;
  }

  .section-large-46 {
    margin-top: -198px;
  }

  .section-regular-77.background-gray {
    margin-top: -124px;
  }

  .section-large-47 {
    margin-top: -198px;
  }

  .section-regular-78.background-gray {
    margin-top: -124px;
  }

  .section-large-48 {
    margin-top: -198px;
  }

  .section-large-49.background-secondary {
    margin-top: -43px;
  }

  .section-regular-79.background-gray {
    margin-top: -124px;
  }

  .section-large-50.background-secondary {
    margin-top: -43px;
  }

  .section-regular-80.background-gray {
    margin-top: -124px;
  }

  .section-large-51.background-secondary {
    margin-top: -43px;
  }

  .section-regular-81.background-gray {
    margin-top: -124px;
  }

  .section-large-52.background-secondary, .section-large-53.background-secondary {
    margin-top: -43px;
  }

  .section-regular-82.background-gray {
    margin-top: -124px;
  }

  .section-large-54.background-secondary {
    margin-top: -43px;
  }

  .section-regular-83.background-gray {
    margin-top: -124px;
  }

  .section-large-55.background-secondary {
    margin-top: -43px;
  }

  .section-regular-84.background-gray {
    margin-top: -124px;
  }

  .section-large-56.background-secondary {
    margin-top: -43px;
  }

  .section-regular-85.background-gray {
    margin-top: -124px;
  }

  .section-large-57.background-secondary {
    margin-top: -43px;
  }

  .section-regular-86.background-gray {
    margin-top: -124px;
  }

  .section-large-58.background-secondary {
    margin-top: -43px;
  }

  .section-regular-87.background-gray {
    margin-top: -124px;
  }

  .section-large-59.background-secondary {
    margin-top: -43px;
  }

  .section-regular-88.background-gray {
    margin-top: -124px;
  }

  .section-large-60.background-secondary {
    margin-top: -43px;
  }

  .section-regular-89.background-gray {
    margin-top: -124px;
  }

  .section-large-61.background-secondary {
    margin-top: -43px;
  }

  .section-regular-90.background-gray {
    margin-top: -124px;
  }

  .section-large-62.background-secondary {
    margin-top: -43px;
  }

  .section-regular-91.background-gray {
    margin-top: -124px;
  }

  .section-large-63.background-secondary {
    margin-top: -43px;
  }

  .section-regular-92.background-gray {
    margin-top: -124px;
  }

  .container-small-13 {
    margin-top: -215px;
  }

  .team-planner {
    width: 365px;
  }

  .features-row-1 {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    width: 350px;
    margin-left: -37px;
    display: grid;
  }

  .time-blocking, .notifications {
    width: 365px;
  }

  .run-command-3 {
    max-width: 80%;
  }

  .keyboard-shortcuts {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    width: 365px;
    display: block;
  }

  .features-row-2 {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    width: 365px;
    margin-top: 0;
    margin-left: -35px;
    display: grid;
    overflow: hidden;
  }

  .run-command-2 {
    max-width: 80%;
  }

  .navmenu-dropdown-section-list {
    grid-row-gap: 24px;
    grid-template-columns: 1fr;
  }

  .navmenu-dropdown-section-link-description {
    margin-top: 4px;
  }

  .navmenu-dropdown-section-list-2 {
    grid-row-gap: 24px;
    grid-template-columns: 1fr;
  }

  .navbar_dropdown-toggle {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  .navbar_dropdown-list-link {
    flex-flow: row;
  }

  .navbar_dropdown-list-link.cc-landcscape {
    width: auto;
  }

  .navbar-2 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
    font-size: 14px;
    line-height: 20%;
    display: block;
  }

  .navbar_nav-link.cc-mobile {
    color: var(--slate-blue);
  }

  .navbar_cta {
    width: 400px;
    max-width: 400px;
  }

  .navbar_dropdown-inner-list.cc-cta {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
  }

  .navbar_dropdown-list-column {
    width: 100%;
  }

  .navbar_main-container {
    height: 90px;
  }

  .language-grid {
    grid-template-columns: 1fr 1fr;
  }

  .translation-wrapper.language.w--open {
    width: auto;
    height: 200px;
    margin-left: auto;
    margin-right: auto;
  }

  .language-toggle.language-button {
    width: 100%;
    margin-left: 0;
  }

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

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

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

  .header3_content {
    grid-template-columns: 1fr;
  }

  .heading-style-display {
    font-size: 1.5rem;
  }

  .button-2 {
    width: 100%;
  }

  .button-group-6 {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
    justify-content: center;
    align-items: center;
  }

  .button-primary-13 {
    width: 100%;
  }

  .header-section-s-2 {
    margin-top: -1px;
  }

  .footer_terms-text {
    color: #a7a7a7;
    font-size: .75rem;
  }

  .footer_text {
    font-size: .8rem;
  }

  .footer_line-div {
    width: 100%;
  }

  .footer_text-head {
    margin-bottom: 10px;
    font-size: .9rem;
  }

  .footer_button-two {
    font-size: .9rem;
  }

  .footer_social {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    align-items: flex-start;
  }

  .footer_grid {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: row dense;
    place-items: start center;
  }

  .footer_logo-text {
    font-size: 1.5rem;
  }

  .footer_card-one {
    justify-content: space-between;
    align-items: flex-start;
    min-width: 110px;
  }

  .footer_wrap {
    flex-flow: column;
    min-width: 200px;
  }

  .footer_button-one {
    font-size: .9rem;
  }

  .footer_terms {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: wrap;
  }

  .footer_card-heading {
    font-size: 1.2rem;
  }

  .footer_social-icon {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .text-block-30 {
    margin-top: 1px;
    font-size: 20px;
  }

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

  .icon-88 {
    color: var(--slate-blue);
  }

  .brand-logo.width {
    width: 100px;
  }

  .brand-wrapper {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .heading-11 {
    font-size: 28px;
  }

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

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

  .heading-12 {
    font-size: 28px;
  }

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

  .no-credit-card-text-3 {
    font-size: 16px;
  }

  .button-primary-14 {
    width: 100%;
  }
}

#w-node-_5afc901d-1132-7171-bb03-f5ae20d3c2f2-eeda0c49, #w-node-_5afc901d-1132-7171-bb03-f5ae20d3c360-eeda0c49, #w-node-_52625690-6fe9-fb2a-7654-9108b30d4c3b-07622970, #w-node-_52625690-6fe9-fb2a-7654-9108b30d4c77-07622970, #w-node-e02a2343-58db-cc63-870b-ca8b75b70665-46517bc3, #w-node-e02a2343-58db-cc63-870b-ca8b75b706a1-46517bc3, #w-node-_4c8a32a1-8d75-45fc-d93c-7059b9d4e089-99befdf5, #w-node-_4c8a32a1-8d75-45fc-d93c-7059b9d4e0c5-99befdf5, #w-node-f4962c7b-f993-027e-0fbe-a0c800670a61-3bef2ddb, #w-node-f4962c7b-f993-027e-0fbe-a0c800670a9d-3bef2ddb, #w-node-_5e76169a-5b77-840e-2255-95c38e2f9178-118e831a, #w-node-_5e76169a-5b77-840e-2255-95c38e2f91b4-118e831a, #w-node-_17b3f04f-fb6f-a31d-5734-2925e24b1510-c80669cd, #w-node-_17b3f04f-fb6f-a31d-5734-2925e24b154c-c80669cd, #w-node-_30ec3c30-5918-6e63-caa3-e590be2d7838-b751638c, #w-node-_30ec3c30-5918-6e63-caa3-e590be2d7874-b751638c, #w-node-b8826cfb-a223-4303-d132-150c99bd55ec-dc046825, #w-node-b8826cfb-a223-4303-d132-150c99bd5628-dc046825, #w-node-_244f1b8e-2e07-174a-9cb3-4fe1c5ae6220-f74ee1af, #w-node-_244f1b8e-2e07-174a-9cb3-4fe1c5ae625c-f74ee1af, #w-node-ad38107f-6fec-714f-de13-2516810be9c2-67b20d2a, #w-node-ad38107f-6fec-714f-de13-2516810be9fe-67b20d2a, #w-node-f255f9dd-46e3-ab27-f59e-59bb3e9674b4-08b48fb0, #w-node-f255f9dd-46e3-ab27-f59e-59bb3e9674f0-08b48fb0, #w-node-_629c3a80-437f-b72f-e61b-188fa11fdf84-0f89cd11, #w-node-_629c3a80-437f-b72f-e61b-188fa11fdfc0-0f89cd11, #w-node-a37b6b98-8aa8-23d9-1cf2-8bcc1155819f-2dec323b, #w-node-a37b6b98-8aa8-23d9-1cf2-8bcc115581db-2dec323b, #w-node-_4c1b61b2-066d-fbd9-3b82-1233512812c5-6265479f, #w-node-_4c1b61b2-066d-fbd9-3b82-123351281301-6265479f, #w-node-cb442d96-b41a-a237-4c83-265fb4da89ce-1fc0ee79, #w-node-cb442d96-b41a-a237-4c83-265fb4da8a0a-1fc0ee79, #w-node-d2830e12-d7dd-d5b3-1b9e-69a1adb6446b-ab19aae5, #w-node-d2830e12-d7dd-d5b3-1b9e-69a1adb644a7-ab19aae5, #w-node-f31f93cc-c238-121f-9b0c-061ba6de9bf8-76fb007d, #w-node-f31f93cc-c238-121f-9b0c-061ba6de9c34-76fb007d, #w-node-_9dc601a7-cbe2-3ebe-710a-302ea0658048-47156651, #w-node-_9dc601a7-cbe2-3ebe-710a-302ea0658084-47156651, #w-node-b3382f72-4ebe-1f3a-659d-73fb070e5bd1-6443ce03, #w-node-b3382f72-4ebe-1f3a-659d-73fb070e5c0d-6443ce03, #w-node-_6dd69a9e-462a-77f6-a35d-6734f17a0ace-6661cc15, #w-node-_6dd69a9e-462a-77f6-a35d-6734f17a0b0a-6661cc15, #w-node-_63044539-74a6-00ec-5b9f-5d20f00467f8-2a4c5d97, #w-node-_63044539-74a6-00ec-5b9f-5d20f0046834-2a4c5d97, #w-node-a7a7333c-5b7a-428f-ea87-9180482ff5be-466cc751, #w-node-a7a7333c-5b7a-428f-ea87-9180482ff5fa-466cc751, #w-node-_3a0713ed-d325-cada-cec8-f705a1de4762-fd8867c8, #w-node-_3a0713ed-d325-cada-cec8-f705a1de479e-fd8867c8, #w-node-a9902c4f-824c-c00a-e71c-3899453901e1-f66dbf31, #w-node-a9902c4f-824c-c00a-e71c-38994539021d-f66dbf31, #w-node-_1b8d2408-eb27-92f1-e636-a2fb779a9c35-1cf45326, #w-node-_1b8d2408-eb27-92f1-e636-a2fb779a9c71-1cf45326, #w-node-bb69035c-6c63-bae9-3f38-4d09aec750f7-57dfe567, #w-node-bb69035c-6c63-bae9-3f38-4d09aec75133-57dfe567, #w-node-_24315390-ac60-5e34-5d8a-564458cf1dea-3e54313b, #w-node-_24315390-ac60-5e34-5d8a-564458cf1e26-3e54313b, #w-node-efee8a09-e6a9-4909-013d-a634ffc1620b-264ba7cb, #w-node-efee8a09-e6a9-4909-013d-a634ffc16247-264ba7cb, #w-node-_9b35f444-9652-dd7d-7480-c8bc18be3061-4dfb7e29, #w-node-_9b35f444-9652-dd7d-7480-c8bc18be309d-4dfb7e29, #w-node-_4caf2f71-9c0d-33a4-1ab2-92f1d600f256-487ffcb7, #w-node-_4caf2f71-9c0d-33a4-1ab2-92f1d600f292-487ffcb7, #w-node-ba3c768e-5514-c2ce-c318-3981c1619f86-5431fc17, #w-node-ba3c768e-5514-c2ce-c318-3981c1619fc2-5431fc17, #w-node-b0270314-aad8-0a4b-5419-fa56b5698e2c-4dfcebb8, #w-node-b0270314-aad8-0a4b-5419-fa56b5698e68-4dfcebb8, #w-node-_663e6fc6-0e0c-9e13-94f2-7eccea7ff147-ffbdba95, #w-node-_663e6fc6-0e0c-9e13-94f2-7eccea7ff183-ffbdba95, #w-node-_4d66a37b-0ba9-f705-06c3-a7392557ed14-b87bae26, #w-node-_4d66a37b-0ba9-f705-06c3-a7392557ed50-b87bae26, #w-node-f45f659c-4167-5151-884f-f30aefbb69a5-3d32ae58, #w-node-f45f659c-4167-5151-884f-f30aefbb69e1-3d32ae58, #w-node-_10ca4f95-52e7-ab23-ecd7-a34b35b6a3ef-328fe34c, #w-node-_10ca4f95-52e7-ab23-ecd7-a34b35b6a42b-328fe34c, #w-node-_49791828-3b20-5333-e853-fc0efe0bd626-6efa0b20, #w-node-_49791828-3b20-5333-e853-fc0efe0bd662-6efa0b20, #w-node-dce75dc4-6db5-daec-6c23-c5595f3e22c7-d9f61fd2, #w-node-dce75dc4-6db5-daec-6c23-c5595f3e2303-d9f61fd2, #w-node-e77cc22d-e2ff-3472-2c5a-012f8120c3a8-b8f2ef81, #w-node-e77cc22d-e2ff-3472-2c5a-012f8120c3e4-b8f2ef81, #w-node-b5e4d251-65c8-ecde-5446-c2b38cc76257-45254aae, #w-node-b5e4d251-65c8-ecde-5446-c2b38cc76293-45254aae, #w-node-_3b2190d9-7a24-8df3-a776-f6112b6ef5e8-ff7ee247, #w-node-_3b2190d9-7a24-8df3-a776-f6112b6ef624-ff7ee247, #w-node-_7d68e72d-26a6-1687-1d3b-ddf4614b0c62-80d89076, #w-node-_7d68e72d-26a6-1687-1d3b-ddf4614b0c9e-80d89076, #w-node-_2abc021c-9554-73b8-f8ed-7a2e9dab9098-40b08c2c, #w-node-_2abc021c-9554-73b8-f8ed-7a2e9dab90d4-40b08c2c, #w-node-_120660b3-6628-0a00-e16a-85eab352bba4-09a196bb, #w-node-_120660b3-6628-0a00-e16a-85eab352bbe0-09a196bb, #w-node-fbab139e-59b9-2b21-b333-f9ed51c67488-3e2cd990, #w-node-fbab139e-59b9-2b21-b333-f9ed51c674c4-3e2cd990, #w-node-b857e712-321b-979a-6863-914423c798b6-ab9c837d, #w-node-b857e712-321b-979a-6863-914423c798f2-ab9c837d, #w-node-ed9d7863-8f93-00a3-984b-f1c212a2b0ca-0c04c9a1, #w-node-ed9d7863-8f93-00a3-984b-f1c212a2b106-0c04c9a1, #w-node-dffab557-2434-5fbc-3b7e-3d7cf6f1e2fd-2529d67a, #w-node-dffab557-2434-5fbc-3b7e-3d7cf6f1e339-2529d67a, #w-node-ba8b537a-4e90-d5ff-9c29-ff8869b7f802-40809cd3, #w-node-ba8b537a-4e90-d5ff-9c29-ff8869b7f83e-40809cd3, #w-node-cb325bb8-8ed0-114a-0190-e870c3e358d8-8f28105e, #w-node-cb325bb8-8ed0-114a-0190-e870c3e35914-8f28105e, #w-node-_52695441-a059-5fc3-f58a-734bea20eac4-dabc0a53, #w-node-_52695441-a059-5fc3-f58a-734bea20eb00-dabc0a53, #w-node-_3b4eb1fc-a3e7-efa3-ec37-cee7d30465ac-d1373284, #w-node-_3b4eb1fc-a3e7-efa3-ec37-cee7d30465e8-d1373284, #w-node-_7756104b-0ef7-a6e0-f165-73539e23e8a4-05e4b6bf, #w-node-_7756104b-0ef7-a6e0-f165-73539e23e8e0-05e4b6bf, #w-node-_6a03fb54-7ef3-b9e1-760b-cd86da15fce7-c1a6524a, #w-node-_6a03fb54-7ef3-b9e1-760b-cd86da15fd23-c1a6524a, #w-node-_1539774b-744d-ec17-861c-5b83733153bd-2163916c, #w-node-_1539774b-744d-ec17-861c-5b83733153f9-2163916c, #w-node-b1e3548d-2da6-211c-6118-bd1723d1cc1a-3e8919d5, #w-node-b1e3548d-2da6-211c-6118-bd1723d1cc56-3e8919d5, #w-node-bff5735a-bf86-4120-97e6-49c68e37860f-365974ca, #w-node-bff5735a-bf86-4120-97e6-49c68e37864b-365974ca, #w-node-_3ce6d360-ef28-6f9b-6269-aa57f7aebbd7-1aa822db, #w-node-_3ce6d360-ef28-6f9b-6269-aa57f7aebc13-1aa822db, #w-node-_8a19c3f6-06c7-8b0a-807a-36e76e7de898-ee2e346c, #w-node-_8a19c3f6-06c7-8b0a-807a-36e76e7de8d4-ee2e346c, #w-node-d4aacda0-2bb6-38df-9701-b3daaec36291-191fc19d, #w-node-d4aacda0-2bb6-38df-9701-b3daaec362cd-191fc19d, #w-node-b5f8e119-4965-0886-a51b-9179e3c8bedc-5c0d407a, #w-node-b5f8e119-4965-0886-a51b-9179e3c8bf18-5c0d407a, #w-node-_5aed46f8-b121-1fc0-d6ce-39385ae1b04f-cce099c6, #w-node-_5aed46f8-b121-1fc0-d6ce-39385ae1b08b-cce099c6, #w-node-_6e582dbd-3eae-71ae-eb8c-091d234e20de-83aa8b21, #w-node-_6e582dbd-3eae-71ae-eb8c-091d234e211a-83aa8b21, #w-node-_312811c7-0b1a-c514-29db-b56580e48659-4d7af7ff, #w-node-_312811c7-0b1a-c514-29db-b56580e48695-4d7af7ff, #w-node-_7063297d-b471-fb52-bb15-3775c785a905-ef0d62c0, #w-node-_7063297d-b471-fb52-bb15-3775c785a941-ef0d62c0, #w-node-dde651d7-2e41-d85b-caf5-6d25eca4d51d-e490e6b5, #w-node-dde651d7-2e41-d85b-caf5-6d25eca4d559-e490e6b5, #w-node-_51b43176-e4f1-9473-1b49-6352161837cf-83aadb5b, #w-node-_51b43176-e4f1-9473-1b49-63521618380b-83aadb5b, #w-node-a0f7c28b-a394-4787-0a43-7f5b979a6a80-1cc244e4, #w-node-a0f7c28b-a394-4787-0a43-7f5b979a6abc-1cc244e4, #w-node-_7ff13444-bb32-cab6-649c-b93d6c4a26f1-33f8de2b, #w-node-_7ff13444-bb32-cab6-649c-b93d6c4a272d-33f8de2b, #w-node-ca282da9-0371-4c9a-320d-4bd9e7854a26-b784be84, #w-node-ca282da9-0371-4c9a-320d-4bd9e7854a62-b784be84, #w-node-_4c4ccb0c-554a-788e-67e4-d07a6c9cc856-7a7a465e, #w-node-_4c4ccb0c-554a-788e-67e4-d07a6c9cc892-7a7a465e, #w-node-d648aa88-58c1-e1fc-d3db-aba42c094ccb-dd0963f6, #w-node-d648aa88-58c1-e1fc-d3db-aba42c094d07-dd0963f6, #w-node-_18db71a3-3ac1-3ecb-b803-c807c9570e2a-d55df27f, #w-node-_18db71a3-3ac1-3ecb-b803-c807c9570e66-d55df27f, #w-node-bec4f301-6771-2a87-9ccf-1edb5c6ff9ca-3e6344d2, #w-node-bec4f301-6771-2a87-9ccf-1edb5c6ffa06-3e6344d2, #w-node-_4d4c9fe4-6439-8f82-d7db-29e630b5c58a-d79be3ba, #w-node-_4d4c9fe4-6439-8f82-d7db-29e630b5c5c6-d79be3ba, #w-node-b5346715-1e12-df13-ac18-68ebf9f22de4-15eabd76, #w-node-b5346715-1e12-df13-ac18-68ebf9f22e20-15eabd76, #w-node-_3d0d5f84-3b5c-a91f-dd84-f1fa5608ac03-ded25c68, #w-node-_3d0d5f84-3b5c-a91f-dd84-f1fa5608ac3f-ded25c68, #w-node-ee7a46ba-6739-5fba-d654-28e2c39e03db-32bb386d, #w-node-ee7a46ba-6739-5fba-d654-28e2c39e0417-32bb386d, #w-node-_56fbf3d9-c585-5b5f-8bf7-67d89c0823aa-01efc36f, #w-node-_56fbf3d9-c585-5b5f-8bf7-67d89c0823e6-01efc36f, #w-node-e8fe8fbd-8b8e-ad5a-2098-5191c7fb0f38-46b4be71, #w-node-e8fe8fbd-8b8e-ad5a-2098-5191c7fb0f74-46b4be71, #w-node-_6096143c-8f3e-6575-43da-11bb286bbd67-836e3816, #w-node-_6096143c-8f3e-6575-43da-11bb286bbda3-836e3816, #w-node-_3071e78f-27d5-4d97-2355-6bc9859666d7-5a3a9aab, #w-node-_3071e78f-27d5-4d97-2355-6bc985966713-5a3a9aab, #w-node-efb31e58-3996-ebaf-8c33-41906db15341-2feaf045, #w-node-efb31e58-3996-ebaf-8c33-41906db1537d-2feaf045, #w-node-ba8cbff3-87d2-bc9a-6fd8-362f25968ba2-802ad0ed, #w-node-ba8cbff3-87d2-bc9a-6fd8-362f25968bde-802ad0ed, #w-node-_10733dae-4b48-af65-0337-ec74d30c506b-618b8a63, #w-node-_10733dae-4b48-af65-0337-ec74d30c50a7-618b8a63, #w-node-_2d4702d5-7115-af19-6d20-5302e539b1d7-331b58b0, #w-node-_2d4702d5-7115-af19-6d20-5302e539b213-331b58b0, #w-node-e854f268-77b2-dd6e-5486-c8cb1619e74d-7c27ecd6, #w-node-e854f268-77b2-dd6e-5486-c8cb1619e789-7c27ecd6, #w-node-_05718f15-edce-4644-6ec7-b4149ad4b439-a0fd7025, #w-node-_05718f15-edce-4644-6ec7-b4149ad4b475-a0fd7025, #w-node-a74c9204-0f21-4930-e23c-8f30bfb411b5-b4e722ee, #w-node-a74c9204-0f21-4930-e23c-8f30bfb411f1-b4e722ee, #w-node-_47347ca6-8dde-0a3e-cafd-ce9e1cfd19ce-a011d27a, #w-node-_47347ca6-8dde-0a3e-cafd-ce9e1cfd1a0a-a011d27a, #w-node-_0ab44269-4de4-9a02-56b0-ec0c9fec944a-4c712d6e, #w-node-_0ab44269-4de4-9a02-56b0-ec0c9fec9486-4c712d6e, #w-node-daf3ba86-efc7-4464-f2f6-2bfd2b6d181b-fb283295, #w-node-daf3ba86-efc7-4464-f2f6-2bfd2b6d1857-fb283295, #w-node-c8fda64f-c3fc-4d19-a2d0-6ffd8f672853-8ba116e5, #w-node-c8fda64f-c3fc-4d19-a2d0-6ffd8f67288f-8ba116e5, #w-node-c5c6f8e3-daec-a4b0-fe9d-2e258cd897f9-c7183cc6, #w-node-c5c6f8e3-daec-a4b0-fe9d-2e258cd89835-c7183cc6, #w-node-_41596a6a-e923-11d0-8338-7a67499b7c29-cc29a3d2, #w-node-_41596a6a-e923-11d0-8338-7a67499b7c65-cc29a3d2, #w-node-adb6e6b0-6433-04da-76e2-8a2f9a7c9836-152bea4b, #w-node-adb6e6b0-6433-04da-76e2-8a2f9a7c9872-152bea4b, #w-node-ee45063b-7775-2db6-7da3-d3305b6c3632-348a016d, #w-node-ee45063b-7775-2db6-7da3-d3305b6c366e-348a016d, #w-node-_542bd6aa-37b5-c56b-4216-78aaf30160e7-6f520cc2, #w-node-_542bd6aa-37b5-c56b-4216-78aaf3016123-6f520cc2, #w-node-_634dab47-c29f-cc65-7fd7-e5b48ca3482e-fd28a4a4, #w-node-_634dab47-c29f-cc65-7fd7-e5b48ca3486a-fd28a4a4, #w-node-d48b06c7-cf7e-6c98-6c34-b045769d917c-e6c616cf, #w-node-d48b06c7-cf7e-6c98-6c34-b045769d91b8-e6c616cf, #w-node-_58adccf0-597b-e7d4-0186-9d7df7aa93b2-5888d7be, #w-node-_58adccf0-597b-e7d4-0186-9d7df7aa93ee-5888d7be, #w-node-_2b4588d7-1526-aef9-a381-3d0a104da38d-83a97445, #w-node-_2b4588d7-1526-aef9-a381-3d0a104da3c9-83a97445, #w-node-fb7d0338-2215-c0af-5dd1-4ccab817c343-c05d2c4b, #w-node-fb7d0338-2215-c0af-5dd1-4ccab817c37f-c05d2c4b, #w-node-_379407f3-633f-9bc4-80b3-e72a49342737-5d44cac1, #w-node-_379407f3-633f-9bc4-80b3-e72a49342773-5d44cac1, #w-node-ca9f2941-4c7f-7106-dfba-73f808b79c52-488e0961, #w-node-ca9f2941-4c7f-7106-dfba-73f808b79c8e-488e0961, #w-node-_134ab0b0-40db-5afc-4dae-40a10c5d1acb-15144a5b, #w-node-_134ab0b0-40db-5afc-4dae-40a10c5d1b07-15144a5b, #w-node-ab783b29-ebdb-bdd0-bd9f-cdf2f6d5406b-435a1428, #w-node-ab783b29-ebdb-bdd0-bd9f-cdf2f6d540a7-435a1428, #w-node-_0b579f91-fe56-0395-f588-aa5697d84c2e-e58f82cc, #w-node-_0b579f91-fe56-0395-f588-aa5697d84c6a-e58f82cc, #w-node-_29311a02-8f7f-dcf9-ab31-2e84af255448-29949c09, #w-node-_29311a02-8f7f-dcf9-ab31-2e84af255484-29949c09, #w-node-_8bf90709-87cb-e435-92dd-4a72ee501d01-2b4e1255, #w-node-_8bf90709-87cb-e435-92dd-4a72ee501d3d-2b4e1255, #w-node-_343c0afa-7764-852d-5335-32bc10587852-6f28fcd7, #w-node-_343c0afa-7764-852d-5335-32bc1058788e-6f28fcd7, #w-node-_51380a50-e7d5-d10e-8f7d-79c254a39d8a-7936280d, #w-node-_51380a50-e7d5-d10e-8f7d-79c254a39dc6-7936280d, #w-node-bdae320c-d5b4-3fe1-ebc0-74803ca3ec5a-1c868cd0, #w-node-bdae320c-d5b4-3fe1-ebc0-74803ca3ec96-1c868cd0, #w-node-f082cb53-7139-a20a-8ddd-d610b089de67-27e099e9, #w-node-f082cb53-7139-a20a-8ddd-d610b089dea3-27e099e9, #w-node-a2b230e6-b367-a324-a58f-296d915bd637-68a9a5c6, #w-node-a2b230e6-b367-a324-a58f-296d915bd673-68a9a5c6, #w-node-_0a2d9457-fad0-1630-f4cd-91e6bf3a0f26-d70f0db3, #w-node-_0a2d9457-fad0-1630-f4cd-91e6bf3a0f62-d70f0db3, #w-node-_01bf6233-f7cc-226b-aad9-4e2df1fc6f47-b48a7dc9, #w-node-_01bf6233-f7cc-226b-aad9-4e2df1fc6f83-b48a7dc9, #w-node-_4a81df30-3f29-52e5-4974-ccee84e3173a-f1b08e74, #w-node-_4a81df30-3f29-52e5-4974-ccee84e31776-f1b08e74, #w-node-_4f2f7866-7e59-90ed-31ee-2d1f9518312e-672ad7a4, #w-node-_4f2f7866-7e59-90ed-31ee-2d1f9518316a-672ad7a4, #w-node-_191a9a9b-1ea5-52b3-3552-505a349fafd4-f502f80a, #w-node-_191a9a9b-1ea5-52b3-3552-505a349fb010-f502f80a, #w-node-_41d0962b-a734-3b73-487b-937516f42904-75030636, #w-node-_41d0962b-a734-3b73-487b-937516f42940-75030636, #w-node-_8f82dc96-6dfc-abf3-1603-484612fb3f12-15354f7e, #w-node-_8f82dc96-6dfc-abf3-1603-484612fb3f4e-15354f7e, #w-node-feb6e922-c6f4-6a22-ff40-c63a2270d9e1-51694890, #w-node-feb6e922-c6f4-6a22-ff40-c63a2270da1d-51694890, #w-node-_4ec88ccc-ae4f-7ece-6c81-ff5c6cb0593d-93024756, #w-node-_4ec88ccc-ae4f-7ece-6c81-ff5c6cb05979-93024756, #w-node-_8e4f7f36-2a94-3429-e563-5cf1057883ba-15356556, #w-node-_8e4f7f36-2a94-3429-e563-5cf1057883f6-15356556, #w-node-e0a8296f-505d-ee7c-f0d8-9279cecae9bc-34f18ba0, #w-node-e0a8296f-505d-ee7c-f0d8-9279cecae9f8-34f18ba0, #w-node-_4a21db75-d2e1-5fd1-b2d2-b6eaf4245aa0-d7a10002, #w-node-_4a21db75-d2e1-5fd1-b2d2-b6eaf4245adc-d7a10002 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}


@font-face {
  font-family: 'Satoshi variable';
  src: url('../fonts/satoshi-variable.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi variable';
  src: url('../fonts/satoshi-variable.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi variable';
  src: url('../fonts/satoshi-variable.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Plusjakartadisplay';
  src: url('../fonts/plusjakartadisplay-regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Plusjakartadisplay';
  src: url('../fonts/plusjakartadisplay-medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Plusjakartadisplay';
  src: url('../fonts/plusjakartadisplay-bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Avertastd';
  src: url('../fonts/avertastd-bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Avertastd';
  src: url('../fonts/avertastd-light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Avertastd';
  src: url('../fonts/avertastd-extrathin.otf') format('opentype'), url('../fonts/avertastd-thin.otf') format('opentype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Avertastd';
  src: url('../fonts/avertastd-black.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Avertastd';
  src: url('../fonts/avertastd-semibold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Avertastd';
  src: url('../fonts/avertastd-regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}