/**
 * Swiper 12.0.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2025 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: September 18, 2025
 */
:root {
  --swiper-theme-color:#007aff;
}

:host {
  display: block;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 1;
}

.swiper {
  display: block;
  list-style: none;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  padding: 0;
  position: relative;
  z-index: 1;
}

.swiper-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.swiper-wrapper {
  -webkit-box-sizing: initial;
          box-sizing: initial;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
          transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  width: 100%;
  z-index: 1;
}

.swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}

.swiper-horizontal {
  -ms-touch-action: pan-y;
      touch-action: pan-y;
}

.swiper-vertical {
  -ms-touch-action: pan-x;
      touch-action: pan-x;
}

.swiper-slide {
  display: block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  width: 100%;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

.swiper-autoheight, .swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform;
}

.swiper-backface-hidden .swiper-slide {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
  -webkit-perspective: 1200px;
          perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

.swiper-3d {
  -webkit-perspective: 1200px;
          perspective: 1200px;
}
.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  -ms-scroll-snap-type: y mandatory;
      scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  -ms-scroll-snap-type: none;
      scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper:before {
  content: "";
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-ordinal-group: 10000;
      -ms-flex-order: 9999;
          order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  -webkit-margin-start: var(--swiper-centered-offset-before);
          margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper:before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  -webkit-margin-before: var(--swiper-centered-offset-before);
          margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper:before {
  height: var(--swiper-centered-offset-after);
  min-width: 1px;
  width: 100%;
}

.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.1490196078);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5019607843)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.5019607843), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5019607843)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.5019607843), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5019607843)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5019607843), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5019607843)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5019607843), rgba(0, 0, 0, 0));
}

.swiper-lazy-preloader {
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top: 4px solid rgba(0, 0, 0, 0);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 42px;
  left: 50%;
  margin-left: -21px;
  margin-top: -21px;
  position: absolute;
  top: 50%;
  -webkit-transform-origin: 50%;
      -ms-transform-origin: 50%;
          transform-origin: 50%;
  width: 42px;
  z-index: 10;
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
  -webkit-animation: swiper-preloader-spin 1s linear infinite;
          animation: swiper-preloader-spin 1s linear infinite;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color:#fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color:#000;
}

@-webkit-keyframes swiper-preloader-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(1turn);
            transform: rotate(1turn);
  }
}

@keyframes swiper-preloader-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(1turn);
            transform: rotate(1turn);
  }
}
:root {
  --swiper-navigation-size:44px;
}

.swiper-button-next, .swiper-button-prev {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: var(--swiper-navigation-size);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  width: var(--swiper-navigation-size);
  z-index: 10;
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  cursor: auto;
  opacity: 0.35;
  pointer-events: none;
}
.swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden {
  cursor: auto;
  opacity: 0;
  pointer-events: none;
}
.swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev {
  display: none !important;
}
.swiper-button-next svg, .swiper-button-prev svg {
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  width: 100%;
  fill: currentColor;
  pointer-events: none;
}

.swiper-button-lock {
  display: none;
}

.swiper-button-next, .swiper-button-prev {
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  top: var(--swiper-navigation-top-offset, 50%);
}

.swiper-button-prev {
  left: var(--swiper-navigation-sides-offset, 4px);
  right: auto;
}
.swiper-button-prev .swiper-navigation-icon {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.swiper-button-next {
  left: auto;
  right: var(--swiper-navigation-sides-offset, 4px);
}

.swiper-horizontal .swiper-button-next, .swiper-horizontal .swiper-button-prev, .swiper-horizontal ~ .swiper-button-next, .swiper-horizontal ~ .swiper-button-prev {
  margin-left: 0;
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  top: var(--swiper-navigation-top-offset, 50%);
}
.swiper-horizontal.swiper-rtl .swiper-button-next, .swiper-horizontal.swiper-rtl ~ .swiper-button-next, .swiper-horizontal ~ .swiper-button-prev, .swiper-horizontal .swiper-button-prev {
  left: var(--swiper-navigation-sides-offset, 4px);
  right: auto;
}
.swiper-horizontal.swiper-rtl .swiper-button-prev, .swiper-horizontal.swiper-rtl ~ .swiper-button-prev, .swiper-horizontal ~ .swiper-button-next, .swiper-horizontal .swiper-button-next {
  left: auto;
  right: var(--swiper-navigation-sides-offset, 4px);
}
.swiper-horizontal.swiper-rtl .swiper-button-next .swiper-navigation-icon, .swiper-horizontal.swiper-rtl ~ .swiper-button-next .swiper-navigation-icon, .swiper-horizontal ~ .swiper-button-prev .swiper-navigation-icon, .swiper-horizontal .swiper-button-prev .swiper-navigation-icon {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.swiper-horizontal.swiper-rtl .swiper-button-prev .swiper-navigation-icon, .swiper-horizontal.swiper-rtl ~ .swiper-button-prev .swiper-navigation-icon {
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
}

.swiper-vertical .swiper-button-next, .swiper-vertical .swiper-button-prev, .swiper-vertical ~ .swiper-button-next, .swiper-vertical ~ .swiper-button-prev {
  left: var(--swiper-navigation-top-offset, 50%);
  margin-left: calc(0px - var(--swiper-navigation-size) / 2);
  margin-top: 0;
  right: auto;
}
.swiper-vertical .swiper-button-prev, .swiper-vertical ~ .swiper-button-prev {
  bottom: auto;
  top: var(--swiper-navigation-sides-offset, 4px);
}
.swiper-vertical .swiper-button-prev .swiper-navigation-icon, .swiper-vertical ~ .swiper-button-prev .swiper-navigation-icon {
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.swiper-vertical .swiper-button-next, .swiper-vertical ~ .swiper-button-next {
  bottom: var(--swiper-navigation-sides-offset, 4px);
  top: auto;
}
.swiper-vertical .swiper-button-next .swiper-navigation-icon, .swiper-vertical ~ .swiper-button-next .swiper-navigation-icon {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
.choices {
  position: relative;
  overflow: hidden;
  margin-bottom: 24px;
  font-size: 16px;
}

.choices:focus {
  outline: 0;
}

.choices:last-child {
  margin-bottom: 0;
}

.choices.is-open {
  overflow: visible;
}

.choices.is-disabled .choices__inner, .choices.is-disabled .choices__input {
  background-color: #eaeaea;
  cursor: not-allowed;
  -webkit-user-select: none;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
}

.choices.is-disabled .choices__item {
  cursor: not-allowed;
}

.choices [hidden] {
  display: none !important;
}

.choices[data-type*=select-one] {
  cursor: pointer;
}

.choices[data-type*=select-one] .choices__inner {
  padding-bottom: 7.5px;
}

.choices[data-type*=select-one] .choices__input {
  display: block;
  width: 100%;
  padding: 10px;
  border-bottom: 1px solid #ddd;
  background-color: #fff;
  margin: 0;
}

.choices[data-type*=select-one] .choices__button {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);
  padding: 0;
  background-size: 8px;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -10px;
  margin-right: 25px;
  height: 20px;
  width: 20px;
  border-radius: 10em;
  opacity: 0.25;
}

.choices[data-type*=select-one] .choices__button:focus, .choices[data-type*=select-one] .choices__button:hover {
  opacity: 1;
}

.choices[data-type*=select-one] .choices__button:focus {
  -webkit-box-shadow: 0 0 0 2px #005f75;
          box-shadow: 0 0 0 2px #005f75;
}

.choices[data-type*=select-one] .choices__item[data-placeholder] .choices__button {
  display: none;
}

.choices[data-type*=select-one]::after {
  content: "";
  height: 0;
  width: 0;
  border-style: solid;
  border-color: #333 transparent transparent;
  border-width: 5px;
  position: absolute;
  right: 11.5px;
  top: 50%;
  margin-top: -2.5px;
  pointer-events: none;
}

.choices[data-type*=select-one].is-open::after {
  border-color: transparent transparent #333;
  margin-top: -7.5px;
}

.choices[data-type*=select-one][dir=rtl]::after {
  left: 11.5px;
  right: auto;
}

.choices[data-type*=select-one][dir=rtl] .choices__button {
  right: auto;
  left: 0;
  margin-left: 25px;
  margin-right: 0;
}

.choices[data-type*=select-multiple] .choices__inner, .choices[data-type*=text] .choices__inner {
  cursor: text;
}

.choices[data-type*=select-multiple] .choices__button, .choices[data-type*=text] .choices__button {
  position: relative;
  display: inline-block;
  margin: -4px 0 8px;
  padding-left: 16px;
  border-left: 1px solid #003642;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);
  background-size: 8px;
  width: 8px;
  line-height: 1;
  opacity: 0.75;
  border-radius: 0;
}

.choices[data-type*=select-multiple] .choices__button:focus, .choices[data-type*=select-multiple] .choices__button:hover, .choices[data-type*=text] .choices__button:focus, .choices[data-type*=text] .choices__button:hover {
  opacity: 1;
}

.choices__inner {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  background-color: #f9f9f9;
  padding: 7.5px 7.5px 3.75px;
  border: 1px solid #ddd;
  border-radius: 2.5px;
  font-size: 14px;
  min-height: 44px;
  overflow: hidden;
}

.is-focused .choices__inner, .is-open .choices__inner {
  border-color: #b7b7b7;
}

.is-open .choices__inner {
  border-radius: 2.5px 2.5px 0 0;
}

.is-flipped.is-open .choices__inner {
  border-radius: 0 0 2.5px 2.5px;
}

.choices__list {
  margin: 0;
  padding-left: 0;
  list-style: none;
}

.choices__list--single {
  display: inline-block;
  padding: 4px 16px 4px 4px;
  width: 100%;
}

[dir=rtl] .choices__list--single {
  padding-right: 4px;
  padding-left: 16px;
}

.choices__list--single .choices__item {
  width: 100%;
}

.choices__list--multiple {
  display: inline;
}

.choices__list--multiple .choices__item {
  display: inline-block;
  vertical-align: middle;
  border-radius: 20px;
  padding: 4px 10px;
  font-size: 12px;
  font-weight: 500;
  margin-right: 3.75px;
  margin-bottom: 3.75px;
  background-color: #005f75;
  border: 1px solid #004a5c;
  color: #fff;
  word-break: break-all;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.choices__list--multiple .choices__item[data-deletable] {
  padding-right: 5px;
}

[dir=rtl] .choices__list--multiple .choices__item {
  margin-right: 0;
  margin-left: 3.75px;
}

.choices__list--multiple .choices__item.is-highlighted {
  background-color: #004a5c;
  border: 1px solid #003642;
}

.is-disabled .choices__list--multiple .choices__item {
  background-color: #aaa;
  border: 1px solid #919191;
}

.choices__list--dropdown, .choices__list[aria-expanded] {
  display: none;
  z-index: 1;
  position: absolute;
  width: 100%;
  background-color: #fff;
  border: 1px solid #ddd;
  top: 100%;
  margin-top: -1px;
  border-bottom-left-radius: 2.5px;
  border-bottom-right-radius: 2.5px;
  overflow: hidden;
  word-break: break-all;
}

.is-active.choices__list--dropdown, .is-active.choices__list[aria-expanded] {
  display: block;
}

.is-open .choices__list--dropdown, .is-open .choices__list[aria-expanded] {
  border-color: #b7b7b7;
}

.is-flipped .choices__list--dropdown, .is-flipped .choices__list[aria-expanded] {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: -1px;
  border-radius: 0.25rem 0.25rem 0 0;
}

.choices__list--dropdown .choices__list, .choices__list[aria-expanded] .choices__list {
  position: relative;
  max-height: 300px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  will-change: scroll-position;
}

.choices__list--dropdown .choices__item, .choices__list[aria-expanded] .choices__item {
  position: relative;
  padding: 10px;
  font-size: 14px;
}

[dir=rtl] .choices__list--dropdown .choices__item, [dir=rtl] .choices__list[aria-expanded] .choices__item {
  text-align: right;
}

@media (min-width: 640px) {
  .choices__list--dropdown .choices__item--selectable[data-select-text], .choices__list[aria-expanded] .choices__item--selectable[data-select-text] {
    padding-right: 100px;
  }
  .choices__list--dropdown .choices__item--selectable[data-select-text]::after, .choices__list[aria-expanded] .choices__item--selectable[data-select-text]::after {
    content: attr(data-select-text);
    font-size: 12px;
    opacity: 0;
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  [dir=rtl] .choices__list--dropdown .choices__item--selectable[data-select-text], [dir=rtl] .choices__list[aria-expanded] .choices__item--selectable[data-select-text] {
    text-align: right;
    padding-left: 100px;
    padding-right: 10px;
  }
  [dir=rtl] .choices__list--dropdown .choices__item--selectable[data-select-text]::after, [dir=rtl] .choices__list[aria-expanded] .choices__item--selectable[data-select-text]::after {
    right: auto;
    left: 10px;
  }
}
.choices__list--dropdown .choices__item--selectable.is-highlighted, .choices__list[aria-expanded] .choices__item--selectable.is-highlighted {
  background-color: #f2f2f2;
}

.choices__list--dropdown .choices__item--selectable.is-highlighted::after, .choices__list[aria-expanded] .choices__item--selectable.is-highlighted::after {
  opacity: 0.5;
}

.choices__item {
  cursor: default;
}

.choices__item--selectable {
  cursor: pointer;
}

.choices__item--disabled {
  cursor: not-allowed;
  -webkit-user-select: none;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  opacity: 0.5;
}

.choices__heading {
  font-weight: 600;
  font-size: 12px;
  padding: 10px;
  border-bottom: 1px solid #f7f7f7;
  color: gray;
}

.choices__button {
  text-indent: -9999px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}

.choices__button:focus, .choices__input:focus {
  outline: 0;
}

.choices__input {
  display: inline-block;
  vertical-align: baseline;
  background-color: #f9f9f9;
  font-size: 14px;
  margin-bottom: 5px;
  border: 0;
  border-radius: 0;
  max-width: 100%;
  padding: 4px 0 4px 2px;
}

.choices__input::-webkit-search-cancel-button, .choices__input::-webkit-search-decoration, .choices__input::-webkit-search-results-button, .choices__input::-webkit-search-results-decoration {
  display: none;
}

.choices__input::-ms-clear, .choices__input::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}

[dir=rtl] .choices__input {
  padding-right: 2px;
  padding-left: 0;
}

.choices__placeholder {
  opacity: 0.5;
}
@charset "UTF-8";
@font-face {
  font-family: "PT-Root-UI";
  src: url("../fonts/PT-Root-UI-Bold.woff") format("woff"), url("../fonts/PT-Root-UI-Bold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "PT-Root-UI";
  src: url("../fonts/PT-Root-UI-Medium.woff") format("woff"), url("../fonts/PT-Root-UI-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "PT-Root-UI";
  src: url("../fonts/PT-Root-UI-Regular.woff") format("woff"), url("../fonts/PT-Root-UI-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@-webkit-keyframes fade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  line-height: 100%;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}

ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

p {
  margin: 0;
}

address {
  font-style: normal;
}

.details__block h2 {
  font-size: 3.2rem;
  font-weight: 500;
  letter-spacing: -0.04em;
  line-height: 100%;
}
@media (max-width: 1280px) {
  .details__block h2 {
    font-size: 2.8rem;
  }
}
@media (max-width: 768px) {
  .details__block h2 {
    font-size: 2.4rem;
    letter-spacing: -0.03em;
  }
}

.order-list__item-title, .conditions__item-text a, .conditions__info-text a, .career__card-link a, .cart__item-title, .contacts__info-text a, .about__list li a, .about__discuss a, .how-order-item__description a, .mobile-catalog__category a, .mobile-catalog__subcategory a, .mobile-search__hint-list a, .header__nav-item, .header__submenu-nav a, .header__contact, .header__subcategory-item a, .header__search-hint a {
  color: #1C4354;
  -webkit-transition: color 0.3s ease-out;
  transition: color 0.3s ease-out;
}
@media (hover: hover) and (pointer: fine) {
  .order-list__item-title:hover, .conditions__item-text a:hover, .conditions__info-text a:hover, .career__card-link a:hover, .cart__item-title:hover, .contacts__info-text a:hover, .about__list li a:hover, .about__discuss a:hover, .how-order-item__description a:hover, .mobile-catalog__category a:hover, .mobile-catalog__subcategory a:hover, .mobile-search__hint-list a:hover, .header__nav-item:hover, .header__submenu-nav a:hover, .header__contact:hover, .header__subcategory-item a:hover, .header__search-hint a:hover {
    color: #5793c7;
  }
}

:root {
  --vh: 1vh;
  --manufacturers-slider-before-left: 0;
  --manufacturers-slider-before-width: 0;
}

html {
  height: 100%;
  font-size: 62.5%;
  scroll-behavior: smooth;
}

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  background-color: #F2F4F7;
  color: #1C4354;
  font-family: "PT-Root-UI", "Helvetica Neue", Arial, sans-serif;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: -0.02em;
  -webkit-tap-highlight-color: transparent;
}
body.no-scroll {
  overflow: hidden;
}

main {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

::-moz-selection {
  background: #144F89;
  color: #FFFFFF;
}

::selection {
  background: #144F89;
  color: #FFFFFF;
}

::-webkit-scrollbar {
  width: 0.4rem;
  height: 0.4rem;
  background-color: #FFFFFF;
  border: thin solid #F2F4F7;
  border-radius: 2.2rem;
}

::-webkit-scrollbar-thumb {
  background: -webkit-gradient(linear, left top, left bottom, from(#144F89), to(#5793C7));
  background: linear-gradient(180deg, #144F89 0%, #5793C7 100%);
  border-radius: 2.2rem;
}

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

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

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

.text-nowrap {
  white-space: nowrap;
}

svg {
  width: 2rem;
  height: 2rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
svg.white {
  fill: #FFFFFF;
}
svg.orange {
  fill: #144F89;
}
svg.light-blue {
  fill: #B0BEC5;
}

.seaction-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 1.2rem 1.6rem;
}
@media (max-width: 768px) {
  .seaction-header {
    -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;
  }
}
.seaction-header .section-title > * {
  text-align: left;
}
@media (max-width: 768px) {
  .seaction-header .section-title > * {
    text-align: center;
  }
}
.seaction-header .btn {
  margin-bottom: 0.6rem;
}

.section-title {
  position: relative;
  z-index: 2;
}
.section-title.bg-grey {
  background-color: #F2F4F7;
}
.section-title.white > * {
  background: none;
  color: #FFFFFF;
  line-height: 82%;
  text-align: left;
  -webkit-text-fill-color: #FFFFFF;
}
.section-title > * {
  font-size: 8rem;
  font-weight: 500;
  line-height: 100%;
  letter-spacing: -0.05em;
  background: linear-gradient(135deg, #5793c7 0%, #1C4354 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
}
@media (max-width: 1280px) {
  .section-title > * {
    font-size: 6.4rem;
  }
}
@media (max-width: 768px) {
  .section-title > * {
    font-size: 3.6rem;
  }
}

.container-md,
.container-sm,
.container-xs {
  margin: 0 auto;
  width: 100%;
  padding-left: 3.2rem;
  padding-right: 3.2rem;
}
@media (max-width: 768px) {
  .container-md,
  .container-sm,
  .container-xs {
    padding-left: 0.8rem;
    padding-right: 0.8rem;
  }
}

.container-lg {
  margin: 0 auto;
  width: 100%;
  max-width: 192rem;
  padding-left: 2.4rem;
  padding-right: 2.4rem;
}
@media (max-width: 1280px) {
  .container-lg {
    padding-left: 0.8rem;
    padding-right: 0.8rem;
  }
}

.container-md {
  max-width: 174.4rem;
}

.container-sm {
  max-width: 145.4rem;
}

.container-xs {
  max-width: 115.2rem;
}

a {
  text-decoration: none;
}
a:focus-visible {
  outline-offset: 0;
  outline: thin solid #5793c7;
}

img {
  max-width: 100%;
}

.sr-only {
  border: 0;
  clip: rect(0 0 0 0);
  clip-path: polygon(0 0, 0 0, 0 0);
  height: 0.1rem;
  margin: 0.1rem;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 0.1rem;
  white-space: nowrap;
}

.page-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-column-gap: 0.8rem;
     -moz-column-gap: 0.8rem;
          column-gap: 0.8rem;
  color: #1C4354;
  font-size: 1.6rem;
  font-weight: 900;
  text-transform: uppercase;
}

.btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-column-gap: 0.8rem;
     -moz-column-gap: 0.8rem;
          column-gap: 0.8rem;
  height: 4.4rem;
  padding: 0 1.6rem;
  border: none;
  border-radius: 0.4rem;
  background-color: #FFFFFF;
  color: #1C4354;
  cursor: pointer;
  font-weight: 500;
  white-space: nowrap;
  -webkit-transition: background-color 0.3s ease-out;
  transition: background-color 0.3s ease-out;
  z-index: 1;
}
@media (hover: hover) and (pointer: fine) {
  .btn:hover {
    background-color: #F9FAFB;
  }
  .btn:hover span {
    color: #144F89;
  }
}
.btn:focus-visible {
  outline-offset: 0;
  outline: thin solid #5793c7;
}
.btn span {
  color: #1C4354;
  font-weight: inherit;
  white-space: nowrap;
  z-index: 1;
  -webkit-transition: color 0.3s ease-out;
  transition: color 0.3s ease-out;
}
.btn svg {
  width: 1.8rem;
  height: 1.8rem;
  fill: #144F89;
  z-index: 1;
  -webkit-transition: fill 0.3s ease-out;
  transition: fill 0.3s ease-out;
}
.btn--lg {
  height: 5.6rem;
  padding-left: 2.8rem;
  padding-right: 2.8rem;
  font-size: 1.8rem;
}
.btn--lg svg {
  width: 2rem;
  height: 2rem;
}
.btn--sm {
  -webkit-column-gap: 0.6rem;
     -moz-column-gap: 0.6rem;
          column-gap: 0.6rem;
  height: 3.6rem;
  padding: 0 1.2rem;
  font-size: 1.4rem;
}
.btn--sm svg {
  width: 1.6rem;
  height: 1.6rem;
}
.btn--primary {
  position: relative;
  background: linear-gradient(135deg, #5793c7 0%, #144f89 100%);
}
@media (hover: hover) and (pointer: fine) {
  .btn--primary:hover:before {
    opacity: 1;
  }
  .btn--primary:hover span {
    color: #FFFFFF;
  }
}
.btn--primary::before {
  position: absolute;
  inset: 0;
  content: "";
  display: block;
  background-color: #144f89;
  border-radius: 0.4rem;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}
.btn--primary span {
  color: #FFFFFF;
  font-weight: 600;
  letter-spacing: -0.01em;
}
.btn--primary svg {
  fill: #FFFFFF;
}
.btn--secondary {
  background: #F2F4F7;
}
@media (hover: hover) and (pointer: fine) {
  .btn--secondary:hover {
    background: #F2F4F7;
  }
}
.btn--tertiary {
  position: relative;
  background: linear-gradient(135deg, #5793c7 0%, #1C4354 100%);
}
@media (hover: hover) and (pointer: fine) {
  .btn--tertiary:hover:before {
    opacity: 1;
  }
  .btn--tertiary:hover span {
    color: #FFFFFF;
  }
}
.btn--tertiary::before {
  position: absolute;
  inset: 0;
  content: "";
  display: block;
  background-color: #1C4354;
  border-radius: 0.4rem;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}
.btn--tertiary span {
  color: #FFFFFF;
  font-weight: 600;
  letter-spacing: -0.01em;
}
.btn--tertiary svg {
  fill: #FFFFFF;
}
.btn--icon {
  width: 4.4rem;
  padding: 0;
}
.btn--icon.btn--sm {
  width: 3.6rem;
}
.btn--icon.btn--sm svg {
  width: 1.8rem;
  height: 1.8rem;
}
.btn--link {
  padding: 0;
  height: auto;
  background-color: transparent;
}
@media (hover: hover) and (pointer: fine) {
  .btn--link:hover {
    background-color: transparent;
  }
}

form.is-success .success-message {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.2s ease-out, visibility 0s;
  transition: opacity 0.2s ease-out, visibility 0s;
}

.success-message {
  color: #2E7D32;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 100%;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.2s ease-out, visibility 0s linear 0.2s;
  transition: opacity 0.2s ease-out, visibility 0s linear 0.2s;
}
@media (max-width: 768px) {
  .success-message {
    position: absolute;
    bottom: -0.2rem;
    left: 50%;
    width: 100%;
    font-size: 1.3rem;
    -webkit-transform: translate(-50%, 100%);
        -ms-transform: translate(-50%, 100%);
            transform: translate(-50%, 100%);
    text-align: center;
  }
}
.success-message svg {
  width: 1.6rem;
  height: 1.6rem;
  display: inline-block;
  margin-bottom: -0.2rem;
  fill: currentColor;
}
@media (max-width: 768px) {
  .success-message svg {
    width: 1.4rem;
    height: 1.4rem;
  }
}

.form-input__line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 1.6rem;
     -moz-column-gap: 1.6rem;
          column-gap: 1.6rem;
}
.form-input__line > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(50% - 0.8rem);
          flex: 0 0 calc(50% - 0.8rem);
}

.form-input__btns-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.6rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.form-input__btns-line .form-input-file {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.form-input__btns-line .form-input-file label {
  width: 100%;
}

.form-input,
.form-input-count,
.form-password {
  position: relative;
}
.form-input label,
.form-input-count label,
.form-password label {
  font-weight: 500;
  line-height: 130%;
}
.form-input input,
.form-input textarea,
.form-input-count input,
.form-input-count textarea,
.form-password input,
.form-password textarea {
  margin-top: 0.8rem;
}
.form-input .is-error,
.form-input-count .is-error,
.form-password .is-error {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #A71600;
  font-size: 1.3rem;
  -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
          transform: translateY(100%);
}

.form-password > input {
  padding-right: 5rem;
}
.form-password .form-display-btn {
  position: absolute;
  right: 0;
  bottom: 0;
}

.form-input-count input {
  padding-left: 5.6rem;
  padding-right: 5.6rem;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
}
.form-input-count .btn {
  position: absolute;
  bottom: 0;
  left: 0;
}
.form-input-count .btn:last-child {
  left: auto;
  right: 0;
}
.form-input-count .btn svg {
  width: 2.4rem;
  height: 2.4rem;
}

.form-forgot-btn {
  float: right;
  color: #B0BEC5;
  line-height: 130%;
  -webkit-transition: color 0.3s ease-out;
  transition: color 0.3s ease-out;
}
@media (hover: hover) and (pointer: fine) {
  .form-forgot-btn:hover {
    color: #144F89;
  }
}

.form-display-btn {
  width: 4.4rem;
  height: 4.4rem;
  cursor: pointer;
  opacity: 0.2;
  -webkit-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}
@media (hover: hover) and (pointer: fine) {
  .form-display-btn:hover {
    opacity: 0.4;
  }
}
.form-display-btn label {
  font-size: 0;
  cursor: pointer;
}
.form-display-btn label::before {
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2.8rem;
  height: 2.8rem;
  content: "";
  display: block;
  background: center/contain no-repeat url("../images/sprite.svg#eye-close");
}
.form-display-btn input {
  display: none;
}
.form-display-btn input:checked + label::before {
  background-image: url("../images/sprite.svg#eye");
}

.form-select label {
  font-weight: 500;
  line-height: 130%;
}
.form-select .choices[data-type*=select-one] {
  margin-top: 0.8rem;
}
.form-select .choices[data-type*=select-one].is-open::after {
  -webkit-transform: translateY(-50%) rotate(-180deg);
      -ms-transform: translateY(-50%) rotate(-180deg);
          transform: translateY(-50%) rotate(-180deg);
}
.form-select .choices[data-type*=select-one]::after {
  width: 2rem;
  height: 2rem;
  right: 1.2rem;
  margin-top: 0;
  background: center/contain no-repeat url("../images/sprite.svg#chevron-down-grey");
  border: none;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: -webkit-transform 0.2s ease-out;
  transition: -webkit-transform 0.2s ease-out;
  transition: transform 0.2s ease-out;
  transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out;
}
.form-select .choices__inner {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 4.4rem;
  padding: 0 1.6rem !important;
  border-radius: 0.4rem;
  border: thin solid #F2F4F7;
  background: #F9FAFB;
  color: #1C4354;
  font-size: 1.6rem;
}
.form-select .choices__inner .choices__item {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.form-select .choices__list--dropdown {
  display: block;
  margin-top: 0;
  padding: 0.8rem;
  background-color: #FFFFFF;
  border: none;
  border-radius: 0.4rem;
  -webkit-box-shadow: 0 0.2rem 1.6rem 0 rgba(28, 67, 84, 0.1);
          box-shadow: 0 0.2rem 1.6rem 0 rgba(28, 67, 84, 0.1);
  word-break: normal;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.2s ease-out, visibility 0s linear 0.2s;
  transition: opacity 0.2s ease-out, visibility 0s linear 0.2s;
  z-index: 2;
}
.form-select .choices__list--dropdown .choices__list {
  max-height: 24rem;
}
.form-select .choices__list--dropdown .choices__item {
  padding: 0.8rem;
  font-size: 1.6rem;
  -webkit-transition: background-color 0.3s ease-out, color 0.3s ease-out;
  transition: background-color 0.3s ease-out, color 0.3s ease-out;
}
@media (min-width: 640px) {
  .form-select .choices__list--dropdown .choices__item--selectable[data-select-text] {
    padding-right: 0.8rem;
  }
}
.form-select .choices__list--dropdown.is-active {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.2s ease-out, visibility 0s;
  transition: opacity 0.2s ease-out, visibility 0s;
}
.form-select .choices__list--dropdown .choices__item--selectable.is-highlighted,
.form-select .choices__list[aria-expanded] .choices__item--selectable.is-highlighted {
  background-color: #F2F4F7;
  color: #5793c7;
}

input,
textarea {
  width: 100%;
  height: 4.4rem;
  padding-left: 1.6rem;
  padding-right: 1.6rem;
  border-radius: 0.4rem;
  border: thin solid #F2F4F7;
  background: #F9FAFB;
  color: #1C4354;
}
input:focus-visible,
textarea:focus-visible {
  outline-offset: 0;
  outline: thin solid #5793c7;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #B0BEC5;
  font-weight: 400;
  text-transform: none;
}
input::-moz-placeholder, textarea::-moz-placeholder {
  color: #B0BEC5;
  font-weight: 400;
  text-transform: none;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #B0BEC5;
  font-weight: 400;
  text-transform: none;
}
input::-ms-input-placeholder, textarea::-ms-input-placeholder {
  color: #B0BEC5;
  font-weight: 400;
  text-transform: none;
}
input::placeholder,
textarea::placeholder {
  color: #B0BEC5;
  font-weight: 400;
  text-transform: none;
}

textarea {
  padding-top: 1.6rem;
  resize: none;
}

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

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  display: none;
}

.form-checkbox {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-column-gap: 0.8rem;
     -moz-column-gap: 0.8rem;
          column-gap: 0.8rem;
  padding-top: 0.4rem;
  cursor: pointer;
}
.form-checkbox input {
  width: 2.4rem;
  height: 2.4rem;
  position: relative;
  display: block;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin: 0;
  margin-top: -0.2rem;
  border-radius: 0.4rem;
  border: thin solid #F2F4F7;
  background: #F9FAFB;
  cursor: pointer;
}
.form-checkbox input::before {
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2rem;
  height: 2rem;
  content: "";
  display: block;
  background: center/contain no-repeat url("../images/sprite.svg#check");
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
}
.form-checkbox input:checked::before {
  opacity: 1;
}
.form-checkbox label, .form-checkbox a {
  color: #1C4354;
  line-height: 130%;
  cursor: pointer;
}
.form-checkbox a {
  font-weight: 500;
  text-decoration-line: underline;
  white-space: nowrap;
  -webkit-transition: color 0.3s ease-out;
  transition: color 0.3s ease-out;
}
@media (hover: hover) and (pointer: fine) {
  .form-checkbox a:hover {
    color: #5793c7;
  }
}

.tooltip {
  position: relative;
}
.tooltip::before {
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  position: absolute;
  left: 50%;
  width: 0;
  height: 0;
  content: "";
  bottom: calc(100% + 0.2rem);
  display: block;
  border-color: rgba(255, 255, 255, 0.12) transparent transparent;
  border-style: solid;
  border-width: 0.8rem 0.8rem 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s ease-out, visibility 0s linear 0.3s;
  transition: opacity 0.3s ease-out, visibility 0s linear 0.3s;
}
.tooltip:hover::before {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.3s ease-out, visibility 0s;
  transition: opacity 0.3s ease-out, visibility 0s;
}
.tooltip:hover .tooltip__toggle {
  opacity: 0.5;
}
.tooltip:hover .tooltip__body {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.3s ease-out, visibility 0s ease-out;
  transition: opacity 0.3s ease-out, visibility 0s ease-out;
}
.tooltip--center .tooltip__body {
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.tooltip--center .tooltip__body::before {
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.tooltip--left .tooltip__body {
  left: -0.4rem;
}
.tooltip--left .tooltip__body::before {
  left: 0.8rem;
}
.tooltip--right .tooltip__body {
  right: -0.4rem;
}
.tooltip--right .tooltip__body::before {
  right: 0.8rem;
}

.tooltip__toggle {
  padding: 0;
  margin: 0;
  background: none;
  border: none;
  cursor: pointer;
  line-height: 100%;
  -webkit-transition: background-color 0.3s ease-out, opacity 0.3s ease-out;
  transition: background-color 0.3s ease-out, opacity 0.3s ease-out;
}

.tooltip__body {
  position: absolute;
  bottom: 100%;
  margin-bottom: 1rem;
  padding: 1.2rem 1.4rem;
  max-width: 30rem;
  min-width: 12rem;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  backdrop-filter: blur(0.6rem);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.35)), to(rgba(255, 255, 255, 0.12)));
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.12) 100%);
  border-radius: 0.8rem;
  text-align: left;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s ease-out, visibility 0s ease-out 0.3s;
  transition: opacity 0.3s ease-out, visibility 0s ease-out 0.3s;
  z-index: 1;
}

@media (max-width: 768px) {
  .tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: -0.8rem;
    margin-right: -0.8rem;
    padding-left: 0.8rem;
    padding-right: 0.8rem;
    overflow-x: auto;
    -ms-scroll-snap-type: x proximity;
        scroll-snap-type: x proximity;
    scroll-padding: 0.8rem;
  }
}

.tab {
  cursor: pointer;
  scroll-snap-align: start;
}
.tab:first-child label {
  border-top-left-radius: 0.8rem;
}
.tab:last-child .tab__btn, .tab:last-child label {
  border-bottom: 0.2rem solid #FFFFFF;
  border-radius: 0;
  border-bottom-left-radius: 0.8rem;
}
@media (max-width: 768px) {
  .tab:last-child .tab__btn, .tab:last-child label {
    border-bottom: none;
    border-right: 0.2rem solid #FFFFFF;
    border-bottom-left-radius: 0;
    border-top-right-radius: 0.8rem;
  }
}
@media (hover: hover) and (pointer: fine) {
  .tab:hover label,
  .tab:hover .tab__btn {
    background-color: rgba(255, 255, 255, 0.4);
  }
  .tab:hover .tab__btn span {
    color: #1C4354;
  }
}
.tab svg {
  width: 2rem;
  height: 2rem;
  fill: #1C4354;
  -webkit-transition: fill 0.3s ease-out;
  transition: fill 0.3s ease-out;
}
@media (max-width: 768px) {
  .tab svg {
    width: 1.8rem;
    height: 1.8rem;
  }
}
.tab label,
.tab .tab__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 6.4rem;
  -webkit-column-gap: 0.8rem;
     -moz-column-gap: 0.8rem;
          column-gap: 0.8rem;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding-left: 2.4rem;
  padding-right: 2.4rem;
  background-color: transparent;
  border-left: 0.2rem solid #FFFFFF;
  border-top: 0.2rem solid #FFFFFF;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #1C4354;
  cursor: pointer;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 100%;
  letter-spacing: -0.03em;
  -webkit-transition: background-color 0.3s ease-out;
  transition: background-color 0.3s ease-out;
}
@media (max-width: 768px) {
  .tab label,
  .tab .tab__btn {
    -webkit-column-gap: 0.4rem;
       -moz-column-gap: 0.4rem;
            column-gap: 0.4rem;
    height: 4rem;
    padding-left: 1.6rem;
    padding-right: 1.6rem;
    font-size: 1.6rem;
    white-space: nowrap;
  }
}
.tab input {
  display: none;
}
.tab input:checked + label {
  background-color: #FFFFFF;
  pointer-events: none;
}
.tab input:checked + label svg {
  fill: #144F89;
}

@media (max-width: 768px) {
  .tabs-content {
    margin-left: -0.8rem;
    margin-right: -0.8rem;
  }
}
.tabs-content [data-tab] {
  display: none;
}
.tabs-content [data-tab].is-open {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.table {
  width: 100%;
  height: 100%;
  margin-top: 0.8rem;
  border: none;
  border-collapse: collapse;
}
.table thead td {
  padding: 1.8rem 2rem 1.8rem 0;
  color: #1C4354;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 150%;
  white-space: nowrap;
}
.table th, .table td {
  padding: 0.4rem 0;
}
.table th > span,
.table th > a, .table td > span,
.table td > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 0.4rem;
     -moz-column-gap: 0.4rem;
          column-gap: 0.4rem;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.04);
  -webkit-box-shadow: 0 0.2rem 0 0 rgba(255, 255, 255, 0.02) inset;
          box-shadow: 0 0.2rem 0 0 rgba(255, 255, 255, 0.02) inset;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 120%;
}
@media (max-width: 768px) {
  .table th > span,
  .table th > a, .table td > span,
  .table td > a {
    font-size: 1.2rem;
  }
}
.table tr {
  height: 100%;
}
.table tr > *:first-child > span,
.table tr > *:first-child > a {
  padding-left: 2rem;
  border-top-left-radius: 0.8rem;
  border-bottom-left-radius: 0.8rem;
}
.table tr > *:last-child > span,
.table tr > *:last-child > a {
  border-top-right-radius: 0.8rem;
  border-bottom-right-radius: 0.8rem;
}
.table th > span {
  padding: 2rem;
  border-top-left-radius: 0.8rem;
  border-bottom-left-radius: 0.8rem;
}
.table td > span,
.table td > a {
  padding: 2rem 2rem 2rem 0;
  color: #1C4354;
  text-align: left;
}

.swiper {
  overflow: visible;
}

.swiper-wrapper {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  padding-bottom: 6.8rem;
}
@media (max-width: 768px) {
  .swiper-wrapper {
    padding-bottom: 6rem;
  }
}

.swiper-slide {
  height: auto;
}

.swiper .swiper-button-prev,
.swiper .swiper-button-next {
  width: 4.8rem;
  height: 4.8rem;
  bottom: 0;
  top: auto;
  background-color: #FFFFFF;
  border-radius: 0.4rem;
  -webkit-transition: background-color 0.3s ease-out;
  transition: background-color 0.3s ease-out;
}
@media (hover: hover) and (pointer: fine) {
  .swiper .swiper-button-prev:hover,
  .swiper .swiper-button-next:hover {
    background-color: #F9FAFB;
  }
}
@media (max-width: 768px) {
  .swiper .swiper-button-prev,
  .swiper .swiper-button-next {
    width: 4.4rem;
    height: 4.4rem;
  }
}
.swiper .swiper-button-prev svg,
.swiper .swiper-button-next svg {
  width: 2.4rem;
  height: 2.4rem;
}

.swiper .swiper-button-next {
  right: 0;
}
@media (max-width: 768px) {
  .swiper .swiper-button-next {
    right: 50%;
    -webkit-transform: translateX(calc(100% + 0.8rem));
        -ms-transform: translateX(calc(100% + 0.8rem));
            transform: translateX(calc(100% + 0.8rem));
  }
}

.swiper .swiper-button-prev {
  left: auto;
  right: 0;
  -webkit-transform: translateX(calc(-100% - 1.6rem));
      -ms-transform: translateX(calc(-100% - 1.6rem));
          transform: translateX(calc(-100% - 1.6rem));
}
@media (max-width: 768px) {
  .swiper .swiper-button-prev {
    left: 50%;
    -webkit-transform: translateX(calc(-100% - 0.8rem));
        -ms-transform: translateX(calc(-100% - 0.8rem));
            transform: translateX(calc(-100% - 0.8rem));
  }
}

.accordion__item {
  border-bottom: thin solid #F2F4F7;
}

.accordion__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-column-gap: 1.2rem;
     -moz-column-gap: 1.2rem;
          column-gap: 1.2rem;
  position: relative;
  width: 100%;
  padding: 1.6rem 0 1.6rem;
  background-color: transparent;
  border: none;
  cursor: pointer;
  text-align: left;
  white-space: nowrap;
}
.accordion__btn[aria-expanded=true] .accordion__title {
  color: #144F89;
}
.accordion__btn[aria-expanded=true] svg {
  -webkit-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
          transform: rotate(-180deg);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
}
.accordion__btn svg {
  width: 2rem;
  height: 2rem;
}

.accordion__title {
  color: #1C4354;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 130%;
  white-space: normal;
  -webkit-transition: color 0.3s ease-out;
  transition: color 0.3s ease-out;
}

.accordion__content {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.3s ease;
  transition: max-height 0.3s ease;
}

.pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-column-gap: 1.6rem;
     -moz-column-gap: 1.6rem;
          column-gap: 1.6rem;
}
@media (max-width: 768px) {
  .pagination {
    -webkit-column-gap: 0.8rem;
       -moz-column-gap: 0.8rem;
            column-gap: 0.8rem;
  }
}
.pagination li {
  display: block;
}
@media (max-width: 768px) {
  .pagination.temp-class li:nth-child(4),
  .pagination.temp-class li:nth-last-child(4) {
    display: none;
  }
}

.pagination__arrow-btn {
  border: thin solid #FFFFFF;
}
@media (max-width: 768px) {
  .pagination__arrow-btn {
    width: 4rem;
    height: 4rem;
  }
}
@media (max-width: 370px) {
  .pagination__arrow-btn {
    width: 9vw;
    min-width: 2.8rem;
  }
}
@media (hover: hover) and (pointer: fine) {
  .pagination__arrow-btn:hover {
    background-color: #FFFFFF;
  }
}
.pagination__arrow-btn svg {
  width: 2.4rem;
  height: 2.4rem;
}

.pagination__btn {
  width: 4.4rem;
  background-color: #F9FAFB;
}
@media (max-width: 768px) {
  .pagination__btn {
    width: 4rem;
    height: 4rem;
  }
}
@media (max-width: 370px) {
  .pagination__btn {
    width: 11vw;
    min-width: 3.2rem;
  }
}
.pagination__btn span {
  font-size: 1.8rem;
  line-height: 100%;
}
.pagination__btn.active {
  background-color: #FFFFFF;
  pointer-events: none;
}
.pagination__btn.active span {
  color: #144F89;
}

.tooltip {
  position: relative;
}
.tooltip:hover .tooltip__toggle {
  opacity: 0.5;
}
.tooltip:hover .tooltip__body {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.3s ease-out, visibility 0s ease-out;
  transition: opacity 0.3s ease-out, visibility 0s ease-out;
}

.tooltip__toggle {
  padding: 0;
  margin: 0;
  background: none;
  border: none;
  cursor: pointer;
  line-height: 100%;
  -webkit-transition: background-color 0.3s ease-out, opacity 0.3s ease-out;
  transition: background-color 0.3s ease-out, opacity 0.3s ease-out;
}

.tooltip__body {
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-bottom: 1rem;
  padding: 1.2rem 1.6rem;
  max-width: 36rem;
  min-width: 12rem;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  background-color: #F2F4F7;
  border-radius: 0.8rem;
  -webkit-filter: drop-shadow(0 0 0.4rem rgba(28, 67, 84, 0.18));
          filter: drop-shadow(0 0 0.4rem rgba(28, 67, 84, 0.18));
  text-align: left;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-transition: opacity 0.3s ease-out, visibility 0s ease-out 0.3s;
  transition: opacity 0.3s ease-out, visibility 0s ease-out 0.3s;
  z-index: 1;
}
@media (max-width: 480px) {
  .tooltip__body {
    max-width: 32rem;
  }
}
.tooltip__body::before {
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  position: absolute;
  left: 50%;
  width: 0;
  height: 0;
  content: "";
  bottom: -0.8rem;
  display: block;
  border-color: #F2F4F7 transparent transparent;
  border-style: solid;
  border-width: 0.8rem 0.8rem 0;
}
.tooltip__body span {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 120%;
}

.loader-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
}

.loader {
  width: 3.2rem;
  height: 3.2rem;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  border: 0.3rem solid;
  border-color: #FFF #FFF transparent;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-animation: rotation 1s linear infinite;
          animation: rotation 1s linear infinite;
}

.loader::after {
  width: 2rem;
  height: 2rem;
  content: "";
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border: 3px solid;
  border-color: transparent #144F89 #144F89;
  border-radius: 50%;
  -webkit-animation: rotationBack 0.5s linear infinite;
          animation: rotationBack 0.5s linear infinite;
  -webkit-transform-origin: center center;
      -ms-transform-origin: center center;
          transform-origin: center center;
}

@-webkit-keyframes rotation {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes rotation {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes rotationBack {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}
@keyframes rotationBack {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}
.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding-left: 0.4rem;
  padding-right: 0.4rem;
  z-index: 10;
}
@media (max-width: 1280px) {
  .header {
    padding-left: 1.2rem;
    padding-right: 1.2rem;
  }
}
@media (max-width: 991px) {
  .header {
    padding-left: 0.8rem;
    padding-right: 0.8rem;
  }
}
.header.is-open-menu .header__top {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.2s ease-out, visibility 0s;
  transition: opacity 0.2s ease-out, visibility 0s;
}
.header.is-open-menu .header__menu-btn {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.header.is-open-menu .header__menu-btn::before {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.2s ease-out, visibility 0s;
  transition: opacity 0.2s ease-out, visibility 0s;
}
.header.is-open-menu .header__burger-icon {
  background-color: transparent;
}
.header.is-open-menu .header__burger-icon::after {
  top: 0;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transition: top 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.3s 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: top 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.3s 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: top 0.3s cubic-bezier(0.23, 1, 0.32, 1), transform 0.3s 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: top 0.3s cubic-bezier(0.23, 1, 0.32, 1), transform 0.3s 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.3s 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}
.header.is-open-menu .header__burger-icon::before {
  bottom: 0;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transition: bottom 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.3s 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: bottom 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.3s 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: bottom 0.3s cubic-bezier(0.23, 1, 0.32, 1), transform 0.3s 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: bottom 0.3s cubic-bezier(0.23, 1, 0.32, 1), transform 0.3s 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.3s 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}

.header__wrap {
  position: relative;
  padding: 1.6rem 2rem;
  max-width: 170rem;
  margin: 0 auto;
  background-color: #F2F4F7;
  border-bottom-left-radius: 0.8rem;
  border-bottom-right-radius: 0.8rem;
}
@media (max-width: 768px) {
  .header__wrap {
    padding: 1.2rem 1.6rem;
    border-bottom-left-radius: 0.4rem;
    border-bottom-right-radius: 0.4rem;
  }
}

.header__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-column-gap: 2.4rem;
     -moz-column-gap: 2.4rem;
          column-gap: 2.4rem;
}
@media (max-width: 1520px) {
  .header__top {
    position: absolute;
    top: calc(100% - 0.8rem);
    right: 2rem;
    -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;
    row-gap: 0.8rem;
    padding: 1.6rem;
    background-color: #FFFFFF;
    border-radius: 0.4rem;
    border-top-right-radius: 0;
    -webkit-box-shadow: 0 0.2rem 1.6rem 0 rgba(28, 67, 84, 0.05);
            box-shadow: 0 0.2rem 1.6rem 0 rgba(28, 67, 84, 0.05);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.2s ease-out, visibility 0s linear 0.2s;
    transition: opacity 0.2s ease-out, visibility 0s linear 0.2s;
  }
}
@media (max-width: 768px) {
  .header__top {
    width: calc(100% + 1.6rem);
    height: calc(100vh - 5.2rem);
    width: calc(100% + 1.6rem);
    height: calc(var(--vh) * 100 - 5.2rem);
    right: -0.8rem;
    top: 100%;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    overflow-y: auto;
  }
}

.header__nav > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 1.6rem;
     -moz-column-gap: 1.6rem;
          column-gap: 1.6rem;
}
@media (max-width: 1520px) {
  .header__nav > ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

@media (max-width: 1520px) {
  .header__nav-item {
    display: block;
    padding: 0.8rem;
    font-weight: 500;
  }
}
@media (max-width: 768px) {
  .header__nav-item {
    font-size: 1.8rem;
  }
}
.header__nav-login-btn {
  display: none;
  padding: 0;
  background-color: transparent;
  border: none;
  line-height: 100%;
  cursor: pointer;
  text-align: left;
}
@media (max-width: 1520px) {
  .header__nav-login-btn {
    display: block;
    padding: 0.8rem;
  }
}

.header__submenu {
  position: relative;
}
.header__submenu.is-open .header__nav-item svg {
  -webkit-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
.header__submenu.is-open .header__submenu-nav {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.2s ease-out, visibility 0s;
  transition: opacity 0.2s ease-out, visibility 0s;
}
@media (max-width: 1520px) {
  .header__submenu.is-open .header__submenu-nav {
    max-height: 17rem;
    -webkit-transition: max-height 0.3s ease-out;
    transition: max-height 0.3s ease-out;
  }
}
.header__submenu .header__nav-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 0.4rem;
     -moz-column-gap: 0.4rem;
          column-gap: 0.4rem;
  padding: 0;
  background-color: transparent;
  border: none;
  line-height: 100%;
  cursor: pointer;
  text-align: left;
}
@media (max-width: 1520px) {
  .header__submenu .header__nav-item {
    padding: 0.8rem;
  }
}
.header__submenu .header__nav-item svg {
  width: 1.6rem;
  height: 1.6rem;
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
}

.header__submenu-nav {
  position: absolute;
  top: calc(100% + 0.8rem);
  left: -2rem;
  background-color: #FFFFFF;
  border-radius: 0.4rem;
  -webkit-box-shadow: 0 0.2rem 1.6rem 0 rgba(28, 67, 84, 0.05);
          box-shadow: 0 0.2rem 1.6rem 0 rgba(28, 67, 84, 0.05);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.2s ease-out, visibility 0s linear 0.2s;
  transition: opacity 0.2s ease-out, visibility 0s linear 0.2s;
  z-index: 10;
}
@media (max-width: 1520px) {
  .header__submenu-nav {
    position: static;
    max-height: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-transition: max-height 0.3s ease-out;
    transition: max-height 0.3s ease-out;
    opacity: 1;
    overflow: hidden;
    visibility: visible;
  }
}
.header__submenu-nav > ul {
  padding: 1.2rem;
}
@media (max-width: 1520px) {
  .header__submenu-nav > ul {
    padding-bottom: 0.8rem;
    padding-top: 0;
  }
}
.header__submenu-nav a {
  display: block;
  padding: 0.6rem;
  font-weight: 500;
  white-space: nowrap;
}
@media (max-width: 1520px) {
  .header__submenu-nav a {
    font-weight: 400;
  }
}
@media (max-width: 768px) {
  .header__submenu-nav a {
    padding-bottom: 0.8rem;
    padding-top: 0.8rem;
    font-size: 1.8rem;
  }
}

.header__contacts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 2.4rem;
     -moz-column-gap: 2.4rem;
          column-gap: 2.4rem;
}
@media (max-width: 1520px) {
  .header__contacts {
    -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;
    row-gap: 2.4rem;
    padding: 0.8rem;
  }
}

.header__contacts-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 0.8rem;
     -moz-column-gap: 0.8rem;
          column-gap: 0.8rem;
}
@media (max-width: 1520px) {
  .header__contacts-item {
    -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;
  }
}

.header__contacts-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 0.8rem;
     -moz-column-gap: 0.8rem;
          column-gap: 0.8rem;
}
@media (max-width: 1520px) {
  .header__contacts-title {
    margin-bottom: 0.8rem;
  }
}
.header__contacts-title svg {
  width: 1.8rem;
  height: 1.8rem;
}
@media (max-width: 1520px) {
  .header__contacts-title svg {
    fill: #144F89;
  }
}
.header__contacts-title span {
  display: none;
}
@media (max-width: 1520px) {
  .header__contacts-title span {
    display: inline-block;
    color: #B0BEC5;
    font-weight: 500;
    text-transform: uppercase;
  }
}
@media (max-width: 768px) {
  .header__contacts-title span {
    font-size: 1.8rem;
  }
}

@media (max-width: 1520px) {
  .header__contact {
    padding-bottom: 0.4rem;
    padding-top: 0.4rem;
  }
}
@media (max-width: 768px) {
  .header__contact {
    padding-bottom: 0.6rem;
    padding-top: 0.6rem;
    font-size: 1.8rem;
  }
}
.header__contact:not(:last-child) {
  padding-right: 0.8rem;
  border-right: thin solid #B0BEC5;
}
@media (max-width: 1520px) {
  .header__contact:not(:last-child) {
    padding-right: 0;
    border-right: none;
  }
}

.header__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 2.4rem;
     -moz-column-gap: 2.4rem;
          column-gap: 2.4rem;
  margin-top: 2rem;
}
@media (max-width: 1520px) {
  .header__bottom {
    margin-top: 0;
  }
}
@media (max-width: 991px) {
  .header__bottom {
    -webkit-column-gap: 1.6rem;
       -moz-column-gap: 1.6rem;
            column-gap: 1.6rem;
  }
}
@media (max-width: 768px) {
  .header__bottom {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.header__logo {
  width: 19.8rem;
  height: 3.2rem;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 991px) {
  .header__logo {
    width: 16.4rem;
    height: 2.8rem;
  }
}
@media (max-width: 768px) {
  .header__logo {
    width: 13.8rem;
    height: 2.4rem;
  }
}

.header__logo-link {
  width: 19.8rem;
  height: 3.2rem;
  display: block;
  background: left center/contain no-repeat url("../images/logo.svg");
}
@media (max-width: 991px) {
  .header__logo-link {
    width: 16.4rem;
    height: 2.8rem;
  }
}
@media (max-width: 768px) {
  .header__logo-link {
    width: 13.8rem;
    height: 2.4rem;
  }
}

.header__catalog {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
@media (max-width: 768px) {
  .header__catalog {
    display: none;
  }
}
.header__catalog.is-open .header__catalog-btn {
  border-bottom-left-radius: 0;
}
.header__catalog.is-open .header__catalog-menu {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.2s ease-out, visibility 0s;
  transition: opacity 0.2s ease-out, visibility 0s;
}

.header__catalog-btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.header__catalog-menu {
  position: absolute;
  top: 100%;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 2.4rem;
  padding-right: 2.4rem;
  background-color: #FFFFFF;
  border-bottom-left-radius: 0.8rem;
  border-bottom-right-radius: 0.8rem;
  -webkit-box-shadow: 0 0.2rem 1.6rem 0 rgba(28, 67, 84, 0.05);
          box-shadow: 0 0.2rem 1.6rem 0 rgba(28, 67, 84, 0.05);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.2s ease-out, visibility 0s ease-out 0.2s;
  transition: opacity 0.2s ease-out, visibility 0s ease-out 0.2s;
}
@media (max-width: 991px) {
  .header__catalog-menu {
    left: -10.4rem;
    padding-left: 2rem;
    padding-right: 2rem;
    border-radius: 0.8rem;
  }
}

.header__category {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 36rem;
          flex: 0 0 36rem;
  padding-bottom: 2.4rem;
  padding-top: 2.4rem;
}
@media (max-width: 991px) {
  .header__category {
    -ms-flex-preferred-size: 33.6rem;
        flex-basis: 33.6rem;
  }
}

.header__category-list,
.header__subcategory-list {
  max-height: min(56rem, 80vh);
  overflow-y: auto;
}

.header__category-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-column-gap: 1.2rem;
     -moz-column-gap: 1.2rem;
          column-gap: 1.2rem;
  position: relative;
  padding: 1.2rem 1.2rem 1.6rem 0;
  border-bottom: thin solid #F2F4F7;
  cursor: pointer;
  white-space: nowrap;
}
.header__category-item a {
  color: #1C4354;
  font-weight: 500;
  line-height: 130%;
  white-space: normal;
}
.header__category-item svg {
  width: 2rem;
  height: 2rem;
}
.header__category-item.is-selected a {
  color: #144F89;
  -webkit-transition: color 0.3s ease-out;
  transition: color 0.3s ease-out;
}
@media (hover: hover) and (pointer: fine) {
  .header__category-item.is-selected a:hover {
    color: #5793c7;
  }
}

.header__item-count {
  color: #B0BEC5;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 100%;
  white-space: nowrap;
}

.header__subcategory {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 36rem;
          flex: 0 0 36rem;
  padding: 3.2rem 0.8rem 2.4rem 1.6rem;
  border-left: thin solid #F2F4F7;
}
@media (max-width: 991px) {
  .header__subcategory {
    -ms-flex-preferred-size: 33.6rem;
        flex-basis: 33.6rem;
  }
}

.header__subcategory-list {
  margin-right: -0.8rem;
  padding-right: 0.8rem;
}

.header__subcategory-item + .header__subcategory-item {
  margin-top: 1.2rem;
}
.header__subcategory-item li {
  display: block;
  padding: 0.6rem 0.4rem 0.4rem;
}
.header__subcategory-item li:first-child {
  padding-top: 1rem;
}
.header__subcategory-item a {
  font-weight: 500;
  line-height: 130%;
  white-space: normal;
}
.header__subcategory-item > ul {
  padding-left: 1.2rem;
}
.header__subcategory-item > ul a {
  font-size: 1.4rem;
  font-weight: 400;
}

.header__search {
  position: relative;
  width: 100%;
}
.header__search.is-open-hint .header__search-hint {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.2s ease-out, visibility 0s;
  transition: opacity 0.2s ease-out, visibility 0s;
}
.header__search .header__search-control input {
  padding-right: 5rem;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.header__search-btn {
  position: absolute;
  top: 0;
  right: 0;
  background-color: transparent;
}
@media (hover: hover) and (pointer: fine) {
  .header__search-btn:hover svg {
    fill: #144F89;
  }
}

.header__search-hint {
  position: absolute;
  top: calc(100% + 0.4rem);
  left: 0;
  width: 100%;
  max-height: 40rem;
  padding: 1.6rem;
  background-color: #FFFFFF;
  border-bottom-left-radius: 0.4rem;
  border-bottom-right-radius: 0.4rem;
  -webkit-box-shadow: 0 0.2rem 1.6rem 0 rgba(28, 67, 84, 0.05);
          box-shadow: 0 0.2rem 1.6rem 0 rgba(28, 67, 84, 0.05);
  overflow-y: auto;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.2s ease-out, visibility 0s linear 0.2s;
  transition: opacity 0.2s ease-out, visibility 0s linear 0.2s;
}
@media (max-width: 991px) {
  .header__search-hint {
    padding: 0.8rem;
  }
}
.header__search-hint a {
  display: block;
  padding: 1rem 0.8rem;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 130%;
}
@media (max-width: 991px) {
  .header__search-hint a {
    font-size: 1.6rem;
  }
}

.header__btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 1.6rem;
     -moz-column-gap: 1.6rem;
          column-gap: 1.6rem;
  min-width: calc((100% - 8rem) / 3);
}
@media (max-width: 1280px) {
  .header__btns {
    -webkit-column-gap: 1.2rem;
       -moz-column-gap: 1.2rem;
            column-gap: 1.2rem;
    min-width: 0;
  }
}

.header__cart-btn {
  position: relative;
}
@media (max-width: 1280px) {
  .header__cart-btn {
    width: 4.4rem;
  }
}
@media (max-width: 768px) {
  .header__cart-btn {
    display: none;
  }
}
@media (max-width: 1280px) {
  .header__cart-btn .btn {
    width: 4.4rem;
  }
}
@media (max-width: 1280px) {
  .header__cart-btn .btn svg {
    width: 2.4rem;
    height: 2.4rem;
  }
}
@media (max-width: 1280px) {
  .header__cart-btn .btn span {
    display: none;
  }
}

.header__cart-count {
  position: absolute;
  top: -0.4rem;
  right: -0.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 2rem;
  min-width: 2rem;
  padding-left: 0.4rem;
  padding-right: 0.4rem;
  background-color: #144F89;
  border-radius: 1.6rem;
  color: #FFFFFF;
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 100%;
  z-index: 1;
}

.header__login-btn--right {
  margin-left: auto;
}
@media (max-width: 1520px) {
  .header__login-btn--right {
    margin-left: 0;
  }
}
@media (max-width: 1280px) {
  .header__login-btn {
    width: 4.4rem;
  }
}
@media (max-width: 768px) {
  .header__login-btn {
    display: none;
  }
}
@media (max-width: 1280px) {
  .header__login-btn svg {
    width: 2.4rem;
    height: 2.4rem;
  }
}
@media (max-width: 1280px) {
  .header__login-btn span {
    display: none;
  }
}
.btn.header__menu-btn {
  display: none;
  position: relative;
  margin-left: auto;
}
@media (max-width: 1520px) {
  .btn.header__menu-btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
}
@media (max-width: 768px) {
  .btn.header__menu-btn {
    height: auto;
    padding: 0;
    background-color: transparent;
  }
}
@media (hover: hover) and (pointer: fine) and (max-width: 768px) {
  .btn.header__menu-btn:hover {
    background-color: transparent;
  }
}
.btn.header__menu-btn::before {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 0.8rem;
  content: "";
  display: block;
  background-color: #FFFFFF;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.2s ease-out, visibility 0s linear 0.2s;
  transition: opacity 0.2s ease-out, visibility 0s linear 0.2s;
}
@media (max-width: 768px) {
  .btn.header__menu-btn::before {
    content: none;
  }
}

.header__burger-icon,
.header__burger-icon::after,
.header__burger-icon::before {
  width: 1.8rem;
  height: 0.2rem;
  background-color: #144F89;
}

.header__burger-icon {
  position: relative;
}

.header__burger-icon:before {
  position: absolute;
  bottom: 0.6rem;
  left: 0;
  content: "";
  display: block;
  -webkit-transition: bottom 0.3s 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: bottom 0.3s 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: bottom 0.3s 0.3s cubic-bezier(0.23, 1, 0.32, 1), transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: bottom 0.3s 0.3s cubic-bezier(0.23, 1, 0.32, 1), transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}

.header__burger-icon:after {
  position: absolute;
  top: 0.6rem;
  left: 0;
  content: "";
  display: block;
  -webkit-transition: top 0.3s 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: top 0.3s 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: top 0.3s 0.3s cubic-bezier(0.23, 1, 0.32, 1), transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: top 0.3s 0.3s cubic-bezier(0.23, 1, 0.32, 1), transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}

.mobile-menu {
  display: none;
}
@media (max-width: 768px) {
  .mobile-menu {
    position: fixed;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    padding-left: 0.8rem;
    padding-right: 0.8rem;
    z-index: 5;
  }
}

.mobile-menu__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  padding: 0.8rem 1.6rem;
  background-color: #FFFFFF;
  border-top-left-radius: 0.8rem;
  border-top-right-radius: 0.8rem;
  -webkit-box-shadow: 0 0 0.6rem 0 rgba(204, 224, 255, 0.46);
          box-shadow: 0 0 0.6rem 0 rgba(204, 224, 255, 0.46);
}

.mobile-menu__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 4.4rem;
  height: 4rem;
  -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;
  row-gap: 0.2rem;
  position: relative;
  padding: 0;
  background-color: transparent;
  border: none;
  border-radius: 0;
  cursor: pointer;
}
.mobile-menu__btn svg {
  width: 2rem;
  height: 2rem;
}
.mobile-menu__btn span {
  color: #1C4354;
  font-size: 1.1rem;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 100%;
}

span.mobile-menu__count {
  position: absolute;
  top: -0.2rem;
  right: -0.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 1.8rem;
  min-width: 1.8rem;
  padding-left: 0.4rem;
  padding-right: 0.4rem;
  background-color: #144F89;
  border-radius: 1.6rem;
  color: #FFFFFF;
  font-size: 1rem;
  font-weight: 600;
  line-height: 92%;
}

.mobile-search {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  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;
  padding: 4.4rem 2.4rem 2.4rem;
  background: -webkit-gradient(linear, left top, left bottom, from(#F2F4F7), color-stop(15%, #FFFFFF), color-stop(85%, #FFFFFF), to(#F2F4F7));
  background: linear-gradient(180deg, #F2F4F7 0%, #FFFFFF 15%, #FFFFFF 85%, #F2F4F7 100%);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.2s ease-out, visibility 0s linear 0.2s;
  transition: opacity 0.2s ease-out, visibility 0s linear 0.2s;
  z-index: 10;
}
.mobile-search.is-open {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.2s ease-out, visibility 0s;
  transition: opacity 0.2s ease-out, visibility 0s;
}

.mobile-search__close-btn {
  position: absolute;
  top: 0.8rem;
  right: 0.8rem;
}

.mobile-search__title h2 {
  color: #144F89;
  font-weight: 500;
  font-size: 2.8rem;
  line-height: 100%;
  letter-spacing: -0.04em;
  text-align: center;
}

.mobile-search__control {
  margin-top: 2.4rem;
}
.mobile-search__control input {
  margin-top: 0;
  padding-right: 5rem;
}

.mobile-search__search-btn {
  position: absolute;
  top: 0;
  right: 0;
  background-color: transparent;
}

.mobile-search__hint-list {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin-top: 1.6rem;
  overflow-y: auto;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.2s ease-out, visibility 0s linear 0.2s;
  transition: opacity 0.2s ease-out, visibility 0s linear 0.2s;
}
.mobile-search__hint-list.is-open {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.2s ease-out, visibility 0s;
  transition: opacity 0.2s ease-out, visibility 0s;
}
.mobile-search__hint-list li:first-child a {
  padding-top: 0;
}
.mobile-search__hint-list li:last-child a {
  padding-bottom: 0;
}
.mobile-search__hint-list a {
  display: block;
  padding-bottom: 1.2rem;
  padding-top: 1.6rem;
  border-bottom: thin solid #F2F4F7;
  font-weight: 500;
  line-height: 130%;
}

.mobile-catalog {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  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;
  padding: 4.4rem 2.4rem 2.4rem;
  background: -webkit-gradient(linear, left top, left bottom, from(#F2F4F7), color-stop(15%, #FFFFFF), color-stop(85%, #FFFFFF), to(#F2F4F7));
  background: linear-gradient(180deg, #F2F4F7 0%, #FFFFFF 15%, #FFFFFF 85%, #F2F4F7 100%);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.2s ease-out, visibility 0s linear 0.2s;
  transition: opacity 0.2s ease-out, visibility 0s linear 0.2s;
  z-index: 10;
}
.mobile-catalog.is-open {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.2s ease-out, visibility 0s;
  transition: opacity 0.2s ease-out, visibility 0s;
}

.mobile-catalog__close-btn {
  position: absolute;
  top: 0.8rem;
  right: 0.8rem;
}

.mobile-catalog__title h2 {
  color: #144F89;
  font-weight: 500;
  font-size: 2.8rem;
  line-height: 100%;
  letter-spacing: -0.04em;
  text-align: center;
}

.mobile-catalog__all-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 4.4rem;
          flex: 0 0 4.4rem;
  margin: 2.4rem auto 1.2rem;
  width: 100%;
}

.mobile-catalog__accordions {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin-left: -1.6rem;
  margin-right: -1.6rem;
  padding-left: 1.6rem;
  padding-right: 1.6rem;
  overflow-y: auto;
}

.mobile-catalog__item-count {
  color: #B0BEC5;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 100%;
  white-space: nowrap;
}

.mobile-catalog__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-bottom: 1.6rem;
  border-top: thin solid #F2F4F7;
}

.mobile-catalog__category {
  padding: 1.6rem 0 0.4rem 1.2rem;
}
.mobile-catalog__category:not(:first-child) {
  padding-top: 1.2rem;
}
.mobile-catalog__category a {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 130%;
  white-space: normal;
}

.mobile-catalog__subcategory {
  padding: 0.6rem 0 0.6rem 2.4rem;
}
.mobile-catalog__subcategory a {
  font-weight: 400;
  line-height: 130%;
  white-space: normal;
}

.chat-btn {
  position: fixed;
  right: 0.8rem;
  bottom: 0.8rem;
  z-index: 10;
}
@media (max-width: 768px) {
  .chat-btn {
    display: none;
  }
}
.chat-btn svg {
  width: 2.4rem;
  height: 2.4rem;
}

.footer .section-title > * {
  text-align: center;
}
@media (max-width: 1280px) {
  .footer .section-title > * {
    font-size: 5.6rem;
  }
}
@media (max-width: 768px) {
  .footer .section-title > * {
    font-size: 3.2rem;
    letter-spacing: -0.04em;
  }
}

.footer__wrap {
  padding: 8rem 9.6rem 15.2rem;
  background: center bottom/8.8rem auto url("../images/footer-pattern.svg") repeat-x, -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), color-stop(90%, #F2F4F7));
  background: center bottom/8.8rem auto url("../images/footer-pattern.svg") repeat-x, linear-gradient(180deg, #FFFFFF 0%, #F2F4F7 90%);
  border: 0.3rem solid #FFFFFF;
  border-bottom: none;
  border-top-left-radius: 0.8rem;
  border-top-right-radius: 0.8rem;
}
@media (max-width: 1280px) {
  .footer__wrap {
    position: relative;
    padding: 6.4rem 2.4rem 13.6rem;
  }
}
@media (max-width: 768px) {
  .footer__wrap {
    padding: 3.2rem 1.6rem 14.4rem;
    background: center bottom 5.6rem/8.8rem auto url("../images/footer-pattern.svg") repeat-x, -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), color-stop(90%, #F2F4F7));
    background: center bottom 5.6rem/8.8rem auto url("../images/footer-pattern.svg") repeat-x, linear-gradient(180deg, #FFFFFF 0%, #F2F4F7 90%);
  }
}

.footer__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 4rem;
     -moz-column-gap: 4rem;
          column-gap: 4rem;
  margin-top: 8rem;
}
@media (max-width: 1280px) {
  .footer__top {
    -webkit-column-gap: 2.4rem;
       -moz-column-gap: 2.4rem;
            column-gap: 2.4rem;
    margin-top: 6.4rem;
  }
}
@media (max-width: 991px) {
  .footer__top {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media (max-width: 768px) {
  .footer__top {
    -webkit-column-gap: 1.6rem;
       -moz-column-gap: 1.6rem;
            column-gap: 1.6rem;
    margin-top: 3.2rem;
  }
}

.footer__logo-wrap {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc((100% - 20rem) / 6);
          flex: 0 0 calc((100% - 20rem) / 6);
}
@media (max-width: 1280px) {
  .footer__logo-wrap {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }
}
@media (max-width: 991px) {
  .footer__logo-wrap {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    margin-bottom: 2.4rem;
  }
}

.footer__logo {
  width: 19.8rem;
  height: 3.2rem;
  -o-object-fit: contain;
     object-fit: contain;
}

.footer__logo-link {
  width: 19.8rem;
  height: 3.2rem;
  display: block;
  background: left center/contain no-repeat url("../images/logo.svg");
}

.footer__main-links {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc((100% - 20rem) / 6 + 2rem);
          flex: 0 0 calc((100% - 20rem) / 6 + 2rem);
  margin-left: -2rem;
}
@media (max-width: 1280px) {
  .footer__main-links {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    margin-left: 0;
  }
}
@media (max-width: 480px) {
  .footer__main-links {
    -ms-flex-preferred-size: calc((100% - 1.6rem) / 2);
        flex-basis: calc((100% - 1.6rem) / 2);
  }
}

.footer__main-links-wrap {
  display: inline-block;
}
@media (max-width: 480px) {
  .footer__main-links-wrap {
    display: block;
  }
}

@media (max-width: 1280px) {
  .footer__company-links {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc((100% - 4.8rem) / 3);
            flex: 0 0 calc((100% - 4.8rem) / 3);
    margin-left: auto;
  }
}
@media (max-width: 768px) {
  .footer__company-links {
    -ms-flex-preferred-size: calc((100% - 1.6rem) / 2);
        flex-basis: calc((100% - 1.6rem) / 2);
  }
}

.footer__company-links-wrap {
  display: inline-block;
}

.footer__nav {
  margin-top: 1rem;
}

.footer__catalog-btn {
  width: 100%;
}

.footer__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 0.8rem;
     -moz-column-gap: 0.8rem;
          column-gap: 0.8rem;
  padding-top: 2.8rem;
}
@media (max-width: 768px) {
  .footer__title {
    padding-top: 2.4rem;
  }
}
.footer__title h3 {
  color: #B0BEC5;
  font-size: 2rem;
  font-weight: 500;
  line-height: 100%;
  text-transform: uppercase;
  white-space: nowrap;
}
@media (max-width: 768px) {
  .footer__title h3 {
    font-size: 1.8rem;
  }
}
@media (max-width: 768px) {
  .footer__title svg {
    width: 1.8rem;
    height: 1.8rem;
  }
}

.footer__nav-link {
  display: block;
  padding-bottom: 0.6rem;
  padding-top: 0.6rem;
  color: #1C4354;
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 100%;
  letter-spacing: -0.02em;
  -webkit-transition: color 0.3s ease-out;
  transition: color 0.3s ease-out;
}
@media (hover: hover) and (pointer: fine) {
  .footer__nav-link:hover {
    color: #5793c7;
  }
}
@media (max-width: 768px) {
  .footer__nav-link {
    font-size: 1.6rem;
  }
}
@media (max-width: 480px) {
  .footer__nav-link {
    font-size: 1.4rem;
  }
}

.footer__contacts-list {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc((100% - 8rem) / 3);
          flex: 0 0 calc((100% - 8rem) / 3);
  margin-left: auto;
}
@media (max-width: 1280px) {
  .footer__contacts-list {
    -ms-flex-preferred-size: calc((100% - 4.8rem) / 3);
        flex-basis: calc((100% - 4.8rem) / 3);
    margin-left: 0;
  }
}
@media (max-width: 768px) {
  .footer__contacts-list {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}
@media (max-width: 1280px) {
  .footer__contacts-list > div .footer__title {
    padding-top: 2.4rem;
  }
}

.footer__contacts-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 4rem;
     -moz-column-gap: 4rem;
          column-gap: 4rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (max-width: 768px) {
  .footer__contacts-line {
    -webkit-column-gap: 1.6rem;
       -moz-column-gap: 1.6rem;
            column-gap: 1.6rem;
  }
}
.footer__contacts-line > div {
  -ms-flex-preferred-size: calc((100% - 4rem) / 2);
      flex-basis: calc((100% - 4rem) / 2);
}
@media (max-width: 768px) {
  .footer__contacts-line > div {
    -ms-flex-preferred-size: calc((100% - 1.6rem) / 2);
        flex-basis: calc((100% - 1.6rem) / 2);
  }
}
@media (max-width: 1280px) {
  .footer__contacts-line > div + div .footer__title {
    padding-top: 2.4rem;
  }
}

.footer__contact-item {
  margin-top: 1rem;
}
@media (max-width: 768px) {
  .footer__contact-item {
    margin-top: 0.4rem;
  }
}

.footer__contact {
  padding-bottom: 0.6rem;
  padding-top: 0.6rem;
  font-size: 2rem;
  line-height: 100%;
  white-space: nowrap;
}
@media (max-width: 768px) {
  .footer__contact {
    font-size: 1.8rem;
  }
}
@media (hover: hover) and (pointer: fine) {
  .footer__contact:hover a {
    color: #5793c7;
  }
}
.footer__contact a {
  color: #1C4354;
  -webkit-transition: color 0.3s ease-out;
  transition: color 0.3s ease-out;
}

.footer__contact-address {
  white-space: wrap;
}

.footer__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 4rem;
     -moz-column-gap: 4rem;
          column-gap: 4rem;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-top: 6.4rem;
}
@media (max-width: 1280px) {
  .footer__bottom {
    position: absolute;
    bottom: 13.6rem;
    left: 2.4rem;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 2.4rem 1fr;
    grid-template-columns: repeat(2, 1fr);
    -webkit-column-gap: 2.4rem;
       -moz-column-gap: 2.4rem;
            column-gap: 2.4rem;
    width: calc((100% - 4.8rem) * 2 / 3);
    margin-top: 0;
    padding-bottom: 0.8rem;
  }
}
@media (max-width: 768px) {
  .footer__bottom {
    position: static;
    -webkit-column-gap: 1.6rem;
       -moz-column-gap: 1.6rem;
            column-gap: 1.6rem;
    width: auto;
    margin-top: 3.2rem;
  }
}
@media (max-width: 480px) {
  .footer__bottom {
    -ms-grid-columns: auto auto;
    grid-template-columns: auto auto;
    margin-top: 2rem;
  }
}

.footer__copyright {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc((100% - 20rem) / 6);
          flex: 0 0 calc((100% - 20rem) / 6);
}
@media (max-width: 1520px) {
  .footer__copyright {
    -ms-flex-preferred-size: calc((100% - 8rem) / 3);
        flex-basis: calc((100% - 8rem) / 3);
  }
}
@media (max-width: 1280px) {
  .footer__copyright {
    -ms-grid-column-span: 2;
    grid-column: span 2;
  }
}

.footer__privacy-link {
  color: #1C4354;
  font-weight: 500;
  -webkit-transition: color 0.3s ease-out;
  transition: color 0.3s ease-out;
}
@media (hover: hover) and (pointer: fine) {
  .footer__privacy-link:hover {
    color: #5793c7;
  }
}
@media (max-width: 480px) {
  .footer__privacy-link {
    font-size: 1.3rem;
  }
}

.footer__privacy-link {
  margin-left: -2rem;
}
@media (max-width: 1520px) {
  .footer__privacy-link {
    margin-left: 0;
  }
}
@media (max-width: 1280px) {
  .footer__privacy-link {
    -ms-grid-column: 1;
    grid-column: 1;
    margin-top: 1.6rem;
  }
}

.footer__up-btn {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc((100% - 20rem) / 6);
          flex: 0 0 calc((100% - 20rem) / 6);
  margin-left: auto;
}
@media (max-width: 1280px) {
  .footer__up-btn {
    -ms-grid-row: 2;
    -ms-grid-row-span: 2;
    grid-row: 2/span 2;
    -ms-grid-column: 2;
    grid-column: 2;
    margin-left: 0;
  }
}
@media (max-width: 480px) {
  .footer__up-btn {
    text-align: right;
  }
}
@media (max-width: 480px) {
  .footer__up-btn .btn {
    -webkit-column-gap: 0.6rem;
       -moz-column-gap: 0.6rem;
            column-gap: 0.6rem;
    height: 3.6rem;
    padding: 0 1.2rem;
    font-size: 1.4rem;
  }
}
.footer__up-btn .btn svg {
  width: 1.6rem;
  height: 1.6rem;
  -ms-flex-preferred-size: 1.6rem;
      flex-basis: 1.6rem;
}

.page-header__wrap {
  padding: 16.2rem 9.6rem 6.4rem;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(11.4rem, #F2F4F7), to(#FFFFFF));
  background: linear-gradient(180deg, #F2F4F7 11.4rem, #FFFFFF 100%);
  border-top: none;
  border-bottom-left-radius: 0.8rem;
  border-bottom-right-radius: 0.8rem;
  text-align: center;
}
@media (max-width: 1520px) {
  .page-header__wrap {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(7.6rem, #F2F4F7), to(#FFFFFF));
    background: linear-gradient(180deg, #F2F4F7 7.6rem, #FFFFFF 100%);
  }
}
@media (max-width: 1280px) {
  .page-header__wrap {
    padding: 10.8rem 2.4rem 4.2rem;
  }
}
@media (max-width: 768px) {
  .page-header__wrap {
    padding: 8.4rem 1.6rem 3.6rem;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(5.2rem, #F2F4F7), to(#FFFFFF));
    background: linear-gradient(180deg, #F2F4F7 5.2rem, #FFFFFF 100%);
  }
}
.page-header__wrap h1 {
  max-width: 156rem;
  margin: 1.6rem auto 0;
  padding-bottom: 0.8rem;
  font-size: 9.6rem;
  font-weight: 500;
  line-height: 85%;
  letter-spacing: -0.05em;
  background: linear-gradient(135deg, #5793c7 0%, #1C4354 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  word-break: break-word;
}
@media (max-width: 1280px) {
  .page-header__wrap h1 {
    max-width: 90rem;
    margin-top: 1.2rem;
    font-size: 8rem;
  }
}
@media (max-width: 768px) {
  .page-header__wrap h1 {
    font-size: 4rem;
  }
}

.page-header__text {
  margin: 0.8rem auto 0;
  max-width: 60rem;
  color: #B0BEC5;
  font-size: 2rem;
  font-weight: 500;
  line-height: 80%;
  letter-spacing: -0.05em;
}
@media (max-width: 1280px) {
  .page-header__text {
    margin-top: 0.4rem;
  }
}
@media (max-width: 768px) {
  .page-header__text {
    font-size: 1.6rem;
  }
}

.breadcrumbs {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.4rem 0.8rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (max-width: 768px) {
  .breadcrumbs {
    -webkit-column-gap: 0.4rem;
       -moz-column-gap: 0.4rem;
            column-gap: 0.4rem;
  }
}
.breadcrumbs li:not(:last-child)::after {
  content: url("../images/breadcrumb-separator-orange.svg");
  margin-left: 0.8rem;
  font-size: 0.8rem;
}
@media (max-width: 768px) {
  .breadcrumbs li:not(:last-child)::after {
    margin-left: 0.4rem;
  }
}

.breadcrumbs-item {
  color: #1C4354;
  -webkit-transition: color 0.3s ease-out;
  transition: color 0.3s ease-out;
}
@media (max-width: 768px) {
  .breadcrumbs-item {
    font-size: 1.4rem;
  }
}

@media (hover: hover) and (pointer: fine) {
  a.breadcrumbs-item:hover {
    color: #5793c7;
  }
}

@media (max-width: 768px) {
  main:has(.invite) .page-header__wrap h1,
  main:has(.catalog) .page-header__wrap h1,
  main:has(.text-page) .page-header__wrap h1 {
    font-size: 3.2rem;
  }
}

.modal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  inset: 0;
  padding: 2.4rem;
  background: rgba(28, 67, 84, 0.9);
  backdrop-filter: blur(0.4rem);
  overflow-y: auto;
  overflow-x: hidden;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.2s ease-out, visibility 0s ease-out 0.2s;
  transition: opacity 0.2s ease-out, visibility 0s ease-out 0.2s;
  z-index: 999;
}
@media (max-width: 768px) {
  .modal {
    padding: 0;
  }
}
.modal.is-open {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.2s ease-out, visibility 0s ease-out;
  transition: opacity 0.2s ease-out, visibility 0s ease-out;
}
.modal.is-open .modal__wrap {
  display: block;
}
.modal--certificate .modal__wrap {
  max-width: 56rem;
  width: auto;
}
@media (max-width: 768px) {
  .modal--certificate .modal__wrap {
    max-width: 100%;
  }
}
.modal--certificate .modal__dialog {
  background: #FFFFFF;
}
.modal--certificate .modal__content {
  padding: 0;
  text-align: center;
}
@media (max-width: 768px) {
  .modal--certificate .modal__content {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
}
.modal--certificate .modal__content picture {
  display: block;
  font-size: 0;
}
.modal--certificate .modal__content img {
  display: block;
  margin: 0 auto;
  max-height: 90vh;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 768px) {
  .modal--certificate .modal__content img {
    height: 100vh;
    height: calc(var(--vh) * 100);
    max-height: none;
  }
}
.modal--certificate .modal__close-btn {
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transform: translate(100%, -100%);
      -ms-transform: translate(100%, -100%);
          transform: translate(100%, -100%);
}
@media (max-width: 768px) {
  .modal--certificate .modal__close-btn {
    position: absolute;
    top: 0.8rem;
    right: 0.8rem;
    background-color: #F2F4F7;
    -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
.modal--order .modal__title {
  margin-bottom: 1.6rem;
}
@media (max-width: 768px) {
  .modal--order .modal__title {
    margin-bottom: 1.2rem;
  }
}
@media (max-width: 480px) {
  .modal--login .modal__btns > .btn {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
}
@media (max-width: 480px) {
  .modal--order-details .modal__dialog {
    height: 100vh;
    height: calc(var(--vh) * 100);
  }
  .modal--order-details .modal__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 100%;
  }
  .modal--order-details .modal__order-list {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-height: none;
  }
}
.modal--create-claim .modal__wrap {
  max-width: 70rem;
  width: auto;
}
@media (max-width: 768px) {
  .modal--create-claim .modal__wrap {
    max-width: 94%;
  }
}
@media (max-width: 480px) {
  .modal--create-claim .modal__wrap {
    max-width: 100%;
  }
}
@media (max-width: 768px) {
  .modal--create-claim .form-input__line {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 1.6rem;
  }
}
@media (max-width: 480px) {
  .modal--create-claim .form-input-file label {
    -webkit-column-gap: 0.6rem;
       -moz-column-gap: 0.6rem;
            column-gap: 0.6rem;
  }
  .modal--create-claim .form-input-file span {
    font-size: 1.4rem;
  }
  .modal--create-claim .form-input-file svg {
    width: 1.6rem;
    height: 1.6rem;
  }
}
@media (max-width: 370px) {
  .modal--create-claim .form-input-file label {
    -webkit-column-gap: 0.4rem;
       -moz-column-gap: 0.4rem;
            column-gap: 0.4rem;
  }
  .modal--create-claim .form-input-file span {
    font-size: 3.5135135135vw;
  }
}

.modal__wrap {
  position: relative;
  display: none;
  width: 56rem;
  margin: auto;
}
@media (max-width: 768px) {
  .modal__wrap {
    width: 46rem;
  }
}
@media (max-width: 480px) {
  .modal__wrap {
    width: 100%;
  }
}

.modal__dialog {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  width: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(#F2F4F7), color-stop(5.6rem, #FFFFFF), color-stop(#FFFFFF), to(#F2F4F7));
  background: linear-gradient(180deg, #F2F4F7 0%, #FFFFFF 5.6rem, #FFFFFF calc(100% - 5.6rem), #F2F4F7 100%);
  border-radius: 0.8rem;
}
@media (max-width: 480px) {
  .modal__dialog {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    min-height: 100vh;
    min-height: calc(var(--vh) * 100);
    border-radius: 0;
  }
}

.modal__close-btn {
  position: absolute;
  top: 0.8rem;
  right: 0.8rem;
  z-index: 1;
}
.modal__close-btn svg {
  fill: #144F89;
}

.modal__content {
  padding: 4.4rem;
}
@media (max-width: 768px) {
  .modal__content {
    padding: 4.4rem 2.4rem;
  }
}
@media (max-width: 480px) {
  .modal__content {
    padding: 4.4rem 1.6rem 3.2rem;
  }
}

.modal__title {
  margin-bottom: 2.4rem;
}
.modal__title h2 {
  color: #144F89;
  font-size: 3.2rem;
  font-weight: 500;
  line-height: 100%;
  letter-spacing: -0.04em;
  text-align: center;
}
@media (max-width: 768px) {
  .modal__title h2 {
    font-size: 2.8rem;
  }
}

.modal__text {
  color: #144F89;
  font-size: 1.8rem;
  line-height: 130%;
  text-align: center;
}
@media (max-width: 768px) {
  .modal__text {
    font-size: 1.6rem;
  }
}

.modal__btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1.2rem 1.6rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 2.4rem;
}
@media (max-width: 768px) {
  .modal__btns {
    margin-top: 2rem;
  }
}

.modal__form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 1.6rem;
  position: relative;
}
.modal__form .modal__btns {
  margin-top: 0.8rem;
}
@media (max-width: 370px) {
  .modal__form .form-checkbox label {
    font-size: 1.4rem;
  }
}
.modal__form .success-message {
  position: absolute;
  bottom: -0.2rem;
  left: 50%;
  text-align: center;
  -webkit-transform: translate(-50%, 100%);
      -ms-transform: translate(-50%, 100%);
          transform: translate(-50%, 100%);
}

.modal__order-list {
  max-height: 47rem;
  margin: 0 -0.4rem;
  padding: 0 0.4rem;
  overflow-y: auto;
}

.hero {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 100vh;
  min-height: calc(var(--vh) * 100);
}
@media (max-width: 1280px) and (orientation: portrait) {
  .hero {
    min-height: 50vh;
    min-height: calc(var(--vh) * 50);
  }
}

.hero__wrap {
  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;
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 16.2rem 9.6rem 7.2rem;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(11.4rem, #F2F4F7), to(#FFFFFF));
  background: linear-gradient(180deg, #F2F4F7 11.4rem, #FFFFFF 100%);
  border-top: none;
  border-bottom-left-radius: 0.8rem;
  border-bottom-right-radius: 0.8rem;
  text-align: center;
  overflow: hidden;
}
@media (max-width: 1520px) {
  .hero__wrap {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(7.6rem, #F2F4F7), to(#FFFFFF));
    background: linear-gradient(180deg, #F2F4F7 7.6rem, #FFFFFF 100%);
  }
}
@media (max-width: 1280px) {
  .hero__wrap {
    padding: 10.8rem 2.4rem 5rem;
  }
}
@media (max-width: 768px) {
  .hero__wrap {
    padding: 9.4rem 1.2rem 0;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(5.2rem, #F2F4F7), to(#FFFFFF));
    background: linear-gradient(180deg, #F2F4F7 5.2rem, #FFFFFF 100%);
  }
}

.hero__title {
  position: relative;
  margin: 11vh auto 0;
  max-width: 116rem;
  z-index: 1;
}
@media (max-width: 1280px) and (orientation: landscape) {
  .hero__title {
    margin-top: 6vh;
  }
}
@media (max-width: 1280px) and (orientation: portrait) {
  .hero__title {
    margin-top: 4vh;
  }
}
@media (max-width: 768px) {
  .hero__title {
    margin-top: 0;
  }
}
.hero__title h1 {
  font-size: 10.4rem;
  font-weight: 500;
  line-height: 82%;
  letter-spacing: -0.05em;
  background: linear-gradient(135deg, #5793c7 0%, #1C4354 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media (max-width: 1440px) {
  .hero__title h1 {
    font-size: 7.2222222222vw;
  }
}
@media (max-width: 1280px) {
  .hero__title h1 {
    font-size: 8rem;
  }
}
@media (max-width: 768px) {
  .hero__title h1 {
    font-size: 5.6rem;
  }
}
@media (max-width: 370px) {
  .hero__title h1 {
    font-size: 11.6666666667vw;
  }
}

.hero__desc {
  position: relative;
  margin: 2.4rem auto 0;
  max-width: 57rem;
  font-size: 2rem;
  letter-spacing: -0.03em;
  line-height: 130%;
  z-index: 1;
}
@media (max-width: 1280px) {
  .hero__desc {
    max-width: 50rem;
    font-size: 1.8rem;
  }
}
@media (max-width: 768px) {
  .hero__desc {
    margin-top: 1.6rem;
    font-size: 1.6rem;
    letter-spacing: -0.02em;
  }
}
.hero__desc span {
  color: #144F89;
  font-weight: 500;
}

.hero__btn-wrap {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin-top: 3.2rem;
}
@media (max-width: 768px) {
  .hero__btn-wrap {
    margin-bottom: 4vh;
    margin-top: 2.4rem;
  }
}

.hero__bottom-lines {
  position: absolute;
  top: 5.6rem;
  bottom: -7.2rem;
  width: 100%;
}
@media (max-width: 1280px) {
  .hero__bottom-lines {
    bottom: -5rem;
  }
}
@media (max-width: 768px) {
  .hero__bottom-lines {
    display: none;
  }
}
.hero__bottom-lines img {
  width: 1.4vw;
  height: 100%;
}
.hero__bottom-lines img:first-child {
  -webkit-transform: translateX(-1.6rem);
      -ms-transform: translateX(-1.6rem);
          transform: translateX(-1.6rem);
}
.hero__bottom-lines img:last-child {
  -webkit-transform: scale(-1, 1) translateX(-1.6rem);
      -ms-transform: scale(-1, 1) translateX(-1.6rem);
          transform: scale(-1, 1) translateX(-1.6rem);
}

.hero__side-lines {
  position: absolute;
  top: 0;
  bottom: -7.2rem;
  width: 100%;
  height: 100%;
}
@media (max-width: 768px) or ((max-width: 1280px) and (orientation: portrait)) {
  .hero__side-lines {
    display: none;
  }
}

.hero__side-lines-left,
.hero__side-lines-right {
  position: absolute;
  top: 2.4rem;
  width: 8vw;
  height: 30vh;
  max-height: 90%;
}
@media (max-width: 1280px) {
  .hero__side-lines-left,
  .hero__side-lines-right {
    width: 6vw;
    height: 20vh;
  }
}
.hero__side-lines-left::before, .hero__side-lines-left::after,
.hero__side-lines-right::before,
.hero__side-lines-right::after {
  position: absolute;
  bottom: 0;
  content: "";
  display: block;
  border-radius: 50%;
}
.hero__side-lines-left img,
.hero__side-lines-right img {
  width: 100%;
  height: 100%;
}

.hero__side-lines-left {
  left: 0;
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
}
.hero__side-lines-left::before {
  width: 1.2vw;
  height: 1.2vw;
  left: 0;
  background-color: #5793C7;
  border: 0.3rem solid #F2F4F7;
  -webkit-transform: translate(-50%, 100%);
      -ms-transform: translate(-50%, 100%);
          transform: translate(-50%, 100%);
}
@media (max-width: 1280px) {
  .hero__side-lines-left::before {
    border-width: 0.2rem;
  }
}
.hero__side-lines-left::after {
  width: 0.4vw;
  height: 0.4vw;
  left: 0;
  background-color: #5793c7;
  border: 0.3rem solid #F2F4F7;
  -webkit-transform: translate(-50%, calc(100% + 0.4vw));
      -ms-transform: translate(-50%, calc(100% + 0.4vw));
          transform: translate(-50%, calc(100% + 0.4vw));
}
@media (max-width: 1280px) {
  .hero__side-lines-left::after {
    border-width: 0.2rem;
  }
}

.hero__side-lines-right {
  right: 0;
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
}
.hero__side-lines-right::before {
  width: 0.6vw;
  height: 0.6vw;
  right: 0.2rem;
  background-color: #5793C7;
  border: 0.5rem solid #F2F4F7;
  -webkit-transform: translate(50%, 100%);
      -ms-transform: translate(50%, 100%);
          transform: translate(50%, 100%);
}
@media (max-width: 1280px) {
  .hero__side-lines-right::before {
    border-width: 0.3rem;
  }
}

.hero__img-left,
.hero__img-right {
  position: absolute;
  bottom: -5vh;
  height: 80vh;
  max-width: 36vw;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: bottom center;
     object-position: bottom center;
  z-index: 0;
}

.hero__img-left {
  left: 0;
  -webkit-transform: translateX(-38%);
      -ms-transform: translateX(-38%);
          transform: translateX(-38%);
}
@media (max-width: 768px) {
  .hero__img-left {
    position: static;
    height: 50vh;
    max-width: 80vw;
    margin-bottom: -5vh;
    margin-top: auto;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }
}

.hero__img-right {
  right: 0;
  -webkit-transform: translateX(40%);
      -ms-transform: translateX(40%);
          transform: translateX(40%);
}
@media (max-width: 768px) {
  .hero__img-right {
    display: none;
  }
}

.advantages {
  position: relative;
  padding-bottom: 16rem;
  padding-top: 16rem;
}
@media (max-width: 1280px) {
  .advantages {
    padding-bottom: 9.6rem;
    padding-top: 9.6rem;
  }
}
@media (max-width: 768px) {
  .advantages {
    padding-bottom: 5.6rem;
    padding-top: 5.6rem;
  }
}
.advantages::before {
  position: absolute;
  top: 4.8rem;
  left: 50%;
  width: 0.3rem;
  height: 30rem;
  content: "";
  display: block;
  background-color: #F9FAFB;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media (max-width: 1280px) {
  .advantages::before {
    height: 12rem;
  }
}
.advantages::after {
  position: absolute;
  bottom: 0;
  left: calc((100% - 20rem) / 6 + 4rem);
  width: 0.3rem;
  height: 12rem;
  content: "";
  display: block;
  background-color: #F9FAFB;
}
@media (max-width: 1280px) {
  .advantages::after {
    width: 12rem;
    height: 6.8rem;
    background-color: transparent;
    border-left: 0.3rem solid #F9FAFB;
    border-top: 0.3rem solid #F9FAFB;
    border-top-left-radius: 0.8rem;
  }
}
@media (max-width: 768px) {
  .advantages::after {
    content: none;
  }
}

.advantages__lines {
  position: absolute;
  top: 0;
  left: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media (max-width: 768px) {
  .advantages__lines {
    display: none;
  }
}
.advantages__lines img {
  width: calc(1.15vw + 1.6rem - 0.2rem);
  height: 4.8rem;
}
.advantages__lines img:last-child {
  margin-left: -0.2rem;
  -webkit-transform: scale(-1, 1);
      -ms-transform: scale(-1, 1);
          transform: scale(-1, 1);
}

.advantages__list-wrap {
  position: relative;
  margin-top: 10rem;
}
@media (max-width: 1280px) {
  .advantages__list-wrap {
    margin-top: 5.6rem;
  }
}
@media (max-width: 768px) {
  .advantages__list-wrap {
    margin-top: 3.2rem;
  }
}
.advantages__list-wrap::before {
  position: absolute;
  top: -2.8rem;
  left: 50%;
  width: 0.3rem;
  height: 12rem;
  content: "";
  display: block;
  background-color: #F9FAFB;
  -webkit-transform: translate(-50%, -100%);
      -ms-transform: translate(-50%, -100%);
          transform: translate(-50%, -100%);
  z-index: 0;
}
@media (max-width: 768px) {
  .advantages__list-wrap::before {
    content: none;
  }
}

.advantages__list {
  position: relative;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 4rem 1fr 4rem 1fr;
  grid-template-columns: repeat(3, 1fr);
  gap: 4rem;
}
@media (max-width: 1280px) {
  .advantages__list {
    -ms-grid-columns: 1fr 2.4rem 1fr;
    grid-template-columns: repeat(2, 1fr);
    gap: 2.4rem;
  }
}
@media (max-width: 768px) {
  .advantages__list {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 1.6rem;
  }
}
.advantages__list::before {
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  position: absolute;
  left: 50%;
  width: calc(100% - 2 * (100% - 20rem) / 6 - 4rem - 0.3rem);
  height: 4rem;
  content: "";
  display: block;
  top: -4rem;
  border: 0.3rem solid #F9FAFB;
  border-bottom: none;
  border-radius: 0.8rem;
}
@media (max-width: 1280px) {
  .advantages__list::before {
    width: calc(100% - 3 * (100% - 12rem) / 6 - 4.8rem - 0.3rem);
    height: 2.8rem;
    top: -2.8rem;
  }
}
@media (max-width: 768px) {
  .advantages__list::before {
    content: none;
  }
}
.advantages__list::after {
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  position: absolute;
  left: 50%;
  width: calc(100% - 2 * (100% - 20rem) / 6 - 4rem - 0.3rem);
  height: 4rem;
  content: "";
  display: block;
  bottom: -4rem;
  border: 0.3rem solid #F9FAFB;
  border-top: none;
  border-bottom-right-radius: 0.8rem;
}
@media (max-width: 1280px) {
  .advantages__list::after {
    width: calc(100% - 3 * (100% - 12rem) / 6 - 4.8rem - 0.3rem);
    height: 2.8rem;
    bottom: -2.8rem;
  }
}
@media (max-width: 768px) {
  .advantages__list::after {
    content: none;
  }
}

.advantage-item {
  position: relative;
  min-height: 28rem;
}
@media (max-width: 1280px) {
  .advantage-item {
    min-height: 25rem;
  }
}
@media (max-width: 768px) {
  .advantage-item {
    min-height: auto;
  }
}
.advantage-item.is-link {
  cursor: pointer;
}
.advantage-item.is-link .advantage-item__wrap {
  background-color: rgba(255, 255, 255, 0.2);
  -webkit-transition: background-color 0.3s ease-out;
  transition: background-color 0.3s ease-out;
}
@media (hover: hover) and (pointer: fine) {
  .advantage-item.is-link:hover .advantage-item__wrap {
    background-color: #FFFFFF;
  }
  .advantage-item.is-link:hover .advantage-item__icon {
    background-color: #F2F4F7;
  }
  .advantage-item.is-link:hover .advantage-item__link::before {
    opacity: 1;
  }
}
.advantage-item.is-link .advantage-item__icon {
  background-color: #FFFFFF;
}
.advantage-item.is-link .advantage-item__title h3 {
  color: #1C4354;
}
.advantage-item:nth-child(-n+3)::before, .advantage-item:nth-child(n+4)::after {
  position: absolute;
  left: 50%;
  width: 1.2rem;
  height: 0.8rem;
  content: "";
  display: block;
  background-color: #F9FAFB;
}
@media (max-width: 768px) {
  .advantage-item:nth-child(-n+3)::before, .advantage-item:nth-child(n+4)::after {
    content: none;
  }
}
.advantage-item:nth-child(-n+3)::before {
  top: 0;
  border-top-left-radius: 0.4rem;
  border-top-right-radius: 0.4rem;
  -webkit-transform: translate(-50%, -0.8rem);
      -ms-transform: translate(-50%, -0.8rem);
          transform: translate(-50%, -0.8rem);
}
.advantage-item:nth-child(n+4)::after {
  bottom: 0;
  border-bottom-left-radius: 0.4rem;
  border-bottom-right-radius: 0.4rem;
  -webkit-transform: translate(-50%, 0.8rem);
      -ms-transform: translate(-50%, 0.8rem);
          transform: translate(-50%, 0.8rem);
}
@media (max-width: 1280px) {
  .advantage-item:nth-child(4)::after {
    content: none;
  }
}
.advantage-item:nth-child(n+4)::before {
  position: absolute;
  left: 50%;
  width: 0.3rem;
  height: 4rem;
  content: "";
  display: block;
  top: 0;
  background-color: #F9FAFB;
  -webkit-transform: translate(50%, -4rem);
      -ms-transform: translate(50%, -4rem);
          transform: translate(50%, -4rem);
}
@media (max-width: 1280px) {
  .advantage-item:nth-child(n+4)::before {
    height: 2.4rem;
    -webkit-transform: translate(-50%, -2.4rem);
        -ms-transform: translate(-50%, -2.4rem);
            transform: translate(-50%, -2.4rem);
  }
}
@media (max-width: 768px) {
  .advantage-item:nth-child(n+4)::before {
    content: none;
  }
}
@media (max-width: 1280px) {
  .advantage-item:nth-child(3)::before {
    position: absolute;
    left: 50%;
    width: 0.3rem;
    height: 2.4rem;
    content: "";
    display: block;
    top: 0;
    background-color: #F9FAFB;
    -webkit-transform: translate(50%, -2.4rem);
        -ms-transform: translate(50%, -2.4rem);
            transform: translate(50%, -2.4rem);
  }
}
@media (max-width: 768px) {
  .advantage-item:nth-child(3)::before {
    content: none;
  }
}
.advantage-item:nth-child(5) .advantage-item__wrap::before {
  position: absolute;
  left: 50%;
  width: 0.3rem;
  height: 4rem;
  content: "";
  display: block;
  bottom: 0;
  background-color: #F9FAFB;
  -webkit-transform: translate(-50%, 4rem);
      -ms-transform: translate(-50%, 4rem);
          transform: translate(-50%, 4rem);
}
@media (max-width: 1280px) {
  .advantage-item:nth-child(5) .advantage-item__wrap::before {
    content: none;
  }
}

.advantage-item__wrap {
  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;
  padding: 4rem;
  height: 100%;
  background-color: #FFFFFF;
  border: 0.3rem solid #FFFFFF;
  border-radius: 0.8rem;
}
@media (max-width: 1280px) {
  .advantage-item__wrap {
    padding: 2.4rem;
  }
}
@media (max-width: 768px) {
  .advantage-item__wrap {
    padding: 1.6rem;
    border-radius: 0.4rem;
  }
}

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

.advantage-item__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 5.6rem;
  height: 5.6rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  background-color: #F2F4F7;
  border-radius: 0.4rem;
  -webkit-transition: background-color 0.3s ease-out;
  transition: background-color 0.3s ease-out;
}
@media (max-width: 480px) {
  .advantage-item__icon {
    width: 4.8rem;
    height: 4.8rem;
  }
}
.advantage-item__icon img {
  width: 3.2rem;
  height: 3.2rem;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 480px) {
  .advantage-item__icon img {
    width: 2.8rem;
    height: 2.8rem;
  }
}

.advantage-item__link {
  margin-left: auto;
}
@media (max-width: 480px) {
  .advantage-item__link {
    width: 4rem;
    height: 4rem;
  }
}
.advantage-item__link svg {
  width: 3.2rem;
  height: 3.2rem;
}
@media (max-width: 480px) {
  .advantage-item__link svg {
    width: 2.8rem;
    height: 2.8rem;
  }
}

.advantage-item__bottom {
  margin-top: 3.2rem;
}

.advantage-item__title h3 {
  color: #144F89;
  font-weight: 500;
  font-size: 4rem;
  line-height: 80%;
  letter-spacing: -0.03em;
}
@media (max-width: 1280px) {
  .advantage-item__title h3 {
    font-size: 3.6rem;
  }
}
@media (max-width: 768px) {
  .advantage-item__title h3 {
    font-size: 2.8rem;
    letter-spacing: -0.04em;
  }
}

.advantage-item__description {
  margin-top: 1.6rem;
  font-size: 1.8rem;
  line-height: 130%;
  letter-spacing: -0.03em;
}
@media (max-width: 1280px) {
  .advantage-item__description {
    font-size: 1.6rem;
    letter-spacing: -0.02em;
  }
}
@media (max-width: 768px) {
  .advantage-item__description {
    margin-top: 0.8rem;
  }
}

.certificate__wrap {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 4rem 1fr 4rem 1fr;
  grid-template-columns: repeat(3, 1fr);
  -webkit-column-gap: 4rem;
     -moz-column-gap: 4rem;
          column-gap: 4rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 5.6rem max((100% - 168rem) / 2, 0.8rem);
  background: linear-gradient(135deg, #5793c7 0%, #1C4354 100%);
  border-radius: 0.8rem;
}
@media (max-width: 1280px) {
  .certificate__wrap {
    -webkit-column-gap: 2.4rem;
       -moz-column-gap: 2.4rem;
            column-gap: 2.4rem;
    padding-left: 1.8rem;
    padding-right: 1.8rem;
  }
}
@media (max-width: 768px) {
  .certificate__wrap {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 2rem 0;
    padding: 2.4rem 1.6rem;
  }
}

.certificate__info {
  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;
  -ms-grid-column-span: 2;
  grid-column: span 2;
  min-height: 37rem;
  padding-right: 2.4rem;
}
@media (max-width: 1280px) {
  .certificate__info {
    padding-right: 0.6rem;
  }
}
@media (max-width: 991px) {
  .certificate__info {
    min-height: auto;
  }
}

.certificate__title h2 {
  color: #FFFFFF;
  font-weight: 500;
  font-size: 5.3rem;
  line-height: 90%;
  letter-spacing: -0.05em;
}
@media (max-width: 1520px) {
  .certificate__title h2 {
    font-size: 3.5526315789vw;
  }
}
@media (max-width: 1280px) {
  .certificate__title h2 {
    font-size: 4rem;
    letter-spacing: -0.04em;
  }
}
@media (max-width: 1024px) {
  .certificate__title h2 {
    font-size: 3.90625vw;
  }
}
@media (max-width: 991px) {
  .certificate__title h2 {
    font-size: 3.6326942482vw;
  }
}
@media (max-width: 768px) {
  .certificate__title h2 {
    font-size: 2.4rem;
    line-height: 94%;
    letter-spacing: -0.03em;
  }
}

.certificate__description {
  margin-bottom: 4rem;
  margin-top: 2.4rem;
  max-width: 80rem;
  color: #FFFFFF;
  font-size: 2.8rem;
  line-height: 130%;
  letter-spacing: -0.04em;
}
@media (max-width: 1520px) {
  .certificate__description {
    font-size: 1.8421052632vw;
  }
}
@media (max-width: 1280px) {
  .certificate__description {
    margin-top: 1.6rem;
    font-size: 2.4rem;
  }
}
@media (max-width: 1024px) {
  .certificate__description {
    font-size: 2.34375vw;
  }
}
@media (max-width: 991px) {
  .certificate__description {
    font-size: 2.0181634712vw;
  }
}
@media (max-width: 768px) {
  .certificate__description {
    margin-bottom: 2.4rem;
    margin-top: 1.2rem;
    font-size: 1.6rem;
    letter-spacing: -0.02em;
  }
}

.certificate__img-wrap {
  position: relative;
  text-align: center;
}
@media (max-width: 768px) {
  .certificate__img-wrap {
    margin-left: auto;
    margin-right: auto;
    max-width: 62%;
  }
}
@media (hover: hover) and (pointer: fine) {
  .certificate__img-wrap:hover .certificate__increase-btn {
    opacity: 1;
  }
}
.certificate__img-wrap::before, .certificate__img-wrap::after {
  position: absolute;
  left: 50%;
  width: 2rem;
  height: 0.8rem;
  display: block;
  content: "";
  border-radius: 0.2rem;
}
@media (max-width: 768px) {
  .certificate__img-wrap::before, .certificate__img-wrap::after {
    content: none;
  }
}
.certificate__img-wrap::before {
  top: 0;
  background-color: #AFC6D9;
  -webkit-transform: translate(-50%, calc(-50% + 0.1rem));
      -ms-transform: translate(-50%, calc(-50% + 0.1rem));
          transform: translate(-50%, calc(-50% + 0.1rem));
}
.certificate__img-wrap::after {
  bottom: 0;
  background-color: #B67044;
  -webkit-transform: translate(-50%, calc(50% - 0.1rem));
      -ms-transform: translate(-50%, calc(50% - 0.1rem));
          transform: translate(-50%, calc(50% - 0.1rem));
}

.certificate__img {
  position: relative;
  display: inline-block;
  margin: 0 auto;
  padding: 0.8rem;
  border-radius: 0.8rem;
}
@media (max-width: 768px) {
  .certificate__img {
    border-radius: 0.4rem;
  }
}
.certificate__img::before {
  position: absolute;
  inset: 0;
  content: "";
  border-radius: 0.8rem;
  padding: 0.3rem;
  background: -webkit-gradient(linear, left top, left bottom, from(#AFC6D9), to(#B67044));
  background: linear-gradient(180deg, #AFC6D9 0%, #B67044 100%);
  -webkit-mask: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0, #fff));
  -webkit-mask: linear-gradient(#fff, #fff 0) content-box, linear-gradient(#fff, #fff 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.certificate__img picture {
  display: block;
  font-size: 0;
  line-height: 100%;
}
.certificate__img img {
  max-height: 44.4rem;
  max-width: 100%;
  border-radius: 0.4rem;
  -o-object-fit: contain;
     object-fit: contain;
}

.certificate__lines::before, .certificate__lines::after {
  position: absolute;
  left: 50%;
  width: 0.3rem;
  height: 5.6rem;
  display: block;
  content: "";
}
@media (max-width: 768px) {
  .certificate__lines::before, .certificate__lines::after {
    content: none;
  }
}
.certificate__lines::before {
  top: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(#F2F4F7), to(#AFC6D9));
  background: linear-gradient(180deg, #F2F4F7 0%, #AFC6D9 100%);
  -webkit-transform: translate(-50%, -100%);
      -ms-transform: translate(-50%, -100%);
          transform: translate(-50%, -100%);
}
.certificate__lines::after {
  bottom: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(#B67044), to(#F2F4F7));
  background: linear-gradient(180deg, #B67044 0%, #F2F4F7 100%);
  -webkit-transform: translate(-50%, 100%);
      -ms-transform: translate(-50%, 100%);
          transform: translate(-50%, 100%);
}

.certificate__increase-btn {
  position: absolute;
  top: 0.8rem;
  right: 0.8rem;
  bottom: 0.8rem;
  left: 0.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: rgba(28, 67, 84, 0.7);
  border: none;
  border-radius: 0.4rem;
  cursor: pointer;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}
@media (max-width: 768px) {
  .certificate__increase-btn {
    width: 4.4rem;
    height: 4.4rem;
    left: auto;
    top: auto;
    background-color: #FFFFFF;
    opacity: 1;
    visibility: visible;
  }
}
.certificate__increase-btn svg {
  width: 4.4rem;
  height: 4.4rem;
}
@media (max-width: 768px) {
  .certificate__increase-btn svg {
    width: 2.4rem;
    height: 2.4rem;
    fill: #144F89;
  }
}

.certificate__btn {
  margin-top: auto;
}
@media (max-width: 768px) {
  .certificate__btn {
    height: 4.4rem;
    padding: 0 1.6rem;
  }
}
@media (max-width: 768px) {
  .certificate__btn span {
    font-size: 1.6rem;
  }
}
@media (max-width: 768px) {
  .certificate__btn svg {
    width: 1.8rem;
    height: 1.8rem;
  }
}

.main-manufacturers {
  padding-bottom: 16rem;
  padding-top: 16rem;
  overflow-x: hidden;
}
@media (max-width: 1280px) {
  .main-manufacturers {
    padding-bottom: 9.6rem;
    padding-top: 9.6rem;
  }
}
@media (max-width: 768px) {
  .main-manufacturers {
    padding-bottom: 5.6rem;
    padding-top: 5.6rem;
  }
}

.main-manufacturers-slider {
  margin-top: 8rem;
}
@media (max-width: 1280px) {
  .main-manufacturers-slider {
    margin-top: 5.6rem;
  }
}
@media (max-width: 768px) {
  .main-manufacturers-slider {
    margin-top: 3.2rem;
  }
}
.main-manufacturers-slider::before {
  position: absolute;
  top: -4rem;
  left: calc((100% - 20rem) / 6 + 2rem);
  width: 0.3rem;
  height: 30rem;
  content: "";
  display: block;
  background-color: #F9FAFB;
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
}
@media (max-width: 1280px) {
  .main-manufacturers-slider::before {
    top: -2.8rem;
  }
}
@media (max-width: 768px) {
  .main-manufacturers-slider::before {
    content: none;
  }
}
.main-manufacturers-slider::after {
  position: absolute;
  top: -4rem;
  right: calc((100% - 20rem) / 6 + 2rem);
  width: 0.3rem;
  height: calc(100% + 20rem);
  content: "";
  display: block;
  background-color: #F9FAFB;
}
@media (max-width: 1520px) {
  .main-manufacturers-slider::after {
    right: calc(1.2 * (100% - 20rem) / 5.2 + 3.3rem);
  }
}
@media (max-width: 1280px) {
  .main-manufacturers-slider::after {
    right: calc(1.1 * (100% - 9.6rem) / 4.1 + 1.8rem);
    top: -2.8rem;
    height: calc(100% + 12.4rem);
  }
}
@media (max-width: 1024px) {
  .main-manufacturers-slider::after {
    right: calc(1.1 * (100% - 7.2rem) / 3.1 + 2rem);
  }
}
@media (max-width: 768px) {
  .main-manufacturers-slider::after {
    content: none;
  }
}
.main-manufacturers-slider .swiper-wrapper::before {
  position: absolute;
  top: 0;
  left: calc(var(--manufacturers-slider-before-left) + 1rem);
  width: calc(var(--manufacturers-slider-before-width) - 2rem);
  height: 4rem;
  content: "";
  display: block;
  border-top: 0.3rem solid #F9FAFB;
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
}
@media (max-width: 1280px) {
  .main-manufacturers-slider .swiper-wrapper::before {
    height: 2.8rem;
  }
}
@media (max-width: 768px) {
  .main-manufacturers-slider .swiper-wrapper::before {
    content: none;
  }
}
.main-manufacturers-slider .swiper-slide {
  position: relative;
}
.main-manufacturers-slider .swiper-slide:first-child::before, .main-manufacturers-slider .swiper-slide:last-child::before {
  position: absolute;
  top: 0;
  left: 50%;
  width: 6rem;
  height: 4rem;
  content: "";
  display: block;
  border-top: 0.3rem solid #F9FAFB;
}
@media (max-width: 1280px) {
  .main-manufacturers-slider .swiper-slide:first-child::before, .main-manufacturers-slider .swiper-slide:last-child::before {
    height: 2.8rem;
  }
}
@media (max-width: 768px) {
  .main-manufacturers-slider .swiper-slide:first-child::before, .main-manufacturers-slider .swiper-slide:last-child::before {
    content: none;
  }
}
.main-manufacturers-slider .swiper-slide:first-child::before {
  border-left: 0.3rem solid #F9FAFB;
  border-top-left-radius: 0.8rem;
  -webkit-transform: translate(-0.15rem, -100%);
      -ms-transform: translate(-0.15rem, -100%);
          transform: translate(-0.15rem, -100%);
}
.main-manufacturers-slider .swiper-slide:last-child::before {
  border-right: 0.3rem solid #F9FAFB;
  border-top-right-radius: 0.8rem;
  -webkit-transform: translate(calc(-100% + 0.15rem), -100%);
      -ms-transform: translate(calc(-100% + 0.15rem), -100%);
          transform: translate(calc(-100% + 0.15rem), -100%);
}
.main-manufacturers-slider .swiper-slide:not(:last-child):not(:first-child)::before, .main-manufacturers-slider .swiper-slide::after {
  position: absolute;
  top: 0;
  left: 50%;
  content: "";
  display: block;
  background-color: #F9FAFB;
  -webkit-transform: translate(-50%, -100%);
      -ms-transform: translate(-50%, -100%);
          transform: translate(-50%, -100%);
}
@media (max-width: 768px) {
  .main-manufacturers-slider .swiper-slide:not(:last-child):not(:first-child)::before, .main-manufacturers-slider .swiper-slide::after {
    content: none;
  }
}
.main-manufacturers-slider .swiper-slide:not(:last-child):not(:first-child)::before {
  width: 0.3rem;
  height: 4rem;
}
@media (max-width: 1280px) {
  .main-manufacturers-slider .swiper-slide:not(:last-child):not(:first-child)::before {
    height: 2.8rem;
  }
}
.main-manufacturers-slider .swiper-slide::after {
  width: 1.2rem;
  height: 0.8rem;
  border-top-left-radius: 0.4rem;
  border-top-right-radius: 0.4rem;
}

.manufacture {
  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;
  position: relative;
  height: 28rem;
  padding: 3.2rem 2.4rem;
  background-color: #FFFFFF;
  border-radius: 0.4rem;
  -webkit-transition: background-color 0.3s ease-out, -webkit-box-shadow 0.3s ease-out;
  transition: background-color 0.3s ease-out, -webkit-box-shadow 0.3s ease-out;
  transition: background-color 0.3s ease-out, box-shadow 0.3s ease-out;
  transition: background-color 0.3s ease-out, box-shadow 0.3s ease-out, -webkit-box-shadow 0.3s ease-out;
}
@media (max-width: 1280px) {
  .manufacture {
    height: 24.8rem;
    padding: 2.4rem;
  }
}
@media (max-width: 480px) {
  .manufacture {
    height: 19rem;
    padding: 1.6rem;
  }
}
@media (hover: hover) and (pointer: fine) {
  .manufacture:hover {
    -webkit-box-shadow: 0 0.2rem 1.6rem 0 rgba(28, 67, 84, 0.05);
            box-shadow: 0 0.2rem 1.6rem 0 rgba(28, 67, 84, 0.05);
  }
  .manufacture:hover .manufacture__title > * {
    color: #144F89;
  }
}

.manufacture__title > * {
  margin-left: -0.8rem;
  margin-right: -0.8rem;
  font-weight: 500;
  font-size: 2.4rem;
  line-height: 100%;
  letter-spacing: -0.03em;
  text-align: center;
  -webkit-transition: color 0.3s ease-out;
  transition: color 0.3s ease-out;
}
@media (max-width: 1280px) {
  .manufacture__title > * {
    font-size: 2rem;
  }
}
@media (max-width: 768px) {
  .manufacture__title > * {
    font-size: 1.6rem;
    letter-spacing: -0.02em;
  }
}

.manufacture__country {
  margin-top: 0.4rem;
  color: #B0BEC5;
  font-weight: 500;
}
@media (max-width: 768px) {
  .manufacture__country {
    font-size: 1.4rem;
  }
}

.manufacture__img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  text-align: center;
}
.manufacture__img img {
  width: 88%;
  height: 8rem;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 1280px) {
  .manufacture__img img {
    width: 85%;
  }
}
@media (max-width: 480px) {
  .manufacture__img img {
    width: 90%;
    height: 6.4rem;
  }
}

.manufacture__link {
  -webkit-column-gap: 0.4rem;
     -moz-column-gap: 0.4rem;
          column-gap: 0.4rem;
}
.manufacture__link::before {
  position: absolute;
  inset: 0;
  content: "";
}

.manufacturers {
  padding-bottom: 16rem;
  padding-top: 8rem;
}
@media (max-width: 1280px) {
  .manufacturers {
    padding-bottom: 9.6rem;
    padding-top: 4.8rem;
  }
}
@media (max-width: 768px) {
  .manufacturers {
    padding-bottom: 5.6rem;
    padding-top: 2.8rem;
  }
}
.manufacturers + .prev-products {
  margin-top: -8rem;
}
@media (max-width: 1280px) {
  .manufacturers + .prev-products {
    margin-top: -4.8rem;
  }
}
@media (max-width: 768px) {
  .manufacturers + .prev-products {
    margin-top: -2.8rem;
  }
}

.manufacturers__list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 4rem 1fr 4rem 1fr 4rem 1fr 4rem 1fr 4rem 1fr;
  grid-template-columns: repeat(6, 1fr);
  gap: 4rem;
}
@media (max-width: 1520px) {
  .manufacturers__list {
    -ms-grid-columns: 1fr 4rem 1fr 4rem 1fr 4rem 1fr 4rem 1fr;
    grid-template-columns: repeat(5, 1fr);
    gap: 4rem;
  }
}
@media (max-width: 1280px) {
  .manufacturers__list {
    -ms-grid-columns: 1fr 2.4rem 1fr 2.4rem 1fr 2.4rem 1fr;
    grid-template-columns: repeat(4, 1fr);
    gap: 2.4rem;
  }
}
@media (max-width: 991px) {
  .manufacturers__list {
    -ms-grid-columns: 1fr 2.4rem 1fr 2.4rem 1fr;
    grid-template-columns: repeat(3, 1fr);
    gap: 2.4rem;
  }
}
@media (max-width: 768px) {
  .manufacturers__list {
    -ms-grid-columns: 1fr 1.6rem 1fr;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.6rem;
  }
}
@media (max-width: 370px) {
  .manufacturers__list {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

.invite-banner {
  position: relative;
  z-index: 1;
}

.invite-banner__wrap {
  padding: 10rem max((100% - 168rem) / 2, 4.8rem);
  background-image: linear-gradient(130deg, #1C4354 20%, rgba(87, 147, 199, 0.34) 90%), url("../images/bg-invite-banner.jpg");
  background-image: linear-gradient(130deg, #1C4354 20%, rgba(87, 147, 199, 0.34) 90%), -webkit-image-set(url("../images/bg-invite-banner.jpg") 1x, url("../images/bg-invite-banner@2x.jpg") 2x);
  background-image: linear-gradient(130deg, #1C4354 20%, rgba(87, 147, 199, 0.34) 90%), image-set(url("../images/bg-invite-banner.jpg") 1x, url("../images/bg-invite-banner@2x.jpg") 2x);
  background-position: center top;
  background-size: cover;
  background-repeat: no-repeat;
  border: 0.3rem solid #F9FAFB;
  border-radius: 0.8rem;
}
@media (max-width: 1280px) {
  .invite-banner__wrap {
    padding: 8rem 2.4rem;
  }
}
@media (max-width: 768px) {
  .invite-banner__wrap {
    padding: 2.4rem 1.6rem;
  }
}
@media (max-width: 480px) {
  .invite-banner__wrap {
    background-image: linear-gradient(130deg, #1C4354 20%, rgba(87, 147, 199, 0.34) 90%), url("../images/bg-invite-banner-mobile.jpg");
    background-image: linear-gradient(130deg, #1C4354 20%, rgba(87, 147, 199, 0.34) 90%), -webkit-image-set(url("../images/bg-invite-banner-mobile.jpg") 1x, url("../images/bg-invite-banner-mobile@2x.jpg") 2x);
    background-image: linear-gradient(130deg, #1C4354 20%, rgba(87, 147, 199, 0.34) 90%), image-set(url("../images/bg-invite-banner-mobile.jpg") 1x, url("../images/bg-invite-banner-mobile@2x.jpg") 2x);
  }
  @supports (background-image: url("../images/bg-invite-banner.webp")) {
    .invite-banner__wrap {
      background-image: linear-gradient(130deg, #1C4354 20%, rgba(87, 147, 199, 0.34) 90%), url("../images/bg-invite-banner-mobile.webp");
      background-image: linear-gradient(130deg, #1C4354 20%, rgba(87, 147, 199, 0.34) 90%), -webkit-image-set(url("../images/bg-invite-banner-mobile.webp") 1x, url("../images/bg-invite-banner-mobile@2x.webp") 2x);
      background-image: linear-gradient(130deg, #1C4354 20%, rgba(87, 147, 199, 0.34) 90%), image-set(url("../images/bg-invite-banner-mobile.webp") 1x, url("../images/bg-invite-banner-mobile@2x.webp") 2x);
    }
  }
}

@supports (background-image: url("../images/bg-invite-banner.webp")) {
  .invite-banner__wrap {
    background-image: linear-gradient(130deg, #1C4354 20%, rgba(87, 147, 199, 0.34) 90%), url("../images/bg-invite-banner.webp");
    background-image: linear-gradient(130deg, #1C4354 20%, rgba(87, 147, 199, 0.34) 90%), -webkit-image-set(url("../images/bg-invite-banner.webp") 1x, url("../images/bg-invite-banner@2x.webp") 2x);
    background-image: linear-gradient(130deg, #1C4354 20%, rgba(87, 147, 199, 0.34) 90%), image-set(url("../images/bg-invite-banner.webp") 1x, url("../images/bg-invite-banner@2x.webp") 2x);
  }
}
.invite-banner__title {
  max-width: 97rem;
}
@media (max-width: 1280px) {
  .invite-banner__title {
    max-width: 77.5rem;
  }
}
@media (max-width: 768px) {
  .invite-banner__title {
    max-width: 46rem;
  }
}
@media (max-width: 480px) {
  .invite-banner__title {
    max-width: 30rem;
  }
}
@media (max-width: 370px) {
  .invite-banner__title h2 {
    max-width: 26rem;
    font-size: 3.2rem;
  }
}

.invite-banner__description {
  margin-top: 3.2rem;
  color: #FFFFFF;
  font-size: 2.8rem;
  line-height: 130%;
  letter-spacing: -0.04em;
}
@media (max-width: 1280px) {
  .invite-banner__description {
    margin-top: 2.4rem;
    font-size: 2.4rem;
    letter-spacing: -0.03em;
  }
}
@media (max-width: 768px) {
  .invite-banner__description {
    margin-top: 1.6rem;
    font-size: 1.6rem;
    letter-spacing: -0.02em;
  }
}
@media (max-width: 480px) {
  .invite-banner__description {
    max-width: 30rem;
  }
}

.invite-banner__link {
  margin-top: 4.8rem;
}
@media (max-width: 1280px) {
  .invite-banner__link {
    margin-top: 3.2rem;
  }
}
@media (max-width: 768px) {
  .invite-banner__link {
    margin-top: 2.4rem;
    height: 4.4rem;
    padding-left: 1.6rem;
    padding-right: 1.6rem;
  }
}
@media (max-width: 768px) {
  .invite-banner__link span {
    font-size: 1.6rem;
  }
}
@media (max-width: 768px) {
  .invite-banner__link svg {
    width: 1.8rem;
    height: 1.8rem;
  }
}

.last-news {
  padding-top: 16rem;
}
@media (max-width: 1280px) {
  .last-news {
    padding-top: 9.6rem;
  }
}
@media (max-width: 768px) {
  .last-news {
    padding-top: 5.6rem;
  }
}

.last-news__line {
  position: relative;
}
.last-news__line::before {
  position: absolute;
  top: 4rem;
  left: 50%;
  width: 0.3rem;
  height: 30rem;
  content: "";
  display: block;
  background-color: #F9FAFB;
  -webkit-transform: translate(-50%, -100%);
      -ms-transform: translate(-50%, -100%);
          transform: translate(-50%, -100%);
  z-index: 0;
}
@media (max-width: 1280px) {
  .last-news__line::before {
    top: 2.8rem;
  }
}
@media (max-width: 768px) {
  .last-news__line::before {
    content: none;
  }
}

.last-news__list {
  position: relative;
  margin-top: 8rem;
  padding-bottom: 16rem;
}
@media (max-width: 1280px) {
  .last-news__list {
    margin: 0 -3.2rem;
    padding-top: 5.6rem;
    padding-bottom: 9.6rem;
    overflow-x: auto;
  }
}
@media (max-width: 768px) {
  .last-news__list {
    margin: 3.2rem 0 0;
    padding-top: 0;
    padding-bottom: 5.6rem;
  }
}
.last-news__list .news-card {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 calc((100% - 8rem) / 3);
          flex: 0 1 calc((100% - 8rem) / 3);
}
@media (max-width: 1280px) {
  .last-news__list .news-card {
    -ms-flex-preferred-size: calc((100% - 4.8rem) / 3);
        flex-basis: calc((100% - 4.8rem) / 3);
    min-width: 38.6rem;
  }
}
@media (max-width: 991px) {
  .last-news__list .news-card {
    min-width: 32rem;
  }
}

.last-news__list-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 4rem;
     -moz-column-gap: 4rem;
          column-gap: 4rem;
  position: relative;
}
@media (max-width: 1280px) {
  .last-news__list-wrap {
    -webkit-column-gap: 2.4rem;
       -moz-column-gap: 2.4rem;
            column-gap: 2.4rem;
    padding-left: 3.2rem;
    padding-right: 3.2rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}
@media (max-width: 768px) {
  .last-news__list-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 1.6rem;
    padding-left: 0;
    padding-right: 0;
  }
}
.last-news__list-wrap::after {
  position: absolute;
  top: 0;
  left: 50%;
  width: calc(100% - 2 * (100% - 20rem) / 6 - 4rem);
  height: 4rem;
  content: "";
  display: block;
  border: 0.3rem solid #F9FAFB;
  border-bottom: none;
  border-top-left-radius: 0.8rem;
  border-top-right-radius: 0.8rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transform: translate(-50%, -100%);
      -ms-transform: translate(-50%, -100%);
          transform: translate(-50%, -100%);
}
@media (max-width: 1280px) {
  .last-news__list-wrap::after {
    width: calc(2 * (100% - 4.8rem) / 3 + 0.8rem);
    height: 2.8rem;
    top: -2.8rem;
    -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
}
@media (max-width: 768px) {
  .last-news__list-wrap::after {
    content: none;
  }
}

.news-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  background-color: #FFFFFF;
  border-radius: 0.4rem;
  -webkit-transition: background-color 0.3s ease-out, -webkit-box-shadow 0.3s ease-out;
  transition: background-color 0.3s ease-out, -webkit-box-shadow 0.3s ease-out;
  transition: background-color 0.3s ease-out, box-shadow 0.3s ease-out;
  transition: background-color 0.3s ease-out, box-shadow 0.3s ease-out, -webkit-box-shadow 0.3s ease-out;
}
@media (hover: hover) and (pointer: fine) {
  .news-card:hover {
    background-color: #F9FAFB;
    -webkit-box-shadow: 0 0.2rem 1.6rem 0 rgba(28, 67, 84, 0.05);
            box-shadow: 0 0.2rem 1.6rem 0 rgba(28, 67, 84, 0.05);
  }
}
.news-card:nth-child(2) .news-card__top-lines::after {
  position: absolute;
  top: 0;
  left: 50%;
  width: 0.3rem;
  height: 4rem;
  content: "";
  display: block;
  background-color: #F9FAFB;
  border-top-left-radius: 0.4rem;
  border-top-right-radius: 0.4rem;
  -webkit-transform: translate(-50%, -100%);
      -ms-transform: translate(-50%, -100%);
          transform: translate(-50%, -100%);
}
@media (max-width: 1280px) {
  .news-card:nth-child(2) .news-card__top-lines::after {
    height: 2.8rem;
  }
}
@media (max-width: 768px) {
  .news-card:nth-child(2) .news-card__top-lines::after {
    content: none;
  }
}

.news-card__badge {
  position: absolute;
  top: 2.4rem;
  left: 2.4rem;
  height: 2.4rem;
  padding-left: 0.8rem;
  padding-right: 0.8rem;
  background-color: #FFFFFF;
  border-radius: 1.2rem;
  font-weight: 500;
  line-height: 2.4rem;
}
@media (max-width: 1280px) {
  .news-card__badge {
    left: 2rem;
    top: 2rem;
  }
}
@media (max-width: 768px) {
  .news-card__badge {
    left: 1.6rem;
    top: 1.6rem;
  }
}

.news-card__img {
  display: block;
  width: 100%;
  aspect-ratio: 16/9;
}
.news-card__img picture {
  width: 100%;
  height: 100%;
  display: block;
  font-size: 0;
  line-height: 100%;
}
.news-card__img img {
  width: 100%;
  height: 100%;
  border-radius: 0.4rem;
  -o-object-fit: cover;
     object-fit: cover;
}

.news-card__info {
  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-positive: 1;
          flex-grow: 1;
  padding: 3.2rem 2.4rem 2.4rem;
}
@media (max-width: 1280px) {
  .news-card__info {
    padding: 2.8rem 2rem 2rem;
  }
}
@media (max-width: 768px) {
  .news-card__info {
    padding: 2rem 1.6rem 1.6rem;
  }
}

.news-card__title > * {
  color: #144F89;
  font-weight: 500;
  font-size: 3.2rem;
  line-height: 100%;
  letter-spacing: -0.04em;
}
@media (max-width: 1280px) {
  .news-card__title > * {
    font-size: 2.8rem;
  }
}
@media (max-width: 768px) {
  .news-card__title > * {
    font-size: 2.4rem;
  }
}

.news-card__description {
  display: -webkit-box;
  margin-bottom: 2.4rem;
  margin-top: 1.6rem;
  font-size: 1.8rem;
  line-height: 130%;
  letter-spacing: -0.03em;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 1280px) {
  .news-card__description {
    margin-top: 1.2rem;
  }
}
@media (max-width: 768px) {
  .news-card__description {
    margin-bottom: 1.6rem;
    font-size: 1.6rem;
  }
}

.news-card__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: auto;
}

.news-card__data {
  color: #B0BEC5;
}
@media (max-width: 768px) {
  .news-card__data {
    font-size: 1.4rem;
  }
}

@media (max-width: 768px) {
  .news-card__link {
    -webkit-column-gap: 0.6rem;
       -moz-column-gap: 0.6rem;
            column-gap: 0.6rem;
    height: 3.6rem;
    padding: 0 1.2rem;
    font-size: 1.4rem;
  }
  .news-card__link svg {
    width: 1.6rem;
    height: 1.6rem;
  }
}
.news-card__link::before {
  position: absolute;
  inset: 0;
  content: "";
}

.news-card__top-lines::before {
  position: absolute;
  top: 0;
  left: 50%;
  width: 1.2rem;
  height: 0.8rem;
  content: "";
  display: block;
  background-color: #F9FAFB;
  border-top-left-radius: 0.4rem;
  border-top-right-radius: 0.4rem;
  -webkit-transform: translate(-50%, -100%);
      -ms-transform: translate(-50%, -100%);
          transform: translate(-50%, -100%);
}
@media (max-width: 768px) {
  .news-card__top-lines::before {
    content: none;
  }
}

.news-card__bottom-lines::before, .news-card__bottom-lines::after {
  position: absolute;
  bottom: 0;
  width: 1.2rem;
  height: 16rem;
  content: "";
  display: block;
  background: center/100% 100% no-repeat url("../images/news/line.svg");
}
@media (max-width: 1280px) {
  .news-card__bottom-lines::before, .news-card__bottom-lines::after {
    height: 9.6rem;
  }
}
@media (max-width: 768px) {
  .news-card__bottom-lines::before, .news-card__bottom-lines::after {
    content: none;
  }
}
.news-card__bottom-lines::before {
  left: calc((100% - 4rem) / 4);
  -webkit-transform: translate(-50%, 100%);
      -ms-transform: translate(-50%, 100%);
          transform: translate(-50%, 100%);
}
.news-card__bottom-lines::after {
  right: calc((100% - 4rem) / 4);
  -webkit-transform: translate(50%, 100%);
      -ms-transform: translate(50%, 100%);
          transform: translate(50%, 100%);
}

.news {
  padding-bottom: 16rem;
  padding-top: 8rem;
}
@media (max-width: 1280px) {
  .news {
    padding-bottom: 9.6rem;
    padding-top: 4.8rem;
  }
}
@media (max-width: 768px) {
  .news {
    padding-bottom: 5.6rem;
    padding-top: 2.8rem;
  }
}

.news__feed {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 4rem 1fr 4rem 1fr;
  grid-template-columns: repeat(3, 1fr);
  gap: 4rem;
}
@media (max-width: 1280px) {
  .news__feed {
    -ms-grid-columns: 1fr 2.4rem 1fr;
    grid-template-columns: repeat(2, 1fr);
    gap: 2.4rem;
  }
}
@media (max-width: 768px) {
  .news__feed {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 2.4rem;
  }
}
.news__feed .news-banner {
  grid-column: 1/-1;
  aspect-ratio: 16/9;
  min-height: auto;
}
@media (max-width: 768px) {
  .news__feed .news-banner {
    aspect-ratio: auto;
  }
}
.news__feed .news-card {
  height: 100%;
}

.news-banner {
  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;
  position: relative;
  padding: 6.4rem 6.4rem 5.6rem;
  border-radius: 0.8rem;
  overflow: hidden;
}
@media (max-width: 1280px) {
  .news-banner {
    padding: 2.4rem 2.4rem 2rem;
  }
}
@media (max-width: 768px) {
  .news-banner {
    padding: 0;
    background-color: #FFFFFF;
    border-radius: 0.4rem;
  }
}

.news-banner__img {
  position: absolute;
  inset: 0;
  z-index: 0;
}
@media (max-width: 768px) {
  .news-banner__img {
    position: static;
    aspect-ratio: 16/9;
  }
}
.news-banner__img::before {
  position: absolute;
  inset: 0;
  content: "";
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(28, 67, 84, 0)), to(#1C4354));
  background: linear-gradient(180deg, rgba(28, 67, 84, 0) 0%, #1C4354 100%);
}
@media (max-width: 768px) {
  .news-banner__img::before {
    content: none;
  }
}
.news-banner__img picture {
  width: 100%;
  height: 100%;
  display: block;
  font-size: 0;
  line-height: 100%;
}
.news-banner__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 768px) {
  .news-banner__img img {
    border-radius: 0.4rem;
  }
}

.news-banner__badge {
  position: absolute;
  top: 6.4rem;
  left: 6.4rem;
  height: 4rem;
  padding-left: 1.6rem;
  padding-right: 1.6rem;
  background-color: #FFFFFF;
  border-radius: 2.4rem;
  font-size: 2rem;
  font-weight: 500;
  line-height: 4rem;
  letter-spacing: -0.03em;
}
@media (max-width: 1280px) {
  .news-banner__badge {
    left: 2.4rem;
    top: 2.4rem;
    height: 3.6rem;
    padding-left: 1.2rem;
    padding-right: 1.2rem;
    font-size: 1.8rem;
    line-height: 3.6rem;
  }
}
@media (max-width: 768px) {
  .news-banner__badge {
    left: 1.6rem;
    top: 1.6rem;
    height: 2.4rem;
    padding-left: 0.8rem;
    padding-right: 0.8rem;
    font-size: 1.6rem;
    line-height: 2.4rem;
  }
}

.news-banner__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-column-gap: 4rem;
     -moz-column-gap: 4rem;
          column-gap: 4rem;
  position: relative;
  width: 100%;
}
@media (max-width: 768px) {
  .news-banner__info {
    -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;
    row-gap: 1.6rem;
    position: static;
    padding: 2rem 1.6rem 1.6rem;
  }
}

.news-banner__data {
  color: #B0BEC5;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 100%;
  letter-spacing: -0.03em;
}
@media (max-width: 768px) {
  .news-banner__data {
    position: absolute;
    bottom: 1.6rem;
    left: 1.6rem;
    font-size: 1.4rem;
    line-height: 130%;
  }
}

.news-banner__title {
  margin-bottom: 2rem;
  margin-top: 2.4rem;
}
@media (max-width: 1280px) {
  .news-banner__title {
    margin-bottom: 1.2rem;
    margin-top: 2rem;
  }
}
@media (max-width: 768px) {
  .news-banner__title {
    margin-top: 0;
    margin-bottom: 1.2rem;
  }
}
.news-banner__title > * {
  color: #FFFFFF;
  font-size: 8rem;
  font-weight: 500;
  line-height: 82%;
  letter-spacing: -0.05em;
}
@media (max-width: 1280px) {
  .news-banner__title > * {
    font-size: 6.4rem;
    line-height: 90%;
  }
}
@media (max-width: 768px) {
  .news-banner__title > * {
    color: #144F89;
    font-size: 2.4rem;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: -0.04em;
  }
}

.news-banner__description {
  color: #FFFFFF;
  font-size: 2.8rem;
  line-height: 130%;
  letter-spacing: -0.05em;
}
@media (max-width: 1280px) {
  .news-banner__description {
    font-size: 2rem;
    line-height: 120%;
    letter-spacing: -0.03em;
  }
}
@media (max-width: 768px) {
  .news-banner__description {
    color: #1C4354;
    font-size: 1.6rem;
    letter-spacing: -0.02em;
  }
}

.news-banner__link {
  margin-bottom: 0.8rem;
  background-color: transparent;
  border: thin solid #FFFFFF;
}
@media (max-width: 1280px) {
  .news-banner__link {
    margin-bottom: 0.4rem;
  }
}
@media (max-width: 768px) {
  .news-banner__link {
    -ms-flex-item-align: end;
        align-self: flex-end;
    -webkit-column-gap: 0.6rem;
       -moz-column-gap: 0.6rem;
            column-gap: 0.6rem;
    height: 3.6rem;
    margin-bottom: 0;
    padding: 0 1.2rem;
    font-size: 1.4rem;
    background: #F2F4F7;
  }
  .news-banner__link span {
    color: #1C4354;
  }
  .news-banner__link svg {
    width: 1.6rem;
    height: 1.6rem;
    fill: #144F89;
  }
  .news-banner__link::before {
    position: absolute;
    inset: 0;
    content: "";
  }
}
@media (hover: hover) and (pointer: fine) {
  .news-banner__link:hover {
    background-color: #1C4354;
  }
}
@media (hover: hover) and (pointer: fine) and (max-width: 768px) {
  .news-banner__link:hover {
    background: #F2F4F7 !important;
  }
}
@media (hover: hover) and (pointer: fine) {
  .news-banner__link:hover span {
    color: #FFFFFF;
  }
}
@media (hover: hover) and (pointer: fine) and (max-width: 768px) {
  .news-banner__link:hover span {
    color: #144F89 !important;
  }
}
.news-banner__link span {
  color: #FFFFFF;
}
.news-banner__link svg {
  fill: #FFFFFF;
}

.news__pagination {
  margin-top: 4rem;
}
@media (max-width: 1280px) {
  .news__pagination {
    margin-top: 2.4rem;
  }
}
@media (max-width: 1280px) {
  .news__pagination {
    margin-top: 2rem;
  }
}

.news-item {
  padding-bottom: 16rem;
  padding-top: 8rem;
}
@media (max-width: 1280px) {
  .news-item {
    padding-bottom: 9.6rem;
    padding-top: 4.8rem;
  }
}
@media (max-width: 768px) {
  .news-item {
    padding-bottom: 5.6rem;
    padding-top: 2.8rem;
  }
}
.news-item + .other-news {
  margin-top: -8rem;
}
@media (max-width: 1280px) {
  .news-item + .other-news {
    margin-top: -4.8rem;
  }
}
@media (max-width: 768px) {
  .news-item + .other-news {
    margin-top: -2.8rem;
  }
}

.news-item__img {
  width: 100%;
  aspect-ratio: 16/9;
  border-radius: 0.8rem;
  -o-object-fit: cover;
     object-fit: cover;
}

.news-item__content {
  margin-top: 4rem;
}
@media (max-width: 1280px) {
  .news-item__content {
    margin-top: 3.2rem;
  }
}
@media (max-width: 768px) {
  .news-item__content {
    margin-top: 1.6rem;
  }
}

.news-item__content-wrap {
  margin: 0 auto;
  max-width: 81.6rem;
}
@media (max-width: 1024px) {
  .news-item__content-wrap {
    max-width: none;
  }
}
.news-item__content-wrap p {
  font-size: 2.2rem;
  line-height: 130%;
  letter-spacing: -0.03em;
}
@media (max-width: 768px) {
  .news-item__content-wrap p {
    font-size: 1.6rem;
    letter-spacing: -0.02em;
  }
}
.news-item__content-wrap p + p {
  margin-top: 1.6rem;
}
@media (max-width: 768px) {
  .news-item__content-wrap p + p {
    margin-top: 1.2rem;
  }
}

.other-news {
  padding-bottom: 16rem;
  padding-top: 8rem;
  overflow-x: hidden;
}
@media (max-width: 1280px) {
  .other-news {
    padding-bottom: 9.6rem;
    padding-top: 4.8rem;
  }
}
@media (max-width: 768px) {
  .other-news {
    padding-bottom: 5.6rem;
    padding-top: 2.8rem;
  }
}
.other-news .section-title {
  margin-right: 13rem;
}
@media (max-width: 768px) {
  .other-news .section-title {
    margin-right: 0;
  }
}
.other-news .section-title h2 {
  text-align: left;
}
@media (max-width: 768px) {
  .other-news .section-title h2 {
    text-align: center;
  }
}

.other-news-slider {
  margin-top: 8rem;
}
@media (max-width: 1280px) {
  .other-news-slider {
    margin-top: 5.6rem;
  }
}
@media (max-width: 768px) {
  .other-news-slider {
    margin-top: 3.2rem;
  }
}
.other-news-slider .swiper-wrapper {
  padding-bottom: 0;
}
@media (max-width: 768px) {
  .other-news-slider .swiper-wrapper {
    padding-bottom: 6rem;
  }
}
.other-news-slider .swiper-button-prev,
.other-news-slider .swiper-button-next {
  top: 0;
  margin-top: -12.8rem;
}
@media (max-width: 1280px) {
  .other-news-slider .swiper-button-prev,
  .other-news-slider .swiper-button-next {
    margin-top: -10.4rem;
  }
}
@media (max-width: 768px) {
  .other-news-slider .swiper-button-prev,
  .other-news-slider .swiper-button-next {
    top: auto;
    margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  }
}
.other-news-slider .news-card {
  height: 100%;
}

.details {
  padding-bottom: 16rem;
  padding-top: 8rem;
}
@media (max-width: 1280px) {
  .details {
    padding-bottom: 9.6rem;
    padding-top: 4.8rem;
  }
}
@media (max-width: 768px) {
  .details {
    padding-bottom: 5.6rem;
    padding-top: 2.8rem;
  }
}

.details__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 4rem;
     -moz-column-gap: 4rem;
          column-gap: 4rem;
}
@media (max-width: 1280px) {
  .details__row {
    -webkit-column-gap: 2.4rem;
       -moz-column-gap: 2.4rem;
            column-gap: 2.4rem;
  }
}
@media (max-width: 768px) {
  .details__row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 1.6rem;
  }
}

.details__general {
  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;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(50% - 2rem);
          flex: 0 0 calc(50% - 2rem);
}
@media (max-width: 1280px) {
  .details__general {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 1.2rem);
            flex: 0 0 calc(50% - 1.2rem);
  }
}

.details__other {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(50% - 2rem);
          flex: 0 0 calc(50% - 2rem);
}
@media (max-width: 1280px) {
  .details__other {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 1.2rem);
            flex: 0 0 calc(50% - 1.2rem);
  }
}

.details__block {
  width: 100%;
  padding: 3.2rem 4rem;
  background-color: #FFFFFF;
  border-radius: 0.8rem;
}
@media (max-width: 1280px) {
  .details__block {
    padding: 2rem 2.4rem;
  }
}
@media (max-width: 768px) {
  .details__block {
    padding: 1.6rem;
  }
}
.details__block h2 {
  color: #144F89;
}
.details__block + .details__block {
  margin-top: 4rem;
}
@media (max-width: 1280px) {
  .details__block + .details__block {
    margin-top: 2.4rem;
  }
}
@media (max-width: 768px) {
  .details__block + .details__block {
    margin-top: 1.6rem;
  }
}

.details__table {
  margin-bottom: 0;
  margin-top: 1.2rem;
}
@media (max-width: 1280px) {
  .details__table {
    margin-top: 0.8rem;
  }
}

.details__table-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 4rem;
     -moz-column-gap: 4rem;
          column-gap: 4rem;
  padding-bottom: 1.6rem;
  padding-top: 1.6rem;
  border-bottom: thin solid #F2F4F7;
}
@media (max-width: 1280px) {
  .details__table-row {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 0.6rem;
  }
}
@media (max-width: 768px) {
  .details__table-row {
    padding-bottom: 1.2rem;
    padding-top: 1.2rem;
  }
}
.details__table-row:last-child {
  padding-bottom: 0.8rem;
  border-bottom: none;
}

.details__row-title {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20rem;
          flex: 0 0 20rem;
  font-weight: 500;
  line-height: 130%;
}
@media (max-width: 1280px) {
  .details__row-title {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    font-size: 1.4rem;
  }
}

.details__row-text {
  margin-left: 0;
  font-size: 1.9rem;
  line-height: 130%;
  letter-spacing: -0.03em;
}
@media (max-width: 1280px) {
  .details__row-text {
    font-size: 2rem;
  }
}
@media (max-width: 768px) {
  .details__row-text {
    font-size: 1.8rem;
    letter-spacing: -0.02em;
  }
}
.details__row-text a {
  color: inherit;
  -webkit-transition: color 0.3s ease-out;
  transition: color 0.3s ease-out;
}
@media (hover: hover) and (pointer: fine) {
  .details__row-text a:hover {
    color: #5793c7;
  }
}

.details__btn {
  margin-top: 2.4rem;
}
@media (max-width: 768px) {
  .details__btn {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
    margin-bottom: 1.6rem;
    margin-top: 0;
  }
}
@media (max-width: 480px) {
  .details__btn {
    width: 100%;
  }
}

.error-hero {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 100vh;
  min-height: calc(var(--vh) * 100);
  margin-bottom: 16rem;
}
@media (max-width: 1280px) and (orientation: portrait) {
  .error-hero {
    min-height: 50vh;
    min-height: calc(var(--vh) * 50);
  }
}
@media (max-width: 1280px) {
  .error-hero {
    margin-bottom: 9.6rem;
  }
}
@media (max-width: 768px) {
  .error-hero {
    min-height: 100vh;
    min-height: calc(var(--vh) * 100);
    margin-bottom: 5.6rem;
  }
}
.error-hero + .prev-products {
  margin-top: -8rem;
}
@media (max-width: 1280px) {
  .error-hero + .prev-products {
    margin-top: -4.8rem;
  }
}
@media (max-width: 768px) {
  .error-hero + .prev-products {
    margin-top: -2.8rem;
  }
}

.error-hero__wrap {
  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;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 16rem 9.6rem 5.6rem;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(11.4rem, #F2F4F7), to(#FFFFFF));
  background: linear-gradient(180deg, #F2F4F7 11.4rem, #FFFFFF 100%);
  border-top: none;
  border-bottom-left-radius: 0.8rem;
  border-bottom-right-radius: 0.8rem;
  text-align: center;
  overflow: hidden;
}
@media (max-width: 1520px) {
  .error-hero__wrap {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(7.6rem, #F2F4F7), to(#FFFFFF));
    background: linear-gradient(180deg, #F2F4F7 7.6rem, #FFFFFF 100%);
  }
}
@media (max-width: 1280px) {
  .error-hero__wrap {
    padding: 12.4rem 2.4rem 4.8rem;
  }
}
@media (max-width: 768px) {
  .error-hero__wrap {
    padding: 7.6rem 1.2rem 2.4rem;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(5.2rem, #F2F4F7), to(#FFFFFF));
    background: linear-gradient(180deg, #F2F4F7 5.2rem, #FFFFFF 100%);
  }
}

.error-hero__img {
  height: 20rem;
}
@media (max-width: 1280px) {
  .error-hero__img {
    height: 16rem;
  }
}
@media (max-width: 768px) {
  .error-hero__img {
    height: 11.2rem;
  }
}

.error-hero__title {
  position: relative;
  margin: 3.2rem auto 0;
  text-align: center;
}
@media (max-width: 1280px) {
  .error-hero__title {
    margin-top: 1.6rem;
  }
}
.error-hero__title h1 {
  font-size: 9.6rem;
  font-weight: 500;
  line-height: 100%;
  letter-spacing: -0.05em;
  background: linear-gradient(135deg, #5793c7 0%, #1C4354 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media (max-width: 1440px) {
  .error-hero__title h1 {
    font-size: 6.6666666667vw;
  }
}
@media (max-width: 1280px) {
  .error-hero__title h1 {
    font-size: 8rem;
  }
}
@media (max-width: 768px) {
  .error-hero__title h1 {
    font-size: 4rem;
  }
}

.error-hero__desc {
  position: relative;
  margin: 1.6rem auto 0;
  max-width: 82rem;
  font-size: 2.4rem;
  letter-spacing: -0.03em;
  line-height: 130%;
}
@media (max-width: 1280px) {
  .error-hero__desc {
    margin-top: 0.8rem;
    max-width: 69rem;
    font-size: 2rem;
  }
}
@media (max-width: 768px) {
  .error-hero__desc {
    margin-top: 1.2rem;
    max-width: 56rem;
    font-size: 1.6rem;
    letter-spacing: -0.02em;
  }
  .error-hero__desc br {
    display: none;
  }
}
@media (max-width: 480px) {
  .error-hero__desc {
    max-width: 90%;
  }
}

.error-hero__btn-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 1.6rem;
     -moz-column-gap: 1.6rem;
          column-gap: 1.6rem;
  margin-top: 4rem;
}
@media (max-width: 1280px) {
  .error-hero__btn-wrap {
    margin-top: 3.2rem;
  }
}
@media (max-width: 768px) {
  .error-hero__btn-wrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    row-gap: 1.2rem;
    margin-top: 2rem;
  }
}
@media (max-width: 768px) {
  .error-hero__btn-wrap .btn--tertiary {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
}
@media (max-width: 768px) {
  .error-hero__btn-wrap .btn--secondary {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 calc((100% - 1.6rem) / 2);
            flex: 1 0 calc((100% - 1.6rem) / 2);
  }
}

.prev-products {
  padding-bottom: 16rem;
  padding-top: 8rem;
  overflow-x: hidden;
}
@media (max-width: 1280px) {
  .prev-products {
    padding-bottom: 9.6rem;
    padding-top: 4.8rem;
  }
}
@media (max-width: 768px) {
  .prev-products {
    padding-bottom: 5.6rem;
    padding-top: 2.8rem;
  }
}
.prev-products .section-title {
  margin-right: 13rem;
}
@media (max-width: 768px) {
  .prev-products .section-title {
    margin-right: 0;
  }
}
.prev-products .section-title h2 {
  text-align: left;
}
@media (max-width: 768px) {
  .prev-products .section-title h2 {
    text-align: center;
  }
}

.prev-products-slider {
  margin-top: 8rem;
}
@media (max-width: 1280px) {
  .prev-products-slider {
    margin-top: 5.6rem;
  }
}
@media (max-width: 768px) {
  .prev-products-slider {
    margin-top: 3.2rem;
  }
}
.prev-products-slider .swiper-wrapper {
  padding-bottom: 0;
}
@media (max-width: 768px) {
  .prev-products-slider .swiper-wrapper {
    padding-bottom: 6rem;
  }
}
.prev-products-slider .swiper-button-prev,
.prev-products-slider .swiper-button-next {
  top: 0;
  margin-top: -12.8rem;
}
@media (max-width: 1280px) {
  .prev-products-slider .swiper-button-prev,
  .prev-products-slider .swiper-button-next {
    margin-top: -10.4rem;
  }
}
@media (max-width: 768px) {
  .prev-products-slider .swiper-button-prev,
  .prev-products-slider .swiper-button-next {
    top: auto;
    margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  }
}

.prev-product {
  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;
  row-gap: 2.4rem;
  height: 100%;
  padding: 2.4rem;
  background-color: #FFFFFF;
  border-radius: 0.4rem;
  -webkit-transition: background-color 0.3s ease-out, -webkit-box-shadow 0.3s ease-out;
  transition: background-color 0.3s ease-out, -webkit-box-shadow 0.3s ease-out;
  transition: background-color 0.3s ease-out, box-shadow 0.3s ease-out;
  transition: background-color 0.3s ease-out, box-shadow 0.3s ease-out, -webkit-box-shadow 0.3s ease-out;
}
@media (max-width: 768px) {
  .prev-product {
    row-gap: 1.6rem;
    padding: 1.6rem;
  }
}
@media (hover: hover) and (pointer: fine) {
  .prev-product:hover {
    -webkit-box-shadow: 0 0.2rem 1.6rem 0 rgba(28, 67, 84, 0.05);
            box-shadow: 0 0.2rem 1.6rem 0 rgba(28, 67, 84, 0.05);
  }
  .prev-product:hover .prev-product__title h3 {
    color: #5793c7;
  }
}

.prev-product__img {
  width: 100%;
  height: 12rem;
}
@media (max-width: 1280px) {
  .prev-product__img {
    height: 10.4rem;
  }
}
@media (max-width: 768px) {
  .prev-product__img {
    height: 8.8rem;
  }
}
.prev-product__img img {
  width: 100%;
  height: 100%;
  border-radius: 0.4rem;
  -o-object-fit: contain;
     object-fit: contain;
}

.prev-product__title h3 {
  color: #144F89;
  font-size: 2rem;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: -0.03em;
  -webkit-transition: color 0.3s ease-out;
  transition: color 0.3s ease-out;
}
@media (max-width: 1280px) {
  .prev-product__title h3 {
    font-size: 1.6rem;
    letter-spacing: -0.02em;
  }
}

.prev-product__btn {
  margin-top: auto;
}
.prev-product__btn::before {
  position: absolute;
  inset: 0;
  content: "";
}

.how-order {
  padding-bottom: 8rem;
  padding-top: 8rem;
}
@media (max-width: 1280px) {
  .how-order {
    padding-bottom: 4.8rem;
    padding-top: 4.8rem;
  }
}
@media (max-width: 768px) {
  .how-order {
    padding-bottom: 2.8rem;
    padding-top: 2.8rem;
  }
}

.how-order__description {
  margin: 0 auto;
  max-width: 72.8rem;
  font-size: 2.4rem;
  line-height: 130%;
  letter-spacing: -0.03em;
  text-align: center;
}
@media (max-width: 768px) {
  .how-order__description {
    font-size: 1.6rem;
  }
}

.how-order__list {
  position: relative;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 4rem 1fr 4rem 1fr;
  grid-template-columns: repeat(3, 1fr);
  gap: 8rem 4rem;
  margin-top: 8rem;
}
@media (max-width: 1280px) {
  .how-order__list {
    -ms-grid-columns: 1fr 2.4rem 1fr;
    grid-template-columns: repeat(2, 1fr);
    gap: 4.8rem 2.4rem;
    margin-top: 2.4rem;
  }
}
@media (max-width: 768px) {
  .how-order__list {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 1.6rem;
    margin-top: 1.6rem;
  }
}
.how-order__list::before {
  position: absolute;
  top: 0;
  left: 50%;
  width: calc(100% - 2 * (100% - 20rem) / 6 - 3.6rem);
  height: 4rem;
  content: "";
  display: block;
  border: 0.3rem solid #F9FAFB;
  border-bottom: none;
  border-top-left-radius: 0.4rem;
  border-top-right-radius: 0.4rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transform: translate(-50%, -100%);
      -ms-transform: translate(-50%, -100%);
          transform: translate(-50%, -100%);
}
@media (max-width: 1280px) {
  .how-order__list::before {
    content: none;
  }
}

.how-order-item {
  position: relative;
  min-height: 28rem;
}
@media (max-width: 1280px) {
  .how-order-item {
    min-height: 32rem;
  }
}
@media (max-width: 768px) {
  .how-order-item {
    min-height: auto;
  }
}
.how-order-item.is-link {
  cursor: pointer;
}
.how-order-item.is-link .how-order-item__wrap {
  background-color: rgba(255, 255, 255, 0.2);
  -webkit-transition: background-color 0.3s ease-out;
  transition: background-color 0.3s ease-out;
}
@media (hover: hover) and (pointer: fine) {
  .how-order-item.is-link:hover .how-order-item__wrap {
    background-color: #FFFFFF;
  }
  .how-order-item.is-link:hover .how-order-item__icon {
    background-color: #F2F4F7;
  }
  .how-order-item.is-link:hover .how-order-item__link::before {
    opacity: 1;
  }
}
.how-order-item.is-link .how-order-item__icon {
  background-color: #FFFFFF;
}
.how-order-item.is-link .how-order-item__title > * {
  color: #1C4354;
}
.how-order-item:first-child .how-order-item__lines::before, .how-order-item:nth-child(3) .how-order-item__lines::before, .how-order-item:nth-child(3) .how-order-item__lines::after, .how-order-item:nth-child(4) .how-order-item__lines::before {
  position: absolute;
  top: 0;
  left: 50%;
  width: 1.2rem;
  height: 0.8rem;
  content: "";
  display: block;
  background-color: #F9FAFB;
  border-top-left-radius: 0.4rem;
  border-top-right-radius: 0.4rem;
  -webkit-transform: translate(-50%, -100%);
      -ms-transform: translate(-50%, -100%);
          transform: translate(-50%, -100%);
}
@media (max-width: 768px) {
  .how-order-item:first-child .how-order-item__lines::before, .how-order-item:nth-child(3) .how-order-item__lines::before, .how-order-item:nth-child(3) .how-order-item__lines::after, .how-order-item:nth-child(4) .how-order-item__lines::before {
    content: none;
  }
}
.how-order-item:nth-child(-n+2) .how-order-item__lines::after, .how-order-item:nth-child(4) .how-order-item__lines::after {
  position: absolute;
  top: 50%;
  right: 0;
  width: 4rem;
  height: 1.2rem;
  content: "";
  display: block;
  background: center/100% 100% no-repeat url("../images/how-order/line.svg");
  -webkit-transform: translate(100%, -50%);
      -ms-transform: translate(100%, -50%);
          transform: translate(100%, -50%);
}
@media (max-width: 1280px) {
  .how-order-item:nth-child(-n+2) .how-order-item__lines::after, .how-order-item:nth-child(4) .how-order-item__lines::after {
    width: 2.4rem;
  }
}
@media (max-width: 768px) {
  .how-order-item:nth-child(-n+2) .how-order-item__lines::after, .how-order-item:nth-child(4) .how-order-item__lines::after {
    content: none;
  }
}
@media (max-width: 1280px) {
  .how-order-item:first-child::before {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0.3rem;
    height: 4.8rem;
    content: "";
    display: block;
    background-color: #F9FAFB;
    -webkit-transform: translate(-50%, 100%);
        -ms-transform: translate(-50%, 100%);
            transform: translate(-50%, 100%);
  }
}
@media (max-width: 768px) {
  .how-order-item:first-child::before {
    content: none;
  }
}
@media (max-width: 1280px) {
  .how-order-item:first-child .how-order-item__lines::before {
    bottom: 0;
    top: auto;
    border-radius: 0 0 0.4rem 0.4rem;
    -webkit-transform: translate(-50%, 100%);
        -ms-transform: translate(-50%, 100%);
            transform: translate(-50%, 100%);
  }
}
@media (max-width: 1280px) {
  .how-order-item:nth-child(2) .how-order-item__lines::after {
    width: 1.2rem;
    height: 0.8rem;
    bottom: 0;
    left: 50%;
    top: auto;
    background-color: #F9FAFB;
    border-bottom-left-radius: 0.4rem;
    border-bottom-right-radius: 0.4rem;
    -webkit-transform: translate(-50%, 100%);
        -ms-transform: translate(-50%, 100%);
            transform: translate(-50%, 100%);
  }
}
@media (max-width: 768px) {
  .how-order-item:nth-child(2) .how-order-item__lines::after {
    content: none;
  }
}
@media (max-width: 1280px) {
  .how-order-item:nth-child(2) .how-order-item__lines::before {
    position: absolute;
    right: calc(50% - 0.15rem);
    bottom: 0;
    width: calc(50% + 3rem);
    height: 2.4rem;
    content: "";
    display: block;
    border-right: 0.3rem solid #F9FAFB;
    border-bottom: 0.3rem solid #F9FAFB;
    border-bottom-right-radius: 0.8rem;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-transform: translate(0, 100%);
        -ms-transform: translate(0, 100%);
            transform: translate(0, 100%);
  }
}
@media (max-width: 768px) {
  .how-order-item:nth-child(2) .how-order-item__lines::before {
    content: none;
  }
}
.how-order-item:nth-child(3)::before {
  position: absolute;
  right: calc(50% - 0.15rem);
  bottom: 0;
  width: calc(100% + 5rem);
  height: 4rem;
  content: "";
  display: block;
  border-right: 0.3rem solid #F9FAFB;
  border-bottom: 0.3rem solid #F9FAFB;
  border-bottom-right-radius: 0.8rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transform: translate(0, 100%);
      -ms-transform: translate(0, 100%);
          transform: translate(0, 100%);
}
@media (max-width: 1280px) {
  .how-order-item:nth-child(3)::before {
    width: calc(50% + 3rem);
    height: 2.65rem;
    bottom: auto;
    left: 50%;
    right: auto;
    top: 0;
    border-bottom: none;
    border-left: 0.3rem solid #F9FAFB;
    border-right: none;
    border-top: 0.3rem solid #F9FAFB;
    -webkit-transform: translate(-0.15rem, -100%);
        -ms-transform: translate(-0.15rem, -100%);
            transform: translate(-0.15rem, -100%);
  }
}
@media (max-width: 768px) {
  .how-order-item:nth-child(3)::before {
    content: none;
  }
}
.how-order-item:nth-child(3) .how-order-item__lines::after {
  bottom: 0;
  top: auto;
  border-radius: 0 0 0.4rem 0.4rem;
  -webkit-transform: translate(-50%, 100%);
      -ms-transform: translate(-50%, 100%);
          transform: translate(-50%, 100%);
}
@media (max-width: 1280px) {
  .how-order-item:nth-child(3) .how-order-item__lines::after {
    width: 2.4rem;
    height: 1.2rem;
    bottom: auto;
    left: auto;
    right: 0;
    top: 50%;
    background: center/100% 100% no-repeat url("../images/how-order/line.svg");
    border-radius: 0;
    -webkit-transform: translate(100%, -50%);
        -ms-transform: translate(100%, -50%);
            transform: translate(100%, -50%);
  }
}
.how-order-item:nth-child(4)::before {
  position: absolute;
  top: 0;
  left: calc(50% - 0.15rem);
  width: calc(100% + 5rem);
  height: 4.3rem;
  content: "";
  display: block;
  border-left: 0.3rem solid #F9FAFB;
  border-top: 0.3rem solid #F9FAFB;
  border-top-left-radius: 0.8rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transform: translate(0, -100%);
      -ms-transform: translate(0, -100%);
          transform: translate(0, -100%);
}
@media (max-width: 1280px) {
  .how-order-item:nth-child(4)::before {
    width: calc(50% + 5rem);
    height: 2.4rem;
    bottom: 0;
    left: auto;
    right: calc(50% - 0.15rem);
    top: auto;
    border-bottom: 0.3rem solid #F9FAFB;
    border-left: none;
    border-right: 0.3rem solid #F9FAFB;
    border-top: none;
    border-top-left-radius: 0;
    border-bottom-right-radius: 0.8rem;
    -webkit-transform: translate(0, 100%);
        -ms-transform: translate(0, 100%);
            transform: translate(0, 100%);
  }
}
@media (max-width: 1280px) {
  .how-order-item:nth-child(4) .how-order-item__lines::before {
    bottom: 0;
    top: auto;
    -webkit-transform: translate(-50%, 100%);
        -ms-transform: translate(-50%, 100%);
            transform: translate(-50%, 100%);
  }
}
@media (max-width: 1280px) {
  .how-order-item:nth-child(5)::before {
    position: absolute;
    top: 0;
    left: calc(50% - 0.15rem);
    width: calc(50% + 3rem);
    height: 2.35rem;
    content: "";
    display: block;
    border-left: 0.3rem solid #F9FAFB;
    border-top: 0.3rem solid #F9FAFB;
    border-top-left-radius: 0.8rem;
    -webkit-transform: translate(0, -100%);
        -ms-transform: translate(0, -100%);
            transform: translate(0, -100%);
  }
}
@media (max-width: 768px) {
  .how-order-item:nth-child(5)::before {
    content: none;
  }
}
@media (max-width: 1280px) {
  .how-order-item:nth-child(5) .how-order-item__lines::after {
    position: absolute;
    top: 0;
    left: 50%;
    width: 1.2rem;
    height: 0.8rem;
    content: "";
    display: block;
    background-color: #F9FAFB;
    border-top-left-radius: 0.4rem;
    border-top-right-radius: 0.4rem;
    -webkit-transform: translate(-50%, -100%);
        -ms-transform: translate(-50%, -100%);
            transform: translate(-50%, -100%);
  }
}
@media (max-width: 768px) {
  .how-order-item:nth-child(5) .how-order-item__lines::after {
    content: none;
  }
}

.how-order-item__wrap {
  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;
  padding: 4rem;
  height: 100%;
  background-color: #FFFFFF;
  border: 0.3rem solid #FFFFFF;
  border-radius: 0.8rem;
}
@media (max-width: 1280px) {
  .how-order-item__wrap {
    padding: 2.4rem;
  }
}
@media (max-width: 768px) {
  .how-order-item__wrap {
    padding: 1.6rem;
    border-radius: 0.4rem;
  }
}

.how-order-item__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.how-order-item__icon,
.how-order-item__numb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 5.6rem;
  height: 5.6rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  background-color: #F2F4F7;
  border-radius: 0.4rem;
  -webkit-transition: background-color 0.3s ease-out;
  transition: background-color 0.3s ease-out;
}
@media (max-width: 480px) {
  .how-order-item__icon,
  .how-order-item__numb {
    width: 4.8rem;
    height: 4.8rem;
  }
}

.how-order-item__icon img {
  width: 3.2rem;
  height: 3.2rem;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 480px) {
  .how-order-item__icon img {
    width: 2.8rem;
    height: 2.8rem;
  }
}

.how-order-item__numb span {
  background: linear-gradient(135deg, #5793c7 0%, #1C4354 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 3.2rem;
  font-weight: 500;
  line-height: 100%;
  letter-spacing: -0.04em;
}
@media (max-width: 480px) {
  .how-order-item__numb span {
    font-size: 2.8rem;
  }
}

.how-order-item__link {
  margin-left: auto;
}
@media (max-width: 480px) {
  .how-order-item__link {
    width: 4rem;
    height: 4rem;
  }
}
.how-order-item__link svg {
  width: 3.2rem;
  height: 3.2rem;
}
@media (max-width: 480px) {
  .how-order-item__link svg {
    width: 2.8rem;
    height: 2.8rem;
  }
}

.how-order-item__bottom {
  margin-top: 3.2rem;
}

.how-order-item__title h2 {
  color: #144F89;
  font-weight: 500;
  font-size: 4rem;
  line-height: 80%;
  letter-spacing: -0.03em;
}
@media (max-width: 1280px) {
  .how-order-item__title h2 {
    font-size: 3.6rem;
  }
}
@media (max-width: 768px) {
  .how-order-item__title h2 {
    font-size: 2.8rem;
    letter-spacing: -0.04em;
  }
}

.how-order-item__description {
  margin-top: 1.6rem;
  font-size: 1.8rem;
  line-height: 130%;
  letter-spacing: -0.03em;
}
@media (max-width: 768px) {
  .how-order-item__description {
    margin-top: 0.8rem;
    font-size: 1.6rem;
    letter-spacing: -0.02em;
  }
}
.how-order-item__description a {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: -0.03em;
  text-decoration: underline;
  white-space: nowrap;
}
@media (max-width: 768px) {
  .how-order-item__description a {
    font-size: 1.6rem;
    letter-spacing: -0.02em;
  }
}

.how-order-item__lines {
  position: absolute;
  inset: 0;
  z-index: -1;
}

.invite {
  padding-bottom: 16rem;
  padding-top: 8rem;
}
@media (max-width: 1280px) {
  .invite {
    padding-bottom: 9.6rem;
    padding-top: 4.8rem;
  }
}
@media (max-width: 768px) {
  .invite {
    padding-bottom: 5.6rem;
    padding-top: 2.8rem;
  }
}

.invite__description {
  font-size: 2.4rem;
  line-height: 130%;
  letter-spacing: -0.03em;
  text-align: center;
}
@media (max-width: 768px) {
  .invite__description {
    font-size: 1.6rem;
  }
}

.invite__form {
  margin-top: 4rem;
  padding: 4rem;
  background-color: #FFFFFF;
  border-radius: 0.8rem;
}
@media (max-width: 1280px) {
  .invite__form {
    margin-top: 2.4rem;
    padding: 2.4rem;
  }
}
@media (max-width: 768px) {
  .invite__form {
    margin-top: 1.6rem;
    padding: 1.6rem 1.6rem 3.2rem;
  }
}

.invite__input-row {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 4rem 1fr;
  grid-template-columns: repeat(2, 1fr);
  -webkit-column-gap: 4rem;
     -moz-column-gap: 4rem;
          column-gap: 4rem;
}
@media (max-width: 1280px) {
  .invite__input-row {
    -webkit-column-gap: 2.4rem;
       -moz-column-gap: 2.4rem;
            column-gap: 2.4rem;
  }
}
@media (max-width: 768px) {
  .invite__input-row {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    row-gap: 1.6rem;
  }
}

.invite__input-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 2.4rem;
}
@media (max-width: 768px) {
  .invite__input-col {
    row-gap: 1.6rem;
  }
}
@media (max-width: 768px) {
  .invite__input-col:last-child {
    -ms-grid-row: 1;
    grid-row: 1;
  }
}

.invite__textarea {
  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-positive: 1;
          flex-grow: 1;
}
.invite__textarea textarea {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
@media (max-width: 768px) {
  .invite__textarea textarea {
    min-height: 10.4rem;
  }
}

.invite__checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 2.4rem;
  max-width: calc(50% - 2rem);
}
@media (max-width: 1280px) {
  .invite__checkbox {
    max-width: calc(50% - 1.2rem);
  }
}
@media (max-width: 991px) {
  .invite__checkbox {
    max-width: none;
  }
}
@media (max-width: 768px) {
  .invite__checkbox {
    margin-top: 1.6rem;
  }
}
@media (max-width: 370px) {
  .invite__checkbox label {
    font-size: 1.4rem;
  }
}

.invite__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 1.6rem;
     -moz-column-gap: 1.6rem;
          column-gap: 1.6rem;
  margin-top: 2.4rem;
}
@media (max-width: 768px) {
  .invite__btn {
    position: relative;
    margin-top: 1.6rem;
  }
}
@media (max-width: 768px) {
  .invite__btn .btn {
    width: 100%;
  }
}

.request {
  padding-bottom: 16rem;
  padding-top: 8rem;
}
@media (max-width: 1280px) {
  .request {
    padding-bottom: 9.6rem;
    padding-top: 4.8rem;
  }
}
@media (max-width: 768px) {
  .request {
    padding-bottom: 5.6rem;
    padding-top: 2.8rem;
  }
}

.request__description {
  font-size: 2.4rem;
  line-height: 130%;
  letter-spacing: -0.03em;
  text-align: center;
}
@media (max-width: 768px) {
  .request__description {
    font-size: 1.6rem;
  }
}

.request__form {
  margin-top: 4rem;
  padding: 4rem;
  background-color: #FFFFFF;
  border-radius: 0.8rem;
}
@media (max-width: 1280px) {
  .request__form {
    margin-top: 2.4rem;
    padding: 2.4rem;
  }
}
@media (max-width: 768px) {
  .request__form {
    margin-top: 1.6rem;
    padding: 1.6rem 1.6rem 3.2rem;
  }
}

.request__input-row {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 4rem 1fr;
  grid-template-columns: repeat(2, 1fr);
  -webkit-column-gap: 4rem;
     -moz-column-gap: 4rem;
          column-gap: 4rem;
}
@media (max-width: 1280px) {
  .request__input-row {
    -webkit-column-gap: 2.4rem;
       -moz-column-gap: 2.4rem;
            column-gap: 2.4rem;
  }
}
@media (max-width: 768px) {
  .request__input-row {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    row-gap: 1.6rem;
  }
}

.request__input-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 2.4rem;
}
@media (max-width: 768px) {
  .request__input-col {
    row-gap: 1.6rem;
  }
}
.request__input-col:last-child {
  margin-bottom: -6.8rem;
}
@media (max-width: 768px) {
  .request__input-col:last-child {
    -ms-grid-row: 1;
    grid-row: 1;
    margin-bottom: 0;
  }
}

.request__textarea {
  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-positive: 1;
          flex-grow: 1;
}
.request__textarea textarea {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
@media (max-width: 768px) {
  .request__textarea textarea {
    min-height: 10.4rem;
  }
}

.request__checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 2.4rem;
  max-width: calc(50% - 2rem);
}
@media (max-width: 1280px) {
  .request__checkbox {
    max-width: calc(50% - 1.2rem);
  }
}
@media (max-width: 768px) {
  .request__checkbox {
    max-width: none;
    margin-top: 1.6rem;
  }
}
@media (max-width: 370px) {
  .request__checkbox label {
    font-size: 1.4rem;
  }
}

.request__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 1.6rem;
     -moz-column-gap: 1.6rem;
          column-gap: 1.6rem;
  margin-top: 2.4rem;
}
@media (max-width: 768px) {
  .request__btn {
    position: relative;
    margin-top: 1.6rem;
  }
}
@media (max-width: 768px) {
  .request__btn .btn {
    width: 100%;
  }
}

@media (max-width: 768px) {
  .request__input-file {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .request__input-file label {
    width: 100%;
  }
}

.about {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 4rem;
     -moz-column-gap: 4rem;
          column-gap: 4rem;
  padding-bottom: 16rem;
  padding-top: 8rem;
}
@media (max-width: 1280px) {
  .about {
    -webkit-column-gap: 2.4rem;
       -moz-column-gap: 2.4rem;
            column-gap: 2.4rem;
    padding-bottom: 9.6rem;
    padding-top: 4.8rem;
  }
}
@media (max-width: 768px) {
  .about {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 2.4rem;
    padding-bottom: 5.6rem;
    padding-top: 2.8rem;
  }
}

.about__logo {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(50% - 2rem);
          flex: 0 0 calc(50% - 2rem);
  text-align: center;
}
@media (max-width: 1280px) {
  .about__logo {
    -ms-flex-preferred-size: calc((100% - 4.8rem) / 3);
        flex-basis: calc((100% - 4.8rem) / 3);
    text-align: left;
  }
}
@media (max-width: 768px) {
  .about__logo {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    text-align: center;
  }
}
.about__logo img {
  position: sticky;
  top: 13.4rem;
  max-width: 53rem;
  width: 100%;
}
@media (max-width: 1280px) {
  .about__logo img {
    top: 10rem;
    max-width: 80%;
  }
}
@media (max-width: 1024px) {
  .about__logo img {
    max-width: 24rem;
  }
}
@media (max-width: 768px) {
  .about__logo img {
    position: static;
    max-width: 72%;
  }
}

.about__info {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(50% - 2rem);
          flex: 0 0 calc(50% - 2rem);
}
@media (max-width: 1280px) {
  .about__info {
    -ms-flex-preferred-size: calc(2 * (100% - 4.8rem) / 3 + 2.4rem);
        flex-basis: calc(2 * (100% - 4.8rem) / 3 + 2.4rem);
  }
}
@media (max-width: 768px) {
  .about__info {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }
}

.about__text {
  max-width: 69rem;
  font-size: 2.2rem;
  line-height: 130%;
  letter-spacing: -0.03em;
}
@media (max-width: 1280px) {
  .about__text {
    font-size: 1.8rem;
  }
}
@media (max-width: 768px) {
  .about__text {
    font-size: 1.6rem;
    letter-spacing: -0.02em;
  }
}
.about__text + .about__title {
  display: block;
  margin-top: 2.4rem;
}
@media (max-width: 1280px) {
  .about__text + .about__title {
    margin-top: 2rem;
  }
}
@media (max-width: 768px) {
  .about__text + .about__title {
    margin-top: 1.6rem;
  }
}

.about__title {
  margin-top: 4rem;
}
@media (max-width: 1280px) {
  .about__title {
    margin-top: 2.4rem;
  }
}

.about__title,
.about__title h2 {
  color: #144F89;
  font-weight: 500;
  font-size: 3.2rem;
  line-height: 100%;
  letter-spacing: -0.04em;
}
@media (max-width: 1280px) {
  .about__title,
  .about__title h2 {
    font-size: 2.8rem;
  }
}
@media (max-width: 768px) {
  .about__title,
  .about__title h2 {
    font-size: 2.4rem;
    letter-spacing: -0.03em;
  }
}

.about__list {
  margin-top: 1.2rem;
  max-width: 70rem;
}
@media (max-width: 768px) {
  .about__list {
    margin-top: 0.8rem;
  }
}
.about__list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 0.8rem;
     -moz-column-gap: 0.8rem;
          column-gap: 0.8rem;
  font-size: 2.2rem;
  line-height: 130%;
  letter-spacing: -0.03em;
}
@media (max-width: 1280px) {
  .about__list li {
    font-size: 1.8rem;
  }
}
@media (max-width: 768px) {
  .about__list li {
    font-size: 1.6rem;
    letter-spacing: -0.02em;
  }
}
.about__list li::before {
  width: 1.2rem;
  height: 0.1rem;
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  display: inline-block;
  background-color: currentColor;
  margin-top: 1.4rem;
}
@media (max-width: 1280px) {
  .about__list li::before {
    margin-top: 1.1rem;
  }
}
@media (max-width: 768px) {
  .about__list li::before {
    margin-top: 1rem;
    width: 0.8rem;
  }
}
.about__list li:not(:first-child) {
  margin-top: 0.8rem;
}
@media (max-width: 768px) {
  .about__list li:not(:first-child) {
    margin-top: 0.6rem;
  }
}
.about__list li a {
  font-weight: 500;
  text-decoration: underline;
}

.about__principle-list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 2.4rem 1fr;
  grid-template-columns: repeat(2, 1fr);
  gap: 2.4rem;
  margin-bottom: 4rem;
  margin-top: 2.4rem;
}
@media (max-width: 1280px) {
  .about__principle-list {
    gap: 2rem;
    margin-bottom: 2.4rem;
    margin-top: 2rem;
  }
}
@media (max-width: 991px) {
  .about__principle-list {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
@media (max-width: 768px) {
  .about__principle-list {
    gap: 1.6rem;
  }
}
.about__principle-list li:nth-child(1) .principle__indicators svg:nth-child(1) {
  fill: #144F89;
}
.about__principle-list li:nth-child(2) .principle__indicators svg:nth-child(2) {
  fill: #144F89;
}
.about__principle-list li:nth-child(3) .principle__indicators svg:nth-child(3) {
  fill: #144F89;
}
.about__principle-list li:nth-child(4) .principle__indicators svg:nth-child(4) {
  fill: #144F89;
}

.principle {
  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;
  row-gap: 3.2rem;
  min-height: 20rem;
  height: 100%;
  padding: 2.4rem;
  background-color: #FFFFFF;
  border-radius: 0.4rem;
}
@media (max-width: 1280px) {
  .principle {
    min-height: 18.4rem;
    padding: 2rem;
  }
}
@media (max-width: 768px) {
  .principle {
    row-gap: 1.6rem;
    min-height: 14rem;
    padding: 1.6rem;
  }
}

.principle__indicators {
  margin-bottom: auto;
  font-size: 0;
}
.principle__indicators svg {
  width: 3.4rem;
  height: 1.6rem;
  fill: #B0BEC5;
}
@media (max-width: 768px) {
  .principle__indicators svg {
    width: 2.6rem;
    height: 1.2rem;
  }
}

.principle__title h3 {
  color: #144F89;
  font-weight: 500;
  font-size: 3.2rem;
  line-height: 100%;
  letter-spacing: -0.04em;
}
@media (max-width: 1280px) {
  .principle__title h3 {
    font-size: 2.8rem;
  }
}
@media (max-width: 768px) {
  .principle__title h3 {
    font-size: 2.4rem;
    letter-spacing: -0.03em;
  }
}

.principle__description {
  margin-top: 1.2rem;
  min-height: 4.2rem;
  line-height: 130%;
}
@media (max-width: 1280px) {
  .principle__description {
    margin-top: 0.8rem;
  }
}
@media (max-width: 991px) {
  .principle__description {
    min-height: 0;
  }
}

.about__btn-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 1.6rem;
     -moz-column-gap: 1.6rem;
          column-gap: 1.6rem;
  margin-top: 1.6rem;
}
@media (max-width: 991px) {
  .about__btn-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    row-gap: 1.6rem;
    margin-top: 1.2rem;
  }
}

.about__discuss {
  font-size: 1.8rem;
  line-height: 130%;
}
@media (max-width: 768px) {
  .about__discuss {
    font-size: 1.6rem;
  }
}
.about__discuss a {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 130%;
  text-decoration: underline;
}
@media (max-width: 768px) {
  .about__discuss a {
    font-size: 1.6rem;
  }
}

.contacts {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 4rem 1fr 4rem 1fr 4rem 1fr 4rem 1fr 4rem 1fr 4rem 1fr 4rem 1fr 4rem 1fr 4rem 1fr;
  grid-template-columns: repeat(10, 1fr);
  -webkit-column-gap: 4rem;
     -moz-column-gap: 4rem;
          column-gap: 4rem;
  padding-bottom: 16rem;
  padding-top: 8rem;
}
@media (max-width: 1280px) {
  .contacts {
    -ms-grid-columns: 1fr 2.4rem 1fr;
    grid-template-columns: repeat(2, 1fr);
    -webkit-column-gap: 2.4rem;
       -moz-column-gap: 2.4rem;
            column-gap: 2.4rem;
    padding-bottom: 9.6rem;
    padding-top: 4.8rem;
  }
}
@media (max-width: 991px) {
  .contacts {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    row-gap: 2.4rem;
    padding-bottom: 5.6rem;
    padding-top: 2.8rem;
  }
}

.contacts__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 4rem;
  -ms-grid-column-span: 6;
  grid-column: span 6;
}
@media (max-width: 1280px) {
  .contacts__content {
    -ms-grid-column-span: 1;
    grid-column: span 1;
    row-gap: 2.4rem;
  }
}
@media (max-width: 768px) {
  .contacts__content {
    row-gap: 1.6rem;
  }
}

.contacts__info {
  padding: 3.2rem 4rem;
  background-color: #FFFFFF;
  border-radius: 0.8rem;
}
@media (max-width: 1280px) {
  .contacts__info {
    padding: 2rem 2.4rem;
  }
}
@media (max-width: 768px) {
  .contacts__info {
    padding: 1.6rem;
  }
}

.contacts__info-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 2.4rem;
     -moz-column-gap: 2.4rem;
          column-gap: 2.4rem;
  padding-bottom: 1.6rem;
  padding-top: 1.6rem;
  border-bottom: thin solid #F2F4F7;
}
@media (max-width: 1280px) {
  .contacts__info-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 0.8rem;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
@media (max-width: 768px) {
  .contacts__info-row {
    padding-bottom: 1.2rem;
    padding-top: 1.2rem;
  }
}
.contacts__info-row:first-child {
  padding-top: 0;
}
.contacts__info-row:last-child {
  padding-bottom: 0;
  border-bottom: none;
}

.contacts__info-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 0.8rem;
     -moz-column-gap: 0.8rem;
          column-gap: 0.8rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 22rem;
          flex: 0 0 22rem;
}
@media (max-width: 1280px) {
  .contacts__info-title {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }
}
.contacts__info-title svg {
  width: 1.8rem;
  height: 1.8rem;
}
@media (max-width: 1280px) {
  .contacts__info-title svg {
    width: 1.6rem;
    height: 1.6rem;
  }
}
.contacts__info-title span {
  font-weight: 500;
  line-height: 130%;
}
@media (max-width: 1280px) {
  .contacts__info-title span {
    font-size: 1.4rem;
  }
}
@media (max-width: 1280px) {
  .contacts__info-title br {
    display: none;
  }
}

.contacts__info-text span, .contacts__info-text a {
  display: block;
  font-size: 1.9rem;
  letter-spacing: -0.03em;
  line-height: 130%;
}
@media (max-width: 1280px) {
  .contacts__info-text span, .contacts__info-text a {
    font-size: 2rem;
  }
}
@media (max-width: 768px) {
  .contacts__info-text span, .contacts__info-text a {
    font-size: 1.8rem;
  }
}
@media (max-width: 480px) {
  .contacts__info-text span, .contacts__info-text a {
    font-size: 4.8vw;
  }
}
@media (max-width: 370px) {
  .contacts__info-text span, .contacts__info-text a {
    font-size: 4.3243243243vw;
  }
}
.contacts__info-text.phone a + a {
  margin-top: 0.4rem;
}
@media (max-width: 768px) {
  .contacts__info-text.phone a + a {
    margin-top: 0.2rem;
  }
}
.contacts__info-text.grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 2.8rem 1fr;
  grid-template-columns: auto 1fr;
  gap: 0.4rem 2.8rem;
}
@media (max-width: 1280px) {
  .contacts__info-text.grid {
    -webkit-column-gap: 1.6rem;
       -moz-column-gap: 1.6rem;
            column-gap: 1.6rem;
  }
}
@media (max-width: 768px) {
  .contacts__info-text.grid {
    gap: 0.2rem 1.6rem;
  }
}

.contacts__map {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  min-height: 41.6rem;
  border-radius: 0.8rem;
  overflow: hidden;
}
@media (max-width: 1280px) {
  .contacts__map {
    min-height: 29.4rem;
  }
}
@media (max-width: 768px) {
  .contacts__map {
    min-height: 50vh;
  }
}
.contacts__map iframe {
  width: 100%;
  height: 100%;
  border: none;
}

.contacts__form-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 4rem;
  -ms-grid-column-span: 4;
  grid-column: span 4;
}
@media (max-width: 1280px) {
  .contacts__form-wrap {
    row-gap: 2.4rem;
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media (max-width: 768px) {
  .contacts__form-wrap {
    row-gap: 1.6rem;
  }
}

.contacts__form-title h2 {
  color: #144F89;
  font-size: 3.2rem;
  font-weight: 500;
  line-height: 100%;
  letter-spacing: -0.04em;
}
@media (max-width: 1280px) {
  .contacts__form-title h2 {
    font-size: 2.8rem;
  }
}
@media (max-width: 768px) {
  .contacts__form-title h2 {
    font-size: 2.4rem;
    line-height: 110%;
  }
}

.contacts__form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 2.4rem;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 2.4rem;
  background-color: #FFFFFF;
  border-radius: 0.8rem;
}
@media (max-width: 768px) {
  .contacts__form {
    padding: 1.6rem 1.6rem 3.2rem;
  }
}

.contacts__textarea {
  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-positive: 1;
          flex-grow: 1;
  min-height: 10.4rem;
}
.contacts__textarea textarea {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
@media (max-width: 768px) {
  .contacts__textarea textarea {
    min-height: 10.4rem;
  }
}

.contacts__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 1.6rem;
     -moz-column-gap: 1.6rem;
          column-gap: 1.6rem;
}
@media (max-width: 768px) {
  .contacts__btn {
    position: relative;
  }
}
@media (max-width: 768px) {
  .contacts__btn .btn {
    width: 100%;
  }
}

.cart {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 4rem auto;
  grid-template-columns: 1fr auto;
  -webkit-column-gap: 4rem;
     -moz-column-gap: 4rem;
          column-gap: 4rem;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding-bottom: 16rem;
  padding-top: 8rem;
}
@media (max-width: 1280px) {
  .cart {
    gap: 2.4rem;
    padding-bottom: 9.6rem;
    padding-top: 4.8rem;
  }
}
@media (max-width: 991px) {
  .cart {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    justify-items: center;
  }
}
@media (max-width: 768px) {
  .cart {
    padding-bottom: 5.6rem;
    padding-top: 2.8rem;
  }
}

.cart__content.is-empty {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 3.2rem;
  height: 100%;
  padding: 4rem;
  border: 0.2rem solid #FFFFFF;
  border-radius: 0.8rem;
}
@media (max-width: 1280px) {
  .cart__content.is-empty {
    row-gap: 2rem;
  }
}
@media (max-width: 991px) {
  .cart__content.is-empty {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .cart__content.is-empty {
    row-gap: 1.6rem;
  }
}
@media (max-width: 480px) {
  .cart__content.is-empty {
    padding: 1.6rem 1.6rem 2rem;
  }
}
@media (max-width: 480px) {
  .cart__content.is-empty .btn {
    -webkit-column-gap: 0.8rem;
       -moz-column-gap: 0.8rem;
            column-gap: 0.8rem;
    height: 4.4rem;
    padding: 0 1.6rem;
    font-size: 1.6rem;
  }
  .cart__content.is-empty .btn svg {
    width: 1.8rem;
    height: 1.8rem;
  }
}

.cart__empty-title h2 {
  color: #144F89;
  font-size: 3.2rem;
  font-weight: 500;
  line-height: 100%;
  letter-spacing: -0.04em;
  text-align: center;
}
@media (max-width: 1280px) {
  .cart__empty-title h2 {
    font-size: 2.8rem;
  }
}
@media (max-width: 768px) {
  .cart__empty-title h2 {
    font-size: 2.4rem;
  }
}

.cart__all-checkbox {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 1.2rem;
     -moz-column-gap: 1.2rem;
          column-gap: 1.2rem;
  padding-left: 2.4rem;
  padding-top: 0;
}
@media (max-width: 768px) {
  .cart__all-checkbox {
    -webkit-column-gap: 0.8rem;
       -moz-column-gap: 0.8rem;
            column-gap: 0.8rem;
    padding-left: 1.6rem;
  }
}
.cart__all-checkbox label {
  font-size: 2rem;
  line-height: 130%;
  letter-spacing: -0.03em;
}
@media (max-width: 768px) {
  .cart__all-checkbox label {
    font-size: 1.8rem;
  }
}

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

.cart-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 2.4rem;
     -moz-column-gap: 2.4rem;
          column-gap: 2.4rem;
  padding: 2.4rem;
  background-color: #FFFFFF;
  border-radius: 0.8rem;
}
@media (max-width: 1280px) {
  .cart-item {
    -webkit-column-gap: 1.6rem;
       -moz-column-gap: 1.6rem;
            column-gap: 1.6rem;
  }
}
@media (max-width: 768px) {
  .cart-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 1.2rem;
    padding: 1.6rem;
  }
}

.cart__item-img {
  width: 19rem;
  height: 19rem;
  padding: 2.4rem;
  border: thin solid #F2F4F7;
  border-radius: 0.4rem;
}
@media (max-width: 1280px) {
  .cart__item-img {
    width: 16rem;
    height: 16rem;
    padding: 1.6rem;
  }
}
@media (max-width: 768px) {
  .cart__item-img {
    width: 100%;
    height: 20vw;
    padding: 0;
    aspect-ratio: auto;
    border: none;
    text-align: center;
  }
}
.cart__item-img img {
  width: 100%;
  height: 100%;
  border-radius: 0.4rem;
  -o-object-fit: contain;
     object-fit: contain;
}

.cart__item-info {
  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;
  row-gap: 2.4rem;
}
@media (max-width: 1280px) {
  .cart__item-info {
    row-gap: 1.6rem;
  }
}
@media (max-width: 768px) {
  .cart__item-info {
    row-gap: 1.2rem;
  }
}

.cart__item-title > * {
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: -0.03em;
}
@media (max-width: 1280px) {
  .cart__item-title > * {
    font-size: 2rem;
  }
}
@media (max-width: 768px) {
  .cart__item-title > * {
    font-size: 1.8rem;
  }
}

.cart__controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1.6rem;
}

.cart__count-input {
  width: 18rem;
}

.cart__total {
  position: sticky;
  top: 13.4rem;
  width: 39.2rem;
  padding: 3.2rem 4rem 4rem;
  background-color: #FFFFFF;
  border-radius: 0.8rem;
}
@media (max-width: 1280px) {
  .cart__total {
    top: 10rem;
    width: 30.4rem;
    padding: 2rem 2.4rem 2.4rem;
  }
}
@media (max-width: 991px) {
  .cart__total {
    position: static;
    -ms-grid-row: 1;
    grid-row: 1;
    width: 37rem;
  }
}
@media (max-width: 768px) {
  .cart__total {
    padding: 1.6rem;
  }
}
@media (max-width: 480px) {
  .cart__total {
    width: 100%;
  }
}

.cart__total-title h2 {
  color: #144F89;
  font-size: 3.2rem;
  font-weight: 500;
  line-height: 100%;
  letter-spacing: -0.04em;
}
@media (max-width: 1280px) {
  .cart__total-title h2 {
    font-size: 2.8rem;
  }
}
@media (max-width: 768px) {
  .cart__total-title h2 {
    font-size: 2.4rem;
  }
}

.cart__total-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 1.6rem;
  margin-top: 3.2rem;
}
@media (max-width: 1280px) {
  .cart__total-btns {
    row-gap: 1.2rem;
    margin-top: 2.4rem;
  }
}
@media (max-width: 768px) {
  .cart__total-btns {
    margin-top: 1.6rem;
  }
}
@media (max-width: 480px) {
  .cart__total-btns .btn {
    -webkit-column-gap: 0.8rem;
       -moz-column-gap: 0.8rem;
            column-gap: 0.8rem;
    height: 4.4rem;
    padding: 0 1.6rem;
    font-size: 1.6rem;
  }
  .cart__total-btns .btn svg {
    width: 1.8rem;
    height: 1.8rem;
  }
}

.cart__total-description {
  line-height: 130%;
}

.product-hero__container {
  max-width: 145.4rem;
  padding-left: 3.2rem;
  padding-right: 3.2rem;
}
@media (max-width: 1280px) {
  .product-hero__container {
    padding-left: 2.4rem;
    padding-right: 2.4rem;
  }
}
@media (max-width: 768px) {
  .product-hero__container {
    padding-left: 1.6rem;
    padding-right: 1.6rem;
  }
}

.product-hero__wrap {
  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;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 16rem 0 7.2rem;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(11.4rem, #F2F4F7), to(#FFFFFF));
  background: linear-gradient(180deg, #F2F4F7 11.4rem, #FFFFFF 100%);
  border-top: none;
  border-bottom-left-radius: 0.8rem;
  border-bottom-right-radius: 0.8rem;
  text-align: center;
  overflow: hidden;
}
@media (max-width: 1520px) {
  .product-hero__wrap {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(7.6rem, #F2F4F7), to(#FFFFFF));
    background: linear-gradient(180deg, #F2F4F7 7.6rem, #FFFFFF 100%);
  }
}
@media (max-width: 1280px) {
  .product-hero__wrap {
    padding: 10.4rem 0 4.8rem;
  }
}
@media (max-width: 768px) {
  .product-hero__wrap {
    padding: 8rem 0 2.4rem;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(5.2rem, #F2F4F7), to(#FFFFFF));
    background: linear-gradient(180deg, #F2F4F7 5.2rem, #FFFFFF 100%);
  }
}

.product-hero__content {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 4rem 1fr 4rem 1fr 4rem 1fr 4rem 1fr 4rem 1fr 4rem 1fr 4rem 1fr 4rem 1fr 4rem 1fr;
  grid-template-columns: repeat(10, 1fr);
  -webkit-column-gap: 4rem;
     -moz-column-gap: 4rem;
          column-gap: 4rem;
  margin-top: 3.2rem;
}
@media (max-width: 1280px) {
  .product-hero__content {
    -ms-grid-columns: 1fr 2.4rem 1fr 2.4rem 1fr;
    grid-template-columns: repeat(3, 1fr);
    -webkit-column-gap: 2.4rem;
       -moz-column-gap: 2.4rem;
            column-gap: 2.4rem;
  }
}
@media (max-width: 991px) {
  .product-hero__content {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 2.4rem 0;
    margin-top: 2rem;
  }
}
@media (max-width: 768px) {
  .product-hero__content {
    margin-top: 1.6rem;
  }
}

.product-hero__left {
  -ms-grid-column-span: 3;
  grid-column: span 3;
}
@media (max-width: 1280px) {
  .product-hero__left {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
.product-hero__left .product-hero__title {
  display: none;
}
@media (max-width: 991px) {
  .product-hero__left .product-hero__title {
    display: block;
  }
}

.product-hero__right {
  -ms-grid-column-span: 7;
  grid-column: span 7;
}
@media (max-width: 1280px) {
  .product-hero__right {
    -ms-grid-column-span: 2;
    grid-column: span 2;
  }
}
@media (max-width: 991px) {
  .product-hero__right .product-hero__title {
    display: none;
  }
}

.product-hero__title h1 {
  background: linear-gradient(135deg, #5793c7 0%, #1C4354 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 5.4rem;
  font-weight: 500;
  line-height: 90%;
  letter-spacing: -0.05em;
  text-align: left;
}
@media (max-width: 1280px) {
  .product-hero__title h1 {
    font-size: 3.6rem;
    letter-spacing: -0.03em;
  }
}
@media (max-width: 991px) {
  .product-hero__title h1 {
    text-align: center;
  }
}
@media (max-width: 768px) {
  .product-hero__title h1 {
    font-size: 2.4rem;
    letter-spacing: -0.03em;
  }
}

.product-hero__img-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (max-width: 991px) {
  .product-hero__img-wrap {
    margin-top: 2rem;
  }
}

.product-hero__img {
  width: 100%;
  padding: 2.4rem;
  aspect-ratio: 1/1;
  background-color: #FFFFFF;
  border: thin solid #F2F4F7;
  border-radius: 0.8rem;
}
@media (max-width: 991px) {
  .product-hero__img {
    width: 70%;
    margin: 0 auto;
    aspect-ratio: auto;
  }
}
@media (max-width: 768px) {
  .product-hero__img {
    width: 80%;
  }
}
@media (max-width: 480px) {
  .product-hero__img {
    width: 100%;
  }
}
.product-hero__img img {
  width: 100%;
  height: 100%;
  border-radius: 0.4rem;
  -o-object-fit: contain;
     object-fit: contain;
}

.product-hero__img-text {
  margin-top: 0.8rem;
  color: #B0BEC5;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 95%;
  letter-spacing: -0.02em;
}
@media (max-width: 991px) {
  .product-hero__img-text {
    margin: 0.8rem auto 0;
    max-width: 30rem;
  }
}

.product-hero__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 4rem;
     -moz-column-gap: 4rem;
          column-gap: 4rem;
  margin-top: 4rem;
  text-align: left;
}
@media (max-width: 1280px) {
  .product-hero__info {
    margin-top: 2.4rem;
  }
}
@media (max-width: 768px) {
  .product-hero__info {
    margin-top: 0;
  }
}
@media (max-width: 580px) {
  .product-hero__info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 2rem;
  }
}

.product-hero__info-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 4rem;
     -moz-column-gap: 4rem;
          column-gap: 4rem;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
@media (max-width: 1280px) {
  .product-hero__info-left {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 1.6rem;
  }
}

.product-hero__characteristics {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  max-width: 38rem;
  text-align: left;
}
@media (max-width: 480px) {
  .product-hero__characteristics .btn {
    width: 100%;
  }
}

.product-hero__numbs {
  margin: 0;
  text-align: left;
}
@media (max-width: 1280px) {
  .product-hero__numbs {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
}
.product-hero__numbs .product-hero__list-title,
.product-hero__numbs .product-hero__list-text {
  display: block;
}
@media (max-width: 1280px) {
  .product-hero__numbs .product-hero__list-text {
    margin-top: -0.4rem;
  }
}

.product-hero__numbs-row + .product-hero__numbs-row {
  margin-top: 2.4rem;
}
@media (max-width: 1280px) {
  .product-hero__numbs-row + .product-hero__numbs-row {
    margin-top: 1.6rem;
  }
}
@media (max-width: 768px) {
  .product-hero__numbs-row + .product-hero__numbs-row {
    margin-top: 1.2rem;
  }
}

.btn.product-hero__copy-btn {
  width: auto;
  height: auto;
  padding: 0.4rem;
  background-color: transparent;
}

.product-hero__list {
  margin: 0 0 1.6rem;
}

.product-hero__list-title,
.product-hero__list-text {
  display: inline;
  margin-left: 0;
  font-size: 1.8rem;
  line-height: 130%;
  letter-spacing: -0.03em;
  text-align: left;
}
@media (max-width: 768px) {
  .product-hero__list-title,
  .product-hero__list-text {
    font-size: 1.6rem;
    letter-spacing: -0.02em;
  }
}

.product-hero__list-title {
  font-weight: 500;
}

.product-hero__info-count {
  margin-bottom: 1.6rem;
  width: 22rem;
}
@media (max-width: 768px) {
  .product-hero__info-count {
    margin-bottom: 1.2rem;
  }
}
@media (max-width: 480px) {
  .product-hero__info-count {
    width: 100%;
  }
}

.product-hero__info-add-btn {
  min-width: 22rem;
}
@media (max-width: 480px) {
  .product-hero__info-add-btn {
    width: 100%;
  }
}

.product-hero__info-text {
  margin-top: 1.6rem;
  line-height: 120%;
}
@media (max-width: 480px) {
  .product-hero__info-text {
    margin-top: 1.2rem;
    text-align: center;
  }
}

.product-hero__info-link {
  margin-top: 0.8rem;
}
@media (max-width: 768px) {
  .product-hero__info-link {
    margin-top: 1.2rem;
  }
}
@media (max-width: 480px) {
  .product-hero__info-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0.8rem auto 0;
  }
}

.product-desc {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 4rem 1fr;
  grid-template-columns: repeat(2, 1fr);
  gap: 4rem;
  padding-bottom: 16rem;
  padding-top: 8rem;
}
@media (max-width: 1280px) {
  .product-desc {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 2.4rem;
    padding-bottom: 9.6rem;
    padding-top: 4.8rem;
  }
}
@media (max-width: 768px) {
  .product-desc {
    padding-bottom: 5.6rem;
    padding-top: 2.8rem;
  }
}
.product-desc + .prev-products {
  margin-top: -8rem;
}
@media (max-width: 1280px) {
  .product-desc + .prev-products {
    margin-top: -4.8rem;
  }
}
@media (max-width: 768px) {
  .product-desc + .prev-products {
    margin-top: -2.8rem;
  }
}

.product-desc__title {
  margin-bottom: 2.4rem;
}
@media (max-width: 1280px) {
  .product-desc__title {
    margin-bottom: 2rem;
  }
}
@media (max-width: 768px) {
  .product-desc__title {
    margin-bottom: 1.2rem;
  }
}
.product-desc__title h2 {
  color: #144F89;
  font-size: 3.2rem;
  font-weight: 500;
  line-height: 100%;
  letter-spacing: -0.04em;
}
@media (max-width: 1280px) {
  .product-desc__title h2 {
    font-size: 2.8rem;
  }
}
@media (max-width: 768px) {
  .product-desc__title h2 {
    font-size: 2.4rem;
  }
}

.product-desc__description {
  font-size: 1.8rem;
  line-height: 130%;
  letter-spacing: -0.03em;
}
@media (max-width: 1280px) {
  .product-desc__description {
    max-width: 70rem;
    font-size: 1.6rem;
    letter-spacing: -0.02em;
  }
}

.product-desc__btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.8rem 1.6rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.product-desc__btn {
  -webkit-column-gap: 1.2rem;
     -moz-column-gap: 1.2rem;
          column-gap: 1.2rem;
  height: auto;
  max-width: 28rem;
  padding: 1.2rem 2rem;
}
@media (hover: hover) and (pointer: fine) {
  .product-desc__btn:hover .product-desc__btn-type {
    color: #B0BEC5;
  }
}
.product-desc__btn svg {
  width: 2.4rem;
  height: 2.4rem;
}

.product-desc__btn-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 0.4rem;
}

span.product-desc__btn-title {
  white-space: normal;
}

span.product-desc__btn-type {
  color: #B0BEC5;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 100%;
  letter-spacing: -0.02em;
}

.product-desc__characteristics {
  grid-column: 1/-1;
  scroll-margin-top: 13rem;
}
@media (max-width: 1520px) {
  .product-desc__characteristics {
    scroll-margin-top: 10rem;
  }
}
@media (max-width: 768px) {
  .product-desc__characteristics {
    scroll-margin-top: 6.4rem;
  }
}

.product-desc__tables {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 4rem 1fr;
  grid-template-columns: repeat(2, 1fr);
  -webkit-column-gap: 4rem;
     -moz-column-gap: 4rem;
          column-gap: 4rem;
}
@media (max-width: 1280px) {
  .product-desc__tables {
    -webkit-column-gap: 2.4rem;
       -moz-column-gap: 2.4rem;
            column-gap: 2.4rem;
  }
}
@media (max-width: 991px) {
  .product-desc__tables {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

.product-desc__table {
  margin: 0;
  padding: 1.8rem 4rem;
  background-color: #FFFFFF;
  border-radius: 0.8rem;
}
@media (max-width: 1280px) {
  .product-desc__table {
    padding: 0.8rem 2.4rem;
  }
}
@media (max-width: 768px) {
  .product-desc__table {
    padding: 0 1.6rem;
    border-radius: 0.4rem;
  }
}
@media (max-width: 991px) {
  .product-desc__table:first-child:not(:last-child) {
    padding-bottom: 0;
    border-radius: 0.4rem 0.4rem 0 0;
  }
  .product-desc__table:first-child:not(:last-child) .product-desc__table-row:last-child {
    border-bottom: thin solid #F2F4F7;
  }
}
@media (max-width: 991px) {
  .product-desc__table:last-child:not(:first-child) {
    padding-top: 0;
    border-radius: 0 0 0.4rem 0.4rem;
  }
}

.product-desc__table-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 1.6rem;
     -moz-column-gap: 1.6rem;
          column-gap: 1.6rem;
  padding: 1.6rem 0;
  border-bottom: thin solid #F2F4F7;
}
@media (max-width: 1280px) {
  .product-desc__table-row {
    padding: 1.2rem 0;
  }
}
@media (max-width: 370px) {
  .product-desc__table-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.product-desc__table-row:last-child {
  border-bottom: none;
}

.product-desc__row-title {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(50% - 0.8rem);
          flex: 0 0 calc(50% - 0.8rem);
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: -0.03em;
}
@media (max-width: 1280px) {
  .product-desc__row-title {
    font-size: 1.6rem;
    letter-spacing: -0.02em;
  }
}
@media (max-width: 768px) {
  .product-desc__row-title {
    font-size: 1.4rem;
  }
}
@media (max-width: 370px) {
  .product-desc__row-title {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }
}

.product-desc__row-text {
  margin-left: 0;
  font-size: 1.8rem;
  line-height: 130%;
  letter-spacing: -0.03em;
}
@media (max-width: 1280px) {
  .product-desc__row-text {
    font-size: 1.6rem;
    letter-spacing: -0.02em;
  }
}
@media (max-width: 768px) {
  .product-desc__row-text {
    font-size: 1.4rem;
  }
}

.catalog {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-column-gap: 4rem;
     -moz-column-gap: 4rem;
          column-gap: 4rem;
  position: relative;
  padding-bottom: 16rem;
  padding-top: 8rem;
}
@media (max-width: 1280px) {
  .catalog {
    padding-bottom: 9.6rem;
    padding-top: 4.8rem;
  }
}
@media (max-width: 768px) {
  .catalog {
    padding-bottom: 5.6rem;
    padding-top: 2.8rem;
  }
}
.catalog.is-open-filters .catalog__filters-btn {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.catalog.is-open-filters .catalog__filters {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.2s ease-out, visibility 0s;
  transition: opacity 0.2s ease-out, visibility 0s;
}

.catalog__filters {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 38.9rem;
          flex: 0 0 38.9rem;
  padding: 0.8rem 2.4rem 2.4rem;
  background-color: #FFFFFF;
  border-radius: 0.8rem;
}
@media (max-width: 1280px) {
  .catalog__filters {
    position: absolute;
    top: 8.4rem;
    left: 3.2rem;
    width: 38.9rem;
    border-top-left-radius: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.2s ease-out, visibility 0s linear 0.3s;
    transition: opacity 0.2s ease-out, visibility 0s linear 0.3s;
    z-index: 10;
  }
}
@media (max-width: 768px) {
  .catalog__filters {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    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;
    padding: 4.4rem 1.6rem 1.6rem;
    background: -webkit-gradient(linear, left top, left bottom, from(#F2F4F7), color-stop(15%, #FFFFFF), color-stop(85%, #FFFFFF), to(#F2F4F7));
    background: linear-gradient(180deg, #F2F4F7 0%, #FFFFFF 15%, #FFFFFF 85%, #F2F4F7 100%);
    border-radius: 0;
  }
}

.catalog__filters-close-btn {
  display: none;
}
@media (max-width: 768px) {
  .catalog__filters-close-btn {
    position: absolute;
    top: 0.8rem;
    right: 0.8rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
}

.catalog__filters-title h2 {
  display: none;
}
@media (max-width: 768px) {
  .catalog__filters-title h2 {
    display: block;
    color: #144F89;
    font-weight: 500;
    font-size: 2.8rem;
    line-height: 100%;
    letter-spacing: -0.04em;
    text-align: center;
  }
}

@media (max-width: 768px) {
  .catalog__filters-accordions {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    margin: 0.8rem -0.8rem 0;
    padding-left: 0.8rem;
    padding-right: 0.8rem;
    overflow-y: auto;
  }
}

.catalog__accordion-btn[aria-expanded=true] .accordion__title {
  color: #1C4354;
}

.catalog__filters-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-height: 25rem;
  padding-bottom: 1.6rem;
  padding-top: 1.6rem;
  border-top: thin solid #F2F4F7;
  overflow-y: auto;
}
@media (max-width: 768px) {
  .catalog__filters-list {
    max-height: none;
  }
}

.catalog__filters-checkbox:not(:first-child) {
  padding-top: 0.8rem;
}
.catalog__filters-checkbox:not(:last-child) {
  padding-bottom: 0.8rem;
}
.catalog__filters-checkbox span {
  font-size: 1.6rem;
}

.catalog__item-count {
  color: #B0BEC5;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 100%;
  white-space: nowrap;
}

.catalog__apply-btn {
  margin-top: 2.4rem;
  width: 100%;
}

.catalog__content {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.catalog__controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  margin-bottom: 2.4rem;
}
@media (max-width: 1280px) {
  .catalog__controls {
    margin-bottom: 1.6rem;
  }
}

.catalog__controls-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 2.4rem;
     -moz-column-gap: 2.4rem;
          column-gap: 2.4rem;
}
@media (max-width: 768px) {
  .catalog__controls-line {
    -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;
    row-gap: 0.8rem;
  }
}

.catalog__filters-btn {
  display: none;
}
@media (max-width: 1280px) {
  .catalog__filters-btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
}

.catalog__chips {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.8rem 1.6rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (max-width: 768px) {
  .catalog__chips {
    -webkit-column-gap: 0.8rem;
       -moz-column-gap: 0.8rem;
            column-gap: 0.8rem;
  }
}

.catalog__chip {
  -webkit-column-gap: 0.4rem;
     -moz-column-gap: 0.4rem;
          column-gap: 0.4rem;
  padding-left: 1.2rem;
  padding-right: 1.2rem;
  background-color: #F9FAFB;
  border-radius: 2rem;
}

@media (max-width: 768px) {
  .catalog__clear-btn {
    position: absolute;
    top: 0;
    right: 0;
  }
}

.catalog__list li + li {
  margin-top: 2.4rem;
}

.product-card {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-grid-columns: auto 2.4rem auto 2.4rem auto;
  grid-template-columns: repeat(3, auto);
  -webkit-column-gap: 2.4rem;
     -moz-column-gap: 2.4rem;
          column-gap: 2.4rem;
  padding: 2.4rem;
  background-color: #FFFFFF;
  border-radius: 0.8rem;
}
@media (max-width: 991px) {
  .product-card {
    -ms-grid-columns: 1fr 1.6rem 1fr;
    grid-template-columns: repeat(2, 1fr);
    -webkit-column-gap: 1.6rem;
       -moz-column-gap: 1.6rem;
            column-gap: 1.6rem;
  }
}
@media (max-width: 768px) {
  .product-card {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    padding: 2rem 1.6rem 1.6rem;
    border-radius: 0.4rem;
  }
}

@media (max-width: 991px) {
  .product-card__info {
    grid-column: 1/-1;
    -ms-grid-row: 2;
    grid-row: 2;
    margin-top: 1.6rem;
  }
}

.product-card__title {
  cursor: pointer;
}
.product-card__title h2 {
  color: #1C4354;
  font-size: 2.8rem;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.03em;
  -webkit-transition: color 0.3s ease-out;
  transition: color 0.3s ease-out;
}
@media (max-width: 1440px) {
  .product-card__title h2 {
    font-size: 2.4rem;
  }
}
@media (max-width: 480px) {
  .product-card__title h2 {
    font-size: 2rem;
  }
}
@media (hover: hover) and (pointer: fine) {
  .product-card__title:hover h2 {
    color: #5793c7;
  }
}

.product-card__img {
  width: 12.5vw;
  height: 12.5vw;
  padding: 2.4rem;
  background-color: #FFFFFF;
  border: thin solid #F2F4F7;
  border-radius: 0.8rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media (max-width: 1280px) {
  .product-card__img {
    width: 22.4rem;
    height: 22.4rem;
  }
}
@media (max-width: 991px) {
  .product-card__img {
    width: 100%;
    height: auto;
  }
}
@media (max-width: 768px) {
  .product-card__img {
    width: 60%;
    margin: 0 auto;
    padding: 0.8rem;
    border: none;
  }
}
@media (max-width: 480px) {
  .product-card__img {
    width: 80%;
  }
}
.product-card__img img {
  width: 100%;
  height: 100%;
  border-radius: 0.4rem;
  -o-object-fit: contain;
     object-fit: contain;
}

.product-card__characteristics {
  position: relative;
  margin-top: 2.4rem;
}
@media (max-width: 1440px) {
  .product-card__characteristics {
    margin-top: 1.6rem;
  }
}
@media (max-width: 768px) {
  .product-card__characteristics {
    margin-top: 1.2rem;
  }
}
@media (max-width: 480px) {
  .product-card__characteristics.is-show-more-btn .product-card__characteristics-wrap {
    max-height: 20rem;
    padding-bottom: 3.2rem;
    overflow-y: hidden;
    -webkit-transition: max-height 0.3s ease-out;
    transition: max-height 0.3s ease-out;
  }
}
@media (max-width: 480px) {
  .product-card__characteristics.is-show-more-btn .product-card__more-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.product-card__characteristics-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-column-gap: 1.6rem;
     -moz-column-gap: 1.6rem;
          column-gap: 1.6rem;
}

.product-card__list {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  min-width: 28rem;
  margin: 0;
}
@media (max-width: 480px) {
  .product-card__list {
    min-width: 0;
  }
}

.product-card__list-title {
  display: inline;
  font-weight: 500;
  line-height: 130%;
}

.product-card__list-text {
  display: inline;
  margin-left: 0;
  line-height: 130%;
}

.product-card__controls {
  width: 22rem;
}
@media (max-width: 1440px) {
  .product-card__controls {
    width: 20rem;
  }
}
@media (max-width: 991px) {
  .product-card__controls {
    width: 22rem;
  }
}
@media (max-width: 768px) {
  .product-card__controls {
    margin-top: 1.2rem;
  }
}
@media (max-width: 480px) {
  .product-card__controls {
    width: 100%;
  }
}

.product-card__count {
  margin-bottom: 1.6rem;
  width: 100%;
}
@media (max-width: 768px) {
  .product-card__count {
    margin-bottom: 1.2rem;
  }
}

.product-card__add-btn {
  min-width: 100%;
}

.product-card__price-text {
  margin-top: 1.6rem;
  line-height: 120%;
}
@media (max-width: 480px) {
  .product-card__price-text {
    margin-top: 1.2rem;
    text-align: center;
  }
}

.product-card__more-btn {
  display: none;
}
@media (hover: hover) and (pointer: fine) {
  .product-card__more-btn:hover {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(50%, #fff));
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 50%);
  }
}
@media (max-width: 480px) {
  .product-card__more-btn {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    padding-top: 3.2rem;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(50%, #fff));
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 50%);
  }
}
.product-card__more-btn svg {
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
}
.product-card__more-btn[aria-expanded=true] {
  padding-top: 1.2rem;
}
.product-card__more-btn[aria-expanded=true] svg {
  -webkit-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
          transform: rotate(-180deg);
}

.catalog__pagination {
  margin-top: 4rem;
}
@media (max-width: 768px) {
  .catalog__pagination {
    margin-top: 2.4rem;
  }
}

.request-banner {
  position: relative;
  padding-bottom: 16rem;
  z-index: 1;
}
@media (max-width: 1280px) {
  .request-banner {
    padding-bottom: 9.6rem;
  }
}
@media (max-width: 768px) {
  .request-banner {
    padding-bottom: 5.6rem;
  }
}
.request-banner + .prev-products {
  margin-top: -8rem;
}
@media (max-width: 1280px) {
  .request-banner + .prev-products {
    margin-top: -4.8rem;
  }
}
@media (max-width: 768px) {
  .request-banner + .prev-products {
    margin-top: -2.8rem;
  }
}

.request-banner__wrap {
  padding: 10rem max((100% - 168rem) / 2, 4.8rem);
  background-image: linear-gradient(130deg, #1C4354 20%, rgba(87, 147, 199, 0.34) 90%), url("../images/bg-request-banner.jpg");
  background-image: linear-gradient(130deg, #1C4354 20%, rgba(87, 147, 199, 0.34) 90%), -webkit-image-set(url("../images/bg-request-banner.jpg") 1x, url("../images/bg-request-banner@2x.jpg") 2x);
  background-image: linear-gradient(130deg, #1C4354 20%, rgba(87, 147, 199, 0.34) 90%), image-set(url("../images/bg-request-banner.jpg") 1x, url("../images/bg-request-banner@2x.jpg") 2x);
  background-position: center top;
  background-size: cover;
  background-repeat: no-repeat;
  border: 0.3rem solid #F9FAFB;
  border-radius: 0.8rem;
}
@media (max-width: 1280px) {
  .request-banner__wrap {
    padding: 8rem 2.4rem;
  }
}
@media (max-width: 768px) {
  .request-banner__wrap {
    padding: 2.4rem 1.6rem;
  }
}
@media (max-width: 480px) {
  .request-banner__wrap {
    background-image: linear-gradient(130deg, #1C4354 20%, rgba(87, 147, 199, 0.34) 90%), url("../images/bg-request-banner-mobile.jpg");
    background-image: linear-gradient(130deg, #1C4354 20%, rgba(87, 147, 199, 0.34) 90%), -webkit-image-set(url("../images/bg-request-banner-mobile.jpg") 1x, url("../images/bg-request-banner-mobile@2x.jpg") 2x);
    background-image: linear-gradient(130deg, #1C4354 20%, rgba(87, 147, 199, 0.34) 90%), image-set(url("../images/bg-request-banner-mobile.jpg") 1x, url("../images/bg-request-banner-mobile@2x.jpg") 2x);
  }
  @supports (background-image: url("../images/bg-invite-banner.webp")) {
    .request-banner__wrap {
      background-image: linear-gradient(130deg, #1C4354 20%, rgba(87, 147, 199, 0.34) 90%), url("../images/bg-request-banner-mobile.webp");
      background-image: linear-gradient(130deg, #1C4354 20%, rgba(87, 147, 199, 0.34) 90%), -webkit-image-set(url("../images/bg-request-banner-mobile.webp") 1x, url("../images/bg-request-banner-mobile@2x.webp") 2x);
      background-image: linear-gradient(130deg, #1C4354 20%, rgba(87, 147, 199, 0.34) 90%), image-set(url("../images/bg-request-banner-mobile.webp") 1x, url("../images/bg-request-banner-mobile@2x.webp") 2x);
    }
  }
}

@supports (background-image: url("../images/bg-request-banner.webp")) {
  .request-banner__wrap {
    background-image: linear-gradient(130deg, #1C4354 20%, rgba(87, 147, 199, 0.34) 90%), url("../images/bg-request-banner.webp");
    background-image: linear-gradient(130deg, #1C4354 20%, rgba(87, 147, 199, 0.34) 90%), -webkit-image-set(url("../images/bg-request-banner.webp") 1x, url("../images/bg-request-banner@2x.webp") 2x);
    background-image: linear-gradient(130deg, #1C4354 20%, rgba(87, 147, 199, 0.34) 90%), image-set(url("../images/bg-request-banner.webp") 1x, url("../images/bg-request-banner@2x.webp") 2x);
  }
}
.request-banner__title {
  max-width: 97rem;
}
@media (max-width: 1280px) {
  .request-banner__title {
    max-width: 77.5rem;
  }
}
@media (max-width: 768px) {
  .request-banner__title {
    max-width: 46rem;
  }
}
@media (max-width: 480px) {
  .request-banner__title {
    max-width: 30rem;
  }
}
@media (max-width: 370px) {
  .request-banner__title h2 {
    max-width: 26rem;
    font-size: 3.2rem;
  }
}

.request-banner__description {
  margin-top: 3.2rem;
  color: #FFFFFF;
  font-size: 2.8rem;
  line-height: 130%;
  letter-spacing: -0.04em;
}
@media (max-width: 1280px) {
  .request-banner__description {
    margin-top: 2.4rem;
    font-size: 2.4rem;
    letter-spacing: -0.03em;
  }
}
@media (max-width: 768px) {
  .request-banner__description {
    margin-top: 1.6rem;
    font-size: 1.6rem;
    letter-spacing: -0.02em;
  }
}
@media (max-width: 480px) {
  .request-banner__description {
    max-width: 30rem;
  }
}

.request-banner__link {
  margin-top: 4.8rem;
}
@media (max-width: 1280px) {
  .request-banner__link {
    margin-top: 3.2rem;
  }
}
@media (max-width: 768px) {
  .request-banner__link {
    margin-top: 2.4rem;
    height: 4.4rem;
    padding-left: 1.6rem;
    padding-right: 1.6rem;
  }
}
@media (max-width: 768px) {
  .request-banner__link span {
    font-size: 1.6rem;
  }
}
@media (max-width: 768px) {
  .request-banner__link svg {
    width: 1.8rem;
    height: 1.8rem;
  }
}

.career {
  padding-bottom: 16rem;
  padding-top: 8rem;
}
@media (max-width: 1280px) {
  .career {
    padding-bottom: 9.6rem;
    padding-top: 4.8rem;
  }
}
@media (max-width: 768px) {
  .career {
    padding-bottom: 5.6rem;
    padding-top: 2.8rem;
  }
}

.career__description {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 4rem 1fr;
  grid-template-columns: repeat(2, 1fr);
  -webkit-column-gap: 4rem;
     -moz-column-gap: 4rem;
          column-gap: 4rem;
}
@media (max-width: 1280px) {
  .career__description {
    -webkit-column-gap: 2.4rem;
       -moz-column-gap: 2.4rem;
            column-gap: 2.4rem;
  }
}
@media (max-width: 768px) {
  .career__description {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    row-gap: 2rem;
  }
}

.career__img-part {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 2.4rem;
}
.career__img-part .career__text {
  max-width: 64.5rem;
}

.career__text {
  font-size: 2.4rem;
  line-height: 130%;
  letter-spacing: -0.03em;
}
@media (max-width: 1280px) {
  .career__text {
    font-size: 1.8rem;
  }
}
@media (max-width: 768px) {
  .career__text {
    font-size: 1.6rem;
  }
}

.career__img {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.career__img img {
  width: 100%;
  height: 100%;
  border-radius: 0.4rem;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 768px) {
  .career__img {
    display: none;
  }
}

.career__worth-list {
  margin-bottom: 2.4rem;
  margin-top: 2.4rem;
}
@media (max-width: 1280px) {
  .career__worth-list {
    margin-bottom: 1.6rem;
    margin-top: 1.6rem;
  }
}

.career__worth {
  position: relative;
  padding: 1.2rem 1.6rem 1.2rem 4rem;
  background-color: #F9FAFB;
  border-radius: 0.4rem;
}
@media (max-width: 1280px) {
  .career__worth {
    padding-left: 3.2rem;
  }
}
@media (max-width: 768px) {
  .career__worth {
    padding-left: 2.8rem;
  }
}
.career__worth + .career__worth {
  margin-top: 1.2rem;
}
.career__worth::before {
  position: absolute;
  top: 1.6rem;
  left: 0;
  width: 2.8rem;
  height: 2.4rem;
  content: "";
  display: block;
  background: left top/contain no-repeat url("../images/career-lines.svg");
}
@media (max-width: 768px) {
  .career__worth::before {
    width: 2rem;
    height: 1.8rem;
  }
}

.career__worth-title {
  display: block;
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: -0.03em;
}
@media (max-width: 1280px) {
  .career__worth-title {
    font-size: 1.8rem;
  }
}

.career__worth-text {
  margin-top: 0.4rem;
  font-size: 1.8rem;
  line-height: 130%;
  letter-spacing: -0.03em;
}
@media (max-width: 768px) {
  .career__worth-text {
    font-size: 1.6rem;
  }
}

.career__vacancies-list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 4rem 1fr 4rem 1fr;
  grid-template-columns: repeat(3, 1fr);
  -webkit-column-gap: 4rem;
     -moz-column-gap: 4rem;
          column-gap: 4rem;
  margin-top: 8rem;
}
@media (max-width: 1280px) {
  .career__vacancies-list {
    -ms-grid-columns: 1fr 2.4rem 1fr;
    grid-template-columns: repeat(2, 1fr);
    -webkit-column-gap: 2.4rem;
       -moz-column-gap: 2.4rem;
            column-gap: 2.4rem;
    margin-top: 3.2rem;
  }
}
@media (max-width: 768px) {
  .career__vacancies-list {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    row-gap: 1.2rem;
    margin-top: 2.4rem;
  }
}

.vacancy {
  padding: 3.2rem 4rem 4rem;
  background-color: #FFFFFF;
  border-radius: 0.4rem;
}
@media (max-width: 1280px) {
  .vacancy {
    padding: 2rem 2.4rem 2.4rem;
  }
}
@media (max-width: 768px) {
  .vacancy {
    padding: 1.6rem;
  }
}

.vacancy__title {
  margin-bottom: 2.4rem;
}
@media (max-width: 1280px) {
  .vacancy__title {
    margin-bottom: 2rem;
  }
}
@media (max-width: 991px) {
  .vacancy__title {
    margin-bottom: 1.6rem;
  }
}
.vacancy__title h2 {
  font-weight: 500;
  font-size: 3.2rem;
  line-height: 100%;
  letter-spacing: -0.04em;
}
@media (max-width: 1280px) {
  .vacancy__title h2 {
    font-size: 2.8rem;
  }
}
@media (max-width: 991px) {
  .vacancy__title h2 {
    font-size: 2.4rem;
  }
}

.vacancy__subtitle h3,
.vacancy__list li {
  font-size: 2rem;
  line-height: 130%;
  letter-spacing: -0.03em;
}
@media (max-width: 1280px) {
  .vacancy__subtitle h3,
  .vacancy__list li {
    font-size: 1.8rem;
  }
}
@media (max-width: 991px) {
  .vacancy__subtitle h3,
  .vacancy__list li {
    font-size: 1.6rem;
  }
}

.vacancy__subtitle h3 {
  font-weight: 500;
}

.vacancy__list {
  margin-top: 0.8rem;
}
@media (max-width: 768px) {
  .vacancy__list {
    margin-top: 0.4rem;
  }
}
.vacancy__list li {
  position: relative;
  padding-left: 1.8rem;
}
.vacancy__list li::before {
  position: absolute;
  top: 1.2rem;
  left: 0;
  width: 1.2rem;
  height: 0.1rem;
  content: "";
  display: block;
  background-color: #1C4354;
}
@media (max-width: 1280px) {
  .vacancy__list li::before {
    top: 1.1rem;
  }
}
@media (max-width: 991px) {
  .vacancy__list li::before {
    top: 0.9rem;
  }
}
.vacancy__list li + li {
  margin-top: 0.8rem;
}
@media (max-width: 768px) {
  .vacancy__list li + li {
    margin-top: 0.4rem;
  }
}
.vacancy__list + .vacancy__subtitle {
  margin-top: 2rem;
}
@media (max-width: 991px) {
  .vacancy__list + .vacancy__subtitle {
    margin-top: 1.6rem;
  }
}

.career__card-email {
  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;
  row-gap: 2.4rem;
  border: 0.2rem solid #FFFFFF;
  border-radius: 0.4rem;
  padding: 3.2rem 4rem 4rem;
}
@media (max-width: 1280px) {
  .career__card-email {
    padding: 2rem 2.4rem 2.4rem;
  }
}
@media (max-width: 768px) {
  .career__card-email {
    padding: 1.6rem;
  }
}

.career__card-title > * {
  font-size: 2.8rem;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: -0.05em;
}
@media (max-width: 1280px) {
  .career__card-title > * {
    font-size: 2.4rem;
    letter-spacing: -0.04em;
  }
}
@media (max-width: 768px) {
  .career__card-title > * {
    font-size: 2rem;
  }
}

.career__card-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 1.2rem;
     -moz-column-gap: 1.2rem;
          column-gap: 1.2rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 1.6rem 2.4rem;
  background-color: #FFFFFF;
  border-radius: 0.4rem;
}
@media (max-width: 1280px) {
  .career__card-link {
    -webkit-column-gap: 0.8rem;
       -moz-column-gap: 0.8rem;
            column-gap: 0.8rem;
    padding: 1.6rem;
  }
}
@media (max-width: 768px) {
  .career__card-link {
    padding: 1.2rem 1.6rem;
  }
}
.career__card-link svg {
  width: 3.2rem;
  height: 3.2rem;
  margin-bottom: -0.4rem;
  fill: #144F89;
}
@media (max-width: 1280px) {
  .career__card-link svg {
    width: 2.4rem;
    height: 2.4rem;
  }
}
@media (max-width: 768px) {
  .career__card-link svg {
    width: 2rem;
    height: 2rem;
  }
}
.career__card-link a {
  font-size: 4rem;
  line-height: 100%;
  letter-spacing: -0.03em;
}
@media (max-width: 1280px) {
  .career__card-link a {
    font-size: 3.2rem;
  }
}
@media (max-width: 768px) {
  .career__card-link a {
    font-size: 2.4rem;
  }
}

.conditions {
  padding-bottom: 16rem;
  padding-top: 8rem;
}
@media (max-width: 1280px) {
  .conditions {
    padding-bottom: 9.6rem;
    padding-top: 4.8rem;
  }
}
@media (max-width: 768px) {
  .conditions {
    padding-bottom: 5.6rem;
    padding-top: 2.8rem;
  }
}
.conditions + .prev-products {
  margin-top: -8rem;
}
@media (max-width: 1280px) {
  .conditions + .prev-products {
    margin-top: -4.8rem;
  }
}
@media (max-width: 768px) {
  .conditions + .prev-products {
    margin-top: -2.8rem;
  }
}
.conditions section + section {
  margin-top: 5.6rem;
}
@media (max-width: 1280px) {
  .conditions section + section {
    margin-top: 3.2rem;
  }
}

.conditions__section-title {
  margin-bottom: 4rem;
}
@media (max-width: 1280px) {
  .conditions__section-title {
    margin-bottom: 2.4rem;
  }
}
@media (max-width: 768px) {
  .conditions__section-title {
    text-align: center;
  }
}
.conditions__section-title h2 {
  background: linear-gradient(135deg, #5793c7 0%, #1C4354 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 8rem;
  font-weight: 500;
  line-height: 82%;
  letter-spacing: -0.05em;
}
@media (max-width: 1280px) {
  .conditions__section-title h2 {
    font-size: 6.4rem;
    line-height: 90%;
  }
}
@media (max-width: 768px) {
  .conditions__section-title h2 {
    font-size: 3.6rem;
    letter-spacing: -0.03em;
  }
}

.conditions__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 4rem;
}
@media (max-width: 1280px) {
  .conditions__list {
    gap: 2.4rem;
  }
}
.conditions__list .conditions__item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(50% - 2rem);
          flex: 0 0 calc(50% - 2rem);
}
@media (max-width: 1280px) {
  .conditions__list .conditions__item {
    -ms-flex-preferred-size: calc(50% - 1.2rem);
        flex-basis: calc(50% - 1.2rem);
  }
}
@media (max-width: 991px) {
  .conditions__list .conditions__item {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}

.conditions__item {
  padding: 3.2rem 4rem;
  background-color: #FFFFFF;
  border-radius: 0.8rem;
}
@media (max-width: 1280px) {
  .conditions__item {
    padding: 2rem 2.4rem;
  }
}
@media (max-width: 768px) {
  .conditions__item {
    padding: 1.6rem;
  }
}
.conditions__item.pickup {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 4rem 1fr;
  grid-template-columns: repeat(2, 1fr);
  -webkit-column-gap: 4rem;
     -moz-column-gap: 4rem;
          column-gap: 4rem;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}
@media (max-width: 1280px) {
  .conditions__item.pickup {
    -webkit-column-gap: 2.4rem;
       -moz-column-gap: 2.4rem;
            column-gap: 2.4rem;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}
@media (max-width: 991px) {
  .conditions__item.pickup {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    row-gap: 2.4rem;
  }
}
@media (max-width: 768px) {
  .conditions__item.pickup {
    row-gap: 1.6rem;
  }
}
.conditions__item.payment {
  max-width: 96.4rem;
}
.conditions__item.payment > .conditions__details-btns {
  display: none;
}
@media (max-width: 768px) {
  .conditions__item.payment > .conditions__details-btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-column-gap: 1.6rem;
       -moz-column-gap: 1.6rem;
            column-gap: 1.6rem;
    margin-top: 1.6rem;
  }
}
@media (max-width: 480px) {
  .conditions__item.payment > .conditions__details-btns {
    display: block;
  }
}

.conditions__item-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.conditions__item-left .conditions__item-text {
  margin-bottom: 3.2rem;
}
@media (max-width: 768px) {
  .conditions__item-left .conditions__item-text {
    margin-bottom: 1.6rem;
  }
}

.conditions__item-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 0.8rem;
     -moz-column-gap: 0.8rem;
          column-gap: 0.8rem;
  margin-bottom: 1.2rem;
}
@media (max-width: 768px) {
  .conditions__item-title {
    margin-bottom: 0.8rem;
  }
}
.conditions__item-title h3 {
  color: #144F89;
  font-size: 3.2rem;
  font-weight: 500;
  letter-spacing: -0.04em;
  line-height: 100%;
}
@media (max-width: 1280px) {
  .conditions__item-title h3 {
    font-size: 2.8rem;
  }
}
@media (max-width: 768px) {
  .conditions__item-title h3 {
    font-size: 2.4rem;
  }
}
.conditions__item-title svg {
  width: 3.2rem;
  height: 3.2rem;
  fill: #144F89;
}
@media (max-width: 1280px) {
  .conditions__item-title svg {
    width: 2.8rem;
    height: 2.8rem;
  }
}
@media (max-width: 768px) {
  .conditions__item-title svg {
    width: 2.4rem;
    height: 2.4rem;
  }
}

.conditions__item-text {
  font-size: 1.8rem;
  line-height: 130%;
  letter-spacing: -0.03em;
}
@media (max-width: 768px) {
  .conditions__item-text {
    font-size: 1.6rem;
  }
}
.conditions__item-text a {
  font-weight: 500;
  text-decoration: underline;
}

.conditions__item-note {
  margin-bottom: 1.2rem;
  max-width: 44rem;
  padding: 1.2rem 1.6rem;
  background-color: #F9FAFB;
  border-radius: 0.4rem;
  font-size: 1.8rem;
  line-height: 130%;
  letter-spacing: -0.03em;
}
@media (max-width: 768px) {
  .conditions__item-note {
    padding: 0.8rem 1.2rem;
    font-size: 1.6rem;
  }
}

.conditions__info {
  margin-top: auto;
}

.conditions__info-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 2.4rem;
     -moz-column-gap: 2.4rem;
          column-gap: 2.4rem;
  padding-bottom: 1.6rem;
  padding-top: 1.6rem;
  border-top: thin solid #F2F4F7;
}
@media (max-width: 1440px) {
  .conditions__info-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 0.8rem;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
@media (max-width: 768px) {
  .conditions__info-row {
    padding-bottom: 1.2rem;
    padding-top: 1.2rem;
  }
}
.conditions__info-row:last-child {
  padding-bottom: 0;
}

.conditions__info-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 0.8rem;
     -moz-column-gap: 0.8rem;
          column-gap: 0.8rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 22rem;
          flex: 0 0 22rem;
}
@media (max-width: 1440px) {
  .conditions__info-title {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }
}
.conditions__info-title svg {
  width: 1.8rem;
  height: 1.8rem;
}
@media (max-width: 1280px) {
  .conditions__info-title svg {
    width: 1.6rem;
    height: 1.6rem;
  }
}
.conditions__info-title span {
  font-weight: 500;
  line-height: 130%;
}
@media (max-width: 1280px) {
  .conditions__info-title span {
    font-size: 1.4rem;
  }
}

.conditions__info-text span, .conditions__info-text a {
  display: block;
  font-size: 1.9rem;
  letter-spacing: -0.03em;
  line-height: 130%;
}
@media (max-width: 1280px) {
  .conditions__info-text span, .conditions__info-text a {
    font-size: 2rem;
  }
}
@media (max-width: 768px) {
  .conditions__info-text span, .conditions__info-text a {
    font-size: 1.8rem;
  }
}
@media (max-width: 480px) {
  .conditions__info-text span, .conditions__info-text a {
    font-size: 4.8vw;
  }
}
@media (max-width: 370px) {
  .conditions__info-text span, .conditions__info-text a {
    font-size: 4.3243243243vw;
  }
}
.conditions__info-text.grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 2.8rem 1fr;
  grid-template-columns: auto 1fr;
  gap: 0.4rem 2.8rem;
}
@media (max-width: 1280px) {
  .conditions__info-text.grid {
    -webkit-column-gap: 1.6rem;
       -moz-column-gap: 1.6rem;
            column-gap: 1.6rem;
  }
}
@media (max-width: 768px) {
  .conditions__info-text.grid {
    gap: 0.2rem 1.6rem;
  }
}

.conditions__item-map {
  min-height: 36rem;
  border-radius: 0.4rem;
  overflow: hidden;
}
@media (max-width: 768px) {
  .conditions__item-map {
    min-height: 45vh;
  }
}
.conditions__item-map iframe {
  width: 100%;
  height: 100%;
  border: none;
}

.conditions__companies {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1.6rem;
  margin-top: 1.6rem;
}
@media (max-width: 768px) {
  .conditions__companies {
    gap: 0.8rem;
  }
}

.conditions__company {
  padding: 1.6rem;
  background-color: #F9FAFB;
  border-radius: 0.4rem;
  -webkit-transition: background-color 0.3s ease-out;
  transition: background-color 0.3s ease-out;
}
@media (max-width: 1280px) {
  .conditions__company {
    padding: 1.2rem;
  }
}
@media (max-width: 768px) {
  .conditions__company {
    padding: 0.8rem;
  }
}
@media (hover: hover) and (pointer: fine) {
  .conditions__company:hover {
    background-color: #F2F4F7;
  }
}
.conditions__company img {
  height: 3.5rem;
}
@media (max-width: 1280px) {
  .conditions__company img {
    height: 3.2rem;
  }
}
@media (max-width: 768px) {
  .conditions__company img {
    height: 2.7rem;
  }
}

.conditions__item-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-column-gap: 2.4rem;
     -moz-column-gap: 2.4rem;
          column-gap: 2.4rem;
}
.conditions__item-top .conditions__item-text {
  max-width: 60.4rem;
}
@media (max-width: 768px) {
  .conditions__item-top .conditions__details-btns {
    display: none;
  }
}

.conditions__payment-list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 2.4rem 1fr;
  grid-template-columns: repeat(2, 1fr);
  -webkit-column-gap: 2.4rem;
     -moz-column-gap: 2.4rem;
          column-gap: 2.4rem;
  margin-top: 2.4rem;
}
@media (max-width: 768px) {
  .conditions__payment-list {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    row-gap: 1.2rem;
    margin-top: 1.6rem;
  }
}

.conditions__payment-item {
  padding: 2rem 2.4rem;
  background-color: #F9FAFB;
  border-radius: 0.4rem;
}
@media (max-width: 768px) {
  .conditions__payment-item {
    padding: 1.6rem;
  }
}
.conditions__payment-item h4 {
  margin-bottom: 1.2rem;
  color: #144F89;
  font-size: 2.2rem;
  font-weight: 500;
  line-height: 100%;
  letter-spacing: -0.04em;
}
@media (max-width: 768px) {
  .conditions__payment-item h4 {
    margin-bottom: 0.8rem;
    font-size: 1.8rem;
    letter-spacing: -0.03em;
  }
}
.conditions__payment-item p {
  line-height: 130%;
}
@media (max-width: 768px) {
  .conditions__payment-item p {
    font-size: 1.4rem;
  }
}

.conditions__details-btns .btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.conditions__details-btns .btn + .btn {
  margin-top: 1.6rem;
}
@media (max-width: 768px) {
  .conditions__details-btns .btn + .btn {
    margin-top: 0;
  }
}
@media (max-width: 480px) {
  .conditions__details-btns .btn + .btn {
    margin-top: 1.2rem;
  }
}

.manufacturer-hero__container {
  max-width: 174.4rem;
  width: 100%;
  padding-left: 3.2rem;
  padding-right: 3.2rem;
}
@media (max-width: 1280px) {
  .manufacturer-hero__container {
    padding-left: 2.4rem;
    padding-right: 2.4rem;
  }
}
@media (max-width: 768px) {
  .manufacturer-hero__container {
    padding-left: 1.6rem;
    padding-right: 1.6rem;
  }
}

.manufacturer-hero__wrap {
  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;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 16rem 0 7.2rem;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(11.4rem, #F2F4F7), to(#FFFFFF));
  background: linear-gradient(180deg, #F2F4F7 11.4rem, #FFFFFF 100%);
  border-top: none;
  border-bottom-left-radius: 0.8rem;
  border-bottom-right-radius: 0.8rem;
  text-align: center;
  overflow: hidden;
}
@media (max-width: 1520px) {
  .manufacturer-hero__wrap {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(7.6rem, #F2F4F7), to(#FFFFFF));
    background: linear-gradient(180deg, #F2F4F7 7.6rem, #FFFFFF 100%);
  }
}
@media (max-width: 1280px) {
  .manufacturer-hero__wrap {
    padding: 10.4rem 0 4.8rem;
  }
}
@media (max-width: 768px) {
  .manufacturer-hero__wrap {
    padding: 8rem 0 2.4rem;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(5.2rem, #F2F4F7), to(#FFFFFF));
    background: linear-gradient(180deg, #F2F4F7 5.2rem, #FFFFFF 100%);
  }
}

.manufacturer-hero__content {
  margin-top: 2.4rem;
}
@media (max-width: 1280px) {
  .manufacturer-hero__content {
    margin-top: 1.6rem;
  }
}
@media (max-width: 768px) {
  .manufacturer-hero__content {
    margin-top: 1.6rem;
  }
}

.manufacturer-hero__title h1 {
  background: linear-gradient(135deg, #5793c7 0%, #1C4354 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 9.6rem;
  font-weight: 500;
  line-height: 82%;
  letter-spacing: -0.05em;
  text-align: center;
}
@media (max-width: 1280px) {
  .manufacturer-hero__title h1 {
    font-size: 8rem;
  }
}
@media (max-width: 768px) {
  .manufacturer-hero__title h1 {
    font-size: 4rem;
    letter-spacing: -0.04em;
  }
}

.manufacturer-hero__info {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 4rem 1fr 4rem 1fr;
  grid-template-columns: repeat(3, 1fr);
  -webkit-column-gap: 4rem;
     -moz-column-gap: 4rem;
          column-gap: 4rem;
  margin-top: 5.6rem;
  text-align: left;
}
@media (max-width: 1280px) {
  .manufacturer-hero__info {
    -webkit-column-gap: 2.4rem;
       -moz-column-gap: 2.4rem;
            column-gap: 2.4rem;
    margin-top: 4.8rem;
  }
}
@media (max-width: 768px) {
  .manufacturer-hero__info {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 1.6rem 0;
    margin-top: 2.4rem;
  }
}

.manufacturer-hero__logo {
  text-align: right;
}
@media (max-width: 1280px) {
  .manufacturer-hero__logo {
    text-align: left;
  }
}
@media (max-width: 768px) {
  .manufacturer-hero__logo {
    text-align: center;
  }
}

.manufacturer-hero__logo-wrap {
  width: 24.4rem;
  margin-left: auto;
  padding: 3.2rem;
  background-color: #FFFFFF;
  border-radius: 0.4rem;
}
@media (max-width: 1280px) {
  .manufacturer-hero__logo-wrap {
    margin-left: 0;
  }
}
@media (max-width: 768px) {
  .manufacturer-hero__logo-wrap {
    width: 58%;
    max-width: 20rem;
    margin-left: auto;
    margin-right: auto;
    padding: 2.4rem;
  }
}
@media (max-width: 480px) {
  .manufacturer-hero__logo-wrap {
    max-width: 17rem;
  }
}
.manufacturer-hero__logo-wrap img {
  width: 100%;
}

.manufacturer-hero__logo-btn {
  margin-top: 4rem;
  min-width: 24.4rem;
}
@media (max-width: 768px) {
  .manufacturer-hero__logo-btn {
    -webkit-column-gap: 0.8rem;
       -moz-column-gap: 0.8rem;
            column-gap: 0.8rem;
    margin-top: 1.2rem;
    min-width: 0;
    height: 4.4rem;
    padding: 0 1.6rem;
  }
  .manufacturer-hero__logo-btn span {
    font-size: 1.6rem;
  }
  .manufacturer-hero__logo-btn svg {
    width: 1.8rem;
    height: 1.8rem;
  }
}

.manufacturer-hero__description {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 1.2rem;
  -ms-grid-column-span: 2;
  grid-column: span 2;
  max-width: 82.3rem;
}
@media (max-width: 1280px) {
  .manufacturer-hero__description {
    row-gap: 0.8rem;
  }
}
@media (max-width: 768px) {
  .manufacturer-hero__description {
    row-gap: 0.8rem;
  }
}
.manufacturer-hero__description p {
  font-size: 1.8rem;
  line-height: 130%;
  letter-spacing: -0.03em;
}
@media (max-width: 1280px) {
  .manufacturer-hero__description p {
    font-size: 1.6rem;
    letter-spacing: -0.02em;
  }
}
@media (max-width: 768px) {
  .manufacturer-hero__description p {
    font-size: 1.4rem;
  }
}

.manufacture-catalog {
  padding-bottom: 16rem;
  padding-top: 8rem;
}
@media (max-width: 1280px) {
  .manufacture-catalog {
    padding-bottom: 9.6rem;
    padding-top: 4.8rem;
  }
}
@media (max-width: 768px) {
  .manufacture-catalog {
    padding-bottom: 5.6rem;
    padding-top: 2.8rem;
  }
}
.manufacture-catalog + .prev-products {
  margin-top: -8rem;
}
@media (max-width: 1280px) {
  .manufacture-catalog + .prev-products {
    margin-top: -4.8rem;
  }
}
@media (max-width: 768px) {
  .manufacture-catalog + .prev-products {
    margin-top: -2.8rem;
  }
}

.manufacture-catalog__title h2 {
  background: linear-gradient(135deg, #5793c7 0%, #1C4354 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 5.4rem;
  font-weight: 500;
  line-height: 90%;
  letter-spacing: -0.05em;
}
@media (max-width: 1280px) {
  .manufacture-catalog__title h2 {
    font-size: 4rem;
    letter-spacing: -0.04em;
  }
}
@media (max-width: 768px) {
  .manufacture-catalog__title h2 {
    font-size: 3.2rem;
  }
}

.manufacture-catalog__list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 4rem 1fr 4rem 1fr 4rem 1fr;
  grid-template-columns: repeat(4, 1fr);
  gap: 4rem;
  margin-top: 4rem;
}
@media (max-width: 1280px) {
  .manufacture-catalog__list {
    -ms-grid-columns: 1fr 2.4rem 1fr 2.4rem 1fr;
    grid-template-columns: repeat(3, 1fr);
    gap: 2.4rem;
    margin-top: 3.2rem;
  }
}
@media (max-width: 991px) {
  .manufacture-catalog__list {
    -ms-grid-columns: 1fr 2.4rem 1fr;
    grid-template-columns: repeat(2, 1fr);
    gap: 2.4rem;
  }
}
@media (max-width: 768px) {
  .manufacture-catalog__list {
    gap: 1.6rem;
    margin-top: 2.4rem;
  }
}
@media (max-width: 480px) {
  .manufacture-catalog__list {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

.manufacture-catalog__item {
  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;
  row-gap: 2.4rem;
  position: relative;
  min-height: 16.4rem;
  padding: 2.4rem;
  background-color: #FFFFFF;
  border-radius: 0.4rem;
}
@media (max-width: 1280px) {
  .manufacture-catalog__item {
    padding: 1.6rem;
    min-height: 14rem;
  }
}
@media (max-width: 768px) {
  .manufacture-catalog__item {
    min-height: 11.2rem;
  }
}
@media (hover: hover) and (pointer: fine) {
  .manufacture-catalog__item:hover h3 {
    color: #144F89;
  }
}
.manufacture-catalog__item h3 {
  font-size: 2.8rem;
  font-weight: 500;
  line-height: 100%;
  letter-spacing: -0.04em;
  -webkit-transition: color 0.3s ease-out;
  transition: color 0.3s ease-out;
}
@media (max-width: 1280px) {
  .manufacture-catalog__item h3 {
    font-size: 2.4rem;
  }
}
@media (max-width: 768px) {
  .manufacture-catalog__item h3 {
    font-size: 3.125vw;
    letter-spacing: -0.03em;
  }
}
@media (max-width: 480px) {
  .manufacture-catalog__item h3 {
    font-size: 5.4166666667vw;
  }
}

.manufacture-catalog__item-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-column-gap: 1.6rem;
     -moz-column-gap: 1.6rem;
          column-gap: 1.6rem;
}

.manufacture-catalog__item-count {
  color: #B0BEC5;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 100%;
  letter-spacing: -0.03em;
}
@media (max-width: 1280px) {
  .manufacture-catalog__item-count {
    font-size: 1.6rem;
    letter-spacing: -0.02em;
  }
}
@media (max-width: 768px) {
  .manufacture-catalog__item-count {
    font-size: 1.4rem;
  }
}

.manufacture-catalog__item-link::before {
  position: absolute;
  inset: 0;
  content: "";
}

.converters {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 4rem 1fr;
  grid-template-columns: repeat(2, 1fr);
  -webkit-column-gap: 4rem;
     -moz-column-gap: 4rem;
          column-gap: 4rem;
  padding-bottom: 16rem;
  padding-top: 8rem;
}
@media (max-width: 1280px) {
  .converters {
    -webkit-column-gap: 2.4rem;
       -moz-column-gap: 2.4rem;
            column-gap: 2.4rem;
    padding-bottom: 9.6rem;
    padding-top: 4.8rem;
  }
}
@media (max-width: 768px) {
  .converters {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    row-gap: 2.4rem;
    padding-bottom: 5.6rem;
    padding-top: 2.8rem;
  }
}

.converters__converter {
  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;
  row-gap: 3.2rem;
}
@media (max-width: 1280px) {
  .converters__converter {
    row-gap: 2.4rem;
  }
}
@media (max-width: 768px) {
  .converters__converter {
    row-gap: 1.6rem;
  }
}

.converters__section-title > * {
  color: #144F89;
  font-size: 3.2rem;
  font-weight: 500;
  line-height: 100%;
  letter-spacing: -0.04em;
}
@media (max-width: 1280px) {
  .converters__section-title > * {
    font-size: 2.8rem;
  }
}
@media (max-width: 768px) {
  .converters__section-title > * {
    font-size: 2.4rem;
  }
}

.converters__card {
  padding: 3.2rem;
  background-color: #FFFFFF;
  border-radius: 0.4rem;
}
@media (max-width: 1280px) {
  .converters__card {
    padding: 2.4rem;
  }
}
@media (max-width: 768px) {
  .converters__card {
    padding: 1.6rem;
  }
}

.converters__input-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 1.6rem;
     -moz-column-gap: 1.6rem;
          column-gap: 1.6rem;
}
@media (max-width: 1280px) {
  .converters__input-line {
    -webkit-column-gap: 0.8rem;
       -moz-column-gap: 0.8rem;
            column-gap: 0.8rem;
  }
}
@media (max-width: 370px) {
  .converters__input-line input,
  .converters__input-line .choices__inner {
    padding-left: 1.2rem;
    padding-right: 1.2rem;
  }
}

.converters__result {
  margin-top: 2rem;
}
@media (max-width: 768px) {
  .converters__result {
    margin-top: 1.6rem;
  }
}

.converters__result-title {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 130%;
}

.converters__result-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 0.8rem;
  height: 4.4rem;
  padding: 0.8rem 1.6rem;
  background-color: #F9FAFB;
  border: thin solid #F2F4F7;
  border-radius: 0.4rem;
}
@media (max-width: 370px) {
  .converters__result-item {
    padding-left: 1.2rem;
    padding-right: 1.2rem;
  }
}
@media (max-width: 370px) {
  .converters__result-item span {
    font-size: 4.8648648649vw;
  }
}

.text-page {
  padding-bottom: 16rem;
  padding-top: 8rem;
}
@media (max-width: 1280px) {
  .text-page {
    padding-bottom: 9.6rem;
    padding-top: 4.8rem;
  }
}
@media (max-width: 768px) {
  .text-page {
    padding-bottom: 5.6rem;
    padding-top: 2.8rem;
  }
}
.text-page h2 {
  margin-bottom: 3.6rem;
  padding-bottom: 0.4rem;
  background: linear-gradient(135deg, #5793c7 0%, #1C4354 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 8rem;
  font-weight: 500;
  line-height: 82%;
  letter-spacing: -0.05em;
  text-align: center;
}
@media (max-width: 1280px) {
  .text-page h2 {
    margin-bottom: 2.8rem;
    font-size: 6.4rem;
    line-height: 90%;
  }
}
@media (max-width: 768px) {
  .text-page h2 {
    margin-bottom: 1.6rem;
    font-size: 2.4rem;
    letter-spacing: -0.04em;
  }
}
.text-page h2:not(:first-child) {
  margin-top: 5.6rem;
}
@media (max-width: 1280px) {
  .text-page h2:not(:first-child) {
    margin-top: 4rem;
  }
}
@media (max-width: 768px) {
  .text-page h2:not(:first-child) {
    margin-top: 3.2rem;
  }
}
.text-page p,
.text-page .text-page__numb,
.text-page ul li,
.text-page td, .text-page th {
  font-size: 2.2rem;
  line-height: 130%;
  letter-spacing: -0.03em;
}
@media (max-width: 768px) {
  .text-page p,
  .text-page .text-page__numb,
  .text-page ul li,
  .text-page td, .text-page th {
    font-size: 1.6rem;
    letter-spacing: -0.02em;
  }
}
.text-page p + p,
.text-page p + ul,
.text-page p + ol {
  margin-top: 1.6rem;
}
@media (max-width: 768px) {
  .text-page p + p,
  .text-page p + ul,
  .text-page p + ol {
    margin-top: 1.2rem;
  }
}
.text-page ol {
  padding-left: 0;
  list-style: none;
}
.text-page ol > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: first baseline;
      -ms-flex-align: first baseline;
          align-items: first baseline;
  -webkit-column-gap: 0.8rem;
     -moz-column-gap: 0.8rem;
          column-gap: 0.8rem;
}
@media (max-width: 768px) {
  .text-page ol > li {
    -webkit-column-gap: 0.4rem;
       -moz-column-gap: 0.4rem;
            column-gap: 0.4rem;
  }
}
.text-page ol > li + li {
  margin-top: 1.6rem;
}
@media (max-width: 768px) {
  .text-page ol > li + li {
    margin-top: 1.2rem;
  }
}
.text-page ul > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 1.2rem;
     -moz-column-gap: 1.2rem;
          column-gap: 1.2rem;
}
@media (max-width: 768px) {
  .text-page ul > li {
    -webkit-column-gap: 0.8rem;
       -moz-column-gap: 0.8rem;
            column-gap: 0.8rem;
  }
}
.text-page ul > li::before {
  width: 1.6rem;
  height: 0.1rem;
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  display: inline-block;
  background-color: currentColor;
  margin-top: 1.4rem;
}
@media (max-width: 1280px) {
  .text-page ul > li::before {
    margin-top: 1.1rem;
  }
}
@media (max-width: 768px) {
  .text-page ul > li::before {
    margin-top: 1rem;
    width: 1.2rem;
  }
}
.text-page ul > li + li {
  margin-top: 0.8rem;
}
@media (max-width: 768px) {
  .text-page ul > li + li {
    margin-top: 0.4rem;
  }
}
.text-page table {
  text-align: left;
  border-collapse: collapse;
}
.text-page th, .text-page td {
  padding: 2rem 2.4rem;
  border: thin solid #FFFFFF;
  vertical-align: top;
}
@media (max-width: 480px) {
  .text-page th, .text-page td {
    display: block;
  }
}
.text-page th {
  font-weight: 500;
}
@media (max-width: 480px) {
  .text-page th {
    padding: 1.6rem 1.6rem 0;
    border-bottom: none;
    border-top: none;
  }
}
@media (max-width: 480px) {
  .text-page td {
    padding: 0.2rem 1.6rem 1.6rem;
    border-top: none;
  }
}
@media (max-width: 480px) {
  .text-page tr:first-child th {
    border-top: thin solid #FFFFFF;
  }
}

.text-page__numb {
  min-width: 4.4rem;
  font-weight: 500;
}
@media (max-width: 768px) {
  .text-page__numb {
    min-width: 3.2rem;
  }
}

.account {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 16rem;
  padding-top: 8rem;
}
@media (max-width: 1280px) {
  .account {
    padding-bottom: 9.6rem;
    padding-top: 4.8rem;
  }
}
@media (max-width: 768px) {
  .account {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-bottom: 5.6rem;
    padding-top: 2.8rem;
  }
}

.account__tabs {
  width: 24.6rem;
  white-space: nowrap;
}
@media (max-width: 1280px) {
  .account__tabs {
    width: 19.1rem;
  }
}
@media (max-width: 768px) {
  .account__tabs {
    width: auto;
  }
}

.account__tabs-content {
  padding: 3.2rem 4rem;
  min-height: 100%;
  max-width: calc(100% - 24.6rem);
  background-color: #FFFFFF;
  border-radius: 0.8rem;
  border-top-left-radius: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media (max-width: 1280px) {
  .account__tabs-content {
    max-width: calc(100% - 19.1rem);
    padding: 3.2rem;
  }
}
@media (max-width: 1024px) {
  .account__tabs-content {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
}
@media (max-width: 768px) {
  .account__tabs-content {
    max-width: none;
    padding: 2.4rem;
    border-top-right-radius: 0;
  }
}

.account__container {
  width: 100%;
}

.account__section-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 0.8rem;
     -moz-column-gap: 0.8rem;
          column-gap: 0.8rem;
}

.account__section-title > * {
  color: #144F89;
  font-size: 4rem;
  font-weight: 500;
  line-height: 80%;
  letter-spacing: -0.03em;
}
@media (max-width: 1280px) {
  .account__section-title > * {
    font-size: 3.6rem;
  }
}
@media (max-width: 768px) {
  .account__section-title > * {
    font-size: 2.4rem;
    line-height: 100%;
  }
}

.account__table {
  margin: 0 -3.2rem;
  padding: 3.2rem 3.2rem 0;
  overflow-x: auto;
}
@media (max-width: 768px) {
  .account__table {
    margin: 0 -2.4rem;
    padding: 2.4rem 2.4rem 0;
  }
}

.account__table-wrap {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border: 0.2rem solid #F2F4F7;
  border-radius: 0.4rem;
}
.account__table-wrap table {
  border-collapse: collapse;
}
.account__table-wrap th {
  padding: 1.2rem 1.6rem;
  background-color: #F9FAFB;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 100%;
  letter-spacing: -0.03em;
  text-align: left;
  white-space: nowrap;
}
@media (max-width: 768px) {
  .account__table-wrap th {
    padding: 0.8rem 1.2rem;
    font-size: 1.6rem;
    letter-spacing: -0.02em;
  }
}
.account__table-wrap tbody tr:not(:last-child) td {
  border-bottom: 0.2rem solid #F2F4F7;
}
.account__table-wrap td {
  padding: 1.2rem 1.6rem;
}
@media (max-width: 768px) {
  .account__table-wrap td {
    padding: 0.8rem 1.2rem;
    font-size: 1.4rem;
  }
}

.account__table-numb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-column-gap: 0.8rem;
     -moz-column-gap: 0.8rem;
          column-gap: 0.8rem;
}
.account__table-numb svg {
  width: 2rem;
  height: 2rem;
}

.account__table-product {
  width: 26.4rem;
}
@media (max-width: 768px) {
  .account__table-product {
    width: 20rem;
  }
}
.account__table-product .tooltip__body {
  display: none;
}
.account__table-product.is-display-tooltip {
  cursor: pointer;
}
.account__table-product.is-display-tooltip .tooltip__body {
  display: block;
}

.account__table-title {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 1.4rem;
}

.account__table-status {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 0.8rem;
     -moz-column-gap: 0.8rem;
          column-gap: 0.8rem;
}
.account__table-status svg {
  width: 1.8rem;
  height: 1.8rem;
  fill: currentColor;
}
.account__table-status span {
  color: currentColor;
  font-weight: 500;
}
.account__table-status.create, .account__table-status.close {
  color: #484848;
}
.account__table-status.in-progress {
  color: #A7A100;
}
.account__table-status.issued, .account__table-status.agreement {
  color: #5793C7;
}
.account__table-status.paid, .account__table-status.checked {
  color: #144F89;
}
.account__table-status.ready, .account__table-status.return {
  color: #147D89;
}
.account__table-status.done {
  color: #2E7D32;
}
.account__table-status.expertise {
  color: #3E2B7B;
}
.account__table-status.denied {
  color: #A71600;
}

.account__table-defect-count {
  color: #A71600;
  font-weight: 500;
  text-align: right;
}

.account__table-result {
  color: #2E7D32;
  font-weight: 500;
}

.account__more-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 2.4rem auto 0;
}
@media (max-width: 768px) {
  .account__more-btn {
    margin-top: 2rem;
  }
}

.profile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 4rem;
     -moz-column-gap: 4rem;
          column-gap: 4rem;
}
@media (max-width: 1280px) {
  .profile {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 3.2rem;
  }
}
@media (max-width: 768px) {
  .profile {
    row-gap: 2.4rem;
  }
}

.profile__edit-btn {
  width: auto;
  height: auto;
  padding: 0;
}
@media (hover: hover) and (pointer: fine) {
  .profile__edit-btn:hover {
    background-color: transparent;
  }
}
.profile__edit-btn svg {
  width: 3.2rem;
  height: 3.2rem;
}
@media (max-width: 768px) {
  .profile__edit-btn svg {
    width: 2.4rem;
    height: 2.4rem;
  }
}

.profile__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 4rem;
     -moz-column-gap: 4rem;
          column-gap: 4rem;
  margin-top: 3.2rem;
}
@media (max-width: 1280px) {
  .profile__info {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 2rem 2.4rem;
    margin-top: 2.4rem;
  }
}

.profile__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 2.8rem;
  min-width: 24.5rem;
  margin: 0;
}
@media (max-width: 1280px) {
  .profile__list {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    row-gap: 2rem;
  }
}
@media (max-width: 1280px) {
  .profile__list.general {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-column-gap: 2.4rem;
       -moz-column-gap: 2.4rem;
            column-gap: 2.4rem;
  }
}
@media (max-width: 480px) {
  .profile__list.general {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media (max-width: 1280px) {
  .profile__list.general .profile__point {
    min-width: 14.1rem;
  }
}
@media (max-width: 1280px) {
  .profile__list.general .profile__point:first-child {
    min-width: 24.5rem;
  }
}

.profile__point-title {
  color: #B0BEC5;
  font-size: 2.2rem;
  font-weight: 500;
  line-height: 100%;
  letter-spacing: -0.03em;
  text-transform: uppercase;
}
@media (max-width: 1280px) {
  .profile__point-title {
    font-size: 2rem;
  }
}
@media (max-width: 768px) {
  .profile__point-title {
    font-size: 1.8rem;
  }
}

.profile__point-text {
  margin-left: 0;
  margin-top: 1.2rem;
  font-size: 2rem;
  line-height: 100%;
  letter-spacing: -0.03em;
}
@media (max-width: 768px) {
  .profile__point-text {
    margin-top: 0.8rem;
    font-size: 1.8rem;
  }
}

.claims .account__section-header {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 1.6rem;
     -moz-column-gap: 1.6rem;
          column-gap: 1.6rem;
}

.order-list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 1.6rem;
     -moz-column-gap: 1.6rem;
          column-gap: 1.6rem;
  position: relative;
  padding: 1.6rem;
  background-color: #F2F4F7;
  border-radius: 0.4rem;
}
@media (max-width: 768px) {
  .order-list__item {
    -webkit-column-gap: 1.2rem;
       -moz-column-gap: 1.2rem;
            column-gap: 1.2rem;
    padding: 1.2rem;
  }
}
.order-list__item + .order-list__item {
  margin-top: 0.8rem;
}

.order-list__item-img {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 8rem;
          flex: 0 0 8rem;
  height: 8rem;
  padding: 0.8rem;
  background-color: #FFFFFF;
  border-radius: 0.4rem;
}
.order-list__item-img img {
  width: 100%;
  height: 100%;
  border-radius: 0.4rem;
  -o-object-fit: contain;
     object-fit: contain;
}

.order-list__item-info {
  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;
  row-gap: 0.8rem;
}

.order-list__item-title {
  font-weight: 500;
  line-height: 120%;
}
@media (max-width: 768px) {
  .order-list__item-title {
    font-size: 1.4rem;
  }
}
.order-list__item-title::before {
  position: absolute;
  inset: 0;
  content: "";
}

.order-list__item-count {
  display: block;
  color: #B0BEC5;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.02rem;
}