body {
    background-color: #ffffff !important; /* Background putih */
    color: #333 !important; /* Teks berwarna gelap */
    font-family: 'Arial', sans-serif !important;
}

.card {
    border: none !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.card:hover {
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2) !important;
    transform: translateY(-5px) !important;
    transition: 0.3s !important;
}

.carousel-caption {
    background: rgba(0, 0, 0, 0.5) !important;
    padding: 15px !important;
    border-radius: 10px !important;
}

.carousel-indicators li {
    background-color: #333 !important; /* Hitam untuk indikator */
}

.carousel-indicators .active {
    background-color: #007bff !important; /* Biru untuk indikator aktif */
}

.btn-primary {
    background-color: #007bff !important; /* Biru untuk tombol primary */
    border-color: #007bff !important;
}

.btn-primary:hover {
    background-color: #0056b3 !important; /* Biru lebih gelap saat hover */
    border-color: #0056b3 !important;
}

.btn-danger {
    background-color: #333 !important; /* Hitam untuk tombol danger */
    border-color: #333 !important;
}

.btn-danger:hover {
    background-color: #555 !important; /* Hitam lebih terang saat hover */
    border-color: #555 !important;
}

.card-footer .btn {
    margin: 5px 0 !important;
}

.card-title {
    color: #007bff !important; /* Biru untuk judul kartu */
}

.text-danger {
    color: #007bff !important; /* Biru untuk teks dengan kelas .text-danger */
}

.text-muted {
    color: #6c757d !important; /* Abu-abu untuk teks yang lebih ringan */
}