:root {
  --color--primary-bg: #1e1e1e;
  --_font-family---fonts--manrope: Manrope, sans-serif;
  --color--white: white;
  --_typography---font-1-ext-small: 1rem;
  --_typography---line-height--line-h-1-5: 1.5em;
  --_font-family---font-weight--normal: 400;
  --_font-family---fonts--instrument-serif: "Instrument Serif", sans-serif;
  --_typography---all-heading--h3: 2.75rem;
  --_typography---line-height--line-h-1: 1em;
  --color--b4b4b4: #b4b4b4;
  --color--rgba-42-42-42-0-70: #2a2a2ab3;
  --_spacing---container-item--full: 100%;
  --_spacing---container-item--container-weight: 84.5rem;
  --_spacing---space-1-extra-small: 1rem;
  --_spacing---space-1-medium: 1.5rem;
  --_spacing---space-1-extra-large: 1.88rem;
  --_spacing---space-extra-small: .25rem;
  --_spacing---space-medium: .75rem;
  --_border-radius---all-border--border-full: 999px;
  --color--2a2a2a: #2a2a2a;
  --_border-radius---all-border--border-1: 1rem;
  --_spacing---extra-small: .5rem;
  --_font-family---font-weight--medium: 500;
  --color--434343: #434343;
  --_spacing---space-5-small: 5rem;
  --_typography---font-1-small: 1.125rem;
  --_typography---line-height--line-h-1-4: 1.4em;
  --_typography---letter-space--letter-space-0-05625: -.05625rem;
  --color--brand-color: #ff4f00;
  --_spacing---space-1-normal: 1.25rem;
  --_typography---all-heading--h1: 3.5rem;
  --_typography---line-height--line-h-1-2: 1.2em;
  --_spacing---space-2-extra-small\<deleted\|variable-05cf0fb4-ac09-8665-3950-9430ed379b3d\>: 2rem;
  --_font-family---font-weight--bold: 700;
  --color--transparent: transparent;
  --_spacing---space-3-medium: 3.5rem;
  --_border-radius---all-border--border-1-25: 1.25rem;
  --_typography---all-heading--h2: 3.125rem;
  --_typography---font-large: .875rem;
  --_spacing---space-2-small: 2rem;
  --_spacing---space-4-medium: 4.5rem;
  --_spacing---space-3-small: 3rem;
  --_typography---font-3-medium: 3.5rem;
  --_typography---letter-space--letter-space-0-075: -.075rem;
  --_border-radius---all-border--border-0-75: .75rem;
  --_spacing---space-1-large: 1.75rem;
  --_spacing---space-3-large: 3.75rem;
  --_border-radius---all-border--border-0-5: .5rem;
  --_typography---font-2-small: 2rem;
  --color--rgba-217-217-217-0-40: #d9d9d966;
  --_spacing---font-2-medium: 2.5rem;
  --_typography---font-1-large: 1.75rem;
  --_spacing---space-2-normal: 2.25rem;
  --_typography---font-1-medium: 1.5rem;
  --_typography---font-3-small: 3rem;
  --color--2b2b2b: #2b2b2b;
  --color--343841: #343841;
  --_typography---font-1-normal: 1.25rem;
  --_font-family---font-weight--semi-bold: 600;
  --color--rgba-88-88-88-0-10: #5858581a;
  --_spacing---space-4-small: 4rem;
  --color--rgba-217-217-217-0-20: #d9d9d933;
  --color--rgba-42-42-42-0-50: #2a2a2a80;
  --color--242424: #242424;
  --_spacing---space-2-large: 2.75rem;
  --_typography---font-2-large: 2.75rem;
  --_typography---line-height--line-h-1-1: 1.1em;
  --_font-family---font-weight--light: 300;
  --_typography---line-height--line-h-1-3: 1.3em;
  --_spacing---space-3-normal: 3.25rem;
  --_spacing---space-4-normal: 4.25rem;
  --_spacing---space-4-large: 4.75rem;
  --_typography---font-2-normal: 2.25rem;
  --_typography---font-2-medium: 2.5rem;
  --_typography---font-3-normal: 0px;
}

.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 {
  background-color: var(--color--primary-bg);
  font-family: var(--_font-family---fonts--manrope);
  color: var(--color--white);
  font-size: var(--_typography---font-1-ext-small);
  line-height: var(--_typography---line-height--line-h-1-5);
  font-weight: var(--_font-family---font-weight--normal);
}

h1 {
  margin-top: 0;
  margin-bottom: 0;
  line-height: 44px;
}

h3 {
  font-family: var(--_font-family---fonts--instrument-serif);
  font-size: var(--_typography---all-heading--h3);
  line-height: var(--_typography---line-height--line-h-1);
  font-weight: var(--_font-family---font-weight--normal);
  margin-top: 0;
  margin-bottom: 0;
}

p {
  color: var(--color--b4b4b4);
  text-align: center;
  margin-bottom: 0;
}

.page-wrapper {
  overflow: clip;
}

.navbar {
  z-index: 999;
  background-color: var(--color--rgba-42-42-42-0-70);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  position: sticky;
  top: 0;
}

.container {
  width: var(--_spacing---container-item--full);
  max-width: var(--_spacing---container-item--container-weight);
  padding-right: var(--_spacing---space-1-extra-small);
  padding-left: var(--_spacing---space-1-extra-small);
  margin-left: auto;
  margin-right: auto;
}

.nav-item-block {
  padding: var(--_spacing---space-1-medium) var(--_spacing---space-1-extra-large);
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}

.primary-button-wrap.hide-desktop {
  display: none;
}

.brand-link {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.brand-link.w--current {
  padding-left: 0;
}

.brand-logo {
  width: var(--_spacing---container-item--full);
  max-width: 3rem;
}

.nav-link-wrap {
  padding: var(--_spacing---space-extra-small) var(--_spacing---space-1-extra-small) var(--_spacing---space-extra-small) var(--_spacing---space-extra-small);
  grid-column-gap: var(--_spacing---space-medium);
  grid-row-gap: var(--_spacing---space-medium);
  border-radius: var(--_border-radius---all-border--border-full);
  background-color: var(--color--2a2a2a);
  background-image: url('../images/shape.webp');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  display: flex;
}

.nav-link {
  padding: var(--_spacing---extra-small) var(--_spacing---extra-small) var(--_spacing---extra-small) var(--_spacing---space-1-extra-small);
  color: var(--color--white);
  font-weight: var(--_font-family---font-weight--medium);
  margin-left: 0;
}

.nav-link.w--current {
  color: var(--color--white);
  background-image: url('../images/Ellipse-26.webp');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: .5rem .5rem;
}

.man {
  border-radius: var(--_border-radius---all-border--border-full);
  width: 2.875rem;
  height: 2.875rem;
}

.dot {
  border-radius: var(--_border-radius---all-border--border-full);
  background-color: var(--color--434343);
  width: .6875rem;
  height: .6875rem;
}

.dot.nav {
  z-index: 3;
  position: absolute;
  inset: auto -.4rem -.3rem auto;
}

.dot.nav.right {
  inset: auto auto -.3rem -.3rem;
}

.vertical-line-v2 {
  z-index: 2;
  height: var(--_spacing---container-item--full);
  background-color: #d9d9d933;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: .06rem;
  display: flex;
  position: absolute;
  inset: 0% auto 0% 0%;
  overflow: hidden;
}

.vertical-line-v2.right {
  inset: 0% 0% 0% auto;
}

.home-hero-area {
  background-image: url('../images/Group-74-1.webp'), url('../images/color-shape.webp');
  background-position: 0 0, 100% 0;
  background-repeat: no-repeat, no-repeat;
  background-size: 35rem 35rem, 35rem 35rem;
}

.horizontal-line {
  width: var(--_spacing---container-item--full);
  background-color: #d9d9d933;
  justify-content: flex-start;
  align-items: center;
  height: .0625rem;
  display: flex;
  overflow: hidden;
}

.space-5-small {
  width: var(--_spacing---container-item--full);
  padding-top: var(--_spacing---space-5-small);
}

.hero-main {
  position: relative;
}

.hero-badge {
  padding: var(--_spacing---extra-small) var(--_spacing---space-1-medium) var(--_spacing---extra-small) var(--_spacing---extra-small);
  grid-column-gap: var(--_spacing---space-1-extra-small);
  grid-row-gap: var(--_spacing---space-1-extra-small);
  border-radius: var(--_border-radius---all-border--border-full);
  background-image: url('../images/shape.webp');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.about-block-small {
  padding-left: var(--_spacing---space-medium);
}

.small-image {
  border: 1px solid var(--color--b4b4b4);
  border-radius: var(--_border-radius---all-border--border-full);
  width: 1.875rem;
  height: 1.875rem;
  margin-left: -.75rem;
}

.font-1-small {
  font-size: var(--_typography---font-1-small);
  line-height: var(--_typography---line-height--line-h-1-4);
  font-weight: var(--_font-family---font-weight--medium);
  letter-spacing: var(--_typography---letter-space--letter-space-0-05625);
}

.font-1-small.normal {
  color: var(--color--b4b4b4);
  font-weight: var(--_font-family---font-weight--normal);
}

.font-1-small.normal-instrument-serif {
  font-family: var(--_font-family---fonts--instrument-serif);
  color: var(--color--brand-color);
  font-weight: var(--_font-family---font-weight--normal);
  letter-spacing: 0;
}

.font-1-small.normal-white {
  color: var(--color--b4b4b4);
}

.font-1-small.normal-white.letter-space-none {
  letter-spacing: 0;
}

.font-1-small.lerft {
  color: var(--color--white);
  text-align: left;
}

.hero-header {
  perspective: 1000px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.space-1-normal {
  width: var(--_spacing---container-item--full);
  padding-top: var(--_spacing---space-1-normal);
}

.h1-heading {
  font-family: var(--_font-family---fonts--instrument-serif);
  font-size: var(--_typography---all-heading--h1);
  line-height: var(--_typography---line-height--line-h-1-2);
  font-weight: var(--_font-family---font-weight--normal);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
}

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

.max-width-37 {
  max-width: 37rem;
}

.highlight-text {
  color: var(--color--brand-color);
  font-style: italic;
}

.space-1-medium {
  width: var(--_spacing---container-item--full);
  padding-top: var(--_spacing---space-1-medium);
}

.button-wrapper {
  grid-column-gap: var(--_spacing---space-1-medium);
  grid-row-gap: var(--_spacing---space-1-medium);
  justify-content: center;
  align-items: center;
  display: flex;
}

.button-wrapper.left {
  justify-content: flex-start;
  align-items: center;
}

.button-wrapper-one {
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  padding: 1px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.button-wrapper-one:where(.w-variant-350e796a-ebac-41ee-219c-7a38991e9d67), .button-wrapper-one:where(.w-variant-01631090-07cd-041d-8b9c-f0c8364f87c8) {
  width: var(--_spacing---container-item--full);
}

.button-one {
  z-index: 2;
  padding: var(--_spacing---space-1-extra-small) var(--_spacing---space-2-extra-small\<deleted\|variable-05cf0fb4-ac09-8665-3950-9430ed379b3d\>);
  border-radius: var(--_border-radius---all-border--border-full);
  background-color: var(--color--brand-color);
  font-family: var(--_font-family---fonts--manrope);
  font-size: var(--_typography---font-1-ext-small);
  line-height: var(--_typography---line-height--line-h-1-4);
  font-weight: var(--_font-family---font-weight--bold);
  justify-content: center;
  align-items: center;
  transition: background-color .4s;
  display: flex;
  position: relative;
}

.button-one:where(.w-variant-350e796a-ebac-41ee-219c-7a38991e9d67) {
  width: var(--_spacing---container-item--full);
  background-color: var(--color--primary-bg);
}

.button-one:where(.w-variant-01631090-07cd-041d-8b9c-f0c8364f87c8) {
  width: var(--_spacing---container-item--full);
  color: var(--color--white);
}

.button-one:hover {
  background-color: var(--color--primary-bg);
}

.button-one:hover:where(.w-variant-350e796a-ebac-41ee-219c-7a38991e9d67) {
  background-color: var(--color--brand-color);
}

.button-one:hover:where(.w-variant-01631090-07cd-041d-8b9c-f0c8364f87c8) {
  background-color: var(--color--2a2a2a);
}

.button-border-effect {
  z-index: 1;
  background-image: linear-gradient(90deg, var(--color--transparent), var(--color--white) 50%, var(--color--transparent) 104%);
  width: 50%;
  height: 900%;
  position: absolute;
}

.hero-marque-main {
  perspective: 1000px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 7.5rem;
  padding-bottom: 7.5rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.marque-list {
  grid-column-gap: var(--_spacing---space-1-extra-small);
  grid-row-gap: var(--_spacing---space-1-extra-small);
  perspective: 1000px;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.marque-image {
  width: var(--_spacing---container-item--full);
  height: var(--_spacing---container-item--full);
  border-radius: var(--_border-radius---all-border--border-1);
  max-width: 20.75rem;
}

.marque-gradient-shape {
  background-image: linear-gradient(270deg, #1e1e1e00, var(--color--primary-bg) 32.57%);
  width: 13.625rem;
  position: absolute;
  inset: 0% auto 0% -8.44rem;
}

.marque-gradient-shape.right {
  background-image: linear-gradient(90deg, #1e1e1e00, var(--color--primary-bg) 32.57%);
  inset: 0% -8.44rem 0% auto;
}

.logo-maruqeu-main {
  position: relative;
}

.shape-item-block {
  z-index: 3;
  justify-content: space-between;
  align-items: center;
  width: 100.8%;
  display: flex;
  position: relative;
  left: -5.5px;
}

.logo-marque {
  width: var(--_spacing---container-item--full);
  grid-column-gap: var(--_spacing---space-3-medium);
  grid-row-gap: var(--_spacing---space-3-medium);
  justify-content: flex-start;
  align-items: center;
  max-width: 75.25rem;
  display: flex;
  overflow: hidden;
}

.logo-marque-list {
  grid-column-gap: var(--_spacing---space-3-medium);
  grid-row-gap: var(--_spacing---space-3-medium);
  flex: none;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.logo-marque-wrapper {
  padding-top: var(--_spacing---space-1-normal);
  padding-bottom: var(--_spacing---space-1-normal);
  grid-column-gap: var(--_spacing---space-1-extra-small);
  grid-row-gap: var(--_spacing---space-1-extra-small);
  flex-flow: row;
  justify-content: center;
  align-items: center;
  max-width: 78rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.vertical-line {
  z-index: 2;
  background-color: #d9d9d933;
  width: .0625rem;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.vertical-line.right {
  inset: 0% 0% 0% auto;
}

.company-logo {
  width: var(--_spacing---container-item--full);
  height: var(--_spacing---container-item--full);
  max-width: 9.625rem;
}

.about-main {
  position: relative;
}

.about-block-main {
  padding: var(--_spacing---space-3-medium) var(--_spacing---space-1-medium);
  border-radius: var(--_border-radius---all-border--border-1-25);
  background-image: url('../images/color-shape_1.webp'), url('../images/color-shape.webp');
  background-position: 0 0, 100% 0;
  background-repeat: no-repeat, no-repeat;
  background-size: 18.625rem, 18.625rem;
}

.section-header {
  width: var(--_spacing---container-item--full);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.section-header.left {
  justify-content: center;
  align-items: flex-start;
}

.section-heading {
  font-family: var(--_font-family---fonts--instrument-serif);
  font-size: var(--_typography---all-heading--h2);
  line-height: var(--_typography---line-height--line-h-1);
  font-weight: var(--_font-family---font-weight--normal);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
}

.section-heading.text-align-left.manrope {
  font-family: var(--_font-family---fonts--manrope);
}

.badge {
  padding: var(--_spacing---extra-small) var(--_spacing---space-1-extra-small);
  grid-column-gap: var(--_spacing---space-medium);
  grid-row-gap: var(--_spacing---space-medium);
  border-radius: var(--_border-radius---all-border--border-full);
  background-color: var(--color--2a2a2a);
  justify-content: center;
  align-items: center;
  display: flex;
}

.badge-dot {
  border-radius: var(--_border-radius---all-border--border-full);
  background-color: var(--color--brand-color);
  width: .5rem;
  height: .5rem;
}

.fonts-large {
  font-size: var(--_typography---font-large);
  line-height: var(--_typography---line-height--line-h-1-4);
}

.fonts-large.is-normal-white {
  color: var(--color--b4b4b4);
}

.fonts-large.left {
  color: var(--color--white);
  text-align: left;
}

.max-width-33 {
  max-width: 33rem;
}

.space-2-small {
  width: var(--_spacing---container-item--full);
  padding-top: var(--_spacing---space-2-small);
}

.space-4-medium {
  width: var(--_spacing---container-item--full);
  padding-top: var(--_spacing---space-4-medium);
}

.about-grid {
  grid-column-gap: var(--_spacing---space-1-medium);
  grid-row-gap: var(--_spacing---space-1-medium);
  grid-template-rows: auto;
  grid-template-columns: 1.1fr 1fr 1.1fr;
}

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

.counter-grid {
  grid-column-gap: var(--_spacing---space-3-small);
  grid-row-gap: var(--_spacing---space-2-small);
}

.counter-item {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

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

.counter-col {
  justify-content: center;
  align-items: flex-start;
  height: 3.7rem;
  display: flex;
  overflow: hidden;
}

.counter-value {
  color: var(--color--brand-color);
  font-size: var(--_typography---font-3-medium);
  line-height: var(--_typography---line-height--line-h-1-2);
  font-weight: var(--_font-family---font-weight--bold);
  letter-spacing: var(--_typography---letter-space--letter-space-0-075);
}

.about-image-main {
  border-radius: var(--_border-radius---all-border--border-0-75);
  background-image: linear-gradient(310deg, var(--color--white), var(--color--transparent) 30%), linear-gradient(130deg, var(--color--white), transparent 30%);
  justify-content: center;
  align-items: center;
  padding: 1px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.about-image {
  width: var(--_spacing---container-item--full);
  height: var(--_spacing---container-item--full);
  border-radius: var(--_border-radius---all-border--border-1);
  object-fit: cover;
}

.core-value-grid {
  grid-template-rows: auto auto auto;
}

.core-value-small-card {
  border-radius: var(--_border-radius---all-border--border-0-75);
  background-image: linear-gradient(130deg, var(--color--white), transparent 30%);
  padding: 1px;
}

.core-value-info-block {
  padding: var(--_spacing---space-1-extra-small);
  grid-column-gap: var(--_spacing---space-medium);
  grid-row-gap: var(--_spacing---space-medium);
  border-radius: var(--_border-radius---all-border--border-0-75);
  background-color: var(--color--2a2a2a);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.hero-image-wrapper {
  z-index: 2;
  width: var(--_spacing---container-item--full);
  height: var(--_spacing---container-item--full);
  padding: var(--_spacing---space-medium);
  border-radius: var(--_border-radius---all-border--border-0-75);
  background-color: var(--color--2a2a2a);
  position: relative;
}

.about-main-wrapper {
  padding-right: var(--_spacing---space-medium);
  padding-left: var(--_spacing---space-medium);
}

.why-choose-us-main {
  position: relative;
}

.choose-us-block {
  padding-right: var(--_spacing---space-1-extra-small);
  padding-left: var(--_spacing---space-1-extra-small);
}

.max-width-18 {
  max-width: 18rem;
}

.space-3-large {
  width: var(--_spacing---container-item--full);
  padding-top: var(--_spacing---space-3-large);
}

.choose-us-grid {
  grid-column-gap: var(--_spacing---space-2-small);
  grid-row-gap: var(--_spacing---space-2-small);
  grid-template-columns: 1fr 1fr 1fr;
}

.gradient-color-block {
  border-radius: var(--_border-radius---all-border--border-1);
  background-image: linear-gradient(130deg, var(--color--white), var(--color--transparent) 30%);
  justify-content: center;
  align-items: center;
  padding: 1px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.choose-us-card {
  height: var(--_spacing---container-item--full);
  padding: var(--_spacing---space-1-extra-large);
  border-radius: var(--_border-radius---all-border--border-1);
  background-color: var(--color--2a2a2a);
  background-image: url('../images/Group-76.webp');
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: 12rem 10rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.card-icon-wrap {
  border-radius: var(--_border-radius---all-border--border-0-5);
  background-color: var(--color--2a2a2a);
  justify-content: center;
  align-items: center;
  width: 4rem;
  height: 4rem;
  display: flex;
}

.card-icon {
  color: var(--color--brand-color);
  max-width: 2.4rem;
}

.font-2-small {
  font-family: var(--_font-family---fonts--instrument-serif);
  font-size: var(--_typography---font-2-small);
  line-height: var(--_typography---line-height--line-h-1-2);
}

.font-2-small.brand-color {
  color: var(--color--brand-color);
}

.font-2-small.manrope {
  font-family: var(--_font-family---fonts--manrope);
}

.card-paragraph {
  color: var(--color--white);
  text-align: left;
}

.card-link {
  height: 1.5rem;
  text-decoration: none;
  overflow: hidden;
}

.font-1-extra-small {
  font-size: var(--_typography---font-1-ext-small);
}

.font-1-extra-small.brand-color {
  color: var(--color--brand-color);
}

.font-1-extra-small.normal-white {
  color: var(--color--b4b4b4);
}

.font-1-extra-small.medium-white {
  color: var(--color--white);
  font-weight: var(--_font-family---font-weight--medium);
}

.font-1-extra-small.medium-white.left {
  text-align: left;
}

.font-1-extra-small.left {
  color: var(--color--white);
  text-align: left;
}

.gradient-color-block-icon {
  border-radius: var(--_border-radius---all-border--border-0-5);
  background-image: linear-gradient(130deg, var(--color--white), var(--color--transparent) 60%);
  padding: 1px;
}

.shape {
  width: 15.875rem;
  height: 15.875rem;
  position: absolute;
  inset: 0% auto auto 2rem;
}

.shape.right {
  inset: 0% 2rem auto auto;
}

.shape.project {
  width: 12.1875rem;
  height: 12.1875rem;
  top: 4%;
}

.shape.pricing {
  width: 12.1875rem;
  height: 12.1875rem;
  top: 7%;
}

.shape.testimonial {
  width: 12.1875rem;
  height: 12.1875rem;
  top: 6%;
}

.shape.faq {
  width: 12.1875rem;
  height: 12.1875rem;
  top: 5%;
}

.font-2-medium {
  font-family: var(--_font-family---fonts--instrument-serif);
  color: var(--color--rgba-217-217-217-0-40);
  font-size: var(--_spacing---font-2-medium);
  line-height: var(--_typography---line-height--line-h-1);
  letter-spacing: var(--_typography---letter-space--letter-space-0-075);
  flex: none;
}

.font-2-medium.number {
  font-family: var(--_font-family---fonts--manrope);
  color: var(--color--brand-color);
  font-weight: var(--_font-family---font-weight--bold);
}

.dot-icon {
  flex: none;
  width: 1rem;
  height: 1rem;
}

.project-marque-list {
  grid-column-gap: var(--_spacing---space-1-extra-small);
  grid-row-gap: var(--_spacing---space-1-extra-small);
  flex: none;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.project-marque {
  width: var(--_spacing---container-item--full);
  grid-column-gap: var(--_spacing---space-1-extra-small);
  grid-row-gap: var(--_spacing---space-1-extra-small);
  justify-content: flex-start;
  align-items: center;
  max-width: 75.25rem;
  display: flex;
  overflow: hidden;
}

.services-block {
  padding-right: var(--_spacing---space-1-extra-small);
  padding-left: var(--_spacing---space-1-extra-small);
  overflow: hidden;
}

.services-main {
  position: relative;
}

.max-width-30 {
  max-width: 30rem;
}

.services-grid {
  grid-column-gap: var(--_spacing---space-2-small);
  grid-row-gap: var(--_spacing---space-2-small);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.services-card-main {
  width: var(--_spacing---container-item--full);
  height: var(--_spacing---container-item--full);
  padding: var(--_spacing---space-2-small);
  border-radius: var(--_border-radius---all-border--border-1);
  background-color: var(--color--2a2a2a);
  background-image: url('../images/color-shape.webp');
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: 19.326rem 19.326rem;
}

.services-card-top {
  grid-column-gap: var(--_spacing---space-1-medium);
  grid-row-gap: var(--_spacing---space-1-medium);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.services-card-icon-wrap {
  padding: var(--_spacing---space-1-medium);
  border-radius: var(--_border-radius---all-border--border-0-5);
  background-color: var(--color--2a2a2a);
  justify-content: center;
  align-items: center;
  display: flex;
}

.services-top-info {
  grid-column-gap: var(--_spacing---extra-small);
  grid-row-gap: var(--_spacing---extra-small);
  flex-flow: column;
  display: flex;
}

.font-1-large {
  font-family: var(--_font-family---fonts--instrument-serif);
  font-size: var(--_typography---font-1-large);
  line-height: var(--_typography---line-height--line-h-1-2);
}

.font-1-large.left {
  font-family: var(--_font-family---fonts--manrope);
  color: var(--color--white);
  text-align: left;
}

.services-list-wrap {
  grid-column-gap: var(--_spacing---space-1-extra-small);
  grid-row-gap: var(--_spacing---space-1-extra-small);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.services-list {
  grid-column-gap: var(--_spacing---space-medium);
  grid-row-gap: var(--_spacing---space-medium);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.brand-color-dot {
  color: var(--color--brand-color);
  width: 1rem;
  height: 1rem;
}

.brand-color-dot.white {
  color: var(--color--white);
}

.work-process {
  max-width: 68rem;
  margin-left: auto;
  margin-right: auto;
}

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

.work-process-right {
  grid-column-gap: var(--_spacing---space-2-small);
  grid-row-gap: var(--_spacing---space-2-small);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.process-card-wrapper {
  padding: var(--_spacing---space-extra-small);
  max-width: 31.6875rem;
  position: relative;
}

.process-card {
  padding: var(--_spacing---space-1-medium) var(--_spacing---space-2-small);
  grid-column-gap: var(--_spacing---space-1-normal);
  grid-row-gap: var(--_spacing---space-1-normal);
  flex-flow: column;
  display: flex;
}

.process-card-top {
  grid-column-gap: var(--_spacing---space-medium);
  grid-row-gap: var(--_spacing---space-medium);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.process-horizontal-line {
  width: var(--_spacing---container-item--full);
  background-color: #d9d9d933;
  height: .0625rem;
  position: absolute;
  inset: auto 0% .25rem;
}

.process-horizontal-line.top {
  margin-left: auto;
  margin-right: 0;
  inset: .25rem 0% auto;
}

.process-vertical-line {
  z-index: 2;
  background-color: #d9d9d933;
  width: .0625rem;
  position: absolute;
  inset: 0% auto 0% .25rem;
}

.process-vertical-line.right {
  margin-top: auto;
  margin-bottom: 0;
  inset: 0% .25rem 0% auto;
}

.project-main {
  position: relative;
}

.project-grid {
  grid-column-gap: var(--_spacing---space-2-small);
  grid-row-gap: var(--_spacing---space-2-small);
  grid-template-rows: auto;
  grid-template-columns: 1.85fr 1fr;
}

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

.project-img-block {
  padding: var(--_spacing---space-2-small);
  border-radius: var(--_border-radius---all-border--border-0-75);
  background-color: var(--color--2a2a2a);
}

.project-img-block.two {
  width: var(--_spacing---container-item--full);
  padding: var(--_spacing---space-1-large);
}

.project-image-wrap {
  border-radius: var(--_border-radius---all-border--border-0-75);
  background-image: linear-gradient(310deg, var(--color--white), var(--color--transparent) 30%), linear-gradient(130deg, var(--color--white), transparent 30%);
  justify-content: center;
  align-items: center;
  padding: 1px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.project-card-main {
  grid-column-gap: var(--_spacing---space-2-small);
  grid-row-gap: var(--_spacing---space-2-small);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.font-1-medium {
  font-family: var(--_font-family---fonts--instrument-serif);
  font-size: var(--_typography---font-1-medium);
  line-height: var(--_typography---line-height--line-h-1-2);
}

.font-1-medium.left {
  font-family: var(--_font-family---fonts--manrope);
  color: var(--color--white);
  text-align: left;
}

.font-1-medium.manrope {
  font-family: var(--_font-family---fonts--manrope);
}

.project-info-block {
  grid-column-gap: .38rem;
  grid-row-gap: .38rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.project-image {
  width: var(--_spacing---container-item--full);
  height: var(--_spacing---container-item--full);
  border-radius: var(--_border-radius---all-border--border-0-75);
  object-fit: cover;
}

.pricing-main {
  position: relative;
}

.max-width-28 {
  max-width: 28rem;
}

.pricing-block {
  padding-right: var(--_spacing---space-1-extra-small);
  padding-left: var(--_spacing---space-1-extra-small);
}

.pricing-grid {
  grid-column-gap: var(--_spacing---space-2-small);
  grid-row-gap: var(--_spacing---space-2-small);
  perspective: 1000px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.pricing-card-main {
  width: var(--_spacing---container-item--full);
  padding: var(--_spacing---space-2-small);
  border-radius: var(--_border-radius---all-border--border-1);
  background-color: var(--color--2a2a2a);
  background-image: url('../images/color-shape.webp');
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: 15rem 15rem;
}

.space-1-large {
  width: var(--_spacing---container-item--full);
  padding-top: var(--_spacing---space-1-large);
}

.font-3-small {
  font-size: var(--_typography---font-3-small);
  line-height: var(--_typography---line-height--line-h-1-2);
  font-weight: var(--_font-family---font-weight--bold);
}

.font-3-small.brand-color {
  color: var(--color--brand-color);
  text-transform: uppercase;
}

.weight-medium {
  font-weight: var(--_font-family---font-weight--medium);
}

.pricing-list {
  grid-column-gap: var(--_spacing---space-medium);
  grid-row-gap: var(--_spacing---space-medium);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.pricing-list-wrap {
  grid-column-gap: var(--_spacing---space-1-extra-small);
  grid-row-gap: var(--_spacing---space-1-extra-small);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.pricing-top-right {
  grid-column-gap: var(--_spacing---space-extra-small);
  grid-row-gap: var(--_spacing---space-extra-small);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.team-grid {
  grid-column-gap: var(--_spacing---space-2-small);
  grid-row-gap: var(--_spacing---space-2-small);
  perspective: 1000px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  transform: none;
}

.team-card {
  width: var(--_spacing---container-item--full);
  border-radius: var(--_border-radius---all-border--border-1);
  background-color: var(--color--2b2b2b);
  position: relative;
}

.team-img {
  width: var(--_spacing---container-item--full);
  height: var(--_spacing---container-item--full);
  border-radius: var(--_border-radius---all-border--border-1);
  position: relative;
}

.team-info-block {
  padding: var(--_spacing---space-1-medium);
  position: absolute;
  inset: auto 0% 0%;
}

.team-info-main {
  padding: var(--_spacing---space-medium) var(--_spacing---space-1-normal);
  border-radius: var(--_border-radius---all-border--border-0-75);
  background-color: var(--color--rgba-42-42-42-0-70);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.info-left {
  grid-column-gap: var(--_spacing---space-extra-small);
  grid-row-gap: var(--_spacing---space-extra-small);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.team-gradient-border {
  border-radius: var(--_border-radius---all-border--border-0-75);
  background-image: linear-gradient(320deg, var(--color--white), var(--color--transparent) 30%), linear-gradient(130deg, var(--color--white), transparent 30%);
  perspective: 1000px;
  padding: 1px;
}

.social-link {
  border-radius: var(--_border-radius---all-border--border-full);
  background-image: linear-gradient(130deg, var(--color--white), var(--color--transparent) 45%);
  color: var(--color--white);
  padding: 1px;
}

.social-icon-wrap {
  border-radius: var(--_border-radius---all-border--border-full);
  background-color: var(--color--343841);
  justify-content: center;
  align-items: center;
  width: 3.125rem;
  height: 3.125rem;
  transition: all .3s;
  display: flex;
}

.social-icon-wrap:hover {
  background-color: var(--color--brand-color);
}

.social-icon {
  width: 1.5rem;
  height: 1.5rem;
}

.color-shape {
  max-width: 15rem;
  max-height: 15rem;
  position: absolute;
  inset: 0% 0% auto auto;
}

.max-width-22 {
  max-width: 22rem;
}

.font-1-normal {
  color: var(--color--white);
  font-size: var(--_typography---font-1-normal);
  font-weight: var(--_font-family---font-weight--semi-bold);
}

.font-1-normal.client-name {
  font-family: var(--_font-family---fonts--instrument-serif);
  font-weight: var(--_font-family---font-weight--medium);
}

.font-1-normal.black {
  color: var(--color--primary-bg);
}

.testimonial-main {
  position: relative;
}

.testimonial-block {
  padding-right: var(--_spacing---space-1-extra-small);
  padding-left: var(--_spacing---space-1-extra-small);
}

.testimonial-marque-area {
  grid-column-gap: var(--_spacing---space-2-small);
  grid-row-gap: var(--_spacing---space-2-small);
  height: 58rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.testimonial-marque, .testimonial-marque-list {
  grid-column-gap: var(--_spacing---space-1-normal);
  grid-row-gap: var(--_spacing---space-1-normal);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.testimonial-marque-card {
  padding: var(--_spacing---space-1-normal);
  border-radius: var(--_border-radius---all-border--border-1);
  background-color: var(--color--2a2a2a);
  background-image: url('../images/color-shape.webp');
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: 11.5288rem 11.5288rem;
}

.quote-icon {
  width: 2.375rem;
}

.client-info-block {
  grid-column-gap: var(--_spacing---space-medium);
  grid-row-gap: var(--_spacing---space-medium);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.client-photo-block {
  border-radius: var(--_border-radius---all-border--border-full);
  background-image: linear-gradient(130deg, var(--color--white), var(--color--transparent) 45%);
  color: var(--color--white);
  padding: 1px;
}

.client-photo {
  width: var(--_spacing---container-item--full);
  border-radius: var(--_border-radius---all-border--border-full);
  background-color: var(--color--2a2a2a);
  max-width: 3.5625rem;
}

.testimonial-gradient-overlaly {
  background-image: linear-gradient(180deg, #1e1e1e00, var(--color--primary-bg) 32.57%);
  height: 17.875rem;
  position: absolute;
  inset: auto 0% -10%;
}

.testimonial-gradient-overlaly.top {
  background-image: linear-gradient(360deg, #1e1e1e00, var(--color--primary-bg) 32.57%);
  inset: -11% 0% auto;
}

.faq-block {
  padding-right: var(--_spacing---space-1-extra-small);
  padding-left: var(--_spacing---space-1-extra-small);
}

.faq-main {
  position: relative;
}

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

.faq-tab {
  width: var(--_spacing---container-item--full);
  max-width: 48.3125rem;
}

.faq-tab-menu {
  grid-column-gap: var(--_spacing---space-2-small);
  grid-row-gap: var(--_spacing---space-2-small);
  flex-flow: column;
  display: flex;
}

.faq-tab-link {
  background-color: var(--color--transparent);
  padding: 0;
}

.faq-tab-link.w--current {
  background-color: var(--color--transparent);
}

.faq-card-wrap {
  border-radius: var(--_border-radius---all-border--border-0-75);
  background-image: linear-gradient(338deg, #ffffff80, var(--color--transparent) 30%), linear-gradient(163deg, #ffffff80, transparent 34%);
  padding: 1px;
  position: relative;
  overflow: hidden;
}

.faq-card {
  padding: var(--_spacing---space-2-small);
  border-radius: var(--_border-radius---all-border--border-0-75);
  background-color: var(--color--2a2a2a);
  background-image: url('../images/color-shape.webp');
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: 5.5625rem 5.5625rem;
}

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

.faq-top-left {
  grid-column-gap: var(--_spacing---space-medium);
  grid-row-gap: var(--_spacing---space-medium);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.faq-title {
  color: var(--color--white);
  font-size: var(--_typography---font-1-medium);
  line-height: var(--_typography---line-height--line-h-1-2);
  font-weight: var(--_font-family---font-weight--medium);
}

.faq-arrow-wrap {
  display: flex;
  position: relative;
}

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

.faq-arrow.absolute {
  position: absolute;
}

.faq-p-wrap {
  overflow: hidden;
}

.cta-main {
  position: relative;
}

.cta-block {
  padding-right: var(--_spacing---space-2-small);
  padding-left: var(--_spacing---space-2-small);
}

.cta-item-block {
  width: var(--_spacing---container-item--full);
  padding: var(--_spacing---space-3-large) var(--_spacing---space-1-extra-small);
  border-radius: var(--_border-radius---all-border--border-0-75);
  background-color: var(--color--2a2a2a);
  background-image: url('../images/color-shape_2.webp'), url('../images/color-shape.webp');
  background-position: 0 100%, 100% 0;
  background-repeat: no-repeat, no-repeat;
  background-size: 17rem 17rem, 17rem 17rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-field {
  padding: var(--_spacing---space-2-small);
  border: 1px solid var(--color--rgba-88-88-88-0-10);
  border-radius: var(--_border-radius---all-border--border-0-75);
  background-color: var(--color--2a2a2a);
  color: var(--color--white);
  font-size: var(--_typography---font-1-ext-small);
  height: 5.1875rem;
  margin-bottom: 0;
}

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

.text-field::placeholder {
  color: var(--color--b4b4b4);
}

.text-field.message-area {
  height: 12.375rem;
}

.cta-form {
  width: var(--_spacing---container-item--full);
  max-width: 60.4375rem;
}

.form-main {
  grid-column-gap: var(--_spacing---space-1-medium);
  grid-row-gap: var(--_spacing---space-1-medium);
  flex-flow: column;
  display: flex;
}

.success-message {
  padding-top: var(--_spacing---space-2-small);
  padding-right: var(--_spacing---space-1-medium);
  padding-bottom: var(--_spacing---space-2-small);
  background-color: var(--color--brand-color);
  font-size: var(--_typography---font-1-small);
  font-weight: var(--_font-family---font-weight--medium);
  text-align: center;
}

.error-message {
  padding-top: var(--_spacing---space-2-small);
  padding-right: var(--_spacing---space-1-medium);
  padding-bottom: var(--_spacing---space-2-small);
  color: var(--color--primary-bg);
  font-size: var(--_typography---font-1-small);
  font-weight: var(--_font-family---font-weight--medium);
  text-align: center;
  background-color: #eeb398;
}

.footer-main {
  position: relative;
}

.footer-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1.25fr .7fr .9fr .8fr;
  overflow: hidden;
}

.footer-left {
  padding: var(--_spacing---space-4-small) var(--_spacing---space-2-small);
  border-right: 1px solid var(--color--rgba-217-217-217-0-20);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.social-wrapper-block {
  grid-column-gap: var(--_spacing---space-1-normal);
  grid-row-gap: var(--_spacing---space-1-normal);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.footer-menu {
  padding: var(--_spacing---space-4-small) var(--_spacing---space-1-extra-small);
  border-right: 1px solid var(--color--rgba-217-217-217-0-20);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.footer-list-wrap {
  grid-column-gap: var(--_spacing---space-1-extra-small);
  grid-row-gap: var(--_spacing---space-1-extra-small);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.footer-link-list {
  grid-column-gap: var(--_spacing---space-medium);
  grid-row-gap: var(--_spacing---space-medium);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.footer-link {
  color: var(--color--b4b4b4);
  line-height: var(--_typography---line-height--line-h-1-2);
  font-weight: var(--_font-family---font-weight--medium);
  text-decoration: none;
  transition: all .4s;
}

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

.copyright-block {
  padding: var(--_spacing---space-2-small);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.link-wrapper {
  grid-column-gap: var(--_spacing---space-2-small);
  grid-row-gap: var(--_spacing---space-2-small);
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.client-info-wrap {
  grid-column-gap: var(--_spacing---space-extra-small);
  grid-row-gap: var(--_spacing---space-extra-small);
  flex-flow: column;
  display: flex;
}

.marque-image-wrap {
  z-index: 2;
  width: var(--_spacing---container-item--full);
  height: var(--_spacing---container-item--full);
  padding: var(--_spacing---space-1-medium);
  border-radius: var(--_border-radius---all-border--border-1);
  background-color: var(--color--2a2a2a);
  position: relative;
}

.marque-card-main {
  border-radius: var(--_border-radius---all-border--border-1);
  background-image: linear-gradient(130deg, var(--color--white), var(--color--transparent) 30%);
  justify-content: center;
  align-items: center;
  padding: 1px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.nav-menu {
  background-color: var(--color--transparent);
}

.sticky {
  position: sticky;
  top: 7rem;
}

.gradient-effect-color {
  z-index: -1;
  background-image: linear-gradient(90deg, var(--color--transparent), var(--color--white) 50%, var(--color--transparent) 104%);
  width: 50%;
  height: 200%;
  position: absolute;
}

.vertical-gradient-line {
  border-bottom-left-radius: var(--_border-radius---all-border--border-full);
  border-bottom-right-radius: var(--_border-radius---all-border--border-full);
  background-image: linear-gradient(180deg, var(--color--transparent), var(--color--white));
  width: .06rem;
  height: 10%;
  margin-left: auto;
  margin-right: auto;
}

.horizontal-gradient-line {
  border-top-right-radius: var(--_border-radius---all-border--border-full);
  border-bottom-right-radius: var(--_border-radius---all-border--border-full);
  background-image: linear-gradient(270deg, var(--color--white), var(--color--transparent));
  width: 7%;
  height: .06rem;
}

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

.nav-item-main {
  width: var(--_spacing---container-item--full);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.badge-color-block {
  border-radius: var(--_border-radius---all-border--border-full);
  background-image: linear-gradient(160deg, #ffffffb3, var(--color--transparent) 45%);
  padding: 1px;
}

.marque-list-wrap {
  width: var(--_spacing---container-item--full);
  grid-column-gap: var(--_spacing---space-1-extra-small);
  grid-row-gap: var(--_spacing---space-1-extra-small);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.hero-main-image-block {
  height: var(--_spacing---container-item--full);
  padding: var(--_spacing---space-1-normal);
  border-radius: var(--_border-radius---all-border--border-1);
  background-color: var(--color--rgba-42-42-42-0-50);
  -webkit-backdrop-filter: blur(32px);
  backdrop-filter: blur(32px);
}

.hero-image-block {
  border-radius: var(--_border-radius---all-border--border-1);
  background-image: linear-gradient(130deg, var(--color--white), var(--color--transparent) 30%);
  justify-content: center;
  align-items: center;
  max-width: 26rem;
  height: 34.0625rem;
  padding: 1px;
  display: flex;
  position: absolute;
  overflow: hidden;
}

.hero-image-main {
  width: var(--_spacing---container-item--full);
  height: var(--_spacing---container-item--full);
  border-radius: var(--_border-radius---all-border--border-1);
  object-fit: cover;
}

.pricing-card-wrap {
  border-radius: var(--_border-radius---all-border--border-1);
  background-image: linear-gradient(130deg, var(--color--white), var(--color--transparent) 30%);
  justify-content: center;
  align-items: center;
  padding: 1px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.cta-area {
  border-radius: var(--_border-radius---all-border--border-0-75);
  background-image: linear-gradient(338deg, #ffffff80, var(--color--transparent) 30%), linear-gradient(163deg, #ffffff80, transparent 34%);
  justify-content: center;
  align-items: center;
  padding: 1px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.cta-effect {
  z-index: -1;
  background-image: linear-gradient(90deg, var(--color--transparent), var(--color--white) 50%, var(--color--transparent) 104%);
  width: 20%;
  height: 500%;
  position: absolute;
}

.review-card-main {
  border-radius: var(--_border-radius---all-border--border-1);
  background-image: linear-gradient(130deg, var(--color--white), var(--color--transparent) 30%);
  justify-content: center;
  align-items: center;
  padding: 1px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.secondary-button {
  z-index: 2;
  width: var(--_spacing---container-item--full);
  padding: var(--_spacing---space-1-extra-small) var(--_spacing---space-2-extra-small\<deleted\|variable-05cf0fb4-ac09-8665-3950-9430ed379b3d\>);
  border-radius: var(--_border-radius---all-border--border-full);
  background-color: var(--color--242424);
  font-family: var(--_font-family---fonts--manrope);
  font-size: var(--_typography---font-1-ext-small);
  line-height: var(--_typography---line-height--line-h-1-4);
  font-weight: var(--_font-family---font-weight--bold);
  text-align: center;
  justify-content: center;
  align-items: center;
  transition: background-color .4s;
  position: relative;
}

.secondary-button:where(.w-variant-350e796a-ebac-41ee-219c-7a38991e9d67) {
  width: var(--_spacing---container-item--full);
  background-color: var(--color--primary-bg);
}

.secondary-button:where(.w-variant-01631090-07cd-041d-8b9c-f0c8364f87c8) {
  width: var(--_spacing---container-item--full);
}

.secondary-button:hover {
  background-color: var(--color--242424);
}

.secondary-button:hover:where(.w-variant-350e796a-ebac-41ee-219c-7a38991e9d67) {
  background-color: var(--color--brand-color);
}

.secondary-button:hover:where(.w-variant-01631090-07cd-041d-8b9c-f0c8364f87c8) {
  background-color: var(--color--2a2a2a);
}

.button-gradient {
  border-radius: var(--_border-radius---all-border--border-full);
  background-image: linear-gradient(144deg, var(--color--white), var(--color--transparent) 40%);
  justify-content: center;
  align-items: center;
  padding: 1px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.button-border {
  background-image: linear-gradient(90deg, var(--color--transparent), var(--color--white) 50%, var(--color--transparent) 103%);
  width: 50%;
  height: 900%;
  position: absolute;
}

.nav-dropdonw-menu-list {
  padding-top: 1.2rem;
  left: -100%;
  overflow: hidden;
}

.nav-dropdonw-menu-list.w--open {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  background-color: #ddd0;
  border-radius: .5rem;
  padding-top: 1rem;
  left: -122%;
}

.drop-down-icon, .drop-down-icon.secondery {
  margin-right: 0;
  right: 0;
}

.navitem {
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.nav-menu-wrapper {
  padding: var(--_spacing---space-1-medium);
  grid-column-gap: var(--_spacing---space-2-normal);
  grid-row-gap: var(--_spacing---space-2-normal);
  border-radius: var(--_border-radius---all-border--border-1);
  background-color: var(--color--2a2a2a);
  display: flex;
}

.nav-dropdown-toggle-main {
  padding: var(--_spacing---extra-small) var(--_spacing---space-1-normal) var(--_spacing---extra-small) var(--_spacing---extra-small);
  grid-column-gap: .31rem;
  grid-row-gap: .31rem;
  color: var(--color--white);
  align-items: center;
  display: flex;
}

.dropdown-link-text {
  color: var(--color--white);
  font-weight: var(--_font-family---font-weight--medium);
}

.dropdown-link-text.w--current {
  color: var(--color--white);
  background-image: url('../images/Ellipse-26.webp');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: .5rem .5rem;
}

.style-guide-main {
  padding-right: var(--_spacing---space-medium);
  padding-left: var(--_spacing---space-medium);
  perspective: 1000px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.style-guide-grid {
  width: var(--_spacing---container-item--full);
  grid-column-gap: var(--_spacing---space-2-small);
  grid-row-gap: var(--_spacing---space-2-small);
  grid-template-rows: auto;
  grid-template-columns: 1fr 2.75fr;
}

.style-guide-button-wrap {
  grid-column-gap: var(--_spacing---space-1-extra-small);
  grid-row-gap: var(--_spacing---space-1-extra-small);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: sticky;
  top: 8rem;
}

.style-g-button {
  padding: var(--_spacing---extra-small) var(--_spacing---space-1-normal);
  border: 1px solid var(--color--brand-color);
  border-radius: var(--_border-radius---all-border--border-full);
  color: var(--color--white);
  text-decoration: none;
}

.style-g-button.w--current {
  background-color: var(--color--brand-color);
}

.style-g-right {
  grid-column-gap: var(--_spacing---space-5-small);
  grid-row-gap: var(--_spacing---space-5-small);
  flex-flow: column;
  display: flex;
}

.color-grid-wrap {
  padding: var(--_spacing---space-2-large);
  border-radius: var(--_border-radius---all-border--border-1);
  background-color: var(--color--343841);
}

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

.color-wrapper {
  padding: var(--_spacing---space-4-small) var(--_spacing---space-3-small);
  border: 1px solid var(--color--rgba-217-217-217-0-40);
  border-radius: var(--_border-radius---all-border--border-0-75);
  text-align: center;
}

.color-wrapper.primary-color {
  background-color: var(--color--brand-color);
}

.color-wrapper._02 {
  background-color: var(--color--primary-bg);
}

.color-wrapper._03 {
  background-color: var(--color--white);
}

.color-wrapper._04 {
  background-color: var(--color--rgba-42-42-42-0-50);
}

.color-wrapper._05 {
  background-color: var(--color--transparent);
}

.color-wrapper._06 {
  background-color: var(--color--2a2a2a);
}

.color-wrapper._07 {
  background-color: var(--color--b4b4b4);
}

.color-wrapper._08 {
  background-color: var(--color--434343);
}

.color-wrapper._09 {
  background-color: var(--color--2b2b2b);
}

.color-wrapper._10 {
  background-color: var(--color--343841);
  color: var(--color--white);
}

.color-wrapper._11 {
  background-color: var(--color--rgba-88-88-88-0-10);
}

.color-wrapper._12 {
  background-color: var(--color--rgba-217-217-217-0-40);
}

.color-wrapper._13 {
  background-color: var(--color--rgba-42-42-42-0-70);
}

.color-wrapper._14 {
  background-color: var(--color--rgba-217-217-217-0-20);
}

.color-item-block {
  grid-column-gap: var(--_spacing---space-2-normal);
  grid-row-gap: var(--_spacing---space-2-normal);
  flex-flow: column;
  display: flex;
}

.typho-wrap {
  padding: var(--_spacing---space-2-large);
  grid-column-gap: var(--_spacing---space-3-large);
  grid-row-gap: var(--_spacing---space-3-large);
  border-radius: var(--_border-radius---all-border--border-0-5);
  background-color: var(--color--343841);
  flex-flow: column;
  display: flex;
}

.all-heading-block {
  grid-column-gap: var(--_spacing---space-3-large);
  grid-row-gap: var(--_spacing---space-3-large);
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 3fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  display: grid;
}

.heading-wrap {
  grid-column-gap: var(--_spacing---space-1-normal);
  grid-row-gap: var(--_spacing---space-1-normal);
  flex-flow: column;
  display: flex;
}

.button-block {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 3fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.button-wrap {
  grid-column-gap: var(--_spacing---space-1-medium);
  grid-row-gap: var(--_spacing---space-1-medium);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.license-main {
  grid-column-gap: var(--_spacing---space-1-large);
  grid-row-gap: var(--_spacing---space-1-large);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.license {
  padding-right: var(--_spacing---space-medium);
  padding-left: var(--_spacing---space-medium);
  position: relative;
}

.license-item-wrap {
  grid-column-gap: var(--_spacing---space-2-small);
  grid-row-gap: var(--_spacing---space-2-small);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.license-link {
  width: var(--_spacing---container-item--full);
  padding: var(--_spacing---space-1-medium) var(--_spacing---space-2-small);
  border: 1px solid var(--color--brand-color);
  border-radius: var(--_border-radius---all-border--border-0-5);
  color: var(--color--white);
  text-align: center;
  text-decoration: none;
  transition: all .3s;
}

.license-link:hover {
  background-color: var(--color--brand-color);
}

.license-link-wrap {
  width: var(--_spacing---container-item--full);
  grid-column-gap: var(--_spacing---space-1-normal);
  grid-row-gap: var(--_spacing---space-1-normal);
  flex-flow: column;
  display: flex;
}

.changelog-main {
  grid-column-gap: var(--_spacing---space-1-large);
  grid-row-gap: var(--_spacing---space-1-large);
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 2fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  place-items: start stretch;
  display: grid;
}

.changelog-info-block {
  grid-column-gap: var(--_spacing---space-1-extra-small);
  grid-row-gap: var(--_spacing---space-1-extra-small);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: sticky;
  top: 1rem;
}

.changelog-left {
  position: sticky;
  top: 1rem;
}

._404-main {
  grid-column-gap: var(--_typography---font-2-large);
  grid-row-gap: var(--_typography---font-2-large);
  perspective: 1000px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 60vh;
  display: flex;
}

._404-text {
  color: var(--color--primary-bg);
  font-size: 15rem;
  line-height: var(--_typography---line-height--line-h-1);
  font-weight: var(--_font-family---font-weight--bold);
  text-align: center;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--color--brand-color);
}

._404-bottom {
  grid-column-gap: var(--_spacing---space-1-extra-small);
  grid-row-gap: var(--_spacing---space-1-extra-small);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.dropdown-main {
  border-radius: var(--_border-radius---all-border--border-1);
  background-image: linear-gradient(130deg, var(--color--white), var(--color--transparent) 30%);
  justify-content: center;
  align-items: center;
  padding: 1px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.form-field-wrap {
  border-radius: var(--_border-radius---all-border--border-0-75);
  background-image: linear-gradient(338deg, #ffffff80, var(--color--transparent) 30%), linear-gradient(163deg, #ffffff80, transparent 34%);
  padding: 1px;
  position: relative;
  overflow: hidden;
}

.form-row {
  grid-column-gap: var(--_spacing---space-2-small);
  grid-row-gap: var(--_spacing---space-2-small);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.form-group {
  grid-column-gap: var(--_spacing---space-2-small);
  grid-row-gap: var(--_spacing---space-2-small);
  flex-flow: column;
  display: flex;
}

.form-row-bottom {
  grid-column-gap: var(--_spacing---space-2-small);
  grid-row-gap: var(--_spacing---space-2-small);
  grid-template-rows: auto;
  grid-template-columns: 2fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.submit-button {
  z-index: 2;
  width: var(--_spacing---container-item--full);
  height: var(--_spacing---container-item--full);
  border-radius: var(--_border-radius---all-border--border-0-75);
  background-color: var(--color--brand-color);
  position: relative;
}

.submit-button-wrap {
  border-radius: var(--_border-radius---all-border--border-0-75);
  justify-content: center;
  align-items: center;
  padding: 1px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.submit-border-effect {
  z-index: 1;
  background-image: linear-gradient(90deg, var(--color--transparent), var(--color--white) 50%, var(--color--transparent) 104%);
  width: 50%;
  height: 900%;
  position: absolute;
}

.team-slider-main {
  background-color: var(--color--transparent);
  height: auto;
}

.team-slider-main.hide-desktop, .hide {
  display: none;
}

.team-slider-mask {
  max-width: 22rem;
  overflow: visible;
}

.team-slide {
  width: auto;
  height: auto;
}

.team-card-main {
  border-radius: var(--_border-radius---all-border--border-1);
  background-image: linear-gradient(130deg, var(--color--white), var(--color--transparent) 30%);
  justify-content: center;
  align-items: center;
  padding: 1px;
  position: relative;
  overflow: hidden;
}

.team-card-main.show-tablet {
  display: block;
}

@media screen and (max-width: 991px) {
  body {
    --_spacing---container-item--full: 100%;
    --_spacing---container-item--container-weight: 84.5rem;
    --_spacing---space-1-extra-small: 1rem;
    --_spacing---space-1-medium: 1.3rem;
    --_spacing---space-1-extra-large: 1.7rem;
    --_spacing---space-extra-small: .25rem;
    --_spacing---space-medium: .75rem;
    --_spacing---extra-small: .5rem;
    --_spacing---space-5-small: 4rem;
    --_spacing---space-1-normal: 1rem;
    --_spacing---space-2-extra-small\<deleted\|variable-05cf0fb4-ac09-8665-3950-9430ed379b3d\>: 2rem;
    --_spacing---space-3-medium: 3rem;
    --_spacing---space-2-small: 1.75rem;
    --_spacing---space-4-medium: 3.5rem;
    --_spacing---space-3-small: 2.5rem;
    --_spacing---space-1-large: 1.5rem;
    --_spacing---space-3-large: 3rem;
    --_spacing---font-2-medium: 2rem;
    --_spacing---space-2-normal: 2rem;
    --_spacing---space-4-small: 4rem;
    --_spacing---space-2-large: 2.75rem;
    --_spacing---space-3-normal: 3.25rem;
    --_spacing---space-4-normal: 4.25rem;
    --_spacing---space-4-large: 4.75rem;
    --_typography---font-1-ext-small: .9rem;
    --_typography---line-height--line-h-1-5: 1.5em;
    --_typography---all-heading--h3: 2.6rem;
    --_typography---line-height--line-h-1: 1em;
    --_typography---font-1-small: 1.125rem;
    --_typography---line-height--line-h-1-4: 1.4em;
    --_typography---letter-space--letter-space-0-05625: -.05625rem;
    --_typography---all-heading--h1: 3.25rem;
    --_typography---line-height--line-h-1-2: 1.2em;
    --_typography---all-heading--h2: 3rem;
    --_typography---font-large: .875rem;
    --_typography---font-3-medium: 3rem;
    --_typography---letter-space--letter-space-0-075: -.075rem;
    --_typography---font-2-small: 1.75rem;
    --_typography---font-1-large: 1.6rem;
    --_typography---font-1-medium: 1.375rem;
    --_typography---font-3-small: 2.5rem;
    --_typography---font-1-normal: 1.2rem;
    --_typography---font-2-large: 2.75rem;
    --_typography---line-height--line-h-1-1: 1.1em;
    --_typography---line-height--line-h-1-3: 1.3em;
    --_typography---font-2-normal: 2.25rem;
    --_typography---font-2-medium: 2.5rem;
    --_typography---font-3-normal: 0px;
  }

  .primary-button-wrap.hide-tablet {
    display: none;
  }

  .primary-button-wrap.hide-desktop {
    display: block;
  }

  .brand-logo {
    max-width: 2.5rem;
  }

  .nav-link-wrap {
    padding: var(--_spacing---space-1-extra-large);
    border-radius: 0rem 0rem var(--_border-radius---all-border--border-1) var(--_border-radius---all-border--border-1);
    background-image: none;
    background-repeat: repeat;
    background-size: auto;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

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

  .home-hero-area {
    background-size: 25rem 25rem, 25rem 25rem;
  }

  .hero-marque-main {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .marque-image {
    max-width: 18rem;
  }

  .shape-item-block {
    width: 101.5%;
    left: -6px;
  }

  .about-block-main {
    padding-right: 0;
    padding-bottom: var(--_spacing---space-1-normal);
    background-size: 16rem 16rem, 16rem 16rem;
    padding-left: 0;
  }

  .section-header.left {
    justify-content: center;
    align-items: flex-start;
  }

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

  .key-achievements-block {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .counter-grid {
    width: var(--_spacing---container-item--full);
  }

  .counter-item {
    justify-content: flex-start;
    align-items: center;
  }

  .counter-col {
    height: 3rem;
  }

  .about-image-main {
    margin-top: var(--_spacing---space-1-large);
  }

  .about-image {
    max-height: 40rem;
  }

  .core-value-small-card {
    background-image: linear-gradient(146deg, var(--color--white), transparent 30%);
  }

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

  .card-icon-wrap {
    width: 3.8rem;
    height: 3.8rem;
  }

  .card-icon {
    max-width: 2rem;
  }

  .shape {
    width: 12rem;
    height: 12rem;
    top: 4%;
    left: 1rem;
  }

  .shape.right {
    top: 5%;
    right: 1rem;
  }

  .shape.pricing {
    width: 10rem;
    height: 10rem;
    top: 6%;
    left: 1rem;
  }

  .shape.pricing.right {
    inset: 7% 0% auto auto;
  }

  .shape.service {
    top: 1%;
    left: 1rem;
  }

  .shape.service.right {
    inset: 1% 0% auto auto;
  }

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

  .services-card-main {
    background-size: 15rem 15rem;
  }

  .services-card-top {
    justify-content: space-between;
    align-items: flex-start;
  }

  .brand-color-dot {
    width: .875rem;
    height: .875rem;
  }

  .work-process {
    padding-right: var(--_spacing---space-1-extra-small);
    padding-left: var(--_spacing---space-1-extra-small);
  }

  .work-process-grid {
    grid-column-gap: var(--_spacing---space-2-normal);
    grid-row-gap: var(--_spacing---space-2-normal);
    grid-template-columns: 1fr 1.25fr;
  }

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

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

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

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

  .color-shape {
    max-width: 12rem;
    max-height: 12rem;
  }

  .testimonial-marque-area {
    height: 45rem;
  }

  .testimonial-marque.bottom-to-top.hide-tablet {
    display: none;
  }

  .testimonial-marque-card {
    background-size: 10rem 10rem;
  }

  .testimonial-gradient-overlaly {
    height: 10rem;
  }

  .faq-tab-menu {
    grid-column-gap: var(--_spacing---space-1-large);
    grid-row-gap: var(--_spacing---space-1-large);
  }

  .faq-arrow {
    width: 1.4rem;
  }

  .cta-block {
    padding-right: var(--_spacing---space-1-extra-small);
    padding-left: var(--_spacing---space-1-extra-small);
  }

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

  .footer-menu {
    padding-right: var(--_spacing---space-2-small);
    padding-left: var(--_spacing---space-2-small);
    justify-content: flex-start;
    align-items: flex-start;
  }

  .footer-menu.three, .footer-menu.four {
    border-top: 1px solid var(--color--rgba-217-217-217-0-20);
  }

  .copyright-block {
    grid-column-gap: var(--_spacing---space-1-medium);
    grid-row-gap: var(--_spacing---space-1-medium);
    flex-flow: column;
  }

  .nav-menu {
    padding-right: var(--_spacing---space-1-large);
    padding-bottom: var(--_spacing---space-1-large);
    padding-left: var(--_spacing---space-1-large);
  }

  .menu-button {
    padding: 0;
  }

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

  .horizontal-gradient-line {
    width: 10%;
  }

  .menu {
    width: 42px;
    height: 42px;
  }

  .hero-image-block {
    max-width: 18rem;
    height: 28rem;
  }

  .paragraph-regular.text-align-left.center-tablet {
    text-align: center;
  }

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

  .p-wrap {
    max-width: 26rem;
  }

  .nav-dropdonw-menu-list {
    left: auto;
  }

  .nav-dropdonw-menu-list.w--open {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    height: auto;
    margin-top: .625rem;
    padding-top: 0;
    position: static;
    overflow: auto;
  }

  .nav-menu-wrapper {
    width: var(--_spacing---container-item--full);
  }

  .nav-dropdown-toggle-main.w--open {
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    margin-left: 0;
    margin-right: 0;
  }

  .dropdown-link-text {
    margin-left: 0;
    margin-right: 0;
  }

  .style-guide-grid {
    grid-column-gap: var(--_spacing---space-3-small);
    grid-row-gap: var(--_spacing---space-3-small);
    grid-template-columns: 1fr;
  }

  .style-guide-button-wrap {
    flex-flow: row;
    justify-content: center;
    align-items: center;
  }

  .color-grid {
    width: var(--_spacing---container-item--full);
  }

  .color-item-block {
    justify-content: flex-start;
    align-items: center;
  }

  ._404-text {
    font-size: 12rem;
  }

  .nav-dropdown {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-left: 0;
    display: flex;
  }

  .form-group, .form-row-bottom {
    grid-column-gap: var(--_spacing---space-1-large);
    grid-row-gap: var(--_spacing---space-1-large);
  }

  .team-slider-main {
    margin-top: var(--_spacing---space-2-small);
    background-color: var(--color--transparent);
    width: auto;
    height: auto;
    padding-bottom: 5rem;
    overflow: hidden;
  }

  .team-slider-main.hide-desktop {
    display: block;
  }

  .hide {
    display: none;
  }

  .team-slider-mask {
    max-width: 22.7rem;
  }

  .team-slide {
    margin-right: var(--_spacing---space-1-large);
  }

  .team-card-main {
    display: none;
  }

  .team-card-main.show-tablet {
    display: block;
  }

  .slider-button {
    border: 1px solid var(--color--white);
    border-radius: var(--_border-radius---all-border--border-full);
    color: var(--color--white);
    justify-content: center;
    align-items: center;
    width: 3rem;
    height: 3rem;
    transition: all .3s;
    display: flex;
    inset: auto 0% 0%;
  }

  .slider-button:hover {
    border-color: var(--color--brand-color);
    background-color: var(--color--brand-color);
    color: var(--color--white);
  }

  .slider-button.left {
    left: -10%;
  }

  .slider-button.right {
    right: -10%;
  }

  .slider-arrow {
    width: 1.5rem;
    height: 1.5rem;
  }

  .slider-arrow.left {
    transform: rotate(180deg);
  }

  .demo {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  body {
    --_spacing---container-item--full: 100%;
    --_spacing---container-item--container-weight: 84.5rem;
    --_spacing---space-1-extra-small: 1rem;
    --_spacing---space-1-medium: 1.2rem;
    --_spacing---space-1-extra-large: 1.25rem;
    --_spacing---space-extra-small: .25rem;
    --_spacing---space-medium: .75rem;
    --_spacing---extra-small: .5rem;
    --_spacing---space-5-small: 3.8rem;
    --_spacing---space-1-normal: .875rem;
    --_spacing---space-2-extra-small\<deleted\|variable-05cf0fb4-ac09-8665-3950-9430ed379b3d\>: 2rem;
    --_spacing---space-3-medium: 2.5rem;
    --_spacing---space-2-small: 1.5rem;
    --_spacing---space-4-medium: 3rem;
    --_spacing---space-3-small: 2rem;
    --_spacing---space-1-large: 1.3rem;
    --_spacing---space-3-large: 1.75rem;
    --_spacing---font-2-medium: 1.75rem;
    --_spacing---space-2-normal: 1.75rem;
    --_spacing---space-4-small: 4rem;
    --_spacing---space-2-large: 2.75rem;
    --_spacing---space-3-normal: 3.25rem;
    --_spacing---space-4-normal: 4.25rem;
    --_spacing---space-4-large: 4.75rem;
    --_typography---font-1-ext-small: .9rem;
    --_typography---line-height--line-h-1-5: 1.5em;
    --_typography---all-heading--h3: 2.5rem;
    --_typography---line-height--line-h-1: 1em;
    --_typography---font-1-small: 1.125rem;
    --_typography---line-height--line-h-1-4: 1.4em;
    --_typography---letter-space--letter-space-0-05625: -.05625rem;
    --_typography---all-heading--h1: 3rem;
    --_typography---line-height--line-h-1-2: 1.2em;
    --_typography---all-heading--h2: 2.75rem;
    --_typography---font-large: .875rem;
    --_typography---font-3-medium: 2.75rem;
    --_typography---letter-space--letter-space-0-075: -.075rem;
    --_typography---font-2-small: 1.5rem;
    --_typography---font-1-large: 1.5rem;
    --_typography---font-1-medium: 1.25rem;
    --_typography---font-3-small: 2rem;
    --_typography---font-1-normal: 1.1rem;
    --_typography---font-2-large: 2.75rem;
    --_typography---line-height--line-h-1-1: 1.1em;
    --_typography---line-height--line-h-1-3: 1.3em;
    --_typography---font-2-normal: 2.25rem;
    --_typography---font-2-medium: 2.5rem;
    --_typography---font-3-normal: 0px;
  }

  .brand-logo {
    max-width: 2.5rem;
  }

  .home-hero-area {
    background-size: 20rem 20rem, 20rem 20rem;
  }

  .hero-header {
    padding-right: var(--_spacing---space-1-normal);
    padding-left: var(--_spacing---space-1-normal);
  }

  .button-one {
    padding-top: var(--_spacing---space-medium);
    padding-bottom: var(--_spacing---space-medium);
  }

  .marque-image {
    max-width: 15rem;
  }

  .marque-gradient-shape {
    width: 13.6rem;
  }

  .shape-item-block {
    left: -4px;
  }

  .logo-marque {
    position: relative;
  }

  .about-block-main {
    background-size: 14rem 14rem, 14rem 14rem;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .key-achievements-block {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .counter-col {
    height: 2.8rem;
  }

  .about-image-main {
    margin-top: var(--_spacing---space-1-extra-small);
  }

  .about-image {
    max-height: 33rem;
  }

  .core-value-card {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .about-main-wrapper {
    padding-right: var(--_spacing---space-1-normal);
    padding-left: var(--_spacing---space-1-normal);
  }

  .choose-us-grid {
    grid-column-gap: var(--_spacing---space-1-normal);
    grid-row-gap: var(--_spacing---space-1-normal);
  }

  .choose-us-card {
    height: var(--_spacing---container-item--full);
  }

  .card-icon-wrap {
    width: 3.5rem;
    height: 3.5rem;
  }

  .card-icon {
    max-width: 1.75rem;
  }

  .shape {
    width: 10rem;
    height: 10rem;
  }

  .shape.project {
    width: 10rem;
    height: 10rem;
    top: 4%;
    left: 1rem;
  }

  .shape.project.right {
    inset: 4% 0% auto auto;
  }

  .shape.pricing, .shape.pricing.right {
    top: 2%;
  }

  .shape.testimonial {
    width: 10rem;
    height: 10rem;
    top: 7%;
    left: 1rem;
  }

  .shape.testimonial.right {
    inset: 6% 0% auto auto;
  }

  .shape.faq {
    width: 10rem;
    height: 10rem;
    top: 7%;
    left: 1rem;
  }

  .shape.faq.right {
    inset: 6% 0% auto auto;
  }

  .services-grid {
    margin-top: var(--_spacing---space-extra-small);
    grid-template-columns: 1fr;
  }

  .brand-color-dot {
    width: .7rem;
    height: .7rem;
  }

  .work-process-grid {
    grid-column-gap: var(--_spacing---space-2-normal);
    grid-row-gap: var(--_spacing---space-2-normal);
  }

  .process-card {
    padding-right: var(--_spacing---space-1-normal);
    padding-left: var(--_spacing---space-1-normal);
  }

  .project-grid {
    grid-column-gap: var(--_spacing---space-1-medium);
    grid-row-gap: var(--_spacing---space-1-medium);
    grid-template-columns: 1fr 1fr;
  }

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

  .project-img-block {
    height: var(--_spacing---container-item--full);
    padding: var(--_spacing---space-1-normal);
  }

  .project-img-block.two {
    padding: var(--_spacing---space-1-normal);
  }

  .project-image-wrap {
    height: var(--_spacing---container-item--full);
  }

  .project-card-main {
    grid-column-gap: var(--_spacing---space-1-extra-large);
    grid-row-gap: var(--_spacing---space-1-extra-large);
  }

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

  .team-img {
    object-fit: cover;
    max-height: 28rem;
  }

  .social-icon-wrap {
    width: 3rem;
    height: 3rem;
  }

  .color-shape {
    max-width: 14rem;
    max-height: 14rem;
  }

  .testimonial-marque-area {
    grid-column-gap: var(--_spacing---space-1-normal);
    grid-row-gap: var(--_spacing---space-1-normal);
    height: 40rem;
  }

  .testimonial-marque-card {
    background-size: 9rem;
  }

  .quote-icon {
    width: 2rem;
  }

  .client-photo {
    max-width: 3rem;
  }

  .testimonial-gradient-overlaly {
    height: 8rem;
    bottom: 0%;
  }

  .testimonial-gradient-overlaly.top {
    top: 0%;
  }

  .faq-arrow {
    width: 1.25rem;
    height: 1.25rem;
  }

  .cta-block {
    padding-right: var(--_spacing---space-1-extra-small);
    padding-left: var(--_spacing---space-1-extra-small);
  }

  .cta-item-block {
    background-size: 14rem 14rem, 14rem 14rem;
  }

  .text-field {
    height: 4rem;
  }

  .text-field.message-area {
    height: 10.7rem;
  }

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

  .social-wrapper-block {
    grid-column-gap: var(--_spacing---space-medium);
    grid-row-gap: var(--_spacing---space-medium);
    flex-flow: wrap;
  }

  .menu {
    width: 40px;
    height: 40px;
  }

  .hero-main-image-block {
    padding: var(--_spacing---extra-small);
  }

  .hero-image-block {
    max-width: 15rem;
    height: 22rem;
  }

  .button-border {
    width: 30%;
    height: 1000%;
  }

  .nav-dropdonw-menu-list.w--open {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    margin-top: .625rem;
  }

  .navitem {
    align-items: stretch;
  }

  .nav-menu-wrapper {
    padding: 2rem;
  }

  .nav-dropdown-toggle-main.w--open {
    margin-right: auto;
  }

  .style-guide-main {
    padding-right: var(--_spacing---space-1-normal);
    padding-left: var(--_spacing---space-1-normal);
  }

  .style-guide-button-wrap {
    flex-flow: row;
    justify-content: center;
    align-items: center;
  }

  .color-grid-wrap, .typho-wrap {
    padding: var(--_spacing---space-2-small);
  }

  .all-heading-block {
    margin-top: var(--_typography---font-1-large);
    grid-template-columns: 1fr;
  }

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

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

  ._404-main {
    padding-right: var(--_spacing---space-1-normal);
    padding-left: var(--_spacing---space-1-normal);
  }

  .team-slider-mask {
    max-width: 330rem;
  }

  .team-slide {
    width: var(--_spacing---container-item--full);
  }

  .slider-button.left {
    left: -15%;
  }

  .slider-button.right {
    right: -15%;
  }
}

@media screen and (max-width: 479px) {
  body {
    --_spacing---container-item--full: 100%;
    --_spacing---container-item--container-weight: 84.5rem;
    --_spacing---space-1-extra-small: .875rem;
    --_spacing---space-1-medium: 1rem;
    --_spacing---space-1-extra-large: 1rem;
    --_spacing---space-extra-small: .25rem;
    --_spacing---space-medium: .75rem;
    --_spacing---extra-small: .5rem;
    --_spacing---space-5-small: 3rem;
    --_spacing---space-1-normal: .875rem;
    --_spacing---space-2-extra-small\<deleted\|variable-05cf0fb4-ac09-8665-3950-9430ed379b3d\>: 2rem;
    --_spacing---space-3-medium: 2rem;
    --_spacing---space-2-small: 1.25rem;
    --_spacing---space-4-medium: 2.5rem;
    --_spacing---space-3-small: 1.5rem;
    --_spacing---space-1-large: 1.25rem;
    --_spacing---space-3-large: 1.5rem;
    --_spacing---font-2-medium: 1.5rem;
    --_spacing---space-2-normal: 1.5rem;
    --_spacing---space-4-small: 4rem;
    --_spacing---space-2-large: 2.75rem;
    --_spacing---space-3-normal: 3.25rem;
    --_spacing---space-4-normal: 4.25rem;
    --_spacing---space-4-large: 4.75rem;
    --_typography---font-1-ext-small: .9rem;
    --_typography---line-height--line-h-1-5: 1.5em;
    --_typography---all-heading--h3: 2.25rem;
    --_typography---line-height--line-h-1: 1em;
    --_typography---font-1-small: 1rem;
    --_typography---line-height--line-h-1-4: 1.4em;
    --_typography---letter-space--letter-space-0-05625: -.05625rem;
    --_typography---all-heading--h1: 2.75rem;
    --_typography---line-height--line-h-1-2: 1.2em;
    --_typography---all-heading--h2: 2.5rem;
    --_typography---font-large: .875rem;
    --_typography---font-3-medium: 2.5rem;
    --_typography---letter-space--letter-space-0-075: -.075rem;
    --_typography---font-2-small: 1.3rem;
    --_typography---font-1-large: 1.4rem;
    --_typography---font-1-medium: 1.1rem;
    --_typography---font-3-small: 1.75rem;
    --_typography---font-1-normal: 1.1rem;
    --_typography---font-2-large: 2.75rem;
    --_typography---line-height--line-h-1-1: 1.1em;
    --_typography---line-height--line-h-1-3: 1.3em;
    --_typography---font-2-normal: 2.25rem;
    --_typography---font-2-medium: 2.5rem;
    --_typography---font-3-normal: 0px;
  }

  .brand-logo {
    max-width: 2rem;
    top: -27%;
    right: -11%;
  }

  .home-hero-area {
    background-size: 10rem 12rem, 10rem 12rem;
  }

  .space-5-small.hide-mobile {
    display: none;
  }

  .font-1-small.center-mobile {
    text-align: center;
  }

  .hero-header {
    padding-right: var(--_spacing---extra-small);
    padding-left: var(--_spacing---space-medium);
  }

  .button-wrapper {
    grid-column-gap: var(--_spacing---space-medium);
    grid-row-gap: var(--_spacing---space-medium);
  }

  .hero-marque-main {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }

  .marque-image {
    max-width: 12rem;
  }

  .marque-gradient-shape {
    background-image: linear-gradient(270deg, #1e1e1e00, var(--color--primary-bg) 22%);
    width: 12rem;
  }

  .marque-gradient-shape.right {
    background-image: linear-gradient(90deg, #1e1e1e00, var(--color--primary-bg) 22%);
  }

  .shape-item-block {
    width: 103%;
    left: -4px;
  }

  .company-logo {
    max-width: 9rem;
  }

  .about-block-main {
    padding-bottom: 0;
  }

  .counter-grid {
    grid-auto-flow: row;
  }

  .counter-item {
    justify-content: flex-start;
    align-items: center;
  }

  .counter-col {
    height: 2.6rem;
  }

  .core-value-grid {
    width: var(--_spacing---container-item--full);
    grid-column-gap: var(--_spacing---space-medium);
    grid-row-gap: var(--_spacing---space-medium);
    grid-template-columns: 1fr;
  }

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

  .font-1-extra-small.normal-white.center-mobile {
    text-align: center;
  }

  .shape {
    width: 8rem;
    height: 8rem;
    top: 4%;
  }

  .shape.right {
    top: 4%;
  }

  .shape.project {
    width: 8rem;
    height: 8rem;
  }

  .shape.pricing {
    width: 8rem;
    height: 8rem;
    top: 4%;
  }

  .shape.pricing.right {
    top: 4%;
  }

  .shape.testimonial {
    width: 8rem;
    height: 8rem;
  }

  .shape.testimonial.right {
    top: 7%;
  }

  .shape.faq {
    width: 8rem;
    height: 8rem;
  }

  .shape.faq.right {
    top: 7%;
  }

  .services-card-main {
    background-size: 10rem 10rem;
  }

  .services-card-top {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .work-process-grid, .project-grid, .project-grid.two {
    grid-template-columns: 1fr;
  }

  .project-image-wrap {
    width: var(--_spacing---container-item--full);
  }

  .project-image {
    height: 19rem;
  }

  .pricing-card-main {
    background-size: 10rem 10rem;
  }

  .team-grid {
    grid-column-gap: var(--_spacing---space-2-normal);
    grid-row-gap: var(--_spacing---space-2-normal);
  }

  .team-info-block {
    padding: var(--_spacing---space-medium) var(--_spacing---space-medium) var(--_spacing---extra-small);
  }

  .social-icon-wrap {
    width: 2.5rem;
    height: 2.5rem;
  }

  .social-icon {
    width: 1rem;
    height: 1.2rem;
  }

  .color-shape {
    max-width: 10rem;
    max-height: 10rem;
  }

  .testimonial-marque-area {
    flex-flow: column;
    height: 35rem;
  }

  .testimonial-marque.top-to-bottom.hide-mobile {
    display: none;
  }

  .testimonial-gradient-overlaly {
    height: 5rem;
  }

  .faq-tab-menu {
    grid-column-gap: var(--_spacing---space-1-medium);
    grid-row-gap: var(--_spacing---space-1-medium);
  }

  .faq-card-wrap {
    background-image: linear-gradient(333deg, #ffffff80, var(--color--transparent) 30%), linear-gradient(150deg, #ffffff80, transparent 34%);
  }

  .faq-card {
    padding-right: var(--_spacing---space-medium);
    padding-left: var(--_spacing---space-medium);
  }

  .faq-card-top {
    grid-column-gap: var(--_spacing---space-medium);
    grid-row-gap: var(--_spacing---space-medium);
  }

  .faq-top-left {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .faq-title {
    font-size: var(--_typography---font-1-ext-small);
  }

  .cta-block {
    padding-right: var(--_spacing---space-medium);
    padding-left: var(--_spacing---space-medium);
  }

  .cta-item-block {
    background-size: 10rem 10rem, 10rem 10rem;
  }

  .text-field {
    height: 3rem;
  }

  .text-field.message-area {
    height: 8rem;
  }

  .footer-grid {
    grid-template-columns: 1.25fr;
  }

  .footer-left {
    padding: var(--_spacing---space-1-large) var(--_spacing---space-medium);
    border-bottom: 1px solid var(--color--rgba-217-217-217-0-20);
    border-right-style: none;
  }

  .social-wrapper-block {
    grid-column-gap: var(--_spacing---space-medium);
    grid-row-gap: var(--_spacing---space-medium);
  }

  .footer-menu {
    padding-top: var(--_spacing---space-1-large);
    padding-bottom: var(--_spacing---space-1-large);
  }

  .menu-button {
    padding: 0;
  }

  .vertical-gradient-line {
    height: 8%;
  }

  .horizontal-gradient-line {
    width: 20%;
  }

  .menu {
    width: 30px;
    height: 30px;
  }

  .hero-image-block {
    max-width: 13rem;
    height: 20rem;
  }

  .cta-area {
    background-image: linear-gradient(333deg, #ffffff80, var(--color--transparent) 30%), linear-gradient(150deg, #ffffff80, transparent 34%);
  }

  .cta-effect {
    width: 35%;
  }

  .navitem {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .nav-menu-wrapper {
    grid-column-gap: var(--_spacing---space-extra-small);
    grid-row-gap: var(--_spacing---space-extra-small);
    padding: .7rem;
  }

  .nav-dropdown-toggle-main {
    margin-left: 0;
    margin-right: 0;
  }

  .style-guide-main {
    padding-right: var(--_spacing---extra-small);
    padding-left: var(--_spacing---space-medium);
  }

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

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

  .license-main, .changelog-main {
    grid-column-gap: var(--_spacing---space-3-medium);
    grid-row-gap: var(--_spacing---space-3-medium);
    grid-template-columns: 1fr;
  }

  .changelog-info-block {
    justify-content: flex-start;
    align-items: center;
  }

  ._404-main {
    padding-right: var(--_spacing---extra-small);
    padding-left: var(--_spacing---space-medium);
  }

  ._404-text {
    font-size: 8rem;
  }

  .form-field-wrap {
    background-image: linear-gradient(333deg, #ffffff80, var(--color--transparent) 30%), linear-gradient(150deg, #ffffff80, transparent 34%);
  }

  .form-row {
    grid-column-gap: var(--_spacing---space-1-extra-small);
    grid-row-gap: var(--_spacing---space-1-extra-small);
    grid-template-columns: 1fr;
  }

  .form-group {
    grid-column-gap: var(--_spacing---space-1-normal);
    grid-row-gap: var(--_spacing---space-1-normal);
  }

  .form-row-bottom {
    grid-template-columns: 2fr;
  }

  .team-slider-main {
    padding-bottom: 4rem;
  }

  .slider-button {
    width: 2.7rem;
    height: 2.7rem;
  }

  .slider-button.left {
    left: -20%;
  }

  .slider-button.right {
    right: -20%;
  }
}

#w-node-_55c7c821-13fc-c8b8-d0fa-c78b28354aff-7c78b4b5, #w-node-e6a70fa5-9dbd-35d3-fa90-4cbaf52a0250-7c78b4b5 {
  align-self: start;
}

#w-node-_03763e81-777c-cfb6-4d02-330dd7bc9cb5-7c78b4b5 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

@media screen and (max-width: 991px) {
  #w-node-e6a70fa5-9dbd-35d3-fa90-4cbaf52a0250-7c78b4b5 {
    order: -9999;
  }
}