:root {
  --bg-color: #e2e2e2;
  --_font-family---primary-font: "Inter Display", Arial, sans-serif;
  --gray: #4d4d4d;
  --_typography---paragraph--font-size-s: 16px;
  --_line-height---line-height-l: 130%;
  --_font-weight---regular: 400;
  --_gap---gap-none: 0px;
  --text-black: #1b1b1b;
  --_typography---heading--font-size-6xl: 80px;
  --_line-height---line-height-xs: 100%;
  --_font-weight---extra-bold: 800;
  --_typography---letter-spacing--letter-spacing-3xl: -3.2px;
  --_typography---heading--font-size-5xl: 60px;
  --_typography---letter-spacing--letter-spacing-2xl: -2.4px;
  --_typography---heading--font-size-4xl: 50px;
  --_typography---letter-spacing--letter-spacing-xl: -1px;
  --_typography---heading--font-size-3xl: 30px;
  --_line-height---line-height-m: 120%;
  --_typography---letter-spacing--letter-spacing-s: -.6px;
  --_typography---heading--font-size-2xl: 24px;
  --_typography---letter-spacing--letter-spacing-l: -.96px;
  --_gap---gap-3xl: 100px;
  --_gap---gap-7xl: 156px;
  --_gap---gap-4xl: 110px;
  --_gap---gap-5xl: 140px;
  --_gap---gap-8xl: 186px;
  --dark-bg: #181818;
  --stroke: #d5d5d5;
  --_gap---gap-2xl: 80px;
  --_gap---gap-xs: 24px;
  --_gap---gap-m: 40px;
  --_typography---paragraph--font-size-m: 18px;
  --_gap---gap-xxs: 16px;
  --_radius---radius-xs: 12px;
  --white: white;
  --_font-weight---medium: 500;
  --gray-dark: #9d9d9d;
  --_typography---paragraph--font-size-l: 22px;
  --_typography---paragraph--font-size-xs: 14px;
  --_gap---gap-xl: 60px;
  --_font-family---secondary-font: "DM Mono", sans-serif;
  --_gap---gap-l: 50px;
  --stroke-dark: #303030;
  --_radius---radius-l: 24px;
  --transparent: #0000;
  --_gap---gap-6xl: 150px;
  --_line-height---line-height-s: 110%;
  --_font-weight---semi-bold: 600;
  --_typography---letter-spacing--letter-spacing-none: 0px;
  --_radius---radius-m: 20px;
  --_radius---radius-circle: 50%;
  --primary: #4a4dff;
  --_typography---letter-spacing--letter-spacing-xs: -.48px;
  --_font-weight---bold: 700;
  --_gap---gap-s: 30px;
  --black: black;
  --_line-height---line-height-xl: 140%;
  --_radius---radius-s: 16px;
  --_radius---radius-none: 0px;
  --_radius---radius-xl: 30px;
  --_typography---heading--font-size-xl: 20px;
}

body {
  background-color: var(--bg-color);
  font-family: var(--_font-family---primary-font);
  color: var(--gray);
  font-size: var(--_typography---paragraph--font-size-s);
  line-height: var(--_line-height---line-height-l);
  font-weight: var(--_font-weight---regular);
  --bg-color: #e2e2e2;
  --gray: #4d4d4d;
  --text-black: #1b1b1b;
  --dark-bg: #181818;
  --stroke: #d5d5d5;
  --white: white;
  --gray-dark: #9d9d9d;
  --stroke-dark: #303030;
  --transparent: #0000;
  --primary: #4a4dff;
  --black: black;
  --_typography---paragraph--font-size-s: 16px;
  --_typography---heading--font-size-6xl: 80px;
  --_typography---letter-spacing--letter-spacing-3xl: -3.2px;
  --_typography---heading--font-size-5xl: 60px;
  --_typography---letter-spacing--letter-spacing-2xl: -2.4px;
  --_typography---heading--font-size-4xl: 50px;
  --_typography---letter-spacing--letter-spacing-xl: -1px;
  --_typography---heading--font-size-3xl: 30px;
  --_typography---letter-spacing--letter-spacing-s: -.6px;
  --_typography---heading--font-size-2xl: 24px;
  --_typography---letter-spacing--letter-spacing-l: -.96px;
  --_typography---paragraph--font-size-m: 18px;
  --_typography---paragraph--font-size-l: 22px;
  --_typography---paragraph--font-size-xs: 14px;
  --_typography---letter-spacing--letter-spacing-none: 0px;
  --_typography---letter-spacing--letter-spacing-xs: -.48px;
  --_typography---heading--font-size-xl: 20px;
  --_radius---radius-xs: 12px;
  --_radius---radius-l: 24px;
  --_radius---radius-m: 20px;
  --_radius---radius-circle: 50%;
  --_radius---radius-s: 16px;
  --_radius---radius-none: 0px;
  --_radius---radius-xl: 30px;
  --_gap---gap-none: 0px;
  --_gap---gap-3xl: 100px;
  --_gap---gap-7xl: 156px;
  --_gap---gap-4xl: 110px;
  --_gap---gap-5xl: 140px;
  --_gap---gap-8xl: 186px;
  --_gap---gap-2xl: 80px;
  --_gap---gap-xs: 24px;
  --_gap---gap-m: 40px;
  --_gap---gap-xxs: 16px;
  --_gap---gap-xl: 60px;
  --_gap---gap-l: 50px;
  --_gap---gap-6xl: 150px;
  --_gap---gap-s: 30px;
  --_line-height---line-height-l: 130%;
  --_line-height---line-height-xs: 100%;
  --_line-height---line-height-m: 120%;
  --_line-height---line-height-s: 110%;
  --_line-height---line-height-xl: 140%;
}

h1 {
  margin-top: var(--_gap---gap-none);
  margin-bottom: var(--_gap---gap-none);
  color: var(--text-black);
  font-size: var(--_typography---heading--font-size-6xl);
  line-height: var(--_line-height---line-height-xs);
  font-weight: var(--_font-weight---extra-bold);
  letter-spacing: var(--_typography---letter-spacing--letter-spacing-3xl);
}

h2 {
  margin-top: var(--_gap---gap-none);
  margin-bottom: var(--_gap---gap-none);
  color: var(--text-black);
  font-size: var(--_typography---heading--font-size-5xl);
  line-height: var(--_line-height---line-height-xs);
  font-weight: var(--_font-weight---extra-bold);
  letter-spacing: var(--_typography---letter-spacing--letter-spacing-2xl);
}

h3 {
  margin-top: var(--_gap---gap-none);
  margin-bottom: var(--_gap---gap-none);
  color: var(--text-black);
  font-size: var(--_typography---heading--font-size-4xl);
  line-height: var(--_line-height---line-height-xs);
  font-weight: var(--_font-weight---extra-bold);
  letter-spacing: var(--_typography---letter-spacing--letter-spacing-xl);
}

h4 {
  margin-top: var(--_gap---gap-none);
  margin-bottom: var(--_gap---gap-none);
  color: var(--text-black);
  font-size: var(--_typography---heading--font-size-3xl);
  line-height: var(--_line-height---line-height-m);
  font-weight: var(--_font-weight---extra-bold);
  letter-spacing: var(--_typography---letter-spacing--letter-spacing-s);
}

h5 {
  margin-top: var(--_gap---gap-none);
  margin-bottom: var(--_gap---gap-none);
  color: var(--text-black);
  font-size: var(--_typography---heading--font-size-2xl);
  line-height: var(--_line-height---line-height-xs);
  font-weight: var(--_font-weight---extra-bold);
  letter-spacing: var(--_typography---letter-spacing--letter-spacing-l);
}

p {
  margin-bottom: var(--_gap---gap-none);
  font-family: var(--_font-family---primary-font);
  color: var(--gray);
  font-size: var(--_typography---paragraph--font-size-s);
  line-height: var(--_line-height---line-height-l);
  font-weight: var(--_font-weight---regular);
}

a {
  text-decoration: none;
  display: inline-block;
}

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

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

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

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

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

.section {
  padding-top: var(--_gap---gap-3xl);
  padding-bottom: var(--_gap---gap-3xl);
}

.section.license {
  padding-top: var(--_gap---gap-7xl);
  padding-bottom: var(--_gap---gap-3xl);
}

.section.changelog {
  padding-top: var(--_gap---gap-7xl);
  padding-bottom: var(--_gap---gap-4xl);
}

.section.style-guide {
  padding-top: var(--_gap---gap-7xl);
  padding-bottom: var(--_gap---gap-5xl);
}

.section.founder {
  background-color: var(--bg-color);
}

.section.contact {
  z-index: 1;
  padding-top: var(--_gap---gap-none);
  padding-bottom: var(--_gap---gap-none);
  background-color: var(--bg-color);
  position: relative;
  overflow: hidden;
}

.section.blog {
  padding-top: var(--_gap---gap-none);
  padding-bottom: var(--_gap---gap-none);
}

.section.pricing {
  padding-top: var(--_gap---gap-8xl);
  padding-bottom: var(--_gap---gap-none);
}

.section.project {
  padding-top: var(--_gap---gap-8xl);
  overflow: hidden;
}

.section.gallery {
  overflow: hidden;
}

.section.gallery:where(.w-variant-b1bfaa91-55f5-2883-7d26-92f38936b4ad) {
  padding-bottom: var(--_gap---gap-3xl);
}

.section.benefits {
  padding-top: var(--_gap---gap-none);
  padding-bottom: var(--_gap---gap-none);
  position: relative;
}

.section.enterprise {
  padding-top: var(--_gap---gap-none);
  padding-bottom: var(--_gap---gap-none);
  background-color: var(--dark-bg);
  position: relative;
  overflow: hidden;
}

.section.career-hero {
  padding-top: var(--_gap---gap-8xl);
  padding-bottom: var(--_gap---gap-none);
}

.section.value {
  padding-top: var(--_gap---gap-none);
  padding-bottom: var(--_gap---gap-none);
  background-color: var(--dark-bg);
  position: relative;
}

.section.team {
  padding-bottom: var(--_gap---gap-none);
}

.section.hero {
  padding-top: var(--_gap---gap-5xl);
  padding-bottom: var(--_gap---gap-none);
  position: relative;
  overflow: hidden;
}

.section.about {
  padding-top: var(--_gap---gap-none);
}

.section.blog-v1 {
  z-index: 1;
  padding-bottom: var(--_gap---gap-none);
  position: relative;
}

.section.marquee {
  border-top: 1px solid var(--stroke);
  border-bottom: 1px solid var(--stroke);
  padding-top: 31px;
  padding-bottom: 31px;
  overflow: hidden;
}

.section.pricing-v1 {
  padding-top: var(--_gap---gap-none);
  padding-bottom: var(--_gap---gap-none);
  background-color: var(--dark-bg);
}

.section.creative {
  padding-top: var(--_gap---gap-none);
  background-color: var(--dark-bg);
}

.section.single-service, .section.single-blog, .section.single-career, .section.single-project {
  padding-top: var(--_gap---gap-8xl);
}

.section.service-v2 {
  background-color: var(--dark-bg);
}

.section.hero-v2 {
  padding-top: var(--_gap---gap-none);
  padding-bottom: var(--_gap---gap-none);
  position: relative;
  overflow: hidden;
}

.section.creator {
  padding-top: var(--_gap---gap-none);
  padding-bottom: var(--_gap---gap-none);
  background-color: var(--dark-bg);
}

.section.blog-v2 {
  z-index: 1;
  padding-bottom: var(--_gap---gap-none);
  position: relative;
}

.section.border-line {
  z-index: -1;
  width: 100%;
  height: 100%;
  padding-top: var(--_gap---gap-none);
  padding-bottom: var(--_gap---gap-none);
  position: fixed;
  inset: 0%;
}

.section.single-project {
  padding-top: var(--_gap---gap-8xl);
}

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

.container.border {
  height: 100%;
}

.footer {
  background-color: var(--dark-bg);
}

.footer-wrap {
  padding-top: var(--_gap---gap-xl);
  grid-column-gap: var(--_gap---gap-xl);
  grid-row-gap: var(--_gap---gap-xl);
  justify-content: space-between;
  display: flex;
}

.footer-left-block {
  grid-column-gap: var(--_gap---gap-2xl);
  grid-row-gap: var(--_gap---gap-2xl);
  flex-flow: column;
  justify-content: space-between;
  width: 100%;
  max-width: 361px;
  display: flex;
}

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

.footer-logo-wrap {
  width: 100%;
  max-width: 110px;
}

.footer-details {
  font-family: var(--_font-family---secondary-font);
  color: var(--gray-dark);
  font-size: var(--_typography---paragraph--font-size-xs);
  font-weight: var(--_font-weight---medium);
  text-transform: uppercase;
}

.footer-top-wrap {
  grid-column-gap: var(--_gap---gap-2xl);
  grid-row-gap: var(--_gap---gap-2xl);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

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

.footer-contact-link.phone {
  font-family: var(--_font-family---secondary-font);
  color: var(--gray-dark);
  font-size: var(--_typography---paragraph--font-size-s);
  line-height: var(--_line-height---line-height-l);
  font-weight: var(--_font-weight---medium);
  text-transform: uppercase;
  transition: color .4s;
}

.footer-contact-link.phone:hover {
  color: var(--white);
}

.footer-contact-link.email {
  color: var(--white);
  font-size: var(--_typography---heading--font-size-3xl);
  line-height: var(--_line-height---line-height-m);
  font-weight: var(--_font-weight---extra-bold);
  letter-spacing: var(--_typography---letter-spacing--letter-spacing-s);
  transition: color .4s;
}

.footer-contact-link.email:hover {
  color: var(--bg-color);
}

.footer-form-wrap {
  margin-bottom: var(--_gap---gap-none);
}

.footer-form {
  justify-content: flex-end;
  align-items: center;
  display: flex;
  position: relative;
}

.footer-form-title {
  margin-bottom: var(--_gap---gap-xxs);
  font-family: var(--_font-family---secondary-font);
  color: var(--gray-dark);
  font-size: var(--_typography---paragraph--font-size-xs);
  line-height: var(--_line-height---line-height-l);
  font-weight: var(--_font-weight---medium);
}

.footer-email-field {
  width: 100%;
  max-width: 100%;
  height: auto;
  margin-bottom: var(--_gap---gap-none);
  border: 1px solid var(--stroke-dark);
  border-radius: var(--_radius---radius-l);
  background-color: var(--dark-bg);
  color: var(--white);
  font-size: var(--_typography---paragraph--font-size-m);
  line-height: var(--_line-height---line-height-l);
  font-weight: var(--_font-weight---medium);
  padding: 12px 40px 12px 16px;
}

.footer-email-field:focus {
  border-color: var(--white);
}

.footer-email-field::placeholder {
  color: var(--white);
}

.footer-submit-button {
  background-color: var(--transparent);
  background-image: url("https://cdn.prod.website-files.com/69cc6c70813fbef41c0b7c15/69cd73e5df28a1b9dc1945b1_right-arrow.svg");
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: 24px 24px;
  position: absolute;
  right: 16px;
}

.success-message {
  background-color: var(--text-black);
  color: var(--white);
  font-size: var(--_typography---paragraph--font-size-s);
  line-height: var(--_line-height---line-height-l);
  font-weight: var(--_font-weight---medium);
  text-align: center;
  padding: 20px;
}

.success-message.footer {
  background-color: var(--white);
  color: var(--text-black);
  background-color: var(--white);
}

.error-message {
  color: var(--white);
  font-size: var(--_typography---paragraph--font-size-s);
  line-height: var(--_line-height---line-height-l);
  font-weight: var(--_font-weight---medium);
  text-align: center;
  background-color: #700e0e;
  margin-top: 16px;
  padding: 16px;
}

.error-message.pasword {
  width: 100%;
  max-width: 455px;
  margin-left: auto;
  margin-right: auto;
}

.footer-right-block {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 679px;
  display: grid;
}

.footer-flex-wrap {
  grid-column-gap: var(--_gap---gap-xl);
  grid-row-gap: var(--_gap---gap-xl);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.footer-item-title {
  margin-bottom: var(--_gap---gap-xxs);
  color: var(--gray-dark);
  font-size: var(--_typography---paragraph--font-size-xs);
  line-height: var(--_line-height---line-height-l);
  font-weight: var(--_font-weight---medium);
  text-transform: uppercase;
}

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

.footer-link {
  height: 20.8px;
  color: var(--white);
  font-size: var(--_typography---paragraph--font-size-s);
  line-height: var(--_line-height---line-height-l);
  font-weight: var(--_font-weight---regular);
  transition: color .4s;
  overflow: hidden;
}

.footer-link:hover {
  color: var(--gray-dark);
}

.footer-wrapper {
  z-index: 5;
  position: relative;
}

.footer-copyright-wrap {
  margin-top: var(--_gap---gap-6xl);
  padding-bottom: var(--_gap---gap-xs);
}

.footer-copyright {
  color: var(--gray-dark);
  font-size: var(--_typography---paragraph--font-size-xs);
  line-height: var(--_line-height---line-height-l);
  font-weight: var(--_font-weight---medium);
  text-align: center;
}

.navbar {
  z-index: 9999;
  background-color: var(--transparent);
  width: 100%;
  max-width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  position: fixed;
  inset: 0% 0% auto;
}

.navbar-wrapper {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.brand-wrap {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 110px;
  padding-left: 0;
  display: inline-flex;
  position: relative;
}

.brand-logo._01 {
  z-index: 1;
  position: relative;
}

.brand-logo._02 {
  position: absolute;
}

.navbar-details-wrap {
  width: 100%;
  max-width: 311px;
  color: var(--text-black);
}

.navbar-details {
  font-family: var(--_font-family---secondary-font);
  color: var(--text-black);
  font-size: var(--_typography---paragraph--font-size-xs);
  line-height: var(--_line-height---line-height-l);
  font-weight: var(--_font-weight---medium);
  text-transform: uppercase;
}

.menu-button {
  padding: 0;
}

.menu-button.w--open {
  background-color: var(--transparent);
}

.menu-button-block {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.menu-open {
  z-index: 1;
  font-family: var(--_font-family---secondary-font);
  color: var(--text-black);
  font-size: var(--_typography---paragraph--font-size-s);
  line-height: var(--_line-height---line-height-l);
  font-weight: var(--_font-weight---medium);
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

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

.menu-close {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  font-family: var(--_font-family---secondary-font);
  color: var(--text-black);
  font-size: var(--_typography---paragraph--font-size-s);
  line-height: var(--_line-height---line-height-l);
  font-weight: var(--_font-weight---medium);
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

.menu-dot {
  background-color: var(--text-black);
  width: 10px;
  min-width: 10px;
  height: 10px;
}

.menu-navigation-wrap {
  background-color: var(--transparent);
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-right: 10px;
}

.menu-navigation {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--dark-bg);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 329px;
  margin-left: auto;
  padding-top: 24px;
  padding-bottom: 24px;
  display: flex;
}

.nav-link-block {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: var(--white);
  font-size: var(--_typography---heading--font-size-2xl);
  line-height: var(--_line-height---line-height-s);
  font-weight: var(--_font-weight---semi-bold);
  letter-spacing: var(--_typography---letter-spacing--letter-spacing-l);
  justify-content: flex-start;
  align-items: flex-start;
  transition: color .4s;
  display: inline-flex;
}

.nav-link-block:hover {
  color: var(--gray-dark);
}

.nav-link-texts {
  height: 26.4px;
  overflow: hidden;
}

.nav-link-number {
  font-family: var(--_font-family---secondary-font);
  color: var(--gray-dark);
  font-size: var(--_typography---paragraph--font-size-xs);
  line-height: var(--_line-height---line-height-l);
  font-weight: var(--_font-weight---medium);
  letter-spacing: var(--_typography---letter-spacing--letter-spacing-none);
  text-transform: uppercase;
}

.menu-link {
  border-bottom: 1px solid var(--stroke-dark);
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 100%;
  padding-bottom: 16px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.section-subtitle {
  font-family: var(--_font-family---secondary-font);
  color: var(--text-black);
  font-size: var(--_typography---paragraph--font-size-xs);
  line-height: var(--_line-height---line-height-l);
  font-weight: var(--_font-weight---medium);
  text-transform: uppercase;
  margin-bottom: 14px;
}

.section-subtitle.pricing, .section-subtitle.career {
  text-align: center;
}

.section-subtitle.enterprise, .section-subtitle.value {
  color: var(--white);
}

.section-subtitle.project {
  line-height: var(--_line-height---line-height-l);
}

.section-subtitle.about {
  color: var(--gray-dark);
  margin-bottom: 16px;
}

.section-subtitle._01 {
  color: var(--gray-dark);
  margin-bottom: 0;
}

.section-subtitle.white {
  color: var(--white);
  text-align: center;
}

.section-subtitle.hero {
  margin-bottom: 0;
}

.section-subtitle.service-v2 {
  color: var(--gray-dark);
  text-align: center;
}

.section-subtitle.gray {
  color: var(--gray);
  text-align: center;
}

.section-subtitle.creator {
  color: var(--white);
}

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

.border-shape-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-right: 1px solid var(--stroke);
  border-left: 1px solid var(--stroke);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  display: grid;
}

.border-shape-wrap.blog {
  z-index: -1;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border-left-style: none;
  position: absolute;
  inset: 0%;
}

.border-block {
  z-index: 1;
  border-right: 1px solid var(--stroke-dark);
  border-left: 1px solid var(--stroke-dark);
  position: relative;
}

.lumatix-rich-details h2 {
  margin-bottom: var(--_gap---gap-xxs);
  font-size: var(--_typography---heading--font-size-3xl);
  line-height: var(--_line-height---line-height-m);
  letter-spacing: var(--_typography---letter-spacing--letter-spacing-s);
}

.lumatix-rich-details h3 {
  margin-top: var(--_gap---gap-m);
  margin-bottom: var(--_gap---gap-xxs);
  font-size: var(--_typography---heading--font-size-3xl);
  line-height: var(--_line-height---line-height-m);
  letter-spacing: var(--_typography---letter-spacing--letter-spacing-s);
}

.lumatix-rich-details ul {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: var(--gray);
  font-size: var(--_typography---paragraph--font-size-s);
  line-height: var(--_line-height---line-height-l);
  flex-flow: column;
  margin-top: 16px;
  margin-bottom: 0;
  padding-left: 30px;
  display: flex;
}

.single-project-top-wrap {
  margin-bottom: var(--_gap---gap-xl);
}

.single-project-title {
  font-size: var(--_typography---heading--font-size-5xl);
  text-align: center;
  letter-spacing: var(--_typography---letter-spacing--letter-spacing-2xl);
}

.single-project-image-wrap {
  width: 100%;
  max-width: 100%;
  height: 700px;
  overflow: hidden;
}

.single-project-image {
  height: 120%;
  max-height: 120%;
}

.single-project-flex-wrap {
  grid-column-gap: var(--_gap---gap-xl);
  grid-row-gap: var(--_gap---gap-xl);
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 1146px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.project-list-wrap {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  flex-flow: column;
  width: 100%;
  max-width: 330px;
  display: flex;
}

.project-list-item {
  border-bottom: 1px solid var(--stroke);
  justify-content: space-between;
  align-items: flex-start;
  padding-bottom: 14px;
  display: flex;
}

.project-list-item-name {
  color: var(--text-black);
  font-size: var(--_typography---paragraph--font-size-m);
  line-height: var(--_line-height---line-height-l);
  font-weight: var(--_font-weight---medium);
}

.project-list-item-text {
  color: var(--gray);
  font-size: var(--_typography---paragraph--font-size-s);
  line-height: var(--_line-height---line-height-l);
}

.project-rich-wrap {
  width: 100%;
  max-width: 680px;
}

.single-project-wrap {
  grid-column-gap: var(--_gap---gap-l);
  grid-row-gap: var(--_gap---gap-l);
  flex-flow: column;
  display: flex;
}

.project-cl-mi-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.single-project-item {
  width: 100%;
  max-width: 914px;
  margin-left: auto;
  margin-right: auto;
}

.single-project-item-title {
  color: var(--text-black);
  font-size: var(--_typography---heading--font-size-3xl);
  line-height: var(--_line-height---line-height-m);
  font-weight: var(--_font-weight---extra-bold);
  letter-spacing: var(--_typography---letter-spacing--letter-spacing-s);
  margin-bottom: 16px;
}

.project-rich-details-wrap {
  width: 100%;
  max-width: 914px;
  margin-left: auto;
  margin-right: auto;
}

.project-counter-wrap {
  width: 100%;
  max-width: 680px;
  margin-top: var(--_gap---gap-m);
  grid-column-gap: 20px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.project-single-counter {
  border-bottom: 1px solid var(--stroke);
  flex-flow: column;
  padding-bottom: 14px;
  display: flex;
}

.project-counter-text {
  color: var(--gray);
  font-size: var(--_typography---paragraph--font-size-s);
  line-height: var(--_line-height---line-height-l);
  margin-top: 12px;
}

.project-counter {
  color: var(--text-black);
  font-size: var(--_typography---heading--font-size-3xl);
  line-height: var(--_line-height---line-height-m);
  font-weight: var(--_font-weight---extra-bold);
  letter-spacing: var(--_typography---letter-spacing--letter-spacing-s);
}

.site-link {
  color: var(--white);
  text-decoration: underline;
  -webkit-text-decoration-color: var(--transparent);
  text-decoration-color: var(--transparent);
  transition: text-decoration-color .4s;
}

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

.border-line {
  background-color: var(--transparent);
  width: 1px;
  min-width: 1px;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.footer-border-line {
  background-color: var(--stroke-dark);
  width: 1px;
  min-width: 1px;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.footer-border-line._01 {
  right: 679px;
}

.footer-border-line._02 {
  right: 339px;
}

@media screen and (min-width: 1280px) {
  .section.hero {
    padding-top: var(--_gap---gap-8xl);
    padding-top: var(--_gap---gap-8xl);
  }

  .enterprise-image-wrap.desktop-off {
    display: none;
  }

  .enterprise-image-wrap.desktop-on {
    max-width: 680px;
    display: block;
  }

  .hero-wrap {
    flex-flow: wrap;
    justify-content: space-between;
    align-items: flex-start;
  }

  .hero-title {
    font-size: var(--_typography---heading--font-size-6xl);
    letter-spacing: var(--_typography---letter-spacing--letter-spacing-3xl);
  }

  .hero-content-wrap {
    max-width: 737px;
  }

  .hero-image-wrap.desktop-off {
    display: none;
  }

  .hero-image-wrap.desktop-on {
    max-width: 38%;
    display: block;
  }

  .report-circle {
    width: 266px;
    height: 266px;
  }

  .report-circle._02 {
    width: 236px;
    height: 236px;
  }

  .report-circle._03 {
    width: 190px;
    height: 190px;
  }

  .report-circle._04 {
    width: 176px;
    height: 176px;
  }

  .hero-v2-image-wrap {
    height: 378px;
  }

  .contact-single-block {
    padding-top: 14px;
    padding-bottom: 14px;
    padding-left: 8px;
    position: relative;
  }

  .contact-author-details {
    font-family: var(--_font-family---secondary-font);
    color: var(--text-black);
    font-size: var(--_typography---paragraph--font-size-m);
    line-height: var(--_line-height---line-height-l);
    font-weight: var(--_font-weight---regular);
    text-transform: uppercase;
    margin-top: 22px;
  }

  .contact-auhtor-image {
    border-radius: var(--_radius---radius-circle);
    max-width: 42px;
    max-height: 42px;
    overflow: hidden;
  }

  .contact-auhtor-position {
    margin-top: 4px;
  }

  .contact-link-block {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 14px;
    display: flex;
  }

  .contact-form {
    grid-column-gap: var(--_gap---gap-xs);
    grid-row-gap: var(--_gap---gap-xs);
    flex-flow: column;
    display: flex;
  }

  .contact-filed-wrap {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

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

  .contact-textarea-field {
    border-style: none none solid;
    border-width: 1px;
    border-color: black black var(--stroke);
    background-color: var(--transparent);
  }

  .contact-form-submit {
    border-radius: 30px;
  }

  .navbar-content-block:where(.w-variant-8cc49fb0-153e-fb10-6142-a5edc74f43e0) {
    max-width: 797px;
  }
}

@media screen and (min-width: 1440px) {
  .section.enterprise {
    overflow: hidden;
  }

  .enterprise-image-wrap.desktop-on {
    max-width: 710px;
    display: block;
  }

  .value-single-wrap._01 {
    height: 289px;
  }

  .hero-image-wrap.desktop-on {
    inset: 0% auto 0% 0%;
    max-width: 632px;
    inset: 0% auto 0% 0%;
  }

  .report-circle-wrap {
    justify-content: flex-start;
  }

  .service-v2-left-wrap {
    grid-column-gap: 76px;
    grid-row-gap: 76px;
  }

  .hero-v2-content-block {
    grid-column-gap: var(--_gap---gap-3xl);
    grid-row-gap: var(--_gap---gap-3xl);
    max-width: 797px;
    margin-left: auto;
    padding-top: 388px;
  }

  .hero-v2-image-block {
    position: absolute;
    inset: 0% auto 0% 0%;
  }

  .hero-v2-image-wrap {
    max-width: 593px;
    height: 378px;
  }

  .navbar-content-block {
    max-width: 737px;
  }

  .navbar-content-block:where(.w-variant-8cc49fb0-153e-fb10-6142-a5edc74f43e0) {
    max-width: 797px;
  }
}

@media screen and (min-width: 1920px) {
  .hero-image-wrap.desktop-on {
    max-width: 45%;
  }

  .hero-image {
    object-fit: cover;
  }
}

@media screen and (max-width: 991px) {
  body {
    --_typography---paragraph--font-size-s: 16px;
    --_typography---heading--font-size-6xl: 60px;
    --_typography---letter-spacing--letter-spacing-3xl: -2.4px;
    --_typography---heading--font-size-5xl: 48px;
    --_typography---letter-spacing--letter-spacing-2xl: -1.92px;
    --_typography---heading--font-size-4xl: 42px;
    --_typography---letter-spacing--letter-spacing-xl: -.84px;
    --_typography---heading--font-size-3xl: 28px;
    --_typography---letter-spacing--letter-spacing-s: -.48px;
    --_typography---heading--font-size-2xl: 22px;
    --_typography---letter-spacing--letter-spacing-l: -.88px;
    --_typography---paragraph--font-size-m: 18px;
    --_typography---paragraph--font-size-l: 20px;
    --_typography---paragraph--font-size-xs: 14px;
    --_typography---letter-spacing--letter-spacing-none: 0px;
    --_typography---letter-spacing--letter-spacing-xs: -.36px;
    --_typography---heading--font-size-xl: 18px;
    --_radius---radius-xs: 12px;
    --_radius---radius-l: 20px;
    --_radius---radius-m: 16px;
    --_radius---radius-circle: 50%;
    --_radius---radius-s: 14px;
    --_radius---radius-none: 0px;
    --_radius---radius-xl: 24px;
    --_gap---gap-none: 0px;
    --_gap---gap-3xl: 100px;
    --_gap---gap-7xl: 140px;
    --_gap---gap-4xl: 100px;
    --_gap---gap-5xl: 100px;
    --_gap---gap-8xl: 160px;
    --_gap---gap-2xl: 60px;
    --_gap---gap-xs: 20px;
    --_gap---gap-m: 35px;
    --_gap---gap-xxs: 16px;
    --_gap---gap-xl: 50px;
    --_gap---gap-l: 40px;
    --_gap---gap-6xl: 100px;
    --_gap---gap-s: 25px;
  }

  .section.founder, .section.testimonial, .section.project {
    padding-bottom: var(--_gap---gap-none);
  }

  .section.report, .section.award-v2, .section.about-v2 {
    padding-bottom: var(--_gap---gap-none);
  }

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

  .section.founder, .section.testimonial, .section.project {
    padding-bottom: var(--_gap---gap-none);
  }

  .section.gallery:where(.w-variant-b1bfaa91-55f5-2883-7d26-92f38936b4ad) {
    padding-bottom: var(--_gap---gap-3xl);
  }

  .section.career {
    padding-bottom: var(--_gap---gap-none);
  }

  .section.enterprise {
    padding-bottom: var(--_gap---gap-3xl);
  }

  .section.location {
    padding-bottom: var(--_gap---gap-none);
  }

  .section.about {
    padding-bottom: var(--_gap---gap-none);
    overflow: hidden;
  }

  .section.report, .section.award-v2, .section.about-v2 {
    padding-bottom: var(--_gap---gap-none);
  }

  .section.hero-v2 {
    padding-top: var(--_gap---gap-2xl);
  }

  .section.testimonial-v2 {
    padding-bottom: var(--_gap---gap-none);
  }

  .container, .license-wrap {
    max-width: 100%;
  }

  .license-typograpy-block {
    padding: 30px;
  }

  .footer-left-block {
    grid-column-gap: var(--_gap---gap-xl);
    grid-row-gap: var(--_gap---gap-xl);
  }

  .footer-top-wrap {
    grid-column-gap: var(--_gap---gap-l);
    grid-row-gap: var(--_gap---gap-l);
  }

  .footer-flex-wrap {
    grid-column-gap: var(--_gap---gap-2xl);
    grid-row-gap: var(--_gap---gap-2xl);
  }

  .nav-link-texts {
    height: 24.2px;
  }

  .changelog-top-wrap {
    margin-bottom: var(--_gap---gap-4xl);
  }

  .changelog-wrap {
    max-width: 100%;
    padding: 30px;
  }

  .changelog-content-wrap {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .changelog-content-block {
    padding: 24px;
  }

  .style-guide-single-wrap {
    padding-top: var(--_gap---gap-5xl);
  }

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

  .color-box {
    height: 170px;
  }

  .typography-wrap {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .typography-content {
    grid-column-gap: var(--_gap---gap-3xl);
    grid-row-gap: var(--_gap---gap-3xl);
  }

  .primary-button {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 32px;
  }

  .faq-wrapper {
    grid-column-gap: var(--_gap---gap-s);
    grid-row-gap: var(--_gap---gap-s);
  }

  .faq-left-wrap {
    max-width: 320px;
  }

  .section-subtitle.team, .section-subtitle.hero, .section-subtitle.creator, .section-subtitle.team, .section-subtitle.hero, .section-subtitle.creator {
    text-align: center;
  }

  .faq-title {
    font-size: var(--_typography---heading--font-size-6xl);
    letter-spacing: var(--_typography---letter-spacing--letter-spacing-3xl);
  }

  .faq-bottom-wrap {
    height: 220px;
    padding: 20px;
  }

  .faq-single-item {
    padding: 20px;
  }

  .founder-wrapper {
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
  }

  .founder-image-wrap {
    height: 520px;
  }

  .founder-image {
    object-position: 50% 0%;
  }

  .founder-left-wrap {
    max-width: 100%;
  }

  .founder-quote-wrap {
    width: 70px;
    min-width: 70px;
  }

  .contact-top-wrap {
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
  }

  .contact-top-title {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }

  .contact-top-details {
    text-align: center;
  }

  .contact-wrap {
    grid-column-gap: var(--_gap---gap-xs);
    grid-row-gap: var(--_gap---gap-xs);
  }

  .border-shape-wrap.blog {
    display: none;
  }

  .blog-top-wrap {
    max-width: 520px;
  }

  .blog-item-title-wrap {
    padding-left: 0;
  }

  .blog-cl-wrap {
    grid-row-gap: var(--_gap---gap-m);
    grid-template-columns: 1fr 1fr;
  }

  .pricing-top-title {
    max-width: 420px;
  }

  .pricing-wrap {
    padding-bottom: var(--_gap---gap-none);
  }

  .pricing-grid-wrap {
    grid-row-gap: 40px;
    grid-template-columns: 1fr 1fr;
  }

  .pricing-single-item {
    border-right: 1px solid var(--stroke);
  }

  .pricing-single-item._02 {
    border-right-style: none;
  }

  .pricing-single-item._03 {
    border-top: 1px solid var(--stroke);
  }

  .pricing-single-item.v1 {
    border-right-color: var(--stroke-dark);
  }

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

  .pricing-content-block._02 {
    padding-top: 24px;
  }

  .plan-list-wrapper {
    padding-left: 24px;
    padding-right: 24px;
  }

  .pricing-border-wrap {
    display: none;
  }

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

  .testimonial-title {
    text-align: center;
    max-width: 520px;
    margin-left: auto;
    margin-right: auto;
  }

  .testimonial-mask {
    max-width: 100%;
    margin-left: 0;
  }

  .testimonial-quote-wrap {
    width: 70px;
    min-width: 70px;
    height: 60px;
  }

  .testimonial-author-image {
    max-width: 50px;
    max-height: 50px;
  }

  .testimonial-arrow-block, .testimonial-arrow-block._02 {
    inset: auto 0% 0% auto;
  }

  .testimonial-arrow-block._02 {
    inset: auto 0% 0% auto;
  }

  .testimonial-arrow-block._01 {
    right: 45px;
  }

  .section-top-title-wrap {
    max-width: 520px;
  }

  .section-top-title {
    width: 100%;
    max-width: 520px;
  }

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

  .gallery-image-wrap {
    width: 300px;
  }

  .career-title-wrap {
    max-width: 520px;
  }

  .benefits-wrapper {
    padding-bottom: var(--_gap---gap-none);
  }

  .benefit-title {
    max-width: 520px;
  }

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

  .benefit-single-wrap {
    height: 100%;
    padding: 20px;
  }

  .benefit-empty-block {
    display: none;
  }

  .section-border-wrap {
    grid-row-gap: 0px;
    grid-template-columns: 1fr 1fr;
    display: none;
  }

  .enterprise-wrapper {
    flex-flow: column;
  }

  .enterprise-wrap {
    max-width: 100%;
  }

  .enterprise-title-wrap {
    margin-right: auto;
    margin-bottom: var(--_gap---gap-xl);
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    margin-left: auto;
    display: flex;
  }

  .enterprise-title {
    text-align: center;
    max-width: 460px;
    margin-left: auto;
    margin-right: auto;
  }

  .enterprise-image-wrap.desktop-off {
    max-width: 100%;
    height: 520px;
    display: block;
  }

  .enterprise-image-wrap.desktop-on {
    display: none;
  }

  .story-wrap {
    grid-column-gap: var(--_gap---gap-xl);
    grid-row-gap: var(--_gap---gap-xl);
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .story-left-block, .story-right-block {
    max-width: 100%;
  }

  .story-button {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
  }

  .career-hero-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .career-hero-item, .career-hero-item._01 {
    max-width: 100%;
  }

  .career-hero-item._01 {
    max-width: 100%;
  }

  .career-hero-item._02 {
    max-width: 100%;
    overflow: hidden;
  }

  .career-hero-image-wrap {
    height: 290px;
  }

  .section-border-line._01, .section-border-line._02, .section-border-line._03, .section-border-line._01, .section-border-line._02, .section-border-line._03 {
    display: none;
  }

  .value-top-title {
    max-width: 520px;
  }

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

  .value-single-wrap {
    height: auto;
    padding: 20px;
  }

  .value-single-wrap._01 {
    border-right: 1px solid var(--stroke-dark);
    border-right: 1px solid var(--stroke-dark);
  }

  .value-empty-block {
    display: none;
  }

  .team-top-wrap {
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
  }

  .team-left-wrap {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    max-width: 520px;
    display: flex;
  }

  .team-top-title {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }

  .team-wrap {
    grid-row-gap: 0px;
    grid-template-columns: 1fr 1fr;
  }

  .team-border-line._02 {
    border-right-style: none;
  }

  .location-top-wrap {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .location-wrap {
    grid-row-gap: 40px;
    grid-template-columns: 1fr 1fr;
  }

  .location-single-block {
    border-right-style: none;
  }

  .journey-top-wrap {
    max-width: 100%;
  }

  .journey-wrap {
    grid-column-gap: 16px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr;
    align-items: stretch;
  }

  .journey-single-wrap {
    grid-column-gap: var(--_gap---gap-2xl);
    grid-row-gap: var(--_gap---gap-2xl);
    border-right-style: none;
    min-height: auto;
    padding: 20px;
  }

  .journey-single-wrap._02, .journey-single-wrap._03, .journey-single-wrap._04, .journey-single-wrap._02, .journey-single-wrap._03, .journey-single-wrap._04 {
    min-height: auto;
  }

  .hero-wrap {
    flex-flow: column;
  }

  .hero-left-wrap {
    width: 100%;
    max-width: 100%;
  }

  .about-hero-right-wrap, .about-hero-top-wrap {
    max-width: 100%;
  }

  .hero-avatar-wrapper {
    justify-content: center;
    align-items: center;
  }

  .hero-title {
    text-align: center;
  }

  .about-hero-details {
    text-align: center;
    max-width: 620px;
    margin-left: auto;
    margin-right: auto;
  }

  .hero-counter-wrap {
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 24px;
  }

  .hero-counter-title {
    font-size: var(--_typography---paragraph--font-size-s);
  }

  .about-top-wrap {
    margin-bottom: var(--_gap---gap-xl);
    grid-column-gap: var(--_gap---gap-s);
    grid-row-gap: var(--_gap---gap-s);
  }

  .about-counter-text {
    margin-top: 16px;
  }

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

  .hero-content-wrap {
    order: -9999;
    max-width: 100%;
    margin-left: 0;
  }

  .hero-v1-title {
    text-align: center;
  }

  .hero-image-wrap.desktop-off {
    height: 500px;
    display: block;
  }

  .hero-image-wrap.desktop-on {
    display: none;
  }

  .hero-image {
    object-position: 50% 0%;
  }

  .marquee-single-wrap.home {
    grid-row-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
  }

  .marquee-logo {
    margin-right: var(--_gap---gap-xl);
  }

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

  .about-v1-left-wrap {
    max-width: 100%;
  }

  .about-v1-right-wrap {
    max-width: 100%;
    padding-bottom: var(--_gap---gap-3xl);
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .about-v1-title {
    text-align: center;
    max-width: 100%;
  }

  .about-v1-title-wrap {
    justify-content: flex-start;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
  }

  .about-v1-left-title {
    text-align: center;
  }

  .about-v2-single-wrap.last, .about-v2-single-wrap._01 {
    border-right: 1px solid var(--stroke-dark);
  }

  .about-v2-single-wrap.last, .about-v2-single-wrap._01 {
    border-right: 1px solid var(--stroke-dark);
  }

  .about-v2-single-wrap._02 {
    border-bottom: 1px solid var(--stroke-dark);
  }

  .pricing-title-wrap {
    margin-bottom: var(--_gap---gap-xl);
  }

  .pricing-v1-title {
    max-width: 420px;
  }

  .service-card-wrap {
    width: 100%;
    max-width: 100%;
    padding: 20px;
  }

  .service-single-block {
    width: 100%;
    max-width: 100%;
    height: 100%;
    min-height: auto;
  }

  .process-content-wrap {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .service-top-button {
    flex: none;
  }

  .service-flex-wrap {
    flex-flow: column;
  }

  .service-feature-item {
    letter-spacing: -.4px;
  }

  .service-image-wrap {
    order: -9999;
    max-width: 100%;
  }

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

  .service-wrap.desktop-on {
    display: none;
  }

  .service-cl-wrapper {
    width: 100%;
    max-width: 100%;
  }

  .service-cl-wrapper.desktop-off {
    display: block;
  }

  .service-cl-wrap {
    width: 100%;
    max-width: 100%;
  }

  .service-cl-wrap.tablet {
    grid-column-gap: 16px;
    grid-row-gap: var(--_gap---gap-s);
    grid-column-gap: 16px;
    grid-row-gap: var(--_gap---gap-s);
    grid-template-rows: auto;
    grid-template-columns: minmax(200px, 1fr) minmax(200px, 1fr);
    grid-auto-columns: 1fr;
    display: grid;
  }

  .service-cl-item {
    width: 100%;
    max-width: 100%;
  }

  .report-wrap {
    flex-flow: column;
  }

  .report-title-wrap {
    margin-left: auto;
    margin-right: auto;
  }

  .report-title {
    text-align: center;
  }

  .report-details {
    text-align: center;
    max-width: 100%;
  }

  .report-counter-wrap {
    grid-column-gap: var(--_gap---gap-xl);
    grid-row-gap: var(--_gap---gap-s);
    grid-template-columns: 1fr 1fr;
  }

  .report-circle {
    width: 220px;
    height: 220px;
  }

  .report-circle._02 {
    width: 200px;
    height: 200px;
  }

  .report-circle._03 {
    width: 160px;
    height: 160px;
  }

  .report-circle._04 {
    width: 140px;
    height: 140px;
  }

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

  .report-logo-wrap {
    height: 120px;
  }

  .award-top-wrap {
    margin-right: auto;
    margin-bottom: var(--_gap---gap-xl);
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    margin-left: auto;
    display: flex;
  }

  .award-title {
    text-align: center;
    max-width: 520px;
  }

  .award-grid-wrap, .award-grid-wrap._01, .award-grid-wrap._01 {
    grid-template-columns: minmax(100px, 100px) 1fr 1fr minmax(100px, 100px);
  }

  .creative-title {
    max-width: 520px;
    font-size: var(--_typography---heading--font-size-6xl);
    letter-spacing: var(--_typography---letter-spacing--letter-spacing-3xl);
  }

  .creative-image-wrapper {
    max-width: 100%;
  }

  .creative-image-wrap {
    max-width: 240px;
  }

  .creative-image-wrap._01 {
    margin-left: 43px;
  }

  .creative-image-wrap._03 {
    top: 500px;
  }

  .creative-image-wrap._04 {
    left: 52%;
  }

  .creative-image-wrap._08 {
    bottom: 200px;
  }

  .creative-image-wrap._07 {
    bottom: -4%;
    left: 48%;
  }

  .creative-image-wrap._06 {
    bottom: 280px;
  }

  .creative-image-wrap._05 {
    bottom: 980px;
  }

  .password-wrap {
    padding: 24px;
  }

  .password-icon-block {
    width: 90px;
    height: 90px;
  }

  .password-field-wrap {
    margin-top: var(--_gap---gap-xl);
  }

  ._404-wrapper {
    padding-top: var(--_gap---gap-xl);
    padding-bottom: 0;
  }

  .single-service-image-wrap {
    height: 520px;
  }

  .single-blog-top-wrap {
    max-width: 100%;
  }

  .single-blog-title {
    max-width: 620px;
  }

  .single-blog-image-wrap {
    height: 520px;
  }

  .blog-rich-wrap, .single-career-wrapper {
    max-width: 100%;
  }

  .career-top-wrap {
    margin-bottom: var(--_gap---gap-2xl);
  }

  .career-content-wrap {
    grid-column-gap: var(--_gap---gap-l);
    grid-row-gap: var(--_gap---gap-l);
  }

  .single-project-image-wrap {
    height: 520px;
  }

  .single-project-flex-wrap, .single-project-item, .project-rich-details-wrap {
    max-width: 100%;
  }

  .secondary-button:where(.w-variant-6a99e313-884c-0caf-bae1-996bc6e33094) {
    border: 1px solid var(--stroke);
    background-color: var(--transparent);
    width: 100%;
    max-width: 100%;
  }

  .blog-v1-wrapper {
    padding-bottom: var(--_gap---gap-none);
  }

  .about-v2-number-wrap {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .award-v2-top-wrap {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .awrad-v2-title {
    text-align: center;
    max-width: 520px;
    margin-left: auto;
    margin-right: auto;
  }

  .award-v2-wrap {
    flex-flow: column;
  }

  .award-v2-left-wrap {
    max-width: 100%;
  }

  .award-v2-right-wrap {
    order: -9999;
  }

  .award-v2-grid-wrap, .award-v2-heading-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: minmax(80px, 80px) minmax(100px, 280px) minmax(100px, 400px);
  }

  .service-v2-title {
    max-width: 580px;
  }

  .service-v2-single-item {
    grid-column-gap: var(--_gap---gap-l);
    grid-row-gap: var(--_gap---gap-l);
    flex-flow: column;
    padding: 20px;
  }

  .service-v2-left-wrap {
    width: 100%;
    max-width: 100%;
  }

  .service-v2-right-wrap {
    max-width: 100%;
  }

  .service-v2-image-wrap {
    max-width: 300px;
  }

  .service-v2-details-wrap {
    max-width: 340px;
  }

  .about-v2-title {
    letter-spacing: -.72px;
    max-width: 100%;
    font-size: 36px;
  }

  .about-v2-wrap {
    padding: 16px;
  }

  .about-v2-avatar {
    max-width: 40px;
    max-height: 40px;
    margin-left: -13px;
  }

  .about-v2-avatar-text {
    font-size: var(--_typography---paragraph--font-size-s);
  }

  .hero-v2-wrapper {
    flex-flow: column;
  }

  .hero-v2-content-block {
    justify-content: flex-start;
    align-items: center;
    max-width: 100%;
  }

  .hero-v2-title {
    text-align: center;
    letter-spacing: -3.2px;
    font-size: 80px;
  }

  .hero-v2-category-wrap {
    justify-content: center;
    align-items: center;
  }

  .hero-v2-image-block {
    flex-flow: row;
    max-width: 100%;
  }

  .hero-v2-image-wrap {
    max-width: 100%;
    height: auto;
  }

  .testimonial-v2-top-wrap {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    max-width: 480px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .testimonial-v2-top-title {
    text-align: center;
  }

  .testimonial-v2-single-wrap {
    width: 400px;
    height: auto;
  }

  .work-top-wrap {
    max-width: 520px;
  }

  .contact-left-wrap {
    max-width: 320px;
  }

  .contact-input-field {
    border-right-style: solid;
    border-right-color: var(--stroke);
  }

  .contact-filed-wrap {
    grid-row-gap: 14px;
    grid-template-columns: 1fr;
  }

  .contact-form-submit, .contact-form-submit:hover {
    background-position: 63%;
  }

  .navbar-content-block {
    max-width: 500px;
  }

  .creator-title-wrap {
    max-width: 100%;
  }

  .creator-title-block._01 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .creator-title {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }

  .creator-content-wrap {
    justify-content: center;
    align-items: center;
  }

  .creator-image-block._01 {
    top: 50px;
    left: 100px;
  }

  .creator-image-block._02 {
    top: 60px;
    right: 20px;
  }

  .creator-image-block._03 {
    bottom: 40px;
    left: 20px;
  }

  .creator-image-block._04 {
    bottom: 120px;
    right: 60px;
  }

  .contact-border-line._02, .contact-border-line._03 {
    display: none;
  }

  .contact-border-line._01 {
    left: 319px;
  }

  .contact-border-line._02, .contact-border-line._03, .section-border-block, .footer-border-line._01, .footer-border-line._02, .footer-border-line._01, .footer-border-line._02 {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  body {
    --_typography---paragraph--font-size-s: 16px;
    --_typography---heading--font-size-6xl: 48px;
    --_typography---letter-spacing--letter-spacing-3xl: -1.92px;
    --_typography---heading--font-size-5xl: 40px;
    --_typography---letter-spacing--letter-spacing-2xl: -1.6px;
    --_typography---heading--font-size-4xl: 36px;
    --_typography---letter-spacing--letter-spacing-xl: -.72px;
    --_typography---heading--font-size-3xl: 26px;
    --_typography---letter-spacing--letter-spacing-s: -.4px;
    --_typography---heading--font-size-2xl: 22px;
    --_typography---letter-spacing--letter-spacing-l: -.88px;
    --_typography---paragraph--font-size-m: 18px;
    --_typography---paragraph--font-size-l: 20px;
    --_typography---paragraph--font-size-xs: 14px;
    --_typography---letter-spacing--letter-spacing-none: 0px;
    --_typography---letter-spacing--letter-spacing-xs: -.3px;
    --_typography---heading--font-size-xl: 18px;
    --_radius---radius-xs: 12px;
    --_radius---radius-l: 16px;
    --_radius---radius-m: 12px;
    --_radius---radius-circle: 50%;
    --_radius---radius-s: 12px;
    --_radius---radius-none: 0px;
    --_radius---radius-xl: 20px;
    --_gap---gap-none: 0px;
    --_gap---gap-3xl: 80px;
    --_gap---gap-7xl: 120px;
    --_gap---gap-4xl: 80px;
    --_gap---gap-5xl: 80px;
    --_gap---gap-8xl: 140px;
    --_gap---gap-2xl: 50px;
    --_gap---gap-xs: 20px;
    --_gap---gap-m: 30px;
    --_gap---gap-xxs: 16px;
    --_gap---gap-xl: 40px;
    --_gap---gap-l: 35px;
    --_gap---gap-6xl: 80px;
    --_gap---gap-s: 20px;
  }

  .section.creative {
    padding-top: var(--_gap---gap-3xl);
  }

  .section.hero-v2 {
    padding-top: var(--_gap---gap-2xl);
  }

  .section.creator {
    padding-top: var(--_gap---gap-3xl);
    padding-bottom: var(--_gap---gap-3xl);
  }

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

  .license-typograpy-block {
    padding: 20px;
  }

  .license-typograpy-details {
    font-size: var(--_typography---paragraph--font-size-s);
  }

  .footer-wrap {
    flex-flow: column;
  }

  .footer-left-block {
    max-width: 100%;
  }

  .navbar-details-wrap {
    display: none;
  }

  .changelog-wrap {
    padding: 20px;
  }

  .changelog-content-wrap {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
  }

  .changelog-line-block {
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
  }

  .changelog-line {
    width: 100%;
    max-width: 100%;
    height: 1px;
    min-height: 1px;
  }

  .changelog-content-block {
    max-width: 100%;
    padding: 20px;
  }

  .cangelog-list-wrap {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .style-guide-wrap {
    flex-flow: column;
  }

  .style-guide-left-wrap {
    max-width: 100%;
    position: static;
  }

  .color-box {
    height: 160px;
  }

  .typography-content {
    width: 100%;
    max-width: 100%;
  }

  .primary-button {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
  }

  .text-heading-wrap {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 16px;
  }

  .faq-wrapper {
    grid-column-gap: var(--_gap---gap-xl);
    grid-row-gap: var(--_gap---gap-xl);
    flex-flow: column;
  }

  .faq-left-wrap {
    grid-column-gap: var(--_gap---gap-m);
    grid-row-gap: var(--_gap---gap-m);
    max-width: 100%;
  }

  .faq-right-wrap {
    max-width: 100%;
  }

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

  .section-subtitle.about, .section-subtitle.location, .section-subtitle.about, .section-subtitle.location, .faq-title {
    text-align: center;
  }

  .faq-bottom-wrap.mobile-on {
    grid-column-gap: var(--_gap---gap-xl);
    grid-row-gap: var(--_gap---gap-xl);
    height: auto;
    display: flex;
  }

  .faq-bottom-wrap.mobile-off {
    display: none;
  }

  .founder-image-wrap {
    height: 400px;
  }

  .founder-right-wrap {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .founder-quote-wrap {
    width: 60px;
    min-width: 60px;
  }

  .founder-details {
    font-size: var(--_typography---heading--font-size-3xl);
    letter-spacing: var(--_typography---letter-spacing--letter-spacing-s);
  }

  .contact-wrapper {
    padding-bottom: var(--_gap---gap-none);
  }

  .contact-top-title {
    max-width: 420px;
  }

  .contact-wrap {
    grid-column-gap: var(--_gap---gap-2xl);
    grid-row-gap: var(--_gap---gap-2xl);
    flex-flow: column;
  }

  .blog-top-title, .blog-top-title.v2, .blog-top-title.v2 {
    text-align: center;
  }

  .blog-item-image-wrap {
    height: 380px;
  }

  .blog-cl-wrap {
    grid-row-gap: var(--_gap---gap-2xl);
    grid-template-columns: 1fr;
  }

  .pricing-top-title {
    max-width: 320px;
  }

  .pricing-grid-wrap {
    grid-row-gap: 35px;
    grid-template-columns: 1fr;
  }

  .pricing-single-item {
    border-right-style: none;
  }

  .pricing-single-item._02 {
    border-top: 1px solid var(--stroke);
    border-top: 1px solid var(--stroke);
  }

  .pricing-content-block {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .plan-list-wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }

  .testimonial-title {
    max-width: 420px;
  }

  .testimonial-single-wrap {
    flex-flow: column;
  }

  .testimonial-quote-wrap {
    width: 60px;
    min-width: 60px;
    height: 50px;
  }

  .section-top-wrap {
    grid-column-gap: var(--_gap---gap-none);
    grid-row-gap: var(--_gap---gap-none);
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
  }

  .project-top-title {
    max-width: 420px;
    margin-left: auto;
    margin-right: auto;
  }

  .section-top-details {
    text-align: center;
  }

  .section-top-title {
    text-align: center;
    width: 100%;
    max-width: 360px;
    margin-left: auto;
    margin-right: auto;
  }

  .project-cl-list.project {
    grid-column-gap: 0px;
    grid-row-gap: 30px;
    grid-column-gap: 0px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr;
  }

  .project-flex-wrap {
    flex-flow: column;
  }

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

  .gallery-image-wrap {
    width: 260px;
  }

  .career-title-wrap {
    max-width: 400px;
  }

  .career-single-item {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .benefits-title-wrap {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
  }

  .benefit-title {
    text-align: center;
    max-width: 400px;
  }

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

  .section-border-wrap {
    display: none;
  }

  .enterprise-title {
    max-width: 340px;
  }

  .enterprise-image-wrap.desktop-off {
    height: 400px;
  }

  .story-single-item {
    flex-flow: column;
  }

  .career-hero-wrap {
    grid-template-columns: 1fr;
  }

  .value-top-title {
    text-align: center;
    max-width: 360px;
    margin-left: auto;
    margin-right: auto;
  }

  .value-top-wrap {
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
  }

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

  .value-single-wrap._01 {
    border-right-style: none;
  }

  .team-left-wrap {
    max-width: 420px;
  }

  .team-wrap {
    padding-bottom: var(--_gap---gap-none);
    grid-column-gap: 0px;
    grid-row-gap: var(--_gap---gap-2xl);
    grid-template-columns: 1fr;
  }

  .team-single-block._02 {
    margin-top: 0;
  }

  .team-image-wrap {
    height: 460px;
  }

  .team-image {
    filter: none;
    object-position: 50% 0%;
  }

  .team-image:hover {
    filter: none;
    transform: none;
  }

  .location-top-wrap {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
  }

  .location-top-title {
    text-align: center;
    max-width: 100%;
  }

  .location-wrap {
    grid-row-gap: var(--_gap---gap-2xl);
    grid-template-columns: 1fr;
  }

  .location-info-wrap {
    padding-left: var(--_gap---gap-xxs);
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .location-image-wrap {
    height: 420px;
  }

  .journey-top-wrap {
    grid-column-gap: var(--_gap---gap-none);
    grid-row-gap: var(--_gap---gap-none);
    text-align: center;
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
  }

  .journey-top-title {
    max-width: 360px;
    margin-left: auto;
    margin-right: auto;
  }

  .journey-wrap {
    grid-row-gap: 25px;
    grid-template-columns: 1fr;
  }

  .hero-avatar-wrapper {
    flex-flow: column;
  }

  .hero-avatar-image {
    max-width: 30px;
    max-height: 30px;
    margin-left: -10px;
  }

  .hero-avatar-wrap {
    justify-content: flex-start;
    align-items: center;
  }

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

  .hero-counter-wrapper {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: wrap;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .hero-counter-wrap {
    border-left-style: none;
    max-width: 100%;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 20px;
  }

  .hero-counter-wrap._01 {
    border-right: 1px solid var(--stroke-dark);
  }

  .hero-counter-wrap._03 {
    border-right: 1px solid var(--stroke-dark);
    border-left-style: none;
  }

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

  .about-counter-wrap {
    margin-left: auto;
    margin-right: auto;
  }

  .about-counter-number.counter {
    text-align: center;
    text-align: center;
  }

  .about-counter-text {
    text-align: center;
  }

  .about-title-wrap {
    flex-flow: column;
    order: -9999;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .about-title {
    text-align: center;
  }

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

  .about-small-image-block {
    height: 190px;
    overflow: hidden;
  }

  .blog-v1-top-wrap {
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
  }

  .blog-top-title-wrap {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .hero-title-wrap {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    max-width: 420px;
    margin-left: auto;
    margin-right: auto;
  }

  .about-v1-title {
    font-size: var(--_typography---heading--font-size-3xl);
    text-align: center;
    letter-spacing: var(--_typography---letter-spacing--letter-spacing-s);
  }

  .pricing-v1-title {
    max-width: 360px;
  }

  .process-content-wrap {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
  }

  .service-top-title-wrap {
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
  }

  .service-top-title {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }

  .service-feature-item {
    letter-spacing: -.36px;
  }

  .service-cl-wrap.tablet {
    grid-template-columns: minmax(200px, 1fr);
  }

  .report-circle-wrap {
    justify-content: center;
    align-items: center;
  }

  .report-circle {
    width: 160px;
    height: 160px;
  }

  .report-circle._02 {
    width: 120px;
    height: 120px;
  }

  .report-circle._03 {
    width: 100px;
    height: 100px;
  }

  .report-circle._04 {
    width: 80px;
    height: 80px;
  }

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

  .award-grid-wrap {
    flex-flow: wrap;
    grid-template-columns: minmax(100px, 1fr) 1fr;
    display: flex;
  }

  .creative-title-wrap {
    max-width: 360px;
    height: auto;
    margin-right: auto;
    margin-bottom: var(--_gap---gap-xl);
    margin-left: auto;
    padding-top: 0;
    position: static;
  }

  .creative-title {
    max-width: 420px;
  }

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

  .creative-image-wrap {
    max-width: 100%;
  }

  .creative-image-wrap._02, .creative-image-wrap._03 {
    position: static;
  }

  .creative-image-wrap._06, .creative-image-wrap._05 {
    position: static;
  }

  .creative-image-wrap._01 {
    margin-left: 0;
  }

  .creative-image-wrap._02, .creative-image-wrap._03 {
    position: static;
  }

  .creative-image-wrap._04 {
    position: static;
    left: 0%;
    transform: none;
  }

  .creative-image-wrap._08 {
    position: static;
  }

  .creative-image-wrap._07 {
    position: static;
    transform: none;
  }

  .creative-image-wrap._06, .creative-image-wrap._05 {
    position: static;
  }

  .password-wrap {
    padding: 20px;
  }

  .password-icon-block {
    width: 80px;
    height: 80px;
  }

  .password-details, .password-field-wrap {
    max-width: 100%;
  }

  ._404-details {
    margin-top: 16px;
  }

  .single-service-image-wrap {
    height: 400px;
  }

  .single-blog-title {
    max-width: 540px;
  }

  .single-blog-image-wrap {
    height: 400px;
  }

  .career-content-wrap {
    grid-column-gap: var(--_gap---gap-l);
    grid-row-gap: var(--_gap---gap-m);
    flex-flow: wrap;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .single-project-image-wrap {
    height: 400px;
  }

  .single-project-flex-wrap {
    flex-flow: column;
  }

  .project-list-wrap, .project-rich-wrap {
    max-width: 100%;
  }

  .project-cl-mi-wrap {
    grid-template-columns: 1fr;
  }

  .secondary-button {
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 32px;
  }

  .promary-button-bg:where(.w-variant-2aebdcb7-7754-dd5b-1071-fa6a7d133039) {
    background-color: var(--bg-color);
  }

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

  .gallery-title {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }

  .awrad-v2-title {
    max-width: 420px;
  }

  .award-v2-grid-wrap {
    flex-flow: column;
    display: flex;
  }

  .award-v2-heading-wrap {
    flex-flow: column;
    display: none;
  }

  .service-v2-title {
    max-width: 460px;
  }

  .service-v2-single-item {
    padding-left: 0;
    padding-right: 0;
  }

  .service-v2-single-item:hover {
    border-radius: var(--_radius---radius-none);
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .service-v2-left-wrap {
    grid-column-gap: var(--_gap---gap-xs);
    grid-row-gap: var(--_gap---gap-xs);
  }

  .service-v2-number, .service-v2-item-title {
    color: var(--white);
  }

  .service-v2-image-wrap {
    max-width: 100%;
  }

  .service-v2-content-wrap {
    flex-flow: column;
  }

  .service-v2-details-wrap {
    order: -9999;
    max-width: 100%;
  }

  .about-v2-title {
    font-size: var(--_typography---heading--font-size-3xl);
    letter-spacing: var(--_typography---letter-spacing--letter-spacing-s);
  }

  .about-v2-wrap {
    border-radius: 16px;
    flex-flow: column;
    max-width: 100%;
  }

  .about-v2-avatar {
    max-width: 30px;
    max-height: 30px;
    margin-left: -10px;
  }

  .hero-v2-title {
    letter-spacing: -2.4px;
    font-size: 60px;
  }

  .hero-v2-category-wrap {
    flex-flow: wrap;
  }

  .hero-v2-image-block {
    flex-flow: column;
  }

  .hero-v2-image-wrap {
    max-width: 100%;
  }

  .testimonial-v2-top-wrap {
    max-width: 400px;
  }

  .testimonial-v2-single-wrap {
    width: 320px;
    height: auto;
  }

  .work-top-wrap {
    max-width: 420px;
  }

  .work-item-image-block {
    width: 180px;
    height: 180px;
    bottom: 16px;
    left: 16px;
  }

  .award-v2-item-bg {
    display: none;
  }

  .contact-left-wrap, .contact-form-block {
    max-width: 100%;
  }

  .contact-single-block {
    border-right: 1px solid var(--stroke);
    border-left: 1px solid var(--stroke);
  }

  .contact-form-submit, .contact-form-submit:hover {
    background-position: 60%;
  }

  .navbar-content-block {
    justify-content: flex-end;
    max-width: 100%;
  }

  .creator-wrapper {
    height: auto;
  }

  .creator-sticky-wrap {
    height: auto;
    position: static;
  }

  .creator-title-wrap {
    grid-row-gap: 40px;
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: flex;
  }

  .creator-title-block._02, .creator-title-block._03, .creator-title-block._02, .creator-title-block._03 {
    position: static;
  }

  .creator-title {
    max-width: 320px;
  }

  .creator-content-wrap {
    height: auto;
    display: block;
  }

  .creator-image-wrapper, .contact-border-block {
    display: none;
  }

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

@media screen and (max-width: 479px) {
  body {
    --_typography---paragraph--font-size-s: 16px;
    --_typography---heading--font-size-6xl: 36px;
    --_typography---letter-spacing--letter-spacing-3xl: -1.6px;
    --_typography---heading--font-size-5xl: 32px;
    --_typography---letter-spacing--letter-spacing-2xl: -1.28px;
    --_typography---heading--font-size-4xl: 30px;
    --_typography---letter-spacing--letter-spacing-xl: -.6px;
    --_typography---heading--font-size-3xl: 24px;
    --_typography---letter-spacing--letter-spacing-s: -.36px;
    --_typography---heading--font-size-2xl: 20px;
    --_typography---letter-spacing--letter-spacing-l: -.8px;
    --_typography---paragraph--font-size-m: 16px;
    --_typography---paragraph--font-size-l: 18px;
    --_typography---paragraph--font-size-xs: 14px;
    --_typography---letter-spacing--letter-spacing-none: 0px;
    --_typography---letter-spacing--letter-spacing-xs: -.28px;
    --_typography---heading--font-size-xl: 18px;
    --_radius---radius-xs: 10px;
    --_radius---radius-l: 12px;
    --_radius---radius-m: 10px;
    --_radius---radius-circle: 50%;
    --_radius---radius-s: 10px;
    --_radius---radius-none: 0px;
    --_radius---radius-xl: 16px;
    --_gap---gap-none: 0px;
    --_gap---gap-3xl: 80px;
    --_gap---gap-7xl: 100px;
    --_gap---gap-4xl: 80px;
    --_gap---gap-5xl: 80px;
    --_gap---gap-8xl: 120px;
    --_gap---gap-2xl: 40px;
    --_gap---gap-xs: 16px;
    --_gap---gap-m: 30px;
    --_gap---gap-xxs: 16px;
    --_gap---gap-xl: 35px;
    --_gap---gap-l: 30px;
    --_gap---gap-6xl: 80px;
    --_gap---gap-s: 20px;
  }

  .license-typograpy-block {
    padding-left: 16px;
    padding-right: 16px;
  }

  .license-typograpy-details {
    font-size: var(--_typography---paragraph--font-size-xs);
  }

  .nav-link-texts {
    height: 22px;
  }

  .changelog-top-wrap {
    margin-bottom: var(--_gap---gap-3xl);
  }

  .changelog-wrap, .changelog-content-block {
    padding-left: 16px;
    padding-right: 16px;
  }

  .cangelog-list-wrap {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

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

  .typography-content {
    grid-column-gap: var(--_gap---gap-s);
    grid-row-gap: var(--_gap---gap-s);
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

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

  .style-text-wrapper {
    overflow: auto;
  }

  .style-text-wrap {
    width: 600px;
    overflow: auto;
  }

  .section-subtitle.hero {
    text-align: center;
    text-align: center;
  }

  .faq-bottom-wrap.mobile-on, .faq-single-item {
    padding-left: 16px;
    padding-right: 16px;
  }

  .founder-image-wrap {
    height: 300px;
  }

  .founder-details {
    font-size: var(--_typography---heading--font-size-3xl);
    line-height: var(--_line-height---line-height-s);
  }

  .contact-top-title {
    max-width: 320px;
  }

  .blog-top-wrap {
    grid-column-gap: var(--_gap---gap-none);
    grid-row-gap: var(--_gap---gap-none);
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
  }

  .blog-top-title {
    text-align: center;
    max-width: 260px;
  }

  .blog-item-image-wrap {
    height: 300px;
  }

  .pricing-top-title {
    max-width: 290px;
  }

  .pricing-grid-wrap {
    grid-row-gap: 30px;
  }

  .pricing-content-block, .plan-list-wrapper {
    padding-left: 16px;
    padding-right: 16px;
  }

  .plan-list-icon {
    max-width: 20px;
    max-height: 20px;
  }

  .plan-item-text {
    font-size: var(--_typography---paragraph--font-size-xs);
  }

  .testimonial-title {
    max-width: 320px;
  }

  .testimonial-details {
    font-size: var(--_typography---heading--font-size-2xl);
    letter-spacing: var(--_typography---letter-spacing--letter-spacing-none);
  }

  .testimonial-author-block {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .testimonial-author-image {
    max-width: 45px;
    max-height: 45px;
  }

  .testimonial-arrow-block {
    transition: border-color .4s, background-color .4s;
  }

  .testimonial-arrow-block:hover {
    border-color: var(--white);
    background-color: var(--white);
  }

  .project-top-title {
    max-width: 300px;
  }

  .gallery-image-wrap {
    width: 220px;
  }

  .career-title-wrap {
    max-width: 300px;
  }

  .career-item-title-wrap {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .career-arrow-block {
    width: 36px;
    height: 36px;
  }

  .career-arrow-icons {
    width: 20px;
    height: 20px;
  }

  .benefit-title {
    max-width: 340px;
  }

  .benefit-single-wrap {
    padding-left: 16px;
    padding-right: 16px;
  }

  .enterprise-title {
    max-width: 300px;
    letter-spacing: var(--_typography---letter-spacing--letter-spacing-none);
  }

  .enterprise-image-wrap.desktop-off {
    height: auto;
  }

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

  .value-top-title {
    max-width: 280px;
  }

  .value-single-wrap {
    padding-left: 16px;
    padding-right: 16px;
  }

  .team-left-wrap {
    max-width: 320px;
  }

  .team-image-wrap {
    height: 320px;
  }

  .location-wrap {
    grid-row-gap: 30px;
  }

  .location-info-wrap {
    padding-left: var(--_gap---gap-none);
  }

  .location-image-wrap {
    height: 300px;
  }

  .journey-single-wrap {
    padding-left: 16px;
    padding-right: 16px;
  }

  .hero-wrap {
    justify-content: space-between;
    align-items: center;
  }

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

  .hero-counter-wrap {
    padding-top: 24px;
    padding-bottom: 24px;
    padding-left: 16px;
  }

  .hero-counter-wrap._01 {
    border-bottom: 1px solid var(--stroke-dark);
    border-right-style: none;
  }

  .hero-counter-wrap._03 {
    border-top: 1px solid var(--stroke-dark);
    border-right-style: none;
  }

  .about-counter-text {
    margin-top: 12px;
  }

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

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

  .about-small-image-block {
    order: -9999;
    max-width: 100%;
    height: 240px;
  }

  .about-image-wrap {
    height: 240px;
  }

  .marquee-logo {
    width: 150px;
    margin-right: var(--_gap---gap-xxs);
  }

  .about-v2-single-wrap.last, .about-v2-single-wrap._01 {
    border-right-style: none;
  }

  .about-v2-single-wrap.last, .about-v2-single-wrap._01 {
    border-right-style: none;
  }

  .about-v2-single-wrap._02 {
    border-bottom-style: none;
  }

  .pricing-v1-title {
    max-width: 280px;
  }

  .service-card-wrap {
    padding-left: 16px;
    padding-right: 16px;
  }

  .service-feature-item {
    letter-spacing: -.28px;
  }

  .report-counter-wrap {
    grid-column-gap: var(--_gap---gap-s);
    grid-row-gap: var(--_gap---gap-2xl);
    grid-auto-flow: row;
  }

  .report-circle-wrap {
    display: none;
  }

  .award-title {
    max-width: 320px;
  }

  .award-grid-wrap {
    flex-flow: column;
  }

  .award-empty {
    display: none;
  }

  .creative-title-wrap {
    max-width: 290px;
  }

  .creative-title {
    max-width: 270px;
  }

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

  .creative-image-wrap {
    height: 300px;
  }

  .password-wrap {
    padding-left: 16px;
    padding-right: 16px;
  }

  .password-icon {
    max-width: 35px;
    max-height: 35px;
  }

  .password-icon-block {
    width: 75px;
    height: 75px;
  }

  .password-field-wrap {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
    align-items: stretch;
  }

  .password-submit {
    position: static;
  }

  ._404-title {
    letter-spacing: -3.2px;
    font-size: 80px;
  }

  .single-service-image-wrap {
    height: 300px;
  }

  .blog-author-wrap {
    grid-row-gap: 12px;
    flex-flow: wrap;
  }

  .single-blog-image-wrap {
    height: 300px;
  }

  .career-content-wrap {
    grid-column-gap: var(--_gap---gap-s);
  }

  .single-career-item-ttitle, .single-career-item-text {
    font-size: var(--_typography---paragraph--font-size-xs);
  }

  .single-project-image-wrap {
    height: 300px;
  }

  .project-counter-wrap {
    grid-template-columns: 1fr;
  }

  .secondary-button {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    padding-top: 14px;
    padding-bottom: 14px;
    padding-left: 28px;
  }

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

  .awrad-v2-title {
    max-width: 300px;
  }

  .award-v2-grid-wrap {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .service-v2-title {
    max-width: 340px;
  }

  .service-v2-cl-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    display: flex;
  }

  .service-v2-left-wrap {
    flex-flow: column;
  }

  .service-v2-item-title, .about-v2-title {
    font-size: var(--_typography---heading--font-size-3xl);
    letter-spacing: var(--_typography---letter-spacing--letter-spacing-s);
  }

  .about-v2-avatar-wrap {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .about-v2-avatar-text {
    text-align: center;
  }

  .hero-v2-title {
    letter-spacing: -1.8px;
    font-size: 48px;
  }

  .testimonial-v2-top-wrap {
    max-width: 300px;
  }

  .testimonial-v2-single-wrap {
    grid-column-gap: var(--_gap---gap-l);
    grid-row-gap: var(--_gap---gap-l);
    width: 300px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .work-top-wrap {
    max-width: 300px;
  }

  .work-item-image-block {
    display: none;
  }

  .contact-form-submit {
    background-position: 62%;
    background-size: 20px;
  }

  .contact-form-submit:hover {
    background-position: 62%;
  }

  .creator-title-wrap {
    grid-row-gap: 30px;
  }

  .creator-title {
    max-width: 280px;
  }
}