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

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

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

:root {
  --dark-knight: #171c29;
  --_size---container: 80rem;
  --_size---padding-global: 2.5rem;
  --_color---sec: #5fec5f;
  --_color---background-primary: #010101;
  --_font---font-family: Inter, sans-serif;
  --white: #fff;
  --elements-webflow-library--neutral--300: #eff0f6;
  --untitled-ui--gray500: #667085;
  --elements-webflow-library--neutral--100: white;
  --untitled-ui--primary100: #f4ebff;
  --bg-button: #98a2b345;
  --elements-webflow-library--neutral--600: #6e7191;
  --untitled-ui--gray900: #101828;
  --_color---brand-color: #0545f5;
  --elements-webflow-library--accent--primary-1: #4a3aff;
  --elements-webflow-library--general--shadow-04: #14142b24;
  --elements-webflow-library--neutral--800: #211f54;
  --untitled-ui--gray50: #f9fafb;
  --untitled-ui--gray200: #eaecf0;
  --untitled-ui--warning300: #fec84b;
  --untitled-ui--gray600: #475467;
  --untitled-ui--white: white;
  --elements-webflow-library--secondary--color-1: #281ca5;
  --elements-webflow-library--secondary--color-2: #f2f1ff;
  --elements-webflow-library--general--shadow-02: #14142b14;
  --elements-webflow-library--general--shadow-03: #14142b1a;
  --untitled-ui--primary600: #7f56d9;
  --untitled-ui--primary700: #6941c6;
  --untitled-ui--gray400: #98a2b3;
}

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

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

@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 {
  color: #333;
  --_size---container: 80rem;
  --_size---padding-global: 2.5rem;
  --_font---font-family: Inter, sans-serif;
  ---mode--collection-384370d5-d0cd-19f1-7843-a5b5854d3c87: mode-f4d56976-a1c3-2fff-29e9-2a469893b086;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

h1 {
  color: var(--dark-knight);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 4rem;
  font-weight: 700;
  line-height: 1.4em;
}

h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 700;
  line-height: 36px;
}

h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
}

p {
  margin-bottom: 0;
}

.page-wrapper {
  overflow: clip;
}

.nav-menu-item {
  color: #211f54;
  height: 1.5rem;
  padding: 0;
  font-size: 18px;
  line-height: 20px;
  text-decoration: none;
  transition: color .3s;
  overflow: hidden;
}

.nav-menu-item.w--current {
  color: #483aeb;
}

.body {
  color: var(--dark-knight);
  font-family: Inter, sans-serif;
  font-size: 1rem;
  line-height: 1.2em;
}

.button-flex {
  z-index: 2;
  height: 1.59961rem;
  line-height: 142%;
  position: relative;
  overflow: hidden;
}

.brand {
  width: 100%;
  max-width: 152px;
  padding-left: 0;
}

.omega-logo {
  width: 100%;
}

.nav-link {
  text-transform: capitalize;
  padding-top: 2px;
  padding-bottom: 2px;
  text-decoration: none;
  overflow: hidden;
}

.nav-menu-list {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
}

.container {
  max-width: var(--_size---container);
  padding-right: var(--_size---padding-global);
  padding-left: var(--_size---padding-global);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.primary-button {
  background-color: var(--_color---sec);
  color: #fff;
  border-radius: 2rem;
  justify-content: center;
  align-items: center;
  padding: 1rem 1.5rem;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.nav-button-slot.is-show-mobile {
  display: none;
}

.link-block-underline {
  background-color: #fff;
  width: 100%;
  height: 1px;
  position: relative;
}

.nav-menu-link {
  color: #fff;
  background-color: #0000;
  font-size: 1rem;
  font-weight: 400;
  transition: all .3s;
}

.nav-menu-link.w--current {
  color: #fefefe;
}

.navbar {
  background-color: var(--_color---background-primary);
  border-bottom: 1px solid #ffffff1a;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  position: absolute;
  inset: 0% 0% auto;
}

.button-text {
  color: var(--dark-knight);
  font-family: Inter, sans-serif;
  font-weight: 500;
  line-height: 160%;
}

.button-text._01 {
  font-size: 1rem;
}

.button-text._02 {
  font-family: futura bold, Arial, sans-serif;
  font-size: 1rem;
}

.menu-list-wrapper {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  display: flex;
}

.navbar-inner {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.button-bg {
  border: 1px solid var(--_color---sec);
  background-color: var(--dark-knight);
  border-radius: 2rem;
  width: .625rem;
  height: 3.59961rem;
  position: absolute;
  inset: 0%;
}

.section.hero {
  background-color: var(--_color---background-primary);
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  padding-top: 12rem;
  padding-bottom: 8rem;
  display: flex;
  position: relative;
}

.section.service {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.section.about {
  background-color: var(--_color---background-primary);
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.section.work-process {
  padding-top: 6rem;
  padding-bottom: 12.2rem;
  position: relative;
}

.section.project {
  background-color: var(--_color---background-primary);
  padding-top: 6rem;
  padding-bottom: 10rem;
  display: none;
  position: relative;
}

.section.testimonials, .section.cta {
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.section.contact {
  background-color: var(--_color---background-primary);
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.hero-content-wrap {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: column;
  display: flex;
}

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

.hero-bottom-content {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 2.75fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  place-items: start stretch;
  display: grid;
  overflow: visible;
}

.heading {
  font-family: var(--_font---font-family);
  color: var(--white);
  max-width: 700px;
  font-size: 3.9rem;
  line-height: 1.1em;
}

.span {
  color: var(--_color---sec);
}

.heading-tag-wrap {
  grid-column-gap: .375rem;
  grid-row-gap: .375rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.heading-tag-bar {
  background-color: var(--_color---sec);
  filter: blur(2px);
  width: 1.5rem;
  height: .125rem;
}

.hero-tag {
  color: var(--elements-webflow-library--neutral--300);
  font-size: 1.2rem;
}

.hero-tag.black {
  color: var(--dark-knight);
}

.hero-top-left {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  display: flex;
}

.hero-top-right {
  display: flex;
  position: relative;
  right: 10px;
}

.cicle-round-bg-wrap {
  background-color: var(--_color---sec);
  filter: blur(2px);
  border-radius: 100%;
  width: 9.375rem;
  height: 9.375rem;
}

.cicle-round-image {
  border: 1px solid var(--untitled-ui--gray500);
  color: #ccc;
  border-radius: 100%;
  flex: none;
  width: 9.375rem;
  height: 9.375rem;
  padding: 10px;
}

.cicle-round-image-main-wrap {
  position: absolute;
  left: 44px;
}

.hero-inner-wrap {
  filter: drop-shadow(-20px 2px 20px #00000091);
  background-color: #8b8b8b17;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
  position: relative;
}

.hero-arrow-icon-wrap {
  background-color: var(--_color---sec);
  border-radius: 6.25rem;
  justify-content: center;
  align-items: center;
  width: 3.125rem;
  height: 3.125rem;
  display: flex;
  position: absolute;
  inset: auto;
}

.ikonik-88cyeh {
  color: #fff;
}

.hero-short-details {
  color: var(--white);
  line-height: 1.5rem;
}

.hero-short-details-wrap {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  max-width: 35rem;
  display: flex;
}

.hero-bottom-content-left {
  object-fit: contain;
  object-position: 50% 100%;
  border-radius: 10px;
  width: 100%;
  max-width: 100%;
  height: 100%;
  position: relative;
  overflow: visible;
}

.hero-bottom-image-wrap {
  width: 100%;
  height: 100%;
  max-height: 22.9rem;
  position: relative;
}

.hero-bottom-right-content-wrap {
  grid-column-gap: 1.875rem;
  grid-row-gap: 1.875rem;
  background-color: var(--_color---sec);
  border-radius: .625rem;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  height: 100%;
  padding: 2rem 1rem;
  display: flex;
}

.hero-bottom-right-content-top {
  grid-column-gap: .4375rem;
  grid-row-gap: .4375rem;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  height: 100%;
  display: flex;
}

.hero-bottom-right-text-details {
  color: var(--dark-knight);
  font-size: 1.2rem;
  font-weight: 400;
}

.hero-bottom-right-text-wrap, .hero-bottom-right-details-wrap {
  display: inline-flex;
}

.hero-bottom-right-title-details {
  color: var(--dark-knight);
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 1.4em;
}

.hero-bottom-image-main {
  object-fit: cover;
  object-position: 82% 3%;
  border-radius: .5rem;
  width: 100%;
  height: 100%;
}

.hero-bottom-star-bg-wrap {
  z-index: 2;
  position: absolute;
  inset: auto -4% 53% auto;
}

.hero-star-bg {
  z-index: 5;
  color: var(--_color---sec);
  width: 5.4rem;
  position: relative;
}

.hero-user-main-wrap {
  background-color: var(--_color---sec);
  border: 6px solid #000;
  border-radius: 15px;
  justify-content: center;
  align-items: center;
  max-width: 14.5rem;
  margin-left: auto;
  margin-right: auto;
  display: inline-flex;
  position: absolute;
  inset: auto 0% -1%;
}

.hero-user-left-head-wrap {
  width: 125px;
  display: inline-flex;
  position: relative;
}

.hero-avater {
  border-radius: 100%;
  width: 3rem;
  height: 3rem;
}

.hero-avater-wrap {
  background-color: var(--elements-webflow-library--neutral--100);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 3.4rem;
  height: 3.4rem;
  display: flex;
  position: relative;
}

.hero-avater-wrap._04 {
  z-index: 1;
  position: absolute;
  left: 90px;
}

.hero-avater-wrap._02 {
  z-index: 1;
  position: absolute;
  left: 28px;
}

.hero-avater-wrap._03 {
  z-index: 1;
  position: absolute;
  left: 60px;
}

.hero-avater-inner-main {
  background-color: var(--_color---background-primary);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  display: flex;
}

.hero-user-count-numberg-head {
  font-family: var(--_font---font-family);
  color: var(--dark-knight);
  border-radius: 0;
  font-size: 1.2rem;
  font-weight: 600;
}

.hero-carasol {
  background-color: var(--_color---sec);
  justify-content: flex-start;
  align-items: center;
  height: 71px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.hero-carasol-text-main-wrap {
  display: flex;
}

.hero-carasol-text-inner-wrap {
  grid-column-gap: 1.1875rem;
  grid-row-gap: 1.1875rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.hero-carasol-text {
  color: var(--dark-knight);
  font-size: 1.7rem;
  font-weight: 700;
  line-height: 1.3em;
}

.review {
  color: var(--dark-knight);
}

.hero-svg-carsol {
  color: var(--dark-knight);
  width: 1.5rem;
  height: 1.5rem;
}

.hero-carasol-text-carasol {
  grid-column-gap: 1.8rem;
  grid-row-gap: 1.8rem;
  flex: none;
  margin-right: .625rem;
  display: flex;
}

.service-content-wrap {
  grid-column-gap: 4.0625rem;
  grid-row-gap: 4.0625rem;
  flex-flow: column;
  display: flex;
}

.service-contnet-heading {
  grid-column-gap: 1.375rem;
  grid-row-gap: 1.375rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.service-contnet-heading.new {
  flex-flow: row;
  justify-content: center;
  align-items: flex-end;
}

.service-contnet-heading._100 {
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
}

.service-heading-left-content {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  flex-flow: column;
  display: flex;
}

.service-heading-left-content._50 {
  width: 50%;
}

.service-heading-left-content._50.center {
  justify-content: flex-start;
  align-items: center;
}

.service-heading-right-content {
  border-left: .1875rem solid var(--_color---sec);
  padding-left: .625rem;
}

.service-heading-right-content._50 {
  width: 50%;
}

.service-heading-right-content._50.none {
  display: none;
}

.service-heading-right-content.border-none, .service-heading-right-content.bodernone {
  border-left-style: none;
}

.section-heading-left-wrap.center {
  text-align: center;
}

.section-heading-left-wrap.large {
  max-width: 60%;
}

.section-heading {
  font-family: var(--_font---font-family);
  color: var(--_color---background-primary);
  font-size: 3.5rem;
  line-height: 1.3em;
}

.section-heading.white {
  color: var(--white);
  font-size: 3rem;
}

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

.section-heading-short {
  color: var(--dark-knight);
  font-size: 1.2rem;
  line-height: 1.5em;
}

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

.service-faq-content-wrap {
  grid-column-gap: 21px;
  grid-row-gap: 21px;
  flex-flow: column;
  display: flex;
}

.service-card {
  background-color: #f6f7f9;
  border: 1px solid #0000;
  border-radius: 8px;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  overflow: hidden;
}

.faq-content {
  background-color: #0000;
  margin-top: -4px;
  display: block;
  position: relative;
}

.faq-tab {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  padding-bottom: 16px;
  padding-left: 16px;
  padding-right: 16px;
  display: flex;
  position: relative;
}

.faq-title {
  z-index: 2;
  flex-flow: column;
  width: 100%;
  padding: 16px;
  display: flex;
}

.button-secondary-light {
  color: #23272f;
  border-radius: 2.4rem;
  flex: none;
  justify-content: center;
  align-items: center;
  padding: 0;
  text-decoration: none;
  display: inline-flex;
}

.faq-title-wrapper {
  grid-column-gap: 19px;
  grid-row-gap: 19px;
  white-space: pre-wrap;
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr .25fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  display: grid;
}

.service-card-number {
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.4em;
}

.service-card-title-wrap {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.service-card-title {
  color: var(--_color---background-primary);
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.4em;
}

.service-card-title-tags-wrap {
  font-family: var(--_font---font-family);
  text-transform: capitalize;
  flex-flow: wrap;
  font-weight: 700;
  display: flex;
}

.service-card-title-tag {
  border: 1px solid var(--untitled-ui--primary100);
  background-color: var(--white);
  border-radius: 1.25rem;
  justify-content: center;
  align-items: center;
  padding: .5rem 1rem;
  display: inline-flex;
}

.service-card-title-wrap-v2 {
  grid-column-gap: .375rem;
  grid-row-gap: .375rem;
  flex-flow: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.service-card-thumbnail-wrap {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.image {
  filter: none;
  object-fit: cover;
  border-top-left-radius: .9375rem;
  border-top-right-radius: .9375rem;
  width: 100%;
  max-width: 423px;
}

.service-card-details-text {
  color: var(--_color---background-primary);
  font-size: 1.1rem;
  font-weight: 400;
  line-height: 1.4em;
}

.service-card-details-text-wrap {
  text-align: center;
  width: 100%;
  max-width: 45.5625rem;
}

.about-content-wrap {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.about-content-left {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  width: 50%;
  display: flex;
  position: relative;
}

.about-content-right {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50%;
  display: flex;
}

.about-content-thumbanil-wrap {
  object-fit: cover;
  height: 100%;
  max-height: 28.25rem;
  position: relative;
  overflow: hidden;
}

.about-content-thumbanil {
  filter: none;
  -webkit-text-fill-color: inherit;
  object-fit: cover;
  background-clip: border-box;
  border-radius: 10px;
  width: 100%;
  max-width: 606px;
  height: 100%;
}

.about-content-bottom {
  grid-column-gap: 13px;
  grid-row-gap: 13px;
  background-color: var(--_color---sec);
  border-radius: 11px;
  justify-content: center;
  align-items: center;
  padding: 1rem;
  display: flex;
}

.numberhere {
  color: var(--dark-knight);
  font-family: Montserrat, sans-serif;
  font-size: 3.6rem;
  font-weight: 900;
  line-height: 1.3em;
}

.text-about-content-text {
  font-size: 1.4rem;
  font-weight: 500;
}

.text-about-content-text._02 {
  font-size: .9rem;
}

.text-about-content-text._01 {
  font-family: futura Medium, Arial, sans-serif;
  font-size: 1.7rem;
  font-weight: 600;
}

.about-content-left-content-inner-wrap {
  background-color: var(--dark-knight);
  border-radius: 1rem;
  width: 45%;
  padding: 5px;
  position: absolute;
  inset: auto -3% -1% -2px;
}

.about-point-wrap {
  background-color: var(--_color---sec);
  border-radius: 100%;
  width: 1.4rem;
  height: 1.4rem;
}

.point-cheack-icon {
  width: 1.3rem;
  height: 1.3rem;
}

.about-pointa {
  grid-column-gap: .3125rem;
  grid-row-gap: .3125rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.about-point-text {
  color: var(--white);
}

.about-points-main {
  grid-column-gap: 11px;
  grid-row-gap: 11px;
  flex-flow: column;
  display: flex;
}

.process-content-wrap {
  grid-column-gap: 3.5rem;
  grid-row-gap: 3.5rem;
  flex-flow: column;
  display: flex;
}

.how-to-work-text-content {
  font-family: var(--_font---font-family);
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.2em;
}

.how-it-work-wap {
  grid-column-gap: 2.1875rem;
  grid-row-gap: 2.1875rem;
  display: flex;
}

.how-to-work-text-content-wrap {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.how-to-work-icon-wrap {
  background-color: var(--_color---sec);
  border-radius: 6249.94rem;
  justify-content: center;
  align-items: center;
  width: 6rem;
  height: 6rem;
  padding: .8rem;
  display: flex;
  position: relative;
}

.icon-process-card {
  color: var(--_color---sec);
  width: 4rem;
  height: 4rem;
}

.text-content-wrap {
  text-align: center;
  max-width: 20rem;
}

.how-to-work-icon-wrap-main {
  grid-column-gap: 1.125rem;
  grid-row-gap: 1.125rem;
  border-radius: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 1rem;
  display: flex;
}

.project-content-wrap {
  grid-column-gap: 3.75rem;
  grid-row-gap: 3.75rem;
  flex-flow: column;
  display: flex;
}

.project-cards {
  grid-column-gap: 2.0625rem;
  grid-row-gap: 2.0625rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.project-card {
  grid-column-gap: 23px;
  grid-row-gap: 23px;
  background-color: #181818;
  border-radius: .875rem;
  flex-flow: column;
  max-width: 597px;
  padding: 1rem;
  display: inline-flex;
}

.project-card-thumbnail-wrap {
  border-radius: 16px;
  height: 100%;
  max-height: 20rem;
  overflow: hidden;
}

.work-process-card-thumbnail {
  object-fit: cover;
  object-position: 24% 50%;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  height: 412px;
}

.work-process-card-thumbnail._02 {
  object-position: 50% 50%;
  height: 100%;
}

.project-card-tags-wrap {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  display: flex;
}

.project-card-tag {
  border-right: 1px solid var(--white);
  border-left: 1px solid var(--white);
  background-color: #ffffff05;
  border-radius: 1.25rem;
  margin-top: 0;
  padding: .5rem 1rem;
  display: inline-flex;
  position: relative;
}

.project-card-tag-text {
  z-index: 3;
  color: var(--white);
  font-weight: 500;
  position: relative;
}

.projeact-card-details {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.projeact-card-details-left {
  width: 100%;
  max-width: 35.9375rem;
}

.project-card-heading {
  color: var(--white);
  font-family: futura Medium, Arial, sans-serif;
  font-size: 1.7rem;
  font-weight: 500;
  line-height: 1.3em;
}

.project-card-button {
  background-color: var(--bg-button);
  color: #211f54;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 4.375rem;
  height: 4.375rem;
  font-size: 18px;
  line-height: 20px;
  text-decoration: none;
  transition: color .3s;
  display: flex;
}

.project-card-button:hover {
  color: #4a3aff;
}

.arrow-icon {
  color: #fff;
  width: 41px;
  height: 38px;
}

.testimonial-content-wrap {
  grid-column-gap: 2.3rem;
  grid-row-gap: 2.3rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.testimonials-slider-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-height: 40rem;
  font-size: .8rem;
  display: flex;
  position: relative;
  overflow: clip;
}

.faq-content-wrap {
  grid-column-gap: 3.75rem;
  grid-row-gap: 3.75rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.faq-icon {
  color: #23272f;
  background-color: #0000;
  border-radius: 99px;
  flex: none;
  justify-content: center;
  align-items: center;
  padding: 4px;
  display: flex;
  position: relative;
}

.faq-divider {
  background-color: #d5d9e2;
  width: 100%;
  height: .5px;
}

.faq-tab-2 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  max-width: 60rem;
  padding-bottom: 16px;
  padding-left: 16px;
  padding-right: 16px;
  display: flex;
}

.faq-question {
  margin-bottom: 0;
  font-size: 1.1rem;
  font-weight: 600;
  line-height: 24px;
}

.faq-title-2 {
  z-index: 2;
  flex-flow: column;
  width: 100%;
  padding: 16px;
  display: flex;
}

.faq-title-wrapper-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  white-space: pre-wrap;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.plus-icon {
  z-index: 4;
  width: 1.5625rem;
  height: 1.5625rem;
  position: absolute;
}

.faq-border {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #0000;
  border: .5px solid #d5d9e2;
  border-radius: 12px;
  flex-flow: column;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 8px;
  display: flex;
  overflow: hidden;
}

.faq-answer {
  font-size: 1.1rem;
  line-height: 1.3rem;
}

.minus-icon {
  width: 2.1rem;
  height: 1.8rem;
  position: absolute;
}

.faq {
  background-color: #fff;
  border-radius: 8px;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  overflow: hidden;
}

.bold-text-2 {
  font-size: 1.1rem;
}

.icon-success-message-big {
  width: 60px;
  margin-bottom: 10px;
}

.color-neutral-802 {
  color: var(--dark-knight);
}

.contact-form-wrap {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.input {
  color: var(--elements-webflow-library--neutral--600);
  background-color: #fff;
  border: .0625rem solid #eff0f6;
  border-radius: .25rem;
  min-height: 3.4375rem;
  margin-bottom: 0;
  padding: 1rem;
  font-size: 18px;
  line-height: 20px;
  transition: box-shadow .3s, color .3s, border-color .3s;
  box-shadow: 0 2px 7px #14142b14;
}

.input:hover {
  border-color: #4a3aff;
  box-shadow: 0 2px 12px #14142b1a;
}

.input:focus {
  color: #211f54;
  border-color: #4a3aff;
}

.input::placeholder {
  color: #6e7191;
  font-size: 18px;
}

.footer-social-icon {
  background-color: var(--_color---sec);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
}

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

.contact-right {
  background-color: var(--_color---sec);
  border-radius: 20px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 40%;
  padding: 2rem;
  display: flex;
}

.contact-form-wrapper {
  grid-column-gap: 2.375rem;
  grid-row-gap: 2.375rem;
  grid-template-rows: auto;
  grid-template-columns: .95fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: stretch;
  height: 100%;
  display: flex;
}

.error-message {
  color: #ff5a65;
  text-align: center;
  background-color: #ffeff0;
  border-radius: 16px;
  margin-top: 20px;
  padding: 20px 24px;
  font-size: 18px;
  line-height: 30px;
}

.text-area {
  background-color: #fff;
  border: .0625rem solid #eff0f6;
  border-radius: .25rem;
  min-height: 6.875rem;
  padding: 1rem 1.5rem;
  font-size: 1.125rem;
  line-height: 1.2em;
  transition: box-shadow .3s, color .3s, border-color .3s;
  box-shadow: 0 2px 7px #14142b14;
}

.text-area:hover {
  border-color: #4a3aff;
  box-shadow: 0 2px 12px #14142b1a;
}

.text-area:focus {
  color: #211f54;
  border-color: #4a3aff;
}

.text-area::placeholder {
  color: #6e7191;
  font-size: 18px;
}

.success-message {
  background-color: var(--_color---sec);
  color: #fff;
  border-radius: 24px;
  padding: 28px 28px 32px;
  font-size: 18px;
  line-height: 30px;
}

.contact-content-wrap {
  grid-column-gap: 52px;
  grid-row-gap: 52px;
  flex-flow: column;
  display: flex;
}

.submit-button {
  background-color: #0000;
  padding: 0;
  display: inline-flex;
}

.footer-list-wrapper {
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
}

.input-form {
  background-color: var(--bg-button);
  color: var(--white);
  border: none;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 5px;
  height: 100%;
  margin-bottom: 0;
}

.input-form::placeholder {
  color: #fff;
}

.footer-link {
  color: #f2f1ff;
  font-size: 19px;
  line-height: 20px;
  text-decoration: none;
  transition: color .3s;
}

.footer-link:hover {
  color: #6e7191;
}

.form-icon {
  color: var(--dark-knight);
  width: 20px;
  height: 20px;
}

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

.footer-top-main {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.8fr;
  justify-content: space-between;
  place-items: center stretch;
  display: flex;
}

.footer-bottom {
  border-top: 1px solid var(--untitled-ui--gray900);
  background-color: var(--_color---background-primary);
  color: #6e7191;
  text-align: center;
  padding-top: 32px;
  padding-bottom: 32px;
  font-size: 18px;
  line-height: 30px;
}

.footer-connect-today {
  font-family: var(--_font---font-family);
  font-weight: 600;
  text-decoration: none;
}

.submit-button-2 {
  background-color: var(--_color---sec);
  justify-content: center;
  align-items: center;
  width: 59px;
  height: 100%;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.mg-bottom-16px {
  margin-bottom: 0;
}

.footer-get {
  color: #fff;
  font-size: 1.8rem;
  line-height: 1.2em;
}

.footer-center-quick {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  width: 20%;
  display: flex;
}

.buttons-row-right---t-left {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.footer-center-grid {
  grid-column-gap: 2.3125rem;
  grid-row-gap: 2.3125rem;
  grid-template-rows: auto;
  grid-template-columns: 2fr 1fr 1fr 1fr 1fr;
  justify-content: space-between;
  place-items: flex-start stretch;
  display: flex;
}

.footer-center {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.socials-2 {
  color: #fff;
  border-radius: 14px;
  width: 1.75rem;
  height: 1.6rem;
}

.form {
  border-radius: 1.375rem;
  justify-content: flex-start;
  align-items: center;
  max-width: 20.875rem;
  height: 3.25rem;
  display: flex;
  overflow: hidden;
}

.footer-grid-left {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 40%;
  display: flex;
}

.footer-wrapper {
  background-color: var(--_color---background-primary);
  border-top: 1px solid #eff0f6;
  padding-top: 3rem;
}

.footer-left-content-wrap {
  grid-column-gap: 1.0625rem;
  grid-row-gap: 1.0625rem;
  flex-flow: column;
  margin-bottom: 0;
  display: flex;
}

.footer-top-text {
  color: #fff;
  font-size: 2.7rem;
  line-height: 1.3em;
  text-decoration: none;
}

.span-2 {
  color: var(--_color---sec);
}

.text-block-3 {
  color: #fff;
}

.footer-logo-2 {
  transform-style: preserve-3d;
  width: 14.875rem;
  transition: transform .3s;
}

.footer-logo-2:hover {
  transform: scale3d(.97, .97, 1.01);
}

.footer-list-item {
  margin-bottom: 18px;
  padding-left: 0;
}

.footer-sub-details {
  color: #fff;
  font-size: 1.2rem;
  line-height: 1.4rem;
}

.footer-col-title {
  color: #fff;
  margin-bottom: 0;
  font-size: 1.375rem;
  font-weight: 700;
  line-height: 1.2em;
}

.card-main-wrap {
  width: 100%;
  height: 100%;
}

.hero-bottom-right-title-details-number-text {
  color: var(--dark-knight);
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 1.4em;
}

.numberherofirst, .numberherosecond, .numberherothirdone {
  color: var(--dark-knight);
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.4em;
}

.see-more-button {
  justify-content: flex-start;
  align-items: center;
  margin-top: 60px;
  margin-right: auto;
  display: flex;
}

.see-more-button.center {
  justify-content: center;
  align-items: center;
  margin-left: auto;
}

.text-block-4, .alt-text {
  display: none;
}

.menu-navigation {
  width: 250px;
  height: 250px;
}

.path-d4knd {
  color: var(--dark-knight);
  border-radius: 13px;
}

.success-message-2 {
  background-color: var(--_color---sec);
  border-radius: 13px;
}

.text-block-5 {
  color: var(--_color---background-primary);
  font-size: 1.1rem;
}

.error-message-2 {
  text-align: center;
  border-radius: 10px;
}

.image-2 {
  filter: none;
  object-fit: cover;
  object-position: 93% 50%;
  border-radius: 17px;
  height: 100%;
}

.circle-2 {
  color: var(--_color---sec);
}

.success-message-text {
  color: var(--dark-knight);
}

.faq-bg {
  background-image: linear-gradient(180deg, #0000, var(--_color---sec));
  width: 20%;
  height: 100px;
  position: absolute;
  inset: auto 0% 0%;
  transform: translate(-65px, 34px)rotate(34deg);
}

.faq-bg._02 {
  inset: auto 0% 0% auto;
  transform: translate(47px, 43px)rotate(-37deg);
}

.bs-light-arrow-wrap {
  background-color: var(--white);
  border-radius: 100%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
}

.bs-light-arrow-wrap._01, .bs-light-arrow-wrap._02 {
  width: 3rem;
  height: 3rem;
}

.bs-light-arrow {
  width: 1.5rem;
  height: 1.5rem;
}

.bs-light-text-wrap {
  background-color: var(--_color---sec);
  border-radius: 625000000rem;
  flex: none;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 3rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  display: flex;
}

.button-secondary-dark {
  color: var(--_color---background-primary);
  justify-content: flex-start;
  align-items: center;
  width: auto;
  text-decoration: none;
  display: flex;
}

.bs-dark-arrow-wrap {
  background-color: var(--white);
  border-radius: 100%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
}

.bs-dark-arrow-wrap._01, .bs-dark-arrow-wrap._02 {
  background-color: var(--_color---background-primary);
  width: 3rem;
  height: 3rem;
}

.bs-dark-arrow {
  color: var(--white);
  width: 1.5rem;
  height: 1.5rem;
}

.icon-wrap {
  background-color: #fff;
  border-radius: 100%;
}

.icon-stap-wrap {
  background-color: var(--_color---background-primary);
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  padding: .2rem;
  display: flex;
  position: absolute;
  inset: auto 0% -8%;
}

.process-step-title {
  color: var(--white);
}

.path {
  color: var(--_color---background-primary);
}

.text-block-6 {
  color: var(--_color---background-primary);
  font-weight: 500;
  line-height: 1.4em;
}

.icon {
  width: 3rem;
}

.avater-position {
  color: #403f3c;
  font-size: .875rem;
  line-height: 1.2em;
}

.testimonial-card-text-content {
  width: 100%;
  max-width: 20.8125rem;
}

.testimonial-card-content-bottom {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.avater {
  object-fit: cover;
  height: 24.3125px;
}

.testimonial-card-content-top {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-flow: column;
  display: flex;
}

.avater-name {
  color: #050503;
  font-size: 1rem;
  line-height: 1.5em;
}

.avater-wrapper {
  justify-content: center;
  align-items: center;
  width: 2.75rem;
  height: 2.75rem;
  display: flex;
  overflow: hidden;
}

.testimonial-card {
  z-index: 4;
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  -webkit-backdrop-filter: drop-shadow(0 4px 4px #e9edff40);
  backdrop-filter: drop-shadow(0 4px 4px #e9edff40);
  background-color: #fff;
  border: 1px solid #00000012;
  border-radius: .6rem;
  flex-flow: column;
  padding: 2.5rem 1.125rem 2.5rem 2rem;
  display: inline-flex;
  position: relative;
}

.testimonial-card-title {
  color: #242a33;
  font-size: 1.125rem;
  line-height: 1.5em;
}

.avater-details-wrapper {
  grid-column-gap: .125rem;
  grid-row-gap: .125rem;
  flex-flow: column;
  display: flex;
}

.testimonial-inner-wrap {
  flex-flow: column;
  display: inline-flex;
}

.testimonial-inner-wrap._01 {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
}

.testimonial-inner-wrap._02 {
  grid-column-gap: .8rem;
  grid-row-gap: .8rem;
}

.testimonial-inner-top {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  display: flex;
}

.testimonial-inner-bottom {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  flex-flow: column;
  display: flex;
}

.testimonial-inner-bottom.none {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
}

.overlay-tesimonials {
  z-index: 7;
  background-image: linear-gradient(180deg, var(--white), #ffffff1c);
  height: 3.3125rem;
  position: absolute;
  inset: 0% 0% auto;
}

.overlay-tesimonials._02 {
  background-image: linear-gradient(#0000, #fff 69%);
  inset: auto 0% 0%;
}

.project-card-tag-bg {
  z-index: 0;
  border-top: 1px solid #fff3;
  border-bottom: 1px solid #fff3;
  border-radius: 1.25rem;
  position: absolute;
  inset: 0%;
}

.ikonik-7g72x, .ikonik-f1crxl, .ikonik-bv8lv {
  color: #fff;
}

.button-text-new {
  font-family: futura bold, Arial, sans-serif;
  font-weight: 500;
}

.text-block-8 {
  text-transform: capitalize;
  font-size: 1rem;
  font-weight: 500;
}

.text-block-9, .text-block-9:where(.w-variant-04699f9e-3e2f-cc83-70d7-11d9c6dda346) {
  font-size: 1rem;
  font-weight: 700;
}

.text-block-10 {
  color: var(--white);
  font-size: 2.3rem;
  font-weight: 700;
  line-height: 1.2em;
}

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

@media screen and (min-width: 1440px) {
  .menu-list-wrapper {
    grid-column-gap: 42px;
    grid-row-gap: 42px;
  }

  .contact-form-wrap {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .contact-form-wrapper {
    grid-template-columns: .85fr 1fr;
  }

  .footer-top-main {
    grid-column-gap: 250px;
    grid-template-columns: 1.2fr 2fr;
  }

  .footer-center-grid {
    grid-column-gap: 91px;
    grid-template-columns: minmax(340px, 1fr) auto auto auto auto;
  }
}

@media screen and (max-width: 991px) {
  body {
    --_size---container: 80rem;
    --_size---padding-global: 1.5rem;
    --_font---font-family: Inter, sans-serif;
    ---mode--collection-384370d5-d0cd-19f1-7843-a5b5854d3c87: mode-23403ef8-5e85-b966-ffd4-60ba54d007ee;
  }

  .menu-button {
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    padding: 0;
    display: flex;
  }

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

  .brand {
    z-index: 99;
  }

  .menu-button-wrapper {
    z-index: 99;
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
    position: relative;
  }

  .nav-link {
    color: #121214;
  }

  .nav-menu-list {
    background-color: #000;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100vh;
    padding: 140px 40px 40px;
    display: block;
    position: fixed;
    inset: 0%;
    box-shadow: 0 0 16px #5f5f5f26;
  }

  .nav-button-slot {
    z-index: 11;
    position: relative;
  }

  .link-block-underline {
    height: 1px;
  }

  .nav-menu-link {
    text-align: center;
    justify-content: center;
    align-items: center;
    font-size: 42px;
    font-weight: 400;
    line-height: 140%;
    display: flex;
  }

  .nav-menu-link:hover {
    color: #acabb2;
  }

  .navbar {
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    padding-top: 10px;
    padding-bottom: 10px;
    position: fixed;
    top: 0%;
  }

  .menu-list-wrapper {
    grid-column-gap: 22px;
    grid-row-gap: 22px;
    flex-flow: column;
    display: flex;
  }

  .menu-button-wrap {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    height: 100%;
    display: flex;
  }

  .heading {
    font-size: 3rem;
  }

  .cicle-round-image-main-wrap {
    left: 20px;
  }

  .service-content-wrap {
    grid-column-gap: 3.2rem;
    grid-row-gap: 3.2rem;
  }

  .service-contnet-heading {
    flex-flow: column;
  }

  .service-heading-left-content, .service-heading-left-content._50.center, .service-heading-left-content._50.center._100 {
    width: 100%;
  }

  .service-heading-right-content {
    color: var(--_color---background-primary);
    width: 100%;
  }

  .service-heading-right-content.border-none {
    justify-content: flex-end;
    align-items: center;
    width: 34%;
    padding-left: 0;
    display: flex;
  }

  .section-heading {
    font-size: 2.4rem;
  }

  .section-heading-content.center {
    text-align: center;
  }

  .section-heading-short {
    font-size: 1rem;
  }

  .button-secondary-light {
    justify-content: flex-end;
    align-items: center;
    display: flex;
  }

  .faq-title-wrapper {
    grid-column-gap: 19px;
    grid-row-gap: 19px;
    grid-template-rows: auto;
    grid-template-columns: .25fr 1fr .5fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .service-card-title-wrap {
    justify-content: flex-start;
    align-items: center;
  }

  .service-card-title-tags-wrap {
    text-align: left;
  }

  .service-card-details-text {
    text-align: left;
    max-width: 589px;
    margin-left: auto;
    margin-right: auto;
  }

  .tag-servie-texct {
    font-size: .9rem;
  }

  .about-content-wrap {
    flex-flow: column;
  }

  .about-content-left, .about-content-right {
    width: 100%;
  }

  .about-content-thumbanil {
    max-width: 100%;
  }

  .how-it-work-wap {
    grid-column-gap: 2.1875rem;
    grid-row-gap: 2.1875rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

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

  .project-card {
    border-radius: 10px;
  }

  .project-card-heading {
    font-size: 1.7rem;
  }

  .faq-border {
    width: 100%;
  }

  .contact-right {
    grid-column-gap: 2.375rem;
    grid-row-gap: 2.375rem;
    width: 100%;
  }

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

  .footer-top-main {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    flex-flow: column;
    grid-template-columns: 1fr;
    justify-content: space-between;
    align-items: flex-start;
  }

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

  .footer-center-quick {
    grid-column-gap: 1.75rem;
    grid-row-gap: 1.75rem;
    width: 100%;
  }

  .buttons-row-right---t-left {
    justify-content: flex-start;
  }

  .footer-center-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr .5fr .75fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

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

  .footer-grid-left {
    grid-column-gap: 1.75rem;
    grid-row-gap: 1.75rem;
    width: 100%;
  }

  .footer-col-title {
    margin-bottom: 24px;
  }

  .menu-navigation {
    filter: brightness(427%);
    color: #af2525;
    background-color: #000;
    width: 39px;
    height: 38px;
  }

  .testimonial-inner-top.none {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  body {
    --_size---container: 80rem;
    --_size---padding-global: 1rem;
  }

  .menu-button {
    width: 52px;
    height: 52px;
    padding: 12px;
  }

  .nav-menu-list {
    margin-left: 0;
    margin-right: 0;
    padding-top: 120px;
  }

  .primary-button {
    padding-top: 14px;
    padding-bottom: 14px;
  }

  .nav-button-slot {
    display: none;
  }

  .nav-button-slot.is-show-mobile {
    display: block;
  }

  .nav-menu-link {
    font-size: 32px;
  }

  .menu-list-wrapper {
    justify-content: flex-start;
    align-items: center;
  }

  .section.hero {
    padding-top: 10rem;
  }

  .hero-top-content {
    flex-flow: row;
  }

  .hero-bottom-content {
    grid-column-gap: 1.2rem;
    grid-row-gap: 1.2rem;
  }

  .heading {
    font-size: 2.1rem;
  }

  .cicle-round-bg-wrap, .cicle-round-image {
    width: 8rem;
    height: 8rem;
  }

  .cicle-round-image-main-wrap {
    left: 12px;
  }

  .hero-bottom-right-title-details {
    font-size: 1.8rem;
  }

  .service-content-wrap {
    grid-column-gap: 2.2rem;
    grid-row-gap: 2.2rem;
  }

  .service-contnet-heading.new.down {
    grid-column-gap: .6rem;
    grid-row-gap: .6rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .service-heading-left-content._50, .service-heading-left-content._50.center._100, .service-heading-right-content._50 {
    width: 100%;
  }

  .service-heading-right-content.border-none {
    width: 37%;
  }

  .section-heading, .section-heading.white {
    font-size: 2rem;
  }

  .button-secondary-light {
    width: 100%;
  }

  .button-secondary-light:where(.w-variant-04699f9e-3e2f-cc83-70d7-11d9c6dda346) {
    justify-content: flex-start;
    align-items: center;
  }

  .faq-title-wrapper {
    grid-column-gap: 17px;
    grid-row-gap: 17px;
    grid-template-rows: auto auto;
    grid-template-columns: .25fr 1fr;
  }

  .service-card-title-wrap {
    justify-content: center;
    align-items: flex-start;
  }

  .service-card-title-tags-wrap {
    font-size: 1.2rem;
  }

  .service-card-title-tag {
    padding-left: .5rem;
    padding-right: .5rem;
  }

  .tag-servie-texct {
    font-size: .8rem;
  }

  .how-it-work-wap {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .project-card-tags-wrap {
    grid-column-gap: 1.2rem;
    grid-row-gap: 1.2rem;
    justify-content: center;
    align-items: center;
  }

  .projeact-card-details {
    justify-content: space-between;
    align-items: center;
  }

  .projeact-card-details-left {
    max-width: 24.1rem;
  }

  .project-card-heading {
    font-size: 1.7rem;
  }

  .testimonials-slider-wrap {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .contact-form-wrap {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
    grid-template-columns: 1fr;
  }

  .input {
    min-height: 60px;
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .footer-socials-wrap {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

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

  .text-area {
    border-radius: 18px;
  }

  .footer-top-main {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .footer-connect-today {
    font-size: 2.3rem;
  }

  .mg-bottom-16px {
    margin-bottom: 8px;
  }

  .footer-get {
    font-size: 1.4rem;
  }

  .footer-center-quick {
    grid-column-gap: .6rem;
    grid-row-gap: .6rem;
    justify-content: flex-start;
    align-items: flex-start;
    height: 100%;
  }

  .footer-center-quick._2 {
    grid-column-gap: 1.6rem;
    grid-row-gap: 1.6rem;
  }

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

  .footer-center {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  .footer-grid-left {
    grid-column-gap: 1.5625rem;
    grid-row-gap: 1.5625rem;
  }

  .footer-top-text {
    width: 100%;
  }

  .footer-list-item {
    margin-bottom: 10px;
  }

  .footer-col-title {
    margin-bottom: 24px;
    font-size: 18px;
    line-height: 20px;
  }

  .hero-bottom-right-title-details-number-text, .numberherofirst, .numberherosecond, .numberherothirdone {
    font-size: 1.8rem;
  }

  .code-embed {
    display: none;
  }

  .bs-light-text-wrap {
    flex: none;
  }

  .testimonial-card {
    width: 100%;
    padding: 1rem;
  }

  .testimonial-card-title {
    font-size: 1rem;
  }
}

@media screen and (max-width: 479px) {
  body {
    --_size---container: 80rem;
    --_size---padding-global: 1rem;
  }

  .menu-button {
    width: 48px;
    height: 48px;
    padding: 10px;
  }

  .primary-button {
    padding: 12px 22px;
  }

  .nav-menu-link {
    font-size: 26px;
  }

  .section.hero {
    padding-top: 8rem;
  }

  .section.service, .section.about {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .section.work-process {
    padding-top: 4rem;
    padding-bottom: 8rem;
  }

  .section.testimonials, .section.cta {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .hero-bottom-content {
    grid-template-columns: 2.75fr;
  }

  .heading {
    font-size: 2rem;
    line-height: 1.1em;
  }

  .hero-tag {
    font-size: 1rem;
  }

  .hero-top-right {
    display: none;
  }

  .hero-bottom-image-wrap {
    height: 100%;
  }

  .hero-bottom-right-content-wrap {
    grid-column-gap: .6rem;
    grid-row-gap: .6rem;
    padding: .5rem;
  }

  .hero-bottom-right-text-details {
    font-size: 1rem;
  }

  .hero-bottom-right-title-details {
    font-size: 1.4rem;
  }

  .hero-star-bg {
    width: 3rem;
  }

  .hero-avater {
    width: 2.5rem;
    height: 2.5rem;
  }

  .hero-avater-wrap._04 {
    width: 3rem;
    height: 2.9rem;
  }

  .hero-avater-wrap._02, .hero-avater-wrap._03, .hero-avater-wrap._01 {
    width: 3rem;
    height: 3rem;
  }

  .hero-avater-inner-main {
    width: 2.5rem;
    height: 2.5rem;
  }

  .hero-user-count-numberg-head {
    font-size: 1rem;
  }

  .review {
    font-size: .9rem;
  }

  .service-contnet-heading.new.down {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .service-contnet-heading._100 {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .service-heading-left-content._50 {
    width: 100%;
  }

  .service-heading-left-content._50.center {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .service-heading-left-content._50.center._100 {
    justify-content: center;
    align-items: flex-start;
  }

  .service-heading-right-content._50 {
    border-left-style: none;
    width: 100%;
  }

  .service-heading-right-content.border-none {
    height: 118px;
    padding-left: 0;
    display: none;
  }

  .section-heading-left-wrap.large {
    max-width: 100%;
  }

  .section-heading {
    text-align: left;
    font-size: 1.7rem;
  }

  .section-heading.white {
    font-size: 1.8rem;
  }

  .faq-content {
    padding-top: 10px;
  }

  .faq-title {
    padding: 10px;
  }

  .button-secondary-light {
    justify-content: flex-start;
    align-items: center;
    width: auto;
    display: inline-flex;
  }

  .faq-title-wrapper {
    grid-column-gap: .5625rem;
    grid-row-gap: .5625rem;
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: .25fr;
    justify-content: space-between;
    align-items: flex-start;
    margin-right: auto;
    display: flex;
  }

  .service-card-title-wrap {
    text-align: left;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
  }

  .service-card-title-tags-wrap {
    text-align: left;
    font-size: 1.1rem;
  }

  .service-card-title-tag {
    padding: .2rem;
  }

  .service-card-details-text {
    font-size: 1rem;
  }

  .tag-servie-texct {
    font-size: .7rem;
  }

  .about-content-right {
    grid-column-gap: 1.375rem;
    grid-row-gap: 1.375rem;
  }

  .numberhere {
    font-size: 1.8rem;
  }

  .text-about-content-text._02 {
    font-size: .9rem;
  }

  .text-about-content-text._01 {
    font-size: 1.2rem;
  }

  .about-content-left-content-inner-wrap {
    width: 69%;
  }

  .how-it-work-wap {
    grid-template-columns: 1fr;
  }

  .project-card {
    justify-content: flex-start;
    align-items: flex-start;
    padding: .8rem;
  }

  .work-process-card-thumbnail._02 {
    object-position: 45% 50%;
  }

  .project-card-tags-wrap {
    grid-column-gap: 1.3rem;
    grid-row-gap: 1.3rem;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    display: grid;
  }

  .project-card-tag {
    justify-content: center;
    align-items: center;
    padding: .5rem .25rem;
  }

  .project-card-tag-text {
    font-size: .7rem;
  }

  .projeact-card-details {
    width: 100%;
  }

  .project-card-heading {
    font-size: 1.2rem;
  }

  .project-card-button {
    width: 3.3rem;
    height: 3.3rem;
  }

  .faq-content-wrap {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
  }

  .faq-tab-2, .faq-title-2 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .input {
    min-height: 54px;
    padding-left: 18px;
    padding-right: 18px;
    font-size: 16px;
    line-height: 18px;
  }

  .input::placeholder {
    font-size: 16px;
    line-height: 16px;
  }

  .footer-socials-wrap {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .contact-right {
    grid-column-gap: 1.7rem;
    grid-row-gap: 1.7rem;
    height: 202.313px;
    padding: 1rem;
  }

  .contact-form-wrapper {
    grid-column-gap: 1.7rem;
    grid-row-gap: 1.7rem;
    flex-flow: column-reverse;
  }

  .text-area {
    padding-left: 18px;
    padding-right: 18px;
    font-size: 16px;
    line-height: 26px;
  }

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

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

  .text-wrap {
    line-height: 1em;
  }

  .footer-top-main {
    grid-column-gap: .6rem;
    grid-row-gap: .6rem;
  }

  .footer-connect-today {
    font-size: 1.8rem;
    line-height: 1.2em;
  }

  .mg-bottom-16px {
    margin-bottom: 15px;
  }

  .footer-get {
    font-size: 1.5rem;
    line-height: 1.2em;
  }

  .footer-center-quick {
    grid-column-gap: .625rem;
    grid-row-gap: .625rem;
  }

  .buttons-row-right---t-left {
    flex-direction: column;
    align-items: stretch;
  }

  .footer-center-grid {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-columns: 1fr;
  }

  .footer-center {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .footer-grid-left {
    grid-column-gap: .625rem;
    grid-row-gap: .625rem;
  }

  .footer-wrapper {
    padding-top: 4rem;
  }

  .footer-left-content-wrap {
    margin-bottom: 16px;
  }

  .footer-top-text {
    width: 100%;
  }

  .footer-logo-2 {
    width: 100%;
    max-width: 193px;
  }

  .footer-list-item {
    margin-bottom: 8px;
  }

  .footer-sub-details {
    font-size: 1rem;
  }

  .footer-col-title {
    margin-bottom: 0;
    font-size: 1.125rem;
    line-height: 1.2em;
  }

  .hero-bottom-right-title-details-number-text, .numberherofirst, .numberherosecond, .numberherothirdone {
    font-size: 1.4rem;
  }

  .image-2 {
    object-fit: cover;
    width: 100%;
  }

  .bs-light-arrow-wrap._01, .bs-light-arrow-wrap._02 {
    width: 2.5rem;
    height: 2.5rem;
  }

  .bs-light-text-wrap {
    height: 2.5rem;
  }

  .bs-dark-arrow-wrap._01, .bs-dark-arrow-wrap._02 {
    width: 2.5rem;
    height: 2.5rem;
  }

  .div-block-3 {
    margin-right: auto;
  }

  .testimonial-card {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    padding: 1rem;
  }

  .testimonial-card-title {
    font-size: 1rem;
  }

  .testimonial-inner-bottom.none {
    display: none;
  }

  .text-block-10 {
    font-size: 2.1rem;
  }
}

#w-node-_785aa521-b36a-f85f-2bcc-47ee5d2a82cf-eac2f9f3 {
  place-self: center;
}

#w-node-af07967b-ce43-6803-b1f5-b76912bf3689-eac2f9f3 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_56a336cc-de68-3285-f73b-94c6132f636a-eac2f9f3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_56a336cc-de68-3285-f73b-94c6132f6376-eac2f9f3 {
  justify-self: start;
}

#w-node-_56a336cc-de68-3285-f73b-94c6132f63a7-eac2f9f3 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

@media screen and (max-width: 991px) {
  #w-node-_785aa521-b36a-f85f-2bcc-47ee5d2a82cf-eac2f9f3, #w-node-f224ad64-e6d7-429f-28ef-65bc4a4354ef-eac2f9f3 {
    justify-self: start;
  }

  #w-node-_9bafdfa4-0b83-e244-6a1c-92492d8f594f-eac2f9f3 {
    place-self: center start;
  }

  #w-node-_166682a5-85e1-52e6-084e-108f8b621bfe-eac2f9f3 {
    justify-self: start;
  }

  #w-node-_83275f8a-db82-a1ca-fea1-0f1dd859d421-eac2f9f3 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_56a336cc-de68-3285-f73b-94c6132f63a7-eac2f9f3 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_785aa521-b36a-f85f-2bcc-47ee5d2a82cf-eac2f9f3 {
    grid-area: span 1 / span 2 / span 1 / span 2;
    justify-self: start;
  }

  #w-node-_99570f51-3efb-dae7-d7a8-cf60ce616bca-eac2f9f3 {
    grid-area: span 1 / span 2 / span 1 / span 2;
    place-self: center start;
  }

  #w-node-f224ad64-e6d7-429f-28ef-65bc4a4354ef-eac2f9f3 {
    grid-area: span 1 / span 2 / span 1 / span 2;
    justify-self: start;
  }

  #w-node-_6942cf2b-1738-4a79-69b6-2d629b9f682c-eac2f9f3 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_9bafdfa4-0b83-e244-6a1c-92492d8f594f-eac2f9f3 {
    grid-area: span 1 / span 2 / span 1 / span 2;
    place-self: center start;
  }

  #w-node-_4e685c78-553e-5b20-93e9-0f731a185fe3-eac2f9f3 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_166682a5-85e1-52e6-084e-108f8b621bfe-eac2f9f3 {
    grid-area: span 1 / span 2 / span 1 / span 2;
    justify-self: start;
  }

  #w-node-_96b9e1c5-86cc-eec0-28ff-492cab16c742-eac2f9f3, #w-node-_56a336cc-de68-3285-f73b-94c6132f6376-eac2f9f3 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_756f74ec-3f94-1cf9-dbc3-562c446c9b81-eac2f9f3 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_785aa521-b36a-f85f-2bcc-47ee5d2a82cf-eac2f9f3 {
    grid-area: span 1 / span 3 / span 1 / span 3;
    place-self: start;
  }

  #w-node-f224ad64-e6d7-429f-28ef-65bc4a4354ec-eac2f9f3 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-f224ad64-e6d7-429f-28ef-65bc4a4354ef-eac2f9f3 {
    grid-area: span 1 / span 3 / span 1 / span 3;
    place-self: center;
  }

  #w-node-_6942cf2b-1738-4a79-69b6-2d629b9f682c-eac2f9f3, #w-node-_9bafdfa4-0b83-e244-6a1c-92492d8f594c-eac2f9f3 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_9bafdfa4-0b83-e244-6a1c-92492d8f594f-eac2f9f3 {
    grid-area: span 1 / span 3 / span 1 / span 3;
    place-self: center;
  }

  #w-node-_166682a5-85e1-52e6-084e-108f8b621bfb-eac2f9f3 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_166682a5-85e1-52e6-084e-108f8b621bfe-eac2f9f3 {
    grid-area: span 1 / span 3 / span 1 / span 3;
    place-self: center;
  }

  #w-node-_83275f8a-db82-a1ca-fea1-0f1dd859d421-eac2f9f3, #w-node-_88b9b859-4503-3c79-80ed-91119241712b-eac2f9f3, #w-node-dead10da-94b5-002d-103f-26a0e8741957-eac2f9f3, #w-node-f4ce26de-42e6-13f6-9608-2e06ac1bd908-eac2f9f3, #w-node-_88ae4d37-798c-e554-32b3-21f074a1ddf8-eac2f9f3 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-af07967b-ce43-6803-b1f5-b76912bf3689-eac2f9f3 {
    grid-column: span 1 / span 1;
  }

  #w-node-_56a336cc-de68-3285-f73b-94c6132f63a7-eac2f9f3 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
}


@font-face {
  font-family: 'futura bold';
  src: url('../fonts/FuturaCyrillicBold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'futura Medium';
  src: url('../fonts/FuturaCyrillicMedium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Geometric';
  src: url('../fonts/geometric.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}