:root {
  --nav-llink: #e0e5e4;
  --link-clr: #26262e;
}

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

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

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

.dropdown-mobile {
  display: none;
}

.page-wrapper {
  color: #fff;
  background-color: #111319;
  font-family: Inter, sans-serif;
  font-size: 16px;
  position: relative;
}

.body {
  color: #100f0d;
  background-color: #000;
}

.main-container {
  max-width: 1296px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
  padding-right: 10px;
}

.main-container.big {
  max-width: 1296px;
  padding-left: 10px;
  padding-right: 10px;
}

.main-container.very-big {
  max-width: 1555px;
  padding-left: 10px;
  padding-right: 10px;
}

.hero-block-wrapper {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  width: 100%;
  margin-top: 40px;
  display: flex;
}

.payment-text {
  color: #fff;
  text-align: center;
  letter-spacing: -2px;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(#100f0d, #100f0dba);
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 96px;
  line-height: 103px;
}

.hero-section {
  margin-top: 100px;
}

.end-to-end {
  text-align: center;
  margin-bottom: 0;
  font-size: 26px;
  font-weight: 500;
  line-height: 32px;
}

.button-block-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
  display: flex;
}

.get-button {
  background-color: #d81d2a;
  border-radius: 8px;
  padding: 20px 40px;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  transition: all .4s;
}

.get-button:hover {
  background-image: linear-gradient(#0003, #0003);
}

.watch-button {
  color: #100f0d;
  background-color: #3898ec00;
  border: 2px solid #e0e5e4;
  border-radius: 8px;
  padding: 20px 40px;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  transition: all .4s;
}

.watch-button:hover {
  border-color: #100f0d33;
}

.hero-image {
  width: 1299px;
}

.image-block-wrapper {
  border-radius: 18px;
  margin-top: 67px;
}

.image-block-wrapper.is-hide {
  display: none;
}

.our-partners-text {
  color: #7f8c89;
  text-align: center;
  margin-top: 23px;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
}

.group-image {
  grid-column-gap: 110px;
  grid-row-gap: 110px;
  flex-direction: row;
  justify-content: center;
  margin-top: 32px;
  margin-bottom: 53px;
  display: flex;
}

.future-proof-section {
  padding-top: 120px;
  padding-bottom: 160px;
}

.future-proof-block-wrapper {
  grid-column-gap: 105px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.suppercharge-image-block-wrapp {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.futute-imge-block {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.simple-block {
  margin-top: 0;
  margin-bottom: 0;
}

.paymet-block {
  background-color: #e9e9e9;
  height: 2px;
}

.deshboard-block {
  grid-column-gap: 13px;
  grid-row-gap: 13px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  margin-top: 21px;
  display: flex;
}

.deshboard-image {
  width: 57px;
}

.text {
  margin-top: 0;
  margin-bottom: 0;
}

.futer-block-wrapper {
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.ftuter-text {
  margin-top: 0;
  margin-bottom: 0;
}

.secend-icon {
  width: 41px;
}

.payment {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.futurer-block {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  align-items: flex-start;
  width: 50%;
  display: flex;
}

.future-proof-you-business-button {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #100f0d;
  border-radius: 8px;
  padding: 7px 15px;
  display: flex;
}

.future-prof-button-text {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 14px;
  line-height: 22px;
}

.futute-icon {
  width: 33px;
}

.future--proof-yout-hading-text {
  letter-spacing: -2px;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(#100f0d, #100f0dba);
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 48px;
  font-weight: 600;
  line-height: 58px;
}

.integratin-with-paragraph {
  color: #474747;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
}

.text-span {
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
}

.supercharge-image {
  width: 630px;
}

.strategic-section {
  background-color: #100f0d;
  padding-top: 120px;
  padding-bottom: 120px;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
}

.grow-you-block-wrapp {
  justify-content: center;
  align-items: center;
  display: flex;
}

.grow-your-business {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #fff;
  border-radius: 8px;
  padding: 7px 15px;
  display: flex;
}

.grow {
  color: #100f0d;
  margin-top: 0;
  margin-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 14px;
  line-height: 22px;
}

.metapass-is-paragraph {
  color: #fff;
  text-align: center;
  margin-bottom: 0;
}

.your-strategic-block {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  display: flex;
}

.card-block {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: space-between;
  margin-top: 46px;
  display: flex;
}

.fast-card {
  background-color: #fff;
  border-radius: 8px;
  width: 33%;
  padding: 30px 38px;
}

.revenue-text {
  letter-spacing: -.3px;
  margin-top: 30px;
  margin-bottom: 0;
  font-size: 20px;
  line-height: 28px;
}

.revenue-metrics-icon-image {
  width: 60px;
  height: 60px;
}

.gain-deep-paragraph {
  color: #474747;
  margin-top: 15px;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.card-icon {
  position: relative;
}

._2n-card, ._3rd-card {
  background-color: #fff;
  border-radius: 8px;
  width: 33%;
  padding: 30px 38px;
}

._2nd-card-icon, ._3rd-card-icon {
  width: 60px;
  height: 60px;
}

.scale-your-business-block-wrapp {
  grid-column-gap: 105px;
  grid-row-gap: 105px;
  align-items: center;
  display: flex;
}

.scale-your-business-text-block-wrapp {
  flex-direction: column;
  align-items: flex-start;
  width: 42%;
  display: flex;
}

.expanding-map-blcok {
  justify-content: center;
  align-items: center;
  display: flex;
}

.seale-you-block {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #100f0d;
  border-radius: 8px;
  padding: 7px 15px;
  display: flex;
}

.expanding-your-text {
  letter-spacing: -2px;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(#100f0d, #100f0dba);
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 48px;
  font-weight: 600;
  line-height: 58px;
}

.image {
  width: 691px;
}

.with-metapass-paragraph {
  color: #474747;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
}

.ezpanding-your-blcok {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  display: flex;
}

.extensive-blcok-wrapp {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.extensive-icen {
  width: 40px;
  height: 40px;
}

.list-text {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
}

.leverage-pragraph {
  color: #474747;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
}

.supercharge-section {
  background-color: #100f0d;
  padding-top: 120px;
  padding-bottom: 180px;
}

.supercharge-text {
  color: #fff;
  letter-spacing: -2px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 48px;
  font-weight: 600;
  line-height: 58px;
}

.metapass-one--click {
  color: #e0e5e4;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
}

.card {
  background-color: #fff;
  border: 1px solid #e0e5e4;
  border-radius: 2px;
  width: 281px;
  padding: 20px 23px 25px 21px;
  display: none;
  position: absolute;
  inset: auto auto -24% 12%;
}

.access-new-image {
  width: 328px;
  position: absolute;
  bottom: -17%;
  left: 9%;
  right: auto;
}

.suppercharge-section {
  padding-top: 120px;
  padding-bottom: 120px;
}

.seamless-integration-block {
  justify-content: center;
  display: flex;
}

.seamless-text {
  color: #fff;
  letter-spacing: 1px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 14px;
  line-height: 22px;
}

.integeate-seamlessly-text {
  text-align: center;
  letter-spacing: -2px;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(#100f0d, #100f0dba);
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 48px;
  font-weight: 600;
  line-height: 58px;
}

.integrate-section {
  background-color: #f1f3f3;
  padding-top: 134px;
  padding-bottom: 84px;
}

.integrate-seamlessly-block {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  width: 960px;
  margin-top: 24px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.metapass-simplifies-paragraph {
  text-align: center;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
}

.metapass-text {
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
}

.developer-button-block {
  justify-content: center;
  align-items: center;
  padding-top: 43px;
  display: flex;
}

.button {
  background-color: #d81d2a;
  border-radius: 8px;
  padding: 20px 40px;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  transition: all .4s;
}

.button:hover {
  background-image: linear-gradient(#0003, #0003);
}

.integeates-image-block {
  margin-top: 88px;
  display: flex;
}

.best-in-class-payment-solution {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: #100f0d;
  background-color: #100f0d;
  border-radius: 8px;
  padding: 7px 15px;
  display: flex;
}

.one-solution-section-card {
  background-color: #fff;
  padding-top: 120px;
  padding-bottom: 120px;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
}

.custme-pricing {
  color: #fff;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 14px;
  line-height: 22px;
}

.one-solution-hading-text {
  color: #100f0d;
  text-align: center;
  letter-spacing: -2px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 48px;
  font-weight: 600;
  line-height: 58px;
}

.build-customer-section {
  z-index: -21;
  background-color: #d81d2a;
  padding-top: 96px;
  padding-bottom: 337px;
}

.centralize-your-payments {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #fff;
  border-radius: 8px;
  padding: 7px 15px;
  display: flex;
}

.centralize-block {
  justify-content: center;
  display: flex;
}

.build-customer-text {
  color: #fff;
  text-align: center;
  letter-spacing: -2px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 48px;
  font-weight: 600;
  line-height: 58px;
}

.improve-post-paragraph {
  color: #fff;
  text-align: center;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
}

.dashbord-block {
  background-color: #fff;
  border-radius: 8px;
  margin-top: -283px;
  padding: 0;
}

.dashbord-section {
  background-color: #fafafa;
  position: relative;
}

.usecase-section {
  background-color: #fafafa;
  padding-top: 120px;
  padding-bottom: 120px;
}

.real-success-block {
  flex-direction: column;
  align-items: flex-start;
  width: 50%;
  display: flex;
}

.more-case-button-block {
  justify-content: flex-end;
  align-items: flex-end;
  width: 50%;
  display: flex;
}

.real-success-with-block-wrapp {
  display: flex;
}

.blog-post {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #100f0d;
  border-radius: 8px;
  padding: 7px 15px;
  display: flex;
}

.real-success-text {
  letter-spacing: -2px;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(#100f0d, #100f0dba);
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 48px;
  font-weight: 600;
  line-height: 58px;
}

.discover-how-paragraph {
  color: #474747;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
}

.real-success-text-block {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  padding-top: 24px;
  display: flex;
}

.more-case-button {
  background-color: #d81d2a;
  border-radius: 8px;
  padding: 20px 40px;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  transition: all .4s;
}

.more-case-button:hover {
  background-image: linear-gradient(#0003, #0003);
}

.usecase-block {
  width: 100%;
  margin-top: 70px;
}

.blog-post-block {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  display: none;
}

.arro-icon {
  justify-content: flex-end;
  align-items: flex-end;
  width: 85px;
  display: flex;
}

.arro-image {
  width: 16px;
  height: 16px;
}

.blog-post-text-block {
  background-color: #fff;
  border-bottom: 1px solid #e0e5e4;
  border-left: 1px solid #e0e5e4;
  border-right: 1px solid #e0e5e4;
  border-radius: 8px;
  padding: 20px 20px 14px 29px;
}

.retail-revolution-text {
  color: #100f0d;
  letter-spacing: -1px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 600;
  line-height: 34px;
  transition: all .3s;
}

.retail-revolution-text:hover {
  text-decoration: underline;
}

.paragraph-10 {
  color: #7f8c89;
  margin-bottom: 0;
  padding-right: 0;
  font-weight: 500;
  line-height: 24px;
}

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

.pricing-subheading-block {
  justify-content: center;
  display: flex;
}

.custom-pricing {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #100f0d;
  border-radius: 8px;
  padding: 7px 15px;
  display: flex;
}

.pricing-heading-block {
  text-align: center;
  letter-spacing: -2px;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(#100f0d, #100f0dba);
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 48px;
  font-weight: 600;
  line-height: 58px;
}

.pricing-description-block {
  color: #474747;
  text-align: center;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
}

.pricing-content {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  width: 960px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 24px;
  display: flex;
}

.pricing-button-block {
  justify-content: center;
  align-items: center;
  margin-top: 32px;
  display: flex;
}

.pricing-button {
  background-color: #d81d2a;
  border-radius: 8px;
  padding: 20px 40px;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  transition: all .4s;
}

.pricing-button:hover {
  background-image: linear-gradient(#0003, #0003);
}

.ready-section {
  background-color: #222425;
  padding-top: 120px;
  padding-bottom: 120px;
}

.ready-to-get-started {
  flex-direction: column;
  width: 43%;
  display: flex;
}

.ready-to-get-started-block-wrapp {
  grid-column-gap: 64px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.ready-to-get-started-text {
  color: #fff;
  letter-spacing: -2px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 48px;
  font-weight: 600;
  line-height: 58px;
}

.careate-paagraph-text {
  color: #fff;
  margin-top: 24px;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
}

.get-started-button-block {
  margin-top: 56px;
}

.get-started-button {
  background-color: #d81d2a;
  border-radius: 8px;
  padding: 20px 40px;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  transition: all .4s;
}

.get-started-button:hover {
  background-image: linear-gradient(#0003, #0003);
}

.pricing-details-block {
  justify-content: flex-start;
  align-items: center;
  margin-top: 30px;
  display: flex;
}

.apl-text {
  color: #d81d2a;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
}

.apl-text:hover {
  text-decoration: underline;
}

.pricing {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  display: flex;
}

.footer-section {
  background-color: #0b0d11;
  padding: 120px 32px 32px;
}

.footer-block-wrapper {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  align-items: flex-start;
  padding-bottom: 110px;
  display: flex;
}

.global-payment-text {
  color: #e0e5e4;
  margin-top: 16px;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.footer-logo-wrapper {
  width: 30%;
}

.network-partners {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 28px;
}

.products-item {
  color: #e0e5e4;
  line-height: 24px;
  text-decoration: none;
}

.products-item:hover {
  text-decoration: underline;
}

.company-text, .developer-text, .price {
  color: #fff;
  margin-bottom: 0;
}

.divider-block {
  background-color: #474747;
  height: 1px;
  margin-bottom: 37px;
}

.copyright-text {
  color: #b9c1bf;
  letter-spacing: -.3px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}

.copyright-block-wrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.social-icon-block {
  grid-column-gap: 21px;
  grid-row-gap: 21px;
  border-radius: 20px;
  display: flex;
}

.social-icon-block.akib {
  width: 201px;
  display: flex;
}

.product {
  background-color: #fafafa;
  width: 33%;
  padding: 0 0 0 10px;
}

.fast-card-reven {
  background-color: #fff;
  border-radius: 8px;
  width: 33%;
  padding: 30px 38px;
}

.always {
  background-color: #fff;
  border-radius: 8px;
  width: 49%;
  padding: 30px;
}

.start-you {
  background-color: #fff;
  border-radius: 8px;
  width: 49%;
  padding: 30px 38px;
}

.build-customer-text-block {
  grid-row-gap: 22px;
  flex-direction: column;
  display: flex;
}

.collection-item-block {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  transition: box-shadow .3s;
}

.collection-item-block:hover {
  box-shadow: 0 4px 60px #0000001a;
}

.collection {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  margin-left: 0;
  margin-right: 0;
  display: grid;
}

.footer-item-block-wrapper {
  width: 70%;
  display: flex;
}

.footer-item-block {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.community-row {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-direction: column;
  justify-content: space-between;
  width: 30%;
  display: flex;
}

.getstarted-row, .platform-row {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: space-between;
  width: 30%;
  display: flex;
}

.resoureces-block {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-direction: column;
  width: 100%;
  display: flex;
}

.scale-you-button {
  margin-bottom: 18px;
}

.blog-post-paragraph-block-wrpp {
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  padding-bottom: 0;
  display: flex;
}

.list-icon-therr, .list-icon-block, .extensive-icon-block {
  flex: none;
}

.products-link {
  color: #fff;
  justify-content: center;
  align-items: center;
  height: 90%;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.products-link.edit {
  border-bottom-style: solid;
  flex: none;
  align-self: auto;
  padding-bottom: 0;
  font-size: 16px;
  top: 1px;
}

.products-link.edit.w--current {
  color: #fff;
}

.products-link.edit.hideless1080px {
  flex: 1;
  font-size: 16px;
}

.products-link.edit.hideless1080px.w--current {
  color: #d81d2a;
}

.products-link.edit.without-drop {
  border-bottom: 0 #0000;
  padding-bottom: 16px;
  display: block;
  position: static;
  top: 0;
}

.products-link.edit.without-drop:hover {
  border-bottom: 1px solid red;
}

.products-link.edit.without-drop.pricingnav {
  border-bottom: 2px solid #fff;
  height: 100%;
  padding-bottom: 0;
  display: flex;
}

.products-link.edit.without-drop.pricingnav:hover {
  color: #d81d2a;
  border-bottom-color: #d81d2a;
}

.products-link.devnav:hover {
  color: #c9232e;
}

.products-link.companynav:hover {
  color: #d42834;
}

.menu-right-side {
  grid-column-gap: 26px;
  grid-row-gap: 10px;
  border: 1px #000;
  border-right: 1px solid #e0e5e4;
  flex-direction: column;
  justify-content: flex-start;
  width: 35%;
  padding-top: 24px;
  padding-bottom: 24px;
  padding-left: 37px;
  display: flex;
}

.menu-right-side.read {
  border-right-style: none;
}

.menu-right-side.read.help-padding {
  grid-row-gap: 10px;
}

.menu-right-side.lock {
  border-right-style: none;
  width: 23%;
}

.menu-right-side.frand {
  grid-row-gap: 0px;
  border-right-color: #fff;
  width: 23%;
  padding-left: 0;
}

.menu-right-side.one {
  border-right-color: #fff;
  width: 23%;
}

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

.nav-button-group {
  grid-column-gap: 42px;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  width: 23.9647%;
  display: flex;
}

.nav-button-group.hide-tab {
  grid-column-gap: 16px;
  width: 26%;
  padding-bottom: 0;
}

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

.back-text {
  color: #fff;
  font-size: 18.135px;
  line-height: 36.27px;
}

.menu-bottom-text {
  color: #474747;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
}

.menu-list {
  background-color: #fff;
  justify-content: space-between;
  display: flex;
}

.menu {
  grid-column-gap: 8px;
  cursor: pointer;
  border-radius: 8px;
  align-items: flex-start;
  width: 100%;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 0;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.menu:hover {
  color: #100f0d;
  background-color: #ffffff14;
}

.menu.px129 {
  width: 137px;
  max-width: 137px;
}

.menu.px175 {
  width: 218px;
  padding-right: 10px;
}

.menu.hover:hover {
  text-decoration: underline;
}

.navbar-cta-btn {
  color: #fff;
  text-align: center;
  cursor: pointer;
  background-color: #d81d2a;
  border: 2px solid #d81d2a;
  border-radius: 10.909px;
  justify-content: center;
  align-items: center;
  height: 50px;
  max-height: 50px;
  padding: 0 18px;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
  transition: all .4s;
  display: flex;
}

.navbar-cta-btn:hover {
  opacity: 1;
  background-color: #474747;
  border-color: #474747;
}

.navbar-cta-btn.demo {
  color: #100f0d;
  background-color: #ab285b00;
  border-color: #e0e5e4;
  flex: none;
  font-weight: 700;
}

.navbar-cta-btn.demo:hover {
  border-color: #100f0d33;
}

.menu-top-text {
  color: #000000;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.menu-top-text.prod {
  color: #100f0d;
  font-size: 24px;
  font-weight: 600;
  line-height: 34px;
}

.menu-top-text.enh {
  color: #100f0d;
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
}

.padding {
  border-radius: 8px;
  width: 100%;
  max-width: 1555px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
}

.cross-block {
  width: 39px;
  height: 39px;
}

.menu-left-side {
  grid-column-gap: 26px;
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: space-between;
  width: 28%;
  padding-top: 48px;
  padding-bottom: 48px;
  display: flex;
}

.back-button-icon-div {
  width: 45px;
  height: 45px;
}

.dropdown-icon {
  color: #100f0d;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
  position: static;
}

.menu-text {
  flex-direction: column;
  display: flex;
}

.menu-text.single {
  grid-row-gap: 16px;
  flex-direction: column;
  display: flex;
}

.mobile-menu {
  background-color: #141517;
  padding: 23px 28px 48px;
  display: none;
}

.navbar {
  color: #fff;
  background-color: #000;
  border-bottom: 1px solid #0003;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  padding-top: 0;
  padding-bottom: 0;
  transition: all .3s;
  position: fixed;
  inset: 0% 0% auto;
}

.nav-menu-list {
  grid-column-gap: 30px;
  grid-row-gap: 35px;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 90px;
  margin-left: 0;
  display: flex;
}

.logo-png {
  color: #fff;
  object-fit: fill;
  justify-content: center;
  align-items: center;
  max-width: none;
  height: 50px;
  max-height: 45px;
  display: flex;
}

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

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

.container.navbar-container {
  max-width: 1555px;
  height: auto;
  padding-left: 10px;
  padding-right: 10px;
  display: block;
  position: sticky;
}

.mega-menu-list {
  background-color: #fff;
  border-radius: 16px;
  padding: 13px;
}

.mega-menu-list.px406 {
  background-color: #fff0;
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
}

.mega-menu-list.pro {
  background-color: #fff;
  border-color: #fff;
  margin-top: -41px;
}

.mega-menu-list.pro:hover {
  background-color: #fff;
}

.mega-menu-list.pro.enh {
  width: 107%;
  margin-top: 0;
}

.mega-menu-list.pro.enh.width {
  background-color: #fff0;
  background-image: linear-gradient(90deg, #fafafa 29%, #fff0 29%);
  width: auto;
  padding-top: 0;
  padding-bottom: 0;
}

.back-button-block {
  align-items: center;
  display: flex;
}

.nav-wrapper {
  align-items: center;
  width: auto;
  display: flex;
}

.menu-details-div {
  margin-top: 40px;
  padding-left: 16px;
}

.dropdown-wrapper {
  z-index: 999999;
  color: #fff;
  align-items: center;
  height: 100%;
  margin-left: 0;
  margin-right: 0;
  display: none;
}

.active-icon {
  z-index: 1;
  width: 19px;
  min-width: 19px;
  max-width: 19px;
  height: 19px;
  min-height: 19px;
  max-height: 19px;
  position: absolute;
  inset: 0%;
}

.active-icon.px23 {
  width: 23px;
  min-width: 23px;
  max-width: 23px;
  min-height: 23px;
  max-height: 23px;
}

.active-icon.px22 {
  width: 22px;
  min-width: 22px;
  max-width: 22px;
  height: 22px;
  min-height: 22px;
  max-height: 22px;
}

.active-icon.px18 {
  width: 18px;
  min-width: 18px;
  max-width: 18px;
  height: 18px;
  min-height: 18px;
  max-height: 18px;
}

.dropdown-toggle-btn {
  grid-column-gap: 0px;
  color: #fff;
  border-bottom: 2px #fff;
  align-items: center;
  height: 100%;
  padding: 0;
  font-weight: 500;
  line-height: 24px;
  transition: all .4s cubic-bezier(.77, 0, .175, 1);
  display: flex;
}

.dropdown-toggle-btn:hover {
  color: #d81d2a;
  border-bottom-color: #d81d2a;
}

.dropdown-toggle-btn:active {
  color: #0e0e0e;
}

.dropdown-toggle-btn.w--open {
  color: #e29e16;
  border-bottom: 2px solid #d81d2a;
}

.dropdown-toggle-btn:lang(en) {
  color: #d81d2a;
}

.menu-icon {
  justify-content: center;
  align-items: center;
  width: 1px;
  min-width: 19px;
  max-width: 19px;
  height: 19px;
  min-height: 19px;
  max-height: 19px;
  padding-top: 0;
  display: flex;
  position: relative;
}

.inactive-icon {
  width: 25px;
  min-width: 25px;
  max-width: 25px;
  height: 25px;
  min-height: 25px;
  max-height: 25px;
  position: absolute;
  inset: 0%;
}

.inactive-icon.px22 {
  width: 22px;
  min-width: 22px;
  max-width: 22px;
  height: 22px;
  min-height: 22px;
  max-height: 22px;
}

.inactive-icon.px23 {
  width: 23px;
  min-width: 23px;
  max-width: 23px;
  height: 23px;
  min-height: 23px;
  max-height: 23px;
}

.inactive-icon.px18 {
  width: 18px;
  min-width: 18px;
  max-width: 18px;
  min-height: 18px;
  max-height: 18px;
}

.sinlge-menu-main-text {
  color: #fff;
  letter-spacing: -.792px;
  font-size: 36px;
  line-height: 72px;
}

.dropdown-column-wrapper {
  background-color: #fff;
  border: 1px solid #eff0f6;
  border-radius: 4px;
  overflow: hidden;
  transform: translate(-50%);
  box-shadow: 0 2px 12px #14142b14;
}

.dropdown-column-wrapper.w--open {
  top: 90px;
}

.dropdown-column-wrapper.width-866px {
  min-width: 866px;
}

.dropdown-column-wrapper.width-866px.w--open {
  z-index: 99999;
  box-shadow: none;
  background-color: #fff0;
  border-style: none;
  border-radius: 0;
  width: 1207px;
  min-width: auto;
  padding-top: 40px;
  top: 35px;
  left: -154px;
}

.dropdown-column-wrapper.width-866px.product.w--open {
  background-color: #fff;
  width: 100vw;
  padding-top: 0;
  padding-left: 0;
  top: 90px;
  left: 100px;
  box-shadow: -35px 35px 20px 8px #0000000a;
}

.dropdown-column-wrapper.width-866px.product.w--open:hover {
  background-color: #fff;
}

.dropdown-column-wrapper.width-866px.product.chak.w--open {
  width: 100vw;
  padding-top: 0;
  padding-left: 0;
  top: 90px;
  left: 214px;
  overflow: auto;
  box-shadow: -35px 35px 20px 8px #0000000a;
}

.dropdown-column-wrapper.width-866px.product.devlop.w--open {
  background-color: #fff;
  padding-left: 10px;
  padding-right: 10px;
  top: 90px;
  left: -160px;
}

.dropdown-column-wrapper.width-866px.compan {
  box-shadow: 0 2px 12px #14142b14;
}

.dropdown-column-wrapper.width-866px.compan.w--open {
  z-index: 999;
  background-color: #fff;
  width: 100vw;
  padding-top: 0;
  top: 113px;
  left: -205px;
  box-shadow: -35px 35px 20px 8px #0000000a;
}

.collection-item {
  width: 48%;
}

.collection-list {
  grid-column-gap: 16px;
  grid-row-gap: 26px;
  flex-wrap: wrap;
  display: flex;
}

.major-block {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  padding-top: 12px;
  display: flex;
}

.hospitality-block {
  width: 50%;
}

.web-cloud {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  width: 50%;
  display: flex;
}

.startup-utilized {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 28px;
}

.improved-text {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  display: flex;
}

.hospitaile-paragraph {
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.see-how-a-tech {
  color: #100f0d;
  font-weight: 700;
  line-height: 24px;
  text-decoration: none;
}

.see-how-a-tech:hover {
  text-decoration: underline;
}

.menu-paragraph {
  color: #474747;
  margin-bottom: 0;
}

.menu-heading {
  color: #d81d2a;
  margin-top: 0;
  margin-bottom: 0;
}

.menu-block-wrapper {
  grid-column-gap: 13px;
  grid-row-gap: 13px;
  flex-direction: column;
  padding-top: 7px;
  display: flex;
}

.menu-block {
  display: flex;
}

.menu-block.flex {
  justify-content: space-between;
}

.skyrocket {
  width: 70%;
}

.skyrocket.width {
  background-color: #fff;
  width: 79%;
  padding-top: 48px;
  padding-bottom: 48px;
  padding-right: 46px;
}

.heightened {
  width: 30%;
}

.heightened.width {
  border-left: 1px solid #e0e5e4;
  width: 21%;
  padding-top: 48px;
  padding-bottom: 75px;
  padding-left: 62px;
}

.heightene {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #100f0d;
  text-decoration: none;
  display: flex;
}

.heightene:hover {
  text-decoration: underline;
}

.heighten-text {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
}

.success {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  display: flex;
}

.coustomer-mark {
  color: #d81d2a;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.coustomer-mark.border {
  border-bottom: 1px solid #fff;
}

.coustomer-mark.border:hover {
  border-bottom-color: #d81d2a;
}

.customer-te {
  margin-top: 0;
  margin-bottom: 12px;
}

.customer-t {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  line-height: 24px;
  display: flex;
}

.revenue {
  color: #100f0d;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 24px;
}

.strategic {
  color: #100f0d;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.group-logo-image {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  align-self: center;
}

.navbar-menu {
  flex: 1;
  justify-content: space-between;
  align-items: center;
  margin-left: 0;
  display: flex;
  position: static;
}

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

.navbar-menu-button {
  padding: 0;
}

.navbar-logo-link {
  width: 190px;
  padding-left: 0;
  position: static;
}

.navbar-logo-link:hover {
  opacity: .6;
}

.button-13 {
  grid-column-gap: .5rem;
  outline-offset: 0px;
  color: #fff;
  text-align: center;
  letter-spacing: .02em;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: #100f0d;
  background-image: none;
  border: 1px solid #100f0d;
  border-radius: .25rem;
  outline: 3px dotted #fff;
  justify-content: center;
  align-items: center;
  padding: 12px 24px;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s cubic-bezier(.23, 1, .32, 1);
  display: flex;
}

.button-13:hover {
  background-color: #d81d2a;
  background-image: none;
  border-color: #d81d2a;
}

.button-13:focus {
  color: #0c23b3;
  background-color: #f6f8ff;
  box-shadow: 0 1px 2px #1018280d, 0 0 0 4px #e7eaff;
}

.button-secondary {
  grid-column-gap: .5rem;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  color: #0c23b3;
  text-align: center;
  letter-spacing: .02em;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: #ffffff29;
  border: 1px solid #e0e5e4;
  border-radius: .25rem;
  justify-content: center;
  align-items: center;
  padding: 10px 28px;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s cubic-bezier(.23, 1, .32, 1);
  display: flex;
}

.button-secondary:hover {
  color: #e9ecff;
  background-color: #fff;
}

.button-secondary:focus {
  background-color: #fff;
  box-shadow: 0 1px 2px #1018280d, 0 0 0 4px #f2f4f7;
}

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

.navbar-component {
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  background-color: #ffffff1c;
  align-items: center;
  min-height: 5rem;
  padding-left: 2rem;
  padding-right: 2rem;
  display: none;
}

.logo-image-3 {
  flex: none;
  width: 134px;
  max-width: none;
  height: 44px;
  transition: opacity .3s cubic-bezier(.23, 1, .32, 1);
}

.navbar-menu-left {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: flex-end;
  width: 100%;
  display: flex;
}

.navbar-menu-right {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: flex;
}

.text-block-6 {
  color: #313131;
  -webkit-text-stroke-color: #fff;
}

.text-block-6:hover {
  background-color: #0000;
}

.image-2-hover {
  mix-blend-mode: luminosity;
  width: 92px;
  height: 23px;
  transition: all .3s cubic-bezier(.77, 0, .175, 1);
}

.image-2-hover:hover {
  mix-blend-mode: normal;
}

.image-2-hover.extra {
  opacity: .6;
  flex: none;
  width: 137px;
  height: 19px;
  transition-duration: .2s;
}

.image-2-hover.extra:hover {
  opacity: 1;
}

.image-2-hover.paypal {
  flex: none;
  width: 107px;
  height: 29px;
}

.image-2-hover.stripe {
  letter-spacing: 244px;
  flex: none;
  width: 79px;
  height: 32px;
}

.image-2-hover.alpip {
  flex: none;
  width: 107px;
  height: 27px;
}

.image-2-hover.wechat {
  flex: none;
  width: 136px;
  height: 27px;
}

.dropdown-wrapper-c {
  display: none;
}

.facebook-image {
  mix-blend-mode: soft-light;
  width: 24px;
  height: 24px;
  transition: all .5s;
}

.facebook-image:hover {
  mix-blend-mode: normal;
}

.navbar-wrap {
  justify-content: space-between;
  display: flex;
}

.pricing-text, .apl-reference-text {
  text-decoration: none;
}

.apl-reference-block {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  margin-top: 30px;
  display: flex;
}

.dropdown-link-5 {
  display: none;
}

.out-platform-text {
  color: #474747;
}

.metapass-blcok {
  width: 968px;
  margin-left: auto;
  margin-right: auto;
}

.blog-post-learn-how {
  padding-right: 38px;
}

.create-and-bccount-block {
  padding-right: 110px;
}

.ready-to-get-start-card-block-wrap {
  grid-column-gap: 43px;
  justify-content: space-between;
  align-items: center;
  width: 55%;
  display: flex;
}

.end-to-end-payment-block {
  width: 629px;
  margin-left: auto;
  margin-right: auto;
}

.spaceing-block {
  display: none;
}

.company-collection-item {
  padding-left: 0;
  padding-right: 0;
}

.retail-block {
  text-decoration: none;
}

.bold-text-integrating {
  color: #100f0d;
}

.collection-list-12 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  display: grid;
}

.collection-block {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  display: flex;
}

.bussiness-image {
  object-fit: cover;
  border-radius: 10px;
  height: 100%;
}

.link-block-one, .link-block-two, .link-block-three {
  align-self: flex-start;
  text-decoration: none;
}

.heading-63 {
  margin-top: 0;
}

.heading-63:hover {
  text-decoration: underline;
}

.link-block-for {
  color: #100f0d;
  margin-top: 20px;
  text-decoration: none;
}

.link-blokc {
  color: #d81d2a;
  text-decoration: none;
}

.link-blokc:hover {
  text-decoration: underline;
}

.menu-link-block {
  color: #100f0d;
  text-decoration: none;
}

.menu-link-block:hover {
  color: #100f0d;
  text-decoration: underline;
}

.menu-link-block-wrapper {
  text-decoration: none;
}

.menu-link-block-wrapper:hover {
  color: #100f0d;
  text-decoration: underline;
}

.community-link-block, .company-link-block {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-direction: column;
  display: flex;
}

.resources-link-block {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-direction: column;
  height: 151px;
  display: flex;
}

.getstarted-link-block {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-direction: column;
  display: flex;
}

.hero-block.is-hide {
  display: none;
}

.your-strateginc-text {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 48px;
  font-weight: 600;
  line-height: 58px;
}

.customer-text {
  letter-spacing: -.3px;
  margin-top: 30px;
  margin-bottom: 0;
  font-size: 20px;
  line-height: 28px;
}

.underline-tent {
  color: #474747;
  margin-top: 15px;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.purchasing-text {
  letter-spacing: -.3px;
  margin-top: 30px;
  margin-bottom: 0;
  font-size: 20px;
  line-height: 28px;
}

.dicover-your {
  color: #474747;
  margin-top: 15px;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.scale-you-icon {
  width: 33px;
}

.scale-your-button-text {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 14px;
  line-height: 22px;
}

.list-block-wrappe, .list-block-three {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.list-icon, .unmatched-icon {
  width: 40px;
  height: 40px;
}

.suppercharge-you-sales-block-wrapp {
  grid-column-gap: 105px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.supercharge-image-block {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.supercharge-block-wrapp {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  align-items: flex-start;
  width: 50%;
  display: flex;
}

.enhance-button {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #fff;
  border-radius: 8px;
  padding: 7px 15px;
  display: flex;
}

.enhance-icon {
  width: 33px;
}

.enhance-customr-text {
  color: #100f0d;
  letter-spacing: 1px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 14px;
  line-height: 22px;
}

.beamless-block {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: #100f0d;
  background-color: #100f0d;
  border-radius: 8px;
  padding: 7px 15px;
  display: flex;
}

.seamless-icon, .best-in-icon {
  width: 33px;
}

.build-customer-block-wrapp {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  display: flex;
}

.centralize-icon {
  width: 33px;
}

.centralize-text {
  color: #100f0d;
  letter-spacing: 1px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 14px;
  line-height: 22px;
}

.metappas-icon {
  width: 33px;
}

.soutions-text {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 28px;
}

.facebook-block, .twiter-block, .youtube-block, .linkedin-block {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  align-self: center;
}

.twiter-image {
  mix-blend-mode: soft-light;
  width: 24px;
  height: 24px;
  transition: all .5s;
}

.twiter-image:hover {
  mix-blend-mode: normal;
}

.youtube-image {
  mix-blend-mode: soft-light;
  width: 24px;
  height: 24px;
  transition: all .5s;
}

.youtube-image:hover {
  mix-blend-mode: normal;
}

.linkding-imge {
  mix-blend-mode: soft-light;
  width: 24px;
  height: 24px;
  transition: all .5s;
}

.linkding-imge:hover {
  mix-blend-mode: normal;
}

.neteork-partners-linl {
  color: #100f0d;
  justify-content: center;
  align-items: center;
  height: 90%;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.neteork-partners-linl.edit {
  border-bottom-style: solid;
  flex: none;
  align-self: auto;
  padding-bottom: 0;
  font-size: 16px;
  top: 1px;
}

.neteork-partners-linl.edit.w--current {
  color: #fff;
}

.neteork-partners-linl.edit.with-out-drop {
  border-bottom: 0 #0000;
  padding-bottom: 16px;
  display: block;
  position: static;
  top: 0;
}

.neteork-partners-linl.edit.with-out-drop:hover {
  border-bottom: 1px solid red;
}

.neteork-partners-linl.edit.with-out-drop.partner-nav {
  color: #fff;
  border-bottom: 2px #fff;
  height: 100%;
  padding-bottom: 0;
  display: none;
}

.neteork-partners-linl.edit.with-out-drop.partner-nav:hover {
  color: #d81d2a;
  border-bottom-color: #d81d2a;
}

.case-suudies-link {
  color: #100f0d;
  justify-content: center;
  align-items: center;
  height: 90%;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.case-suudies-link.edit {
  border-bottom-style: solid;
  flex: none;
  align-self: auto;
  padding-bottom: 0;
  font-size: 16px;
  top: 1px;
}

.case-suudies-link.edit.w--current {
  color: #fff;
}

.case-suudies-link.edit.without-drop {
  border-bottom: 0 #0000;
  padding-bottom: 16px;
  display: block;
  position: static;
  top: 0;
}

.case-suudies-link.edit.without-drop:hover {
  border-bottom: 1px solid red;
}

.case-suudies-link.edit.without-drop.casenav {
  border-bottom: 2px solid #fff;
  height: 100%;
  padding-bottom: 0;
  display: flex;
}

.case-suudies-link.edit.without-drop.casenav:hover {
  color: #d81d2a;
  border-bottom-color: #d81d2a;
}

.expanding-global-section {
  padding-top: 120px;
  padding-bottom: 120px;
}

.header {
  background-color: #000;
}

.blog-post-block-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  display: flex;
}

.retil-revolution-block {
  border-radius: 8px;
  width: 33%;
  box-shadow: 0 0 4px #00000012;
}

.retil-block-image {
  width: 444px;
}

.usecase-title {
  letter-spacing: -1px;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 29px;
  font-size: 24px;
  font-weight: 600;
  line-height: 34px;
}

.usecase-description {
  justify-content: space-around;
  align-items: center;
  display: flex;
}

.blog-post-paragraph {
  color: #7f8c89;
  width: 288px;
  margin-bottom: 0;
  font-weight: 500;
  line-height: 24px;
}

.blog-arrow {
  width: 16px;
  height: 16px;
}

.usecase-content-block {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border-bottom: 1px solid #e0e5e4;
  border-left: 1px solid #e0e5e4;
  border-right: 1px solid #e0e5e4;
  flex-direction: column;
  padding-top: 18px;
  padding-bottom: 14px;
  display: flex;
}

.usecase-image-block {
  width: 444px;
}

.image_hero {
  margin-top: 100px;
  margin-bottom: 140px;
}

.apy-text_wraper {
  background-color: #ffffff0d;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 313px;
  margin-top: 48px;
  margin-left: auto;
  margin-right: auto;
  padding: 16px;
  font-size: 24px;
  line-height: 1.5;
  display: flex;
}

.hero_heading {
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 96px;
  line-height: 1.3;
}

.dropdown_wrapper {
  z-index: 999999;
  color: #fff;
  align-items: center;
  height: 100%;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.dropdown_list-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 200px;
  padding: 20px 24px;
  display: flex;
}

.dropdown_column-wrapper {
  background-color: #fff;
  border: 1px solid #eff0f6;
  border-radius: 4px;
  overflow: hidden;
  transform: translate(-50%);
  box-shadow: 0 2px 12px #14142b14;
}

.dropdown_column-wrapper.w--open {
  top: 90px;
  transform: translate(0%);
}

.dropdown_column-wrapper.width-866px {
  min-width: 866px;
}

.dropdown_column-wrapper.width-866px.w--open {
  z-index: 99999;
  box-shadow: none;
  background-color: #fff0;
  border-style: none;
  border-radius: 0;
  width: 1207px;
  min-width: auto;
  padding-top: 40px;
  top: 35px;
  left: -154px;
}

.dropdown_column-wrapper.width-866px.product.w--open {
  background-color: #fff;
  width: 100vw;
  padding-top: 0;
  padding-left: 0;
  top: 90px;
  left: 100px;
  box-shadow: -35px 35px 20px 8px #0000000a;
}

.dropdown_column-wrapper.width-866px.product.w--open:hover {
  background-color: #fff;
}

.dropdown_column-wrapper.width-866px.product.chak.w--open {
  width: 100vw;
  padding-top: 0;
  padding-left: 0;
  top: 90px;
  left: 214px;
  overflow: auto;
  box-shadow: -35px 35px 20px 8px #0000000a;
}

.dropdown_column-wrapper.width-866px.product.devlop.w--open {
  background-color: #fff;
  padding-left: 10px;
  padding-right: 10px;
  top: 90px;
  left: -160px;
}

.dropdown_column-wrapper.width-866px.compan {
  box-shadow: 0 2px 12px #14142b14;
}

.dropdown_column-wrapper.width-866px.compan.w--open {
  z-index: 999;
  background-color: #fff;
  width: 100vw;
  padding-top: 0;
  top: 113px;
  left: -205px;
  box-shadow: -35px 35px 20px 8px #0000000a;
}

@media screen and (min-width: 1280px) {
  .payment-text {
    color: #fff;
  }

  .card {
    left: 12%;
  }

  .metapass-simplifies-paragraph {
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
  }

  .metapass-text {
    font-size: 18px;
    font-weight: 700;
    line-height: 28px;
  }

  .dashbord-block {
    border-radius: 8px;
  }

  .blog-post-paragraph-block-wrpp {
    margin-top: 20px;
  }

  .nav-menu {
    width: auto;
  }

  .nav-button-group.hide-tab {
    width: 30%;
  }

  .nav-button-group.hide-tab.watch {
    width: auto;
  }

  .navbar-cta-btn {
    background-color: #d81d2a;
    border-color: #d81d2a;
  }

  .nav-menu-list {
    grid-column-gap: 17px;
    grid-row-gap: 17px;
    width: auto;
  }

  .logo-png {
    width: 200px;
    height: 50px;
  }

  .mega-menu-list.pro.enh {
    width: 105%;
  }

  .dropdown-column-wrapper.width-866px.compan.w--open, .dropdown_column-wrapper.width-866px.compan.w--open {
    left: -199px;
  }
}

@media screen and (min-width: 1440px) {
  .hero-block-wrapper {
    margin-top: 80px;
  }

  .payment-text {
    margin-top: 0;
  }

  .group-image {
    display: flex;
  }

  .card {
    bottom: -15%;
    left: 11%;
  }

  .dashbord-block {
    border-radius: 8px;
  }

  .social-icon-block.akib {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: center;
    align-items: center;
    width: 188px;
  }

  .blog-post-paragraph-block-wrpp {
    margin-top: 20px;
  }

  .menu-right-side.read.help-padding {
    padding-right: 40px;
  }

  .navbar-cta-btn {
    background-color: #d81d2a;
    border-color: #d81d2a;
  }

  .menu-text.single {
    padding-left: 20px;
  }

  .nav-menu-list {
    grid-column-gap: 35px;
    grid-row-gap: 21px;
    width: auto;
    margin-left: 0;
  }

  .logo-png {
    max-width: none;
    height: 50px;
  }

  .mega-menu-list.pro {
    margin-top: -54px;
  }

  .mega-menu-list.pro.enh {
    width: 98%;
  }

  .nav-wrapper {
    grid-column-gap: 46px;
    justify-content: space-between;
  }

  .dropdown-toggle-btn {
    grid-column-gap: 5px;
  }

  .dropdown-column-wrapper.width-866px.w--open {
    top: 41px;
  }

  .dropdown-column-wrapper.width-866px.product.w--open {
    left: 110px;
  }

  .dropdown-column-wrapper.width-866px.product.devlop.w--open {
    left: -190px;
  }

  .dropdown-column-wrapper.width-866px.compan.w--open {
    left: -259px;
  }

  .navbar-menu {
    margin-left: 0;
  }

  .navbar-logo-link {
    width: 244px;
  }

  .navbar-menu-left {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-content: center;
    align-items: center;
  }

  .navbar-wrap {
    -webkit-text-stroke-color: #100f0d;
  }

  .create-and-bccount-block {
    padding-right: 130px;
  }

  .dropdown_column-wrapper.width-866px.w--open {
    top: 41px;
  }

  .dropdown_column-wrapper.width-866px.product.w--open {
    left: 110px;
  }

  .dropdown_column-wrapper.width-866px.product.devlop.w--open {
    left: -190px;
  }

  .dropdown_column-wrapper.width-866px.compan.w--open {
    left: -259px;
  }
}

@media screen and (min-width: 1920px) {
  .page-wrapper {
    color: #fff;
    background-color: #111319;
  }

  .body {
    text-align: center;
  }

  .main-container.very-big {
    padding-left: 0;
    padding-right: 0;
  }

  .hero-block-wrapper {
    margin-top: 20px;
  }

  .payment-text {
    opacity: 1;
    outline-offset: 0px;
    text-align: center;
    -webkit-text-stroke-color: #fff;
    -webkit-text-fill-color: inherit;
    mix-blend-mode: normal;
    background-color: #0000;
    background-image: none;
    background-clip: border-box;
    border: 0 #fff0;
    outline: 3px #0000;
  }

  .hero-section {
    opacity: 1;
    outline-offset: 0px;
    pointer-events: auto;
    -webkit-text-fill-color: inherit;
    mix-blend-mode: normal;
    background-color: #111319;
    background-clip: border-box;
    outline: 3px #100f0d;
    margin-top: 140px;
  }

  .end-to-end {
    color: #e0e5e4;
    font-size: 22px;
    line-height: 34px;
  }

  .image-block-wrapper {
    mix-blend-mode: normal;
  }

  .group-image {
    display: flex;
  }

  .future-proof-block-wrapper, .integratin-with-paragraph {
    text-align: left;
  }

  .card-block {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    margin-top: 70px;
    display: flex;
  }

  .fast-card {
    background-color: #fff;
    border-radius: 8px;
    flex-direction: column;
    width: 33%;
    padding: 30px 38px;
    display: flex;
    position: relative;
  }

  .revenue-text {
    color: #000;
    text-align: left;
    margin-bottom: 0;
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
  }

  .revenue-metrics-icon-image {
    width: 60px;
    height: 60px;
  }

  .gain-deep-paragraph {
    text-align: left;
    margin-bottom: 0;
  }

  .card-icon {
    text-align: left;
    width: 60px;
    height: 60px;
  }

  ._2n-card, ._3rd-card {
    background-color: #fff;
    border-radius: 8px;
    flex-direction: column;
    width: 33%;
    padding: 30px 38px;
    display: flex;
    position: relative;
  }

  ._2nd-card-icon, ._3rd-card-icon {
    width: 60px;
    height: 60px;
  }

  .expanding-your-text {
    text-align: left;
  }

  .image {
    width: 691px;
  }

  .with-metapass-paragraph, .extensive-blcok-wrapp, .leverage-pragraph, .metapass-one--click {
    text-align: left;
  }

  .card {
    bottom: -13%;
    left: 17%;
  }

  .custme-pricing {
    letter-spacing: 1px;
    font-family: DM Sans, sans-serif;
  }

  .one-solution-hading-text {
    font-size: 48px;
    line-height: 56px;
  }

  .dashbord-block {
    border-radius: 8px;
    width: 1260px;
  }

  .deshbord-image {
    height: 780px;
  }

  .real-success-text-block {
    text-align: left;
  }

  .blog-post-text-block {
    text-align: left;
    flex-direction: column;
    align-items: flex-start;
    padding-top: 29px;
    padding-left: 29px;
    display: flex;
  }

  .retail-revolution-text {
    width: 100%;
    margin-top: 0;
    padding-left: 0;
    display: flex;
  }

  .paragraph-10 {
    padding-right: 60px;
    display: flex;
  }

  .ready-to-get-started {
    align-items: flex-start;
  }

  .ready-to-get-started-text {
    font-size: 48px;
  }

  .careate-paagraph-text, .global-payment-text, .footer-logo-wrapper {
    text-align: left;
  }

  .image-20 {
    display: block;
  }

  .social-icon-block.akib {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: row;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: flex;
  }

  .fast-card-reven {
    background-color: #fff;
    border-radius: 8px;
    flex-direction: column;
    width: 33%;
    padding: 30px 38px;
    display: flex;
    position: relative;
  }

  .always {
    background-color: #fff;
    border-radius: 8px;
    flex-direction: column;
    padding: 32px 42px;
    display: flex;
    position: relative;
  }

  .start-you {
    background-color: #fff;
    border-radius: 8px;
    flex-direction: column;
    padding: 30px 38px;
    display: flex;
    position: relative;
  }

  .collection-item-block {
    padding-left: 0;
  }

  .community-row, .getstarted-row, .platform-row, .resoureces-block {
    text-align: left;
  }

  .blog-post-paragraph-block-wrpp {
    justify-content: flex-start;
    margin-top: 20px;
    padding-left: 0;
    display: flex;
  }

  .blog-image {
    width: 100%;
  }

  .products-link {
    color: #e0e5e4;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 1;
  }

  .products-link.edit.hideless1080px {
    padding-top: 0;
    padding-bottom: 0;
    line-height: 1;
  }

  .menu-right-side.lock {
    grid-column-gap: 16px;
    grid-row-gap: 4px;
  }

  .nav-menu {
    width: auto;
  }

  .nav-button-group {
    justify-content: flex-end;
  }

  .nav-button-group.hide-tab.watch {
    width: auto;
  }

  .navbar-cta-btn {
    -webkit-text-stroke-color: #fff;
    background-color: #d81d2a;
    border-style: none;
    border-color: #000;
    border-radius: 8px;
  }

  .navbar-cta-btn:hover {
    -webkit-text-fill-color: inherit;
    background-color: #d81d2a;
    background-image: linear-gradient(#0003, #0003);
    background-clip: border-box;
    border-width: 0;
    border-color: #000;
  }

  .dropdown-icon {
    color: #e0e5e4;
  }

  .navbar {
    background-color: #100f0d;
  }

  .nav-menu-list {
    grid-column-gap: 42px;
    grid-row-gap: 42px;
    justify-content: center;
    align-items: center;
    width: auto;
  }

  .logo-png {
    width: 250px;
    height: 50px;
    position: static;
  }

  .container.navbar-container {
    justify-content: space-between;
    padding-left: 0;
    padding-right: 0;
  }

  .mega-menu-list.px406 {
    width: 100%;
  }

  .mega-menu-list.pro.enh.width {
    background-image: none;
  }

  .nav-wrapper {
    width: auto;
  }

  .dropdown-wrapper {
    color: #e0e5e4;
  }

  .dropdown-toggle-btn {
    color: #fff;
    align-items: center;
    padding-top: 0;
    padding-bottom: 0;
  }

  .dropdown-column-wrapper.width-866px.w--open {
    top: 75px;
    left: 267px;
  }

  .dropdown-column-wrapper.width-866px.product.w--open, .dropdown-column-wrapper.width-866px.product.chak.w--open {
    background-color: #fff;
  }

  .dropdown-column-wrapper.width-866px.compan.w--open {
    background-color: #fff;
    left: -273px;
  }

  .menu-heading {
    font-size: 16px;
  }

  .menu-block-wrapper {
    padding-top: 6px;
  }

  .heightened.width {
    padding-bottom: 90px;
  }

  .navbar-logo-link {
    justify-content: center;
    align-items: center;
    width: 337px;
    display: flex;
  }

  .button-secondary {
    color: #fff;
    border-color: #e0e5e4;
  }

  .button-secondary:hover {
    background-color: #fff;
  }

  .logo-image-3 {
    width: 251px;
  }

  .navbar-menu-left {
    grid-column-gap: 42px;
    grid-row-gap: 42px;
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .text-block-6 {
    color: #100f0d;
  }

  .facebook-image {
    width: 24px;
    height: 24px;
  }

  .create-and-bccount-block {
    padding-right: 200px;
  }

  .your-strateginc-text {
    letter-spacing: 2px;
    font-size: 48px;
    line-height: 56px;
  }

  .customer-text {
    color: #000;
    text-align: left;
    margin-bottom: 0;
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
  }

  .underline-tent {
    text-align: left;
    margin-bottom: 0;
  }

  .purchasing-text {
    color: #000;
    text-align: left;
    margin-bottom: 0;
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
  }

  .dicover-your {
    text-align: left;
    margin-bottom: 0;
  }

  .list-block-wrappe, .list-block-three, .suppercharge-you-sales-block-wrapp {
    text-align: left;
  }

  .twiter-image, .youtube-image, .linkding-imge {
    width: 24px;
    height: 24px;
  }

  .neteork-partners-linl {
    padding-top: 0;
    padding-bottom: 0;
    line-height: 1;
  }

  .neteork-partners-linl.edit.with-out-drop.partner-nav {
    color: #e0e5e4;
  }

  .case-suudies-link {
    padding-top: 0;
    padding-bottom: 0;
    line-height: 1;
  }

  .case-suudies-link.edit.without-drop.casenav {
    color: #e0e5e4;
  }

  .header {
    color: #100f0d;
    -webkit-text-stroke-color: #fff;
    border: 1px solid #000;
  }

  .usecase-title, .blog-post-paragraph {
    text-align: left;
  }

  .image_hero {
    margin-top: 60px;
    margin-bottom: 140px;
    padding-bottom: 0;
  }

  .apy-text_wraper {
    color: #fff;
    background-color: #ffffff0d;
    width: 300px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .hero_heading {
    font-size: 92px;
  }

  .dropdown_wrapper {
    color: #e0e5e4;
  }

  .dropdown_column-wrapper.width-866px.w--open {
    top: 75px;
    left: 267px;
  }

  .dropdown_column-wrapper.width-866px.product.w--open, .dropdown_column-wrapper.width-866px.product.chak.w--open {
    background-color: #fff;
  }

  .dropdown_column-wrapper.width-866px.compan.w--open {
    background-color: #fff;
    left: -273px;
  }
}

@media screen and (max-width: 991px) {
  .dropdown-mobile {
    margin-left: 15px;
    margin-right: 0;
    display: flex;
  }

  .page-wrapper {
    overflow: hidden;
  }

  .main-container, .main-container.big, .main-container.very-big {
    padding-left: 20px;
    padding-right: 20px;
  }

  .payment-text {
    margin-top: 0;
    font-size: 66px;
    line-height: 73px;
  }

  .hero-section {
    margin-top: 80px;
  }

  .hero-image {
    width: auto;
  }

  .group-image {
    grid-column-gap: 29px;
    grid-row-gap: 29px;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 53px;
  }

  .future-proof-section {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .future-proof-block-wrapper {
    grid-row-gap: 150px;
    flex-direction: column;
  }

  .suppercharge-image-block-wrapp {
    width: 100%;
  }

  .futurer-block {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    width: 100%;
  }

  .text-span {
    font-size: 16px;
    line-height: 24px;
  }

  .supercharge-image {
    width: 100%;
  }

  .strategic-section {
    padding-top: 60px;
    padding-bottom: 60px;
    font-size: 16px;
  }

  .card-block {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
  }

  .fast-card {
    padding: 20px 15px;
  }

  .gain-deep-paragraph {
    font-size: 14px;
    line-height: 22px;
  }

  ._2n-card, ._3rd-card {
    padding: 20px 15px;
  }

  .scale-your-business-block-wrapp {
    flex-direction: column;
  }

  .scale-your-business-text-block-wrapp {
    width: 100%;
  }

  .expanding-map-blcok {
    width: auto;
  }

  .image {
    width: auto;
    height: auto;
  }

  .supercharge-section {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .metapass-one--click {
    margin-bottom: 0;
    font-size: 18px;
  }

  .card {
    bottom: -10%;
  }

  .suppercharge-section, .integrate-section {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .integrate-seamlessly-block {
    width: auto;
  }

  .one-solution-section-card {
    padding-top: 60px;
    padding-bottom: 60px;
    font-size: 16px;
  }

  .build-customer-section {
    padding-top: 60px;
  }

  .dashbord-block {
    border-radius: 8px;
  }

  .usecase-section {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .real-success-block {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .more-case-button-block {
    justify-content: center;
    align-items: center;
    width: 100%;
    padding-top: 24px;
  }

  .real-success-with-block-wrapp {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .real-success-text, .discover-how-paragraph {
    text-align: center;
  }

  .real-success-text-block {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    padding-top: 20px;
  }

  .blog-post-text-block {
    padding-left: 15px;
    padding-right: 15px;
  }

  .retail-revolution-text {
    font-size: 20px;
    line-height: 30px;
  }

  .paragraph-10 {
    font-size: 14px;
  }

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

  .pricing-content {
    width: auto;
  }

  .ready-section {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .ready-to-get-started {
    width: 100%;
  }

  .ready-to-get-started-block-wrapp {
    flex-direction: column;
  }

  .get-started-button-block {
    margin-top: 20px;
  }

  .footer-section {
    padding-top: 60px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .footer-block-wrapper {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-direction: column;
    padding-bottom: 80px;
  }

  .footer-logo-wrapper {
    text-align: left;
    width: 100%;
  }

  .product {
    background-color: #fff;
    width: 100%;
  }

  .fast-card-reven {
    padding: 20px 15px;
  }

  .collection {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .footer-item-block-wrapper {
    width: 100%;
  }

  .footer-item-block {
    width: 100%;
    display: flex;
  }

  .community-row, .getstarted-row, .platform-row {
    padding-left: 0;
  }

  .resoureces-block {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-direction: column;
    display: flex;
  }

  .blog-post-paragraph-block-wrpp {
    align-items: flex-end;
    padding-left: 0;
  }

  .products-link {
    font-size: 20px;
  }

  .products-link.edit {
    padding-left: 4px;
  }

  .products-link.edit.hideless1080px {
    text-align: left;
    border-bottom-style: none;
    flex: none;
    width: 100%;
    height: auto;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 0;
    font-size: 18px;
    font-weight: 700;
    line-height: 28px;
    display: none;
  }

  .single-menu-main-text {
    cursor: pointer;
    text-decoration: none;
  }

  .nav-menu {
    grid-row-gap: 20px;
    border-bottom: 1px #fff3;
    flex-direction: row;
    padding-left: 46px;
  }

  .nav-button-group {
    grid-column-gap: 20px;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: auto;
    margin-top: 0;
    display: flex;
  }

  .nav-button-group.hide-tab {
    grid-column-gap: 35px;
    grid-row-gap: 35px;
    width: 40%;
  }

  .logo {
    width: auto;
    height: 100%;
  }

  .logo.w--current {
    z-index: 2;
  }

  .menu-list {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .navbar-cta-btn {
    margin-top: 0;
    margin-left: 0;
    font-size: 20px;
  }

  .navbar-cta-btn.in-mobile.log-in {
    background-color: #ab285b00;
    border: 1px solid #fff;
  }

  .cross-block {
    cursor: pointer;
  }

  .mobile-menu {
    z-index: 99999;
    background-color: #111;
    width: 100%;
    height: 100vh;
    display: none;
    position: fixed;
    top: 0;
    overflow: auto;
  }

  .navbar {
    height: 81px;
    display: none;
  }

  .nav-menu-list {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: row;
    align-items: center;
    margin-left: 0;
  }

  .hide-3 {
    flex-direction: column;
    display: flex;
  }

  .single-menu-main.resources, .single-menu-main.solutions, .single-menu-main.case-study, .single-menu-main.product {
    cursor: pointer;
  }

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

  .container.navbar-container {
    padding-right: 16px;
  }

  .mega-menu-list.pro {
    width: 100%;
    margin-top: 0;
  }

  .mega-menu-list.pro.enh {
    align-items: center;
  }

  .back-button-block.case-study, .back-button-block.solutions, .back-button-block.product, .back-button-block.resources {
    cursor: pointer;
  }

  .nav-wrapper {
    justify-content: space-between;
    display: block;
  }

  .dropdown-wrapper {
    position: static;
  }

  .dropdown-wrapper.hideless1080px {
    display: none;
  }

  .button-grou {
    grid-row-gap: 26px;
    flex-direction: column;
    margin-top: 63px;
    display: flex;
  }

  .dropdown-column-wrapper {
    box-shadow: none;
    border-width: 0;
    border-radius: 0;
  }

  .dropdown-column-wrapper.w--open {
    position: static;
  }

  .dropdown-column-wrapper.width-866px {
    min-width: 100%;
    top: 0;
  }

  .dropdown-column-wrapper.width-866px.w--open {
    position: absolute;
    left: 82px;
  }

  .dropdown-column-wrapper.width-866px.product.devlop.w--open {
    width: 100%;
    position: static;
    top: 112px;
    left: 342px;
  }

  .dropdown-column-wrapper.width-866px.product.devlop.w--open:hover {
    background-color: #fff0;
  }

  .navbar-menu {
    z-index: 1;
    -webkit-text-fill-color: inherit;
    background-color: #000;
    background-clip: border-box;
    border-top: 1px #f2f4f7;
    align-items: flex-start;
    min-width: 461px;
    max-width: 100%;
    height: 100vh;
    margin-left: 0;
    padding: 5rem 0;
    position: absolute;
    top: 0;
    box-shadow: 0 2px 5px #0003;
  }

  .button-wrapper-nav {
    flex-direction: column-reverse;
    align-items: stretch;
    display: flex;
  }

  .navbar-menu-button {
    z-index: 9999999;
  }

  .navbar-menu-button.w--open {
    background-color: #0000;
  }

  .menu-icon_line-middle {
    background-color: #000;
    border-radius: 1rem;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 2px;
    margin-top: 6px;
    margin-bottom: 6px;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .navbar-logo-link {
    z-index: 9999999;
    position: relative;
  }

  .navbar-logo-link:hover {
    opacity: 1;
  }

  .button-13:hover {
    background-image: none;
  }

  .navbar-component {
    z-index: 99;
    background-color: #000;
    width: 100%;
    display: flex;
    position: fixed;
    top: 0;
  }

  .logo-image-3 {
    z-index: -1;
    width: 185px;
    max-width: 100%;
    height: 35px;
    position: relative;
  }

  .menu-icon_line-bottom {
    background-color: #000;
    border-radius: 1rem;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .navbar-menu-left {
    z-index: 5;
    grid-column-gap: 0px;
    grid-row-gap: .5rem;
    color: #080b36;
    background-color: #000;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    max-width: 100%;
    height: 100vh;
    padding: 1rem 1rem 4rem;
    display: flex;
    position: relative;
  }

  .navbar-menu-right {
    flex-direction: column-reverse;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    align-items: stretch;
    margin-top: 1.5rem;
    padding-bottom: 7rem;
  }

  .menu-icon_line-middle-inner {
    width: 4px;
    height: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .menu-icon_component {
    background-color: #fff;
    border-radius: 4px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    margin-right: -.5rem;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .menu-icon_line-top {
    background-color: #000;
    border-radius: 1rem;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .image-2-hover {
    width: 118px;
    height: 31px;
  }

  .products {
    color: #fff;
    text-align: left;
    margin-top: 0;
    margin-bottom: 0;
  }

  .dropdown-wrapper-c {
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
    display: block;
    position: relative;
  }

  .dropdown-menu-wrap-1 {
    z-index: 99;
    grid-row-gap: 16px;
    background-color: #000;
    border-radius: 10px;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    height: 100vh;
    padding: 20px 20px 100px;
    display: flex;
    position: absolute;
    top: -36px;
    overflow: auto;
  }

  .dropdown-main {
    cursor: pointer;
    justify-content: space-between;
    align-items: center;
    padding-top: 20px;
    padding-bottom: 20px;
    display: flex;
  }

  .dropdown-main:hover {
    color: #d81d2a;
  }

  .about-us {
    color: #d81d2a;
    margin-top: 0;
    margin-bottom: 0;
    text-decoration: none;
    display: flex;
  }

  .about-us.orchest {
    color: #141414;
  }

  .about-us.retail {
    color: #2a2828;
  }

  .about-us.redmor {
    color: #100f0d;
  }

  .company-text-menu {
    color: #100f0d;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 18px;
    line-height: 28px;
  }

  .access-comprehensive-paragraph {
    color: #3f3f3f;
    text-align: left;
    margin-bottom: 0;
  }

  .paragraph-text {
    color: #474747;
    text-align: left;
    flex-direction: column;
    margin-bottom: 0;
  }

  .paragraph-text.local {
    display: none;
  }

  .featurend-image {
    text-align: left;
  }

  .arro-imege {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    display: flex;
  }

  .retail-revolution {
    color: #100f0d;
    text-align: left;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 10px;
    font-size: 18px;
    line-height: 28px;
  }

  .learm-paragraph {
    text-align: left;
    font-size: 14px;
    line-height: 24px;
  }

  .menu-item-three {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-direction: column;
    display: flex;
  }

  .download-block-wrapper {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    display: flex;
  }

  .mediakit {
    color: #100f0d;
  }

  .logos-icon-and-more {
    color: #000;
    text-align: left;
  }

  .about, .blog-text-link, .countact-us {
    text-decoration: none;
  }

  .arrow-icon {
    filter: invert();
  }

  .dropdown-menu-wrap-2 {
    z-index: 99;
    grid-row-gap: 16px;
    background-color: #000;
    border-radius: 10px;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    height: 100vh;
    padding: 20px 20px 100px;
    display: flex;
    position: absolute;
    top: -110px;
    overflow: auto;
  }

  .dropdown-menu-wrap-3 {
    z-index: 99;
    grid-row-gap: 16px;
    background-color: #000;
    border-radius: 10px;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    height: 100vh;
    padding: 20px 20px 100px;
    display: flex;
    position: absolute;
    top: -180px;
    overflow: auto;
  }

  .dropdown-menu-wrap-4 {
    z-index: 99;
    grid-row-gap: 16px;
    background-color: #000;
    border-radius: 10px;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    height: 100vh;
    padding: 20px 20px 100px;
    display: flex;
    position: absolute;
    top: -250px;
    overflow: auto;
  }

  .menu-back {
    cursor: pointer;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
  }

  .menu-back.absulate {
    justify-content: flex-start;
    margin-bottom: 20px;
    position: sticky;
    top: 0;
  }

  .company {
    color: #fff;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 18px;
    line-height: 28px;
  }

  .metapass-blcok {
    width: auto;
  }

  .blog-post-learn-how {
    padding-right: 0;
  }

  .ready-to-get-start-card-block-wrap {
    width: 100%;
    margin-top: 40px;
  }

  .dropdown-menu-block-wrapper {
    position: sticky;
    top: 0;
  }

  .blog-post-item-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }

  .spaceing-block {
    background-color: #fff;
    width: 100%;
    height: 50px;
    padding-bottom: 0;
    padding-right: 0;
    display: block;
    position: absolute;
    top: -72px;
  }

  .company-collection-item {
    width: 47%;
  }

  .collection-list-blog {
    grid-column-gap: 20px;
    grid-row-gap: 11px;
    flex-wrap: wrap;
    justify-content: space-between;
    display: flex;
  }

  .underline-tent, .dicover-your {
    font-size: 14px;
    line-height: 22px;
  }

  .suppercharge-you-sales-block-wrapp {
    grid-row-gap: 150px;
    flex-direction: column;
  }

  .suppercharge-you-sales-block-wrapp.gap {
    grid-row-gap: 50px;
  }

  .supercharge-block-wrapp {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    width: 100%;
  }

  .neteork-partners-linl {
    font-size: 20px;
  }

  .neteork-partners-linl.edit {
    padding-left: 4px;
  }

  .case-suudies-link {
    font-size: 20px;
  }

  .case-suudies-link.edit {
    padding-left: 4px;
  }

  .expanding-global-section {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .blog-post-block-wrapper {
    grid-column-gap: 26px;
    grid-row-gap: 26px;
    flex-flow: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .retil-revolution-block {
    width: 100%;
  }

  .usecase-title {
    padding-left: 20px;
  }

  .usecase-description {
    padding-left: 8px;
  }

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

  .hero_heading {
    font-size: 66px;
  }

  .dropdown_wrapper {
    position: static;
  }

  .dropdown_wrapper.hideless1080px {
    display: none;
  }

  .dropdown_column-wrapper {
    box-shadow: none;
    border-width: 0;
    border-radius: 0;
  }

  .dropdown_column-wrapper.w--open {
    position: static;
  }

  .dropdown_column-wrapper.width-866px {
    min-width: 100%;
    top: 0;
  }

  .dropdown_column-wrapper.width-866px.w--open {
    position: absolute;
    left: 82px;
  }

  .dropdown_column-wrapper.width-866px.product.devlop.w--open {
    width: 100%;
    position: static;
    top: 112px;
    left: 342px;
  }

  .dropdown_column-wrapper.width-866px.product.devlop.w--open:hover {
    background-color: #fff0;
  }

  .icon_back {
    filter: invert();
  }
}

@media screen and (max-width: 767px) {
  .hero-block-wrapper {
    margin-top: 60px;
  }

  .payment-text {
    letter-spacing: normal;
    font-size: 56px;
    line-height: 63px;
  }

  .hero-section {
    margin-top: 60px;
    padding-top: 60px;
  }

  .end-to-end {
    font-size: 18px;
    line-height: 26px;
  }

  .button-block-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    margin-top: 20px;
  }

  .hero-image {
    width: auto;
  }

  .group-image {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }

  .future-proof-section {
    padding-bottom: 40px;
  }

  .text {
    font-size: 14px;
  }

  .ftuter-text {
    font-size: 12px;
  }

  .future-prof-button-text {
    font-size: 12px;
    line-height: 20px;
  }

  .future--proof-yout-hading-text {
    letter-spacing: normal;
    font-size: 39px;
    line-height: 53px;
  }

  .integratin-with-paragraph {
    font-size: 16px;
    line-height: 24px;
  }

  .strategic-section {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .grow {
    font-size: 12px;
  }

  .metapass-is-paragraph {
    line-height: 24px;
  }

  .card-block {
    flex-direction: column;
    margin-top: 26px;
  }

  .fast-card {
    width: 100%;
  }

  .revenue-text {
    letter-spacing: normal;
  }

  .gain-deep-paragraph {
    font-size: 16px;
    line-height: 24px;
  }

  ._2n-card, ._3rd-card {
    width: 100%;
  }

  .scale-your-business-block-wrapp {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .expanding-your-text {
    letter-spacing: normal;
    font-size: 39px;
    line-height: 53px;
  }

  .with-metapass-paragraph, .leverage-pragraph {
    font-size: 16px;
    line-height: 24px;
  }

  .supercharge-section {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .supercharge-text {
    letter-spacing: normal;
    font-size: 39px;
    line-height: 53px;
  }

  .metapass-one--click {
    font-size: 16px;
    line-height: 24px;
  }

  .card {
    width: 236px;
    bottom: -11%;
  }

  .suppercharge-section {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .seamless-text {
    letter-spacing: normal;
    font-size: 12px;
    line-height: 20px;
  }

  .integeate-seamlessly-text {
    letter-spacing: normal;
    font-size: 39px;
    line-height: 53px;
  }

  .integrate-section {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .metapass-simplifies-paragraph {
    font-size: 16px;
    line-height: 24px;
  }

  .one-solution-section-card {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .custme-pricing {
    letter-spacing: normal;
    font-size: 12px;
    line-height: 20px;
  }

  .one-solution-hading-text {
    letter-spacing: normal;
    font-size: 39px;
    line-height: 53px;
  }

  .build-customer-section {
    padding-top: 60px;
  }

  .build-customer-text {
    letter-spacing: normal;
    font-size: 39px;
    line-height: 53px;
  }

  .improve-post-paragraph {
    font-size: 16px;
    line-height: 24px;
  }

  .dashbord-block {
    border-radius: 8px;
  }

  .usecase-section {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .real-success-text {
    letter-spacing: normal;
    font-size: 39px;
    line-height: 53px;
  }

  .discover-how-paragraph {
    font-size: 16px;
    line-height: 24px;
  }

  .retail-revolution-text {
    letter-spacing: normal;
  }

  .pricing-section {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .pricing-heading-block {
    letter-spacing: normal;
    font-size: 39px;
    line-height: 53px;
  }

  .pricing-description-block {
    font-size: 16px;
    line-height: 26px;
  }

  .pricing-button-block {
    margin-top: 0;
  }

  .ready-section {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .ready-to-get-started-text {
    letter-spacing: normal;
  }

  .careate-paagraph-text {
    font-size: 16px;
    line-height: 24px;
  }

  .apl-text {
    font-size: 14px;
    line-height: 22px;
  }

  .footer-section {
    padding-left: 0;
    padding-right: 0;
  }

  .fast-card-reven {
    width: 100%;
  }

  .start-you {
    padding-left: 30px;
    padding-right: 30px;
  }

  .collection-item-block {
    width: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .collection {
    flex-direction: column;
    grid-template-columns: 1fr;
    align-items: center;
    width: 100%;
  }

  .footer-item-block {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    width: 100%;
    display: flex;
  }

  .community-row {
    align-items: flex-start;
    width: 32%;
  }

  .getstarted-row {
    align-items: flex-start;
    width: 35%;
  }

  .platform-row {
    align-items: flex-start;
    width: 20%;
  }

  .resoureces-block {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-direction: column;
    display: flex;
  }

  .logo {
    padding-left: 0;
  }

  .container.navbar-container {
    position: sticky;
    top: 1px;
  }

  .navbar-menu {
    min-width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .menu-icon_line-middle {
    background-color: #000;
  }

  .navbar-logo-link:hover {
    opacity: 1;
  }

  .button-13 {
    font-size: 1rem;
    transition: all .4s, all .3s cubic-bezier(.23, 1, .32, 1);
  }

  .button-13:hover {
    background-image: none;
    border-color: #2400ff;
  }

  .button-secondary {
    color: #919191;
    -webkit-text-stroke-color: #fff;
    padding-left: 1.25rem;
    font-size: 1rem;
  }

  .button-secondary:hover {
    color: #28345f;
    background-color: #fff;
  }

  .navbar-component {
    min-height: 4.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .menu-icon_line-bottom, .menu-icon_line-top {
    background-color: #000;
  }

  .image-2-hover {
    width: auto;
    height: 35px;
  }

  .dropdown-wrapper-c.is-hide {
    display: none;
  }

  .dropdown-menu-wrap-1 {
    height: 100vh;
    padding-top: 60px;
    top: -36px;
    overflow: auto;
  }

  .company-text-menu, .paragraph-text {
    text-align: left;
  }

  .download-block-wrappe {
    display: flex;
  }

  .dropdown-menu-wrap-2 {
    height: 100vh;
    padding-top: 60px;
    top: -100px;
    overflow: auto;
  }

  .dropdown-menu-wrap-3 {
    height: 100vh;
    padding-top: 60px;
    top: -180px;
    overflow: auto;
  }

  .dropdown-menu-wrap-4 {
    box-shadow: none;
    width: 100%;
    height: 100vh;
    padding-top: 60px;
    top: -240px;
    overflow: auto;
  }

  .menu-back {
    z-index: 99;
    background-color: #fff;
    justify-content: flex-start;
  }

  .menu-back.absulate {
    z-index: 9999;
    background-color: #000;
    margin-bottom: 0;
    padding-bottom: 10px;
    position: sticky;
    top: 0;
  }

  .create-and-bccount-block {
    padding-right: 0;
  }

  .ready-to-get-start-card-block-wrap {
    grid-column-gap: 20px;
  }

  .end-to-end-payment-block {
    width: auto;
  }

  .dropdown-menu-block-wrapper {
    position: sticky;
    top: 0;
  }

  .blog-post-item-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
    padding-top: 20px;
    display: flex;
  }

  .dropdown-menu-block {
    position: relative;
  }

  .spaceing-block {
    background-color: #000;
    width: 104%;
    height: 75px;
    position: absolute;
    bottom: 36px;
    left: -2%;
  }

  .your-strateginc-text {
    font-size: 39px;
    line-height: 53px;
  }

  .customer-text {
    letter-spacing: normal;
  }

  .underline-tent {
    font-size: 16px;
    line-height: 24px;
  }

  .purchasing-text {
    letter-spacing: normal;
  }

  .dicover-your {
    font-size: 16px;
    line-height: 24px;
  }

  .scale-your-button-text {
    font-size: 12px;
    line-height: 20px;
  }

  .enhance-customr-text, .centralize-text {
    letter-spacing: normal;
    font-size: 12px;
    line-height: 20px;
  }

  .expanding-global-section {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .blog-post-block-wrapper {
    grid-template-columns: 1fr;
  }

  .retil-block-image {
    width: 100%;
  }

  .usecase-description {
    justify-content: space-between;
    padding-left: 20px;
  }

  .usecase-image-block {
    width: 100%;
  }

  .apy-text_wraper {
    font-size: 20px;
  }

  .hero_heading {
    font-size: 56px;
  }
}

@media screen and (max-width: 479px) {
  .hero-block-wrapper {
    margin-top: 0;
  }

  .payment-text {
    margin-top: 40px;
    font-size: 42px;
    line-height: 52px;
  }

  .end-to-end {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }

  .button-block-wrapper {
    flex-direction: column;
    margin-top: 15px;
  }

  .get-button, .watch-button {
    text-align: center;
    width: 100%;
    padding: 15px 20px;
    font-size: 14px;
    line-height: 22px;
  }

  .image-block-wrapper {
    margin-top: 36px;
  }

  .group-image {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-wrap: wrap;
    display: flex;
  }

  .future-proof-block-wrapper {
    grid-column-gap: 39px;
    grid-row-gap: 39px;
    flex-direction: column;
    justify-content: center;
  }

  .deshboard-block {
    margin-top: 10px;
  }

  .futurer-block {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    justify-content: center;
    align-items: center;
    padding-top: 60px;
  }

  .future-proof-you-business-button {
    justify-content: center;
    align-items: center;
  }

  .futute-icon {
    width: 26px;
  }

  .future--proof-yout-hading-text {
    text-align: center;
    font-size: 33px;
    line-height: 43px;
  }

  .integratin-with-paragraph {
    text-align: center;
    font-weight: 400;
  }

  .text-span {
    display: flex;
  }

  .strategic-section {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .metapass-is-paragraph {
    color: #fff;
    font-weight: 400;
  }

  .your-strategic-block {
    grid-column-gap: 21px;
    grid-row-gap: 21px;
  }

  .card-block {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    margin-top: 20px;
  }

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

  .gain-deep-paragraph {
    text-align: center;
    font-weight: 400;
  }

  .card-icon, ._2n-card, ._3rd-card {
    text-align: center;
  }

  .scale-your-business-block-wrapp {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    padding: 0 10px;
  }

  .scale-your-business-text-block-wrapp {
    align-items: center;
  }

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

  .expanding-your-text {
    text-align: center;
    font-size: 33px;
    line-height: 43px;
  }

  .with-metapass-paragraph {
    text-align: center;
    font-weight: 400;
  }

  .extensive-blcok-wrapp {
    flex-direction: column;
    margin-bottom: 10px;
  }

  .extensive-icen {
    width: 55px;
    height: auto;
  }

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

  .leverage-pragraph {
    text-align: center;
    font-weight: 400;
  }

  .supercharge-section {
    padding-bottom: 40px;
  }

  .supercharge-text {
    text-align: center;
    font-size: 33px;
    line-height: 43px;
  }

  .metapass-one--click {
    text-align: center;
    font-weight: 400;
  }

  .card {
    width: 222px;
    bottom: -23%;
  }

  .access-new-image {
    width: 232px;
    bottom: -11%;
    left: 9%;
  }

  .integeate-seamlessly-text {
    font-size: 33px;
    line-height: 43px;
  }

  .metapass-simplifies-paragraph {
    text-align: center;
    margin-bottom: 0;
    font-weight: 400;
  }

  .developer-button-block {
    padding-top: 20px;
  }

  .button {
    padding: 15px 20px;
    font-size: 14px;
    line-height: 22px;
  }

  .integeates-image-block {
    margin-top: 40px;
  }

  .one-solution-hading-text {
    font-size: 25px;
    line-height: 35px;
  }

  .build-customer-section {
    padding-top: 40px;
    padding-bottom: 140px;
  }

  .build-customer-text {
    letter-spacing: normal;
    font-size: 33px;
    line-height: 43px;
  }

  .improve-post-paragraph {
    font-weight: 400;
  }

  .dashbord-block {
    margin-top: -114px;
  }

  .deshbord-image {
    width: 100%;
  }

  .real-success-text {
    font-size: 33px;
    line-height: 43px;
  }

  .more-case-button {
    padding: 15px 20px;
    font-size: 14px;
    line-height: 22px;
  }

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

  .blog-post-block {
    width: 100%;
  }

  .pricing-heading-block {
    font-size: 33px;
    line-height: 43px;
  }

  .pricing-description-block {
    font-weight: 400;
  }

  .pricing-button {
    padding: 15px 20px;
    font-size: 14px;
    line-height: 22px;
  }

  .ready-to-get-started-block-wrapp {
    grid-column-gap: 27px;
    grid-row-gap: 27px;
  }

  .ready-to-get-started-text {
    text-align: center;
    font-size: 33px;
    line-height: 43px;
  }

  .careate-paagraph-text {
    text-align: center;
    margin-top: 10px;
  }

  .get-started-button-block {
    text-align: center;
    margin-top: 20px;
  }

  .get-started-button {
    padding: 15px 20px;
    font-size: 14px;
    line-height: 22px;
  }

  .pricing-details-block, .pricing {
    justify-content: center;
  }

  .footer-block-wrapper {
    padding-bottom: 40px;
  }

  .global-payment-text {
    width: 100%;
    margin-bottom: 0;
  }

  .footer-logo-wrapper {
    width: 100%;
  }

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

  .developer-text {
    text-align: left;
  }

  .price {
    margin-top: 0;
  }

  .copyright-block-wrapper {
    flex-direction: column;
  }

  .social-icon-block.akib {
    justify-content: center;
    margin-top: 20px;
  }

  .fast-card-reven {
    text-align: center;
  }

  .always, .start-you {
    width: 100%;
  }

  .collection-item-block {
    width: auto;
  }

  .collection {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .footer-item-block-wrapper {
    flex-flow: column wrap;
    padding-left: 0;
  }

  .footer-item-block {
    grid-row-gap: 60px;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .community-row {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    align-items: flex-start;
    width: 80%;
    padding-left: 0;
  }

  .getstarted-row {
    align-items: flex-start;
    width: 46%;
  }

  .platform-row {
    justify-content: flex-start;
    align-items: center;
    width: 46%;
  }

  .scale-you-button {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .collection-list-wrappe {
    width: 100%;
  }

  .products-link.edit.hideless1080px {
    border-bottom-style: none;
  }

  .single-menu-list {
    grid-row-gap: 10px;
    flex-direction: column;
    margin-top: 20px;
    display: flex;
  }

  .single-menu-main-text {
    text-decoration: none;
  }

  .nav-menu {
    background-color: #141517;
    margin-top: 8px;
  }

  .nav-button-group {
    display: none;
  }

  .nav-button-group.hide-tab {
    grid-row-gap: 20px;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 20px;
    display: flex;
  }

  .top-menu.animation {
    display: block;
  }

  .top-menu.nav {
    justify-content: flex-end;
    height: 45px;
  }

  .top-menu.solutions, .top-menu.case-study {
    display: none;
  }

  .menu {
    width: 100%;
    max-width: none;
    padding-right: 20px;
  }

  .navbar-cta-btn {
    width: 157px;
    height: 46px;
    font-size: 20px;
  }

  .navbar-cta-btn.in-mobile {
    width: auto;
  }

  .navbar-cta-btn.in-mobile.log-in {
    background-color: #ab285b00;
    border: 1px solid #fff;
  }

  .menu-top-text {
    font-size: 19.8px;
    line-height: 27px;
  }

  .cross-block {
    cursor: pointer;
  }

  .mobile-menu {
    z-index: 9999;
    display: none;
    left: 0;
    overflow: hidden;
  }

  .navbar {
    border: 1px #000;
    display: none;
  }

  .hide-3 {
    flex-direction: column;
    display: flex;
  }

  .logo-png {
    width: 145px;
    height: 36px;
    position: static;
  }

  .single-menu-main {
    cursor: pointer;
  }

  .single-menu-main.product {
    color: #100f0d;
    -webkit-text-stroke-color: #100f0d;
    background-color: #100f0d;
  }

  .container {
    padding-left: 5%;
    padding-right: 5%;
  }

  .container.navbar-container {
    padding-left: 10px;
    padding-right: 10px;
  }

  .single-menu-div, .single-menu-div.solutions, .single-menu-div.product, .single-menu-div.resources, .single-menu-div.case-study {
    display: none;
  }

  .back-button-icon {
    -webkit-text-stroke-color: #000;
  }

  .back-button-block {
    cursor: pointer;
  }

  .nav-wrapper {
    display: flex;
  }

  .menu-details-div {
    flex-direction: column;
    display: flex;
  }

  .button-grou {
    grid-row-gap: 26px;
    flex-direction: column;
    align-items: stretch;
    margin-top: 63px;
    display: flex;
  }

  .sinlge-menu-main-text {
    color: #b48585;
  }

  .collection-item {
    width: 100%;
  }

  .menu-icon_line-middle {
    background-color: #000;
  }

  .navbar-logo-link:hover {
    opacity: 1;
  }

  .button-secondary:hover {
    color: #292929;
  }

  .logo-image-3 {
    width: 168px;
    max-width: 100%;
  }

  .menu-icon_line-bottom {
    background-color: #000;
  }

  .navbar-menu-left {
    padding-top: 0;
    padding-left: .5rem;
    padding-right: .5rem;
  }

  .menu-icon_line-top {
    background-color: #000;
  }

  .image-2-hover {
    width: 116px;
    height: 28px;
  }

  .dropdown-wrapper-c {
    display: block;
  }

  .dropdown-menu-wrap-1 {
    padding-top: 40px;
  }

  .about-us.orchest, .access-comprehensive-paragraph {
    text-align: left;
  }

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

  .paragraph-text.local {
    display: flex;
  }

  .smart-payment-block {
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }

  .download-block-wrappe {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    width: 100%;
  }

  .dropdown-menu-wrap-2 {
    padding-top: 40px;
    padding-right: 10px;
    display: flex;
  }

  .dropdown-menu-wrap-3 {
    padding-top: 40px;
  }

  .dropdown-menu-wrap-4 {
    padding-top: 40px;
    padding-left: 0;
    padding-right: 0;
  }

  .apl-reference-block {
    justify-content: center;
  }

  .ready-to-get-start-card-block-wrap {
    grid-row-gap: 20px;
    flex-direction: column;
  }

  .blog-post-item-wrapper {
    padding-left: 10px;
    padding-right: 10px;
  }

  .spaceing-block {
    width: 102%;
  }

  .company-collection-item {
    width: 100%;
  }

  .resources-link-block {
    height: auto;
  }

  .getstarted-link-block {
    align-items: flex-start;
  }

  .your-strateginc-text {
    font-size: 33px;
    line-height: 43px;
  }

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

  .underline-tent {
    text-align: center;
    font-weight: 400;
  }

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

  .dicover-your {
    text-align: center;
    font-weight: 400;
  }

  .scale-you-icon {
    width: 26px;
  }

  .list-block-wrappe, .list-block-three {
    flex-direction: column;
    margin-bottom: 10px;
  }

  .list-icon, .unmatched-icon {
    width: 55px;
    height: auto;
  }

  .suppercharge-you-sales-block-wrapp {
    grid-column-gap: 39px;
    grid-row-gap: 39px;
    flex-direction: column;
    justify-content: center;
  }

  .supercharge-block-wrapp {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    justify-content: center;
    align-items: center;
    padding-top: 60px;
  }

  .enhance-icon, .seamless-icon, .best-in-icon, .centralize-icon, .metappas-icon {
    width: 26px;
  }

  .soutions-text {
    text-align: left;
  }

  .blog-post-block-wrapper {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .retil-revolution-block {
    width: 99%;
  }

  .usecase-description {
    justify-content: space-between;
    padding-right: 20px;
  }

  .blog-post-paragraph {
    width: 237px;
    font-size: 14px;
    line-height: 22px;
  }

  .usecase-content-block {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    padding-top: 11px;
  }

  .image_hero {
    margin-bottom: 60px;
  }

  .apy-text_wraper {
    width: 100%;
    font-size: 18px;
  }

  .hero_heading {
    font-size: 46px;
  }
}

#w-node-_7b751cea-7f67-c0bc-eeb3-5bcf3053b757-3053b754 {
  justify-self: center;
}