.main-banner-swiper {
    width: 100%;
    height: 450px; /* Sesuaikan tinggi slider */
}

.slider-item {
    background-size: cover;
    background-position: center;
    height: 100%;
    width: 100%;
}

.slider-overlay {
    background: linear-gradient(to right, rgba(0,0,0,0.6), rgba(0,0,0,0.1));
    height: 100%;
    display: flex;
    align-items: center;
}

.slider-content {
    max-width: 600px;
    padding: 20px;
}

/* Penyesuaian Swiper Buttons agar lebih modern */
.swiper-button-next:after, .swiper-button-prev:after {
    font-size: 20px;
    font-weight: bold;
}

.swiper-pagination-bullet-active {
    background: #ff0055; /* Warna pink khas app Anda */
}

.main-slider-section {
    /* Sesuaikan angka ini dengan tinggi header Anda */
    padding-top: 80px;
    z-index: 1;
}

/* Jika di mobile headernya lebih pendek, sesuaikan dengan media query */
@media (max-width: 991px) {
    .main-slider-section {
        padding-top: 60px; 
    }
}

/* Pengaturan standar (Desktop tetap aman) */
.swiper-button-next, 
.swiper-button-prev {
    top: 50%;
    transform: translateY(-50%);
}

/* Penyesuaian khusus mode Mobile */
@media (max-width: 767px) {
    .swiper-button-next, 
    .swiper-button-prev {
        /* Kita turunkan sedikit posisinya, misalnya ke 60% atau 65% 
           agar sejajar dengan area teks dan tombol */
        top: 65% !important; 
        transform: translateY(-65%) !important;
    }
    
    /* Perkecil ukuran panah agar tidak terlalu mendominasi di layar kecil */
    .swiper-button-next:after, 
    .swiper-button-prev:after {
        font-size: 25px !important;
    }
}