/* ===== SPLIDE TEXT ARROWS (EXACT MATCH) ===== */

.banner-splide .splide__arrows {
     position: absolute;
    bottom: 60px;
    /* left: 50%; */
    transform: translateX(-50%);
    display: flex;
    gap: 17px;
    z-index: 99;
    right: 114px;
    bottom: 32px;
    /* height: 10px; */
    /* width: 100%; */
    z-index: 1;

}

/* Base arrow button */
.banner-splide .splide__arrow {
  position: static;
  background: none;
  border: none;
  width: auto;
  height: auto;
  opacity: 1;
  color: #fff;
  font-size: 34px;            /* arrow size */
  font-weight: 400;
  line-height: 1;
  cursor: pointer;
  padding: 0;
}

/* Remove default SVG */
.banner-splide .splide__arrow svg {
  display: none;
}

/* LEFT arrow */
.banner-splide .splide__arrow--prev::before {
  content: "←";
}

/* RIGHT arrow */
.banner-splide .splide__arrow--next::before {
  content: "→";
}

/* Hover effect (optional but matches premium feel) */
.banner-splide .splide__arrow:hover {
  color: #ffffff;
}


@media (max-width: 768px) {

  .banner-splide .splide__arrows {
    right: auto;
    left: 78%;
    bottom: 20px;
    transform: translateX(-50%);
    gap: 24px;
    z-index: 1;
  }

  .banner-splide .splide__arrow {
    font-size: 26px;   /* smaller arrows for mobile */
  }
}