@font-face {
  font-family: Sf Pro Display;
  src: url('../fonts/SF-Pro-Display-Regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Sf Pro Display;
  src: url('../fonts/SF-Pro-Display-Semibold.ttf') format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

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

:root {
  --accent-mid: #00204780;
  --accent: #002047;
  --white: white;
  --_typography---h3: 2.13rem;
  --surface: #f0f2f4;
  --_typography---body_m: 1rem;
  --black: #181818;
  --beige--base: #f0f2f4;
  --_typography---h2: 3.38rem;
  --_typography---caption_m: .875rem;
  --accent-low: #0020471a;
  --black-low: #1f1f1f1a;
  --_typography---body_l: 1.5rem;
  --_typography---body_s: .88rem;
  --white-low: #ffffff1a;
  --white-mid: #fff6;
  --_typography---h1: 3.5rem;
  --divider-low: #8e8e9329;
  --_typography---body_x: 2rem;
  --white-extra-low: #ffffff0a;
  --_typography---size-large: 1.25rem;
  --_typography---body_descr: 1.125rem;
  --divider: #8e8e93;
  --_typography---h4: 1.75rem;
  --grey-dark-_text: #6d6e70;
  --black-fade-4: #1f1f1fb3;
  --black-mid: #1f1f1f4d;
  --gold: #85715d;
  --gold-strong: #6c5c4b;
  --beige: #f0ede8;
}

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

.w-form-formradioinput--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

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

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-width: 4px;
  border-color: #3898ec;
}

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

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

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

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

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

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

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

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

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

body {
  color: #f3f3f3;
  background-color: #fff;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 1rem;
  line-height: 150%;
}

h1 {
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 5rem;
  font-weight: 500;
  line-height: 125%;
}

h2 {
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3rem;
  font-weight: 500;
  line-height: 135%;
}

h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 700;
}

h4 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
}

p {
  margin-bottom: 0;
}

a {
  cursor: pointer;
  color: inherit;
  text-decoration: underline;
}

ul {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
}

li {
  color: var(--accent-mid);
  flex-flow: column;
  display: flex;
}

label {
  margin-bottom: 0;
  font-weight: 700;
  display: block;
}

strong {
  font-weight: bold;
}

em {
  font-style: italic;
}

.img-abs {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.button {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  background-color: var(--accent);
  height: 3.75rem;
  color: var(--white);
  text-align: center;
  cursor: pointer;
  border-radius: 9999rem;
  flex: none;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  padding: 0 1.75rem;
  font-family: Inter, sans-serif;
  font-weight: 500;
  line-height: 140%;
  transition: all .2s;
  display: flex;
}

.button:hover {
  background-color: #002a5d;
}

.button.bro.catalog-button {
  width: 100%;
}

.button.cons.about_us-btn {
  margin-top: auto;
}

.button.cons.mob-only {
  display: none;
}

.button.nl-new__btn {
  background-color: var(--white);
  color: var(--accent);
}

.button.investment-modal__button {
  margin-top: auto;
}

.button.full {
  align-self: auto;
}

.button.center {
  align-self: center;
}

.form {
  color: #b1b1b1;
  margin-bottom: 0;
}

.error-message {
  color: red;
  text-align: center;
  background-color: #0000;
  padding: 0;
  font-size: .75rem;
}

.success-message {
  background-color: var(--accent);
  color: var(--white);
  font-size: var(--_typography---h3);
  padding: 0;
  line-height: 140%;
}

.success-message.success-h {
  background-color: var(--accent);
}

.swiper {
  direction: ltr;
}

.swiper.swiper-projects {
  width: 100%;
  overflow: visible !important;
}

.swiper.achievements-swiper {
  width: 100%;
}

.swiper.swiper-lux-projects, .swiper.swiper-news {
  width: 100%;
  overflow: visible !important;
}

.swiper.project-swiper {
  width: 100%;
  height: 100%;
}

.swiper.projects-swiper {
  width: 100%;
  overflow: visible;
}

.swiper.comparison-swiper {
  width: 100%;
  height: 100%;
}

.swiper-wrapper {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.swiper-slide {
  height: auto;
}

.swiper-slide.swiper-key-points__slide {
  width: 25rem;
  min-width: 25rem;
  height: unset;
  overflow: clip;
}

.swiper-slide.swiper-news__slide {
  width: 22rem;
  min-width: 22rem;
  height: unset;
  overflow: clip;
}

.swiper-slide.pj-slide {
  width: 27.75rem;
  max-width: 27.75rem;
}

.content {
  z-index: 2;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.popup-brochure__close, .popup-fp__close {
  z-index: 1;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: #000000b3;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 1.5rem;
  display: flex;
  position: absolute;
  inset: 0%;
}

.section-new.hero-new {
  height: 100svh;
  max-height: 50rem;
  padding-top: 4rem;
  position: relative;
}

.section-new.developers {
  background-color: var(--white);
  padding-bottom: 5rem;
}

.section-new.about-us {
  padding-top: 6.25rem;
  padding-bottom: 2.5rem;
  overflow: hidden;
}

.section-new.about-project {
  overflow: hidden;
}

.section-new.lux-project {
  background-color: var(--surface);
  display: flex;
  overflow: hidden;
}

.section-new.bg-blue {
  background-color: var(--accent);
}

.section-new.bg-blue.advantages {
  padding-top: 5rem;
  padding-bottom: 2.5rem;
}

.section-new.bg-blue.analytics-section {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.section-new.newsletter-section {
  background-image: url('../images/Newsletter-Section-1_1Newsletter Section (1).avif');
  background-position: 50%;
  background-size: cover;
  position: relative;
}

.section-new.form-section {
  background-color: var(--accent);
  position: relative;
}

.section-new.banner {
  background-color: var(--white);
}

.section-new.projects {
  padding-top: 3.75rem;
  padding-bottom: 3.75rem;
  overflow: hidden;
}

.section-new.comparison, .section-new.investment {
  padding-top: 3.75rem;
  padding-bottom: 3.75rem;
}

.section-new.security {
  padding-top: 5rem;
  padding-bottom: 2.5rem;
}

.section-new.details {
  padding-top: 2.5rem;
  padding-bottom: 5rem;
}

.container-new {
  width: 100%;
  max-width: 90rem;
  padding: 0 1.5rem;
}

.container-new.header-new__container {
  justify-content: space-between;
  align-items: center;
  padding-top: .75rem;
  padding-bottom: .75rem;
  display: flex;
}

.container-new.hero-new__container {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: column;
  justify-content: space-between;
  height: 100%;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  display: flex;
  position: relative;
}

.container-new.about-project__container {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  flex-flow: column;
  padding-top: 3.75rem;
  padding-bottom: 3.75rem;
  display: flex;
}

.container-new.about-us__container {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  display: flex;
}

.container-new.footer-new__container {
  flex-flow: column;
  padding-top: 0;
  padding-bottom: 1.5rem;
  display: flex;
}

.container-new.newsletter-container {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.container-new.form-container {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.container-new.banner__container {
  grid-column-gap: 5.5rem;
  grid-row-gap: 5.5rem;
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  flex-flow: column;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  display: flex;
}

.container-new.newsletter-container-new {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.body {
  color: var(--accent);
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: var(--_typography---body_m);
}

.header-new {
  background-color: var(--white);
  width: 100%;
  color: var(--black);
  transition: background-color .25s cubic-bezier(.25, .46, .45, .94);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

.header-new.is-transparent {
  background-color: #0000;
}

.header-new__logo {
  height: 2.5rem;
  display: block;
}

.header-new__logo.abs {
  position: absolute;
  inset: 0% auto auto 0%;
}

.header-new__nav {
  height: 100%;
}

.header-new__nav-wrapper {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  display: flex;
}

.header-new__nav-link {
  color: var(--black);
  padding: 0;
  transition: color .25s cubic-bezier(.25, .46, .45, .94);
}

.header-new__nav-link.w--current {
  color: var(--accent);
}

.hero-new__bg {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.hero-new__list {
  grid-column-gap: 2.25rem;
  grid-row-gap: 2.25rem;
  padding: 1.25rem;
  display: flex;
}

.hero-new__item {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: var(--white);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  font-family: TT Norms Pro Expanded;
  display: flex;
}

.hero-new__item-title {
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: var(--_typography---body_m);
  letter-spacing: 1px;
  text-transform: none;
}

.hero-new__item-value {
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: var(--_typography---h3);
  letter-spacing: 1px;
  text-transform: none;
  white-space: nowrap;
  line-height: 150%;
}

.title-two {
  font-size: var(--_typography---h2);
  font-weight: 500;
  line-height: 102%;
}

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

.title-two.projects__title {
  max-width: 30.75rem;
}

.key-points__title-root {
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.nav-buttons {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  display: flex;
}

.nav {
  background-color: var(--surface);
  cursor: pointer;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 3.44rem;
  min-width: 3.44rem;
  height: 3.44rem;
  min-height: 3.44rem;
  transition: background-color .25s cubic-bezier(.25, .46, .45, .94);
  display: flex;
}

.nav:hover {
  background-color: var(--accent);
  color: var(--white);
}

.nav.prev.lux-projects {
  background-color: var(--white);
}

.nav.prev.lux-projects:hover {
  background-color: var(--accent);
  color: var(--white);
}

.nav.next.lux-projects {
  background-color: var(--white);
}

.nav.next.lux-projects:hover {
  background-color: var(--accent);
  color: var(--white);
}

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

.about-project__card {
  flex-flow: column;
  width: auto;
  min-width: 0;
  height: 100%;
  min-height: 100%;
  display: flex;
  position: relative;
}

.about-project__card-info {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  background-color: var(--beige--base);
  flex-flow: column;
  height: 100%;
  padding: 1.25rem;
  transition: background-color .25s cubic-bezier(.25, .46, .45, .94);
  display: flex;
}

.marquee {
  width: auto;
  margin-top: 1.25rem;
  margin-bottom: 2.5rem;
  position: relative;
  overflow: hidden;
}

.marquee__content.scroll {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex: none;
  justify-content: space-between;
  min-width: 0%;
  display: flex;
}

.marquee__card {
  border-style: solid solid solid none;
  border-width: 1px;
  border-color: var(--accent-low);
  justify-content: center;
  align-items: center;
  width: 17.5rem;
  min-width: 17.5rem;
  height: 17.5rem;
  display: flex;
}

.marquee__image {
  object-fit: contain;
  width: 8rem;
  max-width: 8rem;
  height: auto;
}

.abou-us__content {
  grid-column-gap: 11.25rem;
  grid-row-gap: 11.25rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.3fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.about-us__text-wrapper {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  display: flex;
}

.about-us__list {
  grid-column-gap: 2.5rem;
  grid-row-gap: 1.625rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 22.875rem;
  margin-top: .5rem;
  display: grid;
}

.about-us__item {
  grid-column-gap: .2rem;
  grid-row-gap: .2rem;
  border-left: 1px solid var(--black-low);
  flex-flow: column;
  padding-left: .75rem;
  display: flex;
}

.about-us__item-value {
  color: var(--accent);
  font-size: var(--_typography---body_l);
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 500;
  line-height: 120%;
}

.about-us__item-title {
  color: var(--black);
  font-size: var(--_typography---body_s);
  white-space: nowrap;
}

.abou-us__image-wrapper {
  background-image: url('../images/dff86cbec0d5809b97f57fb0b48e1f3f42410a21_1dff86cbec0d5809b97f57fb0b48e1f3f42410a21.avif');
  background-position: 50%;
  background-size: cover;
  height: 34.0625rem;
}

.achievement-card {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  border-right: 1px solid var(--white-low);
  background-color: var(--surface);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 21.125rem;
  min-height: auto;
  padding: 3rem 1.5rem;
  display: flex;
}

.achievement-card__image {
  z-index: 1;
  object-fit: contain;
  height: auto;
  max-height: 100%;
  position: relative;
  overflow: visible;
}

.achievements__title-root {
  border-top: 1px solid var(--black-low);
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 2rem;
  padding-top: 1.5rem;
  display: flex;
  position: relative;
}

.achievement-card__title {
  color: var(--accent-mid);
  text-align: center;
  font-weight: 400;
  line-height: 150%;
}

.achievement-card__text-root {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.achievements-new {
  max-width: 100%;
}

.achievement-card__image-root {
  justify-content: center;
  align-items: center;
  width: 11.25rem;
  height: 11.25rem;
  display: flex;
  position: relative;
}

.achievement-card__image-bg {
  opacity: .2;
  object-fit: contain;
  width: 100%;
  height: 100%;
  position: absolute;
}

.footer-new {
  background-color: var(--accent);
  color: var(--white);
}

.footer-new__top {
  border-bottom: 1px solid var(--white-low);
  justify-content: space-between;
  align-items: flex-start;
  padding-top: 4rem;
  padding-bottom: 4rem;
  display: flex;
}

.footer-new__logo {
  width: 11rem;
}

.footer-new__bottom {
  justify-content: space-between;
  align-items: stretch;
  padding-top: 2rem;
  padding-bottom: 1.5rem;
  display: flex;
}

.footer-new__bottom-text {
  color: var(--white-mid);
  font-size: var(--_typography---body_s);
}

.footer-new__links {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  display: flex;
}

.cons-modal {
  z-index: 1000;
  background-color: #0000;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
}

.cons-modal__wrapper {
  z-index: 1;
  background-color: var(--accent);
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 35rem;
  padding: 2rem;
  position: relative;
}

.modal__descr {
  max-width: 20rem;
  font-family: SangBleu Versailles Trial;
}

.cons-modal__cross-btn {
  background-color: var(--white);
  cursor: pointer;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  display: flex;
  position: absolute;
  top: 2rem;
  right: 2rem;
}

.cons-modal__cross-icon {
  justify-content: center;
  align-items: center;
  width: .75rem;
  height: .75rem;
  display: flex;
}

.cons-modal__bg {
  background-color: #021123cc;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.header-new__mobile-wrapper {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.header-new__buttons {
  display: none;
}

.burger-button__line {
  width: 1rem;
  height: 2px;
}

.brochure-modal {
  z-index: 1000;
  aspect-ratio: auto;
  justify-content: center;
  align-items: center;
  min-width: 100%;
  min-height: 100%;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
}

.brochure-modal__bg {
  background-color: #021123cc;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.brochure-modal__wrapper {
  background-color: var(--accent);
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 70rem;
  display: grid;
  position: relative;
  overflow: hidden;
}

.brochure-modal__cross-btn {
  background-color: var(--white);
  cursor: pointer;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  display: flex;
  position: absolute;
  top: 2rem;
  right: 2rem;
}

.brochure-modal__cross-icon {
  justify-content: center;
  align-items: center;
  width: .75rem;
  height: .75rem;
  display: flex;
}

.header__buttons {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  justify-content: flex-start;
  align-items: center;
  display: none;
}

.language {
  margin-left: 0;
  margin-right: 0;
  display: none;
}

.header-new__button {
  background-color: var(--accent);
  color: var(--white);
  cursor: pointer;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  padding: .75rem 2.5rem;
  font-family: Inter, sans-serif;
  line-height: 140%;
  transition: all .2s;
  display: none;
}

.header-new__button:hover {
  background-color: #002a5d;
}

.hero-new__top {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  max-width: 50rem;
  line-height: 150%;
  display: flex;
}

.hero-new__h1 {
  max-width: none;
  color: var(--white);
  font-size: var(--_typography---h1);
  line-height: 110%;
}

.hero-new__h1.de-h1 {
  max-width: 25ch;
}

.hero-new__h1.ru {
  max-width: 20ch;
}

.hero-new__top-descr {
  max-width: 32.5rem;
  color: var(--white);
  font-size: var(--_typography---body_l);
  line-height: 150%;
}

.button__circle {
  background-color: var(--white);
  width: 3.44rem;
  height: 3.44rem;
  color: var(--accent);
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.button__circle.circle-blue {
  background-color: var(--accent);
  color: var(--white);
  display: none;
}

.hero-new__bottom {
  -webkit-backdrop-filter: blur(80px);
  backdrop-filter: blur(80px);
  background-color: #00000014;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr;
  grid-auto-columns: 1fr;
}

.developers__banner {
  background-color: var(--accent);
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding: 1.5rem;
  display: grid;
  position: relative;
  overflow: hidden;
}

.developers__h2 {
  max-width: 20ch;
  color: var(--white);
  font-size: var(--_typography---h2);
  line-height: 102%;
}

.hero-new__bottom-descr {
  max-width: 65ch;
  color: var(--white);
  font-size: var(--_typography---body_s);
}

.hero-new__bottom-descr.de-descr {
  max-width: 70ch;
}

.subtitle {
  color: var(--accent-mid);
  font-size: var(--_typography---body_m);
  margin-bottom: 1.25rem;
  font-weight: 400;
  line-height: 150%;
  display: flex;
}

.subtitle.light {
  color: var(--white);
  margin-bottom: 1.25rem;
}

.swiper__inner {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  display: flex;
}

.about-project__card-img {
  justify-content: space-between;
  align-items: flex-start;
  height: 22rem;
  min-height: 22rem;
  padding-top: 1.25rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  position: relative;
}

.card-tag {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  -webkit-backdrop-filter: blur(200px);
  backdrop-filter: blur(200px);
  color: var(--white);
  background-color: #fff3;
  border-radius: 999px;
  align-items: center;
  padding: .375rem .75rem;
  font-weight: 400;
  display: flex;
}

.card-tag.in-card {
  background-color: #e1e2e4;
  display: flex;
}

.card-logo {
  max-width: 6rem;
  max-height: 3rem;
}

.card-logo.invert {
  filter: none;
}

.about-project__card-info-top {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  flex: 1;
  display: flex;
}

.about-project__card-info-tags {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  margin-left: -.5rem;
  display: flex;
}

.about-project__card-info-tags ul {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  display: flex;
}

.about-project__card-info-tags li {
  background-color: var(--accent-low);
  font-size: var(--_typography---caption_m);
  border-radius: .5rem;
  padding: .125rem .5rem;
}

.about-project__card-info-tag {
  background-color: var(--divider-low);
  border-radius: .5rem;
  padding: .125rem .5rem;
  display: none;
}

.about-project__card-info-content {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-flow: column;
  flex: 1;
  justify-content: flex-end;
  align-items: flex-start;
  margin-top: auto;
  display: flex;
}

.about-project__card-title {
  font-size: var(--_typography---body_x);
  flex: 1;
  font-weight: 500;
  line-height: 110%;
}

.about-project__card-mark {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  color: var(--accent-mid);
  flex-flow: column;
  flex: none;
  line-height: 100%;
  display: flex;
}

.about-project__card-mark-icon {
  width: 1.125rem;
  height: 1.125rem;
}

.about-project__card-mark-wrp {
  grid-column-gap: 2rem;
  grid-row-gap: .75rem;
  flex-flow: wrap;
  display: flex;
}

.about-project__card-price {
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 128%;
}

.about-project__card-tags-wrp {
  z-index: 2;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}

.lux-project__card-info {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  background-color: var(--white);
  flex-flow: column;
  height: 100%;
  padding: 1.25rem;
  display: flex;
}

.advantages__inner {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  display: flex;
}

.advantages__header {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-end;
  display: grid;
}

.button-light {
  background-color: var(--white);
  height: 3.75rem;
  color: var(--accent);
  font-family: Inter, sans-serif;
  font-size: var(--_typography---body_m);
  text-align: center;
  cursor: pointer;
  border-radius: 9999rem;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  padding: 0 1.75rem;
  font-weight: 500;
  line-height: 140%;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.button-light:hover {
  background-color: var(--surface);
}

.button-light.bro {
  color: var(--accent);
  font-family: Sf Pro Display, Arial, sans-serif;
}

.button-light.bro.mob-only, .button-light.bro.tablet-only {
  display: none;
}

.button-light.cons.mob-none {
  height: auto;
  min-height: 3.9375rem;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  font-family: Sf Pro Display, Arial, sans-serif;
  line-height: 140%;
}

.button-light.cons.mob-only {
  display: none;
}

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

.button-light.success-btn {
  margin-top: 2rem;
  text-decoration: none;
  display: none;
}

.button-light.modal__button, .button-light.bro-btn {
  width: 100%;
}

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

.advantages__card {
  border-right: 1px solid var(--accent-low);
  border-bottom: 1px solid var(--accent-low);
  background-color: var(--white);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 23rem;
  padding: 2rem;
  display: flex;
}

.advantages__icon-wrp {
  background-color: var(--surface);
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 3.75rem;
  height: 3.75rem;
  display: flex;
}

.advantages__icon {
  object-fit: contain;
  justify-content: center;
  align-items: center;
  width: auto;
  max-width: 1.5rem;
  height: auto;
  max-height: 1.5rem;
  display: flex;
}

.advantages__card-inner {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  min-height: 8rem;
  color: var(--black);
  font-size: var(--_typography---body_s);
  flex-flow: column;
  justify-content: space-between;
  display: flex;
}

.advantages__card-title {
  color: var(--accent);
  font-size: var(--_typography---body_l);
  font-weight: 500;
}

.analytics {
  grid-template-rows: auto;
  grid-template-columns: 39.375rem 1fr;
  grid-auto-columns: 1fr;
  min-height: 37.5rem;
  padding-top: 0;
  display: grid;
  position: relative;
}

.tabs {
  border-top: 1px solid var(--white-low);
  border-left: 1px solid var(--white-extra-low);
  position: static;
}

.tabs__menu {
  z-index: 10;
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  justify-content: space-between;
  width: 55%;
  padding-left: .75rem;
  padding-right: .75rem;
  display: flex;
  position: absolute;
  top: auto;
}

.tabs__content {
  height: 100%;
  padding-bottom: 0;
}

.tab-link {
  border-top: .25rem solid #0000;
  border-bottom: .25rem none var(--white);
  width: 100%;
  color: var(--white-mid);
  white-space: nowrap;
  background-color: #0000;
  justify-content: center;
  align-items: center;
  padding: 1rem 0 0;
  transition: border-color .25s cubic-bezier(.25, .46, .45, .94);
  display: flex;
}

.tab-link.w--current {
  color: var(--white);
  background-color: #0000;
  border-top-color: #fff;
  border-bottom-style: none;
}

.tab-pane {
  width: 100%;
  height: 100%;
}

.chart {
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  height: 100%;
  padding-top: 2.5rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  display: flex;
}

.chart__img {
  object-fit: contain;
  width: 100%;
  min-height: 25rem;
}

.analytics__info {
  border-top: 1px solid var(--white-low);
  border-left: 1px none var(--white-low);
  flex-flow: column;
  justify-content: space-between;
  height: 100%;
  min-height: 36rem;
  padding-top: 2.5rem;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  display: flex;
}

.analytics__info-inner {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  display: flex;
}

.analytics__info-descr {
  color: var(--white-mid);
}

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

.newsletter__header {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  border-style: solid solid none;
  border-width: .75rem;
  border-color: var(--white);
  background-color: var(--accent-low);
  flex-flow: column;
  height: 21rem;
  padding-top: 1.25rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  display: flex;
}

.newsletter__subtitle {
  max-width: 35ch;
  color: var(--white);
  line-height: 114%;
}

.newsletter__form-wrp {
  background-color: var(--white);
  padding: 2.5rem;
}

.newsletter__form {
  margin-bottom: 0;
}

.newsletter__form-inner {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  display: flex;
}

.newsletter__input {
  border-style: none none solid;
  border-width: 1px;
  border-color: black black var(--accent-low);
  height: 100%;
  color: var(--accent);
  background-color: #0000;
  margin-bottom: 0;
  padding: 1.25rem 0;
}

.newsletter__input:focus {
  border-bottom-color: var(--accent);
}

.newsletter__input::placeholder {
  color: var(--accent);
}

.process {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  display: flex;
}

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

.process__card {
  border-right: 1px solid var(--accent-low);
  background-color: var(--surface);
  flex-flow: column;
  justify-content: space-between;
  height: 27.5rem;
  padding: 1.25rem;
  display: flex;
}

.process__card.last-card {
  background-color: var(--accent);
  border-right-style: none;
  position: relative;
  overflow: hidden;
}

.process__card-num {
  font-size: var(--_typography---body_x);
  font-weight: 500;
}

.process__card-inner {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  flex-flow: column;
  display: flex;
}

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

.process__card-title {
  color: var(--white);
  font-size: var(--_typography---body_l);
  font-weight: 500;
}

.process__card-title.text-blue {
  max-width: none;
  color: var(--accent);
}

.process__card-text {
  color: var(--white);
  font-size: var(--_typography---body_s);
  line-height: 150%;
}

.process__card-img {
  opacity: .1;
  width: 15rem;
  position: absolute;
  inset: auto 0% 0% auto;
}

.abou-us__text {
  color: var(--black);
  font-size: var(--_typography---body_s);
}

.news__card {
  border-left: 1px solid var(--accent-low);
  background-color: var(--surface);
  cursor: pointer;
  flex-flow: column;
  justify-content: space-between;
  height: 27.5rem;
  padding: 1.25rem;
  position: relative;
}

.news__card.first {
  border-left-style: none;
}

.news__card-logo {
  width: 9rem;
}

.news__card-logo.abs {
  z-index: 1;
  position: absolute;
  inset: 0% auto auto 0%;
}

.news__card-logo.arbis {
  width: 15rem;
}

.news__card-logo.khal {
  width: 12.5rem;
}

.news__card-logo.gulf {
  width: 13rem;
}

.footer-form-wrp {
  z-index: 1;
  background-color: var(--accent);
  width: 35rem;
  padding: 2rem;
  position: relative;
}

.footer-form {
  margin-bottom: 0;
}

.footer-form__inner {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  color: var(--white-mid);
  flex-flow: column;
  justify-content: space-between;
  display: flex;
}

.inputs_wrp {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  color: var(--accent);
  flex-flow: column;
  display: flex;
}

.new-input {
  border-style: none none solid;
  border-width: 1px;
  border-color: black black var(--white-low);
  height: 100%;
  color: var(--white);
  background-color: #0000;
  margin-bottom: 0;
  padding: 1.25rem 0;
  line-height: 140%;
}

.new-input:focus {
  border-bottom-color: var(--white);
}

.new-input::placeholder {
  color: var(--white-mid);
}

.new-input.blue-input {
  border-bottom-color: var(--accent-low);
  color: var(--accent);
}

.new-input.blue-input:focus {
  border-bottom-color: var(--accent);
}

.new-input.blue-input::placeholder {
  color: var(--accent-mid);
}

.form__header {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  max-width: none;
  margin-bottom: 1.5rem;
  display: flex;
}

.form__header.cons-header {
  max-width: none;
  margin-bottom: 1.5rem;
}

.form__header.form-eader-de {
  max-width: none;
}

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

.form__header.mw-none {
  max-width: none;
}

.form__text {
  color: var(--white);
}

.form__text.modal__descr {
  max-width: none;
  font-family: Sf Pro Display, Arial, sans-serif;
}

.form__text.modal__descr.modal-descr-de {
  max-width: none;
}

.form__text.text-color-blue {
  color: var(--accent);
  font-weight: 500;
}

.form__text.text-color-mid-white {
  color: var(--white);
  font-weight: 500;
}

.form-h {
  grid-column-gap: 5rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 15rem;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  width: 100%;
  display: grid;
}

.footer-new__logo-wrp {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  max-width: 15rem;
  color: var(--white-mid);
  font-size: var(--_typography---body_s);
  flex-flow: column;
  display: flex;
}

.footer-new__nav {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  color: var(--white-mid);
  display: flex;
}

.footer-new_sm {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.footer-new__link {
  color: var(--white-mid);
  text-decoration: none;
}

.footer-new__link.body-s {
  font-size: var(--_typography---body_s);
}

.footer-new_sm-icon {
  width: 2rem;
  height: 2rem;
}

.about-project__card-mark-title {
  line-height: 150%;
}

.about-project__card-mark-descr {
  color: var(--accent);
  line-height: 140%;
}

.success-message-inner {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  font-size: var(--_typography---body_m);
  text-align: left;
  flex-flow: column;
  line-height: 150%;
  display: flex;
}

.card-link {
  z-index: 2;
  cursor: pointer;
  position: absolute;
  inset: 0%;
}

.project-modal {
  z-index: 1000;
  aspect-ratio: auto;
  justify-content: center;
  align-items: center;
  min-width: 100%;
  min-height: 100%;
  display: none;
  position: fixed;
  inset: 0%;
}

.project-modal._1 {
  justify-content: center;
  align-items: center;
  display: none;
}

.project-modal._2, .project-modal._3, .project-modal._4, .project-modal._5, .project-modal._6, .project-modal._7, .project-modal._8, .project-modal._9, .project-modal._10, .project-modal._11, .project-modal._12, .project-modal._13, .project-modal._14, .project-modal._15, .project-modal._16, .project-modal._17, .project-modal._18, .project-modal._19, .project-modal._20 {
  display: none;
}

.project-modal__bg {
  background-color: #021123cc;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.project-modal__bg._1 {
  background-color: #021123cc;
}

.project-modal__wrapper {
  background-color: var(--white);
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.5fr;
  grid-auto-columns: 1fr;
  width: 85rem;
  height: 45rem;
  display: grid;
  position: relative;
}

.project-modal__wrapper._1 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 50rem;
  grid-auto-columns: 1fr;
  height: 90%;
  min-height: 0;
  max-height: 50rem;
  display: grid;
}

.project-modal__cross-btn {
  background-color: var(--white);
  cursor: pointer;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  display: flex;
  position: absolute;
  top: 2rem;
  right: 2rem;
}

.project-modal__cross-btn.mob-only {
  display: none;
}

.project-modal__cross-btn.desk-only {
  top: 2rem;
  right: 2rem;
}

.project-modal__cross-icon {
  justify-content: center;
  align-items: center;
  width: .75rem;
  height: .75rem;
  display: flex;
}

.project-modal__content {
  flex-flow: column;
  justify-content: space-between;
  height: 100%;
  padding: 2rem;
}

.project-modal__content.last {
  display: none;
}

.project-modal__content.first {
  display: flex;
  overflow: hidden;
}

.project-modal__about {
  overflow-y: auto;
}

.project-modal__header {
  justify-content: space-between;
  align-items: center;
  margin-bottom: .5rem;
  display: flex;
}

.project-modal__location {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: flex-start;
  align-items: center;
  padding-top: .375rem;
  padding-bottom: .375rem;
  padding-left: .25rem;
  line-height: 150%;
  display: flex;
}

.project-modal__icon {
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  display: flex;
}

.project-modal__logo {
  filter: invert();
  max-width: 6rem;
  max-height: 2rem;
  margin-left: auto;
}

.project-modal__logo.invert {
  filter: invert();
}

.project-modal__title {
  font-size: var(--_typography---h3);
  margin-bottom: .5rem;
  font-weight: 500;
  line-height: 110%;
}

.project-modal__price {
  margin-bottom: 1.5rem;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 128%;
}

.project-modal__tags {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  margin-bottom: 1rem;
  display: flex;
}

.project-modal__tag {
  background-color: var(--accent-low);
  font-size: var(--_typography---body_s);
  border-radius: .5rem;
  padding: .125rem .5rem .125rem .4rem;
  line-height: 150%;
}

.project-modal__details {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  border-bottom: 1px solid var(--accent-low);
  margin-bottom: 2rem;
  padding-bottom: 1rem;
  display: flex;
}

.project-modal__detail {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.project-modal__descr {
  font-size: var(--_typography---body_s);
  margin-bottom: 2rem;
}

.project-modal__info {
  grid-column-gap: 2rem;
  grid-row-gap: 1rem;
  border-bottom: 1px solid var(--accent-low);
  flex-flow: wrap;
  padding-bottom: 1rem;
  display: flex;
}

.project-modal__info-item {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  flex-flow: column;
  flex: none;
  display: flex;
}

.project-modal__info-subtitle {
  color: var(--accent-mid);
}

.project-modal__info-text {
  line-height: 140%;
}

.project-modal__slider {
  height: 100%;
  position: relative;
}

.project-modal__slider-nav {
  grid-column-gap: .375rem;
  grid-row-gap: .375rem;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  background-color: #fff0;
  justify-content: flex-start;
  align-items: center;
  padding: .625rem;
  display: flex;
  position: absolute;
  inset: auto auto 2rem 2rem;
}

.project-modal__arrow {
  background-color: var(--white);
  width: 3.5rem;
  height: 3.5rem;
  color: var(--accent);
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  transition: all .2s;
  display: flex;
  inset: auto 2rem 2rem auto;
}

.project-modal__arrow:hover {
  background-color: var(--accent);
  color: var(--white);
}

.project-modal__arrow.left {
  right: 6rem;
}

.news__card-inner {
  z-index: 1;
  flex-flow: column;
  justify-content: space-between;
  height: 100%;
  display: flex;
  position: relative;
}

.news__card-logo-wrp {
  position: relative;
}

.back {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: var(--accent-mid);
  cursor: pointer;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: center;
  margin-bottom: 1.5rem;
  display: flex;
  background-color: transparent;
}

.back__btn {
  background-color: var(--accent);
  width: 2rem;
  min-width: 2rem;
  height: 2rem;
  min-height: 2rem;
  color: var(--white);
  cursor: pointer;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  transition: background-color .25s cubic-bezier(.25, .46, .45, .94);
  display: flex;
}

.back__btn:hover {
  background-color: var(--accent);
  color: var(--white);
}

.back__btn-icon {
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
}

.project-modal__content-inner {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: space-between;
  height: 100%;
  display: flex;
}

.project-modal__next {
  flex-flow: column;
  align-items: flex-start;
  max-width: 28rem;
  display: flex;
}

.project-modal__next.full {
  max-width: none;
}

.project-modal__form {
  color: var(--accent);
  margin-bottom: 0;
}

.project-modal-form__inner {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  color: var(--accent-mid);
  text-align: left;
  flex-flow: column;
  justify-content: space-between;
  display: flex;
}

.news-card-link {
  z-index: 2;
  cursor: auto;
  position: absolute;
  inset: 0%;
}

.developers__banner-inner {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  display: flex;
}

.developers__banner-image {
  object-fit: contain;
  height: 22rem;
  position: absolute;
  inset: auto 2rem auto auto;
}

.process__card-text-copy {
  color: var(--black);
  font-size: var(--_typography---body_s);
  line-height: 150%;
}

.process__card-text-copy.text-white-mid {
  color: var(--white-mid);
}

.hero-new__bg-wrp {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.hero-new__bg-gradient {
  background-image: linear-gradient(#07384ce6, #07384c00 94%);
  width: 100%;
  height: 80%;
  position: absolute;
  inset: 0%;
}

.hero-new__inner {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  height: 100%;
  display: flex;
}

.hero-new__surface {
  grid-column-gap: 2.375rem;
  grid-row-gap: 2.375rem;
  -webkit-backdrop-filter: blur(80px);
  backdrop-filter: blur(80px);
  background-color: #00000014;
  padding: 1.25rem;
  display: none;
}

.hero-new__surface-item {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  display: flex;
}

.hero-new__surface-subt {
  color: var(--white);
}

.hero-new__surface-num {
  color: var(--white);
  font-size: var(--_typography---h3);
  letter-spacing: -.01em;
  font-weight: 500;
  line-height: 110%;
}

.hero-new__catalog {
  background-color: var(--white);
  flex-flow: column;
  justify-content: space-between;
  width: 20.5rem;
  height: 26.25rem;
  padding: 1.25rem;
  display: none;
  position: relative;
}

.hero-new__catalog-title {
  font-size: var(--_typography---body_l);
  font-weight: 500;
  line-height: 120%;
}

.text-span {
  color: var(--accent-mid);
}

.hero-new__catalog-img {
  object-fit: contain;
  width: 100%;
  position: absolute;
  inset: 5rem 0% 0%;
  transform: scale(1.1);
}

.modal__form-wrp {
  padding: 2rem;
}

.modal__image-wrp {
  background-color: var(--white);
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: clip;
}

.modal__image {
  object-fit: contain;
  width: 100%;
  height: 100%;
  max-height: 80%;
  position: absolute;
  transform: scale(1.1);
}

.modal__image.mobile {
  display: none;
}

.reviews__header {
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.reviews__google {
  background-color: var(--white);
  width: 6.75rem;
  height: 3.5rem;
  color: var(--black);
  border-radius: 3rem;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.google-star {
  width: .875rem;
  height: .875rem;
  margin-left: .25rem;
}

.google-logo {
  width: 1.5rem;
  height: 1.5rem;
  margin-right: .5rem;
}

.banner__image {
  object-fit: contain;
  width: 30.625rem;
  position: absolute;
  inset: auto 0% 0% auto;
}

.developers__banner-copy {
  background-color: var(--accent);
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding: 1.5rem;
  display: grid;
  position: relative;
  overflow: hidden;
}

.brochure-modal-analytics {
  z-index: 1000;
  aspect-ratio: auto;
  justify-content: center;
  align-items: center;
  min-width: 100%;
  min-height: 100%;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
}

.brochure-modal-new__bg {
  background-color: #021123cc;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.brochure-modal-new__wrapper {
  background-color: var(--accent);
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 70rem;
  display: grid;
  position: relative;
}

.brochure-modal-new__cross-btn {
  background-color: var(--white);
  cursor: pointer;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  display: flex;
  position: absolute;
  top: 2rem;
  right: 2rem;
}

.brochure-modal-new__cross-icon {
  justify-content: center;
  align-items: center;
  width: .75rem;
  height: .75rem;
  display: flex;
}

.modal-new__image-wrp {
  background-color: var(--white-low);
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.modal-new__image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.lang-flag {
  object-fit: scale-down;
  width: 1.25rem;
  height: 1.25rem;
}

.lang-link {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: var(--white);
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.flex-h-16 {
  grid-column-gap: var(--_typography---body_m);
  grid-row-gap: var(--_typography---body_m);
  display: flex;
}

.flex-v-10 {
  grid-column-gap: var(--_typography---body_s);
  grid-row-gap: var(--_typography---body_s);
  flex-flow: column;
  display: flex;
}

.flex-v-10.dark {
  color: var(--accent);
}

.radiobutton {
  width: 1.5rem;
  height: 1.5rem;
  margin-top: 0;
  margin-right: .5rem;
}

.radiobutton.w--redirected-checked {
  background-color: var(--white);
}

.radiobutton-field {
  flex-flow: row;
  margin-bottom: 0;
  display: flex;
}

.radiobutton-field.mid-white {
  color: var(--white);
  font-size: var(--_typography---body_m);
  cursor: pointer;
  justify-content: flex-start;
  align-items: center;
}

.radiobutton-field.mid-blue {
  color: var(--accent);
}

.success-message-surface {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  color: #fffc;
  font-size: var(--_typography---body_m);
  text-align: center;
  background-color: #0c574480;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 2rem;
  padding: 1.5rem;
  line-height: 160%;
  display: flex;
}

.success-message-surface-text {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  flex-flow: column;
  display: flex;
}

.success-title {
  color: var(--white);
  font-size: var(--_typography---body_l);
  font-weight: 500;
  line-height: 120%;
}

.icon-80px {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 4rem;
  height: 4rem;
  display: flex;
}

.flex-v-24-center {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.flex-h-16-2 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: row;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.section-2.succes-page {
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.icon-wrap-blue-large {
  background-color: var(--accent);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 5rem;
  height: 5rem;
  display: flex;
}

.flex-v-40 {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.flex-v-40.center {
  text-align: center;
  border: 1px #000;
  justify-content: flex-start;
  align-items: center;
}

.h1-submit {
  font-weight: 600;
}

.btn-link {
  background-color: var(--accent);
  color: #fff;
  text-align: center;
  border-radius: 10rem;
  justify-content: center;
  align-items: center;
  padding: 1.125rem 2.625rem;
  font-size: 1.125rem;
  line-height: 120%;
  text-decoration: none;
  transition: background-color .3s cubic-bezier(.25, .46, .45, .94);
  display: flex;
}

.btn-link:hover {
  background-color: #1d1d1f;
}

.container-main {
  width: 100%;
  max-width: 82.5rem;
  margin-left: auto;
  margin-right: auto;
  padding: 5rem 2.5rem;
}

.icon-40px {
  object-fit: scale-down;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
}

.flex-v-16-center {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.text-size-26px {
  font-size: 1.625rem;
  font-weight: 600;
  line-height: 120%;
}

.text-size-26px.text-color-grey.text-center {
  text-align: center;
  font-size: 1.5rem;
  font-weight: 600;
}

.text-width-semibold {
  font-weight: 600;
}

.text-width-semibold.text-color-blue.text-center {
  color: var(--accent);
}

.submit-body {
  flex-flow: column;
  height: 100svh;
  display: flex;
}

.logo-wrp {
  position: relative;
}

.newsletter-new {
  background-color: var(--accent);
  min-height: 19rem;
  padding: 2rem;
  position: relative;
}

.newsletter-new__img {
  opacity: .1;
  width: 15rem;
  position: absolute;
  inset: auto 0 -5rem -1rem;
}

.newsletter-new__inner {
  z-index: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.5fr;
  grid-auto-columns: 1fr;
  display: grid;
  position: relative;
}

.newsletter-new__title {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
}

.newsletter-new__text {
  max-width: 15rem;
  color: var(--white);
}

.newsletter-new__form {
  margin-bottom: 0;
}

.newsletter-new__form-inner {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 2.5fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  display: grid;
}

.newsletter-new__input {
  border-style: none none solid;
  border-width: 1px;
  border-color: black black var(--white-low);
  height: 100%;
  color: var(--white);
  background-color: #0000;
  margin-bottom: 0;
  padding: 1.25rem 0;
}

.newsletter-new__input:focus {
  border-bottom-color: var(--white);
}

.newsletter-new__input::placeholder {
  color: var(--white-mid);
}

.language__button {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  padding: 0;
  display: flex;
}

.language__button-text {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  color: var(--white);
  justify-content: flex-start;
  align-items: center;
  font-size: 1rem;
  line-height: 130%;
  display: flex;
}

.language__button-icon {
  display: flex;
}

.language__dropdown.w--open {
  background-color: #0000;
  width: 100%;
  min-width: 5.5rem;
  left: 0;
}

.language__dropdown-root {
  background-color: #fff;
  border-radius: .8rem;
  margin-top: .5rem;
  overflow: hidden;
}

.language__link {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: #1c1c1c;
  padding: .5rem .75rem;
  font-size: 1rem;
  text-decoration: none;
  transition: background-color .25s cubic-bezier(.25, .46, .45, .94);
  display: flex;
}

.language__link:hover {
  background-color: #15293d0d;
}

.projects__inner {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  display: flex;
  position: relative;
}

.projects__list {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.projects__item {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  cursor: pointer;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  transition: box-shadow .25s cubic-bezier(.25, .46, .45, .94);
  display: block;
}

.projects__item:hover {
  box-shadow: 0 4px 30px #0003;
}

.projects__item.projects__item--slide {
  cursor: pointer;
  width: auto;
  height: 100%;
}

.about-project__card-title-root {
  grid-column-gap: .375rem;
  grid-row-gap: .375rem;
  flex-flow: column;
  display: flex;
}

.project-modal__payment-plan-list ul {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  display: flex;
}

.project-modal__payment-plan-list strong {
  color: var(--accent);
  font-weight: 500;
}

.project-modal__payment-plan-list li {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: var(--beige--base);
  border-radius: .25rem;
  padding: .5rem;
}

.project-modal__payment-plan {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  flex-flow: column;
  margin-top: 1.5rem;
  display: flex;
}

.project-modal__payment-title {
  font-size: var(--_typography---size-large);
  font-weight: 600;
}

.project-modal__swiper {
  width: 50rem;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.project-modal__navigation {
  z-index: 10;
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
  position: absolute;
  bottom: 2rem;
  left: 2rem;
  right: 2rem;
}

.project-modal__swiper-nav {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  align-items: flex-end;
  margin-left: auto;
  display: flex;
}

.swiper-pagination {
  background-color: var(--white-extra-low);
  -webkit-backdrop-filter: blur(70px);
  backdrop-filter: blur(70px);
  padding: .625rem;
  display: flex;
}

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

.projects__title-root {
  justify-content: space-between;
  align-items: stretch;
  max-width: none;
  display: flex;
}

.projects__tabs-menu {
  background-color: var(--beige--base);
  color: var(--accent-mid);
  border-radius: 100px;
  align-self: flex-end;
  padding: .25rem;
  display: none;
  position: static;
  top: 3.5rem;
  right: 0;
}

.projects__tabs-menu.comparison__tabs-menu {
  display: flex;
  position: absolute;
}

.projects__tab-link {
  font-size: var(--_typography---body_m);
  cursor: pointer;
  color: inherit;
  background-color: #0000;
  border-radius: 100px;
  padding: .75rem 2rem;
  font-weight: 600;
  transition-property: color, background-color;
  transition-duration: .25s, .25s;
  transition-timing-function: cubic-bezier(.25, .46, .45, .94), cubic-bezier(.25, .46, .45, .94);
}

.projects__tab-link.w--current, .projects__tab-link.active {
  background-color: var(--accent);
  color: #fff;
}

.filter-js {
  display: none;
}

.types-filter-js {
  display: block;
}

.comparison__title-root {
  max-width: 39.6875rem;
}

.comparison__root {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-flow: column;
  display: flex;
  position: relative;
}

.comparison__tabs {
  position: static;
}

.comparison__list {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.comparison__item {
  overflow: hidden;
}

.comparison-card {
  flex-flow: column;
  flex: 1;
  display: flex;
  overflow: hidden;
}

.comparison-card__gallery-root {
  height: 26.25rem;
  position: relative;
}

.comparison-card__content-root {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  background-color: var(--accent);
  color: var(--white);
  background-image: url('../images/Process-Card-Icons.svg');
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: contain;
  flex-flow: column;
  padding: 2rem;
  display: flex;
}

.comparison-card__content-root.light {
  background-color: var(--beige--base);
  height: auto;
  color: var(--accent);
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  flex: 1;
}

.comparison-card__slider {
  height: 100%;
}

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

.comparison-card__slider-nav {
  background-color: var(--beige--base);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  cursor: pointer;
}

.comparison-card__slider-nav.prev {
  z-index: 2;
  position: absolute;
  top: 50%;
  left: .75rem;
}

.comparison-card__slider-nav.next {
  z-index: 2;
  position: absolute;
  top: 50%;
  right: .75rem;
}

.slider-icon {
  display: flex;
}

.comparison-card__slider-pagination {
  z-index: 2;
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  justify-content: center;
  align-items: flex-end;
  padding: 0 .75rem .75rem;
  display: flex;
  position: absolute;
  top: auto;
  bottom: 1rem;
}

.comparison-card__title-root {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  flex-flow: column;
  display: flex;
}

.comparison-card__title {
  font-size: var(--_typography---body_x);
  font-weight: 500;
}

.comparison-card__type {
  background-color: var(--white-low);
  font-size: var(--_typography---caption_m);
  border-radius: .5rem;
  align-self: flex-start;
  padding: .125rem .5rem;
}

.comparison-card__type.dark {
  background-color: var(--accent-low);
}

.comparison-card__info-root {
  justify-content: space-between;
  width: 100%;
  margin-top: auto;
  display: flex;
}

.comparison-card__info-item.hidden {
  display: none;
}

.comparison-card__info-label {
  color: var(--white-mid);
  font-size: var(--_typography---body_m);
}

.comparison-card__info-label.dark {
  color: var(--accent-mid);
}

.comparison-card__info-value {
  color: var(--white);
  font-size: var(--_typography---body_descr);
}

.comparison-card__info-value.dark {
  color: var(--accent);
}

.comparison-card__price {
  font-size: var(--_typography---h3);
  font-weight: 600;
  line-height: 150%;
}

.comparison__info-banner {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  background-color: var(--beige--base);
  font-size: var(--_typography---body_descr);
  text-transform: uppercase;
  justify-content: flex-start;
  align-items: center;
  margin-top: 2rem;
  padding: .75rem;
  font-weight: 500;
  display: flex;
}

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

.investment__case-list {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.investment__case-item {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  background-color: var(--beige--base);
  height: auto;
  min-height: 22.5rem;
  color: var(--accent);
  cursor: pointer;
  justify-content: space-between;
  align-items: stretch;
  padding: 1.25rem;
  transition: background-color .35s cubic-bezier(.25, .46, .45, .94);
}

.investment__case-tag {
  background-color: var(--accent);
  color: var(--white);
  font-size: var(--_typography---body_descr);
  border-radius: 1.5rem;
  align-self: flex-start;
  padding: .625rem 1.25rem;
  font-weight: 500;
  transition: color .25s cubic-bezier(.25, .46, .45, .94), background-color .25s cubic-bezier(.25, .46, .45, .94);
}

.investment__case-content {
  flex-flow: column;
  justify-content: space-between;
  height: 100%;
  display: flex;
}

.investment__case-title {
  font-size: var(--_typography---h3);
  margin-bottom: .625rem;
  font-weight: 500;
  transition: color .25s cubic-bezier(.25, .46, .45, .94);
}

.investment__case-descr {
  color: var(--black);
  margin-bottom: 1.5rem;
  transition: color .25s cubic-bezier(.25, .46, .45, .94);
}

.investment__case-button {
  background-color: var(--white);
  border-radius: 1000px;
  justify-content: center;
  align-items: center;
  height: 3.9375rem;
  font-weight: 500;
  display: flex;
}

.investment-modal {
  z-index: 1000;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
}

.investment-modal__bg {
  background-color: #021123cc;
  width: 100%;
  height: 100%;
  position: absolute;
}

.investment-modal__wrapper {
  grid-column-gap: 4.625rem;
  grid-row-gap: 4.625rem;
  background-color: var(--white);
  grid-template-rows: auto;
  grid-template-columns: 31rem 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 85rem;
  height: 43.75rem;
  margin-bottom: 0;
  margin-left: 2.5rem;
  margin-right: 2.5rem;
  padding: 2.5rem;
  display: grid;
  position: relative;
}

.investment-modal__-content {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  height: 100%;
  display: flex;
}

.investment-modal__-content.form {
  color: var(--accent);
  display: none;
}

.investment-modal__-content.content {
  white-space: normal;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.investment-modal__title-root {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border-bottom: 1px solid var(--accent-low);
  flex-flow: column;
  align-self: flex-start;
  padding-bottom: 1rem;
  display: flex;
}

.investment-modal__image-root {
  object-fit: cover;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.investment-modal__image {
  aspect-ratio: auto;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.investment-modal__close-btn {
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  max-width: 85rem;
  padding-top: 3.375rem;
  display: flex;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.investment-modal__close-btn.mob-only {
  transform: unset;
  padding-top: 0;
  display: flex;
  top: -3rem;
  left: auto;
  right: 0;
}

.investment-modal__close-btn.hidden {
  display: none;
}

.investment__back-btn {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 2rem;
  display: flex;
}

.investment-modal__title {
  font-size: var(--_typography---h3);
  font-weight: 500;
}

.report-banner__wrapper {
  background-color: #00b1e7;
  background-image: url('../images/A4-Paper-Mockup-1.png');
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: contain;
  padding: 2.5rem;
}

.report-banner__content-root {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  max-width: 36.75rem;
  color: var(--white);
  flex-flow: column;
  display: flex;
}

.report-banner__title {
  font-size: var(--_typography---h2);
  line-height: 102%;
}

.case-modal {
  z-index: 1000;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
}

.case-modal__bg {
  background-color: #021123cc;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.case-modal__wrapper {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  background-color: var(--white);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 75rem;
  height: 90%;
  max-height: 50rem;
  padding: 2.5rem 0 0;
  display: flex;
  position: relative;
  overflow: hidden auto;
}

.case-modal__title-root {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  max-width: none;
  color: var(--divider);
  text-align: center;
  flex-flow: column;
  align-items: center;
  display: flex;
}

.case-modal__title-root.left {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  color: var(--accent);
  justify-content: flex-start;
  align-items: flex-start;
}

.case-modal__title {
  color: var(--accent);
  font-size: var(--_typography---h1);
  font-weight: 500;
  line-height: 110%;
}

.case-modal__executive-container {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  border-left: .25rem solid var(--accent);
  background-color: var(--beige--base);
  background-image: url('../images/Vector-14.png');
  background-position: 95%;
  background-repeat: no-repeat;
  background-size: auto 7.375rem;
  width: 100%;
  padding: 1.75rem 2rem;
  display: flex;
}

.case-modal__executive-container.last {
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
}

.case-modal__executive-text-root {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-flow: column;
  max-width: 47rem;
  display: flex;
}

.case-modal__executive-text-root h3 {
  font-size: var(--_typography---h4);
  font-weight: 500;
  line-height: 110%;
}

.case-modal__executive-text-root p {
  color: var(--grey-dark-_text);
  font-weight: 500;
  line-height: 140%;
}

.case-modal__executive-text-root.last {
  max-width: 56rem;
}

.case-modal__key-container {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.case-modal__title-three {
  font-size: var(--_typography---h3);
  font-weight: 500;
  line-height: 110%;
  position: static;
}

.case-modal__key-list {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 1px solid var(--accent-low);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.case-modal__key-item {
  grid-column-gap: 1.125rem;
  grid-row-gap: 1.125rem;
  border-right: 1px solid var(--accent-low);
  background-color: var(--white);
  justify-content: flex-start;
  min-height: 13.75rem;
  padding: 1.25rem;
}

.case-modal__key-item.last {
  border-right-style: none;
}

.case-modal__key-icon {
  flex-flow: row;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: flex-start;
  width: 3.25rem;
  height: 3.25rem;
  display: flex;
}

.case-modal__key-content {
  grid-column-gap: 1.125rem;
  grid-row-gap: 1.125rem;
  flex-flow: column;
  display: flex;
}

.case-modal__key-value {
  color: var(--accent);
  font-size: var(--_typography---h3);
  font-weight: 500;
  line-height: 110%;
}

.case-modal__key-label {
  color: var(--grey-dark-_text);
  text-align: left;
  font-weight: 500;
  line-height: 140%;
}

.case-modal__key-label.green {
  color: #278702;
  font-size: var(--_typography---caption_m);
  font-weight: 600;
}

.case-modal__key-label.green.grey {
  color: #6b7280;
}

.case-modal__price-container {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.case-modal__price-table {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 1px solid var(--black-low);
  border-radius: 1rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.case-modal__price-row {
  border-right: 1px solid var(--black-low);
  border-bottom: 1px solid var(--black-low);
  font-size: var(--_typography---body_descr);
  padding: 1.625rem 1.75rem;
}

.case-modal__price-row.color {
  background-color: var(--accent-low);
}

.case-modal__price-row.color.title {
  font-size: var(--_typography---body_l);
  font-weight: 500;
}

.case-modal__price-row.red {
  color: #e40000;
}

.case-modal__price-row.last {
  border-bottom-style: none;
}

.case-modal__price-row.last.green {
  color: #278702;
}

.case-modal__comparison-container {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.case-modal__comparison-list {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.case-modal__comparison-item {
  border-top: .25rem solid var(--accent);
  background-color: var(--beige--base);
  color: var(--accent);
  padding: 2.75rem 2rem;
}

.case-modal__comparison-content h4 {
  font-size: var(--_typography---h4);
  margin-top: 0;
  margin-bottom: 1.25rem;
  font-weight: 500;
  line-height: 110%;
}

.case-modal__comparison-content ul {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  display: flex;
}

.case-modal__comparison-content li {
  background-color: var(--white);
  color: var(--accent);
  font-size: var(--_typography---body_descr);
  text-transform: uppercase;
  flex-flow: row;
  justify-content: space-between;
  padding: 1.125rem 1rem;
  font-weight: 500;
}

.case-modal__comparison-content strong {
  font-size: var(--_typography---h4);
  font-weight: 500;
}

.case-modal__comparison-content em {
  color: #278702;
  font-size: var(--_typography---h4);
  font-style: normal;
}

.case-modal__executive-icon {
  width: 3.75rem;
  height: 3.75rem;
}

.case-modal__close-btn {
  width: 1.875rem;
  height: 1.875rem;
  position: absolute;
  top: 1.5rem;
  right: 2.5rem;
}

.case-modal__-modal {
  background-color: var(--white);
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
  width: 100%;
  padding: 2rem;
  transition: transform .25s cubic-bezier(.25, .46, .45, .94);
  display: flex;
  box-shadow: 0 -6px 30px #00000040;
}

.inputs_root {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  display: flex;
}

.security__root {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  display: flex;
}

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

.security__item {
  border-right: 1px solid var(--accent-low);
  background-color: var(--beige--base);
  height: 28.75rem;
  color: var(--accent);
  justify-content: space-between;
  padding: 1.5rem 1.25rem;
}

.security__item.last {
  border-right-style: none;
}

.security__num-item {
  font-size: var(--_typography---body_x);
  font-weight: 500;
}

.security__text-root {
  flex-flow: column;
  justify-content: space-between;
  min-height: 11.875rem;
  display: flex;
}

.security__title {
  font-size: var(--_typography---body_l);
  font-weight: 500;
  line-height: 120%;
}

.security__title.tablet-only {
  display: none;
}

.security__descr {
  color: var(--black);
  font-size: var(--_typography---caption_m);
}

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

.details__sticky {
  height: 100%;
  position: relative;
}

.details__steps {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  counter-reset: step-counter;
  flex-flow: column;
  margin-bottom: auto;
  padding-left: 0;
  display: flex;
}

.details__title-root {
  position: sticky;
  top: 4rem;
  left: 0;
}

.details__step {
  grid-column-gap: .875rem;
  grid-row-gap: .875rem;
  color: var(--accent);
  padding-left: 5.25rem;
  position: relative;
}

.details__step-title {
  font-size: var(--_typography---body_l);
  font-weight: 500;
}

.details__step-descr {
  color: var(--black-fade-4);
}

.projects__show-more {
  background-color: var(--accent);
  color: var(--white);
  border-style: none;
  border-radius: 1000px;
  margin-top: 2rem;
  margin-left: auto;
  margin-right: auto;
  padding: 1.25rem 2rem;
}

.projects__swiper {
  flex-flow: row;
  margin-top: 2rem;
  display: flex;
  overflow: visible;
}

.projects__last-slide {
  background-color: var(--accent);
  background-image: url('../images/');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 28rem;
  min-width: 28rem;
  height: auto;
  position: relative;
}

.projects__link {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  width: 100%;
  height: 100%;
  font-size: var(--_typography---body_x);
  text-align: center;
  color: #fff;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.code-embed {
  transition: transform .25s cubic-bezier(.25, .46, .45, .94);
}

.nav-wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  display: flex;
}

.projects__swiper-list-wrapper {
  overflow: visible;
}

.projects__swiper-list {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  overflow: visible;
}

.projects__swiper-root {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-wrap: nowrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: none;
  display: block;
}

.projects__swiper-item {
  transition: box-shadow .45s ease-in-out;
}

.projects__swiper-item:hover {
  box-shadow: 0 4px 30px #0003;
}

.case-modal__ful {
  flex-flow: column;
  display: none;
}

.case-modal__form {
  background-color: var(--white);
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
  flex-flow: column;
  width: 100%;
  margin-top: -5rem;
  margin-left: -2.5rem;
  margin-right: -2.5rem;
  padding: 2rem;
  transition: transform .25s cubic-bezier(.25, .46, .45, .94);
  display: flex;
  position: static;
  left: 0;
  right: 0;
  box-shadow: 0 -6px 30px #00000040;
}

.radio-button-label {
  margin-bottom: 0;
}

.case-modal__full {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  flex-flow: column;
  padding-bottom: 2.5rem;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  display: none;
}

.case-modal__subtitle {
  color: var(--accent);
  font-size: var(--_typography---body_l);
  font-weight: 500;
}

.case-modal__descr {
  color: var(--grey-dark-_text);
  text-align: left;
}

.case-modal__top {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  flex-flow: column;
  order: 0;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  display: flex;
}

.projects__pagination-bth {
  background-color: var(--accent);
  color: var(--white);
  font-size: var(--_typography---body_m);
  border-radius: 1000px;
  margin-top: 1.5rem;
  margin-left: 0;
  margin-right: 0;
  padding: 1.25rem 2rem;
  font-weight: 500;
  transition: background-color .25s cubic-bezier(.25, .46, .45, .94);
}

.projects__pagination-bth:hover {
  background-color: #002a5d;
}

.case-modal__faq {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  display: flex;
}

.case-modal__faq-list {
  border-bottom: 1px solid var(--accent-low);
}

.case-modal__list-root {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
}

.case-modal__faq-subtitle {
  font-size: var(--_typography---body_l);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 500;
}

.case-modal__faq-item {
  border-top: 1px solid var(--accent-low);
  border-right: 1px solid var(--accent-low);
  border-left: 1px solid var(--accent-low);
}

.dropdown-faq {
  z-index: 1;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.dropdown-faq__title-root {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  font-size: var(--_typography---body_m);
  white-space: pre-wrap;
  cursor: pointer;
  border-top: 1px #1f1f1f1a;
  justify-content: space-between;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  padding: 1.25rem 1.5rem;
  font-weight: 400;
  display: flex;
}

.accordion-list__title {
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 130%;
}

.icon_32px {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  display: flex;
}

.dropdown-faq__content {
  opacity: 1;
  background-color: #0000;
  flex-flow: column;
  display: flex;
  position: static;
  overflow: hidden;
}

.dropdown-faq__content-root {
  opacity: 1;
  max-width: 50em;
  color: var(--grey-dark-_text);
  padding: .25rem 1.5rem 2rem;
  font-size: 1rem;
  line-height: 140%;
}

.accordion-list__content {
  color: #1f1f1f99;
  max-width: 37.5rem;
  font-size: 1rem;
  line-height: 130%;
}

.dropdown-faq__title {
  color: var(--accent);
  font-size: var(--_typography---body_descr);
  font-weight: 500;
}

.projects__filters {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: flex-start;
  align-items: flex-end;
  margin-bottom: 0;
  display: flex;
}

.projects__filter-root {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-flow: column;
  width: 19.25rem;
  display: flex;
}

.projects__filter-title {
  color: var(--accent-mid);
}

.projects__filter {
  width: 100%;
  display: block;
}

.projects__filter-toggle {
  background-color: var(--beige--base);
  border-radius: 1rem;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 1rem;
  font-weight: 500;
  display: flex;
}

.projects__filter-list {
  overflow: hidden;
}

.projects__filter-list.w--open {
  background-color: #0000;
}

.projects__filter-list-root {
  border: 1px solid var(--accent-low);
  background-color: var(--white);
  border-radius: 1rem;
  margin-top: .625rem;
  overflow: hidden;
  box-shadow: 0 4px 30px #00000014;
}

.icon-20 {
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
  display: flex;
}

.projects__filter-item {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  border-style: none none solid;
  border-width: 1px;
  border-color: black black var(--accent-low);
  background-color: var(--white);
  justify-content: flex-start;
  align-items: center;
  padding: .75rem 1rem;
  transition: background-color .25s cubic-bezier(.25, .46, .45, .94);
  display: flex;
}

.projects__filter-item:hover {
  background-color: var(--surface);
}

.projects__filter-item.last {
  border-bottom-style: none;
}

.projects__filter-item.active {
  background-color: var(--accent-low);
}

.projects__filter-item.disabled {
  pointer-events: none;
  color: var(--accent-low);
}

.projects__filter-radio {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  font-size: var(--_typography---body_m);
  cursor: pointer;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  padding-left: .9rem;
  display: flex;
}

.projects__radio-btn {
  border: 1px solid var(--accent-low);
  width: 1.25rem;
  height: 1.25rem;
  margin-top: 0;
}

.projects__radio-btn.w--redirected-checked {
  border-width: .375rem;
  border-color: var(--accent);
}

.projects__radio-label {
  justify-content: center;
  align-items: center;
  font-weight: 400;
  line-height: 160%;
  display: flex;
}

.projects__filters-form {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  display: flex;
}

.projects__filter-checkbox {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  cursor: pointer;
  align-items: center;
  margin-bottom: 0;
  padding-left: .9rem;
  display: flex;
}

.projects__checkbox {
  border: 1px solid var(--accent-low);
  width: 1.25rem;
  height: 1.25rem;
  margin-top: 0;
}

.projects__checkbox.w--redirected-checked {
  background-color: var(--accent);
  border-radius: 2px;
}

@media screen and (min-width: 1280px) {
  .container-new.banner__container {
    grid-column-gap: 5.5rem;
    grid-row-gap: 5.5rem;
    flex-flow: column;
    display: flex;
  }

  .marquee {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
    margin-left: -1.5rem;
    margin-right: -1.5rem;
    display: flex;
    overflow: hidden;
  }

  .marquee__content {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-shrink: 0;
    justify-content: space-around;
    align-items: stretch;
    min-width: 100%;
    display: flex;
  }

  .marquee__card {
    justify-content: center;
    align-items: center;
    width: 17.5rem;
    height: 17.5rem;
    display: flex;
  }

  .project-modal__cross-btn {
    top: 2rem;
    right: 2rem;
  }
}

@media screen and (min-width: 1440px) {
  .swiper.achievements-swiper {
    width: 100%;
  }

  .swiper-wrapper {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
  }

  .section-new.about-us {
    overflow: hidden;
  }

  .container-new.hero-new__container {
    min-width: auto;
    margin-left: auto;
    margin-right: auto;
  }

  .hero-new__item-value {
    letter-spacing: 1px;
  }

  .marquee {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    display: flex;
  }

  .achievement-card {
    width: auto;
  }
}

@media screen and (max-width: 991px) {
  body {
    --_typography---h3: 1.5rem;
    --_typography---body_m: 1rem;
    --_typography---h2: 2.13rem;
    --_typography---caption_m: .875rem;
    --_typography---body_l: 1.5rem;
    --_typography---body_s: .88rem;
    --_typography---h1: 2.38rem;
    --_typography---body_x: 1.5rem;
    --_typography---size-large: 1.25rem;
    --_typography---body_descr: 1.125rem;
    --_typography---h4: 1.75rem;
  }

  .img-abs.form-section-img {
    height: 30rem;
    display: none;
    position: static;
  }

  .button.cons {
    align-self: flex-start;
  }

  .button.cons.about_us-btn, .button.project-modal__button {
    margin-top: 2rem;
  }

  .button.subscribe-btn, .button.nl-new__btn {
    width: 100%;
    order: 0 !important;
  }

  .swiper {
    width: 100%;
  }

  .swiper.achievements-swiper {
    margin-left: -1rem;
    margin-right: -1rem;
    padding-left: 1rem;
    padding-right: 0;
    overflow: visible;
  }

  .swiper-slide.swiper-key-points__slide {
    width: 21rem;
    min-width: 21rem;
  }

  .swiper-slide.achievement-slide {
    width: 14.4375rem;
  }

  .swiper-slide.swiper-news__slide {
    width: 19rem;
    min-width: 19rem;
  }

  .section-new.hero-new {
    max-height: 42.625rem;
    margin-top: 0;
  }

  .section-new.developers {
    padding-bottom: 3.75rem;
  }

  .section-new.bg-blue.advantages {
    padding-top: 3.75rem;
    padding-bottom: 1.25rem;
  }

  .section-new.form-section {
    flex-flow: column;
    display: flex;
  }

  .section-new.banner {
    padding-bottom: 3.75rem;
  }

  .container-new {
    max-width: 90rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .container-new.header-new__container {
    height: 3.5rem;
  }

  .container-new.hero-new__container {
    grid-column-gap: 10rem;
    grid-row-gap: 10rem;
    padding-top: 5rem;
    padding-bottom: 1.25rem;
  }

  .container-new.about-project__container {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .container-new.about-us__container {
    padding-top: 5rem;
  }

  .container-new.newsletter-container, .container-new.form-container {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  .container-new.banner__container {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .container-new.newsletter-container-new {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  .header-new {
    right: 0;
  }

  .header-new__logo {
    z-index: 100;
    height: 2rem;
    padding-right: 0;
    position: relative;
  }

  .header-new__nav {
    background-color: #02112363;
    flex-flow: column;
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
    height: 100svh;
    min-height: 0;
    max-height: 100svh;
    margin-top: 3.25rem;
    display: flex;
    top: 0;
    overflow: hidden;
  }

  .header-new__nav-wrapper {
    background-color: var(--beige--base);
    text-align: left;
    background-image: url('../images/Process-Card-Icons-2.svg');
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: auto;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    height: fit-content;
    padding: 2.75rem 1rem;
  }

  .header-new__nav-link {
    color: var(--accent);
    font-size: var(--_typography---h2);
    margin-left: 0;
    margin-right: 0;
    font-weight: 500;
    line-height: 112%;
  }

  .hero-new__list {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    justify-content: flex-start;
    align-items: stretch;
  }

  .hero-new__item {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .hero-new__item-title {
    font-size: var(--_typography---caption_m);
    line-height: 150%;
  }

  .title-two.projects__title {
    max-width: none;
  }

  .nav-buttons {
    display: none;
  }

  .about-project__card {
    width: auto;
    min-width: auto;
  }

  .marquee {
    margin-top: 2.5rem;
  }

  .marquee__content.scroll {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
  }

  .marquee__image {
    width: 6rem;
  }

  .abou-us__content {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    flex-flow: column;
    display: flex;
  }

  .abou-us__image-wrapper {
    order: -9999;
    height: 37.5rem;
  }

  .achievement-card {
    width: 14.4375rem;
    height: 15.125rem;
    padding: 1.5rem;
  }

  .achievements__title-root {
    margin-bottom: 3rem;
    padding-left: 0;
  }

  .achievement-card__title {
    white-space: normal;
  }

  .achievement-card__image-root {
    width: 7.25rem;
    height: 7.25rem;
  }

  .footer-new__top {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    padding-top: 1.25rem;
    padding-bottom: 4rem;
    display: grid;
  }

  .footer-new__logo {
    height: 3rem;
  }

  .footer-new__bottom {
    padding-bottom: 1.5rem;
  }

  .cons-modal {
    justify-content: center;
    align-items: flex-end;
  }

  .cons-modal__wrapper {
    width: 100%;
  }

  .header-new__mobile-wrapper {
    grid-column-gap: .625rem;
    grid-row-gap: .625rem;
    text-align: left;
    flex-flow: column;
    flex: 1;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .header-new__buttons {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
    flex-flow: row;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    display: block;
  }

  .burger-button {
    z-index: 100;
    background-color: var(--beige--base);
    border-radius: 999px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 2.75rem;
    height: 2.75rem;
    padding: 0;
    display: flex;
  }

  .burger-button__icon {
    grid-column-gap: .2rem;
    grid-row-gap: .2rem;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
  }

  .burger-button__line {
    background-color: var(--black);
    width: 1rem;
    height: 2px;
    color: var(--accent);
    justify-content: center;
    align-items: center;
  }

  .brochure-modal {
    height: 100%;
  }

  .brochure-modal__bg {
    background-color: var(--accent);
  }

  .brochure-modal__wrapper {
    background-color: var(--accent);
    width: 100%;
    height: 100%;
    display: flex;
  }

  .header__buttons {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    display: flex;
  }

  .header-new__button {
    z-index: 100;
    position: relative;
  }

  .hero-new__h1 {
    max-width: 80%;
  }

  .hero-new__h1.ru {
    max-width: none;
  }

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

  .developers__banner {
    grid-template-columns: 1fr 1.5fr;
    padding: 1.25rem;
  }

  .about-project__card-img {
    height: 16rem;
    min-height: 16rem;
    padding-top: 1rem;
    padding-left: 1rem;
  }

  .about-project__card-tags-wrp {
    justify-content: space-between;
    align-items: flex-start;
  }

  .advantages__header {
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 60%;
    display: block;
  }

  .button-light.bro.tablet-only {
    display: flex;
  }

  .button-light.cons {
    justify-content: space-between;
    align-self: flex-start;
  }

  .button-light.cons.mob-none {
    min-height: auto;
  }

  .button-light.z-index-1 {
    align-self: flex-end;
  }

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

  .advantages__card {
    height: 22.8125rem;
    padding: 1.25rem;
  }

  .advantages__card-inner {
    min-height: 9rem;
  }

  .analytics {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    padding-top: 0;
    display: flex;
  }

  .tabs {
    border: 1px #000;
    position: relative;
  }

  .tabs__menu {
    width: 100%;
    position: static;
  }

  .tabs__content {
    border-top: 1px solid var(--divider-low);
    margin-bottom: 0;
    padding-right: 0;
  }

  .chart {
    min-height: 30rem;
    padding-top: 1.25rem;
  }

  .analytics__info {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    border: 1px #000;
    order: -9999;
    height: auto;
    min-height: auto;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .analytics__info-inner {
    max-width: 70%;
  }

  .analytics__info-descr {
    max-width: none;
  }

  .newsletter__header {
    height: 15rem;
    padding-top: .5rem;
    padding-left: .5rem;
    padding-right: .5rem;
  }

  .newsletter__form-wrp {
    padding: 1.25rem;
  }

  .newsletter__form-inner {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: column;
  }

  .newsletter__input {
    order: 0;
  }

  .process__body {
    flex-flow: column;
    display: flex;
  }

  .process__card {
    grid-column-gap: .625rem;
    grid-row-gap: .625rem;
    border-bottom: 1px solid var(--accent-low);
    border-right-style: none;
    flex-flow: row;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    height: auto;
    display: grid;
  }

  .process__card.last-card {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    border-bottom-style: none;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .process__card-inner.z-index-1 {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    flex-flow: row;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .process__card-title, .process__card-text {
    max-width: none;
  }

  .process__card-img {
    inset: auto auto -9rem 5rem;
  }

  .news__card {
    grid-column-gap: .625rem;
    grid-row-gap: .625rem;
    border-bottom: 1px solid var(--accent-low);
    border-right-style: none;
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    height: 26.25rem;
    display: flex;
  }

  .footer-form-wrp {
    width: auto;
    padding: 0;
  }

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

  .form-h {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    display: flex;
  }

  .project-modal {
    justify-content: center;
    align-items: flex-end;
    height: 100%;
    padding-top: 5rem;
  }

  .project-modal._1 {
    justify-content: center;
    align-items: flex-end;
    display: none;
  }

  .project-modal__wrapper {
    flex-flow: column;
    width: 100%;
    height: 100%;
    min-height: 100svh;
    display: block;
    overflow: auto;
  }

  .project-modal__wrapper._1 {
    flex-flow: column-reverse;
    height: 95%;
    display: flex;
    overflow: hidden;
  }

  .project-modal__cross-btn {
    width: 2.5rem;
    height: 2.5rem;
    top: 1.5rem;
    right: 1.5rem;
  }

  .project-modal__cross-btn.mob-only {
    display: none;
  }

  .project-modal__content {
    padding: 1.25rem;
  }

  .project-modal__content.first {
    height: auto;
    min-height: auto;
  }

  .project-modal__details, .project-modal__descr {
    margin-bottom: 1.5rem;
  }

  .project-modal__slider {
    order: -9999;
    height: 32rem;
  }

  .news__card-inner {
    grid-column-gap: .625rem;
    grid-row-gap: .625rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
  }

  .project-modal__content-inner {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
  }

  .project-modal__next {
    max-width: none;
  }

  .project-modal-form__inner {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: column;
  }

  .developers__banner-image {
    height: 16rem;
    top: 2rem;
    right: 1rem;
  }

  .process__card-text-copy {
    max-width: none;
  }

  .modal__image-wrp {
    background-color: var(--white);
    flex: 1;
    order: -9999;
    max-height: 28.4375rem;
    position: relative;
  }

  .modal__image {
    display: none;
    position: absolute;
    top: 0;
    bottom: auto;
    transform: scale(1.2);
  }

  .modal__image.mobile {
    object-position: 50% 0%;
    max-width: 60%;
    max-height: none;
    margin-left: auto;
    margin-right: auto;
    display: block;
    bottom: 0;
  }

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

  .banner__image {
    inset: auto 0% 0% auto;
  }

  .developers__banner-copy {
    grid-template-columns: 1fr 1.5fr;
    padding: 1.25rem;
  }

  .brochure-modal-analytics {
    height: 100%;
  }

  .brochure-modal-new__bg {
    background-color: var(--accent);
  }

  .brochure-modal-new__wrapper {
    width: 100%;
    height: 100%;
    display: flex;
  }

  .modal-new__image-wrp {
    background-color: var(--white-low);
    flex: 1;
    order: -9999;
    position: relative;
  }

  .modal-new__image {
    position: absolute;
    bottom: -20%;
    transform: scale(1.2);
  }

  .flex-v-10 {
    margin-top: var(--_typography---body_m);
  }

  .icon-80px {
    width: 3rem;
    height: 3rem;
  }

  .flex-v-40 {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .flex-v-40.center {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    border: 1px #000;
    padding: 1rem 0;
  }

  .btn-link {
    padding-top: 1rem;
    padding-bottom: 1rem;
    font-size: 1rem;
  }

  .container-main {
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .text-size-26px {
    font-size: 1.5rem;
  }

  .newsletter-new__img {
    display: none;
    inset: auto auto -9rem 5rem;
  }

  .newsletter-new__inner {
    grid-column-gap: 2.25rem;
    grid-row-gap: 2.25rem;
    flex-flow: column;
    display: flex;
  }

  .newsletter-new__form-inner {
    flex-flow: column;
  }

  .newsletter-new__input {
    order: 0;
  }

  .language__button {
    padding-right: .75rem;
  }

  .projects__inner {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .projects__list {
    grid-column-gap: 1rem;
    grid-row-gap: 1.25rem;
    grid-template-columns: 1fr 1fr;
  }

  .projects__item:hover {
    box-shadow: none;
  }

  .projects__item.projects__item--slide {
    width: 22rem;
  }

  .project-modal__swiper {
    height: 32.25rem;
  }

  .project-modal__swiper-nav {
    display: none;
  }

  .swiper-pagination {
    margin-left: auto;
    margin-right: auto;
  }

  .projects__title-root {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
  }

  .projects__tabs-menu {
    border-radius: 100px;
    width: 100%;
    display: none;
  }

  .projects__tabs-menu.comparison__tabs-menu {
    border-radius: 100px;
    max-width: 17.5rem;
  }

  .projects__tab-link {
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .comparison__title-root {
    max-width: 24rem;
  }

  .comparison__item {
    height: auto;
  }

  .comparison-card {
    flex-flow: column;
    height: auto;
    display: flex;
  }

  .comparison-card__content-root {
    flex: 1;
    align-self: auto;
    height: auto;
  }

  .comparison-card__title {
    max-width: 80%;
  }

  .comparison-card__info-root {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .investment__case-list {
    flex-flow: column;
    display: flex;
  }

  .investment__case-item {
    height: 20.875rem;
  }

  .investment__case-content {
    height: auto;
    display: block;
  }

  .investment-modal {
    justify-content: center;
    align-items: flex-end;
    display: none;
  }

  .investment-modal__wrapper {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    flex-flow: column-reverse;
    height: auto;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    display: flex;
  }

  .investment-modal__-content {
    padding: 1.25rem;
  }

  .investment-modal__image-root {
    height: 32.25rem;
  }

  .investment-modal__close-btn.mob-only {
    right: 1rem;
  }

  .report-banner__wrapper {
    background-position: 200% 100%;
  }

  .report-banner__content-root {
    max-width: 25.875rem;
  }

  .case-modal {
    justify-content: center;
    align-items: flex-end;
  }

  .case-modal__wrapper {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    height: 80%;
  }

  .case-modal__executive-text-root {
    max-width: 23.625rem;
  }

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

  .case-modal__key-item {
    border-bottom: 1px solid var(--accent-low);
    min-height: 13.6875rem;
  }

  .case-modal__price-row {
    font-size: var(--_typography---body_s);
  }

  .case-modal__price-row.color.title {
    font-size: var(--_typography---body_m);
  }

  .case-modal__comparison-item {
    padding: 2rem 1rem;
  }

  .case-modal__close-btn {
    display: flex;
    top: 3.625rem;
    right: 1.25rem;
  }

  .case-modal__-modal {
    width: 111%;
  }

  .security__root {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .security__list {
    flex-flow: column;
    display: flex;
  }

  .security__item {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    border-bottom: 1px solid var(--accent-low);
    border-right-style: none;
    flex-flow: row;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    height: auto;
    min-height: 8.125rem;
    display: grid;
  }

  .security__item.last {
    background-color: var(--accent);
    color: var(--white);
    background-image: url('../images/Process-Card-Icons-1.svg');
    background-position: 15% 100%;
    background-repeat: no-repeat;
    background-size: auto;
    border-bottom-style: none;
  }

  .security__num-item.last {
    display: none;
  }

  .security__text-root {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    min-height: auto;
  }

  .security__title.tablet-only {
    display: block;
  }

  .security__title.last {
    display: none;
  }

  .security__descr.last {
    color: var(--white-mid);
  }

  .details__root {
    grid-column-gap: 3.125rem;
    grid-row-gap: 3.125rem;
    flex-flow: column;
    display: flex;
  }

  .details__title-root {
    position: static;
  }

  .projects__swiper {
    margin-left: -1rem;
    margin-right: -1rem;
    padding-left: 0;
    padding-right: 0;
  }

  .projects__last-slide.pj-slide {
    width: 22rem;
    min-width: 22rem;
  }

  .projects__swiper-list {
    display: flex;
  }

  .projects__swiper-root {
    margin-left: 0;
    margin-right: 0;
    padding-left: 1rem;
    padding-right: 1rem;
    overflow: scroll;
  }

  .case-modal__form {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .case-modal__top {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
  }

  .dropdown-faq__title-root {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  .dropdown-faq__content-root {
    padding-top: .25rem;
    padding-bottom: 1.25rem;
  }

  .projects__filter-root {
    width: auto;
  }

  .projects__filters-form {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    display: grid;
  }
}

@media screen and (max-width: 767px) {
  body {
    --_typography---h3: 1.5rem;
    --_typography---body_m: 1rem;
    --_typography---h2: 2.13rem;
    --_typography---caption_m: .875rem;
    --_typography---body_l: 1.5rem;
    --_typography---body_s: .88rem;
    --_typography---h1: 2.375rem;
    --_typography---body_x: 1.5rem;
    --_typography---size-large: 1.25rem;
    --_typography---body_descr: 1.125rem;
    --_typography---h4: 1.75rem;
  }

  .button {
    width: 100%;
    height: 3rem;
    padding-left: 1.375rem;
  }

  .button.bro {
    width: 100%;
    padding-left: 1.375rem;
  }

  .button.cons.about_us-btn {
    margin-top: 0;
  }

  .button.cons.mob-only {
    background-color: var(--white);
    color: var(--accent);
    display: block;
  }

  .button.project-modal__button {
    margin-top: 0;
  }

  .button.subscribe-btn, .button.nl-new__btn {
    width: 100%;
  }

  .swiper-slide.swiper-key-points__slide, .swiper-slide.swiper-news__slide {
    width: 21rem;
  }

  .section-new.hero-new {
    height: auto;
    max-height: none;
    padding-top: 0;
  }

  .section-new.developers {
    position: relative;
  }

  .section-new.bg-blue.advantages {
    padding-top: 1.25rem;
  }

  .section-new.bg-blue.analytics-section {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

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

  .section-new.comparison {
    padding-top: 3.75rem;
  }

  .container-new.hero-new__container {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    height: auto;
    padding: 0;
  }

  .container-new.about-us__container {
    padding-top: 2.5rem;
  }

  .hero-new__bg {
    position: static;
  }

  .hero-new__list {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
  }

  .hero-new__item-title {
    margin-top: 0;
  }

  .about-project__card {
    min-width: 20.75rem;
  }

  .about-project__card-info {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .marquee {
    margin-top: 1.25rem;
  }

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

  .marquee__card {
    width: 13rem;
    min-width: 13rem;
    height: 13rem;
  }

  .about-us__text-wrapper {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
  }

  .about-us__list {
    max-width: none;
  }

  .abou-us__image-wrapper {
    object-fit: fill;
    background-position: 50% 30%;
    height: 20rem;
  }

  .achievement-card {
    min-height: 17rem;
  }

  .achievement-card__image {
    height: 7.75rem;
  }

  .footer-new__links {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .cons-modal {
    justify-content: center;
    align-items: flex-end;
  }

  .cons-modal__wrapper {
    width: 100%;
    padding: 1.25rem;
  }

  .cons-modal__cross-btn {
    top: 1.25rem;
    right: 1.25rem;
  }

  .header-new__buttons {
    flex-flow: column;
    display: flex;
  }

  .brochure-modal {
    justify-content: center;
    align-items: flex-end;
  }

  .brochure-modal__wrapper {
    width: 100%;
  }

  .brochure-modal__cross-btn {
    top: 1.25rem;
    right: 1.25rem;
  }

  .header-new__button {
    display: none;
  }

  .header-new__button.mob-button {
    display: flex;
  }

  .hero-new__top {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    width: 100%;
    max-width: none;
    padding: 1.25rem 1rem;
  }

  .hero-new__h1 {
    max-width: 25rem;
    color: var(--accent);
  }

  .hero-new__top-descr {
    max-width: none;
    color: var(--accent-mid);
    font-weight: 500;
    line-height: 120%;
  }

  .button__circle {
    width: 2.25rem;
    height: 2.25rem;
    margin-left: auto;
  }

  .hero-new__bottom {
    display: none;
  }

  .developers__banner {
    background-color: var(--accent);
    padding-top: 0;
    padding-bottom: 1.25rem;
    display: flex;
  }

  .developers__h2, .hero-new__bottom-descr {
    color: var(--white);
  }

  .subtitle.light {
    margin-bottom: 2.5rem;
  }

  .lux-project__card-info {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .advantages__inner {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
  }

  .advantages__header {
    max-width: none;
  }

  .button-light {
    width: 100%;
    height: 3rem;
  }

  .button-light.bro.mob-only {
    display: flex;
  }

  .button-light.cons {
    justify-content: center;
    align-items: center;
    height: 3rem;
  }

  .button-light.cons.mob-none {
    background-color: var(--accent);
    color: var(--white);
    padding-top: .75rem;
    padding-bottom: .75rem;
    display: flex;
  }

  .button-light.cons.mob-only {
    display: flex;
  }

  .button-light.report-banner__button {
    margin-top: 12rem;
  }

  .advantages__body {
    margin-left: -1rem;
    margin-right: -1rem;
    padding-left: 1rem;
    padding-right: 1rem;
    display: flex;
    overflow: auto;
  }

  .advantages__card {
    border-bottom-style: none;
    flex: none;
    width: 16.8125rem;
    height: auto;
    min-height: 22.8125rem;
  }

  .advantages__card-inner {
    min-height: auto;
  }

  .tabs {
    margin-left: -1rem;
    margin-right: -1rem;
    overflow: hidden;
  }

  .tabs__menu {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
    overflow: auto;
  }

  .tabs__content {
    padding-bottom: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
    overflow: auto;
  }

  .tab-link {
    flex: none;
    width: auto;
  }

  .tab-link.w--current {
    width: auto;
  }

  .chart {
    width: 44rem;
    min-height: 25rem;
    position: relative;
  }

  .analytics__info-inner {
    max-width: none;
  }

  .newsletter__header {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .project-modal {
    justify-content: center;
    align-items: flex-end;
  }

  .project-modal._1 {
    display: none;
  }

  .project-modal__wrapper._1 {
    height: 100vh;
    max-height: none;
    overflow: hidden;
  }

  .project-modal__cross-btn, .project-modal__cross-btn.desk-only {
    top: 1rem;
    right: 1rem;
  }

  .project-modal__details, .project-modal__descr {
    margin-bottom: 1.5rem;
  }

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

  .project-modal__info-item {
    flex: none;
  }

  .project-modal__slider {
    width: 100%;
    max-width: 60rem;
    height: 16rem;
  }

  .project-modal__slider-nav {
    justify-content: center;
    align-items: center;
    bottom: 1rem;
    left: 50%;
    transform: translate(-50%);
  }

  .project-modal__arrow {
    display: none;
  }

  .developers__banner-image {
    order: -9999;
    position: static;
  }

  .hero-new__bg-wrp {
    height: 20.5rem;
    position: relative;
  }

  .hero-new__bg-gradient {
    background-color: #0000;
    background-image: linear-gradient(#1f1f1fb3, #1f1f1f00 50% 71%);
    height: auto;
    display: block;
    position: absolute;
  }

  .hero-new__inner {
    flex-flow: column;
    justify-content: flex-end;
    display: flex;
  }

  .hero-new__surface, .hero-new__catalog {
    display: none;
  }

  .modal__image-wrp {
    max-height: 17.5rem;
  }

  .modal__image.mobile {
    max-width: 80%;
    height: auto;
    max-height: 90%;
    bottom: auto;
  }

  .banner__image {
    position: static;
  }

  .developers__banner-copy {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    background-color: var(--accent);
    padding-top: 1.25rem;
    padding-bottom: 0;
    display: flex;
  }

  .brochure-modal-analytics {
    justify-content: center;
    align-items: flex-end;
  }

  .brochure-modal-new__wrapper {
    width: 100%;
  }

  .brochure-modal-new__cross-btn {
    top: 1.25rem;
    right: 1.25rem;
  }

  .icon-80px {
    width: 3rem;
    height: 3rem;
  }

  .flex-h-16-2 {
    font-size: 1.75rem;
  }

  .icon-wrap-blue-large {
    width: 4rem;
    height: 4rem;
  }

  .btn-link {
    width: 100%;
  }

  .text-size-26px {
    font-size: 1.125rem;
  }

  .newsletter-new {
    padding: 1.25rem;
  }

  .newsletter-new__form-inner {
    display: flex;
  }

  .projects__inner {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .projects__list {
    flex-flow: column;
    margin-left: -1rem;
    margin-right: -1rem;
    padding-left: 1rem;
    padding-right: 1rem;
    display: flex;
  }

  .projects__item.projects__item--slide {
    width: 21rem;
  }

  .project-modal__payment-plan-list ul {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .project-modal__payment-plan-list li {
    justify-content: space-between;
    min-height: 4.375rem;
  }

  .project-modal__swiper {
    height: 17.5rem;
    min-height: 17.5rem;
  }

  .project-modal__navigation {
    justify-content: center;
    align-items: flex-end;
    bottom: 1rem;
    left: 0;
    right: 0;
    width: 100vw !important;
  }

  .swiper-pagination {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    padding-top: 0;
    padding-bottom: 0;
    left: auto;
    position: static !important;
  }

  .projects__tabs-menu {
    overflow: auto;
  }

  .projects__tabs-menu.comparison__tabs-menu {
    max-width: none;
    margin-bottom: 1.25rem;
    position: static;
  }

  .projects__tab-link, .projects__tab-link.active {
    z-index: 1;
  }

  .comparison__root {
    grid-column-gap: 2.75rem;
    grid-row-gap: 2.75rem;
  }

  .comparison__list {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
    flex-flow: column;
    display: flex;
  }

  .comparison-card__gallery-root {
    height: 21.5625rem;
  }

  .comparison-card__content-root {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    padding: 1.5rem;
  }

  .comparison-card__slider-img {
    width: 100%;
  }

  .comparison__info-banner {
    grid-column-gap: .85rem;
    grid-row-gap: .85rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 1.25rem;
  }

  .investment-modal {
    display: none;
  }

  .investment-modal__wrapper {
    justify-content: flex-end;
    align-items: stretch;
    height: 100%;
  }

  .investment-modal__-content.content {
    overflow: auto scroll;
  }

  .investment-modal__image-root {
    height: 25rem;
    position: relative;
  }

  .investment-modal__close-btn {
    z-index: 10;
    padding-top: 0;
    display: flex;
    top: 1rem;
    left: auto;
    right: 1rem;
    transform: none;
  }

  .investment-modal__close-btn.mob-only {
    display: flex;
    top: 1rem;
  }

  .report-banner__wrapper {
    background-position: 50% 100%;
    padding: 1.25rem;
  }

  .report-banner__content-root {
    max-width: none;
    padding-bottom: 0;
  }

  .case-modal {
    display: none;
  }

  .case-modal__wrapper {
    height: 83%;
    padding-top: 1.25rem;
    padding-left: 0;
    padding-right: 0;
  }

  .case-modal__executive-container {
    background-position: 50% 100%;
    background-size: auto 7.375rem;
    padding: 1.25rem 1.5rem 9.625rem;
  }

  .case-modal__executive-container.last {
    padding-bottom: 1.25rem;
  }

  .case-modal__executive-text-root {
    max-width: none;
  }

  .case-modal__price-row {
    padding: 1.5rem 1rem;
  }

  .case-modal__comparison-content h4 {
    font-size: var(--_typography---body_x);
  }

  .case-modal__comparison-content li {
    font-size: var(--_typography---body_s);
  }

  .case-modal__comparison-content strong, .case-modal__comparison-content em {
    font-size: var(--_typography---body_m);
  }

  .case-modal__-modal {
    width: 105%;
  }

  .inputs_root {
    flex-flow: column;
  }

  .security__item {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
    display: flex;
  }

  .security__item.last {
    background-position: 110% 100%;
  }

  .projects__show-more {
    margin-top: 1.5rem;
  }

  .projects__swiper {
    padding-left: 0;
  }

  .projects__last-slide.pj-slide {
    width: 21rem;
    min-width: 21rem;
  }

  .projects__swiper-root {
    margin-left: 0;
    margin-right: 0;
    padding-left: 1rem;
    padding-right: 1rem;
    overflow: auto;
  }

  .project-modal__button-root {
    background-color: var(--white);
    margin-left: -1.25rem;
    margin-right: -1.25rem;
    padding-top: 1.25rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    box-shadow: 0 0 40px #1c1d1d29;
  }

  .case-modal__form {
    width: 105%;
    margin-left: 0;
    margin-right: 0;
  }

  .case-modal__top {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .mob-bg {
    background-color: var(--beige--base);
    height: 5rem;
    margin-left: -1rem;
    margin-right: -2rem;
    position: absolute;
    left: 0;
    right: 0;
  }

  .projects__filters-form {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
    flex-flow: column;
    display: flex;
  }
}

@media screen and (max-width: 479px) {
  .button {
    max-width: 100%;
  }

  .button.project-modal__button {
    margin-top: 0;
  }

  .about-us__item-title {
    white-space: normal;
  }

  .footer-new__top {
    flex-flow: column;
    display: flex;
  }

  .footer-new__bottom {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
  }

  .developers__banner {
    padding-left: 0;
    padding-right: 0;
  }

  .card-logo {
    max-width: 5rem;
  }

  .about-project__card-mark {
    flex: none;
  }

  .about-project__card-mark-wrp {
    flex-flow: wrap;
  }

  .about-project__card-tags-wrp {
    justify-content: space-between;
    align-items: flex-start;
  }

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

  .button-light.z-index-1 {
    align-self: flex-start;
  }

  .button-light.report-banner__button {
    margin-top: 8rem;
  }

  .analytics {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
  }

  .tabs__menu {
    padding-bottom: 1.25rem;
  }

  .tabs__content {
    width: auto;
    overflow: auto;
  }

  .tab-pane {
    width: 100%;
    overflow: visible;
  }

  .chart {
    width: 44rem;
    overflow: visible;
  }

  .chart__img {
    min-height: 20rem;
  }

  .process__card {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
    padding-right: 2.5rem;
    display: flex;
  }

  .process__card.last-card {
    padding-right: 1.25rem;
    display: flex;
  }

  .process__card-inner {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .process__card-inner.z-index-1 {
    flex-flow: column;
    display: flex;
  }

  .process__card-img {
    width: 12.5rem;
    inset: 4rem 0% 0% auto;
  }

  .news__card {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
    padding-right: 2.5rem;
    display: flex;
  }

  .footer-new__nav {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: wrap;
    justify-content: space-between;
    width: 100%;
  }

  .footer-new_sm {
    grid-column-gap: .625rem;
    grid-row-gap: .625rem;
    display: flex;
  }

  .footer-new__link {
    flex: none;
  }

  .project-modal {
    display: flex;
  }

  .project-modal__wrapper {
    height: 100%;
    min-height: 100svh;
    max-height: none;
    display: flex;
  }

  .project-modal__wrapper._1 {
    flex-flow: column;
  }

  .project-modal__cross-btn {
    z-index: 100;
  }

  .project-modal__content.last {
    order: 9999;
    height: auto;
    min-height: 30rem;
  }

  .project-modal__content.first {
    order: 9999;
    height: 100%;
    min-height: auto;
  }

  .project-modal__info {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .project-modal__slider {
    max-width: none;
    height: auto;
    min-height: 16rem;
  }

  .project-modal__next {
    flex: 1;
  }

  .developers__banner-inner {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .developers__banner-image {
    width: 100%;
    height: auto;
    position: relative;
    top: 0;
    left: 0;
  }

  .modal__image {
    bottom: -10%;
    right: -5%;
    transform: scale(1.4);
  }

  .modal__image.mobile {
    max-width: 60%;
    right: auto;
  }

  .reviews__header {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .banner__image {
    width: 100%;
    height: auto;
    position: relative;
    top: 0;
    left: 0;
  }

  .developers__banner-copy {
    padding-left: 0;
    padding-right: 0;
  }

  .modal-new__image {
    bottom: -10%;
    right: -5%;
    transform: scale(1.4);
  }

  .icon-80px {
    width: 2rem;
    height: 2rem;
  }

  .flex-v-24-center {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .flex-h-16-2 {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
  }

  .section-2.succes-page {
    flex: 1;
  }

  .flex-v-40 {
    text-align: center;
  }

  .flex-v-40.center {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .h1-submit {
    font-size: 2rem;
  }

  .btn-link {
    margin-top: 1rem;
  }

  .icon-40px {
    justify-content: center;
    align-items: center;
  }

  .text-size-26px.text-color-grey.text-center {
    font-size: 1rem;
  }

  .submit-body {
    flex-flow: column;
    min-height: 100svh;
    display: flex;
  }

  .newsletter-new__img {
    width: 12.5rem;
    inset: 4rem 0% 0% auto;
  }

  .project-modal__swiper {
    height: 17.5rem;
    display: flex;
  }

  .project-modal__navigation {
    justify-content: space-between;
    align-items: flex-end;
    width: 100%;
  }

  .swiper-pagination {
    justify-content: center;
    align-items: flex-end;
  }

  .projects__tabs-menu {
    overflow: auto;
  }

  .comparison-card__info-root {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .investment-modal {
    display: none;
  }

  .case-modal__price-table.last {
    margin-right: -1.25rem;
    overflow: scroll;
  }

  .case-modal__price-row {
    white-space: nowrap;
  }

  .case-modal__comparison-list {
    flex-flow: column;
    display: flex;
  }

  .case-modal__-modal, .case-modal__form {
    width: 109%;
  }
}

#w-node-_90fa4210-23a4-fe09-bcb7-7f058f4ee4aa-b640530d {
  align-self: start;
}

#w-node-_43ace3b4-1cc0-95df-229a-f4819b40420c-b640530d {
  justify-self: start;
}

#w-node-b691c4b1-9942-ce95-d72c-5065294f8689-b640530d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_90fa4210-23a4-fe09-bcb7-7f058f4ee4aa-056a64cf {
  align-self: start;
}

#w-node-_43ace3b4-1cc0-95df-229a-f4819b40420c-056a64cf {
  justify-self: start;
}

#w-node-b691c4b1-9942-ce95-d72c-5065294f8689-056a64cf {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_90fa4210-23a4-fe09-bcb7-7f058f4ee4aa-f07aa76f {
  align-self: start;
}

#w-node-b691c4b1-9942-ce95-d72c-5065294f8689-f07aa76f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 991px) {
  #w-node-b618b319-1ee5-2f18-379a-3b97d901bfad-b640530d {
    order: 9999;
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_2ea470b2-34a2-02de-0ec5-6264c628fcf7-b640530d {
    justify-self: end;
  }

  #w-node-b618b319-1ee5-2f18-379a-3b97d901bfad-056a64cf {
    order: 9999;
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_2ea470b2-34a2-02de-0ec5-6264c628fcf7-056a64cf {
    justify-self: end;
  }

  #w-node-b618b319-1ee5-2f18-379a-3b97d901bfad-f07aa76f {
    order: 9999;
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_2ea470b2-34a2-02de-0ec5-6264c628fcf7-f07aa76f {
    justify-self: end;
  }
}

@media screen and (max-width: 479px) {
  #w-node-b691c4b1-9942-ce95-d72c-5065294f8689-b640530d, #w-node-fabc093f-db60-8682-3ec3-620238a102db-b640530d, #w-node-b691c4b1-9942-ce95-d72c-5065294f8689-056a64cf, #w-node-fabc093f-db60-8682-3ec3-620238a102db-056a64cf, #w-node-b691c4b1-9942-ce95-d72c-5065294f8689-f07aa76f, #w-node-fabc093f-db60-8682-3ec3-620238a102db-f07aa76f {
    order: -9999;
  }
}


@font-face {
  font-family: 'Sf Pro Display';
  src: url('../fonts/SF-Pro-Display-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Sf Pro Display';
  src: url('../fonts/SF-Pro-Display-Semibold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Sf Pro Display';
  src: url('../fonts/SF-Pro-Display-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}