/* Menggunakan font Inter untuk seluruh halaman */
body {
    font-family: 'Inter', sans-serif;
}

/* Kontainer untuk slider gambar */
.slider-container {
    position: relative;
    width: 100%;
    height: 70vh; /* Tinggi slider adalah 70% dari tinggi viewport */
    overflow: hidden; /* Sembunyikan bagian gambar yang melebihi kontainer */
}

/* Penataan untuk setiap gambar di dalam slider */
.slider-image {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Pastikan gambar menutupi seluruh area tanpa distorsi */
    opacity: 0; /* Gambar disembunyikan secara default */
    transition: opacity 1.5s ease-in-out; /* Animasi transisi saat gambar muncul */
    filter: brightness(0.7); /* Membuat gambar sedikit lebih gelap agar teks lebih mudah dibaca */
}

/* Kelas 'active' untuk menampilkan gambar */
.slider-image.active {
    opacity: 1; /* Membuat gambar yang aktif menjadi terlihat */
}