.background-image {
    /* background-image: url('header-3.jpg'); */
    background-image: url('mini-header.jpg');
    /* Ganti dengan lokasi gambar yang sesuai */
    background-size: cover;
    background-position: center;
    height: 300px;
    /* Sesuaikan tinggi gambar sesuai kebutuhan */
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    /* Warna teks */
    font-size: 24px;
    /* Ukuran teks */
}

.header-image {
    background-image: url('mini-header.jpg');
    /* Ganti dengan lokasi gambar yang sesuai */
    background-size: cover;
    background-position: center;
    height: 300px;
    /* Sesuaikan tinggi gambar sesuai kebutuhan */
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    /* Warna teks */
    font-size: 24px;
    /* Ukuran teks */
}
@media (max-width: 767px) {
    .background-image {
        height: 300px;
        /* Mengurangi tinggi gambar untuk perangkat mobile */
    }
}

.bg-buaf{
        --bs-bg-opacity: 1;
        background-color: rgb(17 70 46) !important;
}

#oke {
    margin-top: -7%;
    background-color: rgb(255, 253, 253);
    bottom: 10%;
    /* Atur nilai negatif yang sesuai dengan seperempat tinggi gambar */
}

#oke .card img {
    height: 200px;
    object-fit: cover;
}

#oke .card {
    margin-bottom: 25px;
}


/* gpt generate */
.navbar {
    background-color: #ffffff;
    /* Warna latar belakang navbar */
    border-bottom: 1px solid #e5e5e5;
    /* Garis bawah navbar */
}

.navbar-nav .nav-link {
    color: #333333;
    /* Warna teks link */
    font-weight: 500;
    /* Ketebalan teks link */
}

.navbar-nav .nav-link:hover {
    color: #007bff;
    /* Warna teks link saat dihover */
}

.navbar-toggler {
    border: none;
    /* Menghapus garis border pada toggler */
}

.navbar-toggler-icon {
    background-color: #333333;
    /* Warna ikon toggler */
}

.navbar-brand {
    color: #333333;
    /* Warna teks brand */
    font-weight: 700;
    /* Ketebalan teks brand */
}

.navbar-brand:hover {
    color: #070707;
    /* Warna teks brand saat dihover */
}

.navbar-nav .nav-item {
    border: 1px solid transparent;
    /* Garis kotak tipis di sekitar setiap item menu */
    border-radius: 5px;
    /* Membuat sudut kotak menjadi sedikit melengkung */
    margin-right: 5px;
    /* Jarak antara item menu */
}

.navbar-nav .nav-link {
    padding: 10px 15px;
    /* Padding teks pada setiap item menu */
}

.navbar-nav .nav-item:hover {
    border-color: #007bff;
    /* Warna garis kotak saat dihover */
}

#footer {
    /* background-color: #198754; */
    background-color: rgb(17 70 46) !important;
}