/* swiper */
.swiper-pagination{ position: relative; margin-top: 25px; }
.swiper-pagination-bullet{ width: 10px; height: 10px; background-color: #ebebeb; opacity: 1; }
.swiper-pagination-bullet-active{ background-color: var(--primary);}


.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:18px; height: 30px; background-repeat: no-repeat; background-size: cover; cursor: pointer;  }

.swiper-button-prev{ background-image: url('../images/icon/arrow-prev.png'); left: -30px; }
.swiper-button-next{ background-image: url('../images/icon/arrow-next.png'); right: -30px; }


@media (max-width: 991px){

  .swiper-button-prev{ left: -10px; }
  .swiper-button-next{ right: -10px; }

}
@media (max-width: 767px){

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

}





.div-swiper_arrow{ position: relative; }



/* swiper_arrow */
.swiper--arrow{ position: absolute; width: 100%; bottom: 0; left: 0;  z-index: 9; }

.btnnnext, .btnnprev{ position: absolute; z-index: 10; left: 0; bottom: 0; width:18px; height: 30px; background-repeat: no-repeat; background-size: cover; cursor: pointer; }
.btnnprev{ background-image: url('../images/icon/arrow-prev.png'); right: auto; left: -30px; }
.btnnnext{ background-image: url('../images/icon/arrow-next.png'); right: -30px; left: auto; }


@media (max-width: 1199px){

  .btnnprev{ left: -10px; }
  .btnnnext{ right: -10px; }

}
@media (max-width: 767px){

  .swiper--arrow{ display: none; }

}


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

.nav-buttons{ display: flex; position: relative; margin-top: 50px; gap: 40px; }
.nav-buttons .swiper-button-prev,
.nav-buttons .swiper-button-next{ position: relative; top: auto; margin-top: 0; }
.nav-buttons .swiper-button-prev{ left: 0; }
.nav-buttons .swiper-button-next{ right: 0; }
@media (max-width: 576px){

  .nav-buttons{ display: none; }

}