@charset "UTF-8";

.sm-slide {
    position:relative
}

.sm-slide .swiper {
    width:100%
}

.sm-slide .sm-arrow {
    color:#fff;
    font-size:5rem
}

.sm-slide .swiper-button-next,
.sm-slide .swiper-button-prev {
    width: auto;
    height:auto;
    color:var(--base-color);
    transform:translateY(-50%);
    margin-top:auto;
    display:block
}

.swiper-btn img {
    width:5.8rem;
}

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after ,
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
  content: ''
}

.sm-slide .swiper-button-next {
    right:1%
}

.sm-slide .swiper-button-prev {
    left:1%
}

.sm-slide .swiper-pagination-bullet {
    background:#fff;
    font-size:10px;
    width:10px;
    height:10px;
    text-align:center;
    opacity:0.5
}

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

.sm-slide .paging-none {
    display:none
}


/*-------------- Responsive ---------------*/
/* Desktop */
@media screen and (max-width:1200px) {
    
}
/* Tablet or Ipad */
@media screen and (max-width:992px) {
    .sm-slide .swiper-pagination-bullet {
        width:9px;
        height:9px
    }
    .swiper-btn img {
        width:4.8rem;
    }
}
/* Tablet or Mobile */
@media screen and (max-width:768px) {
    .sm-slide .swiper-pagination-bullet {
        width:8px;
        height:8px
    }
    .swiper-btn img {
        width:3.8rem;
    }
}
/* Mobile */
@media screen and (max-width: 480px) {

}