@font-face {
  font-family: "icons";
  font-display: swap;
  src: url("../fonts/icons.woff2") format("woff2"), url("../fonts/icons.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "AeonikPro";
  font-display: swap;
  src: url("../fonts/AeonikPro-Regular.woff2") format("woff2"), url("../fonts/AeonikPro-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Steppe";
  font-display: swap;
  src: url("../fonts/Steppe-Regular.woff2") format("woff2"), url("../fonts/Steppe-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}

.faq__item-title::before,
.faq__item-title._active::before,
.callback__list li::before,
.prices__case-list li::before,
.swiper-button-next,
.swiper-button-prev,
.star-rating__label::before,
.breadcrumbs__item:not(:last-child)::before,
[class^=icon-]:before,
[class*=" icon-"]:before {
  font-family: "icons";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  speak: never;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^=icon-]:before,
[class*=" icon-"]:before {
  display: block;
}

.icon-star:before,
.star-rating__label:before {
  content: "\e912";
}

.icon-check-mark:before,
.callback__list li:before,
.prices__case-list li:before {
  content: "\e900";
}

.icon-chevron-down:before {
  content: "\e901";
}

.icon-chevron-left:before,
.swiper-button-prev:before {
  content: "\e902";
}

.icon-chevron-right:before,
.swiper-button-next:before {
  content: "\e903";
}

.icon-chevron-up:before {
  content: "\e904";
}

.icon-cross:before {
  content: "\e905";
}

.icon-date:before {
  content: "\e906";
}

.icon-emblem-down:before {
  content: "\e907";
}

.icon-emblem-right:before,
.breadcrumbs__item:not(:last-child):before {
  content: "\e908";
}

.icon-emblem-up:before {
  content: "\e909";
  font-size: 2em !important;
}

.icon-featrures-furniture:before {
  content: "\e90a";
}

.icon-features-3d:before {
  content: "\e90b";
}

.icon-features-calendar:before {
  content: "\e90c";
}

.icon-features-check:before {
  content: "\e90d";
}

.icon-features-deal:before {
  content: "\e90e";
}

.icon-features-planning:before {
  content: "\e90f";
}

.icon-features-shield:before {
  content: "\e910";
}

.icon-features-team:before {
  content: "\e911";
}

.icon-minus:before,
.faq__item-title._active:before {
  content: "\e913";
}

.icon-phone:before {
  content: "\e914";
}

.icon-pin:before {
  content: "\e915";
}

.icon-plus:before,
.faq__item-title:before {
  content: "\e916";
}

.icon-telegram:before {
  content: "\e917";
}

.icon-viber:before {
  content: "\e918";
}

.icon-views:before {
  content: "\e919";
}

.icon-whatsapp:before {
  content: "\e91a";
}

/* Display (48) */

/* Title (44) */

/* Title (36) */

/* Title (32) */

/* Subtitle (26) */

/* Subtitle (20) */

.title-xl {
  font-family: "Steppe";
  line-height: 116.667%;
  letter-spacing: -0.18rem;
  font-size: 3rem;
}

.title {
  font-family: "Steppe";
  font-size: 2.75rem;
  line-height: 118.182%;
  letter-spacing: -0.165rem;
}

.title-lg {
  font-family: "Steppe";
  font-size: 2.25rem;
  line-height: 122.222%;
  letter-spacing: -0.135rem;
}

.title-md {
  font-family: "Steppe";
  font-size: 2rem;
  line-height: 125%;
  letter-spacing: -0.12rem;
}

.title-sm {
  font-family: "Steppe";
  font-size: 1.625rem;
  line-height: 123.077%;
  letter-spacing: -0.0975rem;
}

.subtitle {
  line-height: 140%;
  font-size: 1.25rem;
}

.color-primary {
  color: #04181e;
}

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

.fancybox__container {
  max-width: 100% !important;
  padding: 0 !important;
}

.fancybox__slide {
  padding: 0;
}

.fancybox__backdrop {
  background: rgba(4, 24, 30, 0.64);
}

.fancybox__content {
  color: inherit;
  background: none;
  padding: 0;
}

.fancybox__content :focus:not(.carousel__button.is-close) {
  outline: none;
}

.popup {
  display: none;
  background: #fff;
  color: #04181e;
  overflow-y: auto;
  margin-left: auto;
}

.popup__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1rem;
  padding: 2.25rem 1rem 1rem;
  min-height: 100vh;
}

.popup__close {
  font-size: 1.25rem;
  background: #115268;
  color: #fff;
  position: absolute;
  top: 1rem;
  right: 1rem;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 0.75rem;
  border-radius: 50%;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}

.popup__subtitle {
  color: #516a72;
  line-height: 150%;
}

.popup__form {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.popup__form .form__btn {
  margin-top: auto;
}

.range__output {
  background: #f8f8f8;
  padding: 1rem;
  color: #04181e;
  font-size: 1rem;
  line-height: 125%;
  margin-bottom: -0.75rem;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.range__output::after {
  content: attr(data-unit);
  color: #94a3a8;
  text-align: right;
  font-size: 1rem;
  line-height: 125%;
}

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

.range__input {
  -webkit-appearance: none;
  background-color: transparent;
  padding: 0;
  width: 100%;
  opacity: 1;
  position: relative;
}

.range__input::-webkit-slider-thumb {
  position: relative;
  z-index: 1;
  -webkit-appearance: none;
  border-radius: 50%;
  cursor: pointer;
  width: 1rem;
  height: 1rem;
  background: #115268;
  border: 0rem solid #fff;
  margin-top: -0.4375rem;
}

.range__input::-moz-range-thumb {
  position: relative;
  z-index: 1;
  border-radius: 50%;
  box-sizing: border-box;
  cursor: pointer;
  width: 1rem;
  height: 1rem;
  background: #115268;
  border: 0rem solid #fff;
}

.range__input::-ms-thumb {
  position: relative;
  z-index: 1;
  display: inline-block;
  border-radius: 50%;
  border: 0;
  cursor: pointer;
  width: 1rem;
  height: 1rem;
  background: #115268;
  border: 0rem solid #fff;
}

.range__input::-webkit-slider-runnable-track {
  border-color: transparent;
  color: transparent;
  height: 0.25rem;
  background: #f8f8f8;
  border-radius: 0rem;
  border-radius: 0rem;
}

.range__input::-moz-range-track {
  height: 0.25rem;
  background: #f8f8f8;
  border-radius: 0rem;
  border-radius: 0rem;
}

.range__input::-ms-track {
  border-color: transparent;
  color: transparent;
  height: 0.25rem;
  background: #f8f8f8;
  border-radius: 0rem;
  border-radius: 0rem;
}

.range__input::-ms-fill-lower {
  background: #115268;
  border-radius: 0rem;
}

.range__input::-moz-range-progress {
  background: #115268;
  height: 0.25rem;
  border: 0;
  border-radius: 0rem;
}

.range__input::-ms-tooltip {
  display: none;
}

.range__input:disabled {
  cursor: default;
  pointer-events: none;
}

.range__input::before {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  height: 0.25rem;
  width: var(--precent, 0%);
  background: #115268;
  border-radius: 0rem;
  left: 0;
  pointer-events: none;
}

.range__list {
  margin-top: -0.45rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: #516a72;
  font-size: 0.875rem;
  line-height: 157.143%;
  padding: 0 0.31rem;
}

.breadcrumbs {
  padding: 1.5rem 0;
}

.breadcrumbs + * {
  background-color: transparent !important;
  padding-top: 1.5rem !important;
}

.breadcrumbs__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.25rem;
  color: #94a3a8;
  font-size: 0.875rem;
  line-height: 114.286%;
}

.breadcrumbs__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.breadcrumbs__item:not(:last-child)::before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #89c1bd;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.breadcrumbs__link {
  -webkit-transition: color 0.3s ease 0s;
  transition: color 0.3s ease 0s;
}

.breadcrumbs__link.active {
  color: #04181e;
  pointer-events: none;
}

.star-rating {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  overflow: hidden;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  position: relative;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.star-rating__input:not(:checked) ~ .star-rating__label:hover {
  color: #157291;
}

.star-rating__input:not(:checked) ~ .star-rating__label:hover ~ .star-rating__label::before {
  color: #157291;
}

.star-rating__input:checked ~ .star-rating__label {
  color: #157291;
}

.star-rating__input:checked ~ .star-rating__label ~ .star-rating__label {
  color: #157291;
}

.star-rating__label {
  cursor: pointer;
  width: 2.75rem;
  height: 2.75rem;
  padding: 0.25rem;
  font-size: 2.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #ebebeb;
}

.color-accent {
  color: #115268;
}

.fw-medium {
  font-weight: 500;
}

::-webkit-scrollbar {
  width: 0.5rem;
}

::-webkit-scrollbar-track {
  background: #fff;
}

::-webkit-scrollbar-thumb {
  background: #115268;
  border-radius: 0.5rem;
}

.hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  white-space: nowrap;
  clip-path: inset(100%);
  clip: rect(0 0 0 0);
  overflow: hidden;
}

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

.form__label {
  color: #516a72;
  font-size: 1rem;
  line-height: 125%;
}

.form__fields {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
}

.form__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
}

.form__control {
  text-overflow: ellipsis;
  -webkit-transition: background-color 0.3s ease, color 0.3s ease;
  transition: background-color 0.3s ease, color 0.3s ease;
  width: 100%;
  padding: 1rem;
  font-size: 1rem;
  line-height: 125%;
  background: #f8f8f8;
  color: #04181e;
}

.form__control.form__control--dark {
  background: rgba(255, 255, 255, 0.16);
  color: #fff;
}

.form__control.form__control--dark::-webkit-input-placeholder {
  color: #94a3a8;
}

.form__control.form__control--dark::-moz-placeholder {
  color: #94a3a8;
}

.form__control.form__control--dark:-ms-input-placeholder {
  color: #94a3a8;
}

.form__control.form__control--dark::-ms-input-placeholder {
  color: #94a3a8;
}

.form__control.form__control--dark::placeholder {
  color: #94a3a8;
}

.form__control.form__control--dark:hover {
  background: rgba(255, 255, 255, 0.24);
}

.form__control.form__control--dark:focus {
  color: #fff;
  background: rgba(255, 255, 255, 0.24);
  outline: 0.0625rem solid #fff;
}

.form__control::-webkit-input-placeholder {
  opacity: 1;
  color: #516a72;
}

.form__control::-moz-placeholder {
  opacity: 1;
  color: #516a72;
}

.form__control:-ms-input-placeholder {
  opacity: 1;
  color: #516a72;
}

.form__control::-ms-input-placeholder {
  opacity: 1;
  color: #516a72;
}

.form__control::placeholder {
  opacity: 1;
  color: #516a72;
}

.form__control:hover {
  background: #ebebeb;
}

.form__control:focus {
  color: #04181e;
  background: #ebebeb;
  outline: 0.0625rem solid #89c1bd;
}

.form__control:disabled {
  opacity: 0.24;
}

.form__control._error {
  outline: 0.0625rem solid #da2800;
  background: #ebebeb;
}

.form__control._error::-webkit-input-placeholder {
  color: #da2800;
}

.form__control._error::-moz-placeholder {
  color: #da2800;
}

.form__control._error:-ms-input-placeholder {
  color: #da2800;
}

.form__control._error::-ms-input-placeholder {
  color: #da2800;
}

.form__control._error::placeholder {
  color: #da2800;
}

.form__control:is(textarea) {
  height: 9rem;
  resize: none;
}

.form__privacy {
  color: #94a3a8;
  font-size: 0.875rem;
  line-height: 157.143%;
}

.form__privacy a {
  color: #04181e;
}

.form__option-input:checked + .form__option-btn {
  background: #f8f8f8;
  border-color: #f8f8f8;
}

.form__option-input:checked + .form__option-btn::before {
  background: #115268;
  -webkit-box-shadow: inset 0 0 0 0.375rem #fff;
          box-shadow: inset 0 0 0 0.375rem #fff;
}

.form__option-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  -webkit-transition: background-color 0.3s ease, border-color 0.3s ease;
  transition: background-color 0.3s ease, border-color 0.3s ease;
  border: 0.0625rem solid #e4e4e4;
  cursor: pointer;
  padding: 1rem;
}

.form__option-btn::before {
  content: "";
  width: 2rem;
  height: 2rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 50%;
  border: 0.0625rem solid #e4e4e4;
}

.btn {
  cursor: pointer;
  position: relative;
  z-index: 1;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease, -webkit-box-shadow 0.3s ease;
  transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease, -webkit-box-shadow 0.3s ease;
  transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
  transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
  font-size: 1rem;
  line-height: 125%;
  padding: 1rem 1.5rem;
}

.btn::before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.btn:focus-visible {
  -webkit-box-shadow: 0 0 0.0625rem 0.0625rem #04181e;
          box-shadow: 0 0 0.0625rem 0.0625rem #04181e;
}

.btn.btn-primary {
  background: #115268;
  color: #fff;
}

.btn.btn-primary:hover,
.btn.btn-primary:active {
  background: #157291;
}

.btn.btn-secondary {
  background: #ebebeb;
  color: #04181e;
}


.btn.btn-secondary::before {
  color: #115268;
}

.btn.btn-secondary:hover,
.btn.btn-secondary:active {
  background: #cbdfe7;
}

.btn.btn-tertiary {
  background: #fff;
  color: #04181e;
}

.btn.btn-tertiary::before {
  color: #115268;
}

.btn.btn-tertiary:hover,
.btn.btn-tertiary:active {
  color: #115268;
}

.btn.btn-sm {
  padding: 0.75rem 1.5rem;
}

.btn.btn-fullwidth {
  width: 100%;
  padding-inline: 1rem;
}

.btn:disabled,
.btn[aria-disabled=true] {
  background: #ebebeb;
  color: #94a3a8;
  pointer-events: none;
}

.btn:disabled::before,
.btn[aria-disabled=true]::before {
  color: #115268;
}

.btn.filter-btn {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background: #f8f8f8;
  border: 0.0625rem solid #e4e4e4;
}

.btn.filter-btn:not(:last-child) {
  border-right: 0;
  border-right-color: #f8f8f8;
}

.btn.filter-btn:not(:first-child) {
  border-left: 0;
  border-left-color: #f8f8f8;
}

.btn.filter-btn:hover,
.btn.filter-btn:active,
.btn.filter-btn.active {
  background: #ebebeb;
  color: #157291;
}

.filters {
  overflow: visible;
}

.iti__selected-flag {
  background-color: rgba(0, 0, 0, 0.05);
}

.select {
  position: relative;
}

.select select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent;
  border: 0.0625rem solid #115268;
  border-radius: 0.375rem;
  color: #04181e;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  display: block;
  font-size: 1rem;
  font-weight: 500;
  height: 100%;
  outline: none;
  padding: 1em 2.3125em 1em 1.4375em;
  width: 100%;
}

body {
  font-family: "AeonikPro", sans-serif;
  font-size: 1rem;
  min-width: 20rem;
  min-height: 100%;
  line-height: normal;
  color: #04181e;
  background-color: #f8f8f8;
  margin-right: 0 !important;
}

.wrapper {
  position: relative;
  width: 100%;
  min-height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow-x: clip;
}

.page {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

[class*=__container] {
  margin: 0 auto;
  max-width: 100%;
  padding: 0 1rem;
}

.swiper-button-next,
.swiper-button-prev {
  position: relative;
  left: auto;
  right: auto;
  bottom: auto;
  top: auto;
  margin: 0;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  -webkit-transition: background-color 0.3s ease 0s, color 0.3s ease 0s;
  transition: background-color 0.3s ease 0s, color 0.3s ease 0s;
  z-index: 2;
  width: 3.25rem;
  height: 3.25rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: rgba(255, 255, 255, 0.16);
  color: #f8f8f8;
}

.swiper-button-next::after,
.swiper-button-prev::after {
  display: none;
}

.swiper-button-next.swiper-button-dark,
.swiper-button-prev.swiper-button-dark {
  background: #ebebeb;
  color: #115268;
}

.swiper-button-next:disabled,
.swiper-button-next.swiper-button-disabled,
.swiper-button-next[aria-disabled=true],
.swiper-button-prev:disabled,
.swiper-button-prev.swiper-button-disabled,
.swiper-button-prev[aria-disabled=true] {
  pointer-events: none;
  opacity: 0.4;
}

.swiper-button-next.swiper-button-lock,
.swiper-button-prev.swiper-button-lock {
  display: none;
}

.swiper-button-next::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 0;
  opacity: 0.32;
  background: #fff;
  -webkit-transform: scale3d(0, 1, 1);
          transform: scale3d(0, 1, 1);
  -webkit-transform-origin: left;
      -ms-transform-origin: left;
          transform-origin: left;
  will-change: transform;
  z-index: -1;
  display: block;
}

.swiper-button-next.swiper-button-dark::after {
  opacity: 0.16;
  background: #115268;
}

.swiper-button-next.counting::after {
  -webkit-animation: countingBar var(--counting-speed, 8.8s) linear forwards;
          animation: countingBar var(--counting-speed, 8.8s) linear forwards;
}

@-webkit-keyframes countingBar {
  0% {
    -webkit-transform: scale3d(0, 1, 1);
            transform: scale3d(0, 1, 1);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@keyframes countingBar {
  0% {
    -webkit-transform: scale3d(0, 1, 1);
            transform: scale3d(0, 1, 1);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

.banner {
  padding: 2.5rem 0 0;
  background: #fff;
}

.banner__content {
  background-color: #062935;
  color: #fff;
  text-align: center;
  /*background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1352' height='248' viewBox='0 0 1352 248' fill='none'%3E%3Cpath d='M1352 0L-0.999979 248M1352 0H675.5M1352 0V124M-0.999979 248H675.5M-0.999979 248V124M675.5 248H1352V124M675.5 248V0M675.5 248L1352 124M675.5 0H-0.999979V124M675.5 0L-0.999979 124M-0.999979 124H1352' stroke='white' stroke-opacity='0.16'/%3E%3C/svg%3E");*/
  background-size: auto 100%;
  background-position: center;
  padding: 1.5rem;
}

.banner__btn {
  margin-top: 1.5rem;
}

.header {
  background: #fff;
  padding: 1rem 0;
  position: relative;
}

.header.open-menu::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #f8f8f8;
  z-index: 11;
}

.header__container {
  max-width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
}

.header__logo {
  width: 7.3125rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: relative;
  z-index: 11;
}

.header__location {
  display: none;
}

.header__phone {
  position: relative;
  z-index: 11;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: 0.5em;
  background-color: #ffffff!important;
}

.header__phone.btn.btn-sm {
  padding: 0.75rem;
}

.header__phone span {
  display: none;
}

.header__btn {
  display: none;
}

.menu {
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-transition: -webkit-transform 0.3s ease 0s;
  transition: -webkit-transform 0.3s ease 0s;
  transition: transform 0.3s ease 0s;
  transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
  padding: 6.5rem 1rem 1rem;
}

.header.open-menu .menu {
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
}

.menu__body {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

.menu__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 1.5rem;
}

.menu__back {
  font-size: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.25rem;
  line-height: 125%;
}

.menu__back::before {
  width: 1.25rem;
  height: 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #115268;
}

.menu__list {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-top: 1.5rem;
}

.menu__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.menu__item.menu-parent {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.menu__item.menu-parent .menu__link {
  padding-right: 1.25rem;
  margin-right: -1.25rem;
}

.menu__item.menu-parent.active .menu__link {
  color: #115268;
}

.menu__item.menu-parent.active .menu__link + .menu__arrow {
  color: #115268;
}

.menu__link {
  display: inline-block;
  -webkit-transition: color 0.3s ease 0s;
  transition: color 0.3s ease 0s;
  line-height: 125%;
  padding: 0.75rem 0;
}

.menu__arrow {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: currentColor;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.menu__arrow::before {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  -webkit-transition: -webkit-transform 0.3s ease 0s;
  transition: -webkit-transform 0.3s ease 0s;
  transition: transform 0.3s ease 0s;
  transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

.menu__arrow.active::before {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.menu__location {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  white-space: nowrap;
  gap: 0.5rem;
  color: #516a72;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.25;
  margin-bottom: 0.75rem;
}

.menu__location::before {
  width: 1.25rem;
  height: 1.25rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-size: 1.25rem;
  color: #89c1bd;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.menu__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
}

.submenu__list {
  color: #04181e;
}

.submenu__item:not(:last-child) {
  margin-bottom: 0.5rem;
}

.submenu__item.submenu-parent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.submenu__item.submenu-parent .submenu__link {
  padding-right: 0;
}

.submenu__item.submenu-parent.active .submenu__link,
.submenu__item.submenu-parent.active .submenu__arrow {
  color: #115268;
}

.submenu__arrow {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: currentColor;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.submenu__arrow::before {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -webkit-transition: -webkit-transform 0.3s ease 0s;
  transition: -webkit-transform 0.3s ease 0s;
  transition: transform 0.3s ease 0s;
  transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
}

.submenu__link {
  display: inline-block;
  line-height: 125%;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
  padding: 0.75rem 0rem;
}

.subsubmenu__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.subsubmenu__link {
  padding: 0.75rem 0;
  display: inline-block;
  line-height: 125%;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

.icon-menu {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  z-index: 11;
  height: 2.75rem;
  min-width: 2.75rem;
  color: #115268;
  padding: 0.75rem;
}

.icon-menu span {
  display: block;
  padding: 0.1875rem 0rem;
  width: 100%;
  -webkit-transition: opacity 0.4s ease 0.4s, -webkit-transform 0.4s ease 0.4s;
  transition: opacity 0.4s ease 0.4s, -webkit-transform 0.4s ease 0.4s;
  transition: transform 0.4s ease 0.4s, opacity 0.4s ease 0.4s;
  transition: transform 0.4s ease 0.4s, opacity 0.4s ease 0.4s, -webkit-transform 0.4s ease 0.4s;
  will-change: transform;
}

.icon-menu span::before {
  content: "";
  display: block;
  height: 0.125rem;
  width: 100%;
  margin-left: auto;
  background: currentColor;
  -webkit-transition: -webkit-transform 0.3s ease 0s;
  transition: -webkit-transform 0.3s ease 0s;
  transition: transform 0.3s ease 0s;
  transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
  will-change: transform;
}

.header.open-menu .icon-menu span {
  -webkit-transition: opacity 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
  transition: opacity 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
  transition: transform 0.3s ease 0s, opacity 0.3s ease 0s;
  transition: transform 0.3s ease 0s, opacity 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
}

.header.open-menu .icon-menu span::before {
  -webkit-transition: width 0.3s ease 0s, -webkit-transform 0.45s ease 0.35s;
  transition: width 0.3s ease 0s, -webkit-transform 0.45s ease 0.35s;
  transition: transform 0.45s ease 0.35s, width 0.3s ease 0s;
  transition: transform 0.45s ease 0.35s, width 0.3s ease 0s, -webkit-transform 0.45s ease 0.35s;
  width: 90%;
}

.header.open-menu .icon-menu span:first-child {
  -webkit-transform: translateY(0.25rem);
      -ms-transform: translateY(0.25rem);
          transform: translateY(0.25rem);
}

.header.open-menu .icon-menu span:first-child::before {
  -webkit-transform: rotate(-135deg);
      -ms-transform: rotate(-135deg);
          transform: rotate(-135deg);
}

.header.open-menu .icon-menu span:nth-child(2) {
  -webkit-transform: translateY(-0.25rem);
      -ms-transform: translateY(-0.25rem);
          transform: translateY(-0.25rem);
}

.header.open-menu .icon-menu span:nth-child(2)::before {
  -webkit-transform: rotate(-225deg);
      -ms-transform: rotate(-225deg);
          transform: rotate(-225deg);
}

.footer {
  padding: 5.5rem 0 2.25rem;
  background: #fff;
}

.footer__header {
  display: -ms-grid;
  display: grid;
  gap: 2.25rem;
}

.footer__main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 1.5rem;
}

.footer__desc {
  color: #516a72;
  font-size: 0.875rem;
  line-height: 157.143%;
}

.footer__rate {
  margin-top: auto;
  border: 0.0625rem solid #e4e4e4;
  padding: 0.75rem;
}

.footer__rate-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
}

.footer__rate-icon {
  width: 2.25rem;
  height: 2.25rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.footer__rate-stars {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.25rem;
  margin-left: auto;
}

.footer__rate-subtitle {
  margin-top: 0.5rem;
  color: #516a72;
  font-size: 0.875rem;
  line-height: 114.286%;
}

.footer__body {
  display: -ms-grid;
  display: grid;
  gap: 2.25rem;
}

.footer__menu {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

.footer__menu-list {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 0.0625rem solid #e4e4e4;
  color: #516a72;
  font-size: 1rem;
  line-height: 125%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 1.5rem;
}

.footer__menu-link {
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

.footer__contacts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
  max-width: 13.125rem;
}

.footer__phone {
  font-family: "Steppe";
  font-size: 1.625rem;
  line-height: 123.077%;
  letter-spacing: -0.0975rem;
  white-space: nowrap;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

.footer__socials {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
  gap: 0.25rem;
}

.footer__social {
  background: #ebebeb;
  color: #115268;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.25rem;
  padding: 0.5rem;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}

.footer__social:hover,
.footer__social:active {
  background: #cbdfe7;
}

.footer__bottom {
  margin-top: 2.75rem;
}

.footer__bottom-info {
  color: #94a3a8;
  font-size: 0.75rem;
  line-height: 166.667%;
}

.footer__policy {
  margin-top: 2.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 2.25rem;
  row-gap: 1rem;
  color: #516a72;
  font-size: 0.875rem;
  line-height: 114.286%;
}

.promo {
  position: relative;
  color: #fff;
  background: rgba(0, 0, 0, 0.32);
  z-index: 1;
}

.promo__slider {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: -1;
}

.promo__slider::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.32);
  z-index: 2;
}

.promo__slide {
  height: auto;
}

.promo__body {
  min-height: 45.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 2.25rem 0;
}

.promo__container {
  width: 100%;
}

.promo__title {
  max-width: 42rem;
}

.promo__subtitle {
  margin-top: 1rem;
  line-height: 150%;
}

.promo__bottom {
  margin-top: 2rem;
  padding-top: 2rem;
  /*border-top: 0.0625rem solid rgba(255, 255, 255, 0.16);*/
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
}

.promo__btn {
  width: 100%;
}

.promo__controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.25rem;
}

.portfolio {
  padding: 5.5rem 0;
}

.portfolio__header {
  margin-top: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.5rem;
}

.portfolio__filters {
  margin: -0.0625rem;
}

.portfolio__slider {
  margin-top: 2.75rem;
}

.portfolio__controls {
  display: none;
}

.portfolio__list {
  margin-top: 2.75rem;
  display: -ms-grid;
  display: grid;
  gap: 1rem;
}

.portfolio__projects {
  margin-top: 2.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
}

.portfolio__more {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 2.25rem auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.project {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border: 0.0625rem solid #e4e4e4;
  background: #fff;
  min-width: 0;
  max-width: 100%;
}

.project.project--column,
.project.swiper-slide {
  min-height: auto;
  background: #fff;
  color: #04181e;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border: 0.0625rem solid #e4e4e4;
}

.project.project--column .project__side,
.project.swiper-slide .project__side {
  position: relative;
  z-index: 2;
  background: transparent;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  gap: 1rem;
  padding: 1rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
}

.project.project--column .project__btn.btn,
.project.swiper-slide .project__btn.btn {
  background: #ebebeb;
  color: #04181e;
}

.project.project--column .project__btn.btn::before,
.project.swiper-slide .project__btn.btn::before {
  color: #115268;
}

.project.project--column .project__btn.btn:hover,
.project.project--column .project__btn.btn:active,
.project.swiper-slide .project__btn.btn:hover,
.project.swiper-slide .project__btn.btn:active {
  background: #cbdfe7;
}

.project.project--column .project__body,
.project.swiper-slide .project__body {
  padding: 1.5rem 1rem 0;
}

.project.project--column .project__slider,
.project.swiper-slide .project__slider {
  position: relative;
  aspect-ratio: 328/268.36;
}

.project.project--column .project__controls,
.project.swiper-slide .project__controls {
  position: absolute;
  bottom: 1rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 2;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s ease, visibility 0.3s ease;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}

.project.project--column .project__bottom,
.project.swiper-slide .project__bottom {
  display: none;
}

.project__slider {
  min-width: 0;
  max-width: 100%;
  aspect-ratio: 328/268.36;
}

.project__slider::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(5, 14, 27, 0)), to(#050e1b));
  background: linear-gradient(180deg, rgba(5, 14, 27, 0) 0%, #050e1b 100%);
  z-index: 2;
  pointer-events: none;
}

.project__slide {
  height: auto;
}

.project__body {
  position: relative;
  z-index: 2;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-width: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 1rem 1rem 0;
}

.project__tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.1875rem;
}

.project__tag {
  font-size: 0.875rem;
  line-height: 114.286%;
  padding: 0.375rem 0.5rem;
  background: #fff;
  color: #000;
}

.project__tag--primary {
  background: #115268;
  color: #f4f4f4;
}

.project__tag--sea-mint {
  background: #89c1bd;
  color: #fff;
}

.project__bottom {
  display: none;
}

.project__thumbs {
  display: none;
}

.project__thumb {
  border: 0.0625rem solid #fff;
  opacity: 0.48;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  cursor: pointer;
  aspect-ratio: 1;
}

.project__thumb.swiper-slide-thumb-active {
  opacity: 1;
}

.project__controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.255rem;
}

.project__side {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
  padding: 1rem;
}

.project__desc {
  font-size: 1rem;
  line-height: 150%;
}

.project__btn {
  margin-top: auto;
}

.prices {
  padding: 5.5rem 0;
  background: #fff;
}

.prices__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2.25rem;
}

.prices__body .prices__cases {
  margin-top: 0;
}

.prices__title {
  max-width: 48.375rem;
}

.prices__subtitle {
  margin-top: 1.5rem;
  color: #516a72;
  font-size: 1rem;
  line-height: 150%;
}

.prices__cases {
  min-width: 0;
  max-width: 100%;
  overflow: visible;
  margin-top: 2.25rem;
}

.prices__case {
  background: #f8f8f8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0.3125rem;
}

.prices__case.swiper-slide {
  height: auto;
  min-width: 17.5rem;
  width: calc(50% - 0.5rem);
}

.prices__case--dark {
  background: #062935;
  color: #fff;
}

.prices__case--dark .prices__case-header {
  background: #115268;
}

.prices__case--dark .prices__case-title,
.prices__case--dark .prices__case-desc,
.prices__case--dark .prices__case-value,
.prices__case--dark .prices__case-list {
  color: #fff;
}

.prices__case-header {
  padding: 1.5rem;
  background: #fff;
}

.prices__case-title {
  color: #04181e;
}

.prices__case-desc {
  margin-top: 0.5rem;
  color: #516a72;
  line-height: 150%;
  font-size: 0.875rem;
}

.prices__case-value {
  margin-top: 2rem;
  color: #115268;
}

.prices__case-list {
  padding: 1rem 0.75rem 1.5rem;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  color: #516a72;
  font-size: 0.875rem;
  line-height: 157.143%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 0.75rem;
}

.prices__case-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.25rem;
}

.prices__case-list li::before {
  width: 1.25rem;
  height: 1.25rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.25rem;
  color: #89c1bd;
}

.prices__case-btn {
  margin: 0.75rem;
}

.callback__body {
  background: #04181e;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0 -1rem;
}

.callback__main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding: 1.5rem 1rem;
  gap: 1rem;
}

.callback__subtitle {
  max-width: 31.8125rem;
  line-height: 150%;
}

.callback__desc {
  color: #94a3a8;
  line-height: 150%;
  font-size: 0.875rem;
}

.callback__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.75rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 1rem;
  line-height: 150%;
}

.callback__list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.25rem;
}

.callback__list li::before {
  color: #89c1bd;
  width: 1.25rem;
  height: 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.callback__form {
  margin-bottom: 0.5rem;
  max-width: 38.875rem;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
}

.callback__form:last-child {
  max-width: 100%;
  margin-top: auto;
}

.callback__form .form__btn {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.callback__form .form__privacy a {
  color: #fff;
}

.callback__footer {
  /*border-top: 0.0625rem solid rgba(255, 255, 255, 0.16);*/
  padding-top: 1.5rem;
}

.callback__footer-title {
  font-size: 1rem;
  line-height: 150%;
}

.callback__footer-body {
  margin-top: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
}

.callback__footer-socials {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.25rem;
}

.callback__footer-social {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 0.25rem;
  background: rgba(255, 255, 255, 0.16);
}

.callback__footer-phone {
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

.callback__image {
  /*background-image: url("data:image/svg+xml,%3Csvg width='543' height='543' viewBox='0 0 543 543' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect opacity='0.2' x='542' y='339.375' width='338.376' height='338.374' transform='rotate(180 542 339.375)' stroke='white'/%3E%3Crect opacity='0.2' x='542' y='207.586' width='206.588' height='206.587' transform='rotate(180 542 207.586)' stroke='white'/%3E%3Crect opacity='0.2' x='542' y='79.3613' width='78.3608' height='78.3604' transform='rotate(180 542 79.3613)' stroke='white'/%3E%3Cpath d='M542 129.228H413.773V1.0014H542V129.228Z' stroke='white'/%3E%3Cpath d='M414.333 128.671L1.00004 542' stroke='white'/%3E%3C/svg%3E%0A");*/
  background-size: cover;
  background-position: 0 center;
  background-repeat: no-repeat;
  aspect-ratio: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
  border-top: 0.0625rem solid rgba(255, 255, 255, 0.2);
  padding: 3.24rem;
}

.callback__image:has(figcaption) {
  background-position: -0.0625rem center;
  /*background-image: url("data:image/svg+xml,%3Csvg width='543' height='543' viewBox='0 0 543 543' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_5436_8017)'%3E%3Cpath opacity='0.2' d='M1 541.875L542 541.875L542 1L1 1' stroke='white'/%3E%3Cpath opacity='0.2' d='M1 541.875L542 541.875L542 1L1 1' stroke='white'/%3E%3Cpath opacity='0.2' d='M1 542H64L64 479H1L1 542Z' stroke='white'/%3E%3Cpath opacity='0.2' d='M64 479L483 479L483 60L64 60L64 479Z' stroke='white'/%3E%3Cpath opacity='0.2' d='M483 60.0005L542 60.0005V1.00048L483 1.00048V60.0005Z' stroke='white'/%3E%3Cpath d='M542 1.00024L1 541.875' stroke='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_5436_8017'%3E%3Crect width='543' height='543' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");*/
}

.callback__image:has(figcaption) img {
  border-radius: 0.5rem;
}

.about {
  background: #fff;
  padding: 5.5rem 0rem;
}

.about__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 2.25rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}

.about__image {
  position: relative;
  /*border: 0.0625rem solid #e4e4e4;*/
  border-right: 0.0625rem solid #e4e4e4;
  border-top: 0.0625rem solid #e4e4e4;
  /*background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='541' height='542' viewBox='0 0 541 542' fill='none'%3E%3Cpath d='M540 541L274 271M540 1L274 271M1.20401e-05 271H274' stroke='%23E4E4E4'/%3E%3C/svg%3E");*/
  background-size: cover;
  background-repeat: no-repeat;
  padding: 4.56rem;
  aspect-ratio: 1;
}

.about__image::before {
  content: "";
  position: absolute;
  width: 7.3125rem;
  height: 1.5rem;
  left: 1rem;
  bottom: 1rem;
  background: url("../img/logo.svg") center/contain no-repeat;
}

.about__body {
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 1.5rem;
}

.about__label {
  color: #000;
  background: #ebebeb;
  font-size: 0.875rem;
  line-height: 114.286%;
  padding: 0.38rem;
}

.about__row {
  margin-top: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 1.5rem;
}

.about__tagline {
  line-height: 150%;
}

.about__numbers {
  margin-top: 2.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2.25rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.about__numbers-block {
  border-top: 0.0625rem solid #e4e4e4;
  border-right: 0.0625rem solid #e4e4e4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 1rem;
  padding: 1rem 1.5rem 0rem 0rem;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
}

.about__numbers-value {
  color: #89c1bd;
  font-family: "Steppe";
  line-height: 112.195%;
  font-size: 2.75rem;
  letter-spacing: -0.165rem;
}

.about__numbers-text {
  text-align: right;
  color: #516a72;
  font-size: 1rem;
  line-height: 150%;
  max-width: 16rem;
}

.reviews {
  padding: 5.5rem 0;
}

.reviews__subtitlte {
  display: none;
}

.reviews__btn {
  display: none;
}

.reviews__body {
  margin-top: 2.25rem;
}

.reviews__more {
  margin-top: 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
}

.reviews__slider {
  margin-top: 2.75rem;
  overflow: visible;
  max-width: 55.625rem;
}

.reviews__controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.25rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 2.25rem;
}

.review {
  background: #fff;
  padding: 0.3125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.review.swiper-slide {
  height: auto;
  opacity: 0.4;
  -webkit-transition: opacity 0.8s ease, -webkit-transform 0.8s ease;
  transition: opacity 0.8s ease, -webkit-transform 0.8s ease;
  transition: opacity 0.8s ease, transform 0.8s ease;
  transition: opacity 0.8s ease, transform 0.8s ease, -webkit-transform 0.8s ease;
  -webkit-transform: scale(0.9076923077);
      -ms-transform: scale(0.9076923077);
          transform: scale(0.9076923077);
}

.review.swiper-slide.swiper-slide-active {
  pointer-events: all;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  opacity: 1;
}

.review__body {
  background: #f8f8f8;
  padding: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

.review__rate {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.15rem;
  font-size: 0.75rem;
  color: #115268;
}

.review__quote {
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 1rem;
  line-height: 150%;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}

.review__more {
  color: #115268;
  line-height: 125%;
  text-decoration: underline;
  text-underline-position: from-font;
}

.review__gallery {
  margin-top: 1rem;
  display: -ms-grid;
  display: grid;
  gap: 0.31rem;
  grid-template-columns: repeat(auto-fit, 3rem);
}

.review__gallery-item {
  aspect-ratio: 1;
  border-radius: 0.25rem;
  border: 0.0625rem solid #fff;
}

.review__gallery-item img {
  border-radius: 0.25rem;
}

.review__side {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 1.5rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 0.75rem;
}

.review__thumb {
  width: 4.5rem;
  height: 4.5rem;
  aspect-ratio: 1/1;
  overflow: hidden;
  border-radius: 0.25rem;
}

.review__name {
  margin-top: 0.25rem;
}

.review__date {
  overflow: hidden;
  color: #94a3a8;
  font-size: 1rem;
  line-height: 150%;
}

.review__btn {
  margin-top: auto;
  width: 100%;
}

.service {
  padding: 1.5rem 0 3.5rem;
}

.service__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.service__main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
}

.service__subtitle {
  line-height: 150%;
}

.service__desc {
  color: #516a72;
  font-size: 0.875rem;
  line-height: 157.143%;
}

.service__btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
  margin-top: 0.5rem;
}

.service__gallery {
  position: relative;
  min-width: 0;
  max-width: 100%;
}

.service__gallery:first-child .service__slide {
  height: 32.75rem;
}

.service__slider {
  position: relative;
}

.service__slider::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 8.125rem;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(5, 14, 27, 0)), to(#050e1b));
  background: linear-gradient(180deg, rgba(5, 14, 27, 0) 0%, #050e1b 100%);
  z-index: 2;
  pointer-events: none;
}

.service__slide {
  height: 35rem;
}

.service__controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.25rem;
  margin-top: 0.5rem;
}

.service__case {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
  margin-bottom: 2.25rem;
}

.service__case-location {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.25rem;
  color: #516a72;
  font-size: 1rem;
  line-height: 125%;
}

.service__case-location::before {
  width: 1.25rem;
  height: 1.25rem;
  aspect-ratio: 1/1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-size: 1.25rem;
  color: #89c1bd;
}

.service__case-list {
  padding-top: 0.5rem;
}

.service__case-item {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  font-size: 1rem;
  line-height: 150%;
  padding-bottom: 1rem;
  border-bottom: 0.0625rem solid #e4e4e4;
}

.service__case-item:not(:last-child) {
  margin-bottom: 1rem;
}

.service__designer {
  margin-top: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.service__designer-thumb {
  width: 4rem;
  height: 4rem;
  aspect-ratio: 1/1;
}

.service__designer-thumb img {
  border-radius: 0.5rem;
}

.service__designer-position {
  color: #516a72;
  font-size: 1rem;
  line-height: 150%;
}

.design {
  padding: 5.5rem 0 0;
  background: #fff;
}

.design__body {
  display: -ms-grid;
  display: grid;
  gap: 2.25rem;
}

.design__image {
  /*border: 0.0625rem solid #e4e4e4;*/
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-position: 0 100%;
  /*background-image: url("data:image/svg+xml,%3Csvg width='660' height='659' viewBox='0 0 660 659' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M658.516 412.25L247.266 412.25L247.266 1' stroke='%23E4E4E4'/%3E%3Cpath d='M658.516 252.08L407.437 252.08V1.00096' stroke='%23E4E4E4'/%3E%3Cpath d='M503.35 156.166L1 658.514' stroke='%23E4E4E4'/%3E%3C/svg%3E%0A");*/
  padding: 0 2.96rem;
}

.design__image img {
  min-height: 100%;
}

.design__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2.25rem;
}

.design__title {
  margin-bottom: auto;
}

.design__info {
  padding-top: 2rem;
  border-top: 0.0625rem solid #e4e4e4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.5rem;
}

.design__why {
  line-height: 150%;
}

.design__desc {
  color: #516a72;
  font-size: 0.875rem;
  line-height: 157.143%;
}

.features {
  background: #fff;
  padding: 2.25rem 0 0;
}

.features__list {
  display: -ms-grid;
  display: grid;
  gap: 2.25rem;
  margin-top: 1.5rem;
}

.features__item {
  border-top: 0.0625rem solid #e4e4e4;
  border-right: 0.0625rem solid #e4e4e4;
  padding: 1.5rem 1.5rem 0rem 0rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 1.5rem;
}

.features__item-icon {
  width: 3.875rem;
  height: 3.875rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='62' height='62' viewBox='0 0 62 62' fill='none'%3E%3Cpath d='M1 61.0002L10.1805 51.8198M1 61.0002H60.5C60.7761 61.0002 61 60.7764 61 60.5002V1.00024M1 61.0002V1.50024C1 1.2241 1.22386 1.00024 1.5 1.00024H61M61 1.00024L52.5625 9.43774' stroke='%2389C1BD'/%3E%3C/svg%3E") center/100% 100% no-repeat;
}

.features__item-icon img {
  width: 2rem;
}

.features__item-desc {
  color: #516a72;
  margin-top: 0.5rem;
  font-size: 1rem;
  line-height: 150%;
}

.options {
  background: #fff;
  padding: 5.5rem 0 0;
}

.options__title {
  max-width: 48.375rem;
}

.options__slider {
  margin-top: 2.25rem;
  overflow: visible;
}

.options__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #fff;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.options__item.swiper-slide {
  height: auto;
  width: 17.5rem;
}

.options__item-body {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-transition: border-color 0.3s ease;
  transition: border-color 0.3s ease;
  border: 0.0625rem solid #e4e4e4;
  border-bottom: 0rem;
  gap: 1rem;
  padding: 1rem 1rem 1.5rem 1rem;
}

.options__item-title {
  max-width: 24rem;
}

.options__item-image {
  width: 100%;
}

.steps {
  background: #fff;
  padding: 5.5rem 0 0;
}

.steps__subtitle {
  line-height: 150%;
  margin-top: 1rem;
}

.steps__list {
  display: -ms-grid;
  display: grid;
  gap: 2.25rem;
  margin-top: 2.25rem;
}

.steps__item {
  border-top: 0.0625rem solid #e4e4e4;
  border-right: 0.0625rem solid #e4e4e4;
  padding: 1.5rem 1.5rem 0rem 0rem;
  counter-increment: num;
}

.steps__item:nth-child(1)::before {
  content: "0" counter(num);
}

.steps__item:nth-child(2)::before {
  content: "0" counter(num);
}

.steps__item:nth-child(3)::before {
  content: "0" counter(num);
}

.steps__item:nth-child(4)::before {
  content: "0" counter(num);
}

.steps__item:nth-child(5)::before {
  content: "0" counter(num);
}

.steps__item:nth-child(6)::before {
  content: "0" counter(num);
}

.steps__item:nth-child(7)::before {
  content: "0" counter(num);
}

.steps__item:nth-child(8)::before {
  content: "0" counter(num);
}

.steps__item:nth-child(9)::before {
  content: "0" counter(num);
}

.steps__item::before {
  content: counter(num);
  width: 3.75rem;
  height: 3.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 140%;
  font-size: 1.25rem;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='62' height='62' viewBox='0 0 62 62' fill='none'%3E%3Cpath d='M1 61.0002L10.1805 51.8198M1 61.0002H60.5C60.7761 61.0002 61 60.7764 61 60.5002V1.00024M1 61.0002V1.50024C1 1.2241 1.22386 1.00024 1.5 1.00024H61M61 1.00024L52.5625 9.43774' stroke='%2389C1BD'/%3E%3C/svg%3E") center/100% 100% no-repeat;
}

.steps__item-caption {
  margin-top: 2.75rem;
}

.steps__item-desc {
  margin-top: 0.5rem;
  color: #516a72;
  line-height: 150%;
}

.quiz {
  padding: 5.5rem 0;
  background: #fff;
}

.quiz__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}

.quiz__content {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border: 0.0625rem solid #e4e4e4;
  border-radius: 0.3125rem 0 0 0.3125rem;
  border-right: 0;
}

.quiz__progress {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  row-gap: 0.625rem;
  padding: 1.5rem 2.25rem;
  border-bottom: 0.0625rem solid #e4e4e4;
}

.quiz__progress-title {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  color: #516a72;
  font-size: 0.875rem;
  line-height: 157.143%;
}

.quiz__progress-precent {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  text-align: right;
}

.quiz__progress-bar {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  display: block;
  width: 100%;
  height: 0.625rem;
  background-color: #cbdfe7;
  background: #cbdfe7;
  overflow: hidden;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.quiz__progress-bar::-webkit-progress-bar {
  background-color: #cbdfe7;
}

.quiz__progress-bar::-webkit-progress-value {
  background-color: #115268;
  -webkit-transition: width 0.3s ease-in-out;
  transition: width 0.3s ease-in-out;
}

.quiz__progress-bar::-moz-progress-bar {
  background-color: #115268;
  -moz-transition: width 0.3s ease-in-out;
  transition: width 0.3s ease-in-out;
}

@supports (-ms-accelerator: true) or (-ms-ime-align: auto) {
  .quiz__progress-bar {
    color: #115268;
    background-color: #cbdfe7;
    border: none;
  }

  .quiz__progress-bar[value]::-ms-fill {
    background-color: #115268;
  }
}

.quiz__progress-bar[value="100"]::-webkit-progress-value {
  background-color: #115268;
}

.quiz__progress-bar[value="100"]::-moz-progress-bar {
  background-color: #115268;
}

.quiz__form {
  padding: 1rem;
  gap: 1rem;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.quiz__step {
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 2.25rem;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

.quiz__step.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.quiz__step-content {
  -ms-flex-line-pack: center;
      align-content: center;
  text-align: center;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
  line-height: 150%;
  max-width: 31.25rem;
}

.quiz__step-block {
  width: 100%;
}

.quiz__step-caption {
  margin-bottom: 1rem;
}

.quiz__step-field {
  max-width: 31.625rem;
  width: 100%;
}

.quiz__step-options {
  display: -ms-grid;
  display: grid;
  gap: 0.5rem;
}

.quiz__step-blocks {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2.25rem;
  width: 100%;
}

.quiz__step-btns {
  margin-top: auto;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
}

.quiz__step-btns .btn.icon-chevron-left::before,
.quiz__step-btns .btn.swiper-button-prev::before {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
}

.quiz__side {
  padding: 2.25rem;
  border-radius: 0.3125rem 0.3125rem 0 0;
  background: #dff4f2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 1rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20.5rem;
          flex: 0 0 20.5rem;
}

.quiz__promotion {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 0.375rem 0.5rem;
  font-size: 0.875rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  background: #f7cd47;
  position: relative;
}

.quiz__promotion::after {
  content: "";
  position: absolute;
  top: 0;
  left: 100%;
  width: 100%;
  height: 100%;
  border: 1rem solid transparent;
  border-left: 1rem solid #f7cd47;
}

.quiz__icon {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
  width: 3rem;
  margin-bottom: 0.5rem;
}

.team {
  padding: 5.5rem 0em 0em 0em;
  background: #fff;
}

.team__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 2.25rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.team__filters {
  margin: 0em auto 0em 0em;
}

.team__filters .filter-btn {
  background: transparent;
}

.team__content {
  /*border-top: 0.0625rem solid #e4e4e4;*/
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 1.62rem;
  margin-top: 2.5rem;
  padding-top: 3rem;
}

.team__list {
  line-height: 150%;
}

.team__list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
}

.team__list-item:not(:last-child) {
  margin-bottom: 1.25rem;
}

.team__item-num {
  color: #516a72;
  width: 3rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-size: 1rem;
  line-height: 150%;
}

.team__slider {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  min-width: 0;
  max-width: 100%;
  overflow: visible;
}

.team__controls {
  display: none;
}

.team__slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 15.125rem;
}

.team__slide-name {
  margin-top: 1.5rem;
}

.team__slide-position {
  margin-top: 0.5rem;
  color: #516a72;
  font-size: 1rem;
  line-height: 150%;
}

.faq {
  background: #fff;
  padding: 5.5rem 0 0;
}

.faq__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2.25rem;
}

.faq__subtitle {
  margin-top: 2.25rem;
}

.faq__hint {
  margin-top: 0.5rem;
  color: #516a72;
  font-size: 1rem;
  line-height: 150%;
}

.faq__btn {
  margin-top: 1.5rem;
}

.faq__list {
  margin-top: 0.5rem;
  width: 100%;
  border-top: 0.0625rem solid #e4e4e4;
}

.faq__item {
  border-bottom: 0.0625rem solid #e4e4e4;
}

.faq__item-title {
  padding: 1.5rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}

.faq__item-title._active::before {
  -webkit-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
          transform: rotate(360deg);
}

.faq__item-title::before {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  color: #115268;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.faq__item-answer {
  color: #516a72;
  font-size: 1rem;
  line-height: 150%;
  padding-bottom: 1.5rem;
}

.faq__item-answer p:not(:last-child) {
  margin-bottom: 3.5rem;
}

.faq__item-answer ul {
  padding-left: 1.5em;
  list-style: disc;
}

.faq__item-answer ul li:not(:last-child) {
  margin-bottom: 1rem;
}

.guarantees {
  padding: 5.5rem 0;
  background: #fff;
}

.guarantees__row {
  margin-top: 2.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2.25rem;
}

.guarantees__side {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 18.75rem;
          flex: 0 0 18.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.guarantees__image {
  /*padding: 2.5rem;*/
  border-radius: 0.5rem;
  /*border: 0.0625rem solid #e4e4e4;*/
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  /*background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='301' height='302' viewBox='0 0 301 302' fill='none'%3E%3Cpath d='M1 301L148.778 151M1.00001 0.999987L148.778 151M301 151L148.778 151' stroke='%23E4E4E4'/%3E%3C/svg%3E");*/
}

.guarantees__image img {
  aspect-ratio: 1;
  border-radius: 0.5rem;
}

.guarantees__logo {
  display: none;
}

.guarantees__features {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 31.125rem;
          flex: 0 0 31.125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2.25rem;
}

.cases {
  background: #fff;
  padding: 5.5rem 0 0;
}

.cases__subtitle {
  margin-top: 1.5rem;
  max-width: 48.375rem;
}

.cases__slider {
  border-top: 0.0625rem solid #e4e4e4;
  margin-top: 3rem;
  padding-top: 3rem;
}

.cases__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: auto;
  width: 17.5rem;
}

.cases__item-image {
  aspect-ratio: 326/276.79;
}

.cases__item-body {
  padding: 1rem;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
  border: 0.0625rem solid #e4e4e4;
  border-top: 0;
}

.cases__item-price {
  line-height: 150%;
}

.cases__item-desc {
  color: #516a72;
  font-size: 1rem;
  line-height: 150%;
}

.cases__item-btn {
  margin-top: auto;
}

.company {
  padding: 1.5rem 0 5.5rem;
}

.company__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 2.25rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}

.company__tagline {
  color: #115268;
  line-height: 150%;
}

.company__employees {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.company__employee {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 0.5rem;
  background: #04181e;
  width: 4.5rem;
  height: 4.5rem;
}

.company__employee img {
  border-radius: 0.5rem;
}

.company__employee:not(:last-child) {
  margin-right: -1rem;
}

.company__employee-add {
  border-radius: 0.5rem;
  background: #fff;
  color: #115268;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 4.5rem;
  height: 4.5rem;
  font-size: 2.25rem;
}

.company__title {
  margin-top: 1rem;
}

.company__title span {
  color: #89c1bd;
}

.company__desc {
  color: #516a72;
  max-width: 41rem;
  margin-left: auto;
  margin-top: 1rem;
  font-size: 0.875rem;
  line-height: 157.143%;
}

.founder {
  padding: 5.5rem 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1440' height='829' viewBox='0 0 1440 829' fill='none'%3E%3Cpath d='M478.472 829H178.09L-30.955 414.5M478.472 829L60.382 3.05176e-05M478.472 829H778.854M60.382 3.05176e-05H-240L-30.955 414.5M60.382 3.05176e-05H360.764M778.854 829L360.764 3.05176e-05M778.854 829H1079.24M360.764 3.05176e-05H661.146M1079.24 829L661.146 3.05176e-05M1079.24 829H1379.62M661.146 3.05176e-05H961.528M1379.62 829L961.528 3.05176e-05M1379.62 829H1680L1261.91 3.05176e-05H961.528M-30.955 414.5H1470.95' stroke='%23D9D9D9'/%3E%3C/svg%3E");
  background-size: cover;
  background-repeat: no-repeat;
}

.founder__body {
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 1rem;
  gap: 2.25rem;
}

.founder__main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 1.5rem;
}

.founder__label {
  color: #000;
  background: #ebebeb;
  font-size: 0.875rem;
  line-height: 114.286%;
  padding: 0.38rem 0.5rem;
}

.founder__desc {
  line-height: 150%;
}

.founder__title {
  margin-top: auto;
}

.founder__image {
  aspect-ratio: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  line-height: 150%;
  /*background-image: url("data:image/svg+xml,%3Csvg width='542' height='541' viewBox='0 0 542 541' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='542' y='541' width='541' height='541' transform='rotate(180 542 541)' stroke='%23E4E4E4'/%3E%3Cpath d='M506.009 268.562V36H40.9922V268.562M506.009 268.562V501.124H40.9922V268.562M506.009 268.562H40.9922' stroke='%23E4E4E4'/%3E%3Cpath d='M542 0.000162851L0.999985 541' stroke='%23E4E4E4'/%3E%3C/svg%3E%0A");*/
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 0 center;
}

.founder__image img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 50%;
  height: 50%;
  margin-top: 4rem;
}

.founder__image figcaption {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  font-size: 0.875rem;
}

.founder__image figcaption span {
  color: #516a72;
}

.contacts {
  background: #fff;
  padding: 5.5rem 0 0rem;
}

.contacts__body {
  display: -ms-grid;
  display: grid;
  border: 0.0625rem solid #e4e4e4;
  margin-top: 2.25rem;
}

.contacts__main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.contacts__main::after {
  content: "";
  margin-top: auto;
  width: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='328' height='98' viewBox='0 0 328 98' fill='none'%3E%3Cpath d='M325.692 97H328L164.698 1V97H164.121H162.967L0 1H328' stroke='%23E4E4E4'/%3E%3C/svg%3E");
  aspect-ratio: 3.3469387755;
}

.contacts__blocks {
  padding: 1rem;
}

.contacts__block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.contacts__block:not(:last-child) {
  margin-bottom: 1.5rem;
}

.contacts__caption {
  color: #516a72;
  font-size: 1rem;
  line-height: 150%;
  margin-bottom: 1rem;
}

.contacts__address {
  letter-spacing: -0.01em;
}

.contacts__link {
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

.contacts__link:not(:last-child) {
  margin-bottom: 0.5rem;
}

.contacts__worktime {
  font-size: 0.875rem;
  line-height: 157.143%;
}

.contacts__map {
  min-height: 25rem;
}

.contacts__map iframe {
  width: 100%;
  height: 100%;
}

.contacts__footer {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  gap: 2.25rem;
  margin-top: 2.25rem;
}

.contacts__reqs {
  padding: 2.25rem 0 0.5rem;
}

.contacts__reqs-list {
  margin-top: 2.25rem;
}

.contacts__reqs-item {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  font-size: 1rem;
  line-height: 150%;
  padding-bottom: 1rem;
  border-bottom: 0.0625rem solid #e4e4e4;
}

.contacts__reqs-item:not(:last-child) {
  margin-bottom: 1rem;
}

.contacts__reqs-name,
.service__case-prop {
  color: #516a72;
  -ms-hyphens: auto;
      hyphens: auto;
}

.contacts__reqs-value,
.service__case-value {
  text-align: right;
  letter-spacing: -0.01em;
  -ms-hyphens: auto;
      hyphens: auto;
}

.contacts__form {
  background: #fff;
  padding: 1rem;
}

.contacts__form-subtitle {
  margin-top: 1.5rem;
  line-height: 150%;
  color: #516a72;
}

.contacts__form-fields {
  margin-top: 2.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 1rem;
}

.blog {
  padding: 1.5rem 0 5.5rem;
}

.blog__subtitle {
  margin-top: 1.5rem;
  line-height: 150%;
}

.blog__filters {
  margin-top: 1.5rem;
}

.blog__list {
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(20.375rem, 1fr));
  gap: 1.5rem;
  -webkit-column-gap: 1rem;
     -moz-column-gap: 1rem;
          column-gap: 1rem;
  margin-top: 2.25rem;
}

.blog__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border: 0.0625rem solid #e4e4e4;
}

.blog__item.swiper-slide {
  height: auto;
}

.blog__item-body {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding: 1.5rem 1rem 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
}

.blog__item-image {
  aspect-ratio: 1.4090896831;
  display: block;
  position: relative;
  overflow: hidden;
  margin: -0.0625rem -0.0625rem 0;
}

.blog__item-image img {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.blog__item-categories {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.25rem;
}

.blog__item-category {
  color: #115268;
  background: #ebebeb;
  padding: 0.375rem 0.5rem;
  font-size: 0.875rem;
  line-height: 114.286%;
}

.blog__item-name {
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
  font-size: 1rem;
  line-height: 150%;
}

.blog__item-desc {
  overflow: hidden;
  color: #516a72;
  text-overflow: ellipsis;
  font-size: 1rem;
  line-height: 150%;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.blog__item-stats {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1rem;
}

.blog__item-stat {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  color: #94a3a8;
  font-size: 0.875rem;
  line-height: 114.286%;
}

.blog__item-stat::before {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 1rem;
  height: 1rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1rem;
  color: #115268;
}

.blog__btn {
  margin-top: 1.5rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.blog__slider {
  margin-top: 2.25rem;
}

.blog__controls {
  display: none;
}

.gallery {
  padding: 5.5rem 0 0;
  background: #fff;
}

.gallery__slider {
  overflow: visible;
}

.gallery__item {
  width: 17.5rem;
  height: 17.5rem;
  display: block;
}

.case {
  background: #fff;
  padding: 5.5rem 0 0;
}

.case__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2.25rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.case__scheme-tabs {
  margin-top: 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.case__scheme-content {
  margin-top: 2.5rem;
  border-radius: 0.5rem;
  border: 0.0625rem solid #e4e4e4;
}

.case__scheme-block {
  display: none;
}

.case__scheme-block.active {
  display: block;
}

.case__info-block:not(:last-child) {
  margin-bottom: 2.75rem;
}

.case__info-desc {
  margin-top: 1.5rem;
}

.case__info-text {
  margin-top: 1.5rem;
  color: #516a72;
  font-size: 1rem;
  line-height: 150%;
}

.case__info-text p:not(:last-child) {
  margin-bottom: 1rem;
}

.case__info-list {
  margin-top: 1.5rem;
}

.case__info-list li {
  position: relative;
  padding-left: 2rem;
  line-height: 150%;
  counter-increment: num;
}

.case__info-list li:nth-child(1)::before {
  content: "0" counter(num);
}

.case__info-list li:nth-child(2)::before {
  content: "0" counter(num);
}

.case__info-list li:nth-child(3)::before {
  content: "0" counter(num);
}

.case__info-list li:nth-child(4)::before {
  content: "0" counter(num);
}

.case__info-list li:nth-child(5)::before {
  content: "0" counter(num);
}

.case__info-list li:nth-child(6)::before {
  content: "0" counter(num);
}

.case__info-list li:nth-child(7)::before {
  content: "0" counter(num);
}

.case__info-list li:nth-child(8)::before {
  content: "0" counter(num);
}

.case__info-list li:nth-child(9)::before {
  content: "0" counter(num);
}

.case__info-list li::before {
  content: counter(num);
  position: absolute;
  top: 0;
  left: 0;
  width: 1.5rem;
  color: #516a72;
}

.case__info-list li:not(:last-child) {
  margin-bottom: 1.25rem;
}

.case__info-list li p:not(:first-child) {
  margin-top: 0.25rem;
}

.case__info-btn {
  margin-top: 3rem;
}

.article {
  padding: 1.5rem 0 3.75rem;
}

.article__wrapper {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 2.25rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.article__back {
  font-size: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.25rem;
  line-height: 125%;
}

.article__back::before {
  width: 1.25rem;
  height: 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #115268;
}

.article__content {
  max-width: 55.625rem;
  margin: 0 auto;
}

.article__info {
  margin-top: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1rem;
}

.article__category {
  color: #fff;
  background: #89c1bd;
  padding: 0.375rem 0.5rem;
  font-size: 0.875rem;
  line-height: 114.286%;
}

.article__time,
.article__views {
  color: #04181e;
  font-size: 0.875rem;
  line-height: 114.286%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
}

.article__time::before,
.article__views::before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
  color: #115268;
}

.article__poster {
  margin-top: 1.5rem;
}

.article__poster img {
  width: 100%;
}

.article__navigation {
  margin-top: 1.5rem;
  border: 0.0625rem solid #e4e4e4;
  padding: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 1rem;
}

.article__navigation-list {
  color: #516a72;
  font-size: 1rem;
  line-height: 150%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 1rem;
}

.article__navigation-link {
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

.article__body {
  margin-top: 1.5rem;
  line-height: 150%;
}

.article__body h1 {
  font-family: "Steppe";
  font-size: 2.75rem;
  line-height: 118.182%;
  letter-spacing: -0.165rem;
}

.article__body h1:not(:first-child) {
  margin-top: 3rem;
}

.article__body h2 {
  font-family: "Steppe";
  font-size: 2.25rem;
  line-height: 122.222%;
  letter-spacing: -0.135rem;
}

.article__body h2:not(:first-child) {
  margin-top: 3rem;
}

.article__body h3 {
  font-family: "Steppe";
  font-size: 2rem;
  line-height: 125%;
  letter-spacing: -0.12rem;
}

.article__body h3:not(:first-child) {
  margin-top: 3rem;
}

.article__body h4 {
  font-family: "Steppe";
  font-size: 1.625rem;
  line-height: 123.077%;
  letter-spacing: -0.0975rem;
}

.article__body h4:not(:first-child) {
  margin-top: 3rem;
}

.article__body h5 {
  line-height: 140%;
  font-size: 1.25rem;
}

.article__body h5:not(:first-child) {
  margin-top: 3rem;
}

.article__body p.subtitle:not(:first-child) {
  margin-top: 1.5rem;
}

.article__body p.subtitle:not(:last-child) {
  margin-bottom: 1.5rem;
}

.article__body p:not(:first-child) {
  margin-top: 1rem;
}

.article__body p + ul {
  margin-top: 0;
}

.article__body ul:not(:first-child) {
  margin-top: 1.5rem;
}

.article__body ul li {
  position: relative;
  padding-left: 2rem;
  color: #516a72;
}

.article__body ul li::before {
  content: "";
  position: absolute;
  top: 0.5rem;
  left: 0.55rem;
  width: 0.25rem;
  height: 0.25rem;
  background: #115268;
  border-radius: 50%;
}

.article__body ul li:not(:last-child) {
  margin-bottom: 1rem;
}

.article__body ul li p:not(:first-child) {
  margin-top: 0.25rem;
}

.article__body ol:not(:first-child) {
  margin-top: 1.5rem;
}

.article__body ol li {
  position: relative;
  padding-left: 2rem;
  color: #516a72;
  counter-increment: num;
}

.article__body ol li:nth-child(1)::before {
  content: "0" counter(num);
}

.article__body ol li:nth-child(2)::before {
  content: "0" counter(num);
}

.article__body ol li:nth-child(3)::before {
  content: "0" counter(num);
}

.article__body ol li:nth-child(4)::before {
  content: "0" counter(num);
}

.article__body ol li:nth-child(5)::before {
  content: "0" counter(num);
}

.article__body ol li:nth-child(6)::before {
  content: "0" counter(num);
}

.article__body ol li:nth-child(7)::before {
  content: "0" counter(num);
}

.article__body ol li:nth-child(8)::before {
  content: "0" counter(num);
}

.article__body ol li:nth-child(9)::before {
  content: "0" counter(num);
}

.article__body ol li::before {
  content: counter(num);
  position: absolute;
  top: 0;
  left: 0;
  width: 1.5rem;
  color: #516a72;
}

.article__body ol li:not(:last-child) {
  margin-bottom: 1rem;
}

.article__body ol li p:not(:first-child) {
  margin-top: 0.25rem;
}

.article__body img {
  width: 100%;
}

.article__body > img:not(:first-child) {
  margin-top: 1.5rem;
}

.article__body figure:not(:first-child) {
  margin-top: 1.5rem;
}

.article__body figure img:not(:first-child) {
  margin-top: 0rem;
}

.article__body figure figcaption {
  margin-top: 0.47rem;
  color: #516a72;
  font-size: 0.875rem;
  line-height: 114.286%;
}

.article__body blockquote {
  padding-left: 1.5rem;
  border-left: 0.125rem solid rgba(164, 172, 185, 0.16);
}

.article__body blockquote:not(:first-child) {
  margin-top: 2.25rem;
}

.article__body cite {
  display: block;
  font-style: normal;
  padding-left: 1.5rem;
  border-left: 0.125rem solid #ff0048;
}

.article__body cite:not(:first-child) {
  margin-top: 3rem;
}

.article__body cite.blue-border {
  border-left: 0.125rem solid #2b5cff;
}

.article__body cite.green-border {
  border-left: 0.125rem solid #22cc6b;
}

.article__body .author:not(:first-child) {
  margin-top: 1.5rem;
}

.author {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 150%;
  gap: 0.5rem;
}

.author__thumb {
  width: 4rem;
  height: 4rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.author__thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0.25rem;
}

.author__desc {
  margin-top: 0.25rem;
  color: #516a72;
}

@media (min-width: 575.98px) {
  .form__row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }

  [class*=__container] {
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    max-width: 33.75rem;
  }

  .banner__content {
    padding: 2.5rem;
  }

  .header__btn {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    position: relative;
    z-index: 11;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .footer__body {
    -ms-grid-column-span: 2;
    grid-column: span 2;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }

  .promo__bottom {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }

  .promo__btn {
    width: auto;
  }

  .portfolio__controls {
    margin-top: 2.75rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 0.25rem;
  }

  .callback {
    padding: 5.5rem 0;
  }

  .callback__body {
    margin: 0;
  }

  .callback__main {
    gap: 1.5rem;
    padding: 2.25rem;
  }

  .about__numbers-value {
    letter-spacing: -0.3075rem;
    font-size: 4rem;
  }

  .reviews__subtitlte {
    line-height: 150%;
    margin-top: 2.25rem;
    display: block;
  }

  .reviews__btn {
    margin-top: 1rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }

  .review__gallery {
    grid-template-columns: repeat(auto-fit, 4rem);
  }

  .service__main {
    gap: 1.5rem;
    border: 0.0625rem solid #e4e4e4;
    padding: 2.25rem;
  }

  .service__btns {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }

  .features__list {
    margin-top: 2.75rem;
  }

  .quiz__step-btns {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }

  .team__controls {
    margin-top: 2.75rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0.25rem;
  }

  .company__employee {
    width: 7rem;
    height: 7rem;
  }

  .company__employee-add {
    font-size: 3.75rem;
    height: 7rem;
    width: 7rem;
  }

  .contacts__main::after {
    aspect-ratio: 4.4248366013;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='677' height='153' viewBox='0 0 677 153' fill='none'%3E%3Cpath d='M671.243 153H676L339.439 1V153H338.25H335.871L0 1H676' stroke='%23E4E4E4'/%3E%3C/svg%3E");
  }

  .contacts__blocks {
    padding: 1.5rem;
  }

  .contacts__worktime {
    font-size: 1rem;
    line-height: 150%;
  }

  .contacts__form {
    padding: 1.5rem;
  }

  .blog__list {
    margin-top: 3rem;
  }

  .blog__slider {
    margin-top: 2.75rem;
  }

  .blog__controls {
    margin-top: 2.75rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 0.25rem;
  }
}

@media (min-width: 767.98px) {
  .popup {
    border-radius: 0.5rem 0rem 0rem 0.5rem;
    max-width: 36.25rem;
  }

  .popup__body {
    padding: 3rem 2.25rem 2.25rem 2.25rem;
  }

  .form__option-btn {
    padding: 1.5rem 1rem;
    line-height: 140%;
    font-size: 1.25rem;
  }

  .filters {
    max-width: 100%;
  }

  [class*=__container] {
    max-width: 45rem;
  }

  .header.open-menu::before {
    display: none;
  }

  .menu {
    position: relative;
    top: auto;
    left: auto;
    width: auto;
    height: auto;
    padding: 0;
    -webkit-transition: none;
    transition: none;
    overflow-x: visible;
    overflow-y: visible;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 25.125rem;
            flex: 0 1 25.125rem;
    margin: 0 auto;
  }

  .menu__header {
    display: none;
  }

  .menu__list {
    margin-top: 0;
    gap: 0.5rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }

  .menu__link {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    padding: 0.75rem 0.5rem;
  }

  .menu__arrow::before {
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }

  .menu__location {
    display: none;
  }

  .menu__bottom {
    display: none;
  }

  .submenu {
    padding-top: 1rem;
    top: 100%;
    left: -3.75rem;
    position: absolute;
    color: #04181e;
    z-index: 11;
    width: 100%;
    -webkit-transform-origin: center top;
        -ms-transform-origin: center top;
            transform-origin: center top;
    -webkit-transition: opacity 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
    transition: opacity 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
    transition: opacity 0.3s ease 0s, transform 0.3s ease 0s;
    transition: opacity 0.3s ease 0s, transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
    min-width: 20rem;
    will-change: transform;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translate3d(0, -0.4375rem, 0);
            transform: translate3d(0, -0.4375rem, 0);
  }

  .submenu::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 1rem);
    background: #fff;
  }

  .submenu__list {
    position: relative;
    padding: 1rem;
  }

  .submenu__link {
    padding: 0.75rem 1rem;
  }

  .subsubmenu {
    position: absolute;
    top: 0;
    left: 100%;
    background: #fff;
    padding: 1rem 0;
    min-width: 21.875rem;
    min-height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-transform-origin: left center;
        -ms-transform-origin: left center;
            transform-origin: left center;
    -webkit-transition: opacity 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
    transition: opacity 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
    transition: opacity 0.3s ease 0s, transform 0.3s ease 0s;
    transition: opacity 0.3s ease 0s, transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translate3d(-0.4375rem, 0, 0);
            transform: translate3d(-0.4375rem, 0, 0);
  }

  .subsubmenu__list {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    border-left: 0.0625rem solid #e4e4e4;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .subsubmenu__link {
    padding: 0.75rem 1rem;
  }

  .icon-menu {
    display: none;
  }

  .footer__body {
    -ms-grid-columns: (1fr)[2] auto;
    grid-template-columns: repeat(2, 1fr) auto;
  }

  .portfolio__header {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }

  .portfolio__list {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }

  .project {
    min-height: 37.5rem;
    background: rgba(0, 0, 0, 0.32);
    color: #fff;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    border: 0;
  }

  .project__slider {
    aspect-ratio: auto;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
  }

  .project__body {
    padding: 0.5rem;
  }

  .project__bottom {
    margin-top: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    padding: 1.5rem;
    gap: 1rem;
  }

  .project__thumbs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto 0 0;
    max-width: 23.5rem;
  }

  .project__side {
    position: relative;
    z-index: 2;
    background: rgba(0, 0, 0, 0.24);
    backdrop-filter: blur(1rem);
    -webkit-backdrop-filter: blur(1rem);
    padding: 1.5rem;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 18.75rem;
            flex: 0 0 18.75rem;
  }

  .project__btn {
    background: #fff;
    color: #04181e;
  }

  .project__btn::before {
    color: #115268;
  }

  .project__btn:hover,
  .project__btn:active {
    color: #115268;
  }

  .prices__case-desc {
    font-size: 1rem;
  }

  .prices__case-list {
    line-height: 150%;
    font-size: 1rem;
  }

  .review {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }

  .review__side {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 20rem;
            flex: 0 0 20rem;
  }

  .features__list {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }

  .steps__list {
    margin-top: 2.75rem;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }

  .quiz__form {
    gap: 2.25rem;
    padding: 2.25rem;
  }

  .team__slider {
    margin: 0em 0em 0em auto;
    overflow: hidden;
  }

  .team__slide {
    width: 100%;
  }

  .contacts__block:not(:last-child) {
    margin-bottom: 4rem;
  }

  .contacts__map {
    min-height: 25rem;
  }
}

@media (any-hover: hover) and (min-width: 767.98px) {
  .menu__item.menu-parent:hover .menu__arrow::before {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
  }
}

@media (min-width: 767.98px) and (min-width: 1279.98px) {
  .submenu {
    left: -0.5rem;
  }
}

@media (min-width: 767.98px) and (hover: none) {
  .submenu.open {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@media (min-width: 1023.98px) {
  .title-xl-desktop {
    font-family: "Steppe";
    line-height: 116.667%;
    letter-spacing: -0.18rem;
    font-size: 3rem;
  }

  .title-desktop {
    font-family: "Steppe";
    font-size: 2.75rem;
    line-height: 118.182%;
    letter-spacing: -0.165rem;
  }

  .title-md-desktop {
    font-family: "Steppe";
    font-size: 2rem;
    line-height: 125%;
    letter-spacing: -0.12rem;
  }

  .title-lg-desktop {
    font-family: "Steppe";
    font-size: 2.25rem;
    line-height: 122.222%;
    letter-spacing: -0.135rem;
  }

  .title-sm-desktop {
    font-family: "Steppe";
    font-size: 1.625rem;
    line-height: 123.077%;
    letter-spacing: -0.0975rem;
  }

  .subtitle-desktop {
    line-height: 140%;
    font-size: 1.25rem;
  }

  [class*=__container] {
    max-width: 60rem;
  }

  .banner {
    padding: 4.5rem 0 0;
  }

  .banner__content {
    padding: 4rem;
  }

  .header__location {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    white-space: nowrap;
    gap: 0.5rem;
    color: #516a72;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.25;
  }

  .header__location::before {
    width: 1.25rem;
    height: 1.25rem;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    font-size: 1.25rem;
    color: #89c1bd;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .header__phone.btn.btn-sm {
    padding: 0.75rem 1.5rem;
  }

  .header__phone::before {
    display: none;
  }

  .header__phone span {
    display: inline;
  }

  .header.open-menu .menu {
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }

  .footer {
    padding: 9rem 0 2.75rem;
  }

  .footer__header {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
  }

  .portfolio {
    padding: 9rem 0;
  }

  .portfolio__list {
    gap: 1.5rem;
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
  }

  .project__thumb {
    width: 5.625rem;
    height: 5.625rem;
  }

  .prices {
    padding: 9rem 0;
  }

  .prices__container.prices__container--decor {
    background: url("../img/prices-decor.svg") 1rem 100%/auto no-repeat;
  }

  .prices__body .prices__case.swiper-slide {
    min-width: 23.4375rem;
    width: calc(50% - 1rem);
  }

  .prices__cases {
    margin-top: 2.75rem;
    overflow: hidden;
  }

  .prices__case.swiper-slide {
    width: calc(33.33% - 0.75rem);
    min-width: auto;
  }

  .callback {
    padding: 9rem 0;
  }

  .callback__body {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }

  .callback__desc {
    font-size: 1rem;
  }

  .callback__form:not(:last-child) {
    margin-bottom: auto;
  }

  .callback__image:has(figcaption) img {
    width: 19.5rem;
    margin-top: 2rem;
    height: 19.5rem;
  }

  .callback__image {
    margin: -0.0625rem;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 28rem;
            flex: 0 0 28rem;
    /*border-left: 0.0625rem solid rgba(255, 255, 255, 0.2);*/
    border-top: 0;
  }

  .about {
    padding: 9rem 0rem;
  }

  .about__header {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }

  .about__image {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 24rem;
            flex: 0 0 24rem;
  }

  .about__row {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }

  .about__numbers {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }

  .about__numbers-block:first-child {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 24rem;
            flex: 0 0 24rem;
  }

  .reviews {
    padding: 9rem 0;
  }

  .reviews__subtitlte {
    margin-top: 3rem;
  }

  .reviews__body {
    margin-top: 3rem;
  }

  .reviews__controls {
    margin-top: 2.75rem;
  }

  .review__gallery {
    grid-template-columns: repeat(auto-fit, 6rem);
  }

  .service {
    padding: 1.5rem 0 9rem;
  }

  .service__body {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }

  .service__main {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 30rem;
            flex: 0 0 30rem;
  }

  .service__desc {
    line-height: 150%;
    font-size: 1rem;
  }

  .service__btns {
    margin-top: auto;
  }

  .service__gallery:first-child .service__controls {
    right: auto;
    left: 2.55rem;
  }

  .service__controls {
    margin-top: 0;
    position: absolute;
    right: 2.55rem;
    bottom: 1rem;
  }

  .service__case {
    margin-bottom: 0;
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 24rem;
            flex: 0 0 24rem;
    margin-left: 1rem;
  }

  .service__case-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }

  .design {
    padding: 9rem 0 0;
  }

  .design__body {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }

  .design__logo {
    margin-bottom: 0.5rem;
  }

  .design__desc {
    line-height: 150%;
    font-size: 1rem;
  }

  .features {
    padding: 4rem 0 0;
  }

  .options {
    padding: 9rem 0 0;
  }

  .options__slider {
    margin-top: 2.75rem;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
  }

  .options__slider .swiper-wrapper {
    display: contents;
  }

  .options__item {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }

  .options__item.swiper-slide {
    width: 100%;
  }

  .options__item-body {
    padding: 1rem;
    border-bottom: 0.0625rem solid #e4e4e4;
    border-right: 0;
  }

  .options__item-image {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 13.75rem;
            flex: 0 0 13.75rem;
  }

  .steps {
    padding: 9rem 0 0;
  }

  .steps.steps--large {
    padding: 9rem 0;
  }

  .steps__subtitle {
    margin-top: 1.5rem;
  }

  .quiz {
    padding: 9rem 0;
  }

  .quiz__body {
    min-height: 39.125rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }

  .quiz__step-options {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }

  .quiz__icon {
    margin-bottom: 0;
    width: auto;
    margin-top: auto;
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }

  .team {
    padding: 9rem 0em 0em 0em;
  }

  .team__content {
    padding-top: 3.5rem;
    margin-top: 2rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }

  .team__list-item:not(:last-child) {
    margin-bottom: 1rem;
  }

  .team__slider {
    max-width: 36rem;
  }

  .faq {
    padding: 9rem 0 0;
  }

  .faq__subtitle {
    margin-top: 2.75rem;
  }

  .guarantees {
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.32)), to(rgba(0, 0, 0, 0.32))), url("../img/projects/01.jpg") 0 0/cover no-repeat;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.32) 0%, rgba(0, 0, 0, 0.32) 100%), url("../img/projects/01.jpg") 0 0/cover no-repeat;
    padding: 9rem 0;
  }

  .guarantees__body {
    max-width: 70rem;
    margin: 0 auto;
    background: #fff;
    padding: 2.75rem;
    border-radius: 0.5rem;
  }

  .guarantees__row {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }

  .guarantees__logo {
    display: block;
  }

  .cases {
    padding: 9rem 0em 0em 0em;
  }

  .cases__slider {
    margin-top: 3.25rem;
    padding-top: 3.25rem;
  }

  .cases__item {
    width: 20.375rem;
  }

  .company {
    padding: 1.5rem 0 9rem;
    background-size: 81% auto;
    background-position: 100% 0;
    background-repeat: no-repeat;
    /*background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1166' height='831' viewBox='0 0 1166 831' fill='none'%3E%3Cpath d='M719.753 1H419.371L210.326 415.5M719.753 1L301.663 830M719.753 1H1020.14M301.663 830H1.28125L210.326 415.5M301.663 830H602.045M1020.14 1L602.045 830M1020.14 1H1320.52M602.045 830H902.427M1320.52 1L902.427 830M1320.52 1H1620.9M902.427 830H1202.81M1620.9 1L1202.81 830M1620.9 1H1921.28L1503.19 830H1202.81M210.326 415.5H1712.24' stroke='%23D9D9D9'/%3E%3C/svg%3E");*/
  }

  .company__header {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }

  .company__title {
    margin-top: 2.75rem;
  }

  .company__desc {
    line-height: 150%;
    font-size: 1rem;
    margin-top: 2.75rem;
  }

  .founder {
    padding: 9rem 0;
  }

  .founder__body {
    gap: 0;
    padding: 0;
  }

  .founder__main {
    padding: 2.25rem;
  }

  .founder__image figcaption {
    gap: 0.25rem;
    font-size: 1rem;
  }

  .contacts {
    padding: 9rem 0 1.5rem;
  }

  .contacts__body {
    margin-top: 3rem;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }

  .contacts__blocks {
    padding: 2rem;
  }

  .contacts__footer {
    margin-top: 3rem;
    gap: 3rem;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }

  .contacts__reqs-name,
  .service__case-prop {
    -ms-hyphens: none;
        hyphens: none;
  }

  .contacts__reqs-value,
  .service__case-value {
    -ms-hyphens: none;
        hyphens: none;
  }

  .contacts__form {
    padding: 2.25rem;
  }

  .blog {
    padding: 1.5rem 0 9rem;
  }

  .gallery__slider {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[12];
    grid-template-columns: repeat(12, 1fr);
    gap: 0.625rem;
  }

  .gallery__slider .swiper-wrapper {
    display: contents;
  }

  .gallery__item {
    width: 100%;
    -ms-grid-column-span: 7;
    grid-column: span 7;
    height: 32.5rem;
  }

  .gallery__item:nth-child(4n+1),
  .gallery__item:nth-child(4n+4) {
    -ms-grid-column-span: 5;
    grid-column: span 5;
  }

  .case__body {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }

  .case__scheme {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 28rem;
            flex: 0 0 28rem;
  }

  .case__info-list li:not(:last-child) {
    margin-bottom: 1.55rem;
  }

  .article {
    padding: 1.5rem 0 7.5rem;
  }

  .article__wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

@media (any-hover: hover) and (min-width: 1023.98px) {
  .menu__item.menu-parent:hover .submenu {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }

  .submenu__item.submenu-parent:hover .subsubmenu {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@media (min-width: 1279.98px) {
  [class*=__container] {
    max-width: 71.25rem;
  }

  .portfolio__header {
    border: 0.0625rem solid #e4e4e4;
  }

  .portfolio__filters:nth-child(odd) .filter-btn:last-child {
    border-right: 0;
  }

  .portfolio__filters:nth-child(even) .filter-btn:last-child {
    border-left: 0;
  }

  .project__side {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 23.75rem;
            flex: 0 0 23.75rem;
  }

  .prices__body {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }

  .prices__main {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 20rem;
            flex: 0 0 20rem;
  }

  .callback__image {
    padding: 4.87rem;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.8125rem;
            flex: 0 0 33.8125rem;
  }

  .about__image img {
    width: 26.75rem;
    height: 26rem;
  }

  .about__image::before {
    left: 1.5rem;
    bottom: 1.5rem;
  }

  .about__image {
    padding: 3.5rem;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.75rem;
            flex: 0 0 33.75rem;
  }

  .about__numbers-block:first-child {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.75rem;
            flex: 0 0 33.75rem;
  }

  .about__numbers-value {
    font-size: 5.125rem;
  }

  .service__main {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 36.125rem;
            flex: 0 0 36.125rem;
  }

  .service__case {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.875rem;
            flex: 0 0 33.875rem;
    margin-left: 2.25rem;
  }

  .design__image {
    padding: 0 5.94rem;
  }

  .features__list {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
  }

  .steps__list {
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr);
  }

  .quiz__side {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 26.75rem;
            flex: 0 0 26.75rem;
  }

  .team__header {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }

  .team__filters {
    margin: 0em 0em 0em auto;
  }

  .team__slider {
    max-width: 48.375rem;
  }

  .faq__body {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }

  .faq__list {
    max-width: 48.375rem;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }

  .company__employee {
    width: 9rem;
    height: 9rem;
  }

  .company__employee-add {
    width: 9rem;
    height: 9rem;
  }

  .founder__body {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }

  .founder__image {
    width: 28rem;
  }

  .contacts__block:not(:last-child) {
    margin-bottom: 6rem;
  }

  .contacts__map {
    min-height: 35rem;
  }

  .case__scheme {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.875rem;
            flex: 0 0 33.875rem;
  }
}

@media (min-width: 1399.98px) {
  [class*=__container] {
    max-width: 84.5rem;
  }

  .header__location {
    margin-left: 2.5rem;
  }

  .menu {
    margin: 0 auto;
  }

  .menu__item.menu-parent .menu__link {
    padding-right: 2.75rem;
    margin-right: -1.5rem;
  }

  .menu__link {
    padding: 0.75rem 1.5rem;
  }

  .menu__arrow {
    -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
            transform: translateX(-100%);
  }

  .prices__main {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.875rem;
            flex: 0 0 33.875rem;
  }

  .founder__image {
    width: 33.8125rem;
  }

  .article__back {
    position: absolute;
    top: 0;
    left: 0;
  }
}

@media (max-width: 1279.98px) {
  .portfolio__filters .filter-btn {
    border: 0;
  }
}

@media (max-width: 1023.98px) {
  body:has(.header.open-menu) {
    overflow: hidden;
  }

  .callback__image:has(figcaption) {
    background-position: 0rem center;
    border-top: 0;
    padding: 7.11rem;
  }

  .callback__image:has(figcaption) figcaption {
    display: none;
  }

  .service__prev,
  .service__next {
    background: #ebebeb;
    color: #115268;
  }

  .service__next::after {
    opacity: 0.16;
    background: #115268;
  }
}

@media (max-width: 1023.98px) and (any-hover: hover) {
  .service__prev:hover,
  .service__next:hover {
    background: #cbdfe7;
  }
}

@media (max-width: 767.98px) {
    .header__phone {
    margin-left: auto;
}
  .menu.first-menu-open .menu__link,
  .menu.first-menu-open .menu__arrow {
    display: none;
  }

  .menu.second-menu-open .submenu__link,
  .menu.second-menu-open .submenu__arrow {
    display: none;
  }

  .menu__body {
    max-width: 45rem;
    width: 100%;
    margin: 0 auto;
  }

  .submenu {
    display: none;
  }

  .submenu.open {
    display: block;
  }

  .subsubmenu {
    display: none;
  }

  .subsubmenu.open {
    display: block;
  }

  .project__btn {
    background: #ebebeb;
    color: #04181e;
  }

  .project__btn::before {
    color: #115268;
  }

  .project__btn:hover,
  .project__btn:active {
    background: #cbdfe7;
  }
}

@media (any-hover: hover) {
  .popup__close:hover {
    background: #04181e;
  }

  .breadcrumbs__link:hover {
    color: #04181e;
  }

  ::-webkit-scrollbar-thumb:hover {
    background: #0a2f3c;
  }

  .form__privacy a:hover {
    text-decoration: underline;
  }

  .swiper-button-next.swiper-button-dark:hover,
  .swiper-button-prev.swiper-button-dark:hover {
    background: #cbdfe7;
  }

  .swiper-button-next:hover,
  .swiper-button-prev:hover {
    background: rgba(255, 255, 255, 0.36);
  }

  .menu__item.menu-parent:hover {
    color: #115268;
  }

  .menu__link:hover {
    color: #115268;
  }

  .submenu__item.submenu-parent:hover {
    margin-right: -1rem;
  }

  .submenu__item.submenu-parent:hover .submenu__link,
  .submenu__item.submenu-parent:hover .submenu__arrow {
    color: #115268;
  }

  .submenu__link:hover {
    color: #115268;
  }

  .subsubmenu__link:hover {
    color: #115268;
  }

  .footer__menu-link:hover {
    color: #115268;
  }

  .footer__phone:hover {
    color: #115268;
  }

  .footer__policy-link:hover {
    text-decoration: underline;
  }

  .project.project--column:hover .project__controls,
  .project.swiper-slide:hover .project__controls {
    opacity: 1;
    visibility: visible;
  }

  .project__thumb:hover {
    opacity: 1;
  }

  .callback__footer-phone:hover {
    color: rgba(255, 255, 255, 0.16);
  }

  .review__more:hover {
    text-decoration: none;
  }

  .options__item:hover {
    background-color: #f8f8f8;
  }

  .options__item:hover .options__item-body {
    border-color: #f8f8f8;
  }

  .contacts__link:hover {
    color: #89c1bd;
  }

  .blog__item-image:hover img {
    -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
            transform: scale(1.05);
  }

  .blog__item-name:hover {
    color: #89c1bd;
  }

  .article__navigation-link:hover {
    color: #115268;
  }
}

@media (hover: none) {
  .subsubmenu.open {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}