:root {
  --stroke-color-01: #3758f9;
  --white: white;
  --text-color-01: #111928;
  --text-color-02: #333b52;
  --primary-green: #8cc63e;
  --stroke-color-02: #e8ebf0;
  --stroke-color-03: #96aafb;
  --black: black;
  --bg-color-02: #ccfbef;
  --bg-color-05: #fef7c3;
  --bg-color-03: #fde272;
  --text-color-03: #0e9384;
  --bg-color-04: #e7e5fe;
  --bg-color-01: #e3ebff;
  --untitled-ui--gray600: #475467;
  --untitled-ui--gray700: #344054;
  --untitled-ui--gray900: #101828;
  --untitled-ui--white: white;
  --untitled-ui--primary600: #7f56d9;
  --untitled-ui--primary100: #f4ebff;
  --untitled-ui--gray300: #d0d5dd;
  --untitled-ui--primary300: #d6bbfb;
  --untitled-ui--gray500: #667085;
  --untitled-ui--gray50-2: #f9fafb;
  --untitled-ui--primary700: #6941c6;
}

body {
  font-family: Inter Tight, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2em;
}

h1 {
  letter-spacing: -.348px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter Tight, sans-serif;
  font-size: 58px;
  font-weight: 600;
  line-height: 1.16em;
}

h2 {
  letter-spacing: -.282px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter Tight, sans-serif;
  font-size: 47px;
  font-weight: 600;
  line-height: 1.16em;
}

h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 38px;
  font-weight: 500;
  line-height: 1.14em;
}

h4 {
  letter-spacing: -.124px;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 31px;
  font-weight: 600;
  line-height: 1.14em;
}

h5 {
  letter-spacing: -.1px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 25px;
  font-weight: 600;
  line-height: 1.14em;
}

h6 {
  letter-spacing: -.04px;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.14em;
}

a {
  text-decoration: none;
}

.hero {
  background-image: linear-gradient(#ececec, #fff);
  padding-top: 131px;
}

.container {
  width: 100%;
  max-width: 1216px;
  margin-left: auto;
  margin-right: auto;
}

.page-vartical-padding {
  padding-left: 40px;
  padding-right: 40px;
}

.hero-contant-wrapper {
  grid-row-gap: 60px;
  flex-flow: column;
  display: flex;
}

.about-caption-block {
  grid-column-gap: 6px;
  border: 1px solid var(--stroke-color-01);
  border-radius: 999px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  padding: 4px 10px 4px 4px;
  display: flex;
}

.section-caption-suffix-block {
  background-image: url('../images/caption-suffix-bg.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 999px;
  padding: 4px 8px;
}

.section-caption-suffix-text {
  color: var(--white);
  text-shadow: 0 2px 4px #00000003, 0 4px 8px #00000005, 0 8px 16px #00000008, 0 16px 32px #0000000a;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.1em;
}

.section-caption-text {
  color: var(--text-color-01);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.1em;
}

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

.hero-info-block {
  grid-row-gap: 24px;
  color: var(--text-color-01);
  text-align: center;
  flex-flow: column;
  max-width: 800px;
  margin-top: 20px;
  margin-bottom: 40px;
  display: flex;
}

.hero-description-block {
  color: var(--text-color-02);
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  font-weight: 500;
}

.body-text-b1 {
  letter-spacing: -.04px;
  font-size: 20px;
  line-height: 1.52em;
}

.hero-top-block {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

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

.button-primary {
  grid-column-gap: 8px;
  background-color: var(--primary-green);
  color: var(--white);
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  padding: 18px 28px 18px 30px;
  display: flex;
  box-shadow: inset 0 6px 28px #3758f933, inset 0 24.591px 9.755px #00000017, inset 0 10.823px 32.468px #ffffff2b, inset 1.353px 1.353px 1.353px #bacfea66, inset -1.353px -1.353px 6.262px #07258940;
}

.button-primary-text {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2em;
}

.button-primary-icon-block {
  justify-content: flex-end;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
  overflow: hidden;
}

.hero-image-block {
  background-color: var(--white);
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  border: 1px solid #0000;
  border-radius: 28px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 590px;
  padding: 11px 12px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 100px 80px #00000008, 0 41.778px 33.422px #00000005, 0 22.336px 17.869px #00000005, 0 12.522px 10.017px #00000005, 0 6.65px 5.32px #00000003, 0 2.767px 2.214px #00000003;
}

.hero-image {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.partners {
  padding-top: 80px;
  padding-bottom: 130px;
  overflow: hidden;
}

.partners-contant-wrapper {
  grid-row-gap: 24px;
  color: var(--stroke-color-01);
  text-align: center;
  flex-flow: column;
  width: 100%;
  max-width: 1016px;
  margin-left: auto;
  margin-right: auto;
  font-weight: 500;
  display: flex;
  overflow: hidden;
}

.partners-marquee-wrapper {
  grid-column-gap: 50px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.partners-marquee-block {
  grid-column-gap: 50px;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.partners-logo {
  flex: none;
}

.about {
  justify-content: center;
  align-items: center;
  height: 300vh;
}

.about-contant-wrapper {
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.features {
  padding-top: 120px;
  padding-bottom: 60px;
}

.features-contant-wrapper {
  grid-row-gap: 40px;
  flex-flow: column;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.section-top-block {
  grid-row-gap: 16px;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.features-title-block {
  color: var(--text-color-01);
  text-align: center;
  max-width: 500px;
}

.features-cards-block {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.features-card {
  grid-row-gap: 22px;
  border: 1px solid var(--stroke-color-02);
  background-color: var(--white);
  border-radius: 30px;
  flex-flow: column;
  width: 100%;
  padding: 33px;
  display: flex;
}

.features-card-top-block {
  grid-row-gap: 8px;
  color: var(--text-color-02);
  text-align: center;
  flex-flow: column;
  display: flex;
}

.features-card-title-block {
  color: var(--text-color-01);
}

.heading-style-h5 {
  letter-spacing: -.1px;
  font-size: 25px;
  font-weight: 600;
  line-height: 1.14em;
}

.result {
  padding-top: 120px;
  padding-bottom: 60px;
}

.result-contant-wrapper {
  grid-row-gap: 40px;
  flex-flow: column;
  display: flex;
}

.result-title-block {
  color: var(--text-color-01);
  width: 100%;
}

.result-slider {
  background-color: #0000;
  width: auto;
  height: auto;
}

.result-slider-mask {
  height: auto;
}

.result-card {
  grid-column-gap: 30px;
  border: 1px solid var(--stroke-color-03);
  background-image: linear-gradient(2deg, var(--white) 1.1%, #e3ebff 98.15%);
  border-radius: 40px;
  justify-content: space-between;
  align-items: center;
  padding: 30px;
  display: flex;
}

.case-studies-slide-nav {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  height: 20px;
  margin-top: 20px;
  padding-top: 8px;
  display: flex;
  position: relative;
}

.result-card-image-block {
  border-radius: 20px;
  width: 100%;
  max-width: 392px;
  height: 392px;
  position: relative;
  overflow: hidden;
}

.result-card-text-contant-block {
  flex-flow: column;
  justify-content: space-between;
  width: 100%;
  height: 366px;
  padding-top: 16px;
  padding-bottom: 16px;
  display: flex;
}

.result-card-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.result-card-experties-block {
  grid-row-gap: 10px;
  color: var(--text-color-01);
  flex-flow: column;
  display: flex;
}

.result-card-title-block {
  color: var(--text-color-02);
  max-width: none;
}

.result-card-experties-text {
  color: var(--text-color-01);
  letter-spacing: -.348px;
  font-size: 58px;
  font-weight: 500;
  line-height: 1.16em;
}

.case-studies-left-arrow, .case-studies-right-arrow {
  display: none;
}

.process {
  padding-top: 120px;
  padding-bottom: 120px;
}

.process-contant-wrapper {
  grid-row-gap: 40px;
  flex-flow: column;
  display: flex;
}

.process-title-block {
  color: var(--text-color-01);
  max-width: 600px;
}

.process-cards-wrapper {
  grid-column-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1.25fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-content: center;
  place-items: stretch stretch;
  width: 100%;
  margin-top: 60px;
  display: flex;
}

.process-card {
  grid-row-gap: 24px;
  border: 1px solid var(--stroke-color-02);
  background-image: linear-gradient(2deg, var(--white) 1.1%, var(--stroke-color-02));
  border-radius: 30px;
  flex-flow: column;
  width: 100%;
  padding: 17px;
  display: flex;
  position: relative;
}

.process-card-top-block {
  background-color: var(--white);
  border-radius: 20px;
  padding: 16px 14px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 2px 4px #00000003, 0 4px 8px #00000005, 0 8px 16px #00000008, 0 16px 32px #0000000a;
}

.process-card-info-block {
  grid-row-gap: 6px;
  color: var(--text-color-01);
  text-align: center;
  flex-flow: column;
  max-width: 248px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.process-card-logos-wrapper {
  grid-column-gap: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
  overflow: hidden;
}

.process-card-logo-inner-block {
  grid-column-gap: 20px;
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.process-card-logo {
  object-fit: contain;
  height: 80%;
}

.process-card-linear-left-block {
  background-image: linear-gradient(90deg, var(--white), #fff0);
  width: 50px;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.process-card-linear-right-block {
  background-image: linear-gradient(180deg, #fff0, var(--white));
  width: 50px;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.process-card-top-logo-block {
  z-index: 2;
  background-color: var(--stroke-color-01);
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 79.99px;
  height: 79.99px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.process-card-vector-block {
  justify-content: center;
  align-items: center;
  height: 77px;
  margin-top: -2px;
  display: flex;
}

.process-card-03-item-block {
  grid-column-gap: 11.19px;
  background-color: #e8ebf066;
  border-radius: 12.79px;
  justify-content: flex-start;
  align-items: center;
  padding: 12.79px;
  display: flex;
}

.process-card-item-logo-block {
  background-color: var(--white);
  border-radius: 79.938px;
  justify-content: center;
  align-items: center;
  width: 39.39px;
  height: 39.39px;
  display: flex;
}

.process-card-item-info-block {
  grid-row-gap: 1.6px;
  flex-flow: column;
  display: flex;
}

.process-card-item-title-text {
  color: var(--text-color-01);
  font-size: 12.79px;
  font-weight: 500;
}

.process-card-item-price-text {
  color: var(--text-color-02);
  font-size: 11.191px;
  font-weight: 500;
  line-height: 1.1em;
}

.process-card-number-text {
  color: var(--primary-green);
  font-family: Caveat, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.1em;
}

.process-card-number-arrow {
  width: 59.02px;
  height: 24px;
  transform: translate(29px);
}

.process-card-number-arrow._03 {
  transform: translate(-25px);
}

.process-card-number-arrow.small-device {
  display: none;
}

.process-card-number-block-01 {
  grid-row-gap: 8px;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: -72px 0% auto;
}

.process-card-number-block-02 {
  grid-row-gap: 8px;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: auto 0% -72px;
}

.process-card-number-block-03 {
  grid-row-gap: 8px;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: -72px 0% auto;
}

.benefit {
  background-image: linear-gradient(#fff, #dbdbdb);
  padding-top: 100px;
  padding-bottom: 100px;
}

.benefit-contant-wrapper {
  grid-column-gap: 20px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.benefit-text-contant-block {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 508px;
  display: flex;
}

.benefit-image-block {
  background-color: var(--white);
  border-radius: 28px;
  width: 100%;
  height: 453px;
  overflow: hidden;
  box-shadow: 0 100px 80px #00000008, 0 41.778px 33.422px #00000005, 0 17.869px 22.336px #00000005, 0 12.522px 10.017px #00000005, 0 6.65px 5.32px #00000003, 0 2.767px 2.214px #00000003;
}

.benefit-title-wrapper {
  grid-row-gap: 18px;
  color: var(--text-color-01);
  flex-flow: column;
  margin-top: 16px;
  margin-bottom: 40px;
  display: flex;
}

.benefit-description-block {
  color: var(--text-color-02);
  letter-spacing: -.032px;
  line-height: 1.52em;
}

.benefit-cta-block.small-device {
  display: none;
}

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

.review {
  padding-top: 120px;
  padding-bottom: 60px;
}

.review-contant-wrapper {
  grid-row-gap: 50px;
  flex-flow: column;
  display: flex;
}

.review-info-block {
  grid-row-gap: 44px;
  flex-flow: column;
  display: flex;
}

.review-title-block {
  color: var(--text-color-01);
}

.review-expertice-block {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 446px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.review-cards-wrapper {
  grid-column-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 897px;
  display: grid;
  overflow: hidden;
}

.review-cards-block {
  grid-row-gap: 24px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.review-card {
  grid-row-gap: 25px;
  border: 1px solid var(--stroke-color-02);
  background-color: var(--white);
  border-radius: 30px;
  flex-flow: column;
  height: auto;
  padding: 30px;
  transition: border .3s ease-in-out, box-shadow .3s ease-in-out;
  display: flex;
}

.review-card:hover {
  border-color: var(--stroke-color-01);
  box-shadow: 0 100px 80px #00000008, 0 41.778px 33.422px #0003, 0 22.336px 17.869px #00000005, 0 12.522px 10.017px #00000005, 0 6.65px 5.32px #00000003, 0 2.767px 2.214px #00000003;
}

.review-card-top-block {
  grid-column-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.review-card-description-block {
  color: var(--text-color-01);
  letter-spacing: -.016px;
  line-height: 1.52em;
}

.review-card-author-image {
  border-radius: 99999px;
  width: 54px;
  height: 54px;
}

.review-card-author-info-block {
  grid-row-gap: 4px;
  color: var(--text-color-02);
  flex-flow: column;
  display: flex;
}

.review-card-author-name {
  color: var(--text-color-01);
  font-weight: 600;
}

.body-text-b3 {
  font-size: 14px;
  line-height: 1.1em;
}

.body-text-b3.opacity-70 {
  opacity: .7;
}

.body-text-b3.device-text {
  opacity: .6;
  color: var(--text-color-02);
}

.review-cards-block-reverse {
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.review-cards-inner-block, .review-cards-inner-block-revarch {
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}

.integrations {
  background-image: url('../images/integrations-bg.svg');
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: flex-end;
  padding-top: 100px;
  display: flex;
  overflow: hidden;
}

.integrations-contant-wrapper {
  grid-row-gap: 50px;
  flex-flow: column;
  display: flex;
}

.integrations-info-block {
  grid-row-gap: 18px;
  color: var(--text-color-01);
  flex-flow: column;
  display: flex;
}

.integrations-description-block {
  color: var(--text-color-02);
  letter-spacing: -.032px;
  max-width: 660px;
  margin-left: auto;
  margin-right: auto;
  font-weight: 500;
  line-height: 1.52em;
}

.integrations-social-contant {
  background-image: url('../images/ellipse-bg-img.svg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 814px;
  height: 209px;
  margin-left: auto;
  margin-right: auto;
}

.pricing {
  padding-top: 120px;
  padding-bottom: 120px;
}

.pricing-contant-wrapper {
  grid-row-gap: 68px;
  flex-flow: column;
  display: flex;
}

.pricing-title-block {
  color: var(--text-color-01);
}

.pricing-cards-block {
  grid-column-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: stretch stretch;
  display: grid;
}

.pricing-card {
  grid-row-gap: 40px;
  border: 1px solid var(--stroke-color-02);
  background-color: var(--white);
  border-radius: 30px;
  flex-flow: column;
  padding: 30px;
  display: flex;
}

.pricing-card.premium {
  border-color: var(--primary-green);
  box-shadow: 0 2px 4px #00000003, 0 4px 8px #00000005, 0 8px 16px #00000008, 0 16px 32px #0000000a;
}

.integrations-line-block {
  border: 1px none var(--stroke-color-01);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.integrations-logo {
  -webkit-backdrop-filter: drop-shadow(0 16px 32px #0000000a) drop-shadow(0 8px 16px #00000008) drop-shadow(0 4px 8px #00000005) drop-shadow(0 2px 4px #00000003);
  backdrop-filter: drop-shadow(0 16px 32px #0000000a) drop-shadow(0 8px 16px #00000008) drop-shadow(0 4px 8px #00000005) drop-shadow(0 2px 4px #00000003);
  object-fit: contain;
}

.pricing-card-title-block {
  grid-column-gap: 8px;
  color: var(--text-color-01);
  justify-content: flex-start;
  align-items: center;
  font-weight: 500;
  display: flex;
}

.pricing-card-price-block {
  grid-column-gap: 4px;
  color: var(--text-color-01);
  justify-content: flex-start;
  align-items: center;
  margin-top: 50px;
  margin-bottom: 10px;
  display: flex;
}

.pricing-card-description-block {
  opacity: .7;
  color: var(--text-color-01);
  line-height: 1.52em;
}

.pricing-card-cta-block {
  flex-flow: column;
  margin-top: 30px;
  display: flex;
}

.pricing-card-top-block {
  border-bottom: 1px solid var(--stroke-color-02);
  padding-bottom: 40px;
}

.pricing-card-list-block {
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.pricing-card-list-items-block {
  grid-column-gap: 8px;
  color: var(--text-color-02);
  letter-spacing: -.016px;
  justify-content: flex-start;
  align-items: center;
  line-height: 1.52em;
  display: flex;
}

.pricing-card-list-items-block.custom-list-items {
  color: var(--stroke-color-01);
  letter-spacing: 0;
  font-size: 18px;
  line-height: 1.56em;
}

.icon-20px {
  color: var(--primary-green);
  width: 20px;
  height: 20px;
}

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

.popular-block {
  grid-column-gap: 2px;
  background-color: var(--primary-green);
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  max-width: 180px;
  height: 34px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: absolute;
  inset: -34px 0% auto;
}

.popular-text {
  color: var(--white);
  letter-spacing: -.028px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.6em;
}

.faq {
  padding-top: 120px;
  padding-bottom: 120px;
}

.faq-contant-wrapper {
  flex-flow: column;
  max-width: 912px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.faq-title-block {
  color: var(--text-color-01);
  max-width: 500px;
}

.faq-items-wrapper {
  grid-row-gap: 8px;
  flex-flow: column;
  width: 100%;
  margin-top: 40px;
  margin-bottom: 24px;
  display: flex;
}

.faq-items {
  grid-row-gap: 15px;
  border: 1px solid var(--stroke-color-02);
  background-color: var(--white);
  border-radius: 15px;
  flex-flow: column;
  width: 100%;
}

.faq-question-block {
  grid-column-gap: 20px;
  color: var(--text-color-01);
  white-space: normal;
  word-break: normal;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding: 20px 15px 20px 20px;
  display: flex;
}

.faq-question-block.w--open {
  padding-bottom: 15px;
}

.faq-answer-block {
  background-color: #0000;
  position: relative;
}

.faq-icon-block {
  background-color: var(--stroke-color-02);
  border-radius: 50px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  display: flex;
}

.heading-style-h6 {
  letter-spacing: -.04px;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.14em;
}

.faq-answer-wrapper {
  opacity: .7;
  color: var(--text-color-02);
  letter-spacing: -.032px;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 15px;
  font-weight: 500;
  line-height: 1.52em;
}

.faq-contact-block {
  grid-column-gap: 6px;
  color: var(--text-color-02);
  justify-content: center;
  align-items: center;
  display: flex;
}

.faq-contact-block.pricing {
  flex-flow: column;
  padding-top: 40px;
  padding-bottom: 0;
}

.faq-cta-link {
  grid-column-gap: 8px;
  color: var(--stroke-color-01);
  justify-content: center;
  align-items: center;
  font-weight: 600;
  display: flex;
}

.cta-contant-block {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  text-align: center;
  flex-flow: column;
  max-width: 750px;
  display: flex;
}

.cta-title-block {
  color: var(--white);
}

.cta-description-block {
  color: var(--white);
  margin-top: 18px;
  margin-bottom: 24px;
}

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

.footer {
  padding-top: 40px;
  padding-bottom: 40px;
}

.footer-left-block {
  max-width: 304px;
}

.footer-description-block {
  color: var(--text-color-02);
  letter-spacing: -.016px;
  margin-top: 20px;
  margin-bottom: 24px;
  line-height: 1.52em;
}

.footer-social-block {
  grid-column-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.footer-social-link {
  background-color: var(--white);
  border-radius: 58px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
  box-shadow: 0 2px 4px #00000003, 0 4px 8px #00000005, 0 8px 16px #00000008, 0 16px 32px #0000000a;
}

.footer-top-block {
  grid-column-gap: 20px;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.footer-nav-wrapper {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 711px;
  display: flex;
}

.footer-nav-block {
  grid-row-gap: 10px;
  color: var(--text-color-01);
  flex-flow: column;
  display: flex;
}

.footer-nav-link-block {
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.footer-link {
  color: var(--text-color-02);
  letter-spacing: -.016px;
  line-height: 1.52em;
  transition: color .4s ease-in-out;
}

.footer-link:hover {
  color: var(--stroke-color-01);
}

.footer-devider-block {
  background-color: var(--stroke-color-02);
  width: 100%;
  height: 1px;
  margin-top: 10px;
  margin-bottom: 20px;
}

.footer-bottom-block {
  color: var(--text-color-01);
  justify-content: center;
  align-items: center;
  font-size: 14px;
  line-height: 1.1em;
  display: flex;
}

.link-devider-block {
  background-color: var(--stroke-color-01);
  width: 1px;
  height: 15px;
  font-size: 14px;
  line-height: 1.1em;
}

.footer-bottom-link {
  color: var(--text-color-01);
  font-size: 14px;
  line-height: 1.1em;
  transition: color .4s ease-in-out;
}

.footer-bottom-link:hover {
  color: var(--stroke-color-01);
}

.icon-12px {
  width: 12px;
  height: 12px;
}

.about-text-content-wrapper {
  grid-row-gap: 14px;
  color: var(--white);
  flex-flow: column;
}

.about-text-block {
  grid-column-gap: 8px;
  grid-row-gap: 14px;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  max-width: 1016px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.about-icon-block {
  background-color: var(--stroke-color-01);
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 38px;
  height: 38px;
  display: flex;
}

.features-card-description-block {
  color: var(--text-color-02);
  letter-spacing: -.016px;
  line-height: 1.52em;
}

.result-card-experties-sub-text {
  opacity: .6;
  letter-spacing: -.04px;
  font-size: 20px;
  line-height: 1.14em;
}

.result-card-icon-block {
  color: var(--white);
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.process-card-block {
  flex: none;
  width: 100%;
  max-width: 32%;
  position: relative;
}

.process-card-title-text {
  letter-spacing: -.12px;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2em;
}

.body-text-b2 {
  letter-spacing: -.016px;
  font-size: 16px;
  line-height: 1.52em;
}

.review-expertice-block-devider {
  background-color: var(--stroke-color-03);
  width: 1px;
  height: 46px;
}

.review-expertice-card {
  grid-row-gap: 6px;
  color: var(--text-color-02);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.heading-style-h4 {
  letter-spacing: -.124px;
  font-size: 31px;
  font-weight: 500;
  line-height: 1.14em;
}

.review-expertice-number-block {
  grid-column-gap: 6px;
  color: var(--text-color-01);
  justify-content: center;
  align-items: center;
  display: flex;
}

.review-experties-sub-text {
  opacity: .7;
  font-weight: 500;
}

.review-star-block {
  grid-column-gap: 4px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.icon-14px {
  width: 14px;
  height: 14px;
}

.process-card-02-top-block {
  background-color: var(--white);
  border-radius: 20px;
  width: 100%;
  padding-top: 42px;
  padding-bottom: 24px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 2px 4px #00000003, 0 4px 8px #00000005, 0 8px 16px #00000008, 0 16px 32px #0000000a;
}

.nav-container {
  z-index: 2;
  grid-column-gap: 20px;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  justify-content: space-between;
  align-items: center;
  max-width: 1304px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
  position: relative;
}

.nav-contant-wrapper {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 810px;
  height: auto;
  display: flex;
}

.nav-manu-link-block {
  grid-column-gap: 40px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.nav-link {
  color: var(--text-color-02);
  padding: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2em;
  transition: color .2s ease-in-out;
}

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

.nav-link.w--current {
  color: var(--text-color-02);
}

.navbar {
  background-color: var(--white);
  padding-top: 16px;
  padding-bottom: 16px;
  position: fixed;
  inset: 0% 0% auto;
  box-shadow: 0 2px 5px #0003;
}

.nav-cta-wrapper {
  grid-column-gap: 16px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 260px;
  display: flex;
}

.nav-cta-block {
  grid-column-gap: 16px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.nav-cta-devider-block {
  background-color: var(--text-color-02);
  opacity: .3;
  border-radius: 4px;
  width: 1px;
  height: 20px;
}

.nav-button {
  background-color: var(--black);
  color: var(--white);
  border-radius: 999px;
  padding: 12px 20px 12px 22px;
  font-size: 14px;
  font-weight: 500;
  transition: background-color .2s;
}

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

.nav-button-small-device {
  display: none;
}

.menu-button {
  z-index: 3;
}

.primary-button {
  grid-column-gap: 8px;
  color: #fff;
  background-color: #48be68;
  border-radius: 14px;
  justify-content: center;
  align-items: center;
  padding: 14px 20px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.templates-content-wrapper-v2 {
  grid-column-gap: 48px;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.heading-style-h6-2 {
  letter-spacing: -.2px;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.5em;
}

.buttons-block {
  grid-column-gap: 24px;
  grid-row-gap: 16px;
  background-color: var(--stroke-color-02);
  border-radius: 16px;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  padding: 48px;
  display: flex;
}

.colors-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.style-title {
  background-color: var(--stroke-color-02);
  border-radius: 16px;
  justify-content: space-between;
  align-items: center;
  padding: 24px;
  display: flex;
}

.color-block {
  grid-row-gap: 8px;
  border: 1px solid var(--stroke-color-03);
  text-align: center;
  border-radius: 16px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 160px;
  display: flex;
}

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

.color-block.stroke-color-01 {
  background-color: var(--stroke-color-01);
  color: var(--white);
}

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

.color-block.bg-color-02 {
  background-color: var(--bg-color-02);
  color: var(--text-color-01);
}

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

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

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

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

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

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

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

.color-block.stroke-color-03 {
  background-color: var(--stroke-color-03);
  color: #fbfbfb;
}

.color-block.bg-color-01 {
  background-color: var(--bg-color-01);
  color: var(--text-color-01);
}

.typography-item-block {
  grid-row-gap: 10px;
  border-bottom: 1px solid #eef1f3;
  flex-flow: column;
  padding: 32px 24px;
  display: flex;
}

.ui-elements-block {
  grid-row-gap: 32px;
  flex-flow: column;
  display: flex;
}

.colors-block {
  grid-row-gap: 56px;
  background-color: #fff;
  border-radius: 24px;
  flex-flow: column;
  display: flex;
  box-shadow: 0 0 7px -2px #4c525f08, 0 0 19.4px -4px #747b870d;
}

.stytle-title-inner {
  grid-column-gap: 10px;
  color: var(--text-color-01);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.templates-hero-description {
  color: var(--text-color-02);
}

.templates-content-block {
  grid-row-gap: 56px;
  background-color: #fff;
  border-radius: 24px;
  flex-flow: column;
  width: 100%;
  padding: 32px 32px 48px;
  display: flex;
}

.templates-nav-link {
  grid-column-gap: 8px;
  color: var(--text-color-01);
  border: 1px solid #0000;
  border-radius: 8px;
  justify-content: flex-start;
  align-items: center;
  padding: 14px;
  font-weight: 600;
  transition: border-color .3s ease-in-out, background-color .3s ease-in-out;
  display: flex;
}

.templates-nav-link:hover, .templates-nav-link.w--current {
  border: 1px solid var(--stroke-color-03);
  background-color: var(--stroke-color-02);
}

.templates-content {
  padding-top: 40px;
  padding-bottom: 120px;
}

.style-image {
  width: 100%;
  height: 100%;
}

.style-image-block {
  background-color: #000;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  padding: 4px;
  display: flex;
}

.templates-hero-content-wrapper {
  grid-row-gap: 20px;
  color: var(--text-color-01);
  text-align: center;
  flex-flow: column;
  max-width: 660px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.template-content-blocks-wrapper {
  grid-row-gap: 56px;
  flex-flow: column;
  flex: 1;
  display: flex;
}

.templates-nav-block {
  grid-row-gap: 16px;
  background-color: #fff;
  border-radius: 24px;
  flex-flow: column;
  flex: none;
  width: 100%;
  max-width: 306px;
  padding: 24px;
  display: flex;
  position: sticky;
  top: 124px;
  box-shadow: 0 4px 6px -2px #10182808, 0 12px 16px -4px #10182814;
}

.typography-block {
  background-color: #fff;
  border-radius: 24px;
  flex-flow: column;
  display: flex;
  box-shadow: 0 0 7px -2px #4c525f08, 0 0 19.4px -4px #747b870d;
}

.templates-hero {
  padding-top: 164px;
  padding-bottom: 80px;
}

.page-vertical-padding {
  padding-left: 40px;
  padding-right: 40px;
}

.licenses-link {
  color: #06f;
}

.licenses-content-block {
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.template-content-item {
  grid-row-gap: 8px;
  color: var(--text-color-01);
  flex-flow: column;
  display: flex;
}

.template-content-subtext {
  color: var(--text-color-02);
}

.templates-content-wrapper {
  grid-row-gap: 32px;
  background-color: var(--bg-color-01);
  border-radius: 24px;
  flex-flow: column;
  padding: 48px;
  display: flex;
  box-shadow: 0 0 7px -2px #4c525f08, 0 0 19.4px -4px #747b870d;
}

.feature-card-01-graphics-block {
  background-image: url('../images/Screenshot-2025-10-27-at-12.13.29-PM.png');
  background-position: 0 0;
  background-size: cover;
  border-radius: 16px;
  width: 100%;
  height: 100%;
  min-height: 350px;
  padding: 16px;
  position: relative;
  box-shadow: 0 4px 8px #00000003, 0 4px 8px #00000005, 0 8px 16px #00000008, 0 16px 32px #0000000a;
}

.feature-card-01-graphics-block._2 {
  background-image: url('../images/Screenshot-2025-10-27-at-12.14.14-PM.png');
  background-position: 0 0;
  background-size: cover;
}

.feature-card-01-graphics-block._3 {
  background-image: url('../images/Screenshot-2025-10-27-at-12.22.47-PM.png');
  background-position: 0 0;
  background-size: cover;
}

.feature-card-01-graphics-block._4 {
  background-image: url('../images/Screenshot-2025-10-27-at-12.30.51-PM.png');
  background-position: 0 0;
  background-size: cover;
}

.feature-graphic-card-top-block {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}

.feature-title-block {
  grid-column-gap: 6px;
  color: var(--text-color-01);
  justify-content: flex-start;
  align-items: center;
  font-weight: 500;
  display: flex;
}

.feature-timeline-tag-block {
  grid-column-gap: 6px;
  border: 1px solid var(--stroke-color-02);
  opacity: .6;
  color: var(--text-color-02);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 7px 12px 7px 14px;
  font-weight: 500;
  display: flex;
}

.feature-card-03-rating {
  grid-column-gap: 6px;
  color: var(--text-color-01);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.feature-card-rating-tag {
  background-color: var(--bg-color-02);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  padding: 3px 8px;
  font-size: 12px;
  line-height: 1.33em;
  display: flex;
}

.feature-card-rating-tag.v2 {
  color: #e04f16;
  background-color: #fdead7;
}

.feature-card-01-top-devider-line {
  background-color: var(--stroke-color-02);
  width: 100%;
  height: 1px;
  margin-top: 23px;
  margin-bottom: 16px;
}

.feature-card-01-result-wrapper {
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.feature-card-01-result-block {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.feature-card-01-platform-block {
  grid-column-gap: 8px;
  color: var(--text-color-02);
  justify-content: center;
  align-items: center;
  display: flex;
}

.feature-card-01-platform-proof-block {
  grid-column-gap: 12px;
  color: var(--text-color-02);
  justify-content: center;
  align-items: center;
  display: flex;
}

.feature-card-01-paltform-rating-text {
  color: var(--text-color-03);
}

.feature-card-01-paltform-rating-text.v2 {
  color: #ff4405;
}

.feature-crad-01-bottom-devider-line {
  background-color: var(--stroke-color-02);
  width: 100%;
  height: 1px;
  margin-top: 16px;
  margin-bottom: 9px;
}

.feature-card-01-chart-block {
  flex-flow: column;
  justify-content: flex-end;
  width: 100%;
  height: 134px;
}

.feature-card-02-graphics-block {
  background-color: var(--white);
  border-radius: 16px;
  width: 100%;
  padding: 16px;
  position: relative;
  box-shadow: 0 2px 4px #00000003, 0 4px 8px #00000005, 0 8px 16px #00000008, 0 16px 32px #0000000a;
}

.feature-card-02-graphics-block.off {
  padding: 16px;
  display: block;
}

.feature-card-02-rating-block {
  grid-column-gap: 6px;
  color: var(--text-color-01);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.feature-card-02-chart-block {
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  height: 239px;
  margin-top: 18px;
  display: flex;
}

.feature-card-02-chart-inner-block {
  border-left: 1px dashed #e5e5e5;
  flex-flow: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  padding-left: 8px;
  display: flex;
}

.feature-card-02-chart-top-block {
  grid-row-gap: 4px;
  flex-flow: column;
  display: flex;
}

.feature-card-02-chart-bottom-block {
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.total-visitors-card-parsent-text {
  color: var(--text-color-01);
  font-size: 24px;
  font-weight: 600;
  line-height: 1.16em;
  display: none;
}

.feature-card-02-chart-bar-01 {
  background-color: var(--bg-color-03);
  border-radius: 16px 16px 8px 8px;
  width: 100%;
  max-width: 88px;
  height: 107px;
}

.feature-card-02-chart-bar-block {
  opacity: .6;
  justify-content: space-between;
  align-items: center;
  max-width: 88px;
  font-size: 12px;
  line-height: 1.33em;
  display: flex;
}

.icon-16px {
  width: 16px;
  height: 16px;
}

.feature-card-02-chart-bar-02 {
  background-color: #67e3f9;
  border-radius: 16px 16px 8px 8px;
  width: 100%;
  max-width: 88px;
  height: 59px;
}

.feature-card-02-chart-bar-03 {
  background-color: #9389ff;
  border-radius: 16px 16px 8px 8px;
  width: 100%;
  max-width: 88px;
  height: 139px;
}

.feature-card-03-graphics-block {
  background-color: var(--white);
  border-radius: 16px;
  width: 100%;
  padding: 16px;
  position: relative;
  box-shadow: 0 2px 4px #00000003, 0 4px 8px #00000005, 0 8px 16px #00000008, 0 16px 32px #0000000a;
}

.feature-card-03-graphics-block.off {
  padding: 16px;
  display: block;
}

.feature-crad-03-performance-block {
  grid-column-gap: 160px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.feature-card-03-performance-rating-block {
  grid-row-gap: 6px;
  color: var(--text-color-02);
  flex-flow: column;
  display: flex;
}

.body-text-b4 {
  font-size: 12px;
  line-height: 1.3em;
}

.body-text-b4.text-opacity-90 {
  opacity: .9;
}

.feature-card-03-bar-wrapper {
  grid-column-gap: 19.9px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 23px;
  display: grid;
}

.feature-card-03-bar-block-01 {
  grid-row-gap: 4px;
  flex-flow: column;
  justify-content: space-between;
  height: 133.5px;
  display: flex;
}

.feature-card-bar-01 {
  background-color: var(--bg-color-04);
  border-radius: 4px;
  height: 13.1px;
}

.feature-card-03-bar-block-02 {
  grid-row-gap: 4px;
  flex-flow: column;
  justify-content: space-between;
  height: 133.5px;
  display: flex;
}

.feature-card-bar-02, .feature-card-bar-03, .feature-card-bar-04, .feature-card-bar-05, .feature-card-bar-06, .feature-card-bar-07, .feature-card-bar-08 {
  background-color: #e7e5fe;
  border-radius: 4px;
  height: 13.1px;
}

.feature-card-bar-09 {
  background-color: var(--bg-color-05);
  border-radius: 4px;
  height: 13.1px;
}

.feature-card-bar-10, .feature-card-bar-11, .feature-card-bar-12, .feature-card-bar-13, .feature-card-bar-14, .feature-card-bar-15, .feature-card-bar-16 {
  background-color: #fef7c3;
  border-radius: 4px;
  height: 13.1px;
}

.feature-card-03-bottom-block {
  grid-row-gap: 8px;
  color: var(--text-color-02);
  flex-flow: column;
  max-width: 320px;
  margin-top: 17.5px;
  display: flex;
}

.feature-card-03-bottom-block-title-text {
  color: var(--text-color-01);
  font-size: 14px;
  line-height: 1.1em;
}

.feature-card-04-graphics-block {
  background-color: var(--white);
  border-radius: 16px;
  width: 100%;
  padding: 16px;
  position: relative;
  box-shadow: 0 2px 4px #00000003, 0 4px 8px #00000005, 0 8px 16px #00000008, 0 16px 32px #0000000a;
}

.feature-card-04-graphics-block.off {
  padding: 16px;
  display: block;
}

.feature-card-04-matrics-block {
  grid-column-gap: 6.06px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.report-metrics-card {
  border: .673px solid var(--stroke-color-02);
  border-radius: 10.769px;
  flex-flow: column;
  justify-content: space-between;
  width: 100%;
  height: 177px;
  padding: 21.04px 14.92px 23.07px 13.7px;
  display: flex;
}

.report-metrics-card-title-block {
  grid-column-gap: 8.08px;
  color: var(--text-color-01);
  justify-content: flex-start;
  align-items: center;
  font-weight: 500;
  display: flex;
}

.report-metrics-card-icon-block {
  background-color: #f5ebff;
  border-radius: 67.304px;
  justify-content: center;
  align-items: center;
  width: 29px;
  height: 29px;
  display: flex;
}

.report-metrics-card-text-block {
  grid-row-gap: 5px;
  color: var(--text-color-02);
  flex-flow: column;
  display: flex;
}

.number-text {
  color: var(--text-color-01);
  letter-spacing: -.673px;
  font-size: 38px;
  font-weight: 500;
  line-height: 1em;
}

.report-metrics-card-bottom-block {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.report-metrics-card-image-block {
  position: relative;
}

.feature-card-04-bottom-block {
  grid-column-gap: 7.6px;
  margin-top: 16px;
  padding: 20px 22.81px 20px 15.2px;
  display: flex;
}

.feature-card-fill-icon-block {
  flex: none;
  width: 51.316px;
  height: 51.316px;
}

.feature-card-04-bottom-contant-block {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.feature-card-04-bottom-info-block {
  grid-row-gap: 1.9px;
  color: var(--black);
  flex-flow: column;
  display: flex;
}

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

.feature-card-04-bottom-time-block {
  grid-column-gap: 5.7px;
  color: var(--text-color-02);
  justify-content: flex-start;
  align-items: center;
  font-size: 12.354px;
  line-height: 1.53em;
  display: flex;
}

.dot-block {
  background-color: var(--stroke-color-01);
  border-radius: 999px;
  width: 4.751px;
  height: 4.751px;
}

.save-block {
  border: 1px solid var(--stroke-color-02);
  color: var(--text-color-02);
  text-align: center;
  border-radius: 8px;
  padding: 6px 10px;
  font-weight: 500;
}

.feature-card-02-rating-tag {
  color: #e62e05;
  background-color: #ffe6d5;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  padding: 3px 8px;
  font-size: 12px;
  line-height: 1.33em;
  display: flex;
}

.solution-icon {
  width: 24px;
  height: 24px;
}

.result-card-bottom-block {
  grid-column-gap: 18px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.result-card-icon-small-device {
  grid-column-gap: 8px;
  color: var(--white);
  justify-content: center;
  align-items: center;
  display: none;
}

.result-card-title-text {
  letter-spacing: -.124px;
  font-size: 31px;
  font-weight: 600;
  line-height: 1.14em;
}

.result-card-logo {
  width: 106px;
  height: 33px;
}

.partners-right-gradient-block {
  background-image: linear-gradient(90deg, var(--white) 50%, #fff3 90%);
  width: 100px;
  height: 100%;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.partners-left-gradient-block {
  background-image: linear-gradient(90deg, #fff3 10%, #fff 50%);
  width: 100px;
  height: 100%;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.notification-image-inner-block {
  height: 100%;
  overflow: clip;
}

.hero-image-inner-block {
  border: 1px solid var(--stroke-color-02);
  border-radius: 18px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  overflow: hidden;
  box-shadow: 0 2px 4px #00000003, 0 4px 8px #00000005, 0 8px 16px #00000008, 0 16px 32px #0000000a;
}

.features-counter-box {
  display: flex;
}

.number-counter-block {
  color: var(--text-color-01);
  flex-flow: row;
  justify-content: center;
  align-items: flex-start;
  height: 28px;
  display: flex;
  overflow: hidden;
}

.counter-number-text {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.16em;
}

.counter-number-reverse-block {
  height: 54px;
}

.report-metrics-card-image-wrapper {
  background-color: #fff;
  width: 100%;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.leads-card-background-video {
  z-index: 5;
  width: 100%;
  height: 100%;
}

.play-pause-button {
  display: none;
}

.footer-bottom-links-wrapper {
  grid-column-gap: 8px;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.utility-page-wrapper {
  background-image: url('../images/404-bg.avif'), linear-gradient(180deg, var(--white), var(--stroke-color-03) 60%, white);
  background-position: 50%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: cover, auto;
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
  position: relative;
}

.utility-page-content {
  z-index: 2;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

._404-title-block {
  z-index: 2;
  color: var(--text-color-01);
  position: relative;
}

._404-description-block {
  z-index: 2;
  color: var(--text-color-02);
  margin-top: 16px;
  margin-bottom: 32px;
  position: relative;
}

._404-cta-block {
  z-index: 2;
  position: relative;
}

.footer-logo {
  width: auto;
  height: 44px;
}

.footer-social-icon {
  opacity: 1;
}

.footer-social-icon-hover {
  opacity: 0;
  position: absolute;
}

.hedaing-style-h5-medium {
  font-weight: 500;
}

.button-secondary {
  grid-column-gap: 8px;
  background-color: var(--white);
  color: var(--text-color-01);
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  padding: 18px 28px 18px 30px;
  font-weight: 600;
  display: flex;
}

.button-secondary-icon {
  width: 20px;
  height: 20px;
}

.cta-content-wrapper {
  background-image: linear-gradient(143deg, #8cc63e, #587e24);
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  padding-top: 129px;
  padding-bottom: 129px;
  display: flex;
}

.button-tertiary {
  grid-column-gap: 8px;
  background-color: var(--text-color-01);
  color: var(--white);
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  padding: 18px 28px 18px 30px;
  font-weight: 600;
  display: flex;
}

.integration-logo-block-v1 {
  background-color: var(--white);
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  display: flex;
  position: absolute;
  box-shadow: 0 2px 4px #00000003, 0 4px 8px #00000005, 0 8px 16px #00000008, 0 16px 32px #0000000a;
}

.integration-logo-block-v1._01 {
  position: absolute;
  bottom: 36px;
  left: 48px;
}

.integration-logo-block-v1._02 {
  position: absolute;
  bottom: 92px;
  left: 133px;
}

.integration-logo-block-v1._05 {
  position: absolute;
  bottom: 92px;
  right: 132px;
}

.integration-logo-block-v1._06 {
  bottom: 36px;
  right: 43px;
}

.integration-logo-block-v2 {
  background-color: var(--white);
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  display: flex;
  position: absolute;
  box-shadow: 0 2px 4px #00000003, 0 4px 8px #00000005, 0 8px 16px #00000008, 0 16px 32px #0000000a;
}

.integration-logo-block-v2._03 {
  position: absolute;
  bottom: 123px;
  left: 243px;
}

.integration-logo-block-v2._04 {
  bottom: 123px;
  right: 243px;
}

.integrations-logo-block-primary {
  z-index: 2;
  background-color: var(--stroke-color-01);
  object-fit: cover;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 86px;
  height: 86px;
  display: flex;
  position: relative;
  box-shadow: 0 6px 28px -1px #3758f933, 0 4.591px 9.755px #00000017, inset 0 10.823px 32.468px #ffffff2b, inset 1.353px 1.353px 1.353px #bacfea66, inset -1.353px -1.353px 6.262px #07258940;
}

.integration-logo-block-effect {
  z-index: 1;
  background-color: var(--stroke-color-01);
  border-radius: 999px;
  position: absolute;
  inset: 0%;
}

.integrations-logo-block {
  border-radius: 999px;
  width: 86px;
  height: 86px;
  position: absolute;
  bottom: 123px;
}

.process-card-image-01 {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.process-crad-logo-block {
  background-color: var(--white);
  border-radius: 100%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  display: flex;
  box-shadow: 0 2px 4px #00000003, 0 4px 8px #00000005, 0 8px 16px #00000008, 0 16px 32px #0000000a;
}

.process-card-top-block-03 {
  grid-row-gap: 12.79px;
  background-color: var(--white);
  border-radius: 20px;
  flex-flow: column;
  padding: 18px 14px 18.77px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 2px 4px #00000003, 0 4px 8px #00000005, 0 8px 16px #00000008, 0 16px 32px #0000000a;
}

.about-inner {
  background-image: url('../images/about-bg.svg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 70px;
  overflow: hidden;
}

._404-banner-block {
  z-index: 1;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.hero-image-padding-block {
  background-image: linear-gradient(#fff, #fff);
  border-radius: 28px;
  max-width: 1108px;
  margin-left: auto;
  margin-right: auto;
}

.hero-image-border-block {
  background-image: linear-gradient(130deg, #8b8b8b, #d6d6d6 11.8%);
  border-radius: 28px;
  padding: 1px;
}

.benefit-image-padding-block {
  background-image: linear-gradient(#fff, #fff);
  border-radius: 28px;
  max-width: 536px;
}

.benefit-image-border-block {
  background-image: linear-gradient(130deg, #a7a7a7 2.22%, #dadada 11.8%);
  border-radius: 28px;
  padding: 1px;
}

.text-block, .text-block-2 {
  color: var(--primary-green);
}

.text-block-3 {
  color: var(--primary-green);
  -webkit-text-stroke-color: var(--primary-green);
}

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

.uui-text-style-link {
  color: var(--untitled-ui--gray600);
  text-decoration: underline;
  transition: color .3s;
}

.uui-text-style-link:hover {
  color: var(--untitled-ui--gray700);
}

.uui-text-size-small {
  color: var(--untitled-ui--gray600);
  letter-spacing: normal;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: .875rem;
  line-height: 1.5;
}

.uui-text-size-small.text-align-left {
  text-align: center;
}

.uui-container-large {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.uui-page-padding {
  padding-left: 2rem;
  padding-right: 2rem;
}

.uui-text-size-large {
  color: var(--untitled-ui--gray600);
  letter-spacing: normal;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1.125rem;
  line-height: 1.5;
}

.uui-heading-medium {
  color: var(--untitled-ui--gray900);
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 2.25rem;
  font-weight: 600;
  line-height: 1.3;
}

.uui-button {
  grid-column-gap: .5rem;
  border: 1px solid var(--primary-green);
  background-color: var(--primary-green);
  color: var(--untitled-ui--white);
  text-align: center;
  white-space: nowrap;
  border-radius: 8rem;
  justify-content: center;
  align-items: center;
  padding: .625rem 1.125rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.uui-button:hover {
  border-color: var(--black);
  background-color: var(--black);
  border-radius: 8rem;
}

.uui-button:focus {
  background-color: var(--untitled-ui--primary600);
  box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--untitled-ui--primary100);
}

.uui-form_input {
  border: 1px solid var(--untitled-ui--gray300);
  background-color: var(--untitled-ui--white);
  color: var(--untitled-ui--gray900);
  border-radius: 8rem;
  height: auto;
  min-height: 2.75rem;
  margin-bottom: 0;
  padding: .5rem .875rem .5rem 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: 1rem;
  line-height: 1.5;
  transition: all .3s;
  box-shadow: 0 1px 2px #1018280d;
}

.uui-form_input:focus {
  border-color: var(--untitled-ui--primary300);
  box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--untitled-ui--primary100);
  color: var(--untitled-ui--gray900);
}

.uui-form_input::placeholder {
  color: var(--untitled-ui--gray500);
}

.uui-signup-form_wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr max-content;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-bottom: .375rem;
  display: grid;
}

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

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

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

.error-text {
  color: #e23939;
}

.uui-cta11_component {
  background-color: var(--untitled-ui--gray50-2);
  border-radius: 1rem;
  padding: 4rem;
}

.uui-section_cta11 {
  background-color: var(--untitled-ui--white);
  position: relative;
}

.uui-cta11_form {
  width: 100%;
  max-width: 600px;
  margin: 0 auto 0;
}

.uui-space-xsmall {
  width: 100%;
  min-height: 1rem;
}

.uui-padding-vertical-xhuge {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

@media screen and (min-width: 1920px) {
  .about {
    height: 200vh;
  }
}

@media screen and (max-width: 991px) {
  h2 {
    font-size: 40px;
  }

  .page-vartical-padding {
    padding-left: 30px;
    padding-right: 30px;
  }

  .hero-image-block {
    max-width: none;
    height: auto;
  }

  .features {
    padding-top: 80px;
  }

  .features-cards-block {
    flex-flow: column;
    grid-template-columns: 1fr;
    display: flex;
  }

  .result {
    padding-top: 80px;
  }

  .result-card {
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
  }

  .result-card-image-block {
    max-width: 100%;
  }

  .result-card-text-contant-block {
    grid-row-gap: 32px;
    max-width: none;
    height: auto;
    padding-bottom: 8px;
  }

  .process {
    padding-top: 80px;
  }

  .process-cards-wrapper {
    grid-column-gap: 24px;
    grid-row-gap: 20px;
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    margin-top: 0;
  }

  .process-card {
    width: 100%;
  }

  .process-card-number-arrow.small-device {
    display: block;
  }

  .process-card-number-arrow.desktop {
    display: none;
  }

  .process-card-number-block-01 {
    position: relative;
    top: 0;
  }

  .process-card-number-block-02 {
    position: relative;
    bottom: 0;
  }

  .process-card-number-block-03 {
    position: relative;
    top: 0;
  }

  .benefit {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .benefit-contant-wrapper {
    grid-row-gap: 40px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
  }

  .benefit-text-contant-block {
    text-align: center;
    justify-content: flex-start;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
  }

  .benefit-image-block {
    max-width: none;
    height: auto;
  }

  .benefit-title-wrapper {
    margin-bottom: 0;
  }

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

  .benefit-cta-block.desktop {
    display: none;
  }

  .benefit-cta-block.small-device {
    display: flex;
  }

  .review {
    overflow: hidden;
  }

  .review-cards-wrapper {
    justify-content: center;
    align-items: stretch;
    display: flex;
  }

  .review-cards-block {
    flex: none;
    width: 100%;
    max-width: 350px;
  }

  .review-cards-block.small-device {
    display: none;
  }

  .review-card {
    flex: none;
    width: 100%;
  }

  .review-cards-block-reverse {
    grid-column-gap: 24px;
    flex: none;
    max-width: 350px;
  }

  .review-cards-inner-block-revarch {
    grid-column-gap: 24px;
    flex: none;
  }

  .integrations {
    padding-top: 80px;
  }

  .integrations-social-contant {
    width: 100%;
    max-width: 814px;
  }

  .pricing {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .pricing-contant-wrapper {
    grid-row-gap: 40px;
  }

  .pricing-cards-block {
    grid-row-gap: 16px;
    grid-template-columns: 1fr;
    place-items: start stretch;
    height: auto;
  }

  .pricing-card {
    height: auto;
  }

  .pricing-card.premium, .integrations-line-block {
    width: 100%;
  }

  .integrations-logo {
    bottom: 25px;
    left: 38px;
  }

  .premium-card {
    margin-top: 34px;
  }

  .faq {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .footer {
    padding-top: 60px;
    padding-bottom: 30px;
  }

  .footer-left-block {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }

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

  .footer-top-block {
    grid-row-gap: 24px;
    flex-flow: column;
  }

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

  .about-icon-block {
    flex: none;
  }

  .result-card-icon-block {
    display: none;
  }

  .process-card-block {
    grid-row-gap: 6px;
    flex-flow: column;
    width: 100%;
    max-width: 100%;
    display: flex;
  }

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

  .nav-manu-wrapper {
    height: 100vh;
    position: fixed;
    inset: 0%;
  }

  .nav-manu-inner-block {
    background-color: var(--white);
    height: 100%;
    padding-top: 80px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .nav-manu-link-block {
    grid-row-gap: 20px;
    flex-flow: column;
    margin-top: 30px;
    margin-bottom: 40px;
  }

  .nav-cta-wrapper, .nav-cta-block {
    display: none;
  }

  .nav-button-small-device {
    flex-flow: column;
    display: flex;
  }

  .menu-button {
    z-index: 5;
    border: 1px solid var(--stroke-color-02);
    border-radius: 999px;
    flex: none;
    justify-content: center;
    align-items: center;
    width: 35px;
    height: 35px;
    padding: 0;
    display: flex;
  }

  .menu-button.w--open {
    border: 1px solid var(--stroke-color-02);
    background-color: #0000;
    border-radius: 999px;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .menu-button-open-icon {
    width: 20px;
    height: 20px;
  }

  .menu-button-close-icon {
    z-index: 10;
    width: 20px;
    height: 20px;
    display: none;
  }

  .templates-content-wrapper-v2 {
    grid-row-gap: 48px;
    flex-flow: column;
  }

  .buttons-block {
    justify-content: center;
    align-items: center;
  }

  .templates-content-block {
    padding-left: 24px;
    padding-right: 24px;
  }

  .templates-content {
    padding-bottom: 80px;
  }

  .template-content-blocks-wrapper {
    width: 100%;
  }

  .templates-nav-block {
    max-width: 100%;
    position: relative;
    top: 0;
  }

  .page-vertical-padding {
    padding-left: 30px;
    padding-right: 30px;
  }

  .feature-card-01-chart-block {
    height: 180px;
  }

  .feature-crad-03-performance-block {
    grid-column-gap: 240px;
  }

  .result-card-icon-small-device {
    margin-top: 16px;
    margin-bottom: 20px;
    display: block;
  }

  .notification-image-inner-block {
    width: 100%;
    height: 100%;
  }

  .utility-page-content {
    background-image: none;
    padding-left: 30px;
    padding-right: 30px;
  }

  .cta-content-wrapper {
    padding: 80px 30px;
  }

  .integration-logo-block-v2._03 {
    bottom: 115px;
    left: 230px;
  }

  .integration-logo-block-v2._04 {
    bottom: 115px;
    right: 230px;
  }

  .nav-menu-icons-wrapper {
    border-radius: 999px;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
  }

  .benefit-image-padding-block {
    max-width: 100%;
    height: auto;
  }

  .uui-cta11_component {
    padding: 3rem;
  }

  .uui-padding-vertical-xhuge {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
}

@media screen and (max-width: 767px) {
  body {
    line-height: 1.5em;
  }

  h1 {
    letter-spacing: -.192px;
    font-size: 32px;
  }

  h2 {
    letter-spacing: -.168px;
    font-size: 28px;
  }

  .hero {
    padding-top: 96px;
  }

  .page-vartical-padding {
    padding-left: 16px;
    padding-right: 16px;
  }

  .hero-contant-wrapper {
    grid-row-gap: 36px;
  }

  .section-caption-suffix-text, .section-caption-text {
    font-size: 12px;
  }

  .hero-info-block {
    grid-row-gap: 14px;
    margin-top: 10px;
    margin-bottom: 24px;
  }

  .body-text-b1 {
    letter-spacing: -.016px;
    font-size: 16px;
    line-height: 1.5em;
  }

  .button-primary {
    padding: 14px 21px 14px 23px;
  }

  .button-primary-text {
    font-size: 14px;
    line-height: 1.1em;
  }

  .hero-image-block {
    border-radius: 10px;
  }

  .partners {
    padding-top: 60px;
    padding-bottom: 74px;
  }

  .partners-contant-wrapper {
    font-weight: 600;
  }

  .partners-marquee-wrapper, .partners-marquee-block {
    grid-column-gap: 26.98px;
  }

  .partners-logo {
    height: 17px;
  }

  .features {
    padding-top: 60px;
  }

  .features-contant-wrapper {
    grid-row-gap: 20px;
  }

  .section-top-block {
    grid-row-gap: 10px;
  }

  .features-cards-block {
    grid-row-gap: 12px;
  }

  .features-card {
    grid-row-gap: 16px;
    border-radius: 16px;
    padding: 20px;
  }

  .features-card-top-block {
    grid-row-gap: 12px;
  }

  .heading-style-h5 {
    letter-spacing: -.076px;
    font-size: 19px;
  }

  .result {
    padding-top: 60px;
  }

  .result-contant-wrapper {
    grid-row-gap: 20px;
  }

  .result-card {
    border-radius: 12px;
    padding: 16px;
  }

  .result-card-image-block {
    border-radius: 6px;
    height: 329px;
  }

  .result-card-text-contant-block {
    padding-top: 0;
  }

  .result-card-experties-text {
    letter-spacing: -.152px;
    font-size: 38px;
    line-height: 1.14em;
  }

  .process {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .process-contant-wrapper {
    grid-row-gap: 24px;
  }

  .process-cards-wrapper {
    grid-template-columns: 1fr;
    place-items: center;
  }

  .process-card {
    border-radius: 24px;
    padding: 10px;
  }

  .process-card-top-block {
    border-radius: 16px;
    padding: 19px 23px 18px 24px;
  }

  .process-card-logos-wrapper {
    width: 100%;
    overflow: hidden;
  }

  .benefit {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .benefit-contant-wrapper {
    grid-row-gap: 24px;
  }

  .benefit-image-block {
    border-radius: 18px;
  }

  .benefit-title-wrapper {
    grid-row-gap: 16px;
  }

  .benefit-cta-block.small-device {
    margin-top: 10px;
  }

  .review {
    padding-top: 74px;
  }

  .review-contant-wrapper, .review-info-block {
    grid-row-gap: 24px;
  }

  .review-expertice-block {
    flex-flow: wrap;
    justify-content: space-between;
    align-items: center;
    max-width: 361px;
  }

  .review-cards-wrapper {
    height: 500px;
  }

  .review-cards-block {
    grid-row-gap: 16px;
    max-width: none;
  }

  .review-cards-block.small-device {
    display: none;
  }

  .review-card {
    max-width: none;
    padding: 20px 16px;
  }

  .review-card-description-block {
    letter-spacing: -.014px;
    line-height: 1.6em;
  }

  .review-cards-block-reverse {
    max-width: 327px;
    display: none;
  }

  .review-cards-inner-block {
    grid-row-gap: 16px;
  }

  .integrations {
    padding-top: 60px;
  }

  .integrations-contant-wrapper {
    grid-row-gap: 24px;
  }

  .integrations-info-block {
    grid-row-gap: 10px;
  }

  .integrations-social-contant {
    background-position: 50%;
    max-width: 600px;
    height: 170px;
  }

  .pricing {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .pricing-contant-wrapper {
    grid-row-gap: 24px;
  }

  .pricing-card {
    grid-row-gap: 25px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .pricing-card-title-block {
    font-size: 16px;
    line-height: 1.2em;
  }

  .pricing-card-price-block {
    margin-top: 30px;
  }

  .pricing-card-description-block {
    line-height: 1.6em;
  }

  .pricing-card-cta-block {
    margin-top: 24px;
  }

  .pricing-card-top-block {
    padding-bottom: 24px;
  }

  .pricing-card-list-items-block {
    font-size: 16px;
  }

  .faq {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .faq-items-wrapper {
    margin-top: 24px;
  }

  .faq-question-block {
    padding: 12px 7px 12px 12px;
  }

  .faq-icon-block {
    flex: none;
  }

  .heading-style-h6 {
    letter-spacing: 0;
    font-size: 16px;
    line-height: 1.2em;
  }

  .faq-answer-wrapper {
    font-size: 16px;
  }

  .faq-contact-block {
    grid-row-gap: 6px;
    flex-flow: wrap;
    font-size: 16px;
    line-height: 1.2em;
  }

  .cta-description-block {
    margin-top: 10px;
  }

  .footer {
    padding-bottom: 20px;
  }

  .footer-nav-wrapper {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: wrap;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    align-items: stretch;
    display: flex;
  }

  .footer-link {
    font-size: 16px;
  }

  .footer-bottom-block {
    grid-row-gap: 16px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .about-text-content-wrapper {
    grid-row-gap: 8px;
  }

  .about-icon-block {
    width: 26px;
    height: 26px;
  }

  .features-card-description-block {
    letter-spacing: -.014px;
    line-height: 1.6em;
  }

  .result-card-experties-sub-text {
    opacity: .4;
    letter-spacing: 0;
    font-size: 16px;
    line-height: 1.2em;
  }

  .process-card-block {
    width: 100%;
    max-width: 100%;
  }

  .process-card-title-text {
    letter-spacing: -.076px;
    font-size: 19px;
    line-height: 1.14em;
  }

  .body-text-b2 {
    letter-spacing: -.014px;
    font-size: 14px;
    line-height: 1.6em;
  }

  .heading-style-h4 {
    letter-spacing: -.076px;
    font-size: 19px;
  }

  .process-card-02-top-block {
    border-radius: 16px;
    padding: 21px 23px 18px 24px;
  }

  .nav-container {
    padding-left: 16px;
    padding-right: 16px;
  }

  .nav-manu-inner-block {
    padding-top: 60px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .templates-content-wrapper-v2 {
    grid-row-gap: 40px;
    flex-flow: column;
  }

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

  .style-title {
    grid-row-gap: 8px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .templates-content-block {
    padding-left: 16px;
    padding-right: 16px;
  }

  .template-content-blocks-wrapper {
    grid-row-gap: 48px;
  }

  .templates-nav-block {
    max-width: 100%;
    position: relative;
    top: 0;
  }

  .templates-hero {
    padding-top: 141px;
    padding-bottom: 48px;
  }

  .page-vertical-padding {
    padding-left: 16px;
    padding-right: 16px;
  }

  .templates-content-wrapper {
    padding: 32px 20px;
  }

  .feature-crad-03-performance-block {
    grid-column-gap: 10px;
    flex-flow: wrap;
    justify-content: space-between;
    align-items: center;
  }

  .solution-icon {
    width: 16.421px;
    height: 16.421px;
  }

  .result-card-bottom-block {
    grid-row-gap: 16px;
    flex-flow: wrap;
    display: flex;
  }

  .result-card-title-text {
    letter-spacing: -.1px;
    font-size: 25px;
  }

  .footer-bottom-links-wrapper {
    justify-content: center;
    align-items: center;
  }

  .utility-page-content {
    padding-left: 16px;
    padding-right: 16px;
  }

  ._404-description-block {
    margin-bottom: 24px;
  }

  .button-secondary {
    padding: 14px 21px 14px 23px;
  }

  .cta-content-wrapper {
    padding: 60px 16px;
  }

  .integration-logo-block-v1 {
    width: 39px;
    height: 39px;
  }

  .integration-logo-block-v1._01 {
    bottom: 25%;
    left: 5%;
  }

  .integration-logo-block-v1._02 {
    bottom: 50%;
    left: 17%;
  }

  .integration-logo-block-v1._05 {
    bottom: 50%;
    right: 17%;
  }

  .integration-logo-block-v1._06 {
    bottom: 25%;
    right: 5%;
  }

  .integration-logo-block-v2 {
    width: 46px;
    height: 46px;
  }

  .integration-logo-block-v2._03 {
    bottom: 65%;
    left: 30%;
  }

  .integration-logo-block-v2._04 {
    bottom: 65%;
    right: 30%;
  }

  .integrations-logo-block-primary {
    width: 66.249px;
    height: 66.248px;
  }

  .integrations-logo-block {
    width: 66.24px;
    height: 66.24px;
    bottom: 60%;
  }

  .process-card-top-block-03 {
    border-radius: 16px;
  }

  .hero-image-padding-block, .hero-image-border-block {
    border-radius: 10px;
  }

  .benefit-image-padding-block, .benefit-image-border-block {
    border-radius: 18px;
  }

  .uui-page-padding {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .uui-text-size-large {
    font-size: 1rem;
  }

  .uui-heading-medium {
    font-size: 1.75rem;
    line-height: 1.4;
  }

  .uui-button {
    font-size: 1rem;
  }

  .uui-button:hover {
    border-color: var(--untitled-ui--primary600);
    background-color: var(--untitled-ui--primary600);
  }

  .uui-cta11_component {
    padding: 2.5rem 1.5rem;
  }

  .uui-cta11_form {
    margin-top: 2rem;
  }

  .uui-space-xsmall {
    min-height: .75rem;
  }

  .uui-padding-vertical-xhuge {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}

@media screen and (max-width: 479px) {
  .features-cards-block {
    grid-template-columns: auto;
  }

  .process-card {
    max-width: 295px;
    margin-left: auto;
    margin-right: auto;
  }

  .process-card-logos-wrapper {
    grid-column-gap: 16.37px;
  }

  .process-card-logo-inner-block {
    grid-column-gap: 16.37px;
    width: auto;
    max-width: none;
  }

  .integrations-logo {
    top: 28%;
    left: -4%;
  }

  .process-card-block {
    width: 100%;
  }

  .templates-content-block {
    grid-row-gap: 32px;
    max-width: 100%;
  }

  .templates-content {
    overflow: hidden;
  }

  .typography-block {
    width: 100%;
  }

  .templates-hero {
    overflow: hidden;
  }

  .feature-graphic-card-top-block {
    grid-row-gap: 12px;
    flex-flow: wrap;
  }

  .feature-card-01-chart-block {
    height: 140px;
  }

  .feature-card-04-matrics-block {
    grid-row-gap: 6.06px;
    flex-flow: wrap;
    display: flex;
  }

  .feature-card-04-bottom-contant-block {
    grid-row-gap: 8px;
    flex-flow: wrap;
  }

  .integration-logo-block-v1._01 {
    display: none;
  }

  .integration-logo-block-v1._02 {
    bottom: 30%;
    left: 2%;
  }

  .integration-logo-block-v1._05 {
    bottom: 30%;
    right: 2%;
  }

  .integration-logo-block-v1._06 {
    display: none;
  }

  .integration-logo-block-v2._03 {
    bottom: 50%;
    left: 18%;
  }

  .integration-logo-block-v2._04 {
    bottom: 50%;
    right: 18%;
  }

  .integrations-logo-block {
    bottom: 50%;
  }

  .uui-signup-form_wrapper {
    grid-row-gap: .75rem;
    flex-direction: column;
    grid-template-columns: 1fr;
  }
}

#email-2.w-node-_8f94f8e5-8759-41f5-bb5e-f5d5e28851d9-0730356e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 767px) {
  #w-node-b67fe5e9-99bb-d214-fa8a-b0b4335ea430-07303570, #w-node-b67fe5e9-99bb-d214-fa8a-b0b4335ea435-07303570 {
    grid-column: span 1 / span 1;
  }
}