.swiper {
  width: 75%;
  height: auto;
  background: none !important;  
  box-shadow: none;
}

.swiper-slide {
  background: none !important;  
  display: flex;
  justify-content: center;
  align-items: center;
}
.swiper-slide-shadow,
.swiper-slide-shadow-left,
.swiper-slide-shadow-right {
  background: none !important;
  box-shadow: none !important;
}

.swiper-slide img {
  width: 100%;
  height: auto;
  object-fit: cover;  
  background: none !important;
  box-shadow: none !important;

}

.swiper-nav-bottom {
margin-top: 25px;
padding-top: 50px;
display: flex;
justify-content: center;
align-items: center;
gap: 25px;
}


.swiper-button-prev,
.swiper-button-next {
position: static !important;
width: 100px;
height: 100px;
padding-left: 30px;
padding-right: 30px;
padding-top: 30px;
padding-bottom: 30px;
border-radius: 50%;
background-color: #c00f0c; 
display: flex;
align-items: center;
justify-content: center;
font-size: 28px;
font-weight: 800;
border: none;
cursor: pointer;
transition: all 0.3s ease;
}


.swiper-button-prev i,
.swiper-button-next i {
color: white; /* warna normal */
font-size: 26px;
transition: color 0.3s ease;
}

.swiper-button-prev:hover i,
.swiper-button-next:hover i {
color: red; /* warna saat hover */
}
.swiper-button-prev:hover,
.swiper-button-next:hover {
background-color: #ffeaea; 
color: #c00f0c; 
transform: scale(1.05);
box-shadow: 0 4px 12px rgba(192, 15, 12, 0.25);
}

/* Hilangkan arrow default bawaan Swiper */
.swiper-button-prev::after,
.swiper-button-next::after {
display: none;
}

/* Pagination */
.swiper-pagination {
margin-top: 15px;
position: relative;
}

.swiper-pagination-bullet {
background: rgba(192, 15, 12, 0.4);
opacity: 1;
}

.swiper-pagination-bullet-active {
background: #c00f0c;
}