@charset "UTF-8";
.lw-slides .splide__pagination {
  list-style: none;
  display: flex;
  padding-left: 0;
}

.arrows-vertical-center .splide__arrow {
  position: absolute;
  top: 50%;
  transform: translate3d(0, -50%, 0);
  z-index: 100;
}
.arrows-vertical-center .splide__arrow.splide__arrow--prev {
  left: 0;
}
.arrows-vertical-center .splide__arrow.splide__arrow--next {
  right: 0;
}

.dots-bottom-center .splide__pagination {
  width: 100%;
  justify-content: center;
}

.dots-bottom-left .splide__pagination {
  width: 100%;
}

.dots-bottom-right .splide__pagination {
  width: 100%;
  justify-content: flex-end;
}

.dots-inside-bottom-left .splide__pagination {
  width: 100%;
  justify-content: flex-start;
  position: absolute;
  left: 0;
  bottom: 0;
  margin-bottom: 16px;
}

.dots-inside-bottom-center .splide__pagination {
  width: 100%;
  justify-content: center;
  position: absolute;
  left: 0;
  bottom: 0;
  margin-bottom: 16px;
}

.dots-inside-bottom-right .splide__pagination {
  width: 100%;
  justify-content: flex-end;
  position: absolute;
  left: 0;
  bottom: 0;
  margin-bottom: 16px;
}

.dots-circle .splide__pagination button {
  border-radius: 90%;
}

/** ------- Chỉnh sửa phần này cho phù hợp với thiết kế của bạn ----------  **/
.splide__pagination {
  margin-top: 16px;
}
.splide__pagination li:not(:first-child) {
  margin-left: 8px;
}
.splide__pagination li:not(:last-child) {
  margin-right: 8px;
}
.splide__pagination button {
  width: 16px;
  height: 16px;
  border: none;
  text-indent: -99999px;
  background: rgba(0, 0, 0, 0.5);
}
.splide__pagination .is-active {
  background: #000;
}

.splide__arrow {
  text-indent: -99999px;
  background-color: rgba(255, 255, 255, 0.5);
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 5px;
  border: none;
  width: 44px;
  height: 44px;
}
.lw-img-holder {
  background: no-repeat center center;
  background-size: cover;
}
.lw-img-holder-none {
  padding-top: 0;
}
.lw-img-holder-square {
  padding-top: 100%;
}
.lw-img-holder-16-9 {
  padding-top: 56.25%;
}
.lw-img-holder-4-3 {
  padding-top: 75%;
}
.lw-img-holder-full {
  padding-top: 100%;
  width: 100%;
}

/*# sourceMappingURL=slides.css.map */