/* Tambahkan ini di file CSS Anda */
.navbar.sticky-top {
    transition: box-shadow 0.3s ease-in-out;
}

.navbar.sticky-top.scrolled {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}


@media (max-width: 768px) {
    .carousel-control-prev {
        left: -30px !important;
    }

    .carousel-control-next {
        right: -30px !important;
    }
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.carousel-control-prev:hover .carousel-control-prev-icon,
.carousel-control-next:hover .carousel-control-next-icon {
    transform: scale(1.2);
    box-shadow: 0 0 20px rgba(255, 193, 7, 0.6);
}