.media-slider {
  padding: 100px 0;
  overflow: hidden;
  background: var(--color-bg-beige);
}
.media-slider__head {
  text-align: center;
  max-width: 800px;
  margin: 0 auto 72px;
}
.media-slider__title {
  margin-bottom: 32px;
  color: var(--color-text-invert-secondary);
}
.media-slider__title:first-line {
  color: var(--color-text-main);
}
.media-slider__subtitle {
  font-weight: 400;
  font-size: 22px;
  line-height: 1.4;
  text-align: center;
  max-width: 516px;
  margin: 0 auto;
}
.media-slider__container {
  overflow: visible !important;
}
.media-slider__container .swiper-wrapper {
  transition-timing-function: linear !important;
}
.media-slider__item {
  aspect-ratio: 616/368;
  border-radius: 50px;
  overflow: hidden;
  background: #f6f5f3;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.4s ease, transform 0.4s ease, box-shadow 0.4s ease;
  user-select: none;
}
.media-slider__item.is-visible {
  opacity: 1;
  transform: translateY(0);
}
.media-slider__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
@media (width < 1224px) {
  .media-slider {
    padding: 64px 0;
  }
  .media-slider__title {
    margin-bottom: 24px;
  }
  .media-slider__head {
    margin-bottom: 40px;
  }
  .media-slider__item {
    border-radius: 24px;
  }
}
@media (width < 768px) {
  .media-slider {
    padding: 48px 0;
  }
  .media-slider__item {
    border-radius: 24px;
  }
  .media-slider__title {
    margin-bottom: 16px;
  }
  .media-slider__subtitle {
    font-size: 17px;
  }
}