.btn-download {
  background-color: green;
  color: white;
}

.r-14 {
  border-radius: 8px;
}

.splide {
  max-width: 1000px;
  margin: auto;
}
.splide__slide {
  display: flex;
  align-items: center;
  justify-content: center;
}
.splide__slide img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 0.75rem;
}

/* --- Tombol navigasi custom --- */
.splide__arrow {
  background: rgba(255,255,255,0.9);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
  box-shadow: 0 2px 6px rgba(0,0,0,0.15);
}
.splide__arrow svg {
  fill: #555;
  width: 20px;
  height: 20px;
}
.splide__arrow--prev {
  left: -20px; /* geser keluar sedikit */
}
.splide__arrow--next {
  right: -20px;
}

/* Hover effect */
.splide__arrow:hover {
  background: white;
}

/* Tinggi kontainer Splide lebih besar */
#image-splide {
  max-width: 1000px;
  margin: auto;
}

/* Hilangkan batas tinggi fixed supaya gambar membesar */
#image-splide .splide__slide {
  display: flex;
  align-items: center;
  justify-content: center;
  height: auto; /* penting: biar tinggi mengikuti gambar */
}

/* Gambar mengisi penuh area slide */
#image-splide .splide__slide img {
  width: 100%;
  height: 300px;      /* atur tinggi sesuai keinginan */
  object-fit: cover;  /* isi penuh, crop bagian lebih */
  border-radius: 0.75rem;
}

.dropdown-user-wide {
    min-width: 320px; /* ubah sesuai kebutuhan, default Bootstrap biasanya 10rem */
}

@media (min-width: 992px) { /* Laptop ke atas */
    .w-full-xs {
        width: auto !important; /* kembali ke ukuran w-xl */
    }
    .center-xs {
        text-align: center;
    }
}