.swiper-pagination{ bottom: 20px !important; }
.swiper-pagination-bullet{ width: 12px; height: 12px; background-color: #D1D3D4; border: 1px solid var(--white); border-radius: 50%; opacity: 1; }
.swiper-pagination-bullet-active{ background-color: var(--primary); }



/* swiper_arrow */
.swiper--arrow{ position: absolute; width: 100%; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 9; }

.div-swiper_arrow{ position: relative; }



@media (max-width: 767px){

  .swiper--arrow{ display: none; }

}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after,
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{ content: ""; display: none; }


.swiper-button-prev,
.swiper-button-next{ width: 48px; height: 48px; background-repeat: no-repeat; background-size: cover; cursor: pointer; box-shadow: 0px 4px 14px 1px rgba(0,0,0,0.16); border-radius: 50%; }

.swiper-button-prev{ background-image: url('../images/icon/arrow-prev.svg'); }
.swiper-button-next{ background-image: url('../images/icon/arrow-next.svg'); }


.btnnnext, .btnnprev{ position: absolute; top: 50%; transform: translate(0,-50%); z-index: 10;  width: 55px; height: 55px; background-repeat: no-repeat; background-size: cover; cursor: pointer; }
.btnnprev{ background-image: url('../images/icon/arrow-prev.svg'); left: -30px; }
.btnnnext{ background-image: url('../images/icon/arrow-next.svg'); right: -30px; }




@media (max-width: 767px){

  .swiper-button-prev,
  .swiper-button-next{ display: none; }

}

/**********************************************************/