.swiper-home-banner {
  width: 100%;
  /* height: 560px; */
  height: auto;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  max-width: 1920px;
  margin: 0 auto;
}
.swiper-home-banner .swiper-button-next,
.swiper-home-banner .swiper-button-prev {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0px 6px rgba(0, 0, 0, 0.1), 0 3px 6px rgba(0, 0, 0, 0.05);
    -webkit-border-radius: 90px;
    -moz-border-radius: 90px;
    border-radius: 90px;
    background: rgba(255, 255, 255, .6) url('../../images/owl-arrow-right.svg') no-repeat center center / 26px;
    right: 2px;
    &::after {
        display: none;
    }
}
.swiper-home-banner .swiper-button-prev {
    transform: rotate(180deg);
    right: unset;
    left: 2px;
}
.swiper-home-banner .swiper-button-next.swiper-button-disabled, 
.swiper-home-banner .swiper-button-prev.swiper-button-disabled {
    pointer-events: unset
}



.swiper-home-banner .swiper-slide  {
  display: flex;
  justify-content: center;
}
.swiper-home-banner .swiper-slide img {
  width: 100%;
  height: 560px;
  object-fit: cover;
}

/* custom next, prev button */
.swiper-home-banner .swiper-button-next,
.swiper-home-banner .swiper-button-prev {
  width: 40px;
  height: 40px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
}
.swiper-home-banner .swiper-button-prev {
  background: rgba(37, 37, 37, 0.4) url('../../images/arrow-left.svg')  no-repeat center center / 28px 28px;
  transform: rotate(180deg);
  left: 60px;
}
.swiper-home-banner .swiper-button-next {
  background: rgba(37, 37, 37, 0.4) url('../../images/arrow-left.svg')  no-repeat center center / 28px 28px;
  right: 60px;
}

.swiper-home-banner .swiper-button-prev:hover,
.swiper-home-banner .swiper-button-prev:active,
.swiper-home-banner .swiper-button-prev:focus {
  background: rgba(37, 37, 37, 8) url('../../images/arrow-left.svg')  no-repeat center center / 28px 28px;
  transform: rotate(180deg);
}
.swiper-home-banner .swiper-button-next:hover,
.swiper-home-banner .swiper-button-next:active,
.swiper-home-banner .swiper-button-next:focus {
  background: rgba(37, 37, 37, .8) url('../../images/arrow-left.svg')  no-repeat center center / 28px 28px;
}

/* custom pagination
.swiper-home-banner.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
  opacity: 1;
}

.swiper-home-banner.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
  width: 9px;
  height: 9px;
  background: rgba(255, 255, 255, .5);
  margin: 0 4px;
}

.swiper-home-banner.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active {
  background: rgba(255, 255, 255, 1);
  width: 32px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.swiper-home-banner.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-home-banner .swiper-pagination-custom, .swiper-home-banner .swiper-pagination-fraction {
  bottom: 15px;
}
*/

/* ----------------------------------------------------- */
.swiper-home-banner .swiper-button-prev:after, .swiper-home-banner.swiper-rtl .swiper-button-next:after,
.swiper-home-banner .swiper-button-next:after, .swiper-home-banner .swiper-rtl .swiper-button-prev:after {
  display: none;
}


.swiper-home-banner .swiper-pagination-bullet {
  background: rgba(255, 255, 255, 1);
  width: 9px;
  height: 9px;
  opacity: .5;
}
.swiper-home-banner .swiper-pagination-bullet-active {
  background: rgba(255, 255, 255, 1);
  width: 32px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  opacity: 1;
}

.swiper-home-banner .swiper-pagination-bullets.swiper-pagination-horizontal
{
  bottom: 15px;
}

.swiper-container.swiper-home-banner .swiper-lazy-preloader {
  width: 40px;
  height: 40px;
  border-width: 2px;
  opacity: 0.8;
}

@media screen and (max-width: 1600px) {
  .swiper-home-banner .swiper-slide img {
      height: calc(13vw + 340px);
  }
}
@media screen and (max-width: 540px) {
  .swiper-home-banner .swiper-slide img {
      width: 100%;
      height: auto;
      object-fit: cover;
  }
  .swiper-home-banner .swiper-button-prev,
  .swiper-home-banner .swiper-button-next {
      display: none;
  }
}

/* update: bỏ icon next - prev khi banner chỉ có 1 item  */
.swiper-home-banner .swiper-button-next.display_none,
.swiper-home-banner .swiper-button-prev.display_none {
  display: none;
}