@charset 'utf-8';

.swiper-slide {
  cursor: pointer;
}

.swiper-container{
  padding-bottom: 40px;
}

.swiper-button-next, .swiper-button-prev{
  top: auto;
  bottom: 8px;
}

.swiper-button-prev{
  left: auto;
}

.swiper-slide>img{
  width: 100%;
}

.swiper-pagination-bullet{
  background: #B7B7B7;
  opacity: 1;
}
.swiper-pagination-bullet-active {
  background: #30CFC6;
}


@media screen and (min-width: 768px) {
  .top-slider .sample {
    overflow: hidden;
  }

  .top-slider .swiper-container {
    opacity: 0;
    transition: opacity .4s ease;
  }

  .top-slider .swiper-container {
    transform: scale(0.7) translateY(-16%);
    overflow: unset;
    opacity: 1;
  }

  .top-slider .sample {
    margin: 0 0 -200px;
  }
}