.swiper {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 56vh; 
    min-height: 35em;

}

@media only screen and (max-width: 768px) {.swiper {max-height: 29em;}}

.swiper-wrapper {
  display: flex;
  transition: transform 0.5s cubic-bezier(.36,.66,.04,1);
  will-change: transform;
}
.swiper-slide {
  min-width: 100%;
  box-sizing: border-box;
  flex-shrink: 0;
  /* для наглядности: border: 1px solid #eee; */
  position: relative;
}

.swiper-pagination {
  position: absolute;
  bottom: 15px;
  left: 50%;
  display: flex;
  transform: translateX(-50%);
      gap: 2em;
}

.swiper-pagination-bullet {
  width: 1em;
  height: 1em;

  border-radius: 50%;
  opacity: .5;
  cursor: pointer;
  border: none;
  transition: opacity 0.2s, background 0.2s;
}

.swiper-pagination-bullet.active {
  opacity: 1;
    background: #fff;
}



	.slide-media {
width: 100vw;
    height: 100%;
}