body.nav-fixed-padding {
    padding-top: 100px; /* sesuaikan tinggi top-wrap + navbar */
}

.navbar.fixed-top-scroll {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1030;
    background-color: #081637 !important; 
    transition: background-color 0.3s ease;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

@media (max-width: 768px) {
    #map {
        height: 300px !important;
    }
}

.carousel-control-prev,
.carousel-control-next {
    width: 50px;
    height: 50px;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(0, 0, 0, 0.5); /* Hitam transparan */
    border-radius: 50%;
    opacity: 1;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    background-image: none; /* Hapus ikon bawaan Bootstrap */
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    font-size: 1.5rem;
    color: #fff;
}

.carousel-control-prev-icon::after,
.carousel-control-next-icon::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f104"; /* Default panah kiri */
}

.carousel-control-next-icon::after {
    content: "\f105"; /* Panah kanan */
}