.Banner {
  width: 100%;
  padding: 0px 0 40px;
}

.Banner .banner_swiper {
  width: 100%;
}

.Banner .swiper-slide {
  width: 100%;
}

.Banner .img_holder {
  width: 100%;
  aspect-ratio: 10 / 4;
  overflow: hidden;
  border-radius: 10px;
  cursor: pointer;
}

.Banner .img_holder .image {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  border-radius: 20px;
  transition: transform 0.6s ease;
}

.Banner .banner_swiper .swiper-pagination {
  bottom: 5px;
}

.Banner .banner_swiper .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  margin: 0 5px !important;
  background: #c98b91;
  opacity: 1;
  transition: all 0.3s ease;
}

.Banner .banner_swiper .swiper-pagination-bullet-active {
  width: 25px;
  border-radius: 10px;
  background: #8f4b55;
}

@media (min-width: 576px) and (max-width: 991px) {
  .Banner .img_holder {
    border-radius: 14px;
  }

  .Banner .img_holder .image {
    border-radius: 14px;
  }
  .Banner {
    padding: 0px 0 0px;
  }
}

@media (min-width: 0px) and (max-width: 575px) {
  .Banner .img_holder {
    border-radius: 10px;
  }
  .Banner {
    padding: 0px 0 0px;
  }

  .Banner .img_holder .image {
    border-radius: 10px;
  }

  .Banner .banner_swiper .swiper-pagination {
    bottom: 0;
  }

  .Banner .banner_swiper .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    margin: 0 3px !important;
  }

  .Banner .banner_swiper .swiper-pagination-bullet-active {
    width: 18px;
  }
}