@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-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:25px;
    height:3px;
    text-align:center;
    opacity:0.5;
    border-radius:0;
    transition:.5s;
}

.sm-slide .swiper-pagination-bullet-active {
    background: #fff;
    transform: rotate(-20deg);
    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:15px;
        height:3px
    }
}
/* Tablet or Mobile */
@media screen and (max-width:768px) {
    .sm-slide .swiper-pagination-bullet {
        /* width:8px; */
        /* height :8px */
    }
}
/* Mobile */
@media screen and (max-width: 480px) {
    
}