.card-main {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
    margin: 3px;
}
.card-main:hover {
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}
/* Tambahkan ini */
.page-header.-type-1 {
    background-image: url('{{ asset('assets/image/header-wisata.png') }}');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    color: #fff; /* Warna teks disesuaikan dengan background */
}
/* Overlay untuk meningkatkan keterbacaan teks */
.page-header.-type-1::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5); /* Sesuaikan opacity */
    z-index: 0;
}
/* Pastikan konten di atas overlay */
.page-header__content {
    position: relative;
    z-index: 1;
}
/* Warna teks putih untuk header */
.page-header__title,
.page-header__text {
    color: #fff !important;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5); /* Optional: shadow untuk kontras */
}
/* Form pencarian */
.search-field {
    max-width: 600px; /* Lebar maksimum form */
}
/* Dropdown kategori */
#kategori {
    height: 50px;
    border-radius: 4px;
    border: 1px solid #ddd;
    padding: 0 15px;
}
/* Gaya untuk rating bintang */
.text-warning {
    color: #ffc107 !important; /* Warna kuning untuk bintang */
}
.fa-star, .fa-star-half-alt {
    font-size: 14px; /* Ukuran bintang */
    margin-right: 2px;
}
.eventCard__bg {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); /* shadow halus dan elegan */
    border-radius: 12px;
    transition: box-shadow 0.3s ease;
}
.eventCard__bg:hover {
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
}