.swiper .swiper-button-next, .swiper .swiper-button-prev {
  color: black;
}
.swiper .swiper-button-next::after, .swiper .swiper-button-prev::after {
  font-size: 20px;
  font-weight: 600;
}
.swiper .swiper-pagination-bullet-active {
  background: black;
}

.banner_container_width.swiper {
  overflow: visible !important;
}

.swiper-wrapper .swiper-slide {
  width: 80%;
}

@media (min-width: 1400px) {
  .container-swiper-carousel-banner {
    max-width: 1056px;
  }
}
@media (max-width: 1399px) and (min-width: 1200px) {
  .container-swiper-carousel-banner {
    max-width: 912px;
  }
}
@media (max-width: 1199px) and (min-width: 992px) {
  .container-swiper-carousel-banner {
    max-width: 816px;
  }
}
@media (max-width: 991px) and (min-width: 768px) {
  .container-swiper-carousel-banner {
    max-width: 648px;
  }
}
@media (max-width: 767px) {
  .container-swiper-carousel-banner {
    max-width: 95%;
  }
}

.minus-container-swiper-carousel-banner {
  overflow: hidden !important;
  position: relative !important;
}
@media (min-width: 1400px) {
  .minus-container-swiper-carousel-banner {
    margin-inline: calc(-1 * (100vw - 1320px) / 2 - (1rem - 5px));
    width: 100vw;
  }
}
@media (max-width: 1399px) and (min-width: 1200px) {
  .minus-container-swiper-carousel-banner {
    margin-inline: calc(-1 * (100vw - 1140px) / 2 - (1rem - 5px));
    width: 100vw;
  }
}
@media (max-width: 1199px) and (min-width: 992px) {
  .minus-container-swiper-carousel-banner {
    margin-inline: calc(-1 * (100vw - 960px) / 2 - (1rem - 5px));
    width: 100vw;
  }
}
@media (max-width: 991px) and (min-width: 768px) {
  .minus-container-swiper-carousel-banner {
    margin-inline: calc(-1 * (100vw - 720px) / 2 - (1rem - 5px));
    width: 100vw;
  }
}
@media (max-width: 767px) {
  .minus-container-swiper-carousel-banner {
    margin-inline: calc(-1 * (100vw - 100%) / 2 - (0rem + 0px));
    width: 100vw;
  }
}

/*# sourceMappingURL=carousel-banner-opc.css.map*/