:root {
  --royal-blue: #387cff;
  --border: #cbcbcb;
  --red: #fd380d;
  --border-dark: #262626;
  --orange: var(--orange-1);
  --orange-1: #ff6f00;
  --green: #00ff90;
}

.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: #000;
  background-color: #f7f7f7;
  font-family: Poppins, sans-serif;
  font-size: 16px;
  line-height: 1.2;
}

h1 {
  font-size: 70px;
  font-weight: 700;
  line-height: 1.3;
}

h2 {
  font-size: 62px;
  font-weight: 600;
  line-height: 1.2;
}

h3 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 38px;
  font-weight: 600;
  line-height: 1.2;
}

h4 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.2;
}

h5 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 28px;
  font-weight: 600;
  line-height: 1.2;
}

h6 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.2;
}

p {
  color: rgba(40, 40, 40, .7);
  margin-bottom: 10px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
}

a {
  color: #fff;
  font-family: Inter, sans-serif;
  text-decoration: none;
}

ul, ol {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
}

li {
  padding-top: 14px;
  padding-bottom: 14px;
  font-size: 16px;
  font-weight: 500;
}

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

blockquote {
  border-style: solid none;
  border-width: 1px;
  border-color: var(--royal-blue);
  text-transform: uppercase;
  border-radius: 0;
  margin-top: 50px;
  margin-bottom: 50px;
  padding: 50px 20px;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-style: normal;
  line-height: 1.6;
}

figure {
  margin-bottom: 10px;
}

figcaption {
  text-align: center;
  margin-top: 5px;
  font-family: IBM Plex Sans Hebrew;
  font-size: 15px;
}

.white-colors-show-case {
  width: 54px;
  height: 54px;
  background-color: #fff;
  border-radius: 300px;
  box-shadow: 0 0 9px rgba(0, 0, 0, .28);
}

.white-colors-show-case.black {
  box-shadow: none;
  background-color: #000;
}

.color-container {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.center-top {
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.black-background {
  background-color: #e4e4e4;
}

.color-holder {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  display: flex;
}

._4-col-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.black-background-padding {
  padding: 40px;
}

.container {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding: 2em;
}

.container.navbar-container {
  height: 100%;
  align-items: center;
  padding: 0 2em;
}

.container.no-paddings {
  padding-top: 0;
  padding-bottom: 0;
}

.container.container-reporting {
  flex-wrap: wrap;
  display: flex;
}

.container.container-ito {
  align-items: center;
  padding-top: 80px;
  padding-bottom: 80px;
  display: flex;
}

._100width {
  width: 100%;
}

.border-box {
  border: 1px solid #cdcdcd;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 20px;
  display: flex;
}

.normal {
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 60px;
  padding: 12px 55px;
  font-size: 18px;
  font-weight: 500;
  transition: transform .525s cubic-bezier(.175, .885, .32, 1.275), background-color .45s;
}

.normal:hover {
  transform: scale(1.05);
}

.normal.navbar-button {
  background-image: url('../images/Nav-Right-arrow_1Nav Right arrow.png');
  background-position: 83%;
  background-repeat: no-repeat;
  background-size: auto;
  padding: 12px 50px 12px 24px;
  font-size: 16px;
  font-weight: 500;
}

.normal._2 {
  width: 100%;
}

.normal.contribute-button {
  background-image: url('../images/Nav-Right-arrow_1Nav Right arrow.png');
  background-position: 83%;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: 10px;
  align-items: center;
  padding: 16px 60px 16px 16px;
  font-size: 16px;
  font-weight: 500;
  display: flex;
  position: absolute;
  top: 10px;
  bottom: 10px;
  right: 10px;
}

.style-guide-box-holder {
  background-color: #fff;
  padding: 20px;
}

.style-guide-box-container {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  display: flex;
}

.colors-buttons {
  grid-column-gap: 90px;
  align-items: center;
  display: flex;
}

.section.hero-section {
  display: block;
  position: relative;
}

.section.visibility-off {
  display: none;
}

.section.footer {
  background-color: rgba(235, 235, 235, .5);
}

.section.about-section {
  color: #fff;
  background-color: #000;
  padding-top: 80px;
  padding-bottom: 80px;
}

.button-container {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  background-color: #e2e2e2;
  border: 2px solid #ebebeb;
  border-radius: 12px;
  flex-direction: column;
  align-items: flex-start;
  padding: 20px;
  display: flex;
}

._8-col-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

._6-col-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.cols-text {
  font-size: 15px;
  font-weight: 400;
}

.paragraph-xl {
  color: #282828;
  font-size: 18px;
  line-height: 1.5;
}

.navbar {
  height: 80px;
  -webkit-backdrop-filter: blur(60px);
  backdrop-filter: blur(60px);
  background-color: rgba(235, 235, 235, .5);
  border-bottom: 1px solid rgba(255, 255, 255, .1);
  display: block;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  box-shadow: 0 2px 20px rgba(155, 155, 155, .2);
}

.navbar-holder {
  width: 100%;
  height: 100%;
}

.navbar-container {
  width: 100%;
  height: 100%;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.nav-menu-link-holder {
  width: 100%;
  height: 100%;
  order: 0;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.nav-menu-link-container {
  height: 100%;
  flex: 1;
  justify-content: flex-start;
  display: flex;
}

.nav-menu-button-holder {
  grid-column-gap: 12px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.brand-image {
  width: 100%;
}

.nav-menu {
  width: 100%;
  height: 100%;
  align-items: center;
  display: flex;
}

.nav-links {
  height: 100%;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: flex-start;
  align-items: center;
  padding-left: 70px;
  display: flex;
}

.nav-link {
  height: 100%;
  color: #7b7b7b;
  justify-content: center;
  align-items: center;
  padding: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  transition: color .325s;
  display: flex;
  bottom: -1px;
}

.nav-link:hover {
  color: #000;
}

.nav-link.w--current {
  color: #000;
  border-bottom-color: #fff;
  font-weight: 600;
}

.footer-wrapper {
  justify-content: space-between;
  align-items: flex-start;
  padding-top: 24px;
  display: flex;
}

.footer-brand {
  max-width: 300px;
  grid-row-gap: 18px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.footer-content {
  grid-column-gap: 70px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: auto 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

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

.title-small {
  letter-spacing: 0;
  text-transform: uppercase;
  margin-bottom: 12px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.2;
}

.footer-link {
  color: #7c8995;
  font-size: 16px;
  line-height: 1.2;
  text-decoration: none;
  transition: color .475s;
}

.footer-link:hover {
  color: #000;
}

.title {
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1.3;
}

.black-text {
  color: #000;
  font-weight: 600;
}

.featured-logo-wrapper {
  width: 110px;
}

.title-container {
  max-width: 762px;
}

.paragraph-holder {
  max-width: 465px;
}

.early-access-tag-holder {
  grid-column-gap: 10px;
  align-items: center;
  font-family: IBM Plex Sans Hebrew;
  font-size: 18px;
  display: flex;
}

.early-access-title-holder {
  max-width: 349px;
}

.power-feature-heading {
  font-size: 20px;
}

.hide {
  display: none;
  overflow: hidden;
}

.pricing-tag {
  text-transform: uppercase;
  border: 1px solid rgba(255, 255, 255, .2);
  border-radius: 100px;
  padding: 9px 16px;
  font-family: IBM Plex Sans Hebrew;
  font-size: 18px;
}

.pricing-header {
  font-size: 42px;
  font-weight: 500;
}

.pricing-list-holder {
  border-top: 1px solid #414142;
  border-bottom: 1px solid #414142;
  margin-top: 40px;
  margin-bottom: 40px;
  padding-top: 55px;
  padding-bottom: 55px;
}

.checked-list-holder {
  grid-column-gap: 18px;
  align-items: center;
  display: flex;
}

.pricing-footer-holder {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.cta-form-holder {
  z-index: 1;
  width: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 24px;
  display: flex;
  position: relative;
}

.cta-form-holder.no-paddings {
  padding-top: 13px;
  padding-bottom: 13px;
}

.text-field {
  width: 100%;
  height: 54px;
  color: var(--royal-blue);
  background-color: #fbfbfb;
  border: 1px solid #ececec;
  border-radius: 62px;
  margin-bottom: 0;
  padding-left: 24px;
  padding-right: 129px;
  transition: border-color .45s, box-shadow .425s;
  box-shadow: 0 14px 52px rgba(0, 26, 51, .13);
}

.text-field:hover {
  border-color: #1b8fff;
  box-shadow: 0 14px 52px rgba(0, 26, 51, .34);
}

.text-field:focus {
  border-color: #448eff;
  box-shadow: 0 3px 52px rgba(0, 26, 51, .34);
}

.text-field::-ms-input-placeholder {
  color: #afafaf;
  font-size: 15px;
  font-weight: 400;
}

.text-field::placeholder {
  color: #afafaf;
  font-size: 15px;
  font-weight: 400;
}

.submit-button {
  height: 52px;
  background-color: var(--royal-blue);
  text-align: center;
  border-radius: 30px;
  padding: 0 24px 2px;
  transition: background-color .375s;
  position: absolute;
  right: 0;
}

.submit-button:hover {
  background-color: #000;
}

.error-message {
  color: #7d7d7d;
  text-align: center;
  background-color: #333;
  border: 1px solid #aa5252;
  border-radius: 8px;
  margin-bottom: 0;
  font-family: IBM Plex Sans Hebrew;
  font-size: 16px;
  box-shadow: 0 4px 4px rgba(0, 0, 0, .24), 0 0 14px rgba(0, 0, 0, .24), 0 21px 36px rgba(255, 0, 4, .12);
}

.error-message::-ms-input-placeholder {
  color: #7d7d7d;
  font-family: IBM Plex Sans Hebrew;
  font-size: 15px;
}

.error-message::placeholder {
  color: #7d7d7d;
  font-family: IBM Plex Sans Hebrew;
  font-size: 15px;
}

.help-holder {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.help-container {
  min-width: 280px;
  border-right: 1px solid #d3d3d3;
  padding-top: 80px;
  position: relative;
}

.help-content-holder {
  grid-row-gap: 30px;
  flex-direction: column;
  padding-top: 80px;
  display: flex;
}

.help-back-link-holder {
  grid-column-gap: 8px;
  color: #7d7d7d;
  align-items: center;
  font-size: 15px;
  font-weight: 500;
  transition: color .4s;
  display: flex;
}

.help-back-link-holder:hover {
  color: #fff;
}

.help-icon-holder {
  width: 8px;
}

.help-icon {
  width: 100%;
}

.help-link-holder {
  grid-row-gap: 36px;
  flex-direction: column;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
}

.help-link-container {
  z-index: 3;
  grid-column-gap: 16px;
  opacity: .5;
  color: #000;
  align-items: center;
  font-size: 20px;
  font-weight: 500;
  text-decoration: none;
  display: flex;
  position: relative;
  left: 2px;
}

.help-link-container.w--current {
  border-right: 3px solid var(--royal-blue);
  opacity: 1;
}

.help-link-icon-holder {
  width: 26px;
}

.help-link-icon {
  width: 100%;
  filter: invert();
}

.help-center-pragraph-holder {
  max-width: 570px;
}

.figma-file-holder {
  margin-top: 40px;
  margin-bottom: 40px;
}

.figma-file-container {
  grid-column-gap: 32px;
  opacity: 1;
  background-color: #fafafa;
  border: 1px solid #ececec;
  border-radius: 8px;
  align-items: flex-start;
  padding: 26px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 14px 71px rgba(35, 35, 35, .09);
}

.figma-file-container.center {
  height: 100%;
  white-space: nowrap;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.figma-file-icon-holder {
  width: 41px;
  height: 41px;
  min-width: 41px;
}

.figla-file-icon {
  width: 100%;
  filter: invert();
}

.figma-file-content-holder {
  grid-row-gap: 10px;
  flex-direction: column;
  display: flex;
}

.figma-header {
  font-size: 24px;
}

.full-width-image-holder {
  width: 100%;
  padding-top: 8px;
  padding-bottom: 8px;
}

.full-width-image {
  width: 100%;
  border-radius: 10px;
}

.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 85px;
}

.link {
  color: #000;
  text-decoration: underline;
  transition: color .375s;
}

.link:hover {
  color: #afafaf;
}

.change-log-block-holder {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr;
}

.utility-page-wrap {
  width: 100vw;
  height: 100vh;
  max-height: 100%;
  max-width: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
}

.utility-page-content {
  width: 600px;
  text-align: center;
  flex-direction: column;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

._404 {
  grid-column-gap: 30px;
  grid-row-gap: 15px;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.brand {
  width: 95px;
}

.brand.w--current {
  width: 130px;
}

.headings-container {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 70px;
  display: flex;
}

.title-paragraph-holder {
  max-width: 420px;
  text-align: left;
}

.app-feature-holder {
  width: 100%;
}

.tabs {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.normal-white {
  color: #000;
  text-align: center;
  background-color: #fff;
  border-radius: 60px;
  padding: 12px 55px;
  font-size: 18px;
  font-weight: 500;
  transition: transform .525s cubic-bezier(.175, .885, .32, 1.275), background-color .45s;
}

.normal-white:hover {
  transform: scale(1.05);
}

.normal-white._2 {
  width: 100%;
}

.normal-white.most-popular {
  background-color: #fff;
  background-image: url('../images/Blue-Fire_1Blue Fire.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  padding: 24px;
  top: -20px;
  bottom: auto;
  left: auto;
  right: -20px;
}

.heading {
  font-weight: 600;
}

.download {
  color: #fff;
  text-align: center;
  background-color: #000;
  background-image: url('../images/Download-Icone_1Download Icone.png');
  background-position: 87%;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: 60px;
  padding: 12px 55px 12px 24px;
  font-size: 18px;
  font-weight: 500;
  transition: transform .525s cubic-bezier(.175, .885, .32, 1.275), background-color .45s;
}

.download:hover {
  transform: scale(1.05);
}

.download.parttner-button {
  background-image: url('../images/Fire-Icone_1Fire Icone.png');
  background-position: 90%;
}

.download.functional {
  padding-top: 17px;
  padding-bottom: 19px;
  padding-left: 20px;
  font-size: 16px;
  font-weight: 400;
}

.normal-white-button-holder._2 {
  width: 100%;
  max-width: 100%;
}

.download-button-holder {
  justify-content: center;
  position: relative;
}

.login-button-holder, .contact-sales-button-holder {
  position: relative;
}

.contact-sales {
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 60px;
  padding: 12px 55px;
  font-size: 18px;
  font-weight: 500;
  transition: transform .525s cubic-bezier(.175, .885, .32, 1.275), background-color .45s;
}

.contact-sales:hover {
  transform: scale(1.05);
}

.contact-sales.white {
  color: #000;
  background-color: #fff;
  background-image: url('../images/Message-Icone_1Message Icone.png');
  background-position: 87%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-left: 24px;
  padding-right: 62px;
}

.contact-sales.white:hover {
  background-color: #d8d8d8;
}

.sign-up {
  color: #000;
  text-align: center;
  background-color: #fff;
  border-radius: 60px;
  padding: 12px 22px;
  font-size: 15px;
  font-weight: 500;
  transition: transform .525s cubic-bezier(.175, .885, .32, 1.275), background-color .45s;
}

.sign-up:hover {
  transform: scale(1.05);
}

.hero-text-holder {
  width: 100%;
  text-align: center;
  flex-direction: column;
  align-items: center;
  margin-bottom: 60px;
  display: flex;
}

.hero-statistic-holder {
  width: 100%;
  background-color: #000;
  border-radius: 25px;
  align-items: center;
  margin-top: 115px;
  padding: 50px;
  display: flex;
  position: absolute;
}

.hero-statistic-holder.visibiliity-off {
  display: none;
}

.stats {
  border-right: 1px solid gray;
  margin-right: 12px;
  padding-right: 36px;
}

.stats._03 {
  border-right-style: none;
}

.hero-statistic {
  grid-column-gap: 24px;
  grid-row-gap: 40px;
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  display: flex;
}

.hero-statistic-text {
  color: rgba(255, 255, 255, .7);
}

.hero-statistic-number {
  color: #fff;
  font-size: 42px;
}

.info-heading-holder {
  text-align: center;
  flex-direction: column;
  align-items: center;
  margin-bottom: 45px;
  padding-top: 70px;
  display: flex;
}

.info-heading {
  font-size: 62px;
}

.info-paragraph {
  max-width: 545px;
}

.info {
  grid-column-gap: 60px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
}

.info-holder {
  flex-direction: column;
  justify-content: flex-start;
  margin-top: 55px;
}

.info-image {
  width: 100%;
  height: auto;
  overflow: visible;
}

.info-small-heading {
  margin-top: 40px;
  margin-bottom: 15px;
  font-size: 32px;
}

.pay-info-heading-holder {
  text-align: center;
  flex-direction: column;
  align-items: center;
  padding-top: 130px;
  display: flex;
}

.pay-info-paragraph-holder {
  max-width: 545px;
}

.paragraph-4 {
  color: #282828;
}

.payment-info-holder {
  grid-column-gap: 30px;
  grid-template-rows: auto;
  margin-top: 65px;
}

.payment-info {
  width: 100%;
  text-align: center;
  background-color: #fff;
  border-radius: 30px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 35px;
  padding-left: 70px;
  padding-right: 70px;
  display: flex;
}

.pay-paragraph {
  max-width: none;
  color: rgba(40, 40, 40, .7);
}

.logo-holder {
  width: 100%;
  background-color: #eaeaea;
  border-radius: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  padding-top: 52px;
  padding-bottom: 52px;
  display: flex;
}

.logo {
  width: 90px;
}

.pay-paragraph-holder {
  max-width: 353px;
  text-align: center;
  margin-bottom: 20px;
}

.pay-image {
  max-width: 335px;
}

.partner-heding-holder {
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.partners-paragraph {
  max-width: 544px;
  margin-bottom: 0;
}

.partner-logo-holder {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: center;
  justify-items: center;
  margin-top: 60px;
}

.join-button-holder {
  flex-direction: column;
  align-items: center;
  padding-top: 17px;
  padding-bottom: 17px;
  display: flex;
}

.fuction-card-wraper {
  grid-row-gap: 120px;
  flex-direction: column;
  padding-top: 119px;
  padding-bottom: 200px;
  display: flex;
}

.fuction-card-holder {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  align-items: center;
  justify-items: center;
}

.fuction-card {
  max-height: 380px;
  max-width: 505px;
  grid-row-gap: 18px;
  flex-direction: column;
  display: flex;
}

.fuction-card._2 {
  margin-bottom: 75px;
  margin-left: 37px;
}

.fuction-card._4 {
  width: 100%;
  max-height: none;
  max-width: none;
}

.card-illustation {
  width: 100%;
}

.slider-heading-holder {
  text-align: center;
  flex-direction: column;
  align-items: center;
  padding-bottom: 56px;
  display: flex;
}

.slider-holder {
  margin-bottom: 120px;
}

.slide {
  width: 100%;
  height: auto;
  margin-right: 30px;
}

.info-wraper {
  max-width: 465px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.try-it-button {
  max-width: 236px;
  color: #fff;
  text-align: center;
  background-color: #000;
  background-image: url('../images/Fire-Icone_1Fire Icone.png');
  background-position: 87%;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: 60px;
  padding: 12px 55px 12px 24px;
  font-size: 18px;
  font-weight: 500;
  transition: transform .525s cubic-bezier(.175, .885, .32, 1.275), background-color .45s;
}

.try-it-button:hover {
  transform: scale(1.05);
}

.feature-holder {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: flex-start;
  display: grid;
}

.feature-paragraph {
  max-width: 465px;
  color: rgba(40, 40, 40, .7);
}

.function-heading {
  margin-bottom: 15px;
  font-size: 32px;
}

.feature-one {
  max-width: 215px;
}

.feature-two {
  height: 100%;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.feature-dowload-button-holder {
  width: 525px;
  max-height: 80px;
  max-width: 525px;
  grid-column-gap: 30px;
  background-color: #fff;
  border-radius: 900px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 10px;
  display: flex;
}

.people-image-holder {
  grid-column-gap: 10px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.downloads {
  font-size: 20px;
}

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

.feature {
  grid-column-gap: 15px;
  color: rgba(40, 40, 40, .7);
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 24px;
  display: flex;
}

.qna-heading-holder {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 60px;
  display: flex;
}

.qna-heading {
  margin-bottom: 13px;
}

.qna-paragraph-holder {
  max-width: 545px;
  text-align: center;
  margin-top: 13px;
}

.qna-holder {
  width: 100%;
  max-width: 80%;
  grid-column-gap: 0px;
  grid-row-gap: 30px;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-content: stretch;
  justify-content: flex-start;
  align-items: flex-start;
  justify-items: center;
  margin-bottom: 30px;
  display: flex;
}

.qna-wrapper {
  width: 100%;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.question {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
}

.minus {
  width: 100%;
}

.icon-open-holder {
  width: 24px;
  height: 24px;
  min-height: 24px;
  min-width: 24px;
  order: 1;
  justify-content: center;
  align-self: center;
  align-items: center;
  display: flex;
}

.qna-holder-heading {
  width: 100%;
  grid-column-gap: 24px;
  justify-content: space-between;
  align-self: auto;
  align-items: center;
  display: flex;
}

.qna-paragraph {
  margin: 0;
  overflow: hidden;
}

.qna-wrapper-holder {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  justify-items: center;
  margin-top: 55px;
  display: flex;
}

.more-questions {
  width: 100%;
  max-width: 1000px;
  color: #fff;
  background-color: #000;
  border-radius: 20px;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 35px 50px;
  display: flex;
}

.question-heading {
  margin-top: 0;
  font-family: Outfit, sans-serif;
  font-weight: 500;
}

.question-paragraph-holder {
  max-width: 335px;
  color: rgba(255, 255, 255, .7);
}

.question-paragraph {
  color: rgba(255, 255, 255, .7);
  font-family: Inter, sans-serif;
  font-weight: 300;
  line-height: 1.5;
}

.more-question-holder {
  justify-content: center;
  align-items: center;
  margin-top: 85px;
  display: flex;
}

.pricing-grid {
  width: 80%;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 85px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.pricing-card {
  flex-direction: row;
  justify-content: space-around;
  align-items: stretch;
  display: flex;
  position: relative;
}

.pricing-content {
  width: 100%;
  height: 100%;
  background-color: #fff;
  border-radius: 20px;
  padding: 25px;
}

.pricing-content._2 {
  color: #fff;
  background-color: #000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.pricing-tag-holder {
  color: #fff;
  background-color: #000;
  border-radius: 20px;
  flex-direction: row;
  padding: 8px 25px;
  display: flex;
}

.pricing-tag-holder._2 {
  filter: invert();
}

.price-holder {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.monthly-price {
  display: flex;
}

.monthly {
  align-self: center;
}

.tab-line {
  width: 100%;
  height: 1px;
  background-color: rgba(60, 60, 60, .2);
  margin-top: 30px;
  margin-bottom: 30px;
}

.tab-line.white-background {
  background-color: rgba(255, 255, 255, .2);
}

.tab-features {
  width: auto;
  max-width: 210px;
  grid-column-gap: 22.5px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 30px;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  display: flex;
}

.tick-invert {
  filter: invert();
}

.info-image-wrapper {
  width: 100%;
  background-color: #fff;
  border-radius: 24px;
  flex-direction: column;
  align-items: center;
  padding-top: 83px;
  padding-left: 83px;
  padding-right: 83px;
  display: flex;
  overflow: hidden;
}

.info-image-wrapper.second {
  padding: 0;
}

.grid-content._02 {
  position: relative;
  top: 120px;
}

.partner-logo {
  width: 140px;
}

.download-logo-holder {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}

.banner-holder {
  width: 100%;
  height: 50px;
  color: #fff;
  background-color: #000;
  justify-content: center;
  align-items: center;
  font-family: Inter, sans-serif;
  font-size: 14px;
  text-decoration: underline;
  display: flex;
}

.most-popular {
  position: absolute;
  top: -44px;
  left: 157px;
}

.all-scan-holder {
  margin-bottom: 50px;
}

.scan {
  background-image: url('../images/Noise.png'), radial-gradient(circle at 50% 100%, #70a1ff, #3475f3 38%, #295fc9 83%, #2254b4);
  background-position: 0 0, 0 0;
  background-size: auto, auto;
  border-radius: 22px;
  flex-direction: column;
  align-items: center;
  display: flex;
  position: relative;
  box-shadow: inset 5px 9px 100px rgba(0, 0, 0, .3);
}

.scan-content-holder {
  z-index: 4;
  max-width: 590px;
  grid-row-gap: 12px;
  color: #fff;
  text-align: center;
  flex-direction: column;
  align-items: center;
  padding-top: 56px;
  padding-bottom: 56px;
  display: flex;
  position: relative;
}

.scan-title {
  font-size: 58px;
  font-weight: 600;
}

.scan-paragraph {
  color: rgba(255, 255, 255, .7);
}

.scan-icon-holder {
  z-index: 4;
  width: 180px;
  margin-top: -129px;
  position: relative;
  top: 90px;
}

.scan-icon {
  width: 100%;
}

.circle-holder {
  z-index: 1;
  width: 100%;
  height: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: auto;
  bottom: -63%;
  left: 0%;
  right: 0%;
}

.circle {
  width: 300px;
  height: 300px;
  opacity: .2;
  border: 1px solid #fff;
  border-radius: 10000px;
}

.circle._02 {
  width: 450px;
  height: 450px;
  opacity: .15;
  border-radius: 500px;
  position: absolute;
}

.circle._03 {
  width: 600px;
  height: 600px;
  opacity: .1;
  position: absolute;
}

.circle._04 {
  width: 750px;
  height: 750px;
  opacity: .05;
  position: absolute;
}

.circle-wrapper {
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
  overflow: hidden;
}

.feature-heading {
  margin-top: 0;
  font-size: 24px;
}

.price {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
}

.people-image {
  width: 92px;
}

.typer {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(135deg, #ff1717, #ff8787);
  -webkit-background-clip: text;
  background-clip: text;
}

.about-heading {
  margin-top: 40px;
  margin-bottom: 40px;
  font-weight: 400;
}

.about-heading.about-heading-ito {
  margin-top: 0;
  margin-bottom: 0;
}

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

.about-subheading {
  margin-bottom: 40px;
  font-weight: 300;
}

.about-subheading.about-subheading-ito {
  margin-bottom: 10px;
}

.about-link-text {
  margin-right: 20px;
  font-size: 14px;
  font-weight: 300;
  text-decoration: underline;
}

.about-link-text.about-link-text-ito-deployer {
  color: #000;
  margin-right: 0;
}

.reporting-block {
  width: 50%;
  padding: 20px;
}

.reporting-block.visibility-off {
  display: none;
}

.reporting-image {
  margin-bottom: 40px;
}

.ito-block-wrapper {
  width: 50%;
  flex-direction: column;
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.ito-block {
  width: 80%;
  -webkit-backdrop-filter: blur(60px);
  backdrop-filter: blur(60px);
  text-align: center;
  background-color: #f7f7f7;
  border-radius: 20px;
  padding: 40px 20px;
  box-shadow: 0 2px 20px rgba(155, 155, 155, .1);
}

.ito-block.ito-block-contribute {
  border: 1px solid var(--border);
  padding: 0;
}

.ito-timer-heading-wrapper {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 40px;
  display: flex;
}

.ito-timer-heading-wrapper.ito-timer-heading-wrapper-no-bottom-margin {
  align-items: flex-start;
  margin-top: 40px;
  margin-bottom: 0;
}

.ito-label-price {
  cursor: pointer;
  background-color: rgba(0, 255, 145, .5);
  border-radius: 10px;
  padding: 10px 20px;
  font-size: 14px;
}

.ito-label-price.ito-label-price-cycle {
  margin-top: 5px;
}

.ito-timer {
  justify-content: center;
  margin-bottom: 25px;
  display: flex;
}

.about-subheading-ito-timer-wrapper {
  border: 1px solid var(--border);
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
  padding: 15px 21px;
  display: flex;
  position: relative;
}

.ito-label-price-text {
  color: var(--royal-blue);
  font-weight: 500;
}

.ito-timer-progress {
  width: 100%;
}

.ito-timer-progress-label-wrapper {
  justify-content: space-between;
  display: flex;
}

.ito-timer-progress-label {
  height: 30px;
  letter-spacing: 1px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 12px;
}

.ito-timer-progress-bar {
  background-color: var(--royal-blue);
  border-radius: 100px;
  align-items: center;
  margin-bottom: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
  position: relative;
}

.ito-timer-progress-bar.ito-timer-progress-bar-red {
  background-color: var(--red);
}

.ito-timer-progress-bar-marker {
  background-color: var(--royal-blue);
  box-shadow: 0 2px 5px 0 var(--royal-blue);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  padding: 20px;
  display: flex;
  position: absolute;
  left: 0%;
}

.ito-timer-progress-bar-text {
  color: #fff;
  margin-bottom: 0;
  position: absolute;
}

.visibility-off-mobile {
  margin-left: 10px;
  margin-right: 10px;
}

.about-subheading-ito-timer {
  margin-bottom: 40px;
  font-weight: 300;
}

.about-subheading-ito-timer.about-subheading-ito-timer-absolute {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
}

.ito-label-timer-text {
  font-size: 14px;
}

.ito-block-contribute-img {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

.ito-block-contribute-img-wrapper {
  position: relative;
}

.ito-block-contribute-logo {
  height: 50px;
  border: 5px solid #fff;
  border-radius: 5px;
  position: absolute;
  bottom: -25px;
  left: 20px;
}

.ito-block-text-wrapper {
  padding: 20px;
}

.ca-deployer-text-wrapper {
  align-items: center;
  display: flex;
}

.ito-deployer-text-wrapper {
  text-align: left;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.ito-text-separator {
  margin-left: 5px;
  margin-right: 5px;
}

.ito-text-input {
  height: 80px;
  background-color: #fff;
  border-radius: 10px;
  align-items: center;
  margin-bottom: 40px;
  padding-left: 50px;
  font-size: 20px;
  transition: all .2s;
  display: flex;
  box-shadow: 0 2px 20px rgba(0, 0, 0, .05);
}

.ito-text-input:hover {
  box-shadow: 0 2px 20px rgba(56, 124, 254, .2);
}

.ito-text-input-img {
  height: 30px;
  position: absolute;
  top: 25px;
  left: 15px;
}

.ito-text-input-wrapper {
  position: relative;
}

.ito-tabs-link {
  border-right: 1px solid var(--border);
  background-color: rgba(0, 0, 0, 0);
  font-size: 14px;
}

.ito-tabs-link.w--current {
  background-color: rgba(0, 0, 0, 0);
  font-weight: 600;
}

.ito-tabs-link.ito-tabs-link-right {
  border-right-style: none;
  margin-bottom: 10px;
}

.ito-tabs-content {
  height: 20vh;
  padding-top: 20px;
  padding-bottom: 20px;
  overflow: scroll;
}

.ito-tabs-menu {
  border-bottom: 1px solid var(--border);
}

.ito-tabs-activity-block {
  border-bottom: 1px solid var(--border);
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  padding-bottom: 20px;
  display: flex;
}

.ito-tabs-activity-eth-heading-wrapper {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.ito-tabs-cycle-horizontal {
  flex: 1;
  justify-content: space-between;
  display: flex;
}

.ito-tabs-cycle-diagram {
  width: 80%;
  border-right: 2px solid var(--royal-blue);
  border-bottom: 2px solid var(--royal-blue);
  grid-template-rows: 30px 30px 30px 30px 30px;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.ito-tabs-cycle-diagram-line {
  width: 100%;
  border-bottom: 2px solid var(--royal-blue);
  position: relative;
  transform: rotate(0);
}

.ito-tabs-cycle-diagram-line.ito-tabs-cycle-diagram-no-line {
  border-bottom-style: none;
}

.about-subheading-ito-cycles {
  margin-bottom: 40px;
  font-weight: 300;
}

.about-subheading-ito-cycles.about-subheading-ito {
  margin-bottom: 10px;
}

.ito-tabs-about-link-wrapper {
  justify-content: space-between;
  display: flex;
}

.ito-tabs-about-link {
  color: #000;
  align-items: center;
  display: flex;
}

.ito-tabs-about-link-img {
  margin-right: 10px;
}

.ito-tabs-about-text {
  text-align: left;
  margin-top: 40px;
  margin-bottom: 40px;
}

.ito-tabs-about-quote {
  color: gray;
  text-align: left;
  border-left: 1px solid #000;
  margin-top: 40px;
  padding-left: 20px;
  font-size: 14px;
}

.ito-text-input-text {
  color: gray;
}

.lottie-wrapper {
  margin-bottom: 40px;
  position: relative;
}

.lottie-animation {
  height: 50vh;
}

.lottie-logo {
  height: 20px;
  position: absolute;
  top: auto;
  bottom: 10px;
  left: 10px;
  right: auto;
}

.lottie-logo.visibility-off {
  display: none;
}

.about-tabs {
  margin-bottom: 40px;
  display: flex;
}

.about-tabs-menu {
  width: 33.3333%;
  flex-direction: column;
  display: flex;
}

.about-tabs-content {
  width: 66.6667%;
  padding: 40px;
}

.about-tab-link {
  border-right: 1px solid var(--border-dark);
  border-bottom: 1px solid var(--border-dark);
  border-left: 1px solid var(--border-dark);
  color: #3f3f3f;
  background-color: #0d0d0d;
  padding: 40px 20px;
}

.about-tab-link.w--current {
  color: #fff;
  background-color: #1a1a1a;
}

.about-tab-link.about-tab-link-bottom-border {
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

.about-tab-link.about-tab-link-top-border {
  border-top: 1px solid var(--border-dark);
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}

.about-tab-paragraph {
  color: gray;
}

.text-red {
  color: red;
}

.about-subheading-link {
  text-decoration: underline;
}

@media screen and (min-width: 1440px) {
  .container {
    max-width: 1340px;
  }

  .featured-logo-wrapper {
    width: 130px;
  }

  .hero-statistic {
    grid-column-gap: 42px;
  }

  .info {
    grid-column-gap: 20px;
  }

  .logo-holder {
    padding-top: 66px;
    padding-bottom: 66px;
  }

  .partner-logo {
    width: 160px;
  }

  .about-link-text {
    font-size: 14px;
  }
}

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

  h2 {
    font-size: 38px;
  }

  h3 {
    font-size: 32px;
  }

  h4 {
    font-size: 28px;
  }

  h5 {
    font-size: 24px;
  }

  h6 {
    font-size: 20px;
  }

  ._8-col-grid {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .nav-menu-link-holder {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-direction: column;
    padding-top: 31px;
    padding-bottom: 31px;
  }

  .nav-menu-link-container {
    height: auto;
  }

  .nav-menu-button-holder {
    flex-direction: column;
  }

  .nav-menu {
    height: auto;
    background-color: #fff;
  }

  .nav-links {
    height: auto;
    grid-row-gap: 20px;
    flex-direction: column;
    padding-left: 0;
  }

  .nav-link {
    margin-left: 0;
    margin-right: 0;
  }

  .footer-content {
    grid-column-gap: 60px;
  }

  .featured-logo-wrapper {
    width: 150px;
  }

  .help-holder {
    flex-direction: column;
    display: flex;
  }

  .help-container {
    border-right-style: none;
  }

  .help-link-holder {
    grid-column-gap: 30px;
    flex-direction: row;
  }

  .help-link-container.w--current {
    border-right-style: none;
  }

  .menu-button {
    z-index: 4;
    border-radius: 12px;
    padding: 13px;
  }

  .menu-button.w--open {
    background-color: var(--royal-blue);
    border-radius: 6px;
  }

  .brand {
    z-index: 3;
  }

  .headings-container {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 40px;
  }

  .download.parttner-button {
    width: 260px;
    max-width: 260px;
  }

  .normal-button-holder {
    flex-direction: row;
    display: flex;
  }

  .hero-text-holder {
    width: auto;
    max-width: none;
  }

  .hero-statistic-holder {
    margin-top: 30px;
    position: relative;
  }

  .stats {
    font-size: 14px;
  }

  .hero-statistic {
    width: 100%;
    justify-content: space-between;
  }

  .hero-statistic-number {
    font-size: 33px;
  }

  .payment-info-holder {
    flex-direction: column;
    display: flex;
  }

  .logo-holder {
    height: 100%;
  }

  .partner-logo-holder {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .fuction-card-wraper {
    width: 100%;
    grid-row-gap: 30px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-bottom: 30px;
    display: flex;
  }

  .fuction-card-holder {
    width: 100%;
    flex-direction: column;
    display: flex;
  }

  .fuction-card-holder._02 {
    width: 100%;
    flex-direction: column-reverse;
  }

  .fuction-card._3 {
    margin-bottom: 50px;
  }

  .fuction-card._4 {
    width: 70%;
    margin-bottom: 50px;
  }

  .qna-holder {
    left: 80px;
  }

  .pricing-grid {
    grid-template-columns: 1fr;
  }

  .pricing-card {
    width: 100%;
  }

  .tab-line {
    width: auto;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 32px;
    font-weight: 600;
    line-height: 1.2;
  }

  h2 {
    font-size: 28px;
    font-weight: 500;
  }

  h3 {
    font-size: 24px;
    font-weight: 500;
  }

  h4 {
    font-size: 22px;
  }

  h5 {
    font-size: 20px;
  }

  h6 {
    font-size: 18px;
  }

  .border-box {
    padding: 2px;
  }

  ._6-col-grid {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .footer-wrapper {
    text-align: left;
    flex-direction: column;
    align-items: flex-start;
    padding-right: 0;
  }

  .footer-content {
    text-align: left;
    grid-template-columns: 1fr;
    margin-top: 40px;
  }

  .footer-block {
    text-align: left;
    align-items: flex-start;
  }

  .footer-link {
    text-align: left;
  }

  .footer-link:hover {
    color: rgba(26, 27, 31, .75);
  }

  .help-link-holder {
    flex-direction: column;
  }

  .brand {
    padding-left: 0;
  }

  .hero-text-holder {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .hero-statistic-holder {
    width: auto;
    flex-direction: row;
    padding: 23px;
  }

  .stats {
    text-align: center;
    border-bottom: 1px solid rgba(53, 53, 53, .38);
    border-right-style: none;
    border-right-color: rgba(172, 172, 172, .2);
    flex-direction: column;
    align-items: center;
    margin-right: 0;
    padding-right: 0;
    display: flex;
  }

  .hero-statistic {
    flex-direction: column;
  }

  .hero-statistic-text {
    font-weight: 300;
  }

  .info-heading {
    font-size: 32px;
    font-weight: 600;
  }

  .info {
    flex-direction: column;
    display: flex;
  }

  .pay-info-heading-holder {
    padding-top: 60px;
  }

  .logo-holder {
    margin-bottom: 0;
  }

  .partner-logo-holder {
    grid-template-columns: 1fr 1fr;
    align-items: start;
  }

  .fuction-card-wraper {
    padding-top: 77px;
    padding-bottom: 77px;
  }

  .fuction-card {
    max-height: none;
  }

  .fuction-card._2 {
    max-height: none;
    max-width: none;
    margin-bottom: 0;
    margin-left: 0;
  }

  .feature-dowload-button-holder {
    width: 100%;
    max-height: none;
    max-width: none;
    grid-row-gap: 30px;
    border-radius: 15px;
    flex-direction: column;
    padding-top: 27px;
    padding-bottom: 27px;
  }

  .grid-content._02 {
    position: static;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: 31px;
    font-weight: 700;
  }

  p {
    font-size: 14px;
  }

  ._4-col-grid {
    grid-template-columns: 1fr 1fr;
  }

  .black-background-padding {
    padding: 7px;
  }

  .container, .container.navbar-container {
    padding-left: 1em;
    padding-right: 1em;
  }

  .container.container-ito {
    display: block;
  }

  .style-guide-box-holder {
    padding: 4px;
  }

  .style-guide-box-container {
    grid-row-gap: 7px;
  }

  .colors-buttons {
    flex-direction: column;
    padding-top: 29px;
    padding-bottom: 29px;
  }

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

  ._8-col-grid {
    grid-template-columns: 1fr 1fr;
  }

  ._6-col-grid {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .featured-logo-wrapper {
    width: 100%;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .pricing-list-holder {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .pricing-footer-holder {
    grid-row-gap: 12px;
    flex-direction: column;
    align-items: flex-start;
  }

  .submit-button {
    width: 100%;
    position: relative;
  }

  .figma-file-container {
    grid-row-gap: 32px;
    flex-direction: column;
  }

  .full-width-image {
    border-radius: 7px;
  }

  .headings-container {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    margin-bottom: 60px;
  }

  .contact-sales.white {
    width: 100%;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .hero-statistic-holder {
    width: 100%;
  }

  .info-heading-holder {
    margin-bottom: 20px;
    padding-top: 20px;
  }

  .info-image {
    width: 100%;
    height: auto;
    object-fit: fill;
  }

  .info-small-heading {
    font-size: 24px;
    font-weight: 600;
  }

  .payment-info {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .fuction-card-wraper {
    padding-bottom: 0;
  }

  .fuction-card._4 {
    width: 100%;
  }

  .slider-heading-holder {
    padding-bottom: 20px;
  }

  .feature-holder {
    flex-direction: column;
    display: flex;
  }

  .people-image-holder {
    flex-direction: column;
  }

  .qna-holder {
    max-width: 100%;
  }

  .more-questions {
    grid-row-gap: 20px;
    flex-direction: column;
    align-items: flex-start;
    padding: 22px;
  }

  .pricing-grid {
    width: 100%;
  }

  .pricing-content {
    padding: 14px;
  }

  .info-image-wrapper {
    height: auto;
    padding-top: 34px;
    padding-left: 34px;
    padding-right: 34px;
  }

  .partner-logo {
    width: 90px;
  }

  .banner-holder {
    display: none;
  }

  .scan-title {
    font-size: 28px;
  }

  .scan-paragraph {
    padding-left: 15px;
    padding-right: 15px;
  }

  .feature-heading {
    margin-bottom: 5px;
    font-size: 20px;
    font-weight: 700;
  }

  .about-heading, .about-subheading {
    margin-bottom: 20px;
  }

  .reporting-block {
    width: 100%;
    border-bottom: 1px solid var(--border);
    padding-left: 0;
    padding-right: 0;
  }

  .ito-block-wrapper {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .ito-block {
    width: 100%;
    margin-bottom: 100px;
  }

  .ito-timer-heading-wrapper {
    margin-bottom: 60px;
    display: block;
  }

  .ito-timer {
    flex-wrap: wrap;
    margin-bottom: 45px;
  }

  .about-subheading-ito-timer-block-wrapper {
    width: 33%;
    margin-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
    display: block;
  }

  .about-subheading-ito-timer-block-wrapper.about-subheading-ito-timer-block-wrapper-stretch {
    width: 100%;
  }

  .visibility-off-mobile {
    display: none;
  }

  .about-subheading-ito-timer, .ito-deployer-text-wrapper {
    margin-bottom: 20px;
  }

  .ito-tabs-menu {
    display: flex;
  }

  .about-subheading-ito-cycles {
    margin-bottom: 20px;
  }

  .ito-tabs-about-link-wrapper {
    display: block;
  }

  .ito-tabs-about-link {
    margin-bottom: 10px;
  }

  .lottie-animation {
    height: auto;
  }

  .about-tabs {
    display: block;
  }

  .about-tabs-menu {
    width: 100%;
  }

  .about-tabs-content {
    width: 100%;
    padding: 20px;
  }
}

#w-node-_022fbd73-40a6-d5e0-afe4-056ce959304d-7ef0575b {
  grid-area: 5 / 1 / 6 / 2;
}

#w-node-a9f00dcc-82c9-6061-1cd5-a4a751b3cf67-7ef0575b {
  grid-area: 4 / 2 / 5 / 3;
}

#w-node-e09e6c32-0b75-8ed0-0c3b-dcda5109d23a-7ef0575b {
  grid-area: 3 / 3 / 4 / 4;
}

#w-node-_8211153a-eb93-519d-c834-0bdf2dd966e1-7ef0575b {
  grid-area: 2 / 4 / 3 / 5;
}

#w-node-_20d03211-a544-10dc-71f6-7aecdd1f942c-7ef0575b {
  grid-area: 1 / 5 / 2 / 6;
}

#w-node-_135482f0-62fe-b843-88a1-65980b5145c0-7ef0575b, #w-node-_5eba2864-7485-778c-4ff1-b10a6cf00b2a-7ef0575b, #w-node-_1f0a99b3-27fb-61cd-4ed2-a0351042c5a3-7ef0575b, #w-node-_3251e931-fbe9-3e5c-e469-a7a07c536f32-7ef0575b, #w-node-_3251e931-fbe9-3e5c-e469-a7a07c536f34-7ef0575b, #w-node-_3251e931-fbe9-3e5c-e469-a7a07c536f3d-7ef0575b, #w-node-_5a126384-bf7b-6b08-d626-0d340ac08035-7ef0575b, #w-node-a81821c2-53cf-5baf-cb04-0834742b5051-7ef0575b, #w-node-de6abbe2-89dd-7c51-a775-e49dcc7a54ae-7ef0575b {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
  justify-self: center;
}

#w-node-_432b840c-7595-a741-dbd7-0b2f53dfed69-7ef0575b, #w-node-_3d880307-0b58-a811-863a-057d18407a9b-7ef0575b, #w-node-_3af5e9de-a91d-50b9-6c0d-faa53c5b9b0a-7ef0575b, #w-node-_58770580-5995-0259-218f-b3a1df4e5f43-7ef0575b, #w-node-_2ca897d4-aebf-8ccb-732b-eeb82bb727f2-7ef0575b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a733270a-43c4-5fc6-5fa4-1769a6d5ecb2-7ef0575b {
  grid-area: 3 / 2 / 4 / 3;
}

#w-node-_441b33b7-e9c4-03ae-0a07-9f6e4741fb04-7ef0575b, #w-node-_8a48dd1e-0ce7-9f29-dc8e-b28d1204ceb2-7ef0575b, #w-node-fe8fd27a-c9d0-4e31-0829-b60f15a215c7-7ef0575b, #w-node-fe8fd27a-c9d0-4e31-0829-b60f15a215db-7ef0575b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_47cda7b9-e451-761e-5955-7aa083e56185-7ef0575b {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_47cda7b9-e451-761e-5955-7aa083e5618b-7ef0575b, #w-node-_47cda7b9-e451-761e-5955-7aa083e56194-7ef0575b, #w-node-_47cda7b9-e451-761e-5955-7aa083e5619d-7ef0575b, #w-node-_47cda7b9-e451-761e-5955-7aa083e561a6-7ef0575b {
  grid-area: 2 / 1 / 4 / 2;
}

#w-node-_6c547b0a-14bf-4ba2-684a-67571eef0040-7ef0575b {
  align-self: start;
}

#w-node-ed7ce229-2b57-8691-7747-0757287f69c6-7ef0575b {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-e92bf484-a605-4132-f141-4518468af7ef-468af7d9, #w-node-e92bf484-a605-4132-f141-4518468af7fa-468af7d9, #w-node-_1a28ebeb-9162-d3cb-8468-7300a05229ba-7ef0575e, #w-node-_8595b4cc-f73c-3ac7-f9ab-37cddb2978a1-7ef0575f, #w-node-_63c7100f-9342-3d29-c1e8-a026ad70c2f3-7ef05760, #w-node-_50d429f7-a276-3f83-9b9a-bc93d36794c4-7ef05761 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b894a5fe-f86c-a319-2754-9c68f095fdc2-7ef05761, #w-node-b894a5fe-f86c-a319-2754-9c68f095fdc5-7ef05761, #w-node-b894a5fe-f86c-a319-2754-9c68f095fdc8-7ef05761, #w-node-b894a5fe-f86c-a319-2754-9c68f095fdcb-7ef05761, #w-node-b894a5fe-f86c-a319-2754-9c68f095fdce-7ef05761, #w-node-b894a5fe-f86c-a319-2754-9c68f095fdd1-7ef05761, #w-node-b894a5fe-f86c-a319-2754-9c68f095fdd4-7ef05761, #w-node-b894a5fe-f86c-a319-2754-9c68f095fdd7-7ef05761, #w-node-b894a5fe-f86c-a319-2754-9c68f095fddc-7ef05761, #w-node-b894a5fe-f86c-a319-2754-9c68f095fddf-7ef05761, #w-node-b894a5fe-f86c-a319-2754-9c68f095fde2-7ef05761, #w-node-b894a5fe-f86c-a319-2754-9c68f095fde5-7ef05761, #w-node-b894a5fe-f86c-a319-2754-9c68f095fde8-7ef05761, #w-node-b894a5fe-f86c-a319-2754-9c68f095fdeb-7ef05761, #w-node-b894a5fe-f86c-a319-2754-9c68f095fdf0-7ef05761, #w-node-b894a5fe-f86c-a319-2754-9c68f095fdf3-7ef05761, #w-node-b894a5fe-f86c-a319-2754-9c68f095fdf6-7ef05761, #w-node-b894a5fe-f86c-a319-2754-9c68f095fdf9-7ef05761 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-b894a5fe-f86c-a319-2754-9c68f095fdfe-7ef05761, #w-node-b894a5fe-f86c-a319-2754-9c68f095fe02-7ef05761 {
  grid-area: span 1 / span 4 / span 1 / span 4;
  align-self: center;
}

@media screen and (max-width: 479px) {
  #w-node-b894a5fe-f86c-a319-2754-9c68f095fdfe-7ef05761, #w-node-b894a5fe-f86c-a319-2754-9c68f095fe02-7ef05761 {
    grid-column: span 2 / span 2;
  }
}