@charset "utf-8";

/* swiper
------------------------------------- */
.swiper-block {
  width: 100%;
  overflow: hidden;
  margin-top: -5vw;
  padding-bottom: 60px;
}
.swiper {
  overflow: visible;
  width: 80vw;
  max-width: 600px;
  text-align: center;
}
.swiper-pagination{
  position:absolute;
  text-align:center;
  transition:.3s opacity;
  transform:translate3d(0,0,0);
  z-index:10;
  bottom:-30px;
  left:0;
  width:100%
}
.swiper-pagination.swiper-pagination-hidden{
  opacity:0
}
.swiper-pagination-bullet{
  width: 1em;
  height: 1em;
  display: inline-block;
  border-radius: 50%;
  background: var(--white);
  opacity: .4;
  cursor:pointer
}
.swiper-pagination-bullet:only-child{
  display:none!important
}
.swiper-pagination-bullet-active{
  opacity: 1;
}
.swiper-pagination-bullet {
  margin: 0 0.5em;
}
.swiper-slide {
  background-color: var(--white);
  box-shadow: 3px 3px 5px rgba(0,0,0,0.3);
  border-radius: 1em;
  overflow: hidden;
}
.slide {
  display: block;
  transition: var(--transition);
}
.swiper-slide:not(.swiper-slide-visible) .slide {
  pointer-events: none;
  opacity: 0.3;
}
@media screen and (min-width: 751px) {
    .swiper {
    max-width: 450px;
  }
  .swiper-pagination{
    position:absolute;
    bottom:-50px;
  }
}