body{
                                        font-family:Merriweather;
                                                color:#ffffff;
                                                font-size:18px;
                                                line-height:1.5;
                                                font-weight:400;
                            }
            /*----------main color------------*/
        .text-blue-1,
        .header .header-menu .menu .subnav > li > a:hover,
        .bravo_wrap .footer .menu-footer .menu__nav li .subnav > li > a:hover,
        .desktopMenu .menu a:hover,
        .desktopMenu .menu .subnav__backBtn a,
        .hotel_rooms_form .nav-enquiry .enquiry-item.active span,
        .bravo_single_book .nav-enquiry .enquiry-item.active span,
        .pricing-table .title{
            color: #000000;
        }

        .tabs.-underline .tabs__controls .tabs__button:hover,
        .tabs.-pills-2 .tabs__controls .tabs__button:hover,
        .tabs.-bookmark-2 .tabs__button:hover,
        .sidebar.-dashboard .sidebar__button.-is-active,
        .tabs.-underline-2 .tabs__controls .tabs__button.is-tab-el-active,
        .accordion.-db-sidebar .accordion__item.is-active .sidebar__button,
        .tabs.-underline-2 .tabs__controls .tabs__button:hover{
            color: #000000 !important;
        }

        .pagination.-dots .pagination__item.is-active,
        .button.-outline-blue-1:hover,
        .form-checkbox:hover input ~ .form-checkbox__mark,
        .pricing-tabs .tab-btns:before,
        .tabs.-underline-2 .tabs__controls .tabs__button::after{
            background-color: #000000;
        }

        .bg-blue-1,
        .button.-blue-1:hover,
        .tabs.-pills-2 .tabs__controls .tabs__button.is-tab-el-active,
        .tourTypeCard.-type-1:hover,
        .noUi-connect,
        .accordion.-map .accordion__item.is-active .accordion__icon,
        .form-checkbox input:checked ~ .form-checkbox__mark{
            background-color: #000000 !important;
        }

        .button.-blue-1:hover,
        .border-blue-1,
        .button.-outline-blue-1,
        .noUi-handle,
        .hotel_rooms_form .nav-enquiry .enquiry-item.active span,
        .bravo_single_book .nav-enquiry .enquiry-item.active span,
        .form-checkbox input:checked ~ .form-checkbox__mark,
        .pricing-table .inner-box:hover, .pricing-table.tagged .inner-box{
            border-color: #000000;
        }
        /*-----------end main color------------*/
    
            h1{
            font-family: Playfair Display, sans-serif
        }
                h2{
            font-family: Nunito, sans-serif
        }
                h3{
            font-family: Open Sans, sans-serif
        }
    
    /* Global Styles */
body {
    background-color: #000; /* Warna background hitam solid */
    background-image: url('path-to-your-marble-or-islamic-pattern-image.jpg'); /* Ganti dengan path gambar Anda */
    background-size: cover;
    background-repeat: no-repeat;
    color: #fff; /* Warna teks putih */
    font-family: 'Arial', sans-serif;
}

/* Header */
.header {
    background-color: #000 !important; /* Warna background hitam solid */
    padding: 20px;

}

/* About Section */
.layout-pt-md.bravo-about-text {
    background-color: #000; /* Warna background hitam solid */
    padding: 20px;

}

.layout-pt-md.bravo-about-text,
.layout-pt-md.bravo-about-text h2,
.layout-pt-md.bravo-about-text p {
    color: #fff !important;
}

/* Locations Section */
.layout-pt-md.layout-pb-md.bravo-list-locations.style_4 {
    background-color: #000; /* Warna background hitam solid */
    padding: 20px;
}

/* General Section */
.layout-pt-md {
    background-color: #000; /* Warna background hitam solid */
    color: #fff;
    padding: 20px;
}

.layout-pt-md a {
    color: #ecc158; /* Warna emas untuk link */
}

/* Tour Cards */
/* Kontainer kartu */
.tourCard {
    background: linear-gradient(to bottom, #ecc158, #000);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    color: white;
    border: 2px solid #ecc158; /* Bingkai emas */
}

.tourCard:hover {
    transform: translateY(-5px);
    box-shadow: 0px 8px 15px rgba(236, 193, 88, 0.5); /* Highlight emas saat hover */
}

/* Gambar kartu */
.tourCard__image {
    position: relative;
}

.cardImage {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-radius: 16px;
}

.cardImage img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
    border-radius: 16px;
}

/* Wishlist Button */
.cardImage__wishlist {
    position: absolute;
    top: 10px;
    right: 10px;
}

.cardImage__wishlist .button {
    border: none;
    cursor: pointer;
    transition: background 0.3s ease-in-out;
    color: #ecc158; /* Warna emas */
    background-color: #000; /* Latar belakang hitam */
}

.cardImage__wishlist .button:hover {
    background: #ecc158; /* Warna emas saat hover */
    color: #000;
}

/* Badge Unggulan */
.cardImage__leftBadge {
    position: absolute;
    top: 10px;
    left: 10px;
}

.cardImage__leftBadge .bg-yellow-1 {
    background: #ecc158; /* Warna emas */
    color: #000;
    padding: 5px 15px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 500;
}

/* Konten kartu */
.tourCard__content {
    padding: 15px;
    color: white;
}

/* Pastikan semua teks dalam kartu berwarna putih */
.tourCard__content * {
    color: white !important;
}

/* Judul */
.tourCard__title {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 5px;
    color: #ecc158; /* Warna emas */
    font-family: 'Your-Arabic-Calligraphy-Font', sans-serif; /* Font kaligrafi Arab modern */
}

.tourCard__title a {
    text-decoration: none;
    color: #ecc158 !important; /* Warna emas */
    transition: color 0.3s ease-in-out;
}

.tourCard__title a:hover {
    color: #ffd700 !important; /* Warna emas lebih terang saat hover */
}

/* Harga */
.text-red-1 {
    color: #ff4d4d !important;
    text-decoration: line-through;
}

.text-dark-1 {
    font-weight: 600;
    color: white !important;
}

/* Animasikan masuk dari kiri */
[data-anim-child="slide-left delay-4"] {
    opacity: 0;
    transform: translateX(-30px);
    transition: opacity 0.8s ease-in-out, transform 0.8s ease-in-out;
}

/* Saat elemen masuk viewport */
.is-in-view {
    opacity: 1 !important;
    transform: translateX(0) !important;
}

/* Buttons */
.layout-pt-md .button {
    background-color: #ecc158; /* Warna kuning baru */
    color: #000;

}

.layout-pt-md .button:hover {
    background-color: #ccac00; /* Warna kuning lebih gelap saat hover */
    border-color: #ccac00;
}

/* Tour List Items */
.tour-list-item {
    background-color: #000 !important; /* Warna background hitam solid */
    color: #fff !important;

}

.tour-list-item h2,
.tour-list-item p,
.tour-list-item a,
.tour-list-item span,
.tour-list-item div {
    color: #fff !important;
}

.button {
    background-color: #ecc158 !important; /* Warna kuning baru */
    color: #000 !important;
    border: 2px solid #ecc158; /* Bingkai emas */
}

.button:hover {
    background-color: #ccac00 !important; /* Warna kuning lebih gelap saat hover */
    border-color: #ccac00;
}

/* Large Sections */
.layout-pt-lg.layout-pb-lg.bg-blue-2 {
    background-color: #000 !important; /* Warna background hitam solid */
    color: #fff !important;
    border: 2px solid #ecc158; /* Bingkai emas */
    border-radius: 16px;
}

.layout-pt-lg.layout-pb-lg.bg-blue-2 h2,
.layout-pt-lg.layout-pb-lg.bg-blue-2 p,
.layout-pt-lg.layout-pb-lg.bg-blue-2 div,
.layout-pt-lg.layout-pb-lg.bg-blue-2 h5 {
    color: #fff !important;
}

.layout-pt-lg.layout-pb-lg.bg-blue-2 .icon-star {
    color: #ecc158 !important; /* Warna kuning baru */
}

/* News Section */
.bravo-list-news {
    background-color: #000; /* Warna background hitam solid */
    color: #fff; /* Warna teks putih */

}

.sectionTitle__title,
.sectionTitle__text,
.item-news h4,
.item-news .text-light-1 {
    color: #fff; /* Warna teks putih */
}

.item-news a {
    color: #ecc158; /* Warna emas untuk link */
    text-decoration: none;
}

.item-news a:hover {
    color: #ffd700; /* Warna emas lebih terang saat hover */
}

.blogCard__image img {

}

.img-ratio.js-lazy.lazy {
    background-color: #000; /* Warna background hitam solid */
}

/* Footer */
.footer {
    background-color: black !important;
    color: white !important;
}

.footer a {
    color: white !important;
}

.footer h5 {
    color: white !important;
}

.footer p {
    color: white !important;
}

.footer .email-input {
    background-color: black !important;
    color: white !important;
    border: 1px solid white;
}

.footer .button {
    color: black !important;
    background-color: white !important;
}

.text-dark-1, 
.text-dark-1 p, 
.text-dark-1 strong, 
.text-dark-1 ul, 
.text-dark-1 li {
    color: white !important;
}

.header-logo-container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.header-logo {
    display: block;
    margin: 0 auto;
}

/* Tour Card Content */
.tourCard__content {
    padding: 15px;
    color: white;
    display: flex;
    flex-direction: column;
    gap: 5px; /* Mengatur jarak antara elemen */
}

/* Judul Kartu */
.tourCard__title {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 5px;
    color: #ecc158; /* Warna emas */
    font-family: 'Your-Arabic-Calligraphy-Font', sans-serif; /* Font kaligrafi Arab modern */
    white-space: nowrap; /* Mencegah teks terpotong ke baris baru */
    overflow: hidden; /* Menyembunyikan teks yang melebihi container */
    text-overflow: ellipsis; /* Menambahkan ellipsis (...) jika teks terpotong */
}

.tourCard__title a {
    text-decoration: none;
    color: #ecc158 !important; /* Warna emas */
    transition: color 0.3s ease-in-out;
}

.tourCard__title a:hover {
    color: #ffd700 !important; /* Warna emas lebih terang saat hover */
}

/* Atribut Kartu */
.tourCard__attributes {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* Membagi menjadi 2 kolom */
    gap: 5px; /* Mengatur jarak antara elemen */
}

.tourCard__attributes > div {
    margin-bottom: 5px; /* Mengurangi jarak bawah setiap atribut */
    font-weight: 500;
    color: #fff; /* Warna teks putih */
    white-space: nowrap; /* Mencegah teks terpotong ke baris baru */
    overflow: hidden; /* Menyembunyikan teks yang melebihi container */
    text-overflow: ellipsis; /* Menambahkan ellipsis (...) jika teks terpotong */
}

.tourCard__attributes ul {
    margin: 0; /* Menghapus margin default pada list */
    padding-left: 20px; /* Mengatur padding kiri untuk list */
}

.tourCard__attributes ul li {
    margin-bottom: 5px; /* Mengurangi jarak bawah setiap item list */
    color: #fff; /* Warna teks putih */
    font-size: 14px;
    white-space: nowrap; /* Mencegah teks terpotong ke baris baru */
    overflow: hidden; /* Menyembunyikan teks yang melebihi container */
    text-overflow: ellipsis; /* Menambahkan ellipsis (...) jika teks terpotong */
}

        /* CSS khusus untuk galeri dokumentasi */
        .bravo-news {
            max-width: 1200px;
            margin: 0 auto;
            padding: 15px;
            background: linear-gradient(135deg, #000000 0%, #1a1a1a 50%, #000000 100%);
            border-radius: 15px;
            box-shadow: 0 0 30px rgba(218, 165, 32, 0.3);
            border: 1px solid rgba(218, 165, 32, 0.3);
            position: relative;
            overflow: hidden;
        }
        
        .bravo-news::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 4px;
            background: linear-gradient(90deg, #d4af37, #f0d475, #d4af37);
            z-index: 10;
        }
        
        .bravo_content {
            padding: 20px 0;
        }
        
        /* Header dan judul */
        .title {
            font-size: 1.8rem;
            margin: 20px 0;
            padding-bottom: 15px;
            border-bottom: 2px solid #ecc158;
            color: #ecc158;
            text-align: center;
            position: relative;
        }
        
        .title::after {
            content: "";
            position: absolute;
            bottom: -2px;
            left: 45%;
            width: 10%;
            height: 4px;
            background: #ecc158;
            border-radius: 2px;
        }
        
        /* Info post */
        .post-info {
            background: rgba(30, 30, 30, 0.8);
            padding: 15px;
            border-radius: 10px;
            margin: 20px 0;
            border-left: 3px solid #ecc158;
        }
        
        .post-info ul {
            list-style: none;
            display: flex;
            flex-wrap: wrap;
            gap: 15px;
        }
        
        .post-info li {
            display: flex;
            align-items: center;
        }
        
        .post-info span {
            color: #ecc158;
            font-weight: 600;
            margin-right: 5px;
        }
        
        /* Galeri styling */
        .g-gallery {
            background: rgba(15, 15, 15, 0.9);
            border-radius: 10px;
            overflow: hidden;
            padding: 15px;
            margin: 25px 0;
            border: 1px solid rgba(236, 193, 88, 0.2);
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
        }
        
        .fotorama {
            border-radius: 8px;
            overflow: hidden;
        }
        
        .fotorama__stage {
            border: 1px solid rgba(236, 193, 88, 0.4) !important;
            border-radius: 8px;
        }
        
        .fotorama__thumb {
            border: 1px solid rgba(236, 193, 88, 0.3) !important;
            border-radius: 4px;
            transition: all 0.3s ease;
        }
        
        .fotorama__thumb:hover {
            border-color: #ecc158 !important;
            transform: scale(1.05);
        }
        
        .fotorama__active .fotorama__thumb {
            border: 2px solid #ecc158 !important;
        }
        
        .fotorama__arr--prev, .fotorama__arr--next {
            background-color: rgba(236, 193, 88, 0.7) !important;
            border-radius: 50%;
            width: 40px !important;
            height: 40px !important;
        }
        
        .fotorama__fullscreen-icon {
            background-color: rgba(236, 193, 88, 0.7) !important;
            border-radius: 4px;
        }
        
        /* Social sharing */
        .social {
            margin: 25px 0;
        }
        
        .social-share {
            display: flex;
            align-items: center;
            gap: 15px;
        }
        
        .social-icon {
            background: linear-gradient(135deg, #ecc158, #f0d475);
            width: 40px;
            height: 40px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #000;
            font-size: 1.2rem;
        }
        
        .share-wrapper {
            display: flex;
            gap: 10px;
            list-style: none;
        }
        
        .share-wrapper a {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 36px;
            height: 36px;
            border-radius: 50%;
            background: #333;
            color: #ecc158;
            transition: all 0.3s ease;
            font-size: 1rem;
        }
        
        .share-wrapper a:hover {
            background: #ecc158;
            color: #000;
            transform: translateY(-3px);
        }
        
        /* Tags styling */
        .space-between {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            gap: 20px;
            margin: 30px 0;
            padding: 20px 0;
            border-top: 1px solid rgba(236, 193, 88, 0.3);
            border-bottom: 1px solid rgba(236, 193, 88, 0.3);
        }
        
        .tags {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            align-items: center;
        }
        
        .tags span {
            color: #ecc158;
            font-weight: 600;
        }
        
        .tag-item {
            background: rgba(236, 193, 88, 0.2);
            color: #f0d475;
            padding: 5px 12px;
            border-radius: 20px;
            font-size: 0.85rem;
            text-decoration: none;
            transition: all 0.3s ease;
            border: 1px solid rgba(236, 193, 88, 0.3);
        }
        
        .tag-item:hover {
            background: rgba(236, 193, 88, 0.4);
            transform: translateY(-2px);
        }
        
        /* Bagikan styling */
        .share {
            display: flex;
            align-items: center;
            gap: 15px;
        }
        
        .share-item {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 36px;
            height: 36px;
            border-radius: 50%;
            background: rgba(236, 193, 88, 0.2);
            color: #f0d475;
            transition: all 0.3s ease;
            font-size: 1rem;
            text-decoration: none;
        }
        
        .share-item:hover {
            background: #ecc158;
            color: #000;
            transform: translateY(-3px);
        }
        
        /* Responsif untuk ponsel */
        @media (max-width: 768px) {
            .bravo-news {
                padding: 10px;
            }
            
            .title {
                font-size: 1.5rem;
            }
            
            .post-info ul {
                flex-direction: column;
                gap: 8px;
            }
            
            .g-gallery {
                padding: 10px;
            }
            
            .space-between {
                flex-direction: column;
                gap: 15px;
            }
            
            .fotorama__nav--thumbs .fotorama__nav__frame {
                padding: 10px !important;
                height: 100px !important;
            }
            
            .fotorama__thumb-border {
                height: 96px !important;
            }
            
            .fotorama__thumb {
                max-height: 100px !important;
            }
        }
        
        @media (max-width: 480px) {
            .title {
                font-size: 1.3rem;
            }
            
            .social-share {
                flex-direction: column;
                align-items: flex-start;
            }
            
            .fotorama__nav--thumbs .fotorama__nav__frame {
                padding: 8px !important;
                height: 80px !important;
            }
            
            .fotorama__thumb-border {
                height: 76px !important;
            }
            
            .fotorama__thumb {
                max-height: 80px !important;
            }
        }
        
        /* Efek tambahan */
        .gold-text {
            color: #ecc158;
        }
        
        .gold-border {
            border: 1px solid rgba(236, 193, 88, 0.4);
        }
        
        .gold-glow {
            box-shadow: 0 0 10px rgba(236, 193, 88, 0.4);
        }