*,
body,
pre {
    font-family: "Nunito", sans-serif;
}

.hero-image {
    filter: brightness(.5);
}

.review {
    height: 40vh !important;
}

.swiper {
    width: 100%;
    height: 100%;
}

.swiper-button-next {
    color: white !important;
}

.swiper-button-prev {
    color: white !important;
}

.swiper-pagination-bullet {
    background-color: white !important;
}

div.background-image {
    background: url('../image/2.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

div.bg-geometric {
    background: url('../image/bg.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: none;
    display: flex;
    justify-content: center;
    align-items: center;
}


/* background */

.bg-red {
    background-color: #861D20;
}

.bg-cream {
    background-color: #E5D8BC;
}

.bg-cream-white {
    background-color: #FFFAF2;
}


/* button */

.btn-primary {
    background-color: #C59D5F;
    border: none;
    border-radius: 0;
}

.btn-primary:hover {
    background-color: #861D20;
}

.btn.btn-primary:active {
    background-color: #861D20;
}

.btn-red {
    color: white;
    border: none;
    border-radius: 0;
    background-color: #861D20;
}

.btn-red:hover {
    color: white;
    border: none;
    border-radius: 0;
    background-color: #861D20;
}

.btn.btn-red:active {
    color: white;
    border: none;
    border-radius: 0;
    background-color: #861D20;
}


/* text color */

.text-cream {
    color: #C59D5F !important;
}

.text-black-hovered {
    color: black;
}

.text-black-hovered:hover {
    color: #ae8b55;
    cursor: pointer;
}

.dropdown-item:active {
    background-color: white !important;
    color: black !important;
}


/* Mengatur dropdown agar tampil saat di hover */


/* Sembunyikan dropdown kecil di perangkat besar */

@media (min-width: 769px) {
    .p-6 {
        padding: 10em;
    }
    .px-6 {
        padding: 0 10em;
    }
    .vh-60 {
        height: 60vh !important;
    }
    .vh-50 {
        height: 50vh !important;
    }
    /* dropdown */
    .dropdown:hover>.dropdown-menu,
    .dropend:hover>.dropdown-menu {
        display: block;
        margin-top: 0;
    }
    .dropend:hover>.dropdown-menu {
        position: absolute;
        left: 100%;
        top: 0;
        margin-left: .125em;
    }
}


/* Tampilkan dropdown kecil di perangkat mobile */

@media (max-width: 768px) {
    .dropdown-item:hover+.dropdown-menu {
        display: block;
        /* Tampilkan submenu di perangkat mobile saat hover */
    }
    .vh-60 {
        height: 50vh !important;
    }
    .vh-50 {
        height: 20vh !important;
    }
}