.breadcrumb-container {
    position: absolute;
    top: 20px;
    left: 100px;
    z-index: 10;
}

.breadcrumb {
    background: transparent !important;
    padding: 0;
    margin: 0;
}

.breadcrumb-item a {
    color: #198C2D; /* Warna hijau untuk link */
    text-decoration: none; /* Menghilangkan garis bawah */
}

.breadcrumb-item a:hover {
    color: #1B8E2D; /* Warna saat hover */
}

.breadcrumb-item a:visited {
    color: #198C2D !important; /* Warna setelah diklik */
}

.breadcrumb-item.active {
    color: #198C2D !important; /* Warna untuk item aktif */
}

.header-image {
    width: 100%;
    height: auto;
    max-height: 300px;
    object-fit: cover;
    filter: brightness(40%);
}
 @media (max-width: 768px) {
        .header-image {
            max-height: 200px !important; /* Smaller height for mobile */
        }
    }

    @media (max-width: 576px) {
        .header-image {
            max-height: 150px !important; /* Even smaller for very small screens */
        }
    }

    @media (max-width: 768px) {
    .breadcrumb-container {
        margin-left: -50px !important; /* Margin kiri untuk medium screens */
        font-size: smaller !important;
    }
}

@media (max-width: 576px) {
    .breadcrumb-container {
        margin-left: -80px !important; /* Margin kiri untuk small screens */
        font-size: smaller !important;
    }
}