:root {
  --background: whitesmoke;
  --black: #1d1d1f;
  --white: white;
  --y-shadow-desktop: .13em;
  --blur-shadow-desktop: .45em;
  --shadow-color: #0000000d;
  --y-shadow-tablet: .26em;
  --blur-shadow-tablet: .84em;
  --y-shadow-mobile: .53em;
  --blur-shadow-mobile: 1.73em;
  --radius-desktop-12: .83em;
  --grey: #888787;
  --blue-1: #1c40bf;
  --light-grey: #f0f0f0;
  --radius-8-desktop: .4em;
  --light-blue: #f2f5fc;
  --radius-desktop-20: 1.38em;
  --radius-tablet-15: 1.95em;
  --radius-mobile-15: 4em;
  --white-transparent-40: #fff6;
  --blue-2: #2046ce;
  --radius-button-desktop: .69em;
  --radius-button-tablet: 1.3em;
  --radius-button-mobile: 2.6em;
  --radius-13-desktop: .9em;
  --radius-13-tablet: 1.69em;
  --radius-13-mobile: 3.46em;
  --menu-border-grey: #ececf0;
  --radius-10-desktop: .69em;
  --menu-line-grey: #d9d9d9;
  --green: #28ae65;
  --red: #d4301f;
  --total-black-10-transparent: #0000001a;
  --radius-tablet-12: 1.56em;
  --radius-mobile-12: 3.2em;
}

body {
  background-color: var(--background);
  color: var(--black);
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 1vw;
}

h1, h2, h3, h4, h5 {
  margin-top: 0;
  margin-bottom: 0;
}

h6 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
}

p {
  margin-bottom: 0;
}

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

.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: 5.55em;
  padding-bottom: 5.55em;
}

.section.section--about {
  background-color: var(--white);
  padding-top: 8.88em;
  padding-bottom: 3.2em;
}

.section.section--timeline {
  background-color: var(--white);
  color: var(--white);
  padding-top: 2.08em;
  padding-bottom: 7em;
}

.section.section--process {
  background-color: var(--white);
  padding-top: 4.86em;
  padding-bottom: 4.16em;
}

.section.section--blog {
  background-color: var(--white);
  padding-top: 8.88em;
  padding-bottom: 6.94em;
}

.section.section--services-page {
  background-color: var(--white);
  padding-top: 8.8em;
  padding-bottom: 6.9em;
}

.section.section--article {
  border-radius: var(--radius-desktop-12);
  background-color: var(--white);
  padding-top: 7.63em;
}

.section.section--other-articles {
  background-color: var(--white);
  padding-top: 4.86em;
}

.section.section--cover {
  background-color: var(--white);
  box-shadow: 0 var(--y-shadow-desktop) var(--blur-shadow-desktop) 0em var(--shadow-color);
  border-radius: 0 0 2.77778em 2.77778em;
  padding-top: 7.43056em;
}

.section.section--result {
  padding-bottom: 11.11em;
}

.section.section--clients {
  background-color: var(--white);
  box-shadow: 0 var(--y-shadow-desktop) var(--blur-shadow-desktop) 0 var(--shadow-color);
  border-top-left-radius: 2.7em;
  border-top-right-radius: 2.7em;
  padding-top: 23.81em;
  padding-bottom: 0;
  position: relative;
  overflow: hidden;
}

.section.section-production {
  background-color: var(--white);
  padding-top: 9.02em;
  padding-bottom: 4.86em;
  position: relative;
}

.section.section--form {
  background-color: var(--white);
  padding-bottom: 3.47em;
}

.section.section--footer {
  background-color: var(--white);
  padding-top: 0;
  padding-bottom: 3.47em;
}

.container {
  width: 100%;
  max-width: 1600px;
  padding-left: 6.94em;
  padding-right: 6.94em;
}

.h1 {
  text-align: center;
  font-size: 3.889em;
  font-weight: 400;
  line-height: 100%;
}

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

.h2 {
  text-align: center;
  font-size: 3.33em;
  font-weight: 500;
  line-height: 100%;
}

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

.h2.h2--align-left.h2--white {
  color: var(--white);
}

.h3 {
  font-size: 2.22em;
  font-weight: 600;
  line-height: 100%;
}

.h3.project-card__title {
  display: none;
}

.h4 {
  text-align: center;
  font-size: 1.11em;
  font-weight: 600;
  line-height: 100%;
}

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

.h5 {
  text-align: center;
  font-size: 1.38em;
  font-weight: 500;
  line-height: 100%;
}

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

.d1 {
  text-transform: uppercase;
  font-size: .97em;
  font-weight: 400;
  line-height: 100%;
  position: relative;
}

.d1.d1--color-grey {
  color: var(--grey);
}

.d2 {
  font-size: .83em;
  font-weight: 400;
  line-height: 100%;
}

.d2.d2--accent {
  color: var(--blue-1);
}

.d2.d2--grey {
  color: var(--grey);
}

.d3 {
  font-size: .97em;
  font-weight: 500;
  line-height: 100%;
}

.text1 {
  font-size: 1.25em;
  font-weight: 400;
  line-height: 120%;
}

.text1.is-services-item-1 {
  width: 86%;
}

.text1.is-services-item-3 {
  width: 84%;
}

.text1.project-cover__description {
  text-align: center;
}

.text1.text1--light-grey {
  color: var(--light-grey);
}

.text1.text1--light-grey.text1--cta-width {
  max-width: 24.76em;
}

.text1.text1--form-title {
  width: 80%;
}

.text1.popup__success-text {
  text-align: left;
  width: 60%;
}

.text1.text1--footer-form {
  color: var(--blue-1);
  text-align: left;
}

.text2 {
  font-size: 2.5em;
  font-weight: 400;
  line-height: 110%;
}

.text2.text2--visible-from-tablet, .text2.text2--visible-from-mobile {
  display: none;
}

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

.text2.text2--visible-from-tablet {
  display: none;
}

.text3 {
  font-size: 1.11em;
  font-weight: 500;
  line-height: 110%;
}

.text4 {
  font-size: .97em;
  line-height: 120%;
}

.text4.blog__descript {
  color: var(--grey);
}

.text-numbers {
  letter-spacing: -.02em;
  font-size: 6.66em;
  line-height: 100%;
}

.navbar__link {
  border-radius: var(--radius-8-desktop);
  background-color: #fff0;
  justify-content: center;
  align-items: center;
  width: 5.1em;
  height: 1.82em;
  padding: 0 1.38889vw;
  font-size: 1.11em;
  line-height: 100%;
  transition: all .3s ease-in-out;
  display: flex;
}

.navbar__link:hover, .navbar__link:focus {
  color: var(--blue-1);
}

.navbar__link.w--current {
  background-color: var(--white);
  color: var(--black);
}

.navbar__link.w--current:hover {
  color: var(--blue-1);
}

.text-link {
  text-transform: uppercase;
  text-underline-offset: .2em;
  font-size: .97em;
  line-height: 100%;
  text-decoration: underline;
}

.link-text {
  font-size: 1.11em;
  line-height: 100%;
}

.link-text.link-text--menu-fix {
  white-space: nowrap;
  white-space: nowrap;
}

.result {
  grid-column-gap: 3.88em;
  grid-row-gap: 3.88em;
  flex-flow: column;
  align-items: center;
  display: flex;
}

.title-block {
  z-index: 1;
  grid-column-gap: 1.04em;
  grid-row-gap: 1.04em;
  flex-flow: column;
  align-items: center;
  display: flex;
}

.title-block.result__title {
  width: 53em;
}

.result__card-box {
  grid-column-gap: 1.38em;
  grid-row-gap: 1.38em;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.result__card {
  border-radius: var(--radius-desktop-20);
  background-color: var(--white);
  width: 100%;
  height: 26.04em;
  box-shadow: 0 var(--y-shadow-desktop) var(--blur-shadow-desktop) 0 var(--shadow-color);
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  padding-top: 7.29em;
  padding-bottom: 2.08em;
  display: flex;
}

.result__card.res-block__card--margin-bottom {
  margin-bottom: 4.44em;
}

.result__numb-box {
  grid-column-gap: .34em;
  grid-row-gap: .34em;
  flex-flow: column;
  align-items: center;
  display: flex;
}

.result__descriptor-box {
  width: 48%;
  color: var(--grey);
  text-align: center;
}

.project-card {
  border-radius: var(--radius-desktop-20);
  background-color: var(--shadow-color);
  opacity: 0;
  flex-flow: column;
  justify-content: space-between;
  width: 100%;
  height: 37.9861em;
  padding: .694444em;
  display: flex;
  position: relative;
  overflow: hidden;
}

.project-card:where(.w-variant-399f79a3-1942-e471-40ec-2da132cfd1f8), .project-card.project-card--catalog, .project-card.project-card--catalog {
  height: 36.39em;
}

.project__cards {
  grid-column-gap: 1.38em;
  grid-row-gap: 1.38em;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.project-cover {
  grid-column-gap: 1.38889em;
  grid-row-gap: 1.38889em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.project-card__tags {
  z-index: 1;
  grid-column-gap: .555556em;
  grid-row-gap: .555556em;
  display: flex;
  position: relative;
}

.project-card__text-wrap {
  z-index: 1;
  grid-column-gap: .694444em;
  grid-row-gap: .694444em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 4.5em;
  display: flex;
  position: relative;
}

.project-card__text-wrap:where(.w-variant-399f79a3-1942-e471-40ec-2da132cfd1f8) {
  display: none;
}

.project-card__tag {
  background-color: var(--white-transparent-40);
  border-radius: 20em;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 2.08em;
  min-height: 2.08em;
  padding-left: 1.38889em;
  padding-right: 1.38889em;
  display: flex;
}

.project-card__tag.project-card__tag--logo {
  width: 4.86em;
  min-width: 4.86em;
  padding-left: 0;
  padding-right: 0;
}

.project-card__tag.project-card__tag--right {
  width: 2.08em;
  padding-left: 0;
  padding-right: 0;
  position: absolute;
  inset: 0% 0% auto auto;
}

.project-card__logo {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.project-card__arrow-wrap {
  z-index: 1;
  border-radius: 100em;
  justify-content: center;
  align-items: center;
  width: 2.56944em;
  height: 2.56944em;
  display: flex;
  position: absolute;
  inset: auto 1.38889em 1.38889em auto;
  overflow: hidden;
}

.project-card__arrow-icon {
  background-image: url("https://cdn.prod.website-files.com/680f27bc80b7f3f8c3ff78a1/68104a23f15acd2d06c9469c_ic-arrow-l-black.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: .902778em;
  height: .902778em;
}

.project-card__video {
  z-index: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.project-card__video.project-card__video--mobile {
  display: none;
}

.collectiion {
  width: 100%;
}

.collection-item {
  flex: 1;
}

.project-card__white-theme {
  display: none;
}

.project-cover__title-wrap {
  grid-column-gap: .694444em;
  grid-row-gap: .694444em;
  flex-flow: column;
  display: flex;
}

.link-box {
  grid-column-gap: .27em;
  grid-row-gap: .27em;
  color: var(--blue-1);
  align-items: center;
  transition: all .3s;
  display: flex;
}

.link-box:hover {
  color: var(--blue-2);
}

.link-box.link-box--max-index {
  z-index: 9999;
  z-index: 9999;
  position: relative;
}

.link-box__icon {
  background-image: url("https://cdn.prod.website-files.com/680f27bc80b7f3f8c3ff78a1/6810a255e2c4b88e498d2c22_link-icon.svg");
  background-position: 50%;
  background-size: cover;
  width: 1.25em;
  height: 1.25em;
}

.link-box__icon.link-box__icon--angled {
  background-image: url("https://cdn.prod.website-files.com/680f27bc80b7f3f8c3ff78a1/681327a3214d1d80b9a16750_arrow-angled.svg");
  background-repeat: no-repeat;
}

.title-block__content {
  grid-column-gap: 2.77em;
  grid-row-gap: 2.77em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 36em;
  display: flex;
  position: relative;
}

.button {
  border-radius: var(--radius-button-desktop);
  background-color: var(--blue-1);
  width: 10.69em;
  color: var(--white);
  justify-content: center;
  align-items: center;
  padding-top: .83em;
  padding-bottom: .83em;
  font-weight: 500;
  transition: all .3s;
  display: flex;
  position: relative;
}

.button:hover {
  background-color: var(--blue-2);
}

.button.button--white {
  background-color: var(--white);
  color: var(--blue-1);
}

.button.button--white:hover {
  background-color: var(--blue-2);
  color: var(--white);
}

.button.button--popup-form {
  width: 100%;
  height: 2.77vw;
  max-height: 44px;
  margin-top: .25em;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 1.11vw;
}

.button.button--footer-form {
  width: 7.63vw;
  max-width: 122px;
  height: 2.77vw;
  max-height: 44.32px;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 1.11em;
  position: absolute;
  top: 50%;
  right: 1.2%;
  transform: translateY(-50%);
}

.button.button--header {
  background-color: var(--black);
  width: auto;
  height: 2.569em;
  padding-left: 1.354em;
  padding-right: 1.354em;
}

.button.button--header.is-tablet-visible {
  display: none;
}

.button.button--gradient {
  background-image: linear-gradient(350deg, #4462ca, var(--blue-1) 23%, var(--blue-1) 52%, #1d41bf 79%, #3a59c7);
}

.button.button--gradient.button--live-chat {
  z-index: 20;
  grid-column-gap: .69em;
  grid-row-gap: .69em;
  background-image: linear-gradient(310deg, #4462ca, var(--blue-1) 23%, var(--blue-1) 52%, #1d41bf 79%, #3a59c7);
  z-index: 20;
  grid-column-gap: .69em;
  grid-row-gap: .69em;
  background-image: linear-gradient(310deg, #4462ca, var(--blue-1) 23%, var(--blue-1) 52%, #1d41bf 79%, #3a59c7);
  width: auto;
  padding: .45em 1.38em;
  position: fixed;
  bottom: 2.98vw;
  right: 2.8vw;
}

.text-button {
  text-align: center;
  letter-spacing: .02em;
  font-size: 1.11em;
  font-weight: 400;
  line-height: 100%;
}

.production {
  grid-column-gap: 3em;
  grid-row-gap: 3em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.production__grid {
  z-index: 2;
  grid-column-gap: 1.38em;
  grid-row-gap: .62em;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
  position: relative;
}

.production__card {
  grid-column-gap: 1.38em;
  grid-row-gap: 1.38em;
  border-radius: var(--radius-13-desktop);
  background-color: var(--light-blue);
  height: 19.93em;
  box-shadow: 0 var(--y-shadow-desktop) var(--blur-shadow-desktop) 0 var(--shadow-color);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 1.38em;
  padding-left: 1.38em;
  padding-right: 2.76em;
  display: flex;
  position: relative;
  overflow: hidden;
}

.production__card.production__card--final {
  background-image: url("https://cdn.prod.website-files.com/680f27bc80b7f3f8c3ff78a1/68134e570fc0cd2117246af5_stage%20card.webp");
  background-position: 50%;
  background-size: cover;
}

.popup__wrap {
  grid-column-gap: 4.86em;
  grid-row-gap: 4.86em;
  border-radius: var(--radius-desktop-20);
  background-color: var(--light-grey);
  width: 65.42em;
  height: 37.36em;
  padding: 1.74em;
  display: flex;
  position: relative;
}

.navbar {
  background-color: #fff0;
  padding-top: 2.08em;
  position: fixed;
  inset: 0% 0% auto;
}

.navbar__nav {
  grid-column-gap: .416667em;
  grid-row-gap: .416667em;
  justify-content: center;
  align-items: center;
  display: flex;
}

.navbar__links {
  grid-column-gap: .65em;
  grid-row-gap: .65em;
  border: .07em solid var(--menu-border-grey);
  border-radius: var(--radius-10-desktop);
  background-color: var(--light-grey);
  justify-content: flex-start;
  align-items: center;
  padding: .2em;
  display: flex;
}

.navbar__line {
  background-color: var(--menu-line-grey);
  width: .104167em;
  height: 1.31944em;
}

.logo {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-image: url("https://cdn.prod.website-files.com/680f27bc80b7f3f8c3ff78a1/68d5f54979693866ce794662_logo.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 2.43em;
  height: 2.43em;
  overflow: hidden;
}

.logo__link {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 100%;
  padding: 0;
}

.static-header {
  background-color: var(--white);
  position: absolute;
  inset: 0% 0% auto;
}

.static-header__inner {
  z-index: 99999;
  justify-content: flex-end;
  align-items: flex-start;
  padding-top: 2.78em;
  display: flex;
}

.navbar__mobile-content {
  display: none;
}

.contact-us-links {
  grid-column-gap: .83em;
  grid-row-gap: .83em;
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.contact-us-links__link-wrap {
  grid-column-gap: .42em;
  grid-row-gap: .42em;
  justify-content: flex-start;
  align-items: center;
  transition: all .3s;
  display: flex;
}

.contact-us-links__link-wrap:hover {
  color: var(--blue-1);
}

.contact-us-links__icon {
  width: 1.67em;
  height: 1.67em;
}

.contact-us-links__icon.contact-us-links__icon--email {
  background-image: url("https://cdn.prod.website-files.com/680f27bc80b7f3f8c3ff78a1/6811d7b8e68f9c363308d24c_material-symbols_mail-rounded.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.contact-us-links__icon.contact-us-links__icon--wu {
  background-image: url("https://cdn.prod.website-files.com/680f27bc80b7f3f8c3ff78a1/6811d7b8f01bbb75b0f3f63d_ri_whatsapp-fill.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.contact-us-links__icon.contact-us-links__icon--tg {
  background-image: url("https://cdn.prod.website-files.com/680f27bc80b7f3f8c3ff78a1/6811d7b7c1f70cd60f551716_ic_baseline-telegram.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.contact-us-links__icon.contact-us-links__icon--book {
  background-image: url("https://cdn.prod.website-files.com/680f27bc80b7f3f8c3ff78a1/6811d7b878a624ef806076bc_heroicons_calendar-solid.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.production__icon {
  width: 1.8em;
  height: 1.8em;
}

.production__icon.production__icon--brief {
  background-image: url("https://cdn.prod.website-files.com/680f27bc80b7f3f8c3ff78a1/6812617c30a58d5fc542698f_brief%20icon.svg");
  background-position: 0 0;
  background-size: cover;
}

.production__icon.production__icon--concept {
  background-image: url("https://cdn.prod.website-files.com/680f27bc80b7f3f8c3ff78a1/68126b05ae572fca59d229b1_concept%20icon.svg");
  background-position: 50%;
  background-size: cover;
}

.production__icon.production__icon--cgi {
  background-image: url("https://cdn.prod.website-files.com/680f27bc80b7f3f8c3ff78a1/6812617c5cd6b6f11ab76c3e_production%20icon.svg");
  background-position: 50%;
  background-size: cover;
}

.production__icon.production__icon--review {
  background-image: url("https://cdn.prod.website-files.com/680f27bc80b7f3f8c3ff78a1/6812617c203d74c6988f8ef7_review%20icon.svg");
  background-position: 50%;
  background-size: cover;
}

.production__icon.production__icon--final {
  background-image: url("https://cdn.prod.website-files.com/680f27bc80b7f3f8c3ff78a1/6812617c88689aee7485fc9a_final%20icon.svg");
  background-position: 50%;
  background-size: cover;
}

.production__text {
  grid-column-gap: .76em;
  grid-row-gap: .76em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.production__bar {
  justify-content: center;
  align-items: center;
  height: 3.26em;
  padding-left: 2.22em;
  padding-right: 2.22em;
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.production__bar.production__bar--blue {
  background-color: var(--blue-1);
}

.production__bar.production__bar--green {
  background-color: var(--green);
  color: var(--white);
}

.production__back-line {
  background-color: #508cff;
  border-radius: 20px;
  width: 100%;
  height: .34em;
  display: flex;
}

.production__inside-line {
  background-color: var(--white);
  border-radius: 60px;
  height: 100%;
}

.production__inside-line.production__inside-line--25 {
  width: 25%;
}

.production__inside-line.production__inside-line--65 {
  width: 65%;
}

.production__title {
  font-size: 20.06em;
  line-height: 100%;
  position: absolute;
  top: 28%;
}

.services {
  grid-column-gap: 2.88em;
  grid-row-gap: 2.88em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.services__cards {
  grid-column-gap: 1.39em;
  grid-row-gap: 1.39em;
  width: 100%;
  display: flex;
}

.services__buttons {
  grid-column-gap: .56em;
  grid-row-gap: .56em;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.services-card {
  border-radius: var(--radius-desktop-20);
  background-color: var(--white);
  flex-flow: column;
  justify-content: space-between;
  width: 100%;
  height: 35.69em;
  display: flex;
  overflow: hidden;
}

.services-card__img-wrap {
  width: 100%;
  height: 20.63em;
  overflow: hidden;
}

.services-card__img {
  object-fit: cover;
  width: 110%;
  height: 110%;
}

.services-card__top {
  z-index: 1;
  grid-column-gap: 1.6em;
  grid-row-gap: 1.6em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: .76em;
  padding-right: 1.04em;
  display: flex;
  position: relative;
}

.services-card__text-wrap {
  z-index: 1;
  grid-column-gap: 1.39em;
  grid-row-gap: 1.39em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 25em;
  padding-left: 2.08em;
  display: flex;
  position: relative;
}

.services-card__tag {
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.cta {
  grid-column-gap: 2.8em;
  grid-row-gap: 2.8em;
  border-radius: var(--radius-desktop-20);
  background-color: var(--black);
  flex-flow: column;
  height: 27.43em;
  padding: 3.47em;
  display: flex;
  overflow: hidden;
}

.cta.cta--compact {
  grid-column-gap: 2.08em;
  grid-row-gap: 2.08em;
  height: auto;
}

.cta__text-wrapper {
  grid-column-gap: 2.2em;
  grid-row-gap: 2.2em;
  flex-flow: column;
  max-width: 37.85em;
  display: flex;
}

.cta__text-wrapper.cta__text-wrapper--compact {
  max-width: 35em;
}

.logo-circle {
  background-image: url("https://cdn.prod.website-files.com/680f27bc80b7f3f8c3ff78a1/681786d7d279523de42cd04b_logo%20circle%20main.webp");
  background-position: 50%;
  background-size: cover;
  width: 86.11em;
  height: 86.11em;
  position: absolute;
  top: 2%;
}

.logo-line {
  width: 100%;
  margin-top: 6.5em;
  display: none;
  overflow: hidden;
}

.logo-line__list {
  grid-column-gap: 4.29em;
  grid-row-gap: 4.29em;
  padding-right: 4.29em;
  display: flex;
}

.logo-line__icon {
  flex: none;
  width: 17.18em;
  height: 17.18em;
}

.footer {
  grid-column-gap: 9.86em;
  grid-row-gap: 9.86em;
  border-radius: var(--radius-desktop-20);
  background-color: var(--light-blue);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3.47em;
  display: flex;
}

.footer__top {
  grid-column-gap: 8.6em;
  grid-row-gap: 8.6em;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.footer__bottom {
  grid-column-gap: 2.01em;
  grid-row-gap: 2.01em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.footer__line {
  background-color: var(--grey);
  width: 100%;
  height: 1px;
}

.footer__title {
  grid-column-gap: 1.38em;
  grid-row-gap: 1.38em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 22.91em;
  display: flex;
}

.footer__links {
  grid-column-gap: 10.5em;
  grid-row-gap: 10.5em;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.footer__link-box {
  grid-column-gap: 1.38em;
  grid-row-gap: 1.38em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.footer__social-box {
  grid-column-gap: .83em;
  grid-row-gap: .83em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.footer__social-link {
  justify-content: flex-start;
  align-items: center;
  transition: all .3s;
  display: flex;
}

.footer__social-link:hover {
  color: var(--blue-1);
}

.footer__social-icon {
  background-image: url("https://cdn.prod.website-files.com/680f27bc80b7f3f8c3ff78a1/681476f17f0fae31a64dc1d9_social-icon.svg");
  background-position: 50%;
  background-size: cover;
  width: 1.25em;
  height: 1.25em;
}

.footer__form {
  width: 22.91em;
  margin-bottom: 0;
}

.footer__form-default {
  width: 100%;
  height: 3.54em;
  position: relative;
}

.footer__form-success {
  background-color: #0000;
  width: 80%;
  padding: 0;
}

.footer__form-error {
  color: var(--red);
  background-color: #0000;
  margin-top: .69em;
  padding: 0;
}

.popup {
  z-index: 99999;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100svh;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: auto;
}

.popup.popup--form {
  display: none;
}

.project-card-wrap {
  width: 100%;
}

.project-popup__video-wrap {
  border-radius: var(--radius-desktop-20);
  width: 19.03em;
  min-width: 19.03em;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.catalog__grid {
  grid-column-gap: 1.39em;
  grid-row-gap: 1.39em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.popup-project__title {
  grid-column-gap: .69em;
  grid-row-gap: .69em;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.popup-project__title.popup-project__title--mobile {
  display: none;
}

.popup-project__content {
  grid-column-gap: 1.39em;
  grid-row-gap: 1.39em;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 34em;
  display: flex;
}

.popup-project__client {
  grid-column-gap: .83em;
  grid-row-gap: .83em;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 23em;
  display: flex;
}

.project-card__block-wrap {
  grid-column-gap: .69em;
  grid-row-gap: .69em;
  flex-flow: column;
  display: flex;
}

.project-card__description {
  grid-column-gap: 1.39em;
  grid-row-gap: 1.39em;
  flex-flow: column;
  width: 100%;
  max-width: 26.81em;
  margin-bottom: .69em;
  display: flex;
}

.project-card__popup-info {
  display: none;
}

.popup__form-box {
  border-radius: var(--radius-desktop-20);
  background-color: var(--light-blue);
  justify-content: space-between;
  align-items: flex-start;
  width: 65.48em;
  padding: 4.16em 4.16em 3.47em 3.47em;
  display: flex;
  position: relative;
}

.popup__form-title {
  grid-column-gap: 1.11em;
  grid-row-gap: 1.11em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 21.73em;
  display: flex;
}

.popup__form {
  width: 32.22em;
  margin-bottom: 0;
}

.popup__default-form {
  grid-column-gap: 0em;
  grid-row-gap: .41em;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.popup__success-form {
  border-radius: var(--radius-desktop-20);
  background-color: #caf5dd;
  width: 100%;
  padding: 2.08em;
}

.popup__form-error {
  width: 100%;
  color: var(--red);
  background-color: #ffdede00;
  margin-top: .69em;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
}

.popup__form-field {
  border-radius: var(--radius-desktop-12);
  background-color: var(--white);
  border: 0 solid #000;
  width: 100%;
  height: 3.12vw;
  max-height: 50px;
  margin-bottom: 0;
  padding: .27em 1.04em;
  font-size: 1.04vw;
  font-weight: 400;
  line-height: 100%;
}

.popup__form-field::placeholder {
  color: var(--grey);
}

.popup__form-field.popup__form-field--50 {
  width: 49.4%;
}

.popup__form-field.popup__form-field--text-area {
  height: 9.16vw;
  max-height: 146px;
  padding-top: 1.04em;
  padding-bottom: 1.04em;
}

.popup__form-field.popup__form-field--select {
  cursor: pointer;
  appearance: none;
  background-image: url("https://cdn.prod.website-files.com/680f27bc80b7f3f8c3ff78a1/68178c59b5d9b32e967e277a_select-icon.svg");
  background-position: 93%;
  background-repeat: no-repeat;
  background-size: .8em;
  width: 49.4%;
}

.navbar__bg {
  background-color: var(--total-black-10-transparent);
  -webkit-backdrop-filter: blur(.4em);
  backdrop-filter: blur(.4em);
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100svh;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: scroll;
}

.popup__bg {
  background-color: var(--total-black-10-transparent);
  -webkit-backdrop-filter: blur(.4em);
  backdrop-filter: blur(.4em);
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100%;
  position: fixed;
  inset: 0%;
  overflow: hidden;
}

.footer__form-field {
  border-radius: var(--radius-desktop-12);
  border: 0 solid #000;
  width: 100%;
  height: 100%;
  margin-bottom: 0;
  padding-left: 1em;
  padding-right: 1em;
  font-size: 1.04em;
}

.footer__form-field::placeholder {
  color: var(--grey);
}

.project-card__icon {
  width: 1.11em;
  min-width: 1.11em;
  height: 1.11em;
  min-height: 1.11em;
}

.project-card__img {
  z-index: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: opacity .4s;
  display: flex;
  position: absolute;
  inset: 0%;
}

.project-card__img.project-card__img--mobile {
  display: none;
}

.border-effect {
  display: flex;
  position: absolute;
}

.popup__close--project, .popup__close--form {
  background-image: url("https://cdn.prod.website-files.com/680f27bc80b7f3f8c3ff78a1/6811b0dc87addee6fcba26e0_menu-close.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 1.39em;
  height: 1.39em;
  position: absolute;
  inset: 1.74em 1.74em auto auto;
}

.button__wtsp-icon {
  justify-content: center;
  align-items: center;
  width: 1.66em;
  height: 1.66em;
  display: flex;
}

.hidden, .project-card__video-url, .project-card__poster-url {
  display: none;
}

.img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.img.img-hide {
  display: none;
}

@media screen and (max-width: 991px) {
  .section {
    padding-top: 6.51em;
    padding-bottom: 6.51em;
  }

  .section.section--cover {
    border-radius: 0 0 3.90625em 3.90625em;
    padding-top: 10.2865em;
    padding-bottom: 3.90625em;
  }

  .section.section--result {
    padding-bottom: 13.02em;
  }

  .section.section--clients {
    box-shadow: 0 var(--y-shadow-tablet) var(--blur-shadow-tablet) 0 var(--shadow-color);
    border-top-left-radius: 3.9em;
    border-top-right-radius: 3.9em;
    padding-top: 3.9em;
    padding-bottom: 2.6em;
  }

  .section.section-production {
    padding-top: 14.32em;
    padding-bottom: 6.51em;
  }

  .section.section--form {
    padding-bottom: 5.2em;
  }

  .section.section--footer {
    padding-bottom: 3.9em;
  }

  .section.section--services {
    padding-top: 10.42em;
  }

  .section.section--about {
    padding-top: 12.89em;
    padding-bottom: 3.8em;
  }

  .section.section--timeline {
    padding-top: 6.51em;
    padding-bottom: 10.1em;
  }

  .section.section--process {
    padding-top: 6.51em;
    padding-bottom: 6.51em;
  }

  .section.section--blog {
    padding-top: 12.89em;
    padding-bottom: 10.4em;
  }

  .section.section--services-page {
    padding-top: 12.8em;
    padding-bottom: 9.7em;
  }

  .section.section--article {
    padding-top: 13em;
  }

  .section.section--other-articles {
    padding-top: 6.51em;
  }

  .container {
    max-width: none;
    padding-left: 2.6em;
    padding-right: 2.6em;
  }

  .container.container--slider {
    max-width: none;
    padding-left: 0;
    padding-right: 0;
  }

  .kit-wrapper {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
  }

  .h1 {
    font-size: 5.2em;
  }

  .h1.h1--align-left.h1--z-index {
    z-index: 1;
    z-index: 1;
    z-index: 1;
    position: relative;
  }

  .h2 {
    font-size: 4.68em;
  }

  .h3 {
    font-size: 3.12em;
  }

  .h4 {
    font-size: 2.08em;
  }

  .h5 {
    font-size: 2.34em;
  }

  .d1 {
    font-size: 1.82em;
  }

  .d2 {
    font-size: 1.56em;
  }

  .d3 {
    font-size: 1.82em;
  }

  .text1 {
    font-size: 2.08em;
  }

  .text1.text1--form-title, .text1.is-services-item-1, .text1.is-services-item-3 {
    width: 100%;
  }

  .text1.text1--light-grey.text1--cta-width {
    max-width: 22.44em;
  }

  .text1.text1--form-title, .text1.is-services-item-1, .text1.is-services-item-3 {
    width: 100%;
  }

  .text2 {
    font-size: 3.12em;
  }

  .text2.text2--hidden-from-tablet {
    display: none;
  }

  .text2.text2--visible-from-tablet {
    width: 90%;
    display: block;
  }

  .text3, .text4 {
    font-size: 1.82em;
  }

  .text-numbers {
    font-size: 10.41em;
  }

  .navbar__link {
    background-color: var(--light-blue);
    border-radius: 1.04vw;
    width: 100%;
    height: 2.2em;
    font-size: 2.99em;
  }

  .navbar__link:hover, .navbar__link:focus {
    color: var(--black);
  }

  .text-link {
    text-underline-offset: .26em;
    font-size: 1.82em;
  }

  .link-text {
    font-size: 1.82em;
  }

  .link-text.link-text--menu-fix:where(.w-variant-93444c93-4f12-9d39-cdb7-f3ad38196734) {
    font-size: 2.1em;
  }

  .text-field {
    font-size: 1.82em;
  }

  .result {
    grid-column-gap: 5.2em;
    grid-row-gap: 5.2em;
  }

  .title-block {
    grid-column-gap: 1.3em;
    grid-row-gap: 1.3em;
  }

  .title-block.result__title {
    width: 70em;
  }

  .result__card-box {
    grid-column-gap: 1.3em;
    grid-row-gap: 1.3em;
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
  }

  .result__card {
    grid-column-gap: 2.6em;
    grid-row-gap: 2.6em;
    border-radius: var(--radius-tablet-15);
    height: auto;
    box-shadow: 0 var(--y-shadow-tablet) var(--blur-shadow-tablet) 0 var(--shadow-color);
    justify-content: flex-start;
    padding-top: 3.9em;
    padding-bottom: 3.9em;
  }

  .result__card.res-block__card--margin-bottom {
    margin-bottom: 0;
  }

  .result__numb-box {
    grid-column-gap: .65em;
    grid-row-gap: .65em;
  }

  .result__descriptor-box {
    width: 24%;
  }

  .result__descriptor-box.res-block__descriptor-box--width100-mobile {
    width: 30%;
  }

  .project-card {
    border-radius: var(--radius-tablet-15);
    width: 46.7448em;
    min-width: 46.7448em;
    height: 63.6719em;
    padding: 1.04167em;
  }

  .project-card:where(.w-variant-399f79a3-1942-e471-40ec-2da132cfd1f8), .project-card.project-card--catalog, .project-card.project-card--catalog {
    width: 100%;
    min-width: auto;
    height: 81.9em;
  }

  .project__cards {
    grid-column-gap: 1.3em;
    grid-row-gap: 1.3em;
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
  }

  .project-cover {
    grid-column-gap: 2.60417em;
    grid-row-gap: 2.60417em;
  }

  .project-card__tags {
    grid-column-gap: .52em;
    grid-row-gap: .52em;
  }

  .project-card__text-wrap {
    grid-column-gap: 1.30208em;
    grid-row-gap: 1.30208em;
    padding-bottom: 8.4em;
  }

  .project-card__tag {
    height: 3.91em;
    min-height: 3.91em;
    padding-left: 1.30208em;
    padding-right: 1.30208em;
  }

  .project-card__tag.project-card__tag--logo {
    width: 9.11em;
    min-width: 9.11em;
  }

  .project-card__tag.project-card__tag--right {
    width: 3.91em;
  }

  .project-card__arrow-wrap {
    width: 4.6em;
    height: 4.6em;
    bottom: 1.95313em;
    right: 1.95313em;
  }

  .project-card__arrow-icon {
    width: 1.30208em;
    height: 1.30208em;
  }

  .project-card__video.project-card__video--desktop {
    display: none;
  }

  .project-card__video.project-card__video--mobile {
    display: flex;
  }

  .swiper-wrapper.project__cards {
    grid-column-gap: 1.30208em;
    grid-row-gap: 1.30208em;
    grid-column-gap: 1.30208em;
    grid-row-gap: 1.30208em;
    flex-flow: row;
    padding-left: 2.6em;
    padding-right: 2.6em;
    overflow: auto;
  }

  .project-cover__title-wrap {
    grid-column-gap: 1.30208em;
    grid-row-gap: 1.30208em;
  }

  .link-box {
    grid-column-gap: .52em;
    grid-row-gap: .52em;
  }

  .link-box__icon {
    width: 2.34em;
    height: 2.34em;
  }

  .title-block__content {
    grid-column-gap: 3.2em;
    grid-row-gap: 3.2em;
    width: 68em;
  }

  .button {
    border-radius: var(--radius-button-tablet);
    width: 20.05em;
    padding-top: 1.56em;
    padding-bottom: 1.56em;
  }

  .button.button--popup-form {
    border-radius: 1.3vw;
    height: 5.2vw;
    max-height: none;
    margin-top: .52vw;
    font-size: 2.08vw;
  }

  .button.button--footer-form {
    border-radius: 1.3vw;
    width: 14.32vw;
    height: 4.94vw;
    font-size: 1.82vw;
  }

  .button.button--header {
    background-color: var(--blue-1);
    border-radius: 1.04em;
    width: 100%;
    height: 6.51em;
  }

  .button.button--header.is-tablet-hidden {
    display: none;
  }

  .button.button--header.is-tablet-visible {
    display: flex;
  }

  .button.button--gradient.button--live-chat {
    grid-column-gap: 1.3em;
    grid-row-gap: 1.3em;
    grid-column-gap: 1.3em;
    grid-row-gap: 1.3em;
    justify-content: center;
    align-items: center;
    padding: .84em 2.6em;
    bottom: 3.9vw;
    right: 4.55vw;
  }

  .text-button {
    font-size: 2.08em;
  }

  .text-button.text-button--nav {
    font-size: 2.99em;
  }

  .production {
    grid-column-gap: 0em;
    grid-row-gap: 0em;
  }

  .production__grid {
    grid-column-gap: 1.3em;
    grid-row-gap: 1.3em;
    flex-flow: wrap;
    grid-template-columns: 1fr 1fr 1fr;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 2.6em;
    display: flex;
  }

  .production__card {
    grid-column-gap: 2.6em;
    grid-row-gap: 2.6em;
    border-radius: var(--radius-13-tablet);
    width: 30.72em;
    height: 34.89em;
    box-shadow: 0 var(--y-shadow-tablet) var(--blur-shadow-tablet) 0 var(--shadow-color);
    padding-top: 2.6em;
    padding-left: 2.6em;
    padding-right: 5.85em;
  }

  .popup__wrap {
    grid-column-gap: 2.99em;
    grid-row-gap: 2.99em;
    border-radius: var(--radius-tablet-15);
    width: 100%;
    height: 68.75em;
    padding: 2.6em;
  }

  .navbar {
    background-color: var(--white);
    padding-top: 2.2em;
    padding-bottom: 1.95em;
  }

  .navbar__links {
    grid-column-gap: 1.3em;
    grid-row-gap: 1.3em;
    background-color: var(--white);
    border-width: 0;
    border-radius: 0;
    flex-flow: column;
    align-items: center;
    padding: 0;
  }

  .navbar__line {
    display: none;
  }

  .logo {
    width: 5.21em;
    height: 5.21em;
  }

  .static-header__inner {
    z-index: 99999;
    padding-top: 3.5em;
    padding-right: 12.3em;
  }

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

  .navbar__menu {
    padding: 0;
    overflow: hidden;
  }

  .navbar__menu.w--open {
    background-color: #fff0;
  }

  .navbar__menu-icon {
    background-image: url("https://cdn.prod.website-files.com/680f27bc80b7f3f8c3ff78a1/6811b0dcd1367d41ac5d2402_menu-tablet.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    padding-bottom: 0;
    padding-right: 0;
    display: block;
  }

  .navbar__menu-icon.navbar__menu-icon--close {
    background-image: url("https://cdn.prod.website-files.com/680f27bc80b7f3f8c3ff78a1/6811b0dc87addee6fcba26e0_menu-close.svg");
    background-size: contain;
    max-width: 2.6vw;
    max-height: 2.6vw;
  }

  .navbar__links-wrap {
    background-color: var(--white);
    padding-top: 3.3em;
    padding-left: 2.67em;
    padding-right: 2.67em;
    overflow: auto;
  }

  .navbar__mobile-content {
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    margin-top: 9.115em;
    padding-bottom: 3.91em;
    display: flex;
  }

  .contact-us-links {
    grid-column-gap: 1.56em;
    grid-row-gap: 1.56em;
    flex-flow: column;
    display: flex;
  }

  .contact-us-links:where(.w-variant-93444c93-4f12-9d39-cdb7-f3ad38196734) {
    grid-column-gap: 2.6em;
    grid-row-gap: 2.6em;
    justify-content: flex-start;
    align-items: center;
  }

  .contact-us-links__link-wrap {
    grid-column-gap: .78em;
    grid-row-gap: .78em;
  }

  .contact-us-links__link-wrap:hover {
    color: var(--black);
  }

  .contact-us-links__icon {
    width: 2.6em;
    height: 2.6em;
  }

  .navbar__contact-us-links {
    margin-top: 9.115em;
  }

  .production__icon {
    width: 3.38em;
    height: 3.38em;
  }

  .production__text {
    grid-column-gap: 1.43em;
    grid-row-gap: 1.43em;
  }

  .production__bar {
    height: 6.11em;
    padding-left: 4.16em;
    padding-right: 4.16em;
  }

  .production__back-line {
    height: .65em;
  }

  .production__title {
    font-size: 9.11em;
    position: relative;
  }

  .services {
    grid-column-gap: 2.6em;
    grid-row-gap: 2.6em;
  }

  .services__cards {
    grid-column-gap: 1.3em;
    grid-row-gap: 1.3em;
    flex-flow: column;
  }

  .services__buttons {
    grid-column-gap: .78em;
    grid-row-gap: .78em;
  }

  .services-card {
    border-radius: var(--radius-tablet-15);
    flex-flow: row;
    width: 100%;
    min-width: 46.7448em;
    height: 37.2419em;
  }

  .services-card__img-wrap {
    height: 37.24em;
  }

  .services-card__top {
    grid-column-gap: 1.82em;
    grid-row-gap: 1.82em;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 3.13em;
    padding-left: 3.26em;
    padding-right: 0;
  }

  .services-card__text-wrap {
    grid-column-gap: 1.95em;
    grid-row-gap: 1.95em;
    max-width: 31.77em;
    padding-left: 0;
  }

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

  .cta {
    grid-column-gap: 4.5em;
    grid-row-gap: 4.5em;
    border-radius: var(--radius-tablet-15);
    height: auto;
    padding: 2.6em;
  }

  .cta.cta--compact {
    grid-column-gap: 2.6em;
    grid-row-gap: 2.6em;
    grid-column-gap: 2.6em;
    grid-row-gap: 2.6em;
  }

  .cta__text-wrapper {
    grid-column-gap: 3em;
    grid-row-gap: 3em;
    max-width: 70.96em;
  }

  .cta__text-wrapper.cta__text-wrapper--compact {
    max-width: 70em;
  }

  .logo-circle {
    display: none;
  }

  .logo-line {
    display: flex;
  }

  .logo-line__list {
    flex: none;
  }

  .footer {
    grid-column-gap: 5.8em;
    grid-row-gap: 5.8em;
    border-radius: var(--radius-tablet-15);
    padding: 4.4em 2.6em 2.6em;
  }

  .footer__top {
    grid-column-gap: .9em;
    grid-row-gap: .9em;
    width: 100%;
  }

  .footer__bottom {
    grid-column-gap: 1.95em;
    grid-row-gap: 1.95em;
  }

  .footer__line {
    height: 1px;
  }

  .footer__title {
    grid-column-gap: 2.34em;
    grid-row-gap: 2.34em;
    width: 50%;
  }

  .footer__links {
    grid-column-gap: 5.4em;
    grid-row-gap: 5.4em;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 42%;
  }

  .footer__link-box {
    grid-column-gap: 1.95em;
    grid-row-gap: 1.95em;
  }

  .footer__link-box.footer__link-box--social {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    grid-column-gap: 2em;
    grid-row-gap: 2em;
  }

  .footer__social-box {
    grid-column-gap: 6.4em;
    grid-row-gap: 1.9em;
    flex-flow: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    display: grid;
  }

  .footer__social-link:hover {
    color: var(--black);
  }

  .footer__social-icon {
    width: 2.08em;
    height: 2.08em;
  }

  .footer__form {
    width: 42.18em;
  }

  .footer__form-default {
    height: 5.72em;
  }

  .footer__form-error {
    margin-top: 1.3em;
  }

  .popup {
    padding: 2.6em;
  }

  .project-popup__video-wrap {
    border-radius: var(--radius-tablet-15);
    width: 35.68em;
    min-width: 35.68em;
  }

  .page-wrap {
    padding-bottom: 10.42em;
  }

  .catalog {
    padding-top: 13.54em;
  }

  .catalog__wrap {
    grid-column-gap: 2.6em;
    grid-row-gap: 2.6em;
    flex-flow: column;
    display: flex;
  }

  .catalog__button {
    justify-content: flex-end;
    align-items: flex-start;
    display: flex;
    position: sticky;
    top: calc(100% - 7.81em);
  }

  .catalog__button.catalog__button--desktop {
    display: none;
  }

  .catalog__button.catalog__button--tablet {
    padding-bottom: 1.3em;
    padding-right: 1.3em;
    display: flex;
  }

  .catalog__content {
    margin-top: -6.8em;
  }

  .button-transparent {
    background-color: var(--white-transparent-40);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: 50em;
    width: 20.05em;
    padding-top: 1.69em;
    padding-bottom: 1.69em;
  }

  .tabs__tab {
    padding: 1.3em 2.6em;
  }

  .catalog__grid {
    grid-column-gap: 2.6em;
    grid-row-gap: 2.6em;
    grid-template-columns: 1fr 1fr;
  }

  .tabs__tabs-wrap {
    grid-column-gap: .78em;
    grid-row-gap: .78em;
    margin-bottom: 2.6em;
  }

  .navbar__menu-close-wrap {
    opacity: 0;
    justify-content: flex-end;
    align-items: flex-start;
    width: 100%;
    height: 100%;
    padding-top: .14em;
    display: flex;
    position: absolute;
    inset: 0% 0% auto;
  }

  .popup-project__title {
    grid-column-gap: 1.3em;
    grid-row-gap: 1.3em;
  }

  .popup-project__content {
    grid-column-gap: 2.6em;
    grid-row-gap: 2.6em;
    max-width: 44em;
  }

  .popup-project__client {
    grid-column-gap: 1.56em;
    grid-row-gap: 1.56em;
    max-width: 48em;
  }

  .project-card__block-wrap {
    grid-column-gap: 1.3em;
    grid-row-gap: 1.3em;
  }

  .project-card__description {
    grid-column-gap: 2.6em;
    grid-row-gap: 2.6em;
    max-width: 40.36em;
    margin-bottom: 1.3em;
  }

  .popup__close {
    justify-content: flex-end;
    align-items: flex-start;
    width: 2.6em;
    height: 2.6em;
    padding-top: .2em;
    display: flex;
    top: 2.6em;
    right: 2.6em;
  }

  .popup__form-box {
    border-radius: var(--radius-tablet-15);
    width: 94.79em;
    padding: 5.98em 5.98em 5.98em 3.9em;
  }

  .popup__form-title {
    grid-column-gap: 2.08em;
    grid-row-gap: 2.08em;
    width: 27.6em;
  }

  .popup__form {
    width: 55.2vw;
  }

  .popup__default-form {
    grid-column-gap: .78vw;
    grid-row-gap: .78vw;
  }

  .popup__success-form {
    padding: 3.9em;
  }

  .popup__form-error {
    margin-top: 1.3em;
  }

  .popup__form-field {
    border-radius: 1.56vw;
    height: 5.85vw;
    padding: .52vw 1.95vw;
    font-size: 1.95vw;
  }

  .popup__form-field.popup__form-field--50 {
    width: 49.2%;
  }

  .popup__form-field.popup__form-field--select, .popup__form-field.popup__form-field--50 {
    width: 49.2%;
  }

  .popup__form-field.popup__form-field--text-area {
    height: 17.18vw;
    max-height: none;
  }

  .popup__form-field.popup__form-field--select {
    width: 49.2%;
  }

  .logo-line__collection {
    flex: none;
  }

  .logo-line__image {
    width: 100%;
    height: 100%;
  }

  .navbar__bg {
    z-index: 10;
    display: none;
  }

  .popup__bg {
    padding: 2.6em;
  }

  .navbar__icons-wrapper {
    flex-flow: column;
    width: 4.8vw;
    height: 3.5vw;
  }

  .footer__form-field {
    border-radius: 1.56vw;
    padding-left: 1.3vw;
    padding-right: 1.3vw;
    font-size: 1.95vw;
  }

  .about {
    grid-column-gap: 4.3em;
    grid-row-gap: 4.3em;
    flex-flow: column;
    padding-right: 0;
  }

  .about__title {
    grid-column-gap: 2.9em;
    grid-row-gap: 2.9em;
    width: 93%;
    margin-top: 0;
  }

  .about__text {
    grid-column-gap: 1.03em;
    grid-row-gap: 1.03em;
    width: 92%;
  }

  .about__image-wrapper {
    border-radius: var(--radius-tablet-15);
    width: 100%;
    height: 58.2em;
  }

  .values {
    grid-column-gap: 3.9em;
    grid-row-gap: 3.9em;
  }

  .values__list {
    grid-column-gap: 1.4%;
    grid-row-gap: 1.3vw;
    flex-flow: wrap;
  }

  .values__item {
    grid-column-gap: 2.6em;
    grid-row-gap: 2.6em;
    border-radius: var(--radius-tablet-15);
    width: 49.3%;
    height: 17.7em;
    padding: 2.6em;
  }

  .values__line {
    height: .13em;
  }

  .process {
    grid-column-gap: 2.6em;
    grid-row-gap: 2.6em;
    flex-flow: column;
    align-items: flex-start;
  }

  .process__list {
    grid-column-gap: 1.3em;
    grid-row-gap: 1.3em;
    width: 100%;
  }

  .process__item {
    border-radius: var(--radius-tablet-15);
    height: 41.66em;
  }

  .project-card__icon {
    width: 2.08em;
    min-width: 2.08em;
    height: 2.08em;
    min-height: 2.08em;
  }

  .project-card__img.project-card__img--mobile {
    display: flex;
  }

  .timeline {
    border-radius: var(--radius-tablet-15);
    flex-flow: column;
  }

  .timeline__items {
    max-width: 74.4em;
    margin-left: auto;
    padding-top: 5.1em;
    padding-bottom: 8em;
  }

  .numbers2 {
    font-size: 9.115em;
  }

  .numbers2.is-timeline {
    width: 2.7em;
  }

  .timeline__line {
    width: 1px;
    height: 145.5em;
    top: -6.7em;
  }

  .timeline__point {
    width: 3.646em;
    min-width: 3.646em;
    height: 3.646em;
    min-height: 3.646em;
    margin-top: 4.3em;
  }

  .timeline__row {
    grid-column-gap: 5em;
    grid-row-gap: 5em;
    max-width: none;
  }

  .timeline__row._2024 {
    margin-top: 12.9em;
  }

  .timeline__row._2025 {
    margin-top: 7em;
  }

  .timeline__row.future {
    margin-top: 10.8em;
  }

  .maket.desktop {
    display: none;
  }

  .maket.tablet {
    display: block;
  }

  .text5 {
    font-size: 2.344em;
  }

  .text5.is-timeline {
    margin-top: 2.7em;
  }

  .text5.is-about-description-2 {
    width: 82%;
  }

  .text5.is-services-page {
    width: 25.4em;
  }

  .timeline__heading {
    margin-top: 4em;
  }

  .help {
    opacity: .29;
    pointer-events: none;
  }

  .services-page__decor-link {
    grid-column-gap: 1.1em;
    grid-row-gap: 1.1em;
  }

  .d6 {
    font-size: 2.344em;
  }

  .decor-link__icon {
    width: 2.2em;
    height: 2.5em;
  }

  .blog {
    grid-column-gap: 3.9em;
    grid-row-gap: 3.9em;
  }

  .blog__list-wrap {
    grid-column-gap: 1.3em;
    grid-row-gap: 1.3em;
    grid-template-columns: 1fr 1fr;
  }

  .blog__link {
    grid-column-gap: 1.95em;
    grid-row-gap: 1.95em;
    border-radius: var(--radius-tablet-12);
    height: 48.5em;
    padding-top: 1.3em;
    padding-left: 1.3em;
    padding-right: 1.3em;
  }

  .blog__img {
    border-radius: var(--radius-tablet-12);
    height: 25.5em;
  }

  .services-page__header {
    grid-column-gap: 4.3em;
    grid-row-gap: 4.3em;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .services-page__title {
    grid-column-gap: 1.8em;
    grid-row-gap: 1.8em;
    width: 100%;
  }

  .services-page__items {
    grid-column-gap: 3.8em;
    grid-row-gap: 3.8em;
    margin-top: 5.3em;
  }

  .services-item {
    grid-column-gap: 2.6em;
    grid-row-gap: 2.6em;
    border-radius: var(--radius-tablet-15);
    padding: 1.563em;
  }

  .services-item__image-wrapper {
    border-radius: var(--radius-tablet-15);
    width: 46.4em;
    min-width: 46.4em;
    height: 28.4em;
  }

  .services-page__image.is-mobile {
    display: block;
  }

  .services-page__image.is-desktop {
    display: none;
  }

  .services-item__text-content {
    padding-top: 0;
    padding-bottom: 0;
  }

  .services-item__tags {
    grid-column-gap: 0em;
    grid-row-gap: .8em;
    margin-bottom: 0;
  }

  .d5 {
    font-size: 1.563em;
  }

  .services-item__tag {
    width: 20.964em;
  }

  .blog__content {
    grid-column-gap: .78em;
    grid-row-gap: .78em;
    padding-left: .65em;
    padding-right: .65em;
  }

  .blog-tags {
    grid-column-gap: .65em;
    grid-row-gap: .65em;
  }

  .blog-tags.blog-tabs--only-desktop {
    display: none;
  }

  .blog-tags__item {
    padding: .26em 1.3em;
  }

  .blog__text-wrap {
    grid-column-gap: 1.3em;
    grid-row-gap: 1.3em;
    max-width: none;
  }

  .blog__descript-wrap {
    max-width: 37.7em;
  }

  .arrow {
    padding: .52em;
    bottom: 1.95em;
    right: 1.95em;
  }

  .arrow:where(.w-variant-aa61b18d-71d3-9d26-d406-745b57603074) {
    padding: .39em;
  }

  .arrow__img {
    width: 2.06em;
    height: 2.06em;
  }

  .arrow__img:where(.w-variant-aa61b18d-71d3-9d26-d406-745b57603074) {
    width: 2em;
    height: 2em;
  }

  .article__nav {
    grid-column-gap: 3.9em;
    grid-row-gap: 3.9em;
    position: static;
    top: auto;
  }

  .article__back-link {
    grid-column-gap: 1.04em;
    grid-row-gap: 1.04em;
    position: static;
    top: auto;
  }

  .article {
    grid-column-gap: 0em;
    grid-row-gap: 0em;
    flex-flow: column;
    display: flex;
  }

  .article__content {
    grid-column-gap: 3.9em;
    grid-row-gap: 3.9em;
    margin-top: 3.9em;
  }

  .aricle__img {
    border-radius: var(--radius-tablet-12);
    height: 45.2em;
  }

  .article__meta {
    height: auto;
  }

  .article__next-link {
    grid-column-gap: .52em;
    grid-row-gap: .52em;
  }

  .popup__close--project, .popup__close--form {
    justify-content: flex-end;
    align-items: flex-start;
    width: 2.6em;
    height: 2.6em;
    padding-top: .2em;
    display: flex;
    top: 2.6em;
    right: 2.6em;
  }

  .article__arrow {
    width: 1.82em;
    height: 1.82em;
  }

  .button__wtsp-icon {
    width: 3.1em;
    height: 3.1em;
  }
}

@media screen and (max-width: 767px) {
  .navbar {
    background-color: var(--white);
    padding-bottom: 1.95em;
  }

  .projects-video-collection__grid {
    grid-template-columns: 1fr 1fr;
  }

  .timeline {
    border-radius: var(--radius-mobile-15);
  }

  .maket.tablet {
    display: none;
  }

  .maket.mobile {
    display: block;
  }
}

@media screen and (max-width: 479px) {
  .section {
    padding-top: 10.66em;
    padding-bottom: 10.66em;
  }

  .section.section--form, .section.section--footer {
    padding-bottom: 5.3em;
  }

  .section.section--cover {
    border-radius: 0 0 4.26667em 4.26667em;
    padding-top: 22.6667em;
    padding-bottom: 10.67em;
  }

  .section.section--result {
    padding-bottom: 21.33em;
  }

  .section.section--clients {
    box-shadow: 0 var(--y-shadow-mobile) var(--blur-shadow-mobile) 0 var(--shadow-color);
    border-top-left-radius: 4.26em;
    border-top-right-radius: 4.26em;
    padding-top: 4em;
    padding-bottom: 0;
  }

  .section.section-production {
    padding-top: 21.33em;
    padding-bottom: 5.34em;
  }

  .section.section--form, .section.section--footer {
    padding-bottom: 5.3em;
  }

  .section.section--services {
    padding-top: 17.33em;
  }

  .section.section--about {
    padding-top: 24.8em;
    padding-bottom: 4.9em;
  }

  .section.section--timeline {
    padding-top: 10.66em;
    padding-bottom: 19.9em;
  }

  .section.section--process {
    padding-top: 10.66em;
    padding-bottom: 10.66em;
  }

  .section.section--blog {
    padding-top: 25.6em;
    padding-bottom: 21.33em;
  }

  .section.section--services-page {
    padding-top: 24.9em;
    padding-bottom: 20em;
  }

  .section.section--article {
    padding-top: 25.6em;
  }

  .section.section--other-articles {
    padding-top: 10.66em;
  }

  .kit-wrapper {
    grid-column-gap: 3em;
    grid-row-gap: 3em;
  }

  .h1 {
    font-size: 8.53em;
  }

  .h2 {
    font-size: 6.93em;
  }

  .h3 {
    font-size: 5.33em;
  }

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

  .h4 {
    font-size: 3.73em;
  }

  .h5 {
    font-size: 4.8em;
  }

  .d1 {
    font-size: 3.733em;
  }

  .d2, .d3 {
    font-size: 3.2em;
  }

  .text1 {
    font-size: 4.26em;
  }

  .text1.text1--light-grey.text1--cta-width {
    max-width: 100%;
  }

  .text1.text1--form-title {
    text-align: center;
    width: 80%;
  }

  .text1.popup__success-text {
    text-align: center;
    width: 100%;
  }

  .text1.is-services-item-1 {
    width: 88%;
  }

  .text1.is-services-item-3 {
    width: 92%;
  }

  .text2 {
    font-size: 4.8em;
  }

  .text2.text2--visible-from-tablet {
    font-size: 6.4em;
  }

  .text2.text2--hidden-from-mobile {
    display: none;
  }

  .text2.text2--visible-from-mobile {
    display: block;
  }

  .text3 {
    font-size: 3.73em;
  }

  .text4 {
    font-size: 3.2em;
  }

  .text-numbers {
    font-size: 16em;
  }

  .navbar__link {
    border-radius: 2.13vw;
    height: 2.2em;
    padding-left: 0;
    padding-right: 0;
    font-size: 6.13em;
  }

  .text-link {
    text-underline-offset: .25em;
    font-size: 3.73em;
  }

  .link-text {
    font-size: 3.73em;
  }

  .link-text.link-text--menu-fix:where(.w-variant-93444c93-4f12-9d39-cdb7-f3ad38196734) {
    font-size: 4.3em;
  }

  .text-field {
    font-size: 3.73em;
  }

  .result {
    grid-column-gap: 5.33em;
    grid-row-gap: 5.33em;
  }

  .title-block {
    grid-column-gap: 2.6em;
    grid-row-gap: 2.6em;
  }

  .title-block.result__title {
    grid-column-gap: 3.2em;
    grid-row-gap: 3.2em;
    grid-column-gap: 3.2em;
    grid-row-gap: 3.2em;
    width: 75em;
  }

  .result__card-box {
    grid-column-gap: 2.66em;
    grid-row-gap: 2.66em;
  }

  .result__card {
    grid-column-gap: 5.33em;
    grid-row-gap: 5.33em;
    border-radius: var(--radius-mobile-15);
    box-shadow: 0 var(--y-shadow-mobile) var(--blur-shadow-mobile) 0 var(--shadow-color);
    padding-top: 6.66em;
    padding-bottom: 6.66em;
  }

  .result__numb-box {
    grid-column-gap: 1.33em;
    grid-row-gap: 1.33em;
  }

  .result__descriptor-box {
    width: 47%;
  }

  .result__descriptor-box.res-block__descriptor-box--width100-mobile {
    width: 100%;
  }

  .project-card {
    border-radius: var(--radius-mobile-15);
    width: 92.5333em;
    height: 125.867em;
    padding: 2.13333em;
  }

  .project-card:where(.w-variant-399f79a3-1942-e471-40ec-2da132cfd1f8), .project-card.project-card--catalog, .project-card.project-card--catalog {
    width: 100%;
    height: 168.27em;
  }

  .project__cards {
    grid-column-gap: 2.66em;
    grid-row-gap: 2.66em;
  }

  .project-cover {
    grid-column-gap: 6.66667em;
    grid-row-gap: 6.66667em;
  }

  .project-card__tags {
    grid-column-gap: 1.07em;
    grid-row-gap: 1.07em;
  }

  .project-card__text-wrap {
    grid-column-gap: 2.66667em;
    grid-row-gap: 2.66667em;
    padding-bottom: 13.6em;
  }

  .project-card__tag {
    height: 8em;
    min-height: 8em;
    padding-left: 2.66667em;
    padding-right: 2.66667em;
  }

  .project-card__tag.project-card__tag--logo {
    width: 18.67em;
    min-width: 18.67em;
  }

  .project-card__tag.project-card__tag--right {
    width: 8em;
  }

  .project-card__arrow-wrap {
    width: 8em;
    height: 8em;
    bottom: 4em;
    right: 4em;
  }

  .project-card__arrow-icon {
    width: 2.66667em;
    height: 2.66667em;
  }

  .swiper-wrapper.project__cards {
    grid-column-gap: 2.66667em;
    grid-row-gap: 2.66667em;
    grid-column-gap: 2.66667em;
    grid-row-gap: 2.66667em;
    padding-left: 2.60417em;
    padding-right: 2.60417em;
  }

  .project-cover__title-wrap {
    grid-column-gap: 2.66667em;
    grid-row-gap: 2.66667em;
    width: 82.67em;
  }

  .link-box {
    grid-column-gap: 1.06em;
    grid-row-gap: 1.06em;
  }

  .link-box__icon {
    width: 4.8em;
    height: 4.8em;
  }

  .title-block__content {
    grid-column-gap: 6.2em;
    grid-row-gap: 6.2em;
    width: 79em;
  }

  .button {
    border-radius: var(--radius-button-mobile);
    width: 46.66em;
    padding-top: 3.2em;
    padding-bottom: 3.2em;
  }

  .button.button--popup-form {
    border-radius: 2.6vw;
    height: 10.66vw;
    margin-top: 1.06vw;
    font-size: 4.26vw;
  }

  .button.button--footer-form {
    border-radius: 2.6vw;
    width: 29vw;
    height: 10.1vw;
    font-size: 3.73vw;
  }

  .button.button--header {
    border-radius: 2.13em;
    height: 13.333em;
  }

  .button.button--gradient.button--live-chat {
    grid-column-gap: 2.6em;
    grid-row-gap: 2.6em;
    grid-column-gap: 2.6em;
    grid-row-gap: 2.6em;
    padding: 1.73em 5.33em;
    bottom: 4.8vw;
    right: 4.8vw;
  }

  .text-button {
    font-size: 3.73em;
  }

  .text-button.text-button--nav {
    font-size: 6.13em;
  }

  .text-button.text-button--live-chat {
    font-size: 4.26em;
  }

  .production {
    grid-column-gap: 0em;
    grid-row-gap: 0em;
  }

  .production__grid {
    grid-column-gap: 0em;
    grid-row-gap: 2.6em;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
    justify-content: space-between;
    margin-top: 4em;
  }

  .production__card {
    grid-column-gap: 5.33em;
    grid-row-gap: 5.33em;
    border-radius: var(--radius-13-mobile);
    width: 46.66em;
    height: 58.93em;
    box-shadow: 0 var(--y-shadow-mobile) var(--blur-shadow-mobile) 0 var(--shadow-color);
    padding-top: 4em;
    padding-left: 4em;
    padding-right: 4em;
  }

  .production__card.production__card--final {
    background-image: url("https://cdn.prod.website-files.com/680f27bc80b7f3f8c3ff78a1/68134e5751383c40ba167298_stage%20card%20mobile.webp");
    width: 100%;
    height: 38.93em;
  }

  .popup__wrap {
    grid-column-gap: 2.67em;
    grid-row-gap: 2.67em;
    border-radius: var(--radius-mobile-15);
    flex-flow: column;
    height: auto;
    min-height: 100%;
    padding: 13.33em 5.33em 9.33em;
    overflow: scroll;
  }

  .navbar {
    padding-top: 5.33em;
    padding-bottom: 2.13em;
  }

  .navbar__links {
    grid-column-gap: 2.67em;
    grid-row-gap: 2.67em;
  }

  .logo {
    width: 10.67em;
    height: 10.67em;
  }

  .static-header {
    display: none;
  }

  .navbar__menu-icon {
    background-image: url("https://cdn.prod.website-files.com/680f27bc80b7f3f8c3ff78a1/6811b0dcc2f041922380fca1_menu-mobile.svg");
  }

  .navbar__menu-icon.navbar__menu-icon--close {
    max-width: 5.7vw;
    max-height: 5.7vw;
  }

  .navbar__links-wrap {
    padding-top: 8.5em;
    padding-left: 2.67em;
    padding-right: 2.67em;
  }

  .navbar__mobile-content {
    margin-top: 18.667em;
    padding-bottom: 9.5em;
  }

  .contact-us-links {
    grid-column-gap: 3.47em;
    grid-row-gap: 3.47em;
  }

  .contact-us-links:where(.w-variant-93444c93-4f12-9d39-cdb7-f3ad38196734) {
    grid-column-gap: 5.2em;
    grid-row-gap: 5.2em;
  }

  .contact-us-links__link-wrap {
    grid-column-gap: 1.6em;
    grid-row-gap: 1.6em;
  }

  .contact-us-links__icon {
    width: 5.33em;
    height: 5.33em;
  }

  .navbar__contact-us-links {
    margin-top: 18.667em;
  }

  .production__icon {
    width: 5.33em;
    height: 5.33em;
  }

  .production__text {
    grid-column-gap: 2.9em;
    grid-row-gap: 2.9em;
  }

  .production__bar {
    height: 9.33em;
    padding-left: 5.86em;
    padding-right: 5.86em;
  }

  .production__back-line {
    height: .8em;
  }

  .production__title {
    font-size: 16em;
  }

  .services {
    grid-column-gap: 4em;
    grid-row-gap: 4em;
  }

  .services__cards {
    grid-column-gap: 2.67em;
    grid-row-gap: 2.67em;
  }

  .services__buttons {
    grid-column-gap: 1.33em;
    grid-row-gap: 1.33em;
  }

  .services-card {
    border-radius: var(--radius-mobile-15);
    flex-flow: column;
    width: 100%;
    height: 106.13em;
  }

  .services-card__img-wrap {
    height: 62.93em;
  }

  .services-card__top {
    grid-column-gap: 5.07em;
    grid-row-gap: 5.07em;
    padding-top: 5.07em;
    padding-left: 5.33em;
  }

  .services-card__text-wrap {
    grid-column-gap: 4em;
    grid-row-gap: 4em;
    max-width: 65.07em;
  }

  .cta {
    grid-column-gap: 6.3em;
    grid-row-gap: 6.3em;
    border-radius: var(--radius-mobile-15);
    padding: 5.33em;
  }

  .cta.cta--compact {
    grid-column-gap: 8em;
    grid-row-gap: 8em;
    grid-column-gap: 8em;
    grid-row-gap: 8em;
  }

  .cta__text-wrapper {
    grid-column-gap: 2.67em;
    grid-row-gap: 2.67em;
    max-width: 100%;
  }

  .cta__text-wrapper.cta__text-wrapper--compact {
    max-width: 80em;
  }

  .projects-video-collection__grid {
    grid-template-columns: 1fr;
  }

  .logo-line {
    margin-top: 9.3em;
    overflow: visible;
  }

  .logo-line__list {
    grid-column-gap: 2.66em;
    grid-row-gap: 2.66em;
    padding-right: 2.66em;
  }

  .logo-line__icon {
    width: 20.26em;
    height: 20.26em;
  }

  .footer {
    grid-column-gap: 6.66em;
    grid-row-gap: 6.66em;
    border-radius: var(--radius-mobile-15);
    padding: 5.33em;
  }

  .footer__top {
    grid-column-gap: 10.1em;
    grid-row-gap: 10.1em;
    flex-flow: column;
  }

  .footer__bottom {
    grid-column-gap: 4em;
    grid-row-gap: 4em;
  }

  .footer__line {
    height: 1px;
  }

  .footer__title {
    grid-column-gap: 3.73em;
    grid-row-gap: 3.73em;
    width: 100%;
  }

  .footer__links {
    grid-column-gap: 10.1em;
    grid-row-gap: 10.1em;
  }

  .footer__link-box {
    grid-column-gap: 4em;
    grid-row-gap: 4em;
  }

  .footer__link-box.footer__link-box--social {
    grid-column-gap: 4.1em;
    grid-row-gap: 4.1em;
    grid-column-gap: 4.1em;
    grid-row-gap: 4.1em;
  }

  .footer__social-box {
    grid-column-gap: 11em;
    grid-row-gap: 4.5em;
  }

  .footer__social-icon {
    width: 4.2em;
    height: 4.2em;
  }

  .footer__form {
    width: 100%;
  }

  .footer__form-default {
    height: 11.73em;
  }

  .footer__form-error {
    margin-top: 2.66em;
  }

  .popup {
    justify-content: center;
    align-items: flex-start;
    padding: 2.67em;
  }

  .popup.popup--form {
    justify-content: center;
    align-items: center;
  }

  .popup.popup--project {
    height: 100dvh;
  }

  .project-popup__video-wrap {
    border-radius: var(--radius-mobile-15);
    width: 100%;
    height: 149.6em;
    min-height: 149.6em;
    margin-bottom: 2.6em;
  }

  .page-wrap {
    padding-bottom: 16em;
  }

  .catalog {
    padding-top: 26.13em;
  }

  .catalog__wrap {
    grid-column-gap: 5.33em;
    grid-row-gap: 5.33em;
  }

  .catalog__button {
    top: calc(100% - 13.33em);
  }

  .catalog__button.catalog__button--tablet {
    padding-bottom: 2.67em;
    padding-right: 2.67em;
    display: none;
  }

  .catalog__content {
    margin-top: 0;
  }

  .button-transparent {
    width: 46.66em;
    padding-top: 3.2em;
    padding-bottom: 3.2em;
  }

  .tabs__tab {
    padding: 2.67em 5.33em;
    display: inline-flex;
  }

  .catalog__grid {
    grid-column-gap: 5.33em;
    grid-row-gap: 5.33em;
    flex-flow: column;
    grid-template-columns: 1fr;
    display: flex;
  }

  .tabs__tabs-wrap {
    grid-column-gap: 2.13em;
    grid-row-gap: 2.13em;
    margin-bottom: 5.33em;
  }

  .navbar__menu-close-wrap {
    padding-top: .05em;
  }

  .popup-project__title {
    grid-column-gap: 2.67em;
    grid-row-gap: 2.67em;
    width: 100%;
  }

  .popup-project__title.popup-project__title--mobile {
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .popup-project__title.popup-project__title--desktop {
    display: none;
  }

  .popup-project__content {
    grid-column-gap: 5.33em;
    grid-row-gap: 5.33em;
    justify-content: flex-start;
    align-items: center;
    max-width: none;
  }

  .popup-project__client {
    grid-column-gap: 2.67em;
    grid-row-gap: 2.67em;
    text-align: center;
    flex-flow: column;
    max-width: 60.8em;
  }

  .project-card__block-wrap {
    grid-column-gap: 2.67em;
    grid-row-gap: 2.67em;
  }

  .project-card__description {
    grid-column-gap: 5.33em;
    grid-row-gap: 5.33em;
    width: 100%;
    max-width: 100%;
    margin-bottom: 1.33em;
  }

  .popup__close {
    width: 5.33em;
    height: 5.33em;
    top: 5.33em;
    right: 5.33em;
  }

  .popup__form-box {
    grid-column-gap: 4em;
    grid-row-gap: 4em;
    border-radius: var(--radius-mobile-15);
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
    width: 94.66em;
    padding: 12em 5.33em;
  }

  .popup__form-title {
    grid-column-gap: 2.66em;
    grid-row-gap: 2.66em;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
  }

  .popup__form {
    width: 100%;
  }

  .popup__default-form {
    grid-column-gap: 1.6em;
    grid-row-gap: 1.6em;
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
  }

  .popup__success-form {
    padding: 5.33em 12em;
  }

  .popup__form-error {
    margin-top: 2.66em;
  }

  .popup__form-field {
    border-radius: 3.2vw;
    height: 11.2vw;
    max-height: none;
    padding: 1.06vw 1.06vw 1.06vw 4vw;
    font-size: 4vw;
  }

  .popup__form-field.popup__form-field--50 {
    width: 100%;
  }

  .popup__form-field.popup__form-field--select, .popup__form-field.popup__form-field--50 {
    width: 100%;
  }

  .popup__form-field.popup__form-field--text-area {
    height: 35.2vw;
  }

  .popup__form-field.popup__form-field--select {
    width: 100%;
  }

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

  .popup__bg {
    justify-content: center;
    align-items: flex-start;
    padding: 2.67em;
  }

  .navbar__icons-wrapper {
    width: 8vw;
    height: 6.4vw;
  }

  .footer__form-field {
    border-radius: 3.2vw;
    padding-left: 2.6vw;
    padding-right: 2.6vw;
    font-size: 4vw;
  }

  .about {
    grid-column-gap: 8.4em;
    grid-row-gap: 8.4em;
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
  }

  .about__title {
    grid-column-gap: 6.2em;
    grid-row-gap: 6.2em;
    width: 100%;
    margin-top: .5em;
  }

  .about__text {
    grid-column-gap: 2.66em;
    grid-row-gap: 2.66em;
    width: 100%;
  }

  .about__image-wrapper {
    border-radius: var(--radius-mobile-15);
    width: 100%;
    height: 58.7em;
  }

  .values {
    grid-column-gap: 4em;
    grid-row-gap: 4em;
  }

  .values__list {
    grid-column-gap: 2.66em;
    grid-row-gap: 2.66em;
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
  }

  .values__item {
    grid-column-gap: 5.33em;
    grid-row-gap: 5.33em;
    border-radius: var(--radius-mobile-15);
    width: 100%;
    height: auto;
    padding: 5.33em;
  }

  .values__line {
    height: .26em;
  }

  .process {
    grid-column-gap: 4em;
    grid-row-gap: 4em;
  }

  .process__list {
    grid-column-gap: 1.4%;
    flex-flow: wrap;
    align-items: flex-start;
  }

  .process__item {
    border-radius: var(--radius-mobile-15);
    width: 49.3%;
    height: 63.2em;
  }

  .process__item.process__item--second {
    display: none;
  }

  .project-card__icon {
    width: 4.27em;
    min-width: 4.27em;
    height: 4.27em;
    min-height: 4.27em;
  }

  .timeline {
    border-radius: var(--radius-mobile-15);
    padding-left: 6em;
    padding-right: 6em;
  }

  .timeline__items {
    max-width: none;
    padding-top: 19.8em;
    padding-bottom: 9.2em;
  }

  .timeline__item._2023.mobile-hide, .timeline__item._2024.mobile-hide, .timeline__item._2025.mobile-hide, .timeline__item.future.mobile-hide, .timeline__item._2023.mobile-hide, .timeline__item._2023.mobile-hide, .timeline__item._2024.mobile-hide, .timeline__item._2024.mobile-hide, .timeline__item._2025.mobile-hide, .timeline__item._2025.mobile-hide, .timeline__item.future.mobile-hide, .timeline__item.future.mobile-hide {
    display: none;
  }

  .numbers2.is-mobile-show {
    font-size: 13.333em;
    display: flex;
  }

  .timeline__line {
    width: 1px;
    height: 280em;
    top: -16.2em;
  }

  .timeline__point {
    background-image: url("https://cdn.prod.website-files.com/680f27bc80b7f3f8c3ff78a1/68d749e1538cfd89633a58d6_tl-mob.webp");
    width: 5.333em;
    min-width: 5.333em;
    height: 5.333em;
    min-height: 5.333em;
    margin-top: -1.5em;
  }

  .timeline__row {
    grid-column-gap: 8.3em;
    grid-row-gap: 8.3em;
  }

  .timeline__row._2024 {
    margin-top: 22.8em;
  }

  .timeline__row._2025 {
    margin-top: 27.8em;
  }

  .timeline__row.future {
    margin-top: 24.9em;
  }

  .text5 {
    font-size: 4.26em;
  }

  .text5.is-timeline {
    margin-top: .9em;
    padding-right: .4em;
  }

  .text5.is-about-description-2 {
    width: 100%;
  }

  .text5.is-services-page {
    width: 92%;
  }

  .timeline__heading {
    margin-top: 7.6em;
  }

  .help {
    opacity: .5;
  }

  .services-page__decor-link {
    grid-column-gap: 1.6em;
    grid-row-gap: 1.6em;
  }

  .d6 {
    font-size: 4.267em;
  }

  .decor-link__icon {
    width: 3.9em;
    height: 3.9em;
  }

  .blog {
    grid-column-gap: 5.3em;
    grid-row-gap: 5.3em;
  }

  .blog__list-wrap {
    grid-column-gap: 2.66em;
    grid-row-gap: 2.66em;
    grid-template-columns: 1fr;
  }

  .blog__link {
    grid-column-gap: 3.2em;
    grid-row-gap: 3.2em;
    border-radius: var(--radius-mobile-12);
    height: 98.4em;
    padding-top: 2.66em;
    padding-left: 2.66em;
    padding-right: 2.66em;
  }

  .blog__img {
    border-radius: var(--radius-mobile-12);
    height: 52.2em;
  }

  .services-page__header {
    grid-column-gap: 5.6em;
    grid-row-gap: 5.6em;
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
  }

  .services-page__title {
    grid-column-gap: 3.9em;
    grid-row-gap: 3.9em;
    width: 100%;
    margin-top: .5em;
  }

  .services-page__items {
    grid-column-gap: 8em;
    grid-row-gap: 8em;
    margin-top: 7.5em;
  }

  .services-item {
    grid-column-gap: 5.2em;
    grid-row-gap: 5.2em;
    border-radius: var(--radius-mobile-15);
    flex-flow: column;
    padding: 2.667em;
  }

  .services-item__image-wrapper {
    border-radius: var(--radius-mobile-15);
    width: 100%;
    height: 54.5em;
  }

  .services-item__text-content {
    grid-column-gap: 2.7em;
    grid-row-gap: 2.7em;
  }

  .services-item__tags {
    margin-top: 2.8em;
    margin-bottom: 2.4em;
  }

  .d5 {
    font-size: 3.2em;
  }

  .services-item__tag {
    grid-column-gap: 2.3em;
    grid-row-gap: 2.3em;
    width: 45.3em;
  }

  .blog__content {
    grid-column-gap: 1.6em;
    grid-row-gap: 1.6em;
    padding-left: 1.33em;
    padding-right: 1.33em;
  }

  .blog-tags {
    grid-column-gap: 1.33em;
    grid-row-gap: 1.33em;
  }

  .blog-tags__item {
    padding: .8em 2.6em;
  }

  .blog__text-wrap {
    grid-column-gap: 2.66em;
    grid-row-gap: 2.66em;
  }

  .blog__descript-wrap {
    max-width: 77.3em;
  }

  .arrow {
    padding: 1.06em;
    bottom: 3.2em;
    right: 3.2em;
  }

  .arrow:where(.w-variant-aa61b18d-71d3-9d26-d406-745b57603074) {
    padding: .8em;
  }

  .arrow__img {
    width: 4.8em;
    height: 4.8em;
  }

  .arrow__img:where(.w-variant-aa61b18d-71d3-9d26-d406-745b57603074) {
    width: 3.75em;
    height: 3.75em;
  }

  .article__nav {
    grid-column-gap: 7.46em;
    grid-row-gap: 7.46em;
  }

  .article__back-link {
    grid-column-gap: 2.13em;
    grid-row-gap: 2.13em;
  }

  .article__content {
    grid-column-gap: 8em;
    grid-row-gap: 8em;
    margin-top: 3.64em;
  }

  .aricle__img {
    border-radius: var(--radius-mobile-12);
    height: 49em;
  }

  .article__next-link {
    grid-column-gap: 1.06em;
    grid-row-gap: 1.06em;
  }

  .popup__close--project, .popup__close--form {
    width: 5.33em;
    height: 5.33em;
    top: 5.33em;
    right: 5.33em;
  }

  .article__arrow {
    width: 3.73em;
    height: 3.73em;
  }

  .button__wtsp-icon {
    width: 6.4em;
    height: 6.4em;
  }
}

#w-node-_39d45b40-3c33-486f-e634-46f93e875f6c-c3ff78b1 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_370f7a51-9ced-60c2-92b5-1343adaac995-c3ff78b1 {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-ab53249b-45ca-db8b-d5d1-06743eef66dd-c3ff78b1 {
  grid-area: 2 / 3 / 3 / 4;
}

#w-node-_9fa58f39-970d-4ef2-0bbd-5adb1bc7d436-c3ff78b1 {
  grid-area: 1 / 4 / 2 / 5;
}

#w-node-aa6bffab-ed92-0a3a-c6f1-bbd331086a50-c3ff78b1 {
  grid-area: 2 / 5 / 3 / 6;
}

@media screen and (max-width: 991px) {
  #w-node-_370f7a51-9ced-60c2-92b5-1343adaac995-c3ff78b1 {
    order: 0;
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-ab53249b-45ca-db8b-d5d1-06743eef66dd-c3ff78b1 {
    grid-area: 1 / 3 / 2 / 4;
  }
}

@media screen and (max-width: 479px) {
  #w-node-ab53249b-45ca-db8b-d5d1-06743eef66dd-c3ff78b1 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-aa6bffab-ed92-0a3a-c6f1-bbd331086a50-c3ff78b1 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
}