:root {
  --black: #131313;
  --text-color: #bbb;
  --white: #fdfdfd;
  --transparent: #0000;
  --border-color-white\<deleted\|variable-50115917-b333-dd6d-a859-c39f0e557a9c\>: #fff3;
  --font-color: #4d4d4d;
  --border-color-black: #0003;
}

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

.w-layout-hflex {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

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

.w-pagination-wrapper {
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.w-pagination-previous, .w-pagination-next {
  color: #333;
  background-color: #fafafa;
  border: 1px solid #ccc;
  border-radius: 2px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 9px 20px;
  font-size: 14px;
  display: block;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

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

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

body {
  background-color: var(--black);
  color: var(--text-color);
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
}

h1 {
  color: var(--white);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 70px;
  font-weight: 600;
  line-height: 120%;
}

h2 {
  color: var(--white);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 130%;
}

h3 {
  color: var(--white);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 140%;
}

h4 {
  color: var(--white);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 140%;
}

h5 {
  color: var(--white);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 700;
  line-height: 140%;
}

h6 {
  color: var(--white);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 700;
  line-height: 140%;
}

p {
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-weight: 400;
}

a {
  color: var(--black);
  font-weight: 600;
  text-decoration: none;
}

ul {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 40px;
  display: flex;
}

img {
  object-fit: cover;
  width: 100%;
  max-width: 100%;
  height: 100%;
  display: inline-block;
}

label {
  color: var(--black);
  margin-bottom: 0;
  font-weight: 700;
  display: block;
}

strong {
  color: var(--white);
  font-weight: 700;
}

sub {
  font-size: 22px;
}

.bg-shadow-block {
  z-index: -2;
  width: 100%;
  height: 100%;
  position: absolute;
}

.blur-image {
  filter: blur(135px);
}

.line-block {
  z-index: -1;
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  justify-content: space-between;
  align-items: stretch;
  height: 100vh;
  display: flex;
  position: fixed;
  inset: 0%;
  overflow: hidden;
}

.nav-banner-section {
  position: relative;
}

.navbar {
  z-index: 99;
  background-color: #0000;
  margin-left: auto;
  margin-right: auto;
  padding-top: 30px;
}

.navbar-wrapper {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.brand-logo.w--current {
  position: relative;
}

.nav-menu {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  padding-bottom: 0;
  padding-left: 0;
  display: flex;
}

.nav-link {
  border-bottom: 1px solid var(--transparent);
  color: var(--white);
  flex-flow: column;
  justify-content: flex-end;
  align-items: stretch;
  width: auto;
  height: 22px;
  display: flex;
  overflow: hidden;
}

.nav-link.w--current {
  border-bottom: 1px solid var(--white);
  opacity: 1;
  height: 22px;
}

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

.container {
  width: 100%;
  max-width: 1920px;
  height: auto;
  padding-top: 0;
  padding-left: 15px;
  padding-right: 15px;
}

.nav-button {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: var(--white);
  color: var(--black);
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  padding: 5px 5px 5px 30px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 140%;
  display: flex;
}

.banner-text-wrapper {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  color: var(--white);
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 1110px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.primary-button {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: var(--white);
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  padding: 5px 5px 5px 30px;
  font-family: Inter, sans-serif;
  display: flex;
}

.primary-button.black {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: var(--black);
  color: var(--white);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.icon-flex {
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.button-arrow {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: var(--black);
  color: var(--white);
  border-radius: 50%;
  flex-flow: column;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
}

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

.button-arrow.previous-arrow {
  transform-style: preserve-3d;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.banner-block {
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  padding-top: 40px;
  padding-bottom: 100px;
  display: flex;
  position: relative;
}

.list-item {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: row;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  height: auto;
  display: flex;
}

.list-item.res-hide {
  display: none;
}

.banner-social-media-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  margin-top: 140px;
  margin-left: 0;
  margin-right: 25px;
  display: flex;
  position: fixed;
  inset: 0% 0% auto auto;
}

.banner-social-media {
  border: 1px solid var(--border-color-white\<deleted\|variable-50115917-b333-dd6d-a859-c39f0e557a9c\>);
  color: var(--white);
  border-radius: 50%;
  padding: 15px;
  transition: background-color .4s;
}

.banner-social-media:hover {
  background-color: var(--white);
  color: var(--black);
}

.banner-left-block {
  grid-column-gap: 160px;
  grid-row-gap: 160px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: auto auto 0% 0%;
}

.go-bottom-block {
  border: 1px solid var(--border-color-white\<deleted\|variable-50115917-b333-dd6d-a859-c39f0e557a9c\>);
  color: var(--white);
  border-radius: 50%;
  padding: 15px;
  transition: background-color .4s, color .4s;
}

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

.counter-section {
  padding-top: 100px;
}

.counter-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 60px;
  display: flex;
}

.counter-block {
  color: var(--white);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 18px;
  font-weight: 600;
  line-height: 140%;
  display: flex;
}

.about-us-section {
  overflow-x: clip;
}

.about-block {
  background-color: var(--white);
  color: var(--black);
  border-radius: 10px;
  padding: 30px;
}

.about-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: start;
}

.about-wrapper {
  grid-column-gap: 140px;
  grid-row-gap: 140px;
  color: var(--font-color);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 490px;
  display: flex;
}

.about-heading {
  color: var(--black);
  line-height: 120%;
}

.service-card {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: 100%;
  display: flex;
}

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

.service-grid {
  grid-column-gap: 30px;
  grid-row-gap: 60px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 100%;
  display: grid;
}

.service-card-heading {
  color: var(--black);
  margin-bottom: 3px;
  font-size: 22px;
  line-height: 120%;
}

.about-other-grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr .75fr 1fr;
  margin-top: 15px;
  padding-left: 0;
  padding-right: 0;
}

.about-card-01 {
  background-color: var(--white);
  border-radius: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  min-height: 550px;
  padding: 18px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.card-bg-image {
  z-index: 0;
  filter: blur(100px);
  position: absolute;
  inset: 0%;
}

.about-card-arrow {
  position: absolute;
  inset: auto auto 20px 20px;
}

.about-card-02 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  border-style: solid;
  border-width: 1px;
  border-color: var(--border-color-white\<deleted\|variable-50115917-b333-dd6d-a859-c39f0e557a9c\>) #fff3 #fff3;
  border-radius: 10px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  height: 550px;
  padding: 20px 20px 40px;
  display: flex;
}

.about-counter-number {
  color: var(--white);
  height: 70px;
  font-size: 110px;
  font-weight: 600;
}

.about-counter-number.about-counter-number-01, .about-counter-number.about-counter-number-02 {
  font-size: 150px;
}

.about-card-heading {
  color: var(--black);
  text-align: center;
  font-weight: 700;
  line-height: 120%;
  position: relative;
}

.about-card-heading-wrapper {
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.percentage-icon {
  color: var(--white);
  font-size: 70px;
  font-weight: 500;
  line-height: 100%;
}

.about-detail-wrapper {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.about-text {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.about-card-03 {
  background-color: var(--white);
  color: var(--font-color);
  text-align: center;
  border-radius: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 550px;
  padding: 150px 20px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.about-text-wrapper-03 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 520px;
  display: flex;
}

.about-heading-wrapper-03 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  transform-style: preserve-3d;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 580px;
  display: flex;
  position: relative;
  transform: translate3d(0, 0, 50px);
}

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

.faq-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-columns: .7fr 1fr;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.faq-heading-wrapper {
  grid-column-gap: 180px;
  grid-row-gap: 180px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 490px;
  display: flex;
  position: sticky;
  top: 50px;
}

.faq-heading-text {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.faq {
  z-index: 0;
  border-bottom: 1px solid var(--border-color-white\<deleted\|variable-50115917-b333-dd6d-a859-c39f0e557a9c\>);
  color: var(--white);
  width: 100%;
}

.faq.last, .faq.last-copy {
  border-bottom-style: none;
}

.faq-qus {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  color: var(--white);
  white-space: normal;
  justify-content: space-between;
  align-items: center;
  padding: 20px 0;
  font-size: 20px;
  font-weight: 700;
  line-height: 140%;
  display: flex;
}

.faq-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-columns: 1fr;
  width: 100%;
  max-width: 1090px;
}

.faq-ans-block {
  position: static;
}

.faq-ans-block.w--open {
  background-color: var(--transparent);
  overflow: hidden;
}

.faq-ans {
  color: var(--text-color);
  max-width: 730px;
  padding-bottom: 20px;
}

.review-grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.review-card-whie {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  background-color: var(--white);
  color: var(--black);
  text-align: center;
  border-radius: 10px;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  padding: 40px 16px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.review-number {
  font-size: 50px;
  font-weight: 600;
  line-height: 140%;
}

.review-detail-block {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.review-card {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  border: 1px solid var(--border-color-white\<deleted\|variable-50115917-b333-dd6d-a859-c39f0e557a9c\>);
  border-radius: 10px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 16px;
  display: flex;
}

.review-add-date {
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
}

.review-writer-detail {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  color: var(--white);
  flex-flow: column;
  font-size: 22px;
  font-weight: 700;
  line-height: 140%;
  display: flex;
}

.review-star-block {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: var(--white);
  flex: 0 auto;
  order: 0;
  justify-content: flex-start;
  align-items: center;
  font-size: 20px;
  line-height: 140%;
  display: flex;
}

.review-star {
  filter: invert();
  color: var(--black);
}

.review-text-wrapper {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.our-account-section {
  padding-top: 60px;
  padding-bottom: 30px;
  overflow-x: clip;
}

.our-account-grid {
  border-radius: 10px;
  grid-template-rows: auto;
}

.our-account-card {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--white);
  perspective: 1000px;
  color: var(--font-color);
  text-align: center;
  border-radius: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 375px;
  padding: 60px 20px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.our-account-heading {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 480px;
  display: flex;
  position: relative;
}

.our-account-text {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.app-detail {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.cta-section {
  margin-top: 0;
  position: relative;
}

.cta-block {
  flex-flow: column;
  justify-content: flex-end;
  align-items: stretch;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
  position: relative;
}

.cta-text-wrapper {
  grid-column-gap: 70px;
  grid-row-gap: 70px;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.cta-text {
  color: var(--white);
  font-size: 70px;
  font-weight: 700;
  line-height: 110%;
}

.work-step-section {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 60px;
  padding-bottom: 60px;
  display: block;
}

.work-step-slider {
  background-color: var(--transparent);
  max-width: 1180px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}

.work-step-slide-nav {
  margin-bottom: -50px;
  font-size: 14px;
}

.work-step-left-arrow, .work-step-right-arrow {
  display: none;
}

.work-step-mask {
  height: 100%;
}

.step-wrapper {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  grid-template-rows: auto;
  grid-template-columns: 1fr min-content 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  display: grid;
}

.step-image-card {
  border-radius: 10px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.step-number-wrapper {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  font-size: 18px;
  font-weight: 500;
  line-height: 140%;
  display: flex;
}

.fill-line-wrapper {
  background-color: var(--border-color-white\<deleted\|variable-50115917-b333-dd6d-a859-c39f0e557a9c\>);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 1px;
  height: 100%;
  display: flex;
}

.fill-line {
  background-color: var(--white);
  width: 1px;
  height: 50%;
}

.step-heading {
  color: var(--white);
  font-weight: 700;
}

.step-text-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 50px;
  display: flex;
}

.step-text {
  margin-bottom: 30px;
  font-size: 18px;
  line-height: 140%;
}

.footer-grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 70px;
  display: flex;
}

.footer-link-block {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

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

.footer-link {
  flex-flow: column;
  justify-content: flex-end;
  height: 20px;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
  display: flex;
  overflow: hidden;
}

.footer-rights-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  font-family: Inter, sans-serif;
  display: grid;
}

.webflow-link {
  font-weight: 400;
  text-decoration: underline;
}

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

.footer-social-link {
  color: var(--black);
  transition: transform .4s;
}

.footer-social-link:hover {
  transform: scale(1.3);
}

.footer-info-wrapper {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  display: flex;
}

.footer-border {
  background-color: var(--black);
  opacity: .2;
  width: 100%;
  height: 1px;
}

.footer-info {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: var(--font-color);
  flex-flow: column;
  display: flex;
}

.footer-wrapper {
  background-color: var(--white);
  color: var(--black);
  border-radius: 10px;
  padding: 50px 35px;
}

.footer-section {
  padding-bottom: 15px;
  padding-left: 15px;
  padding-right: 15px;
}

.partners-block {
  display: flex;
  overflow: hidden;
}

.partners-main-wrapper {
  flex: none;
}

.partners-wrapper {
  grid-column-gap: 90px;
  grid-row-gap: 90px;
  padding-left: 45px;
  padding-right: 45px;
  display: flex;
}

.partners-image-block {
  opacity: .5;
  flex: none;
  align-self: center;
  transition: opacity .4s;
}

.partners-image-block:hover {
  opacity: 1;
}

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

.value-section {
  padding: 0 100px 60px;
}

.value-grid {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  grid-template-rows: auto;
  grid-template-columns: .7fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  padding-top: 100px;
  padding-bottom: 100px;
  display: grid;
}

.value-heading-wrapper {
  grid-column-gap: 180px;
  grid-row-gap: 180px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 600px;
  display: flex;
  position: sticky;
  top: 50px;
}

.value-text {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.value-wrapper {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  display: flex;
}

.value-block {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.value-icon-block {
  border: 1px solid var(--white);
  box-shadow: 1px 1px 0 1.5px var(--white);
  color: var(--white);
  border-radius: 50%;
  flex-flow: column;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  margin-top: 4px;
  display: flex;
}

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

.section-wrapper {
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 50px;
  display: flex;
}

.section-heading-text {
  max-width: 420px;
}

.team-grid {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.team-card {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: var(--white);
  color: var(--black);
  border-radius: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 12px;
  display: flex;
}

.team-member-image {
  border-radius: 10px;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.member-position {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
}

.team-social-wrappe {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-start;
  align-items: center;
  margin-top: 10px;
  display: flex;
}

.team-social-link {
  transition: transform .4s;
}

.team-social-link:hover {
  transform: scale(1.3);
}

.team-detail-wrapper {
  flex-flow: column;
  display: flex;
}

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

.section-heading {
  color: var(--white);
  max-width: 360px;
}

.section-heading.left {
  max-width: none;
}

.help-client-grid {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.help-client-card {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: var(--white);
  color: var(--font-color);
  border-radius: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 20px;
  display: flex;
}

.help-client-icon-wrapper {
  background-color: var(--white);
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.help-client-text {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.features-news {
  color: var(--white);
  padding: 0 100px 60px;
}

.features-mockup-screen {
  z-index: 0;
  object-fit: cover;
  border-radius: 10px;
  width: 90%;
  height: 95%;
  display: flex;
  position: absolute;
  top: 2.5%;
  left: 5%;
  overflow: hidden;
}

.features-image-05 {
  flex: none;
  width: 100%;
}

.features-process {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.features-steps-wrapper {
  flex-flow: column;
  justify-content: space-around;
  width: 100%;
  height: 300vh;
  display: flex;
  position: relative;
}

.features-number {
  color: var(--black);
  text-shadow: 0 0 3px var(--text-color);
  font-size: 80px;
  font-weight: 700;
  line-height: 120%;
}

.features-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: row;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: grid;
  position: relative;
}

.features-mockup-frame {
  z-index: 1;
  width: 100%;
  min-width: 300px;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.features-process-path {
  z-index: -2;
  background-color: var(--border-color-white\<deleted\|variable-50115917-b333-dd6d-a859-c39f0e557a9c\>);
  width: 2px;
  height: 100%;
  position: absolute;
}

.features-progress-bar {
  z-index: -1;
  background-color: var(--text-color);
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  width: 2px;
  height: 0;
  display: flex;
  position: sticky;
  top: 0;
}

.features-process-item {
  z-index: 2;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  height: auto;
  padding: 64px;
  display: flex;
  position: relative;
}

.features-mockups-wrapper {
  justify-content: center;
  align-items: center;
  display: inline-flex;
  position: sticky;
  top: 15%;
}

.features-mockups-frame {
  z-index: 1;
  position: relative;
  overflow: hidden;
}

.features-mockups-frame.res-show {
  display: none;
}

.features-mockups-frame.res-hide {
  width: 100%;
  height: 100%;
}

.dot-dark {
  background-color: var(--white);
  border-radius: 50%;
  width: 25px;
  height: 25px;
}

.dot-light {
  background-color: var(--border-color-white\<deleted\|variable-50115917-b333-dd6d-a859-c39f0e557a9c\>);
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  margin-bottom: -15px;
  display: flex;
  position: sticky;
  top: 100vh;
}

.features-image-01, .features-image-02, .features-image-03, .features-image-04 {
  flex: none;
  width: 100%;
}

.features-text {
  margin-top: 10px;
}

.pricing-section {
  margin-left: 140px;
  margin-right: 140px;
  padding-top: 60px;
  padding-bottom: 60px;
}

.pricing-category {
  border-bottom: 1px solid var(--border-color-white\<deleted\|variable-50115917-b333-dd6d-a859-c39f0e557a9c\>);
  color: var(--white);
  margin-bottom: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.pricing-grid-wrapper--mobile {
  display: none;
}

.pricing-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template: ". . . ."
                 ". . . ."
                 ". . . ."
                 ". . . ."
                 ". . . ."
                 ". . . ."
                 ". . . Area"
                 / 1.5fr 1fr 1fr;
  grid-auto-columns: 1fr;
}

.pricing-grid-cell {
  padding-top: 10px;
  padding-bottom: 10px;
}

.pricing-grid-cell.pricing-grid-heading {
  color: var(--white);
}

.pricing-grid-cell.pricing-grid-button {
  padding-top: 30px;
  padding-bottom: 0;
  display: flex;
}

.pricing-top-grid {
  border-bottom: 1px solid var(--border-color-white\<deleted\|variable-50115917-b333-dd6d-a859-c39f0e557a9c\>);
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr 1fr 1fr;
  padding-bottom: 40px;
  position: sticky;
}

.pricing-top-block {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: var(--white);
  flex-flow: column;
  display: flex;
  position: relative;
}

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

.blog-content-wrapper {
  z-index: 1;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.blog-tag {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  background-color: var(--black);
  color: var(--white);
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  padding: 4px 16px;
  font-weight: 500;
  display: flex;
}

.blog-card {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--white);
  border-radius: 10px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 100%;
  padding: 20px;
  display: grid;
  position: relative;
  overflow: hidden;
}

.blog-tag-wrappr {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: wrap;
  display: flex;
}

.blog-heading {
  color: var(--black);
  font-size: 20px;
  line-height: 120%;
}

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

.blog-image {
  z-index: 1;
  border-radius: 10px;
  min-height: 200px;
  position: relative;
  overflow: hidden;
}

.input-field {
  border: 1px solid var(--border-color-black);
  background-color: var(--transparent);
  color: var(--black);
  border-radius: 10px;
  min-height: 50px;
  margin-bottom: 0;
  padding: 14px;
  font-size: 16px;
  transition: border-color .4s;
}

.input-field:hover, .input-field:focus {
  border-color: var(--black);
}

.input-field::placeholder {
  color: var(--black);
  font-size: 16px;
  line-height: 140%;
}

.input-field.message {
  min-height: 150px;
}

.input-field.amount {
  border-style: none;
  border-radius: 0;
  min-height: 100px;
  font-size: 40px;
  font-weight: 700;
  line-height: 140%;
}

.input-field.amount::placeholder {
  font-size: 40px;
  font-weight: 700;
  line-height: 140%;
}

.error-message {
  color: var(--white);
  text-align: left;
  background-color: #e62231;
  border-radius: 10px;
  position: absolute;
  inset: auto 0% 0%;
}

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

.success-message {
  color: var(--black);
  background-color: #22e670;
  border-radius: 10px;
}

.contact-form-grid {
  grid-template-rows: auto;
  display: grid;
}

.submit-button {
  background-color: var(--black);
  color: var(--white);
  border-radius: 50px;
  padding: 12px 30px;
  transition: color .4s, background-color .4s;
}

.submit-button:hover {
  color: var(--white);
  background-color: #000;
}

.contact-form-block {
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  height: 442px;
  margin-bottom: 0;
  display: flex;
}

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

.contact-grid {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  grid-template-rows: auto;
  grid-template-columns: .7fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  display: grid;
}

.contact-heading-wrapper {
  grid-column-gap: 180px;
  grid-row-gap: 180px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 600px;
  display: flex;
  position: sticky;
  top: 50px;
}

.contact-wrapper {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  background-color: var(--white);
  border-radius: 10px;
  flex-flow: column;
  padding: 40px;
  display: flex;
}

.contact-us-icon {
  color: var(--white);
  flex: none;
}

.contact-link-card {
  grid-column-gap: 26px;
  grid-row-gap: 26px;
  background-color: var(--white);
  color: var(--black);
  border: 1px solid #004cda;
  border-radius: 10px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 20px;
  transition: color .4s;
  display: flex;
}

.contact-link {
  font-size: 18px;
}

.contact-heading {
  color: var(--black);
  font-size: 26px;
  line-height: 140%;
}

.social-media-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  margin-top: 10px;
  display: flex;
}

.contact-detail-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin-top: 50px;
}

.contact-card-heading {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.acc-banner-section {
  height: 100vh;
  position: relative;
}

.acc-section {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: absolute;
  inset: 0%;
}

.acc-form-wrapper {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  background-color: var(--white);
  color: var(--black);
  text-align: center;
  border-radius: 10px;
  flex-flow: column;
  width: 95%;
  max-width: 850px;
  max-height: 140%;
  margin-left: auto;
  margin-right: auto;
  padding: 40px;
  display: flex;
}

.acc-form-block {
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  margin-bottom: 0;
  display: flex;
}

.acc-form {
  display: block;
}

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

.form-heading-wrapper {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  align-items: center;
  display: flex;
}

.acc-submit-button {
  background-color: var(--black);
  color: var(--white);
  border-radius: 50px;
  width: 100%;
  padding: 12px 30px;
  transition: color .4s, background-color .4s;
}

.acc-submit-button:hover {
  color: var(--white);
  background-color: #000;
}

.acc-checkbox-field {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  text-align: left;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.acc-checkbox {
  flex: none;
  width: 16px;
  height: 16px;
  margin-right: 10px;
}

.acc-link {
  text-decoration: underline;
}

.below-card-link {
  text-align: center;
  font-size: 15px;
  text-decoration: underline;
}

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

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

.utility-page-content {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 140px;
  display: flex;
}

._404 {
  color: var(--white);
  font-size: 250px;
  font-weight: 700;
  line-height: 100%;
}

.user-form-heading {
  text-transform: none;
  margin-bottom: 12px;
  font-size: 40px;
}

.user-form-text {
  color: var(--white);
  text-align: center;
}

._404-btn-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  display: flex;
}

._404-button {
  background-color: var(--white);
  color: var(--black);
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  padding: 13px 30px;
  display: flex;
}

.detail-section {
  grid-row-gap: 30px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 60px;
  position: relative;
}

.inner-container {
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.detail-image-block {
  border-radius: 10px;
  margin-bottom: 40px;
  position: relative;
  overflow: hidden;
}

.style-text-block-02 {
  color: var(--white);
  font-size: 18px;
}

.help-section {
  padding-top: 100px;
  padding-bottom: 100px;
}

.style-guide-wrapper {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.style-guide-wrapper.button {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
}

.style-guide-wrapper.contact-help {
  align-items: stretch;
}

.style-text-block-03 {
  color: var(--white);
  font-size: 20px;
}

.help-detail-block {
  position: relative;
}

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

.style-text-block-01 {
  color: var(--white);
  font-size: 16px;
}

.style-grid {
  grid-column-gap: 38px;
  grid-row-gap: 38px;
  grid-template-columns: 1fr;
}

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

.all-tag {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  background-color: var(--white);
  color: var(--black);
  border-radius: 10px;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 20px;
  padding: 14px 20px;
  font-size: 24px;
  line-height: 120%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.help-left-side {
  border: 1px solid var(--white);
  background-color: #0000;
  border-radius: 10px;
  flex-flow: column;
  padding: 30px 20px;
  display: flex;
  position: sticky;
  top: 90px;
}

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

.sticky-block {
  position: absolute;
  inset: -120px auto auto 0%;
}

.sticky-block.sticky-150 {
  top: -150px;
}

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

.help-right-side {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 1px solid var(--white);
  background-color: #0000;
  border-radius: 10px;
  flex-flow: column;
  padding: 30px 20px;
  display: flex;
}

.color-block {
  width: 100%;
  min-height: 100px;
}

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

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

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

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

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

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

.help-link {
  color: var(--white);
  font-size: 20px;
  line-height: 140%;
  text-decoration-color: #0000;
  transition: text-decoration-color .4s;
}

.help-link:hover {
  text-decoration: underline;
  -webkit-text-decoration-color: var(--white);
  text-decoration-color: var(--white);
}

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

.changelog-block {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 1px solid var(--white);
  text-align: center;
  background-color: #0000;
  border-radius: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 1024px;
  padding: 30px;
  display: flex;
}

.changelog-link {
  background-color: var(--white);
  color: var(--black);
  border-radius: 10px;
  padding: 10px 30px;
  font-size: 20px;
  line-height: 140%;
  transition: color .4s;
}

.licenses-link {
  color: var(--text-color);
  text-transform: capitalize;
  text-decoration: underline;
  transition: color .4s;
}

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

.disclaimer-text {
  text-transform: capitalize;
  margin-bottom: 0;
}

.licenses-text {
  margin-bottom: 0;
  font-style: normal;
}

.licenses-detail-grid {
  grid-column-gap: 38px;
  grid-row-gap: 38px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

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

.help-button-wrapper {
  background-color: var(--white);
  padding: 15px;
}

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

.policy-grid {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  grid-template-columns: 1fr;
  margin-left: auto;
  margin-right: auto;
}

.policy-text-block {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  display: flex;
}

.policy-contact-us-link {
  color: var(--white);
  text-decoration: underline;
  transition: color .4s;
}

.review-text {
  max-height: none;
  overflow: auto;
}

.blog-writer-wrapper {
  justify-content: flex-end;
  align-items: center;
  margin-top: 40px;
  display: flex;
}

.blog-writer-detail {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: var(--white);
  align-items: center;
  font-size: 20px;
  display: flex;
}

.writer-image-detail {
  border-radius: 50%;
  width: 60px;
  height: 60px;
  overflow: hidden;
}

.hover-text-wrapper {
  flex-flow: column;
  justify-content: flex-end;
  height: 22px;
  display: flex;
  overflow: hidden;
}

.login-link {
  color: var(--white);
  flex-flow: column;
  justify-content: flex-end;
  align-items: stretch;
  height: 22px;
  display: flex;
  overflow: hidden;
}

.login-link.w--current {
  opacity: 1;
  height: 22px;
}

.counter-number-wrapper {
  z-index: 0;
  justify-content: center;
  align-items: flex-start;
  height: 70px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.work-counter-text {
  color: var(--white);
  text-align: left;
  font-size: 70px;
  line-height: 100%;
}

.work-counter-text.counter-number-01 {
  text-align: right;
}

.pagination {
  margin-top: 20px;
}

.next-button {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: var(--white);
  color: var(--black);
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  padding: 5px 5px 5px 30px;
  font-size: 16px;
  line-height: 140%;
  display: flex;
}

.previous-button {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: var(--white);
  color: var(--black);
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  padding: 5px 30px 5px 5px;
  font-family: Nunito Sans;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  display: flex;
}

.follow-social-link {
  color: var(--black);
  width: 30px;
  height: 30px;
  transition: transform .4s;
}

.follow-social-link:hover {
  transform: scale(1.4);
}

.inner-banner-block {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: stretch;
  padding: 100px;
  display: flex;
  position: relative;
}

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

.service-read-more {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: var(--black);
  justify-content: flex-start;
  align-items: center;
  margin-top: 10px;
  display: flex;
}

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

.service-list-card {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  color: var(--font-color);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.service-list-grid {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  background-color: var(--white);
  border-radius: 10px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding: 30px;
  display: grid;
}

.service-text {
  color: var(--font-color);
  height: 70px;
  overflow: hidden;
}

.qr-image {
  border-radius: 10px;
  width: 140px;
  transition: transform .5s;
  overflow: hidden;
}

.qr-image:hover {
  transform: scale(1.2);
}

.value-heading {
  color: var(--white);
  font-weight: 600;
}

.features-heading {
  color: var(--white);
}

.black-section-heading {
  color: var(--black);
  font-weight: 700;
  line-height: 110%;
  position: relative;
}

.team-member-name {
  color: var(--black);
  font-weight: 700;
}

.pay-now-button {
  background-color: var(--white);
  color: var(--black);
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 200px;
  padding: 13px 30px;
  font-size: 16px;
  font-weight: 600;
  line-height: 140%;
  display: flex;
}

.footer-heading {
  color: var(--black);
  font-weight: 700;
}

.form-heading {
  color: var(--black);
}

.pay-blur-block {
  z-index: 999;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.pay-form-grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  display: grid;
}

.pay-wrapper {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  background-color: var(--white);
  border-radius: 10px;
  flex-flow: column;
  width: 100%;
  max-width: 595px;
  padding: 40px;
  display: flex;
  position: relative;
}

.pay-form-block {
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  height: 490px;
  margin-bottom: 0;
  display: flex;
}

.pay-close-icon {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
  position: absolute;
  inset: 20px 20px auto auto;
}

.password-headingheading {
  color: var(--black);
  text-align: left;
}

.step-image-wrapper {
  overflow: hidden;
}

.step-image-shadow {
  z-index: 1;
  background-image: linear-gradient(180deg, var(--transparent), var(--black) 90%);
  height: 30%;
  position: absolute;
  inset: auto 0% 0%;
}

.recommended-tag {
  background-color: var(--white);
  color: var(--black);
  border-radius: 50px;
  align-self: flex-start;
  padding: 5px 18px;
}

.read-time-tag {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: var(--font-color);
  justify-content: center;
  align-items: center;
  display: flex;
}

.blog-arrow {
  position: absolute;
  inset: auto 20px 20px auto;
}

.about-counter-number-wrapper {
  color: var(--white);
  height: 200px;
  font-size: 200px;
  font-weight: 600;
  line-height: 100%;
  display: flex;
  overflow: hidden;
}

.banner-line {
  background-color: #fdfdfd0d;
  flex-flow: column;
  flex: none;
  justify-content: flex-end;
  width: 1px;
  height: 100%;
  display: flex;
  position: relative;
  overflow: visible;
}

.banner-border {
  background-image: linear-gradient(180deg, var(--transparent), var(--white));
  border-radius: 50px;
  flex: none;
  width: 1px;
  height: 60px;
}

.banner-dot-wrapper {
  flex: none;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
}

.back-to-top {
  z-index: 30;
  border: 1px solid var(--white);
  background-color: var(--black);
  color: #f5f2e8;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  font-size: 22px;
  transition: background-color .4s;
  display: flex;
  position: fixed;
  inset: auto 2% 5% auto;
}

.back-to-top:hover {
  border-color: var(--black);
  background-color: var(--white);
}

.back-to-top-arrow {
  transform-style: preserve-3d;
  justify-content: center;
  align-items: center;
  display: flex;
  transform: rotateX(180deg)rotateY(0)rotateZ(0);
}

.card-3d-block {
  perspective: 1000px;
  height: auto;
}

.tabs-menu {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 20px;
  display: flex;
}

.tab-link-tab-2 {
  background-color: var(--transparent);
  text-align: center;
  border-radius: 50px;
  padding: 10px 26px;
  transition: color .4s, background-color .4s;
}

.tab-link-tab-2:hover, .tab-link-tab-2.w--current {
  background-color: var(--black);
  color: var(--white);
}

.features-grid {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.features-detail {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-flow: column;
  justify-content: space-around;
  align-items: flex-end;
  height: 100%;
  display: flex;
}

.features-detail.left {
  justify-content: space-around;
  align-items: flex-start;
}

.features-step-wrapper-v2 {
  text-align: right;
  cursor: pointer;
  flex-flow: column;
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

.features-step-wrapper-v2.left {
  text-align: left;
  justify-content: center;
  align-items: flex-start;
}

.features-number-v2 {
  color: var(--white);
  font-size: 80px;
  font-weight: 700;
  line-height: 120%;
}

.features-mockups-wrapper-v2 {
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.features-mockups-frame-v2 {
  z-index: 1;
  position: relative;
  overflow: hidden;
}

.features-mockup-screen-v2 {
  z-index: 0;
  object-fit: cover;
  border-radius: 10px;
  width: 90%;
  height: 95%;
  display: flex;
  position: absolute;
  top: 2.5%;
  left: 5%;
  overflow: hidden;
}

.features-image-01-v2 {
  flex: none;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.features-image-02-v2, .features-image-03-v2, .features-image-04-v2 {
  flex: none;
  position: absolute;
  inset: 0%;
}

.features-image-05-v2 {
  flex: none;
  width: 100%;
  position: absolute;
  inset: 0%;
}

.features-mockup-frame-v2 {
  z-index: 1;
  width: 300px;
  position: relative;
  overflow: hidden;
}

.features-heading-v2 {
  color: var(--white);
}

.nav-dropdown-toggle {
  color: var(--white);
  padding: 0 20px 0 0;
}

.nav-dropdown-icon {
  margin-right: -5px;
}

.nav-dropdown-list {
  background-color: var(--black);
}

.nav-dropdown-list.w--open {
  border: 1px solid var(--white);
  background-color: var(--white);
  border-radius: 10px;
  margin-top: 20px;
  overflow: hidden;
}

.nav-dropdown-link {
  padding: 12px 34px;
}

.nav-dropdown-link.w--current {
  color: var(--black);
  text-decoration: underline;
}

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

.cross-01 {
  background-color: var(--black);
  width: 2px;
  height: 20px;
  position: absolute;
  inset: 0% auto auto;
  transform: rotate(45deg);
}

.cross-02 {
  background-color: var(--black);
  width: 2px;
  height: 20px;
  transform: rotate(-45deg);
}

.counter-text {
  font-family: Inter, sans-serif;
  font-weight: 500;
}

.div-block {
  background-color: var(--white);
  width: 2px;
  height: 10vh;
  position: sticky;
  top: 0;
}

.pop-up-wrapper {
  z-index: 999;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
  position: fixed;
  inset: auto auto 20px 20px;
}

.pop-up-block {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  color: #000;
  background-color: #fff;
  border-radius: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  padding: 30px;
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
  transition: transform .4s;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

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

.pop-up-close {
  color: #000;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  font-family: Inconsolata, monospace;
  font-size: 34px;
  font-weight: 400;
  line-height: 60%;
  display: flex;
  position: absolute;
  inset: 20px 20px auto auto;
}

.pop-text {
  max-width: 360px;
}

.badge-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.badge-link {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #fff;
  text-transform: capitalize;
  background-color: #1aca83;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  padding: 10px 16px 10px 10px;
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.badge-icon {
  justify-content: center;
  align-items: center;
  width: 22px;
  display: flex;
}

.container-2 {
  display: block;
}

.flex-block {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
}

.heading {
  color: var(--black);
}

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

.paragraph-2 {
  color: var(--black);
  text-align: center;
  font-weight: 400;
}

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

.bold-text, .bold-text-2, .bold-text-3 {
  color: var(--black);
}

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

.image-3 {
  width: 20px;
  height: 20px;
}

.image-4 {
  width: 24px;
  height: 24%;
}

.image-5 {
  mix-blend-mode: normal;
  width: 80%;
}

.link {
  color: var(--white);
  text-decoration: underline;
}

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

.text-block-2 {
  font-size: 14px;
  line-height: 130%;
}

.section {
  outline-offset: 0px;
  outline: 3px #131313;
  justify-content: space-between;
  align-items: center;
  min-height: 0;
  display: flex;
}

.heading-3 {
  color: var(--black);
  font-weight: 700;
}

.button-2 {
  color: var(--black);
  background-color: #e0e0c8;
  border-radius: 10px;
  min-width: 110px;
  font-size: 24px;
  font-weight: 600;
}

.heading-4 {
  color: var(--black);
  font-size: 41px;
  font-weight: 600;
}

.heading-5 {
  color: var(--black);
  font-weight: 500;
  text-decoration: line-through;
}

.footer-link-copy, .footer-link-copy-copy, .footer-link-copy, .footer-link-copy-copy-copy, .footer-link-copy-copy-copy {
  flex-flow: column;
  justify-content: flex-end;
  height: 20px;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
  display: flex;
  overflow: hidden;
}

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

.heading-6 {
  color: var(--black);
}

.text-block-4 {
  color: var(--white);
  font-size: 40px;
  font-weight: 600;
  line-height: 129%;
}

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

.paragraph-4 {
  color: var(--black);
  text-align: left;
}

.heading-7 {
  color: var(--black);
  font-size: 26px;
}

.heading-8, .rich-text-block, .heading-9, .heading-10, .heading-11, .heading-12 {
  color: var(--black);
  text-align: left;
}

.paragraph-5 {
  text-align: left;
}

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

.list-item-2, .list-item-3, .list-item-4, .paragraph-6 {
  text-align: left;
}

.paragraph-7 {
  font-weight: 700;
}

.bold-text-5, .bold-text-6 {
  color: var(--black);
}

.paragraph-8 {
  display: flex;
}

.rich-text-block-2 {
  color: var(--white);
  text-align: center;
  font-size: 18px;
}

.heading-13 {
  color: var(--black);
  line-height: 100%;
}

.heading-14 {
  color: var(--black);
  text-align: left;
}

.bold-text-7, .bold-text-8 {
  color: var(--black);
}

.list-item-5, .link-3, .link-4, .link-5 {
  color: var(--white);
}

.bold-text-9, .paragraph-10 {
  font-size: 19px;
  font-weight: 700;
}

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

.rich-text-block-4 {
  color: var(--white);
  font-family: Montserrat, sans-serif;
}

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

.paragraph-12 {
  font-weight: 700;
}

.features-heading-2 {
  color: #fdfdfd;
}

.features-process-item-2 {
  z-index: 2;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  height: auto;
  padding: 64px;
  display: flex;
  position: relative;
}

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

.features-number-2 {
  color: #131313;
  text-shadow: 0 0 3px #bbb;
  font-size: 80px;
  font-weight: 700;
  line-height: 120%;
}

.features-steps-wrapper-2 {
  flex-flow: column;
  justify-content: space-around;
  width: 100%;
  height: 400vh;
  display: flex;
  position: relative;
}

.features-process-path-2 {
  z-index: -2;
  background-color: #fff3;
  width: 2px;
  height: 100%;
  position: absolute;
}

.features-wrapper-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: grid;
  position: relative;
}

.dot-light-2 {
  background-color: #fff3;
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  margin-bottom: -15px;
  display: flex;
  position: sticky;
  top: 100vh;
}

.dot-dark-2 {
  background-color: #fdfdfd;
  border-radius: 50%;
  width: 25px;
  height: 25px;
}

.features-mockups-wrapper-2 {
  justify-content: center;
  align-items: center;
  display: inline-flex;
  position: sticky;
  top: 15%;
}

.features-process-2 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.container-3 {
  width: 100%;
  max-width: 1920px;
  padding-left: 15px;
  padding-right: 15px;
}

.features-progress-bar-2 {
  z-index: -1;
  background-color: #bbb;
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  width: 2px;
  height: 0;
  display: flex;
  position: sticky;
  top: 0;
}

.features-heading-3 {
  color: #fdfdfd;
}

.features-process-item-3 {
  z-index: 2;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  height: auto;
  padding: 64px;
  display: flex;
  position: relative;
}

.dot-dark-3 {
  background-color: #fdfdfd;
  border-radius: 50%;
  width: 25px;
  height: 25px;
}

.features-mockups-wrapper-3 {
  justify-content: center;
  align-items: center;
  display: inline-flex;
  position: sticky;
  top: 15%;
}

.container-4 {
  width: 100%;
  max-width: 1920px;
  padding-left: 15px;
  padding-right: 15px;
}

.features-progress-bar-3 {
  z-index: -1;
  background-color: #bbb;
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  width: 2px;
  height: 0;
  display: flex;
  position: sticky;
  top: 0;
}

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

.list-item-6, .list-item-7 {
  color: var(--black);
  text-align: left;
}

.heading-17 {
  text-align: center;
  margin-bottom: 60px;
}

.grid {
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.section-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-bottom: 40px;
  padding-left: 15px;
  padding-right: 15px;
  display: block;
}

.link-6 {
  color: var(--white);
  text-decoration: underline;
}

.italic-text {
  font-weight: 400;
}

.link-7, .link-8, .link-9 {
  color: var(--white);
  text-decoration: underline;
}

.grid-2 {
  grid-template-rows: auto auto auto auto auto auto;
  padding-bottom: 40px;
  padding-left: 0;
  font-weight: 500;
}

.text-block-5, .text-block-6 {
  color: var(--text-color);
  font-weight: 400;
}

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

.section-3 {
  padding-left: 15px;
}

.heading-19 {
  padding-top: 0;
  padding-left: 15px;
}

.heading-20 {
  color: var(--black);
}

.image-7 {
  width: 10%;
  height: 20%;
}

.field-label {
  text-align: left;
}

.grid-3 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  grid-template: "."
                 "." minmax(auto, 1fr)
                 / .5fr 1fr;
}

.text-block-7 {
  text-align: left;
  font-size: 13px;
}

.image-8 {
  width: 30%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
}

.input {
  color: #1f2d54;
  background-color: #fff;
  border: 1px solid #e6e9f1;
  border-radius: 6px;
  min-height: 40px;
  margin-bottom: 0;
  padding: 14px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.286em;
  transition: color .3s, border-color .3s;
  box-shadow: 0 0 4px #14142b17;
}

.input:hover {
  border-color: #aab1c6;
}

.input:focus {
  border-color: #3d73ff;
}

.input::placeholder {
  color: #828aa3;
}

.input.icon-inside-right {
  padding-right: 32px;
}

.input.icon-inside-left {
  padding-left: 32px;
}

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

.position-relative---z-index-1.flex-horizontal {
  box-sizing: border-box;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  object-fit: fill;
  flex-flow: row;
  flex: 0 auto;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: visible;
}

.icon-inside-input-right {
  z-index: 1;
  box-sizing: border-box;
  flex: 0 auto;
  order: 0;
  align-self: auto;
  min-width: 30px;
  max-width: 30px;
  min-height: 30px;
  max-height: 30px;
  font-size: 24px;
  line-height: 1em;
  position: absolute;
  right: 14px;
}

.icon-inside-input-left {
  min-width: 12px;
  max-width: 12px;
  min-height: 12px;
  max-height: 12px;
  position: absolute;
  left: 14px;
}

.field-label-2, .field-label-3, .field-label-4, .field-label-5, .field-label-6, .field-label-7, .field-label-8 {
  text-align: left;
}

.select-field {
  color: var(--black);
  background-color: #fff;
  border-radius: 10px;
  min-height: 50px;
  margin-bottom: 0;
  padding: 14px;
  transition: border .4s;
}

.image-9 {
  width: 20%;
}

.paragraph-13 {
  font-weight: 700;
}

.field-label-9 {
  text-align: left;
  font-weight: 500;
}

._2-items-wrap-container {
  grid-column-gap: 40px;
  grid-row-gap: 16px;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

._2-items-wrap-container.justify-center {
  justify-content: center;
}

._2-items-wrap-container.justify-center.gap-column-48px {
  grid-column-gap: 48px;
  justify-content: space-between;
  align-items: center;
}

.flex-horizontal {
  justify-content: center;
  align-items: center;
  display: flex;
}

.flex-horizontal.justify-start {
  justify-content: flex-start;
}

.flex-horizontal.justify-start.gap-column-12px {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
}

.toggle-button-circle-inside {
  z-index: 2;
  background-color: #fff;
  border-radius: 100%;
  min-width: 14px;
  max-width: 14px;
  min-height: 14px;
  max-height: 14px;
  transition: transform .3s;
  position: relative;
  box-shadow: inset 0 -2px 4px #1f2d5424, 1px 0 1px #1f2d542e;
}

.toggle-button-circle-inside.active {
  transform: translate(14px);
}

.text-100 {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.286em;
}

.text-100.medium, .text-100.medium-copy {
  font-weight: 500;
}

.toggle-button-wrapper {
  z-index: 1;
  cursor: pointer;
  background-color: #eff1f6;
  border: .8px solid #e6e9f1;
  border-radius: 40px;
  align-items: center;
  min-width: 34px;
  max-width: 34px;
  min-height: 20px;
  max-height: 20px;
  padding: 2px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.toggle-button-bg {
  z-index: 1;
  opacity: 0;
  background-image: linear-gradient(#3d7fff, #4b5dff);
  border: 1px solid #3961d9;
  border-radius: 40px;
  position: absolute;
  inset: 0;
}

.toggle-button-bg.active {
  opacity: 1;
}
.toggle-button-circle-inside.active {
    background-color: #4caf50; /* Зеленый фон для активного состояния (USDT) */
}

@media screen and (min-width: 1280px) {
  .nav-menu {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
  }

  .banner-text-wrapper {
    max-width: 1110px;
  }

  .banner-block {
    padding-top: 40px;
  }

  .banner-social-media-wrapper {
    margin-right: 25px;
    inset: 0% 0% auto auto;
  }

  .about-block {
    padding: 50px;
  }

  .about-grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .about-other-grid {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .about-card-01 {
    min-height: 560px;
  }

  .card-bg-image {
    padding-bottom: 0;
  }

  .about-card-02 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    height: 560px;
  }

  .about-counter-number.about-counter-number-01 {
    font-size: 108px;
    line-height: 100%;
  }

  .about-card-03 {
    height: 560px;
  }

  .about-heading-wrapper-03 {
    justify-content: center;
    align-items: flex-start;
  }

  .review-card {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
  }

  .review-text-wrapper {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .our-account-section {
    padding-bottom: 40px;
  }

  .our-account-card {
    padding-top: 70px;
    padding-bottom: 80px;
    line-height: 140%;
  }

  .contact-link-card {
    padding: 30px 40px;
  }

  .review-text {
    border-radius: 0;
    max-height: none;
  }

  .card-3d-block {
    height: auto;
  }

  .paragraph {
    font-weight: 600;
  }

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

  .bold-text-8, .list-item-7 {
    color: var(--black);
  }

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

@media screen and (min-width: 1440px) {
  .container {
    padding-right: 40px;
  }

  .banner-text-wrapper {
    max-width: 1110px;
  }

  .banner-block {
    padding-top: 40px;
  }

  .banner-social-media-wrapper {
    margin-right: 30px;
    inset: 0% 0% auto auto;
  }

  .about-grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .about-wrapper {
    grid-column-gap: 100px;
    grid-row-gap: 100px;
    max-width: 550px;
  }

  .about-heading {
    width: 490px;
  }

  .service-grid {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
  }

  .about-card-01 {
    width: 350px;
    height: 540px;
    min-height: 540px;
    padding: 0 20px 20px;
  }

  .about-card-02 {
    grid-column-gap: 66px;
    grid-row-gap: 66px;
    height: 539px;
  }

  .about-counter-number.about-counter-number-01 {
    line-height: 100%;
  }

  .about-card-03 {
    height: 540px;
  }

  .about-heading-wrapper-03 {
    justify-content: center;
    align-items: flex-start;
  }

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

  .team-grid {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .team-card {
    padding: 20px;
  }

  .help-client-grid {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .help-client-card {
    padding: 30px;
  }

  .features-process-item {
    padding-left: 120px;
    padding-right: 120px;
  }

  .features-mockups-wrapper {
    justify-content: flex-start;
    align-items: center;
  }

  .blog-image {
    min-height: 240px;
  }

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

  .text-block-2 {
    font-size: 13px;
    line-height: 130%;
  }

  .rich-text-block-2 {
    font-size: 23px;
    line-height: 140%;
  }

  .heading-14 {
    color: var(--black);
    text-align: left;
    line-height: 101%;
  }

  .paragraph-9 {
    color: var(--black);
    text-align: left;
  }

  .rich-text-block-3 {
    text-align: left;
    line-height: 105%;
  }

  .bold-text-7, .bold-text-8 {
    color: var(--black);
  }

  .features-process-item-2, .features-process-item-3 {
    padding-left: 120px;
    padding-right: 120px;
  }

  .image-6 {
    width: 100%;
  }

  .heading-20 {
    color: var(--black);
  }

  .field-label {
    text-align: left;
  }

  .grid-3 {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    grid-template-rows: auto;
    grid-template-columns: .5fr 1fr;
    font-weight: 300;
  }

  .text-block-7 {
    text-align: left;
    font-size: 14px;
    font-weight: 400;
  }
}

@media screen and (min-width: 1920px) {
  .banner-text-wrapper {
    max-width: 1140px;
  }

  .primary-button.black {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: flex;
  }

  .banner-block {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .banner-social-media-wrapper {
    margin-right: 35px;
    inset: 0% 0% auto auto;
  }

  .banner-left-block {
    grid-column-gap: 580px;
    grid-row-gap: 580px;
    justify-content: center;
    align-items: center;
  }

  .about-grid {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .about-wrapper {
    grid-column-gap: 120px;
    grid-row-gap: 120px;
    max-width: 510px;
  }

  .service-grid {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
  }

  .about-card-01 {
    width: 450px;
    height: 530px;
    min-height: 540px;
  }

  .about-card-02 {
    height: 540px;
    min-height: 0;
  }

  .about-counter-number.about-counter-number-01 {
    font-size: 145px;
  }

  .percentage-icon {
    font-size: 110px;
    font-weight: 700;
  }

  .review-card-whie {
    padding: 100px 30px 30px;
  }

  .review-card {
    padding: 30px;
  }

  .our-account-heading {
    width: auto;
  }

  .footer-logo.w--current {
    filter: none;
  }

  .partners-main-wrapper {
    flex: none;
  }

  .blog-image {
    min-height: 210px;
  }

  .acc-form-wrapper {
    max-height: none;
    padding-top: 40px;
    padding-bottom: 30px;
  }

  .work-counter-text.counter-number-02 {
    text-align: center;
  }

  .inner-banner-block {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .banner-border {
    background-image: linear-gradient(180deg, var(--transparent), #999);
  }

  .banner-dot-wrapper {
    transform: translate(0, -5%);
  }

  .flex-block {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .grid-3 {
    grid-template-columns: .5fr 1fr;
  }
}

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

  h3 {
    font-size: 28px;
  }

  .blur-image {
    height: 100%;
  }

  .navbar {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .nav-menu-wrapper {
    background-color: #0000;
  }

  .nav-menu {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: var(--black);
    flex-flow: column;
    justify-content: space-around;
    align-items: flex-start;
    padding-left: 0;
    display: flex;
  }

  .nav-link {
    height: auto;
    overflow: visible;
  }

  .nav-link.w--current {
    border-bottom-style: none;
  }

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

  .menu-button {
    padding: 12px;
  }

  .menu-button.w--open {
    background-color: var(--transparent);
    color: #fff;
    padding: 6px;
  }

  .banner-text-wrapper {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    padding-left: 50px;
    padding-right: 50px;
  }

  .banner-block {
    padding-top: 60px;
    padding-bottom: 200px;
  }

  .list-item {
    text-align: left;
    width: 100%;
    padding: 15px;
  }

  .banner-social-media-wrapper {
    margin-right: 30px;
  }

  .banner-left-block {
    grid-column-gap: 150px;
    grid-row-gap: 150px;
  }

  .counter-section {
    padding-top: 60px;
  }

  .about-grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .about-wrapper {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    max-width: none;
  }

  .about-heading {
    text-align: left;
  }

  .service-grid {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .about-other-grid {
    grid-template-columns: 1fr 1fr;
    padding-left: 0;
  }

  .about-card-01 {
    min-height: 550px;
  }

  .about-card-02 {
    justify-content: flex-end;
  }

  .about-counter-number {
    color: var(--white);
    height: 80px;
    font-size: 100px;
    font-weight: 600;
  }

  .about-counter-number.about-counter-number-01 {
    font-size: 120px;
  }

  .about-card-03 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .faq-grid {
    flex-flow: column;
  }

  .faq-heading-wrapper {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    max-width: none;
    position: static;
  }

  .faq-qus {
    font-size: 18px;
  }

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

  .review-card-whie, .review-card {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .our-account-grid {
    height: auto;
    min-height: auto;
  }

  .our-account-card {
    height: 440px;
    padding: 40px 16px;
  }

  .cta-block {
    padding-top: 200px;
    padding-bottom: 200px;
  }

  .cta-text-wrapper {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    padding-left: 50px;
    padding-right: 50px;
  }

  .cta-text {
    font-size: 60px;
  }

  .step-wrapper {
    grid-column-gap: 40px;
    grid-row-gap: 30px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .step-number-wrapper {
    flex-flow: row;
  }

  .fill-line-wrapper {
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    height: 1px;
  }

  .fill-line {
    width: 50%;
    height: 1px;
  }

  .step-text {
    font-size: 16px;
  }

  .footer-grid {
    margin-bottom: 50px;
  }

  .footer-link {
    height: auto;
    overflow: visible;
  }

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

  .footer-info {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    font-size: 14px;
  }

  .footer-wrapper {
    padding: 30px 20px;
  }

  .partners-wrapper {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .value-section {
    padding-top: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .value-grid {
    flex-flow: column;
    grid-template-columns: 1fr;
  }

  .value-heading-wrapper {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    max-width: none;
    position: static;
  }

  .value-icon-block {
    width: 32px;
    height: 32px;
  }

  .section-wrapper {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    max-width: none;
    margin-bottom: 40px;
    position: static;
  }

  .team-grid, .help-client-grid {
    grid-template-columns: 1fr 1fr;
  }

  .features-news {
    padding-left: 40px;
    padding-right: 40px;
  }

  .features-steps-wrapper {
    width: 100%;
  }

  .features-step-wrapper {
    max-width: none;
  }

  .features-process-item {
    width: 390px;
    padding: 50px 0 50px 50px;
  }

  .pricing-section {
    margin-left: 10px;
    margin-right: 10px;
  }

  .blog-card {
    flex-flow: column;
    grid-template-columns: 1fr;
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
  }

  .blog-image {
    min-height: 240px;
  }

  .contact-grid {
    flex-flow: column;
    grid-template-columns: 1fr;
  }

  .contact-heading-wrapper {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    max-width: none;
    position: static;
  }

  .contact-detail-grid {
    grid-template-columns: 1fr 1fr;
    margin-top: 30px;
  }

  .below-card-link {
    text-align: right;
  }

  .title-form {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: wrap;
  }

  .detail-image-block {
    height: 250px;
    margin-bottom: 30px;
  }

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

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

  .help-left-side {
    display: none;
  }

  .help-right-side {
    border-style: none;
    padding: 0;
  }

  .disclaimer-text {
    font-size: 14px;
  }

  .blog-writer-wrapper {
    margin-top: 30px;
  }

  .hover-text.hide {
    display: none;
  }

  .hover-text-wrapper, .login-link {
    height: auto;
    overflow: visible;
  }

  .inner-banner-block {
    padding-left: 20px;
    padding-right: 20px;
  }

  .service-list-grid {
    grid-template-columns: 1fr 1fr;
  }

  .about-counter-number-wrapper {
    height: 180px;
  }

  .back-to-top {
    right: 4%;
  }

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

  .features-detail {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
  }

  .features-heading-v2 {
    font-size: 24px;
  }

  .nav-dropdown-toggle {
    width: 100%;
  }

  .nav-dropdown-icon {
    margin-right: 0;
  }

  .nav-dropdown {
    width: 100%;
  }

  .pop-up-block {
    padding: 20px;
  }

  .pop-up-close {
    width: 18px;
    height: 18px;
  }

  .badge-icon {
    width: 19px;
  }

  .image-2 {
    max-width: 110%;
    height: 110%;
    min-height: auto;
  }

  .heading-3 {
    font-size: 18px;
  }

  .footer-link-copy, .footer-link-copy-copy, .footer-link-copy, .footer-link-copy-copy-copy, .footer-link-copy-copy-copy {
    height: auto;
    overflow: visible;
  }

  .heading-6 {
    color: var(--black);
  }

  .features-process-item-2 {
    padding: 50px 0 50px 50px;
  }

  .features-step-wrapper-2 {
    max-width: none;
  }

  .features-process-item-3 {
    padding: 50px 0 50px 50px;
  }

  .list {
    margin-right: 0;
    padding-right: 0;
  }

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

  .grid-2 {
    grid-template-columns: 1.75fr 1fr;
  }

  .heading-20 {
    color: var(--black);
  }

  .grid-3 {
    grid-column-gap: 6px;
    grid-template-columns: 4.75fr 1.5fr;
  }
}

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

  h1 {
    font-size: 50px;
  }

  h2 {
    font-size: 34px;
  }

  h3 {
    font-size: 24px;
  }

  .blur-image {
    filter: blur(120px);
  }

  .brand-logo {
    padding-left: 0;
  }

  .nav-menu {
    flex-direction: column;
    padding-left: 0;
  }

  .nav-link {
    display: inline-block;
  }

  .nav-button {
    padding-top: 10px;
    padding-bottom: 10px;
    display: none;
  }

  .nav-button.res-show {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 20px;
    display: flex;
  }

  .banner-text-wrapper {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    padding-left: 0;
    padding-right: 0;
  }

  .primary-button {
    padding-left: 20px;
  }

  .banner-block {
    padding-top: 60px;
    padding-bottom: 160px;
  }

  .list-item {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .list-item.res-hide {
    justify-content: flex-start;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;
    display: flex;
  }

  .banner-social-media-wrapper {
    display: none;
  }

  .counter-section {
    padding-top: 40px;
  }

  .counter-grid {
    grid-column-gap: 20px;
    grid-row-gap: 40px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    padding-bottom: 40px;
    display: grid;
  }

  .counter-block {
    font-size: 16px;
  }

  .about-block {
    padding: 20px;
  }

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

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

  .service-grid {
    grid-column-gap: 10px;
    grid-row-gap: 20px;
  }

  .service-card-heading {
    font-size: 20px;
  }

  .about-other-grid {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .about-card-01 {
    min-height: 420px;
    padding: 10px;
  }

  .about-card-arrow {
    bottom: 10px;
    left: 10px;
  }

  .about-card-02 {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    justify-content: center;
    height: 420px;
    padding: 10px;
  }

  .about-counter-number {
    color: var(--white);
    height: auto;
    font-size: 54px;
    font-weight: 600;
  }

  .about-counter-number.about-counter-number-01 {
    text-align: left;
    flex: 0 auto;
    order: 0;
    align-self: auto;
    height: 90px;
    font-size: 100px;
    text-decoration: none;
    display: block;
  }

  .about-counter-number.about-counter-number-02 {
    font-size: 130px;
  }

  .about-card-heading {
    font-size: 22px;
  }

  .percentage-icon {
    font-size: 40px;
  }

  .about-detail-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-content: flex-end;
    align-items: flex-start;
    height: auto;
  }

  .about-text {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .about-card-03 {
    height: 320px;
  }

  .about-text-wrapper-03 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

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

  .faq-grid, .faq-heading-text {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .faq-qus {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    padding-top: 16px;
    padding-bottom: 16px;
    font-size: 16px;
  }

  .faq-ans {
    padding-bottom: 10px;
  }

  .review-add-date {
    font-size: 13px;
  }

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

  .our-account-card {
    height: auto;
  }

  .our-account-text {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .cta-block {
    padding-top: 140px;
    padding-bottom: 140px;
  }

  .cta-text-wrapper {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    padding-left: 0;
    padding-right: 0;
  }

  .cta-text {
    font-size: 50px;
  }

  .step-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .step-image-card {
    padding: 10px;
  }

  .step-text {
    margin-bottom: 20px;
    font-size: 14px;
  }

  .footer-grid {
    grid-column-gap: 16px;
    grid-row-gap: 40px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-bottom: 30px;
    display: grid;
  }

  .footer-rights-grid {
    grid-template-columns: 1fr 1fr;
  }

  .footer-social-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .footer-info-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .footer-wrapper {
    padding: 20px 15px;
  }

  .footer-section {
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .partners-wrapper {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    padding-left: 25px;
    padding-right: 25px;
  }

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

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

  .value-grid {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .value-heading-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .value-text {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .value-wrapper, .value-block {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .value-icon-block {
    width: 30px;
    height: 30px;
  }

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

  .section-wrapper {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
    margin-bottom: 30px;
  }

  .section-heading-text {
    max-width: none;
  }

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

  .team-card {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .team-social-wrappe {
    margin-top: 6px;
  }

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

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

  .help-client-card {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    padding: 16px;
  }

  .help-client-text {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
  }

  .features-news {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .features-process {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .features-steps-wrapper {
    height: 240vh;
  }

  .features-number {
    font-size: 60px;
  }

  .features-wrapper {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr;
  }

  .features-process-path {
    height: 100%;
    display: none;
  }

  .features-process-item {
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 0;
  }

  .features-mockups-wrapper {
    display: none;
    top: 20%;
  }

  .features-mockups-frame.res-show {
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .features-mockups-frame.res-hide {
    display: none;
  }

  .pricing-tabs-menu {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-content: center;
    align-items: center;
    display: flex;
  }

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

  .pricing-tab-pane {
    padding-top: 30px;
  }

  .pricing-grid-wrapper--mobile {
    display: block;
  }

  .pricing-mobile-pricing {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
  }

  .pricing-grid {
    display: none;
  }

  .pricing-tab-standard {
    border: 1px solid var(--white);
    background-color: var(--black);
    color: var(--white);
    border-radius: 50px;
    padding: 10px 20px;
    transition: color .4s, background-color .4s;
  }

  .pricing-tab-standard:hover {
    background-color: var(--white);
    color: var(--black);
  }

  .pricing-tab-standard.w--current {
    background-color: var(--white);
    color: var(--black);
    border-color: #0000;
  }

  .pricing-grid--mobile {
    grid-column-gap: 0px;
    grid-row-gap: 8px;
    grid-template-columns: 1fr 1fr;
  }

  .pricing-grid-cell.pricing-grid-button {
    justify-content: center;
    align-items: flex-end;
  }

  .pricing-top-grid {
    display: none;
  }

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

  .blog-content-wrapper {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .blog-tag {
    padding-left: 16px;
    padding-right: 16px;
  }

  .blog-card {
    padding: 16px;
  }

  .blog-tag-wrappr {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
  }

  .blog-heading {
    font-size: 18px;
  }

  .blog-grid {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr 1fr;
  }

  .blog-image {
    min-height: 200px;
  }

  .input-field {
    padding: 12px;
    font-size: 14px;
  }

  .input-field::placeholder {
    font-size: 14px;
  }

  .contact-form-block {
    height: 430px;
  }

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

  .contact-grid {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .contact-heading-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .contact-wrapper {
    padding: 30px;
  }

  .contact-detail-grid {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
    grid-template-columns: 1fr;
    margin-top: 20px;
  }

  .acc-form-wrapper {
    padding: 30px;
  }

  .below-card-link {
    font-weight: 500;
  }

  ._404 {
    font-size: 200px;
  }

  ._404-button {
    padding-top: 10px;
    padding-bottom: 10px;
    display: none;
  }

  .detail-section {
    padding-top: 40px;
  }

  .detail-image-block {
    margin-bottom: 20px;
  }

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

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

  .style-grid {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .all-tag {
    padding: 14px 18px;
    font-size: 20px;
  }

  .changelog-block {
    padding: 20px;
  }

  .licenses-detail-grid {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

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

  .policy-text-block {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
  }

  .policy-contact-us-link {
    font-size: 14px;
  }

  .blog-writer-wrapper {
    margin-top: 20px;
  }

  .login-link {
    display: none;
  }

  .login-link.res-show {
    margin-right: 20px;
    display: block;
  }

  .next-button, .previous-button {
    padding-top: 10px;
    padding-bottom: 10px;
    display: none;
  }

  .service-detail-section, .service-section {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .service-list-card {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .service-list-grid {
    grid-template-columns: 1fr;
    padding: 20px;
  }

  .service-text {
    height: 60px;
  }

  .value-heading {
    font-size: 28px;
  }

  .pay-now-button {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .pay-wrapper {
    padding-left: 30px;
    padding-right: 30px;
  }

  .pay-form-block {
    height: 475px;
  }

  .recommended-tag.res {
    margin-bottom: 20px;
    font-size: 16px;
    display: inline-block;
    position: static;
    inset: 0% auto 0% 0%;
  }

  .read-time-tag {
    padding-left: 16px;
    padding-right: 16px;
  }

  .about-counter-number-wrapper {
    flex-flow: row;
    height: 100px;
    max-height: none;
    font-size: 80px;
    display: flex;
    overflow: hidden;
  }

  .card-3d-block {
    height: 320px;
  }

  .features-grid {
    grid-column-gap: 0px;
    grid-template-columns: 1fr;
  }

  .features-detail {
    justify-content: space-around;
    align-items: flex-start;
    width: 100%;
  }

  .features-step-wrapper-v2 {
    text-align: left;
    justify-content: center;
    align-items: flex-start;
  }

  .features-number-v2 {
    font-size: 60px;
  }

  .heading-3 {
    font-size: 18px;
  }

  .heading-6 {
    color: var(--black);
  }

  .features-process-item-2 {
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 0;
  }

  .features-news-2 {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .features-number-2 {
    font-size: 60px;
  }

  .features-process-path-2 {
    height: 100%;
    display: none;
  }

  .features-wrapper-2 {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr;
  }

  .features-mockups-wrapper-2 {
    display: none;
    top: 20%;
  }

  .features-process-2 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .features-process-item-3 {
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 0;
  }

  .features-mockups-wrapper-3 {
    display: none;
    top: 20%;
  }

  .list {
    padding-right: 10px;
  }

  .grid-2 {
    grid-template-columns: 1.5fr 1fr;
  }

  .heading-20 {
    color: var(--black);
    font-size: 27px;
  }

  .grid-3 {
    grid-template-columns: auto auto;
    grid-auto-flow: row;
    max-width: 386px;
  }

  .text-block-7 {
    flex-flow: row;
    max-width: 298px;
    display: block;
  }

  ._2-items-wrap-container.justify-center.gap-column-48px {
    grid-column-gap: 40px;
  }
}

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

  h2 {
    font-size: 30px;
  }

  .blur-image {
    filter: blur(100px);
  }

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

  .nav-button-wrapper {
    width: auto;
  }

  .container {
    width: 100%;
  }

  .primary-button {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
  }

  .button-arrow {
    padding: 6px;
  }

  .banner-block {
    padding-top: 60px;
    padding-bottom: 140px;
  }

  .counter-section {
    padding-top: 30px;
  }

  .counter-grid {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr;
  }

  .about-block {
    padding: 16px;
  }

  .about-grid {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .service-card {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .service-grid {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr;
  }

  .about-other-grid {
    grid-template-columns: 1fr;
  }

  .about-card-01 {
    width: 290px;
    min-width: 0;
    min-height: 350px;
  }

  .card-bg-image {
    width: 290px;
    height: 350px;
    line-height: 140%;
  }

  .about-card-02 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    justify-content: center;
    width: 290px;
    height: 470px;
  }

  .about-counter-number {
    width: 247px;
    height: 160px;
    font-size: 61px;
    font-weight: 600;
  }

  .about-counter-number.about-counter-number-01 {
    font-size: 130px;
    line-height: 100%;
  }

  .about-counter-number.about-counter-number-02 {
    font-size: 130px;
  }

  .about-detail-wrapper {
    justify-content: center;
    align-items: flex-start;
    height: 220px;
  }

  .about-card-03 {
    width: 290px;
    padding: 40px 16px;
  }

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

  .faq-qus {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    font-size: 14px;
  }

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

  .review-card {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
  }

  .our-account-grid {
    grid-template-columns: 1fr;
  }

  .our-account-card {
    padding: 30px 16px;
  }

  .cta-block {
    height: auto;
    padding-top: 40px;
    padding-bottom: 20px;
  }

  .cta-text {
    font-size: 40px;
  }

  .work-step-section {
    padding-bottom: 50px;
  }

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

  .footer-grid {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr;
    margin-bottom: 20px;
  }

  .footer-link-wrapper {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .footer-rights-grid {
    text-align: center;
    grid-template-columns: 1fr;
  }

  .footer-info {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .footer-wrapper {
    padding: 16px 0;
  }

  .partners-wrapper {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .value-section {
    padding-top: 0;
  }

  .value-grid {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .value-heading-wrapper {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .value-text {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
  }

  .value-wrapper, .value-block {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .value-icon-block {
    box-shadow: 1px 1px 0 .5px var(--white);
  }

  .section-wrapper {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    margin-bottom: 20px;
  }

  .team-grid, .help-client-grid {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr;
  }

  .help-client-card {
    padding: 16px;
  }

  .features-news {
    padding-top: 0;
    padding-left: 10px;
    padding-right: 10px;
  }

  .features-mockup-screen {
    flex-flow: column;
  }

  .features-image-05 {
    height: 100%;
  }

  .features-process {
    width: 270px;
  }

  .features-steps-wrapper {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .features-step-wrapper {
    width: 281px;
  }

  .features-number {
    font-size: 50px;
  }

  .features-wrapper {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    justify-content: flex-start;
    align-items: flex-start;
    height: 2330px;
  }

  .features-process-item {
    justify-content: flex-start;
    align-items: center;
    width: 280px;
    height: auto;
    padding: 0;
  }

  .features-mockups-wrapper {
    justify-content: flex-start;
    align-items: center;
    display: none;
    top: 30%;
  }

  .features-mockups-frame.res-hide {
    display: none;
  }

  .features-image-02, .features-image-03, .features-image-04 {
    height: 100%;
  }

  .pricing-tabs-menu {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-wrap: wrap;
    justify-content: center;
  }

  .pricing-section {
    margin-left: 0;
    margin-right: 0;
  }

  .pricing-tab-pane {
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .pricing-tab-standard {
    padding: 8px 16px;
  }

  .pricing-grid--mobile {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .pricing-grid-cell.pricing-grid-button {
    padding-top: 20px;
  }

  .blog-card {
    padding: 12px;
  }

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

  .input-field.message {
    min-height: 120px;
  }

  .input-wrapper {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    width: 100%;
  }

  .contact-form-grid {
    flex-direction: column;
    display: flex;
  }

  .contact-form-block {
    height: 592px;
  }

  .contact-grid {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .contact-heading-wrapper {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .contact-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    padding: 16px;
  }

  .contact-link-card {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    padding: 16px;
  }

  .contact-heading {
    font-size: 22px;
  }

  .acc-banner-section {
    height: 1010px;
  }

  .acc-section {
    height: auto;
  }

  .acc-form-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    padding: 16px;
  }

  .acc-form {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: block;
  }

  .acc-form-grid {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    display: flex;
  }

  .acc-submit-button {
    padding-left: 10px;
    display: block;
  }

  .acc-checkbox {
    flex: none;
    margin-top: 2px;
  }

  .below-card-link {
    margin-top: 14px;
    line-height: 130%;
  }

  ._404 {
    font-size: 130px;
  }

  .user-form-heading {
    text-align: center;
    margin-bottom: 6px;
    font-size: 34px;
  }

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

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

  .changelog-block {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    padding: 10px;
  }

  .changelog-link {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 19px;
  }

  .policy-text-list {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .inner-banner-block {
    padding: 40px 0;
  }

  .service-read-more {
    margin-top: 10px;
  }

  .service-list-card {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .service-list-grid {
    grid-row-gap: 30px;
    padding: 16px;
  }

  .value-heading {
    font-size: 22px;
  }

  .form-heading {
    font-size: 30px;
  }

  .pay-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    padding: 50px 16px 30px;
  }

  .pay-form-block {
    height: 460px;
  }

  .pay-close-icon {
    top: 16px;
    right: 16px;
  }

  .about-counter-number-wrapper {
    flex-flow: row;
    align-items: flex-end;
    height: 110px;
    max-height: 100px;
    line-height: 100%;
    display: flex;
  }

  .back-to-top {
    width: 40px;
    height: 40px;
    font-size: 16px;
  }

  .card-3d-block {
    width: 320px;
    height: 350px;
  }

  .tabs-menu {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    flex-flow: wrap;
  }

  .tab-link-tab-2 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .features-grid {
    grid-row-gap: 30px;
  }

  .features-detail {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .features-number-v2 {
    font-size: 50px;
  }

  .features-mockups-wrapper-v2 {
    justify-content: flex-start;
    align-items: center;
    top: 30%;
  }

  .features-mockup-screen-v2 {
    flex-flow: column;
  }

  .features-image-02-v2, .features-image-03-v2, .features-image-04-v2, .features-image-05-v2 {
    height: 100%;
  }

  .pop-up-wrapper {
    display: none;
  }

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

  .heading-3 {
    text-align: left;
    max-width: 142px;
    font-size: 15px;
  }

  .button-2 {
    min-width: 72px;
    font-size: 21px;
  }

  .heading-4, .heading-5 {
    text-align: right;
    font-size: 19px;
  }

  .heading-6 {
    color: var(--black);
    text-align: right;
    font-size: 15px;
  }

  .text-block-4 {
    font-size: 32px;
  }

  .features-process-item-2 {
    height: auto;
    padding: 0;
  }

  .features-number-2 {
    font-size: 50px;
  }

  .features-steps-wrapper-2 {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .features-wrapper-2 {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    justify-content: flex-start;
    align-items: flex-start;
    height: 3460px;
  }

  .features-mockups-wrapper-2 {
    justify-content: flex-start;
    align-items: center;
    display: none;
    top: 30%;
  }

  .features-process-item-3 {
    height: auto;
    padding: 0;
  }

  .features-mockups-wrapper-3 {
    justify-content: flex-start;
    align-items: center;
    display: none;
    top: 30%;
  }

  .list {
    padding-right: 0;
  }

  .heading-20 {
    color: var(--black);
    text-align: left;
    font-size: 23px;
    line-height: 120%;
  }

  .image-7 {
    width: 20%;
  }
}

#w-node-bd793eaa-9225-9313-1103-dc0f5856f0fb-ee650b50 {
  justify-self: start;
}

#w-node-dcff4cdc-7084-a3d0-714c-b01a91f8e4d5-ee650b50 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_8c33a7c0-f5d0-27ac-253a-ca146c76b614-ee650b50 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_5d537965-b702-4d7f-53fa-f966c4ba5be6-ee650b50, #w-node-f3fac0a6-e493-a7f5-c302-772fdf289f89-ee650b50 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_21f2ab9a-6425-10ee-2b03-3e575a212cae-5a212c68 {
  place-self: center start;
}

#w-node-_21f2ab9a-6425-10ee-2b03-3e575a212cb2-5a212c68 {
  place-self: center;
}

#w-node-_21f2ab9a-6425-10ee-2b03-3e575a212cb4-5a212c68 {
  place-self: center end;
}

#w-node-e40dfa5e-110f-a682-1a0c-876234e9be03-34e9bdf5 {
  align-self: start;
}

#w-node-e40dfa5e-110f-a682-1a0c-876234e9be04-34e9bdf5, #w-node-e40dfa5e-110f-a682-1a0c-876234e9be0c-34e9bdf5, #w-node-e40dfa5e-110f-a682-1a0c-876234e9be14-34e9bdf5, #w-node-e40dfa5e-110f-a682-1a0c-876234e9be1c-34e9bdf5, #w-node-e40dfa5e-110f-a682-1a0c-876234e9be24-34e9bdf5, #w-node-_5fbac09f-ce8e-a927-2668-6a85cc848047-34e9bdf5, #w-node-_7b3cc05d-3448-e101-94b7-bc240bc8c485-34e9bdf5, #w-node-cc570022-fb72-10fe-66f8-0a71afa3ac67-34e9bdf5, #w-node-_3e74259a-41ae-fcd0-e6e8-3e54c531d4a2-34e9bdf5, #w-node-a02668b4-dc49-62b4-5a0b-690b138e35c9-34e9bdf5, #w-node-_816404d6-6fcd-e1a9-a06c-a04517445bc1-34e9bdf5, #w-node-e40dfa5e-110f-a682-1a0c-876234e9be2c-34e9bdf5, #w-node-_6c7aed2e-ec46-351f-8de4-f9d4337e58c9-34e9bdf5, #w-node-e40dfa5e-110f-a682-1a0c-876234e9be34-34e9bdf5, #w-node-_887eb3f1-f1fc-8faf-11b0-a906f5f99e82-34e9bdf5, #w-node-_82c7b702-ee23-855e-6c7d-76aa6c617b3a-34e9bdf5, #w-node-_032032a3-69b6-ad5c-bd63-a26c15421206-34e9bdf5, #w-node-b96c563f-f86d-4bcf-ad71-0079e105f696-d8b294ff, #w-node-b96c563f-f86d-4bcf-ad71-0079e105f69a-d8b294ff, #w-node-b96c563f-f86d-4bcf-ad71-0079e105f69e-d8b294ff, #w-node-b96c563f-f86d-4bcf-ad71-0079e105f6a2-d8b294ff {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b96c563f-f86d-4bcf-ad71-0079e105f6a7-d8b294ff {
  place-self: center start;
}

#w-node-_3783f8e5-2086-b09e-7a0c-d44eaef9128b-d8b294ff, #w-node-_3783f8e5-2086-b09e-7a0c-d44eaef9128f-d8b294ff, #w-node-_3783f8e5-2086-b09e-7a0c-d44eaef91293-d8b294ff, #w-node-_3783f8e5-2086-b09e-7a0c-d44eaef91297-d8b294ff {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3783f8e5-2086-b09e-7a0c-d44eaef9129c-d8b294ff {
  place-self: center start;
}

#w-node-ef45bfbe-9f31-2e13-63b5-105085257321-ee650bcf {
  align-self: center;
}

#w-node-f7036120-a1f0-2d4c-4a20-5455d629446f-ee650bd3, #w-node-_53086ea2-053a-8a9f-0f2c-c78958573229-ee650bd3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f7036120-a1f0-2d4c-4a20-5455d629447f-ee650bd3 {
  place-self: center start;
}

#w-node-f7036120-a1f0-2d4c-4a20-5455d629446f-ee650bd4, #w-node-f7036120-a1f0-2d4c-4a20-5455d6294473-ee650bd4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f7036120-a1f0-2d4c-4a20-5455d629447f-ee650bd4 {
  place-self: center start;
}

#w-node-f7036120-a1f0-2d4c-4a20-5455d629446f-ee650be8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f7036120-a1f0-2d4c-4a20-5455d629447f-ee650be8 {
  place-self: center start;
}

#w-node-_9bc6a9b2-4ec7-9cd8-9972-f36a17dedeba-ee650bfe, #w-node-_7ac5c118-4f37-b013-a751-c078f5f2bb46-ee650bfe, #w-node-_7ac5c118-4f37-b013-a751-c078f5f2bb4a-ee650bfe, #w-node-_7ac5c118-4f37-b013-a751-c078f5f2bb4e-ee650bfe, #w-node-_7ac5c118-4f37-b013-a751-c078f5f2bb52-ee650bfe {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7ac5c118-4f37-b013-a751-c078f5f2bb56-ee650bfe {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_7ac5c118-4f37-b013-a751-c078f5f2bb5a-ee650bfe, #w-node-_13ca2788-c9f4-0324-b34d-283d3d177990-ee650c18 {
  place-self: center start;
}

#w-node-d5f93d53-183b-54a0-fea2-7c53e4bab01e-ee650c18, #w-node-d5f93d53-183b-54a0-fea2-7c53e4bab022-ee650c18, #w-node-d5f93d53-183b-54a0-fea2-7c53e4bab026-ee650c18 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d5f93d53-183b-54a0-fea2-7c53e4bab02c-ee650c18 {
  place-self: center start;
}

#w-node-fb4f45d8-00c6-66a6-7fda-10897485389f-ee650c1a {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_13ca2788-c9f4-0324-b34d-283d3d177988-fe5a6e90, #w-node-_13ca2788-c9f4-0324-b34d-283d3d17798c-fe5a6e90, #w-node-_5da12a25-9e19-2831-008b-f9673f1a7428-fe5a6e90, #w-node-_64f1bf24-1cd2-75b1-3135-128e1077c523-fe5a6e90 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_13ca2788-c9f4-0324-b34d-283d3d177990-fe5a6e90 {
  place-self: center start;
}

#w-node-_58e7fda5-ede6-c6cd-1936-9f4f7ba311af-f765afe0 {
  justify-self: center;
}

#w-node-_58e7fda5-ede6-c6cd-1936-9f4f7ba311c4-f765afe0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_58e7fda5-ede6-c6cd-1936-9f4f7ba311d3-f765afe0, #w-node-_58e7fda5-ede6-c6cd-1936-9f4f7ba311e2-f765afe0, #w-node-_58e7fda5-ede6-c6cd-1936-9f4f7ba311f1-f765afe0 {
  align-self: center;
}

#w-node-_13ca2788-c9f4-0324-b34d-283d3d177988-0777cdc2 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_13ca2788-c9f4-0324-b34d-283d3d177990-0777cdc2 {
  place-self: center start;
}

@media screen and (min-width: 1440px) {
  #w-node-_818eb5d5-48b7-0d53-3348-8743d3478c3b-ee650b50, #w-node-_8c33a7c0-f5d0-27ac-253a-ca146c76b614-ee650b50, #w-node-_8d3ef55e-14fd-8aae-ef69-bb7d5d44aa76-0777cdc2 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 991px) {
  #w-node-d038f75c-7ac4-d471-3ece-532173b5f72c-ee650b50, #w-node-bfb9bac3-bbb4-1e47-6bd2-6472bbe614b0-ee650b50, #w-node-acd60e5a-a73c-2a4d-d1cc-737e9bedbb75-ee650b50 {
    order: -9999;
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_8c33a7c0-f5d0-27ac-253a-ca146c76b614-ee650b50 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_8d3ef55e-14fd-8aae-ef69-bb7d5d44aa79-0777cdc2 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 767px) {
  #w-node-dcff4cdc-7084-a3d0-714c-b01a91f8e4d5-ee650b50, #w-node-_5d537965-b702-4d7f-53fa-f966c4ba5be6-ee650b50, #w-node-f3fac0a6-e493-a7f5-c302-772fdf289f89-ee650b50 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_21f2ab9a-6425-10ee-2b03-3e575a212cae-5a212c68 {
    order: 9999;
    grid-area: span 1 / span 2 / span 1 / span 2;
    place-self: center;
  }

  #w-node-_21f2ab9a-6425-10ee-2b03-3e575a212cb2-5a212c68 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    place-self: center start;
  }

  #w-node-fb4f45d8-00c6-66a6-7fda-10897485389f-ee650c1a {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_4ad098c0-2167-01da-0563-bd59c15f4448-0777cdc2, #w-node-_8d3ef55e-14fd-8aae-ef69-bb7d5d44aa79-0777cdc2 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 479px) {
  #w-node-dcff4cdc-7084-a3d0-714c-b01a91f8e4d5-ee650b50 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-d038f75c-7ac4-d471-3ece-532173b5f72c-ee650b50, #w-node-bfb9bac3-bbb4-1e47-6bd2-6472bbe614b0-ee650b50, #w-node-acd60e5a-a73c-2a4d-d1cc-737e9bedbb75-ee650b50 {
    order: -9999;
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_8c33a7c0-f5d0-27ac-253a-ca146c76b614-ee650b50, #w-node-_5d537965-b702-4d7f-53fa-f966c4ba5be6-ee650b50, #w-node-f3fac0a6-e493-a7f5-c302-772fdf289f89-ee650b50 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_21f2ab9a-6425-10ee-2b03-3e575a212cae-5a212c68 {
    order: 9999;
    grid-area: span 1 / span 1 / span 1 / span 1;
    place-self: center;
  }

  #w-node-_21f2ab9a-6425-10ee-2b03-3e575a212cb2-5a212c68, #w-node-_21f2ab9a-6425-10ee-2b03-3e575a212cb4-5a212c68 {
    justify-self: center;
  }

  #w-node-fb4f45d8-00c6-66a6-7fda-108974853854-ee650c1a, #w-node-fb4f45d8-00c6-66a6-7fda-10897485389f-ee650c1a {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}