.header-scrolled {
    background-color: rgba(255, 255, 255, 0.98);
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

.hero-section {
    position: relative; /* Penting untuk posisi absolut slide */
    overflow: hidden; /* Memastikan slide yang tidak aktif tersembunyi */
    height: 700px;
}

@media screen and (max-width: 768px) {
    .hero-section {
        height: 500px;
    }
}

.hero-slide {
    background-size: cover;
    background-position: center;
    position: absolute; /* Memposisikan slide di atas satu sama lain */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 1s ease-in-out; /* Transisi untuk efek fade */
}

.hero-slide.active {
    opacity: 1;
}

/* Alpine.js x-cloak styles to prevent flash of unstyled content */
[x-cloak] {
    display: none !important;
}

.breadcrumb .breadcrumb-item a {
    font-weight: 500;
    color:#000;
    text-decoration: none;
}

.breadcrumb-area .breadcrumb-item+.breadcrumb-item::before {
    color: var(--tertiary);
}