.slider-pagination {
  --slider-pagination-color: #e8ebef;
  --slider-pagination-inactive-opacity: 1;
  --slider-pagination-dot-width-size: 9px;
  --slider-pagination-dot-height-size: 9px;
  --slider-pagination-indicator-height: 12px;
  --slider-pagination-indicator-width: 26px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  padding: 8px 10px;
}

.slider-pagination__track {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
}

.slider-pagination__dot {
  width: var(--slider-pagination-dot-width-size);
  height: var(--slider-pagination-dot-height-size);
  border-radius: 50%;
  border: none;
  background: var(--slider-pagination-color);
  opacity: var(--slider-pagination-inactive-opacity);
  cursor: pointer;
  padding: 0;
  -webkit-transition: opacity 0.2s ease, -webkit-transform 0.2s ease;
  transition: opacity 0.2s ease, -webkit-transform 0.2s ease;
  transition: opacity 0.2s ease, transform 0.2s ease;
  transition: opacity 0.2s ease, transform 0.2s ease, -webkit-transform 0.2s ease;
  position: relative;
  overflow: hidden;
}

.slider-pagination__dot::before {
  content: "";
  inset: 0;
  width: 0;
  height: 100%;
  background: var(--pagination-active-dot, #141a3d);
  display: block;
}

.slider-pagination__dot:hover {
  opacity: 0.65;
  -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
          transform: scale(1.05);
}

.slider-pagination__dot:focus-visible {
  outline: 2px solid var(--slider-pagination-color);
  outline-offset: 4px;
  opacity: 0.9;
}

.slider-pagination__dot.is-active {
  opacity: 1;
  border-radius: 90px;
  --slider-pagination-dot-width-size: 43px;
}

.slider-pagination__dot.is-active::before {
  width: 100%;
  -webkit-transition: width 2.2s;
  transition: width 2.2s;
}

.slider-pagination--ready .slider-pagination__indicator {
  opacity: 1;
}

.slider-pagination--light {
  --slider-pagination-color: var(--c-white);
}

.slider-pagination-block {
  position: absolute;
  left: 50%;
  bottom: -50px;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 5;
}

.slider-pagination-block .slider-pagination {
  padding: 10px 14px;
}

.slider-pagination-block .slider-pagination__track {
  gap: 24px;
}

.slider-pagination-block .slider-pagination__indicator {
  -webkit-box-shadow: 0 12px 26px rgba(0, 0, 0, 0.18);
          box-shadow: 0 12px 26px rgba(0, 0, 0, 0.18);
}

.media {
  margin-block: clamp(70px, 7.7419354839vw, 120px);
  position: relative;
  --media-arrow-offset: calc(859px / 2);
  --media-arrow-left: calc(50% - var(--media-arrow-offset));
  --media-arrow-right: calc(50% + var(--media-arrow-offset));
}

.media__container {
  position: relative;
}

.media__head {
  margin-bottom: 40px;
}

.media__viewport {
  position: relative;
  overflow: visible;
  isolation: isolate;
}

.media-slider {
  --media-slide-width: fluid(340, 752, $fluid-max-vw);
  --media-slide-height: fluid(227, 500, $fluid-max-vw);
  --media-slide-scale: 0.9;
  --media-slide-scale-active: 1.12;
  position: relative;
  overflow: visible;
  padding-inline: clamp(4px, 6vw, 80px);
  z-index: 2;
}

.media-slider .swiper-wrapper {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.media-slider__slide {
  width: clamp(340px, 48.5161290323vw, 752px);
  height: clamp(227px, 32.2580645161vw, 500px);
  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-transition: opacity 0.3s ease, -webkit-transform 0.5s cubic-bezier(0.22, 0.7, 0.26, 1), -webkit-filter 0.5s ease;
  transition: opacity 0.3s ease, -webkit-transform 0.5s cubic-bezier(0.22, 0.7, 0.26, 1), -webkit-filter 0.5s ease;
  transition: transform 0.5s cubic-bezier(0.22, 0.7, 0.26, 1), filter 0.5s ease, opacity 0.3s ease;
  transition: transform 0.5s cubic-bezier(0.22, 0.7, 0.26, 1), filter 0.5s ease, opacity 0.3s ease, -webkit-transform 0.5s cubic-bezier(0.22, 0.7, 0.26, 1), -webkit-filter 0.5s ease;
  max-width: 90vw;
}

.media-slider__slide.is-active {
  width: clamp(340px, 55.4193548387vw, 859px);
  height: clamp(227px, 36.9677419355vw, 573px);
}

.media-slider__controls {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 4;
  -webkit-transition: opacity 0.2s ease, visibility 0.2s ease;
  transition: opacity 0.2s ease, visibility 0.2s ease;
}

.media-slider__controls.is-hidden {
  opacity: 0;
  visibility: hidden;
}

.media-slider__arrow {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  pointer-events: auto;
  width: clamp(40px, 4.5806451613vw, 71px);
  height: clamp(40px, 4.5806451613vw, 71px);
  border-radius: 50%;
  background: var(--c-white);
  display: grid;
  place-items: center;
  -webkit-box-shadow: 0px 20px 50px 0px var(--c-10071f);
          box-shadow: 0px 20px 50px 0px var(--c-10071f);
  --arrow-left-offset: 0px;
}

.media-slider__arrow.is-disabled {
  opacity: 0.35;
  pointer-events: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.media-slider__arrow .icon {
  width: clamp(7px, 0.9032258065vw, 14px);
  height: clamp(14px, 1.7419354839vw, 27px);
}

.media-slider__arrow--prev {
  left: calc(var(--media-arrow-left) - var(--arrow-left-offset));
}

.media-slider__arrow--next {
  -webkit-transform: translate(-50%, -50%) rotate(180deg);
      -ms-transform: translate(-50%, -50%) rotate(180deg);
          transform: translate(-50%, -50%) rotate(180deg);
  left: calc(var(--media-arrow-right) + var(--arrow-left-offset));
}

.media-slider__pagination {
  bottom: -66px;
}

.media-card {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 36px;
  overflow: hidden;
  background: var(--c-e9eef5);
  -webkit-box-shadow: 0 16px 30px rgba(12, 21, 47, 0.12), 0 8px 16px rgba(12, 21, 47, 0.08);
          box-shadow: 0 16px 30px rgba(12, 21, 47, 0.12), 0 8px 16px rgba(12, 21, 47, 0.08);
}

.media-card__image {
  width: 100%;
  height: 100%;
}

.media-card__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

.media-card__action {
  position: absolute;
  right: 50px;
  bottom: 30px;
}

@media (max-width: 575px) {
  .media-slider__arrow {
    display: none;
  }

  .media-slider__pagination {
    bottom: -52px;
  }
}
@supports (appearance:none){

}

 @media (max-width: 575px){

@supports (appearance:none){

}

}