@charset "UTF-8";

@keyframes fadeInTop {
  0% {
    translate: 0 -100%
  }

  to {
    translate: 0 0
  }
}

@keyframes fadeOutTop {
  0% {
    translate: 0 0
  }

  to {
    translate: 0 -200%
  }
}

@keyframes showIn {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes showOut {
  0% {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

@keyframes pulse {
  0% {
    opacity: 0
  }

  80%,
  to {
    opacity: 1
  }
}

body {
  line-height: 1.5
}

.section__inner_gray {
  background: #fcfcfc
}

.title {
  font-weight: 700;
  line-height: 1
}

.title span {
  color: #0096d9
}

.title-2 {
  font-weight: 700;
  text-align: center
}

.title-3 {
  font-size: 18px;
  font-weight: 500
}

.title-4 {
  font-weight: 600
}

.title_center {
  text-align: center
}

.title_left {
  text-align: left
}

.button {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  min-height: 48px;
  padding-inline: 1.5em;
  background: #0096d9;
  border-radius: 8px;
  font-weight: 500;
  color: #fff;
  white-space: nowrap;
  transition: all .4s
}

.button svg {
  width: 1.5em;
  height: 1.5em;
  fill: currentColor;
  transition: none
}

.button:focus-visible {
  background: color-mix(in srgb, black 12%, #0096d9)
}

.button_white {
  background: #fff;
  color: #383838
}

.button_white:focus-visible {
  background: color-mix(in srgb, black 4%, #fcfcfc)
}

.button_white.button_border {
  border: 1px solid #383838
}

.button_white.button_border:focus-visible {
  background: #0096d9;
  border-color: #0096d9;
  color: #fff
}

.social__item {
  display: flex;
  gap: 12px;
  align-items: center;
  font-size: 14px
}

.social__item img,
.social__item svg {
  transition: all .4s
}

.social__item img:focus-visible,
.social__item svg:focus-visible {
  scale: 1.05
}

.form__fields {
  gap: 8px
}

.input,
.textarea {
  width: 100%;
  padding-inline: 20px;
  border-radius: 8px;
  border: 1px solid #737373;
  font: inherit;
  color: #383838
}

.input:user-invalid,
.textarea:user-invalid {
  color: #f03;
  border-color: #f03
}

.input:user-invalid::placeholder,
.textarea:user-invalid::placeholder {
  color: #f03
}

.input::placeholder,
.textarea::placeholder {
  color: rgba(56, 56, 56, .7)
}

.input_white,
.textarea_white {
  background: #fff;
  border-color: #fff
}

.input {
  height: 48px
}

.input_big {
  height: 56px
}

.textarea {
  height: 126px;
  padding-block: 16px
}

form.form-dragover {
  position: relative
}

form.form-dragover:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  translate: -50% -50%;
  z-index: 4;
  width: calc(100% + 12px);
  height: calc(100% + 12px);
  border: 2px dashed #fff;
  border-radius: 8px;
  background-color: rgba(255, 255, 255, .2);
  transition: background-color .2s, border-color .2s
}

form.form-dragover:after {
  content: "Отпустите мышь, чтобы загрузить файлы";
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 5;
  transform: translate(-50%, -50%);
  padding: 8px 16px;
  background: #fff;
  border-radius: 8px;
  color: #383838;
  font-size: 14px;
  white-space: nowrap;
  pointer-events: none;
  opacity: .9
}

form.form-dragover-error {
  background: #f03
}

form.form-dragover-error:before {
  border-color: #f03;
  background-color: rgba(255, 0, 51, .2)
}

form.form-dragover-error:after {
  content: "Недопустимый тип файла"
}

.input-file {
  position: relative;
  display: grid;
  grid-template-columns: 100%;
  justify-items: start;
  gap: 12px;
  margin-block: 12px;
  font-size: 14px;
  line-height: 1.5;
  color: #fcfcfc;
  transition: all .4s
}

.input-file input {
  position: absolute;
  inset: 0;
  opacity: 0
}

.input-file-text {
  position: relative;
  display: inline-flex;
  align-items: flex-start;
  padding: 12px 24px;
  border: 1px solid #fcfcfc;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 500;
  transition: all .4s;
  gap: 20px
}

.input-file-text:focus-visible {
  background: #fff;
  color: #383838
}

.input-file-text:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  z-index: 1;
  cursor: pointer
}

.header-main__wrapper {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
  align-items: start
}

.header-main__left {
  min-width: 0
}

.header-main__text {
  max-width: 440px;
  font-weight: 500;
  color: rgba(56, 56, 56, .7)
}

.header-main__list {
  display: grid;
  gap: 8px
}

.header-main__list li {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  align-items: center;
  gap: 12px
}

.header-main__list li img {
  max-width: 19px;
  max-height: 19px
}

.header-main__buttons {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap
}

.header-main__buttons>* {
  min-width: 234px
}

.header-main__right {
  position: relative;
  min-width: 0
}

.header-main__img {
  height: 100%;
  border-radius: 12px;
  object-fit: cover
}

.header-main__price {
  position: absolute;
  left: 24px;
  bottom: 20px;
  z-index: 2;
  padding: 4px 12px;
  border-radius: 20px;
  background: #0096d9;
  color: #fff;
  font-weight: 500
}

@keyframes fadeInTop {
  0% {
    translate: 0 -100%
  }

  to {
    translate: 0 0
  }
}

@keyframes fadeOutTop {
  0% {
    translate: 0 0
  }

  to {
    translate: 0 -200%
  }
}

@keyframes showIn {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes showOut {
  0% {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

@keyframes pulse {
  0% {
    opacity: 0
  }

  80%,
  to {
    opacity: 1
  }
}

.menu-link {
  position: relative;
  flex-shrink: 0;
  width: 18px;
  height: 24px
}

.menu-link.active .menu-lines {
  background: 0 0
}

.menu-link.active .menu-lines:after {
  top: 0;
  rotate: -135deg
}

.menu-link.active .menu-lines:before {
  top: 0;
  rotate: 135deg
}

.menu-lines,
.menu-lines:before,
.menu-lines:after {
  position: absolute;
  right: 0;
  width: 18px;
  height: 2px;
  background-color: #0096d9;
  transition: .4s;
  pointer-events: none
}

.menu-lines {
  top: 50%;
  translate: 0 -50%
}

.menu-lines:before {
  content: "";
  top: -6px
}

.menu-lines:after {
  content: "";
  top: 6px
}

.map-wrapper {
  position: relative;
  min-height: 400px;
  width: 100%;
  background: center/cover no-repeat;
  overflow: hidden
}

.map {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover
}

.loader {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 150, 217, .4);
  opacity: 0;
  transition: opacity .3s;
  pointer-events: none
}

.loader.is-active {
  opacity: 1
}

.loader:after {
  content: "";
  position: absolute;
  top: calc(50% - 24px);
  left: calc(50% - 24px);
  width: 48px;
  height: 48px;
  border: solid 8px #fff;
  border-left-color: transparent;
  border-radius: 50%;
  animation: rotation .7s linear infinite
}

@keyframes rotation {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(359deg)
  }
}

.text-block {
  text-wrap: pretty
}

.text-block>:last-child {
  margin-bottom: 0
}

.text-block h1,
.text-block h2,
.text-block h3,
.text-block b,
.text-block strong {
  font-weight: 700
}

.text-block h2 {
  font-weight: 700
}

.text-block h3 {
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: 600
}

.text-block h4 {
  font-weight: 600
}

.text-block p:not(:has(+ul, +ol)) {
  margin-bottom: 28px
}

.text-block p:last-child {
  margin-bottom: 0
}

.text-block ul,
.text-block ol {
  display: grid;
  padding-left: 16px
}

.text-block ul ul,
.text-block ul ol,
.text-block ol ul,
.text-block ol ol {
  padding-top: 12px
}

.text-block ul li>*,
.text-block ol li>* {
  display: contents
}

.text-block ul>li {
  position: relative
}

.text-block ul>li:before {
  content: "";
  position: absolute;
  left: 0;
  top: calc(.5lh - 2px);
  width: 4px;
  height: 4px;
  flex-basis: 4px;
  flex-grow: 0;
  flex-shrink: 0;
  background: #0096d9;
  border-radius: 50%
}

.text-block ol {
  list-style: none;
  counter-reset: number
}

.text-block ol>li:before {
  counter-increment: number;
  content: counters(number, ".") ". ";
  font: inherit
}

.text-block ol ol {
  padding-left: 20px
}

.text-block blockquote {
  margin: 0;
  border-radius: 12px;
  background: #fcfcfc
}

.text-block .table {
  width: 100%;
  overflow-y: hidden;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  max-width: 100%;
  padding-bottom: 9px;
  overflow-x: auto;
  overflow-y: hidden
}

@supports (-moz-appearance:none) {
  .text-block .table {
    scrollbar-color: #03b1ff #fcfcfc;
    scrollbar-width: thin
  }
}

.text-block .table::-webkit-scrollbar {
  height: 4px
}

.text-block .table::-webkit-scrollbar-track-piece {
  background: #fcfcfc;
  border-radius: 4px
}

.text-block .table::-webkit-scrollbar-thumb {
  background: #03b1ff;
  border-radius: 4px
}

.text-block table {
  width: 100%;
  border-collapse: collapse;
  text-align: center
}

.text-block table tr>:first-child {
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px
}

.text-block table tr>:last-child {
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px
}

.text-block table td,
.text-block table th {
  padding-inline: 12px
}

.text-block table thead {
  background: #fff
}

.text-block table thead th {
  font-weight: 500
}

.text-block table tbody tr:nth-child(even) {
  background: #fff
}

.text-block table tbody tr:nth-child(odd) {
  background: #e5f4fb
}

.text-block table tbody td,
.text-block table tbody th {
  font-weight: 600
}

.text-block .video {
  max-height: 882px;
  aspect-ratio: auto;
  overflow: hidden;
  cursor: pointer
}

.text-block .video:before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  background: rgba(0, 150, 217, .6);
  transition: opacity .3s
}

.text-block .video:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  translate: -50% -50%;
  z-index: 2;
  background: url("data:image/svg+xml,%3Csvg width='52' height='57' viewBox='0 0 52 57' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.32 4.32128C1.41002 3.56441 1.67537 2.83898 2.09494 2.20266C2.51452 1.56634 3.07675 1.03667 3.73695 0.655761C4.39714 0.274854 5.13709 0.0532114 5.89798 0.00845545C6.65887 -0.0363005 7.4197 0.0970637 8.12 0.397946C11.66 1.91128 19.5933 5.50795 29.66 11.3179C39.73 17.1313 46.8133 22.2079 49.89 24.5113C52.5167 26.4813 52.5233 30.3879 49.8933 32.3646C46.8467 34.6546 39.85 39.6646 29.66 45.5513C19.46 51.4379 11.62 54.9913 8.11333 56.4846C5.09333 57.7746 1.71333 55.8179 1.32 52.5613C0.860001 48.7546 0 40.1113 0 28.4379C0 16.7713 0.856668 8.13128 1.32 4.32128Z' fill='%23FF9900' /%3E%3C/svg%3E") center/contain no-repeat
}

.text-block .video.is-playing:after,
.text-block .video.is-playing:before {
  display: none
}

.text-block .video:not(.is-playing) video::-webkit-media-controls {
  display: none
}

.text-block mark {
  background: color-mix(in srgb, white 8%, #0096d9)
}

[data-splitview] {
  position: relative;
  width: 100%;
  overflow: hidden
}

[data-splitview]:before,
[data-splitview]:after {
  position: absolute;
  top: 12px;
  z-index: 3;
  padding: 2px 12px;
  border-radius: 12px;
  box-shadow: 0 0 1px 0 rgba(0, 0, 0, .25);
  background: #fff
}

[data-splitview]:before {
  content: "До";
  left: 12px
}

[data-splitview]:after {
  content: "После";
  right: 12px
}

[data-splitview-before],
[data-splitview-after] {
  width: 100%
}

[data-splitview-before] picture,
[data-splitview-after] picture {
  display: contents
}

[data-splitview-before] img,
[data-splitview-after] img {
  max-width: none;
  width: 100%;
  display: block;
  object-fit: cover;
  -webkit-user-select: none;
  user-select: none
}

[data-splitview-before] {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 50%;
  height: 100%;
  overflow: hidden
}

[data-splitview-after] {
  display: block
}

[data-splitview-arrow] {
  position: absolute;
  left: 50%;
  top: 0;
  z-index: 6;
  height: 100%;
  translate: 50% 0;
  background-color: #fff;
  cursor: ew-resize
}

[data-splitview-arrow]:focus-within:after {
  background: #0096d9
}

[data-splitview-arrow] input {
  position: absolute;
  inset: 0;
  z-index: 5;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: ew-resize;
  -webkit-appearance: none;
  appearance: none;
  pointer-events: none
}

[data-splitview-arrow]:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  translate: -50% -50%;
  width: 48px;
  height: 32px;
  mask: url("data:image/svg+xml,%3Csvg width='44' height='28' viewBox='0 0 44 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.92434 15.5554C0.933992 14.7549 0.933992 13.2451 1.92434 12.4446L11.7428 4.50844C13.0506 3.45129 15 4.38217 15 6.06387L15 21.9361C15 23.6178 13.0506 24.5487 11.7428 23.4916L1.92434 15.5554Z' fill='white' /%3E%3Cpath d='M42.0757 15.5554C43.066 14.7549 43.066 13.2451 42.0757 12.4446L32.2572 4.50844C30.9494 3.45129 29 4.38217 29 6.06387V21.9361C29 23.6178 30.9494 24.5487 32.2572 23.4916L42.0757 15.5554Z' fill='white' /%3E%3C/svg%3E") center/contain no-repeat;
  -webkit-mask: url("data:image/svg+xml,%3Csvg width='44' height='28' viewBox='0 0 44 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.92434 15.5554C0.933992 14.7549 0.933992 13.2451 1.92434 12.4446L11.7428 4.50844C13.0506 3.45129 15 4.38217 15 6.06387L15 21.9361C15 23.6178 13.0506 24.5487 11.7428 23.4916L1.92434 15.5554Z' fill='white' /%3E%3Cpath d='M42.0757 15.5554C43.066 14.7549 43.066 13.2451 42.0757 12.4446L32.2572 4.50844C30.9494 3.45129 29 4.38217 29 6.06387V21.9361C29 23.6178 30.9494 24.5487 32.2572 23.4916L42.0757 15.5554Z' fill='white' /%3E%3C/svg%3E") center/contain no-repeat;
  background: #fff
}

.checkbox {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-self: start;
  gap: 8px;
  letter-spacing: .01em;
  color: #737373;
  font-size: 14px;
  font-weight: 600;
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer
}

.checkbox_white {
  color: #fcfcfc
}

.checkbox__input {
  position: relative;
  display: flex;
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
  margin: 0;
  line-height: inherit;
  font-size: inherit;
  margin-top: calc(.5lh - 10px);
  cursor: pointer
}

.checkbox__input:before {
  content: "";
  aspect-ratio: 1;
  border: 1px solid currentColor;
  border-radius: 2px;
  transition: background-color .3s, border-color .3s;
  box-sizing: border-box
}

.checkbox__input:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  translate: -50% -50%;
  width: 50%;
  height: 50%;
  border-radius: 1px;
  background: currentColor;
  opacity: 0;
  transition: all .2s
}

.checkbox__input:checked:after {
  opacity: 1
}

.checkbox__input:disabled~span {
  opacity: .4;
  cursor: not-allowed
}

.checkbox__input:focus-visible {
  outline: 0
}

.checkbox__input:focus-visible:before {
  background: color-mix(in srgb, white 85%, #0096d9);
  border-color: #0096d9
}

.checkbox-text {
  position: relative;
  line-height: inherit
}

.checkbox-text .checkbox__text {
  transition: all .4s
}

.checkbox-text .checkbox__input {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  clip: rect(0 0 0 0);
  overflow: hidden
}

.checkbox-text .checkbox__input:focus-visible+.checkbox__text:after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  box-shadow: 0 0 0 1px #0096d9;
  border-radius: 2px
}

.checkbox-text .checkbox__input:before {
  display: none
}

.checkbox-text .checkbox__input:checked~.checkbox__text {
  color: #0096d9
}

.splide__arrows {
  display: flex;
  align-items: center;
  gap: 18px
}

.splide__arrow {
  position: static;
  transform: none;
  opacity: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border: 2px solid #383838;
  border-radius: 50%;
  transition: all .4s
}

.splide__arrow:not([disabled]):focus-visible {
  border-color: #0096d9;
  background: #0096d9
}

.splide__arrow svg {
  display: none
}

.splide__arrow[disabled] {
  opacity: .3
}

.splide__arrow--next {
  mask: url("data:image/svg+xml,%3Csvg width='39' height='39' viewBox='0 0 39 39' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.5 0C15.6433 0 11.8731 1.14366 8.66639 3.28634C5.45963 5.42903 2.96027 8.47451 1.48436 12.0377C0.00844905 15.6008 -0.377716 19.5216 0.374696 23.3043C1.12711 27.0869 2.9843 30.5615 5.71143 33.2886C8.43855 36.0157 11.9131 37.8729 15.6957 38.6253C19.4784 39.3777 23.3992 38.9916 26.9623 37.5156C30.5255 36.0397 33.571 33.5404 35.7137 30.3336C37.8564 27.1269 39 23.3567 39 19.5C38.9945 14.33 36.9383 9.37322 33.2826 5.71745C29.6268 2.06167 24.6701 0.00545966 19.5 0ZM19.5 36C16.2366 36 13.0465 35.0323 10.3331 33.2192C7.61969 31.4062 5.50484 28.8293 4.256 25.8143C3.00715 22.7993 2.6804 19.4817 3.31705 16.281C3.95371 13.0803 5.52518 10.1403 7.83275 7.83274C10.1403 5.52517 13.0803 3.9537 16.281 3.31704C19.4817 2.68039 22.7993 3.00714 25.8143 4.25599C28.8293 5.50483 31.4062 7.61968 33.2193 10.3331C35.0323 13.0465 36 16.2366 36 19.5C35.995 23.8745 34.2551 28.0685 31.1618 31.1618C28.0685 34.2551 23.8746 35.995 19.5 36ZM28.0613 18.4387C28.2007 18.5781 28.3114 18.7435 28.3868 18.9256C28.4623 19.1077 28.5012 19.3029 28.5012 19.5C28.5012 19.6971 28.4623 19.8923 28.3868 20.0744C28.3114 20.2565 28.2007 20.4219 28.0613 20.5613L22.0613 26.5613C21.7798 26.8427 21.3981 27.0008 21 27.0008C20.602 27.0008 20.2202 26.8427 19.9388 26.5613C19.6573 26.2798 19.4992 25.898 19.4992 25.5C19.4992 25.102 19.6573 24.7202 19.9388 24.4387L23.3794 21H12C11.6022 21 11.2207 20.842 10.9393 20.5607C10.658 20.2794 10.5 19.8978 10.5 19.5C10.5 19.1022 10.658 18.7206 10.9393 18.4393C11.2207 18.158 11.6022 18 12 18H23.3794L19.9388 14.5613C19.6573 14.2798 19.4992 13.898 19.4992 13.5C19.4992 13.102 19.6573 12.7202 19.9388 12.4387C20.2202 12.1573 20.602 11.9992 21 11.9992C21.3981 11.9992 21.7798 12.1573 22.0613 12.4387L28.0613 18.4387Z' fill='%23383838' /%3E%3C/svg%3E") center/contain no-repeat;
  -webkit-mask: url("data:image/svg+xml,%3Csvg width='39' height='39' viewBox='0 0 39 39' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.5 0C15.6433 0 11.8731 1.14366 8.66639 3.28634C5.45963 5.42903 2.96027 8.47451 1.48436 12.0377C0.00844905 15.6008 -0.377716 19.5216 0.374696 23.3043C1.12711 27.0869 2.9843 30.5615 5.71143 33.2886C8.43855 36.0157 11.9131 37.8729 15.6957 38.6253C19.4784 39.3777 23.3992 38.9916 26.9623 37.5156C30.5255 36.0397 33.571 33.5404 35.7137 30.3336C37.8564 27.1269 39 23.3567 39 19.5C38.9945 14.33 36.9383 9.37322 33.2826 5.71745C29.6268 2.06167 24.6701 0.00545966 19.5 0ZM19.5 36C16.2366 36 13.0465 35.0323 10.3331 33.2192C7.61969 31.4062 5.50484 28.8293 4.256 25.8143C3.00715 22.7993 2.6804 19.4817 3.31705 16.281C3.95371 13.0803 5.52518 10.1403 7.83275 7.83274C10.1403 5.52517 13.0803 3.9537 16.281 3.31704C19.4817 2.68039 22.7993 3.00714 25.8143 4.25599C28.8293 5.50483 31.4062 7.61968 33.2193 10.3331C35.0323 13.0465 36 16.2366 36 19.5C35.995 23.8745 34.2551 28.0685 31.1618 31.1618C28.0685 34.2551 23.8746 35.995 19.5 36ZM28.0613 18.4387C28.2007 18.5781 28.3114 18.7435 28.3868 18.9256C28.4623 19.1077 28.5012 19.3029 28.5012 19.5C28.5012 19.6971 28.4623 19.8923 28.3868 20.0744C28.3114 20.2565 28.2007 20.4219 28.0613 20.5613L22.0613 26.5613C21.7798 26.8427 21.3981 27.0008 21 27.0008C20.602 27.0008 20.2202 26.8427 19.9388 26.5613C19.6573 26.2798 19.4992 25.898 19.4992 25.5C19.4992 25.102 19.6573 24.7202 19.9388 24.4387L23.3794 21H12C11.6022 21 11.2207 20.842 10.9393 20.5607C10.658 20.2794 10.5 19.8978 10.5 19.5C10.5 19.1022 10.658 18.7206 10.9393 18.4393C11.2207 18.158 11.6022 18 12 18H23.3794L19.9388 14.5613C19.6573 14.2798 19.4992 13.898 19.4992 13.5C19.4992 13.102 19.6573 12.7202 19.9388 12.4387C20.2202 12.1573 20.602 11.9992 21 11.9992C21.3981 11.9992 21.7798 12.1573 22.0613 12.4387L28.0613 18.4387Z' fill='%23383838' /%3E%3C/svg%3E") center/contain no-repeat;
  background: #383838
}

.splide__arrow--prev {
  mask: url("data:image/svg+xml,%3Csvg width='39' height='39' viewBox='0 0 39 39' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.5 0C15.6433 0 11.8731 1.14366 8.66639 3.28634C5.45963 5.42903 2.96027 8.47451 1.48436 12.0377C0.00844905 15.6008 -0.377716 19.5216 0.374696 23.3043C1.12711 27.0869 2.9843 30.5615 5.71143 33.2886C8.43855 36.0157 11.9131 37.8729 15.6957 38.6253C19.4784 39.3777 23.3992 38.9916 26.9623 37.5156C30.5255 36.0397 33.571 33.5404 35.7137 30.3336C37.8564 27.1269 39 23.3567 39 19.5C38.9945 14.33 36.9383 9.37322 33.2826 5.71745C29.6268 2.06167 24.6701 0.00545966 19.5 0ZM19.5 36C16.2366 36 13.0465 35.0323 10.3331 33.2192C7.61969 31.4062 5.50484 28.8293 4.256 25.8143C3.00715 22.7993 2.6804 19.4817 3.31705 16.281C3.95371 13.0803 5.52518 10.1403 7.83275 7.83274C10.1403 5.52517 13.0803 3.9537 16.281 3.31704C19.4817 2.68039 22.7993 3.00714 25.8143 4.25599C28.8293 5.50483 31.4062 7.61968 33.2193 10.3331C35.0323 13.0465 36 16.2366 36 19.5C35.995 23.8745 34.2551 28.0685 31.1618 31.1618C28.0685 34.2551 23.8746 35.995 19.5 36ZM28.5 19.5C28.5 19.8978 28.342 20.2794 28.0607 20.5607C27.7794 20.842 27.3978 21 27 21H15.6206L19.0613 24.4387C19.2006 24.5781 19.3112 24.7436 19.3866 24.9257C19.462 25.1077 19.5008 25.3029 19.5008 25.5C19.5008 25.6971 19.462 25.8923 19.3866 26.0743C19.3112 26.2564 19.2006 26.4219 19.0613 26.5613C18.9219 26.7006 18.7564 26.8112 18.5744 26.8866C18.3923 26.962 18.1971 27.0008 18 27.0008C17.8029 27.0008 17.6078 26.962 17.4257 26.8866C17.2436 26.8112 17.0781 26.7006 16.9388 26.5613L10.9388 20.5613C10.7993 20.4219 10.6887 20.2565 10.6132 20.0744C10.5377 19.8923 10.4988 19.6971 10.4988 19.5C10.4988 19.3029 10.5377 19.1077 10.6132 18.9256C10.6887 18.7435 10.7993 18.5781 10.9388 18.4387L16.9388 12.4387C17.2202 12.1573 17.602 11.9992 18 11.9992C18.3981 11.9992 18.7798 12.1573 19.0613 12.4387C19.3427 12.7202 19.5008 13.102 19.5008 13.5C19.5008 13.898 19.3427 14.2798 19.0613 14.5613L15.6206 18H27C27.3978 18 27.7794 18.158 28.0607 18.4393C28.342 18.7206 28.5 19.1022 28.5 19.5Z' fill='%23383838' /%3E%3C/svg%3E") center/contain no-repeat;
  -webkit-mask: url("data:image/svg+xml,%3Csvg width='39' height='39' viewBox='0 0 39 39' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.5 0C15.6433 0 11.8731 1.14366 8.66639 3.28634C5.45963 5.42903 2.96027 8.47451 1.48436 12.0377C0.00844905 15.6008 -0.377716 19.5216 0.374696 23.3043C1.12711 27.0869 2.9843 30.5615 5.71143 33.2886C8.43855 36.0157 11.9131 37.8729 15.6957 38.6253C19.4784 39.3777 23.3992 38.9916 26.9623 37.5156C30.5255 36.0397 33.571 33.5404 35.7137 30.3336C37.8564 27.1269 39 23.3567 39 19.5C38.9945 14.33 36.9383 9.37322 33.2826 5.71745C29.6268 2.06167 24.6701 0.00545966 19.5 0ZM19.5 36C16.2366 36 13.0465 35.0323 10.3331 33.2192C7.61969 31.4062 5.50484 28.8293 4.256 25.8143C3.00715 22.7993 2.6804 19.4817 3.31705 16.281C3.95371 13.0803 5.52518 10.1403 7.83275 7.83274C10.1403 5.52517 13.0803 3.9537 16.281 3.31704C19.4817 2.68039 22.7993 3.00714 25.8143 4.25599C28.8293 5.50483 31.4062 7.61968 33.2193 10.3331C35.0323 13.0465 36 16.2366 36 19.5C35.995 23.8745 34.2551 28.0685 31.1618 31.1618C28.0685 34.2551 23.8746 35.995 19.5 36ZM28.5 19.5C28.5 19.8978 28.342 20.2794 28.0607 20.5607C27.7794 20.842 27.3978 21 27 21H15.6206L19.0613 24.4387C19.2006 24.5781 19.3112 24.7436 19.3866 24.9257C19.462 25.1077 19.5008 25.3029 19.5008 25.5C19.5008 25.6971 19.462 25.8923 19.3866 26.0743C19.3112 26.2564 19.2006 26.4219 19.0613 26.5613C18.9219 26.7006 18.7564 26.8112 18.5744 26.8866C18.3923 26.962 18.1971 27.0008 18 27.0008C17.8029 27.0008 17.6078 26.962 17.4257 26.8866C17.2436 26.8112 17.0781 26.7006 16.9388 26.5613L10.9388 20.5613C10.7993 20.4219 10.6887 20.2565 10.6132 20.0744C10.5377 19.8923 10.4988 19.6971 10.4988 19.5C10.4988 19.3029 10.5377 19.1077 10.6132 18.9256C10.6887 18.7435 10.7993 18.5781 10.9388 18.4387L16.9388 12.4387C17.2202 12.1573 17.602 11.9992 18 11.9992C18.3981 11.9992 18.7798 12.1573 19.0613 12.4387C19.3427 12.7202 19.5008 13.102 19.5008 13.5C19.5008 13.898 19.3427 14.2798 19.0613 14.5613L15.6206 18H27C27.3978 18 27.7794 18.158 28.0607 18.4393C28.342 18.7206 28.5 19.1022 28.5 19.5Z' fill='%23383838' /%3E%3C/svg%3E") center/contain no-repeat;
  background: #383838
}

.splide__pagination {
  position: static;
  margin-top: 20px;
  align-items: center;
  gap: 12px
}

.splide__pagination__page {
  width: 16px;
  height: 4px;
  margin: 0;
  opacity: 1;
  border-radius: 4px;
  background: #c7cacf
}

.splide__pagination__page.is-active {
  width: 32px;
  background: #0096d9
}

.crumbs {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 28px;
  column-gap: 32px;
  row-gap: 8px;
  padding-inline: 12px;
  font-size: 14px;
  letter-spacing: .01em;
  font-weight: 600
}

.crumbs li:not(:last-child) {
  color: #737373
}

.crumbs li:last-child {
  pointer-events: none
}

.crumbs li:last-child a {
  cursor: default
}

.crumbs li:not(:last-child) {
  position: relative
}

.crumbs li:not(:last-child):before {
  content: "";
  position: absolute;
  right: -16px;
  top: 50%;
  translate: 50% -50%;
  width: 10px;
  height: 10px;
  mask: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDYgMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggZD0iTTAuNTYyNSA4LjU2MjVMNC41NjI1IDQuNTYyNUwwLjU2MjUgMC41NjI1IiBzdHJva2U9IiM3MzczNzMiIHN0cm9rZS13aWR0aD0iMS4xMjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgLz4KPC9zdmc+) center/contain no-repeat;
  -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDYgMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggZD0iTTAuNTYyNSA4LjU2MjVMNC41NjI1IDQuNTYyNUwwLjU2MjUgMC41NjI1IiBzdHJva2U9IiM3MzczNzMiIHN0cm9rZS13aWR0aD0iMS4xMjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgLz4KPC9zdmc+) center/contain no-repeat;
  background: #737373
}

@keyframes fadeInTop {
  0% {
    translate: 0 -100%
  }

  to {
    translate: 0 0
  }
}

@keyframes fadeOutTop {
  0% {
    translate: 0 0
  }

  to {
    translate: 0 -200%
  }
}

@keyframes showIn {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes showOut {
  0% {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

@keyframes pulse {
  0% {
    opacity: 0
  }

  80%,
  to {
    opacity: 1
  }
}

.container {
  position: relative;
  margin-inline: auto;
  max-width: 1204px;
  box-sizing: content-box
}

.container-left {
  max-width: 1204px;
  box-sizing: content-box
}

:root {
  --active: #0096d9;
  --text: #383838
}

*,
:before,
:after {
  box-sizing: border-box
}

a,
button,
input,
textarea {
  -webkit-tap-highlight-color: transparent
}

a:focus,
button:focus,
input:focus,
textarea:focus {
  outline: 0
}

html {
  display: flex;
  flex-direction: column;
  min-height: 100%
}

html:not(.loaded) [data-da*=header__mobile],
html:not(.loaded) ._dynamic_adapt_,
html:not(.loaded) .sub-menu-wrapper {
  position: absolute;
  opacity: 0
}

html:not(.loaded) .header {
  opacity: 0
}

html:not(.loaded) [data-lines] {
  opacity: 0
}

html.safari {
  -webkit-text-size-adjust: 100%
}

html.safari input,
html.safari textarea {
  font-size: 16px !important
}

html.safari input {
  -webkit-appearance: none;
  appearance: none
}

@supports not (-webkit-hyphens:none) {
  body {
    padding-right: 0 !important
  }
}

body {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 1;
  margin: 0;
  font-family: "Montserrat", "Segoe UI", Roboto, Arial, sans-serif;
  color: #383838;
  -webkit-tap-highlight-color: transparent;
  overflow-x: clip
}

body.no-scroll {
  overflow-y: hidden
}

.wrapper {
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow-x: clip
}

.main {
  flex: 1
}

html,
body,
.header__mobile {
  scrollbar-gutter: stable
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
dl,
dt,
dd,
figure,
fieldset,
iframe {
  margin: 0;
  padding: 0
}

button,
a {
  cursor: pointer;
  color: inherit
}

button:focus-visible,
a:focus-visible {
  outline: 3px solid #0096d9;
  outline-offset: 8px;
  border-radius: 12px;
  z-index: 20
}

li {
  padding: 0;
  color: inherit;
  list-style: none
}

button {
  padding: 0;
  border: 0;
  background: 0 0
}

a {
  text-decoration: none
}

strong,
a,
button,
li {
  font: inherit
}

input,
textarea {
  border: 0;
  background: 0 0;
  text-decoration: none;
  color: inherit;
  font-family: "Montserrat", "Segoe UI", Roboto, Arial, sans-serif;
  -webkit-appearance: none;
  appearance: none
}

input::placeholder,
textarea::placeholder {
  font: inherit;
  color: inherit
}

input:focus-visible,
textarea:focus-visible,
[role=combobox]:focus-visible {
  outline: 1px solid #0096d9
}

textarea {
  resize: none;
  max-height: 100%;
  padding-right: 9px;
  overflow-y: auto;
  overflow-x: hidden
}

@supports (-moz-appearance:none) {
  textarea {
    scrollbar-color: #0db4ff #fcfcfc;
    scrollbar-width: thin
  }
}

textarea::-webkit-scrollbar {
  width: 4px
}

textarea::-webkit-scrollbar-track-piece {
  background-color: #fcfcfc;
  border-radius: 4px
}

textarea::-webkit-scrollbar-thumb {
  background-color: #0db4ff;
  border-radius: 4px
}

@supports (-webkit-hyphens:none) {
  input {
    -webkit-appearance: none;
    appearance: none;
    font-size: 16px !important
  }
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none
}

input[type=number] {
  -moz-appearance: textfield
}

input[type=submit],
input[type=button] {
  cursor: pointer
}

img {
  max-width: 100%;
  object-fit: contain
}

picture {
  display: contents
}

svg {
  max-height: 100%;
  transition: all .4s
}

sup {
  font-size: .5em
}

[data-digits-counter] {
  display: inline-block;
  white-space: nowrap
}

[data-lines] {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden
}

[data-lines].active {
  -webkit-line-clamp: unset;
  overflow: visible
}

.form__fields {
  display: grid
}

.logo {
  display: flex
}

.submit,
.menu li,
a,
.tel {
  transition: color .3s, background .3s, opacity .3s
}

.menu li {
  position: relative;
  z-index: 2
}

.menu-item:not(.menu-item-has-children) .menu-item-arrow {
  display: none
}

.link-button {
  display: inline-flex;
  justify-content: center;
  align-items: center
}

.hover-translate {
  transition: translate .4s
}

.hover-translate:focus-visible {
  translate: 0 -3px
}

.hover-scale {
  transition: all .4s
}

.hover-scale [class*=-img] {
  overflow: hidden
}

.hover-scale [class*=-img] img {
  transition: .4s ease-in
}

.hover-scale:focus-visible [class*=-img] img {
  scale: 1.02
}

.hover-icon img,
.hover-icon svg {
  transition: all .4s
}

.hover-icon:focus-visible img,
.hover-icon:focus-visible svg {
  scale: 1.08
}

.underline {
  text-decoration: underline;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  text-underline-offset: .1lh;
  transition: color .3s, text-decoration-color .3s
}

.underline:focus-visible {
  text-decoration-color: transparent
}

.hover-underline {
  text-decoration: underline;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  text-underline-offset: .1lh;
  transition: color .3s, text-decoration-color .3s;
  text-decoration-color: transparent
}

.hover-underline:focus-visible {
  text-decoration-color: currentColor
}

[hidden] {
  display: none !important
}

[data-scrolling] * {
  -webkit-user-select: none;
  user-select: none
}

.flex {
  display: flex
}

.flex-wrap {
  flex-wrap: wrap
}

.col,
.grid {
  display: grid;
  grid-template-columns: 100%;
  justify-items: start
}

.justify-center {
  justify-content: center;
  justify-items: center
}

.justify-end {
  justify-content: end
}

.justify-start {
  justify-items: start
}

.justify-between {
  width: 100%;
  justify-content: space-between
}

.align-center {
  align-items: center
}

.align-start {
  align-items: start;
  align-content: start
}

.align-end {
  align-items: end;
  align-content: end
}

.hidd {
  display: block;
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  transition: max-height .4s ease, opacity .4s ease
}

.hidd.show {
  max-height: 500px;
  opacity: 1
}

.hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  clip: rect(0 0 0 0);
  overflow: hidden
}

.calculation__title {
  margin-bottom: 12px
}

.calculation__subtitle {
  color: rgba(56, 56, 56, .7);
  font-weight: 500;
  text-align: center
}

.calculation__wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr)
}

.calculation__left {
  display: grid;
  gap: 20px
}

.calculation__list {
  display: grid;
  gap: 16px
}

.calculation__list li {
  display: flex;
  align-items: center;
  gap: 12px
}

.calculation__list li:before {
  content: "";
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: url(../img/icons/check.svg) center/90% no-repeat
}

.calculation__img {
  width: 100%;
  height: auto;
  border-radius: 12px
}

.calculation__form-title {
  margin-bottom: 32px;
  font-size: 20px;
  font-weight: 600
}

.calculation__form-checkboxes {
  display: flex;
  flex-wrap: wrap;
  row-gap: 12px;
  margin-block: 12px 24px
}

.calculation__form-checkboxes .checkbox:first-child {
  padding-right: 20px;
  margin-right: 20px;
  border-right: 1px solid #383838
}

.calculation__form-checkboxes .checkbox:last-child {
  width: 100%
}

.callback__content {
  background: #0096d9;
  color: #fff
}

.callback__wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr)
}

.callback__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px
}

.callback__title {
  margin-bottom: 8px
}

.callback__subtitle {
  margin-bottom: 32px
}

.callback__form-checkboxes {
  display: flex;
  flex-wrap: wrap;
  row-gap: 12px;
  margin-bottom: 24px
}

.callback__form-checkboxes .checkbox:first-child {
  padding-right: 20px;
  margin-right: 20px;
  border-right: 1px solid rgba(252, 252, 252, .7)
}

.callback__form-checkboxes .checkbox:last-child {
  width: 100%
}

/* Основной callback-модуль на страницах с tinting-ассетами */
.callback--main {
  position: relative;
  color: #fff
}

.callback--main .callback__wrapper {
  position: relative;
  display: grid;
  grid-template-columns: 1fr minmax(420px, 49%);
  gap: 20px;
  align-items: start
}

.callback--main .callback__wrapper:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  translate: -50% 0;
  pointer-events: none;
  background: linear-gradient(90deg, #007bff 0, #0cf 100%);
  border-radius: 20px
}

.callback--main .callback__left {
  padding: 48px 0 140px 48px
}

.callback--main .callback__title {
  margin-bottom: 12px;
  text-align: left
}

.callback--main .callback__subtitle {
  margin-bottom: 0;
  color: rgba(255, 255, 255, .9);
  text-align: left
}

.callback--main .callback__form {
  position: relative;
  z-index: 2;
  margin: 28px;
  padding: 32px;
  background: rgba(255, 255, 255, .2);
  border: 1px solid rgba(255, 255, 255, .4);
  border-radius: 16px
}

.callback--main .callback__form .input,
.callback--main .callback__form .textarea {
  background: rgba(255, 255, 255, .2);
  border: 1px solid rgba(255, 255, 255, .4);
  color: #fff
}

.callback--main .callback__form .input::placeholder,
.callback--main .callback__form .textarea::placeholder {
  color: rgba(255, 255, 255, .8)
}

.callback--main .callback__form .checkbox:not(:last-child) {
  margin-bottom: -4px
}

.callback--main .callback__form .textarea {
  margin-bottom: 8px
}

.callback--main .callback__img {
  position: absolute;
  left: -20px;
  bottom: -20px;
  z-index: 1;
  width: min(520px, 48%);
  height: auto;
  pointer-events: none;
  object-fit: contain;
  object-position: left bottom
}

.case__wrapper {
  display: flex;
  gap: 20px;
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-x;
  scroll-behavior: smooth;
  overscroll-behavior-x: contain
}

.case__wrapper.dragging {
  scroll-snap-type: none;
  scroll-behavior: auto
}

@supports (-moz-appearance:none) {
  .case__wrapper {
    scrollbar-color: #03b1ff #fcfcfc;
    scrollbar-width: thin
  }
}

.case__wrapper::-webkit-scrollbar {
  display: none
}

.case__wrapper::-webkit-scrollbar-track-piece {
  background: #fcfcfc;
  border-radius: 4px
}

.case__wrapper::-webkit-scrollbar-thumb {
  background: #03b1ff;
  border-radius: 4px
}

.case__item {
  display: grid;
  grid-template-rows: auto 1fr;
  flex-grow: 0;
  flex-shrink: 0;
  max-width: calc(100vw - 20px);
  background: #fff;
  border: 1px solid rgba(56, 56, 56, .1);
  border-radius: 12px;
  overflow: hidden
}

.case__item [data-splitview] {
  touch-action: pan-x
}

.case__item [data-splitview-arrow] {
  touch-action: none
}

.case__item [data-splitview]:before,
.case__item [data-splitview]:after {
  font-size: 14px
}

.case__item-content {
  display: grid;
  gap: 16px;
  padding: 20px 12px
}

.case__item-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px
}

.case__item-title {
  font-weight: 600;
  font-size: 20px;
  line-height: 1.4
}

.case__item-link {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 14px;
  line-height: 1.42857
}

.case__item-info {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 16px
}

.case__item-info li {
  display: flex;
  align-items: center;
  gap: 8px;
  line-height: 1.2;
  font-size: 14px
}

.case__item-info li:not(:last-child) {
  padding-right: 12px;
  border-right: 1px solid #2b2f33
}

.case__item-info li svg {
  max-width: 15px;
  max-height: 15px
}

.case__item-text {
  position: relative;
  font-size: 14px;
  color: rgba(56, 56, 56, .8);
  text-indent: 40px
}

.case__item-text:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 21px;
  height: 25px;
  background: url("data:image/svg+xml,%3Csvg width='31' height='25' viewBox='0 0 31 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.28' d='M13.3606 0V7.5175C13.3606 12.2378 12.2545 16.0839 10.0423 19.056C7.77183 22.0863 4.42442 24.0676 0 25V19.3182C1.97935 18.852 3.55118 17.9779 4.7155 16.6958C5.87981 15.472 6.63662 13.986 6.98592 12.2378H1.74648V0H13.3606ZM31 0V7.5175C31 12.2378 29.8939 16.0839 27.6817 19.056C25.4113 22.0863 22.093 24.0676 17.7268 25V19.3182C19.7061 18.852 21.2779 17.9779 22.4423 16.6958C23.6066 15.472 24.3634 13.986 24.7127 12.2378H19.4732V0H31Z' fill='url(%23paint0_linear_1_3268)' /%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_1_3268' x1='0' y1='12.5' x2='31' y2='12.5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23007BFF' /%3E%3Cstop offset='1' stop-color='%2300CCFF' /%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E") center/contain no-repeat
}

.case__top {
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 12px
}

.case__subtitle {
  margin: 0;
  max-width: 720px;
  color: rgba(56, 56, 56, .7)
}

.case__button {
  width: 100%;
  margin-top: 32px
}

.case__body--compact {
  width: max-content;
  max-width: 100%;
  margin-inline: auto
}

.case__body--compact .case__wrapper {
  display: flex;
  flex-wrap: nowrap;
  width: max-content;
  max-width: none;
  overflow-x: visible;
  justify-content: center
}

@media (max-width: 991px) {
  .case__body--compact {
    width: 100%;
    max-width: 100%
  }

  .case__body--compact .case__wrapper {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    justify-content: flex-start
  }
}

.case__body--compact .case__button {
  width: 100%;
  box-sizing: border-box
}

.section.contact,
#contact.section.contact {
  margin-top: clamp(16px, 2vw, 28px);
  padding-top: clamp(8px, 1.2vw, 16px)
}

.section.contact .contact__top {
  margin-bottom: clamp(20px, 2.5vw, 36px)
}

.contact__wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  position: static;
  padding: 0;
  z-index: auto;
  min-height: 0
}

.contact__left {
  display: grid;
  grid-template-columns: 1fr 31.53%;
  gap: 32px;
  align-items: start;
  padding-block: 84px;
  border: 1px solid rgba(43, 47, 51, .1);
  border-radius: 16px
}

.contact__items {
  display: grid;
  gap: 32px
}

.contact__item {
  display: grid;
  gap: 8px
}

.contact__item-label {
  color: #9fabb9
}

.contact__item-content {
  font-weight: 700
}

.contact__social {
  display: grid;
  gap: 32px
}

.contact__social .social__item {
  display: flex;
  align-items: center;
  gap: 21px;
  padding: 12px 4px;
  font-weight: 700
}

.contact__map {
  position: relative;
  left: auto;
  top: auto;
  width: auto;
  height: auto;
  min-height: 320px;
  border: 1px solid rgba(43, 47, 51, .1);
  border-radius: 16px
}

.faq__wrapper {
  display: grid;
  grid-template-columns: 100%;
  gap: 12px;
  max-width: 796px;
  margin-inline: auto
}

.faq__item {
  padding-bottom: 12px
}

.faq__item:not(:last-child) {
  border-bottom: 1px solid rgba(56, 56, 56, .1)
}

.faq__item-title {
  position: relative;
  width: 100%;
  padding-block: 8px;
  padding-left: 28px;
  font-size: 18px;
  font-weight: 500;
  text-align: left;
  transition: all .4s
}

.faq__item-title:focus-visible {
  color: #0096d9
}

.faq__item-title:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  translate: 0 -50%;
  z-index: 1;
  width: 20px;
  height: 20px;
  mask: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 7.5C15 7.66576 14.9342 7.82473 14.8169 7.94194C14.6997 8.05915 14.5408 8.125 14.375 8.125H8.125V14.375C8.125 14.5408 8.05915 14.6997 7.94194 14.8169C7.82473 14.9342 7.66576 15 7.5 15C7.33424 15 7.17527 14.9342 7.05806 14.8169C6.94085 14.6997 6.875 14.5408 6.875 14.375V8.125H0.625C0.45924 8.125 0.300269 8.05915 0.183058 7.94194C0.0658481 7.82473 0 7.66576 0 7.5C0 7.33424 0.0658481 7.17527 0.183058 7.05806C0.300269 6.94085 0.45924 6.875 0.625 6.875H6.875V0.625C6.875 0.45924 6.94085 0.300269 7.05806 0.183058C7.17527 0.0658481 7.33424 0 7.5 0C7.66576 0 7.82473 0.0658481 7.94194 0.183058C8.05915 0.300269 8.125 0.45924 8.125 0.625V6.875H14.375C14.5408 6.875 14.6997 6.94085 14.8169 7.05806C14.9342 7.17527 15 7.33424 15 7.5Z' fill='%230096D9' /%3E%3C/svg%3E") center/15px no-repeat;
  -webkit-mask: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 7.5C15 7.66576 14.9342 7.82473 14.8169 7.94194C14.6997 8.05915 14.5408 8.125 14.375 8.125H8.125V14.375C8.125 14.5408 8.05915 14.6997 7.94194 14.8169C7.82473 14.9342 7.66576 15 7.5 15C7.33424 15 7.17527 14.9342 7.05806 14.8169C6.94085 14.6997 6.875 14.5408 6.875 14.375V8.125H0.625C0.45924 8.125 0.300269 8.05915 0.183058 7.94194C0.0658481 7.82473 0 7.66576 0 7.5C0 7.33424 0.0658481 7.17527 0.183058 7.05806C0.300269 6.94085 0.45924 6.875 0.625 6.875H6.875V0.625C6.875 0.45924 6.94085 0.300269 7.05806 0.183058C7.17527 0.0658481 7.33424 0 7.5 0C7.66576 0 7.82473 0.0658481 7.94194 0.183058C8.05915 0.300269 8.125 0.45924 8.125 0.625V6.875H14.375C14.5408 6.875 14.6997 6.94085 14.8169 7.05806C14.9342 7.17527 15 7.33424 15 7.5Z' fill='%230096D9' /%3E%3C/svg%3E") center/15px no-repeat;
  background: #0096d9;
  transition: all .4s
}

.faq__item-title.active:before {
  rotate: -180deg;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='15' height='2' viewBox='0 0 15 2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 0.625C15 0.79076 14.9342 0.949732 14.8169 1.06694C14.6997 1.18415 14.5408 1.25 14.375 1.25H0.625C0.45924 1.25 0.300269 1.18415 0.183058 1.06694C0.0658481 0.949732 0 0.79076 0 0.625C0 0.45924 0.0658481 0.300269 0.183058 0.183058C0.300269 0.0658481 0.45924 0 0.625 0H14.375C14.5408 0 14.6997 0.0658481 14.8169 0.183058C14.9342 0.300269 15 0.45924 15 0.625Z' fill='%230096D9' /%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg width='15' height='2' viewBox='0 0 15 2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 0.625C15 0.79076 14.9342 0.949732 14.8169 1.06694C14.6997 1.18415 14.5408 1.25 14.375 1.25H0.625C0.45924 1.25 0.300269 1.18415 0.183058 1.06694C0.0658481 0.949732 0 0.79076 0 0.625C0 0.45924 0.0658481 0.300269 0.183058 0.183058C0.300269 0.0658481 0.45924 0 0.625 0H14.375C14.5408 0 14.6997 0.0658481 14.8169 0.183058C14.9342 0.300269 15 0.45924 15 0.625Z' fill='%230096D9' /%3E%3C/svg%3E")
}

.faq__item-text {
  color: rgba(56, 56, 56, .7)
}

.features__wrapper {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(max(20%, 240px), 1fr))
}

.features__item {
  display: grid;
  grid-template-columns: 100%;
  gap: 20px;
  align-items: start;
  grid-template-rows: auto 1fr;
  padding: 20px 16px;
  border: 1px solid rgba(56, 56, 56, .1);
  border-radius: 12px
}

.features__item-top {
  display: flex;
  align-items: center;
  gap: 12px;
  word-break: break-word
}

.features__item-icon {
  max-width: 60%;
  max-height: 60%
}

.features__item-icon-wrapper {
  flex: 0 0 48px;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #0096d9;
  border-radius: 8px
}

.features__item-text {
  color: rgba(56, 56, 56, .7);
  align-self: end
}

.price__subtitle {
  font-weight: 700;
  font-size: 23px;
  line-height: 1.04348
}

.price__content {
  max-width: 796px;
  margin-inline: auto
}

.price__table {
  padding-block: 20px;
  border: 1px solid rgba(43, 47, 51, .1);
  border-radius: 16px;
  background: #fff
}

.price__table tfoot {
  text-align: left;
  color: rgba(56, 56, 56, .7)
}

.price__table tfoot td {
  padding: 20px 0 0;
  text-align: left
}

.price__button {
  width: 100%;
  margin-top: 40px
}

.product__top {
  margin-bottom: 4px
}

.product__top .title-2 {
  width: 100%;
  text-align: center
}

.section.product .container {
  position: relative
}

.section.product .product__slider {
  position: relative
}

@media (min-width:992px) {
  .section.product .product__slider .splide__arrows {
    position: absolute;
    top: -52px;
    right: 0;
    z-index: 2
  }
}

.product__slider .splide__track {
  overflow: visible
}

/* Splide: без is-active список становится display:block — на десктопе карточки в столбик */
.section.product .product__slider.is-initialized .splide__list {
  display: flex !important
}

.product__item {
  display: grid;
  grid-template-rows: auto 1fr;
  padding: 20px 16px;
  height: 100%;
  border: 1px solid rgba(56, 56, 56, .1);
  border-radius: 12px;
  background: #fff
}

.product__item-img {
  margin-bottom: 20px;
  border-radius: 4px
}

.product__item-content {
  display: grid;
  grid-template-rows: auto 1fr auto auto
}

.product__item-title {
  margin-bottom: 8px;
  font-size: 18px;
  line-height: 1.3
}

.product__item-title-name {
  display: block;
  margin-bottom: 4px;
  color: #0096d9;
  font-weight: 500
}

.product__item-title-sub {
  display: block;
  color: #383838;
  font-weight: 700
}

.product__item-text {
  margin-bottom: 20px;
  color: rgba(56, 56, 56, .7);
  font-size: 14px
}

.product__item-price {
  margin-bottom: 20px;
  font-weight: 600;
  font-size: 20px
}

.product__item-button {
  width: 100%
}

.product__item picture {
  display: flex;
}

/* До инициализации Splide (иначе visibility:hidden и пустой блок на мобиле) */
.section.product .product__slider.splide:not(.is-initialized) {
  visibility: visible
}

.section.product .product__slider:not(.is-initialized) .splide__list {
  display: flex;
  flex-direction: row;
  gap: 20px;
  overflow: hidden
}

.section.product .product__slider:not(.is-initialized) .splide__slide {
  flex: 0 0 100%;
  width: 100% !important;
  margin: 0
}

.section.product .product__slider:not(.is-initialized) .splide__slide:not(:first-child) {
  display: none
}

@media (min-width:992px) {
  .section.product .product__slider:not(.is-initialized) .splide__list {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    overflow: visible
  }

  .section.product .product__slider:not(.is-initialized) .splide__slide {
    flex: none;
    display: block !important
  }
}

@media (max-width:991px) {
  .section.product .product__slider {
    overflow: hidden
  }

  .section.product .product__slider .splide__track {
    overflow: hidden
  }

  .section.product .product__slider .splide__slide {
    width: 100% !important;
    max-width: 100%;
    box-sizing: border-box
  }

  .section.product .product__item {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box
  }

  .section.product .product__top {
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
    margin-bottom: 4px
  }

  .section.product .product__top .title-2 {
    text-align: center
  }

  .section.product .product__item-title {
    font-size: 16px;
    line-height: 1.25
  }

  .section.product .product__item-text {
    font-size: 13px;
    line-height: 1.45
  }

  .section.product .product__item-img {
    width: 100%;
    height: auto;
    max-height: 220px;
    object-fit: cover
  }

  .section.product .splide__pagination {
    display: flex !important;
    position: static;
    margin-top: 16px;
    visibility: visible
  }
}

.step__wrapper {
  display: grid;
  grid-template-columns: repeat(var(--steps-count, auto-fit), minmax(220px, 1fr));
  width: 100%;
  gap: 26px;
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  padding-top: 12px;
  margin-top: -12px;
  counter-reset: number
}

@supports (-moz-appearance:none) {
  .step__wrapper {
    scrollbar-color: #03b1ff #fcfcfc;
    scrollbar-width: thin
  }
}

.step__wrapper::-webkit-scrollbar {
  display: none
}

.step__wrapper::-webkit-scrollbar-track-piece {
  background: #fcfcfc;
  border-radius: 4px
}

.step__wrapper::-webkit-scrollbar-thumb {
  background: #03b1ff;
  border-radius: 4px
}

.step__item {
  position: relative;
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(56, 56, 56, .1);
  border-radius: 12px;
  counter-increment: number;
  transition: all .4s
}

.step__item:not(:last-child):after {
  content: "";
  position: absolute;
  left: calc(100% + 2px);
  top: 50%;
  translate: 0 -50%;
  width: 24px;
  height: 24px;
  background: url(../img/icons/next.svg) center/20px no-repeat
}

.step__item-top {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px
}

.step__item-top:before {
  content: "";
  width: 20px;
  height: 20px;
  mask: var(--icon) center/min(90%, 18px) no-repeat;
  -webkit-mask: var(--icon) center/min(90%, 18px) no-repeat;
  background: #0096d9
}

.step__item-top:after {
  content: "Шаг " counter(number);
  font-size: 14px;
  letter-spacing: .01em
}

.step__item-title {
  margin-bottom: 24px;
  font-weight: 500;
  color: #0096d9
}

.step__item-text {
  font-size: 14px
}

.why__wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px
}

.why__item {
  display: grid;
  gap: 16px;
  padding-block: 16px;
  border-radius: 12px;
  background: #0096d9;
  color: #fff
}

.why__item-top {
  display: flex;
  align-items: center;
  gap: 20px
}

.why__item-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 28px;
  height: 28px
}

.why__item-title {
  font-weight: 600;
  font-size: 20px
}

.seo__content {
  max-width: 100%
}

@media (min-width:576px) {
  .show-xs {
    display: none
  }

  .show-xs.swiper-pagination,
  .show-xs.swiper-navigation {
    display: none
  }
}

@media (min-width:768px) {
  .show-sm {
    display: none
  }

  .show-sm.swiper-pagination,
  .show-sm.swiper-navigation {
    display: none
  }
}

@media (min-width:769px) {
  .section__top {
    margin-bottom: round(clamp(min(52px, 40px), 32px + 1.0416666667vw, max(52px, 40px)), 1px)
  }

  .section__inner {
    padding-block: round(clamp(min(60px, 20px), -6.6666666667px + 3.4722222222vw, max(60px, 20px)), 1px)
  }

  .title {
    font-size: round(clamp(min(52px, 32px), 18.6666666667px + 1.7361111111vw, max(52px, 32px)), 1px)
  }

  .title-2 {
    font-size: round(clamp(min(36px, 24px), 16px + 1.0416666667vw, max(36px, 24px)), 1px)
  }

  .social__item img,
  .social__item svg {
    width: round(clamp(min(48px, 24px), 8px + 2.0833333333vw, max(48px, 24px)), 1px)
  }

  .social__item img,
  .social__item svg {
    height: round(clamp(min(48px, 24px), 8px + 2.0833333333vw, max(48px, 24px)), 1px)
  }

  .header-main__title {
    margin-bottom: round(clamp(min(20px, 12px), 6.6666666667px + .6944444444vw, max(20px, 12px)), 1px)
  }

  .header-main__text {
    margin-bottom: round(clamp(min(52px, 40px), 32px + 1.0416666667vw, max(52px, 40px)), 1px)
  }

  .header-main__list {
    gap: round(clamp(min(20px, 12px), 6.6666666667px + .6944444444vw, max(20px, 12px)), 1px)
  }

  .header-main__list {
    margin-bottom: round(clamp(min(52px, 40px), 32px + 1.0416666667vw, max(52px, 40px)), 1px)
  }

  .header-main__list {
    font-size: round(clamp(min(16px, 14px), 12.6666666667px + .1736111111vw, max(16px, 14px)), 1px)
  }

  .text-block h2 {
    font-size: round(clamp(min(36px, 24px), 16px + 1.0416666667vw, max(36px, 24px)), 1px)
  }

  .text-block table {
    font-size: round(clamp(min(20px, 18px), 16.6666666667px + .1736111111vw, max(20px, 18px)), 1px)
  }

  .text-block table td,
  .text-block table th {
    padding-block: round(clamp(min(16px, 11px), 7.6666666667px + .4340277778vw, max(16px, 11px)), 1px)
  }

  .text-block table thead th {
    padding-block: round(clamp(min(27px, 8px), -4.6666666667px + 1.6493055556vw, max(27px, 8px)), 1px)
  }

  .text-block table thead th {
    font-size: round(clamp(min(18px, 16px), 14.6666666667px + .1736111111vw, max(18px, 16px)), 1px)
  }

  .crumbs {
    margin-bottom: round(clamp(min(28px, 12px), 1.3333333333px + 1.3888888889vw, max(28px, 12px)), 1px)
  }

  .container {
    padding-inline: round(clamp(min(92px, 10px), -44.6666666667px + 7.1180555556vw, max(92px, 10px)), 1px)
  }

  .container-left {
    padding-left: round(clamp(min(92px, 10px), -44.6666666667px + 7.1180555556vw, max(92px, 10px)), 1px)
  }

  .calculation__subtitle {
    margin-bottom: round(clamp(min(52px, 40px), 32px + 1.0416666667vw, max(52px, 40px)), 1px)
  }

  .calculation__wrapper {
    gap: round(clamp(min(40px, 12px), -6.6666666667px + 2.4305555556vw, max(40px, 12px)), 1px)
  }

  .callback__wrapper {
    gap: round(clamp(min(40px, 12px), -6.6666666667px + 2.4305555556vw, max(40px, 12px)), 1px)
  }

  .case__item {
    flex-basis: round(clamp(min(388px, 364px), 348px + 2.0833333333vw, max(388px, 364px)), 1px)
  }

  .contact__left {
    padding-inline: round(clamp(min(80px, 32px), -112px + 10vw, max(80px, 32px)), 1px)
  }

  .faq__item-text {
    padding-top: round(clamp(min(16px, 4px), -4px + 1.0416666667vw, max(16px, 4px)), 1px)
  }

  .features__wrapper {
    gap: round(clamp(min(20px, 20px), 20px + 0vw, max(20px, 20px)), 1px)
  }

  .price__table {
    padding-inline: round(clamp(min(20px, 20px), 20px + 0vw, max(20px, 20px)), 1px)
  }

  .price__table tfoot {
    font-size: round(clamp(min(16px, 16px), 16px + 0vw, max(16px, 16px)), 1px)
  }

}

@media (min-width:992px) {
  .section.product .product__slider .splide__track {
    overflow: hidden
  }

  .section.product .product__item-img {
    display: block;
    width: 100%;
    height: auto;
    max-height: 220px;
    object-fit: cover
  }

  .section.product .splide__pagination {
    display: none
  }

  .menu-link {
    display: none
  }

  .text-block img[style*=float] {
    max-width: 50%
  }

  .text-block img[style*="float: right"] {
    margin-left: round(clamp(min(40px, 20px), 15.145631068px + 1.2944983819vw, max(40px, 20px)), 1px)
  }

  .text-block img[style*="float: left"] {
    margin-right: round(clamp(min(40px, 20px), 15.145631068px + 1.2944983819vw, max(40px, 20px)), 1px)
  }

  .show-md {
    display: none
  }

  .show-md.swiper-pagination,
  .show-md.swiper-navigation {
    display: none
  }
}

@media (min-width:1200px) {
  .main {
    padding-bottom: 50px
  }

  .section {
    padding-block: 50px
  }

  .section-top {
    padding-top: 50px
  }

  .section-bottom {
    padding-bottom: 50px
  }

  .section-small {
    padding-block: 33.3333333333px
  }

  .section-small-top {
    padding-top: 33.3333333333px
  }

  .section-small-bottom {
    padding-bottom: 33.3333333333px
  }

  .section-big {
    padding-block: 100px
  }

  .section-offset {
    margin-block: 50px
  }

  .section-offset+.section-offset {
    margin-top: -50px
  }

  .section-offset-top {
    margin-top: 50px
  }

  .section-offset-bottom {
    margin-bottom: 50px
  }

  .title-4 {
    font-size: 24px
  }

  .text-block h4 {
    font-size: 24px
  }

  .text-block ul,
  .text-block ol {
    gap: 16px
  }

  .text-block ul:not(:first-child),
  .text-block ol:not(:first-child) {
    padding-top: 16px
  }

  .text-block ul:not(:last-child),
  .text-block ol:not(:last-child) {
    padding-bottom: 16px
  }

  .text-block ul>li {
    padding-left: 20px
  }

  .text-block blockquote {
    padding: 24px
  }

  .text-block blockquote {
    font-size: 20px
  }

  .text-block .video {
    border-radius: 20px
  }

  .text-block .video {
    margin-bottom: 20px
  }

  .text-block .video:after {
    width: 51px
  }

  .text-block .video:after {
    height: 56px
  }

  .text-block img {
    border-radius: 20px
  }

  [data-splitview-arrow] {
    width: 4px
  }

  .flex {
    gap: 16px
  }

  .grid {
    gap: 16px
  }

  .show-lg {
    display: none
  }

  .show-lg.swiper-pagination,
  .show-lg.swiper-navigation {
    display: none
  }

  .show-xl {
    display: none
  }

  .show-xl.swiper-pagination,
  .show-xl.swiper-navigation {
    display: none
  }

  .why__item {
    padding-inline: 16px
  }
}

@media (max-width:1199px) {
  .main {
    padding-bottom: round(clamp(min(50px, 24px), 17.6893203883px + 1.6828478964vw, max(50px, 24px)), 1px)
  }

  .section {
    padding-block: round(clamp(min(50px, 16px), 7.7475728155px + 2.2006472492vw, max(50px, 16px)), 1px)
  }

  .section-top {
    padding-top: round(clamp(min(50px, 24px), 17.6893203883px + 1.6828478964vw, max(50px, 24px)), 1px)
  }

  .section-bottom {
    padding-bottom: round(clamp(min(50px, 24px), 17.6893203883px + 1.6828478964vw, max(50px, 24px)), 1px)
  }

  .section-small {
    padding-block: round(clamp(min(33.3333333333px, 16px), 11.7928802589px + 1.1218985976vw, max(33.3333333333px, 16px)), 1px)
  }

  .section-small-top {
    padding-top: round(clamp(min(33.3333333333px, 16px), 11.7928802589px + 1.1218985976vw, max(33.3333333333px, 16px)), 1px)
  }

  .section-small-bottom {
    padding-bottom: round(clamp(min(33.3333333333px, 16px), 11.7928802589px + 1.1218985976vw, max(33.3333333333px, 16px)), 1px)
  }

  .section-big {
    padding-block: round(clamp(min(100px, 40px), 25.4368932039px + 3.8834951456vw, max(100px, 40px)), 1px)
  }

  .section-offset {
    margin-block: round(clamp(min(50px, 24px), 17.6893203883px + 1.6828478964vw, max(50px, 24px)), 1px)
  }

  .section-offset+.section-offset {
    margin-top: round(clamp(min(-50px, -24px), -17.6893203883px + -1.6828478964vw, max(-50px, -24px)), 1px)
  }

  .section-offset-top {
    margin-top: round(clamp(min(50px, 24px), 17.6893203883px + 1.6828478964vw, max(50px, 24px)), 1px)
  }

  .section-offset-bottom {
    margin-bottom: round(clamp(min(50px, 24px), 17.6893203883px + 1.6828478964vw, max(50px, 24px)), 1px)
  }

  .title-4 {
    font-size: round(clamp(min(24px, 16px), 14.0582524272px + .5177993528vw, max(24px, 16px)), 1px)
  }

  .text-block h4 {
    font-size: round(clamp(min(24px, 16px), 14.0582524272px + .5177993528vw, max(24px, 16px)), 1px)
  }

  .text-block ul,
  .text-block ol {
    gap: round(clamp(min(16px, 12px), 11.0291262136px + .2588996764vw, max(16px, 12px)), 1px)
  }

  .text-block ul:not(:first-child),
  .text-block ol:not(:first-child) {
    padding-top: round(clamp(min(16px, 12px), 11.0291262136px + .2588996764vw, max(16px, 12px)), 1px)
  }

  .text-block ul:not(:last-child),
  .text-block ol:not(:last-child) {
    padding-bottom: round(clamp(min(16px, 12px), 11.0291262136px + .2588996764vw, max(16px, 12px)), 1px)
  }

  .text-block ul>li {
    padding-left: round(clamp(min(20px, 16px), 15.0291262136px + .2588996764vw, max(20px, 16px)), 1px)
  }

  .text-block blockquote {
    padding: round(clamp(min(24px, 16px), 14.0582524272px + .5177993528vw, max(24px, 16px)), 1px)
  }

  .text-block blockquote {
    font-size: round(clamp(min(20px, 16px), 15.0291262136px + .2588996764vw, max(20px, 16px)), 1px)
  }

  .text-block .video {
    border-radius: round(clamp(min(20px, 16px), 15.0291262136px + .2588996764vw, max(20px, 16px)), 1px)
  }

  .text-block .video {
    margin-bottom: round(clamp(min(20px, 16px), 15.0291262136px + .2588996764vw, max(20px, 16px)), 1px)
  }

  .text-block .video:after {
    width: round(clamp(min(51px, 32px), 27.3883495146px + 1.2297734628vw, max(51px, 32px)), 1px)
  }

  .text-block .video:after {
    height: round(clamp(min(56px, 36px), 31.145631068px + 1.2944983819vw, max(56px, 36px)), 1px)
  }

  .text-block img {
    border-radius: round(clamp(min(20px, 16px), 15.0291262136px + .2588996764vw, max(20px, 16px)), 1px)
  }

  [data-splitview-arrow] {
    width: round(clamp(min(4px, 2px), 1.5145631068px + .1294498382vw, max(4px, 2px)), 1px)
  }

  .flex {
    gap: round(clamp(min(16px, 12px), 11.0291262136px + .2588996764vw, max(16px, 12px)), 1px)
  }

  .grid {
    gap: round(clamp(min(16px, 12px), 11.0291262136px + .2588996764vw, max(16px, 12px)), 1px)
  }

  .hide-lg {
    display: none
  }

  .hide-lg.swiper-pagination,
  .hide-lg.swiper-navigation {
    display: none
  }

  .hide-xl {
    display: none
  }

  .hide-xl.swiper-pagination,
  .hide-xl.swiper-navigation {
    display: none
  }

  .features__wrapper {
    grid-template-columns: repeat(2, 1fr)
  }

  .features__item-text {
    align-self: start
  }

  .why__item {
    padding-inline: round(clamp(min(16px, 12px), 11.0291262136px + .2588996764vw, max(16px, 12px)), 1px)
  }
}

@media (max-width:991px) {
  .text-block img {
    float: none !important
  }

  .hide-md {
    display: none
  }

  .hide-md.swiper-pagination,
  .hide-md.swiper-navigation {
    display: none
  }

  .case__wrapper {
    grid-template-columns: 100%
  }

  .why__wrapper {
    grid-template-columns: repeat(2, 1fr);
    gap: 8px
  }

  .why__item-top {
    gap: 8px
  }
}

@media (max-width:768px) {
  .section__top {
    margin-bottom: round(clamp(min(40px, 20px), .9160305344px + 5.0890585242vw, max(40px, 20px)), 1px)
  }

  .section__inner {
    padding-block: round(clamp(min(20px, 40px), 59.0839694656px + -5.0890585242vw, max(20px, 40px)), 1px)
  }

  .title {
    font-size: round(clamp(min(32px, 32px), 32px + 0vw, max(32px, 32px)), 1px)
  }

  .title-2 {
    font-size: round(clamp(min(24px, 24px), 24px + 0vw, max(24px, 24px)), 1px)
  }

  .social__item img,
  .social__item svg {
    width: round(clamp(min(24px, 24px), 24px + 0vw, max(24px, 24px)), 1px)
  }

  .social__item img,
  .social__item svg {
    height: round(clamp(min(24px, 24px), 24px + 0vw, max(24px, 24px)), 1px)
  }

  .header-main__title {
    margin-bottom: round(clamp(min(12px, 12px), 12px + 0vw, max(12px, 12px)), 1px)
  }

  .header-main__text {
    margin-bottom: round(clamp(min(40px, 40px), 40px + 0vw, max(40px, 40px)), 1px)
  }

  .header-main__list {
    gap: round(clamp(min(12px, 12px), 12px + 0vw, max(12px, 12px)), 1px)
  }

  .header-main__list {
    margin-bottom: round(clamp(min(40px, 40px), 40px + 0vw, max(40px, 40px)), 1px)
  }

  .header-main__list {
    font-size: round(clamp(min(14px, 14px), 14px + 0vw, max(14px, 14px)), 1px)
  }

  .text-block h2 {
    font-size: round(clamp(min(24px, 24px), 24px + 0vw, max(24px, 24px)), 1px)
  }

  .text-block table {
    font-size: round(clamp(min(18px, 14px), 10.1832061069px + 1.0178117048vw, max(18px, 14px)), 1px)
  }

  .text-block table td,
  .text-block table th {
    padding-block: round(clamp(min(11px, 6px), 1.2290076336px + 1.272264631vw, max(11px, 6px)), 1px)
  }

  .text-block table thead th {
    padding-block: round(clamp(min(8px, 4px), .1832061069px + 1.0178117048vw, max(8px, 4px)), 1px)
  }

  .text-block table thead th {
    font-size: round(clamp(min(16px, 14px), 12.0916030534px + .5089058524vw, max(16px, 14px)), 1px)
  }

  .crumbs {
    margin-bottom: round(clamp(min(12px, 16px), 19.8167938931px + -1.0178117048vw, max(12px, 16px)), 1px)
  }

  .container {
    padding-inline: round(clamp(min(10px, 10px), 10px + 0vw, max(10px, 10px)), 1px)
  }

  .container-left {
    padding-left: round(clamp(min(10px, 10px), 10px + 0vw, max(10px, 10px)), 1px)
  }

  .calculation__subtitle {
    margin-bottom: round(clamp(min(40px, 20px), .9160305344px + 5.0890585242vw, max(40px, 20px)), 1px)
  }

  .calculation__wrapper {
    gap: round(clamp(min(12px, 20px), 27.6335877863px + -2.0356234097vw, max(12px, 20px)), 1px)
  }

  .callback__wrapper {
    gap: round(clamp(min(12px, 20px), 27.6335877863px + -2.0356234097vw, max(12px, 20px)), 1px)
  }

  .case__item {
    flex-basis: round(clamp(min(364px, 364px), 364px + 0vw, max(364px, 364px)), 1px)
  }

  .contact__wrapper {
    grid-template-columns: 100%
  }

  .contact__left {
    grid-template-columns: 1fr minmax(200px, auto);
    gap: 20px;
    padding-block: round(clamp(min(56px, 20px), -1.9155844156px + 5.8441558442vw, max(56px, 20px)), 1px);
    padding-inline: round(clamp(min(20px, 12px), 7.1298701299px + 1.2987012987vw, max(20px, 12px)), 1px)
  }

  .contact__map {
    min-height: round(clamp(min(320px, 268px), 236.3441558442px + 8.4415584416vw, max(320px, 268px)), 1px)
  }

  .contact__items,
  .contact__social {
    gap: 20px
  }

  .faq__item-text {
    padding-top: round(clamp(min(4px, 5px), 5.9541984733px + -.2544529262vw, max(4px, 5px)), 1px)
  }

  .features__wrapper {
    gap: round(clamp(min(20px, 12px), 4.3664122137px + 2.0356234097vw, max(20px, 12px)), 1px)
  }

  .price__table {
    padding-inline: round(clamp(min(20px, 10px), .4580152672px + 2.5445292621vw, max(20px, 10px)), 1px)
  }

  .price__table tfoot {
    font-size: round(clamp(min(16px, 14px), 12.0916030534px + .5089058524vw, max(16px, 14px)), 1px)
  }

}

@media (max-width:767px) {
  .header-main__wrapper {
    grid-template-columns: 100%
  }

  .header-main__img {
    width: 100%;
    height: round(clamp(min(400px, 206px), 20.4132653061px + 49.4897959184vw, max(400px, 206px)), 1px)
  }

  .hide-sm {
    display: none
  }

  .hide-sm.swiper-pagination,
  .hide-sm.swiper-navigation {
    display: none
  }

  .calculation__wrapper {
    grid-template-columns: 100%
  }

  .calculation__left,
  .calculation__img {
    order: 1
  }

  .callback__wrapper {
    grid-template-columns: 100%
  }

  .callback--main .callback__wrapper {
    grid-template-columns: 100%;
    gap: 16px;
    overflow: hidden
  }

  .callback--main .callback__left {
    padding: 20px 20px 0
  }

  .callback--main .callback__form {
    margin: 0 20px;
    padding: 20px
  }

  .callback--main .callback__img {
    position: relative;
    left: auto;
    bottom: auto;
    width: 100%;
    max-width: 420px;
    justify-self: center;
    margin: 0 auto 16px;
    display: block
  }

  .callback__left {
    order: 1
  }

  .contact {
    padding-top: 0
  }

  .contact__left {
    grid-template-columns: 100%
  }

  .contact__social {
    display: flex;
    gap: 16px 20px;
    flex-wrap: wrap
  }

  .contact__social .social__item {
    gap: 4px;
    padding: 0
  }

  .contact__social .social__item svg {
    max-width: 24px;
    max-height: 24px
  }

  .contact__item-label {
    font-size: 14px
  }

  .contact__map {
    position: relative;
    margin-top: 8px
  }

  .features__wrapper {
    display: flex;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden
  }

  @supports (-moz-appearance:none) {
    .features__wrapper {
      scrollbar-color: #03b1ff #fcfcfc;
      scrollbar-width: thin
    }
  }

  .features__wrapper::-webkit-scrollbar {
    display: none
  }

  .features__wrapper::-webkit-scrollbar-track-piece {
    background: #fcfcfc;
    border-radius: 4px
  }

  .features__wrapper::-webkit-scrollbar-thumb {
    background: #03b1ff;
    border-radius: 4px
  }

  .features__item {
    flex: 0 0 300px
  }

  .why__wrapper {
    display: flex;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden
  }

  @supports (-moz-appearance:none) {
    .why__wrapper {
      scrollbar-color: #03b1ff #fcfcfc;
      scrollbar-width: thin
    }
  }

  .why__wrapper::-webkit-scrollbar {
    display: none
  }

  .why__wrapper::-webkit-scrollbar-track-piece {
    background: #fcfcfc;
    border-radius: 4px
  }

  .why__wrapper::-webkit-scrollbar-thumb {
    background: #03b1ff;
    border-radius: 4px
  }

  .why__item {
    flex: 0 0 370px;
    max-width: calc(100vw - 20px)
  }
}

@media (max-width:767px) and (pointer:coarse) {
  .features__wrapper {
    scroll-snap-type: x mandatory
  }

  .features__item {
    scroll-snap-align: start
  }

  .why__wrapper {
    scroll-snap-type: x mandatory
  }

  .why__item {
    scroll-snap-align: start
  }
}

@media (max-width:575px) {
  .title {
    line-height: 1.125
  }

  .text-block table thead th {
    font-weight: 400
  }

  .hide-xs {
    display: none
  }

  .hide-xs.swiper-pagination,
  .hide-xs.swiper-navigation {
    display: none
  }

  .case__button {
    margin-top: 20px
  }

  .case__item-content {
    padding: 16px 12px;
    gap: 16px
  }

  .case__item-title {
    font-size: 16px
  }

  .features__item:last-child {
    margin-right: 10px
  }

  .price__top {
    margin-bottom: 32px
  }

  .price__subtitle {
    font-size: 16px;
    font-weight: 400
  }

  .price__text {
    font-size: 14px
  }
}

@media (min-width:576px) and (max-width:1199px) {

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    text-wrap: balance
  }
}

@media (max-width:991px) and (min-width:768px) {
  .why__item {
    animation: none;
    opacity: 1
  }
}

@media (any-hover:hover) {
  .button:hover {
    background: color-mix(in srgb, black 12%, #0096d9)
  }

  .button_white:hover {
    background: color-mix(in srgb, black 4%, #fcfcfc)
  }

  .button_white.button_border:hover {
    background: #0096d9;
    border-color: #0096d9;
    color: #fff
  }

  .social__item img:hover,
  .social__item svg:hover {
    scale: 1.05
  }

  .input-file-text:hover {
    background: #fff;
    color: #383838
  }


  .splide__arrow:not([disabled]):hover {
    border-color: #0096d9;
    background: #0096d9
  }

  .crumbs li:not(:last-child):hover {
    color: #0096d9
  }

  .hover-active:hover {
    color: #0096d9
  }

  .hover-translate:hover {
    translate: 0 -3px
  }

  .hover-scale:hover [class*=-img] img {
    scale: 1.02
  }

  .hover-icon:hover img,
  .hover-icon:hover svg {
    scale: 1.08
  }

  .underline:hover {
    text-decoration-color: transparent
  }

  .hover-underline:hover {
    text-decoration-color: currentColor
  }

  .faq__item-title:hover {
    color: #0096d9
  }
}

@media (pointer:coarse) {
  .case__wrapper {
    scroll-snap-type: x proximity
  }

  .case__item {
    scroll-snap-align: center;
    scroll-snap-stop: normal
  }

  .step__wrapper {
    scroll-snap-type: x mandatory
  }

  .step__item {
    scroll-snap-align: start
  }
}

/* Единый контейнер с главной страницей */
:root {
  --container-max: 1440px;
  --container-offset: calc(8px + 192 * ((100vw - 375px) / 1545))
}

.container {
  max-width: min(1440px, var(--container-max));
  padding-inline: var(--container-offset)
}

.container-left {
  max-width: min(1440px, var(--container-max));
  padding-left: var(--container-offset)
}

@media (max-width:1199px) {
  .container {
    padding-inline: 40px
  }

  .container-left {
    padding-left: 40px
  }
}

@media (max-width:575px) {
  .container {
    padding-inline: round(clamp(min(20px, 8px), -14.5px + 6vw, max(20px, 8px)), 1px)
  }

  .container-left {
    padding-left: round(clamp(min(20px, 8px), -14.5px + 6vw, max(20px, 8px)), 1px)
  }
}

.breadcrumbs {
  padding: clamp(20px, 2.2vw, 36px) 0 clamp(8px, 1vw, 12px);
  font-size: 13px;
  line-height: 1.4;
  color: #9a9a9a
}

.breadcrumbs + .section.header-main {
  padding-top: clamp(12px, 1.5vw, 24px)
}

.breadcrumbs__list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 8px;
  margin: 0;
  padding: 0;
  list-style: none
}

.breadcrumbs__item {
  display: inline-flex;
  align-items: center;
  gap: 8px
}

.breadcrumbs__item:not(:last-child)::after {
  content: "→";
  color: #c4c4c4;
  font-size: 12px;
  line-height: 1
}

.breadcrumbs__link {
  color: inherit;
  text-decoration: none;
  transition: color .2s ease
}

.breadcrumbs__link:hover {
  color: #0096d9
}

.breadcrumbs__current {
  color: #7a7a7a
}