/* YDC2026 — Hero Swiper overrides */

.bg-slider-home {
  transition: background-color 0.4s ease;
}

.bg-slider-home--1 {
  background-color: #ffebf4;
}

.bg-slider-home--2 {
  background-color: #e0ffdd;
}

.bg-slider-home--3 {
  background-color: #e7f0ff;
}

.bg-slider-home--4 {
  background-color: #fff3a9;
}

.ydc-hero-swiper {
  position: relative;
  overflow: hidden;
  padding-bottom: 20px;
  width: 100%;
  max-width: 100%;
}

.ydc-hero-swiper .swiper-wrapper {
  max-width: 100%;
}

.ydc-hero-swiper .swiper-slide {
  height: auto;
  width: 100%;
  box-sizing: border-box;
}

.ydc-hero-swiper .row {
  --bs-gutter-x: 0;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
}

.ydc-hero-swiper__controls {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 2;
  width: 100%;
  max-width: calc(58.333% - 12px);
  margin-left: auto;
  gap: 28px;
}

.ydc-hero-swiper__pagination {
  display: flex;
  align-items: center;
  gap: 8px;
  position: static;
  width: auto;
}

.ydc-hero-swiper__pagination .swiper-pagination-bullet {
  display: block;
  width: 48px;
  height: 8px;
  margin: 0;
  border-radius: 100px;
  background: rgba(178, 0, 88, 0.3);
  opacity: 1;
  transition: background-color 0.2s ease;
}

.ydc-hero-swiper__pagination .swiper-pagination-bullet-active {
  background: #b20058;
}

.ydc-hero-swiper__prev,
.ydc-hero-swiper__next {
  flex-shrink: 0;
}

@media (max-width: 991.98px) {
  /* .ydc-hero-swiper {
    padding-bottom: 80px;
  } */

  .ydc-hero-swiper__controls {
    max-width: none;
    justify-content: center;
  }
}

@media (max-width: 575.98px) {
  .ydc-hero-swiper__pagination .swiper-pagination-bullet {
    width: 32px;
  }
}