/* Site-specific Swiper overrides (pagination bullets, custom nav buttons) */

#banner .home-swiper .swiper-slide.swiper-slide-active {
  animation: none !important;
  -webkit-animation: none !important;
  transform: none !important;
}

.home-swiper .swiper-slide img,
.home-swiper .swiper-slide img.img-banner {
  width: 100%;
  max-width: 100%;
  height: auto !important;
  display: block;
}
.home-swiper .swiper-slide a {
  display: block;
  width: 100%;
  line-height: 0;
}
.home-swiper:not(.swiper-initialized) {
  height: auto;
}
.home-swiper:not(.swiper-initialized) .swiper-wrapper {
  transform: none !important;
}
.home-swiper:not(.swiper-initialized) .swiper-slide:not(:first-child) {
  display: none;
}

.i_div2 img {
  max-width: 100% !important;
  width: 100% !important;
  height: auto !important;
}

html[dir="rtl"] #banner .home-swiper,
html[dir="rtl"] #banner .home-swiper .swiper-wrapper {
  direction: ltr;
}

.home-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background-color: #fff;
  border-radius: 100%;
}
.home-pagination .swiper-pagination-bullet-active {
  background-color: #cf261d;
}

.home-pagination2 .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background-color: #aaaaaa;
  border-radius: 100%;
}
.home-pagination2 .swiper-pagination-bullet-active {
  background-color: #cf261d;
}
.home-swiper2.swiper-container-horizontal > .swiper-pagination-bullets,
.home-swiper2.swiper-horizontal > .swiper-pagination-bullets {
  bottom: 0;
}

.home-swiper1 .home_next1,
.home-swiper1 .home_prev1,
.home-swiper2 .home_next2,
.home-swiper2 .home_prev2 {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.home-swiper1 .home_next1::after,
.home-swiper1 .home_prev1::after,
.home-swiper2 .home_next2::after,
.home-swiper2 .home_prev2::after {
  display: none;
}

.home-swiper1 .home_next1 {
  background-image: url(/images/r_btn1.png);
  margin-top: -24px;
  width: 25px;
  height: 48px;
}
.home-swiper1 .home_prev1 {
  background-image: url(/images/l_btn1.png);
  margin-top: -24px;
  width: 25px;
  height: 48px;
}

.home-swiper2 .home_next2 {
  background-image: url(/images/r_btn.png);
  margin-top: -24.5px;
  width: 26px;
  height: 49px;
  display: none;
}
.home-swiper2 .home_prev2 {
  background-image: url(/images/l_btn.png);
  margin-top: -24.5px;
  width: 26px;
  height: 49px;
  display: none;
}

@media screen and (min-width: 0px) and (max-width: 640px) {
  .home-swiper1 .home_next1 {
    background-image: url(/images/r_btn.png);
    top: 20%;
    margin-top: 0;
    width: 18px;
    height: 35px;
    background-size: 18px;
  }
  .home-swiper1 .home_prev1 {
    background-image: url(/images/l_btn.png);
    top: 20%;
    margin-top: 0;
    width: 18px;
    height: 35px;
    background-size: 18px;
  }
  .home-swiper2 .home_next2 {
    background-image: url(/images/r_btn.png);
    top: 15%;
    margin-top: 0;
    width: 18px;
    height: 35px;
    background-size: 18px;
  }
  .home-swiper2 .home_prev2 {
    background-image: url(/images/l_btn.png);
    top: 15%;
    margin-top: 0;
    width: 18px;
    height: 35px;
    background-size: 18px;
  }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
  .home-swiper1 .home_next1 {
    background-image: url(/images/r_btn.png);
    top: 30%;
    margin-top: 0;
    width: 18px;
    height: 35px;
    background-size: 18px;
  }
  .home-swiper1 .home_prev1 {
    background-image: url(/images/l_btn.png);
    top: 30%;
    margin-top: 0;
    width: 18px;
    height: 35px;
    background-size: 18px;
  }
  .home-swiper2 .home_next2 {
    background-image: url(/images/r_btn.png);
    top: 25%;
    margin-top: 0;
    width: 18px;
    height: 35px;
    background-size: 18px;
  }
  .home-swiper2 .home_prev2 {
    background-image: url(/images/l_btn.png);
    top: 25%;
    margin-top: 0;
    width: 18px;
    height: 35px;
    background-size: 18px;
  }
}

@media screen and (min-width: 768px) and (max-width: 993px) {
  .home-swiper1 .home_next1 {
    background-image: url(/images/r_btn.png);
    top: 30%;
    margin-top: 0;
    width: 18px;
    height: 35px;
    background-size: 18px;
  }
  .home-swiper1 .home_prev1 {
    background-image: url(/images/l_btn.png);
    top: 30%;
    margin-top: 0;
    width: 18px;
    height: 35px;
    background-size: 18px;
  }
  .home-swiper2 .home_next2 {
    background-image: url(/images/r_btn.png);
    top: 25%;
    margin-top: 0;
    width: 18px;
    height: 35px;
    background-size: 18px;
  }
  .home-swiper2 .home_prev2 {
    background-image: url(/images/l_btn.png);
    top: 25%;
    margin-top: 0;
    width: 18px;
    height: 35px;
    background-size: 18px;
  }
}