.elementor-98 .elementor-element.elementor-element-b8fb0d8{--display:flex;}.elementor-98 .elementor-element.elementor-element-fc14d52{--display:flex;}.elementor-98 .elementor-element.elementor-element-6df1514{--display:flex;}.elementor-98 .elementor-element.elementor-element-b647440{--display:flex;}.elementor-98 .elementor-element.elementor-element-9bbf7fb{--display:flex;}.elementor-98 .elementor-element.elementor-element-decf256{--display:flex;}.elementor-98 .elementor-element.elementor-element-5fd0d9d{--display:flex;}.elementor-98 .elementor-element.elementor-element-cb2a149{--display:flex;}.elementor-98 .elementor-element.elementor-element-374d24f{--display:flex;}/* Start custom CSS for container, class: .elementor-element-b8fb0d8 *//* Palet Warna: Biru Tua (#0A192F), Emas (#D4AF37), Background Abu Muda (#F5F5F5) */

#sultan-domestic-package {
    background-color: #F8F8F8; /* Latar belakang abu muda yang lembut */
    padding: 80px 40px;
    font-family: 'Montserrat', sans-serif;
}

.content-wrapper {
    display: flex;
    align-items: center;
    max-width: 1200px;
    margin: 0 auto;
    gap: 50px; /* Jarak antar kolom */
}

/* ----------------- KOLOM KIRI (VISUAL) ----------------- */
.visual-column {
    flex: 1; /* Ambil 50% lebar */
    text-align: center;
}

.package-visual {
    max-width: 100%;
    height: auto;
}

.visual-note {
    font-size: 12px;
    color: #666;
    margin-top: 10px;
}

/* ----------------- KOLOM KANAN (TEKS) ----------------- */
.text-column {
    flex: 1; /* Ambil 50% lebar */
    text-align: left;
}

.title-heading {
    font-family: 'Playfair Display', serif; /* Font elegan */
    font-size: 48px;
    font-weight: 700;
    color: #0A192F; /* Biru Tua */
    margin-bottom: 5px;
    line-height: 1.1;
}

.subtitle {
    font-size: 20px;
    color: #4A5568;
    margin-bottom: 10px;
}

.tagline {
    font-size: 28px;
    font-weight: 700;
    color: #0A192F; /* Biru Tua */
    margin-bottom: 15px;
}

.highlight {
    /* Gaya untuk meniru penekanan tulisan tebal/oranye dari contoh */
    font-weight: 800;
}

.description {
    font-size: 16px;
    color: #4A5568;
    margin-bottom: 30px;
}

/* ----------------- TOMBOL CTA ELEGAN (Emas) ----------------- */
.sultan-cta-button {
    display: inline-block;
    background-color: #D4AF37; /* Tombol Emas */
    color: #0A192F; /* Teks Biru Tua */
    padding: 12px 30px;
    text-decoration: none;
    font-weight: 700;
    border-radius: 50px; /* Bentuk Pill/Oval */
    font-size: 18px;
    transition: background-color 0.3s, transform 0.2s;
    box-shadow: 0 4px 10px rgba(212, 175, 55, 0.4); /* Bayangan lembut emas */
}

.sultan-cta-button:hover {
    background-color: #f0c330; /* Emas yang sedikit lebih cerah */
    transform: translateY(-2px);
}


/* ----------------- RESPONSIVITAS MOBILE ----------------- */
@media (max-width: 900px) {
    .content-wrapper {
        flex-direction: column; /* Ubah tata letak menjadi tumpukan vertikal */
        text-align: center;
        gap: 30px;
    }

    .visual-column {
        order: 1; /* Pindahkan visual ke atas di mobile */
    }

    .text-column {
        order: 2;
        text-align: center;
    }

    .title-heading {
        font-size: 36px;
    }

    .subtitle, .tagline {
        font-size: 20px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1c702f2 *//* Palet Warna: Biru Tua (#0A192F), Emas (#D4AF37), Putih (#FFFFFF) */

#sultan-destinations {
    padding: 60px 20px;
    background-color: #FFFFFF; /* Latar belakang putih bersih */
    font-family: 'Montserrat', sans-serif;
}

.section-title-sultan {
    font-family: 'Playfair Display', serif; /* Font elegan */
    font-size: 36px;
    font-weight: 700;
    color: #0A192F; /* Biru Tua */
    text-align: left;
    max-width: 1200px;
    margin: 0 auto 30px auto; /* Tengah dengan margin bawah */
    padding-left: 10px;
}

/* ----------------- GRID KARTU DESTINASI ----------------- */
.destinations-grid {
    display: flex;
    gap: 20px; /* Jarak antar kartu */
    overflow-x: auto; /* Untuk memastikan 5 kartu terlihat di desktop */
    max-width: 1200px;
    margin: 0 auto;
    padding-bottom: 20px; /* Jarak untuk scrollbar jika muncul */
}

.destination-card {
    flex-basis: 20%; /* Setiap kartu mengambil 20% lebar (5 kartu) */
    flex-shrink: 0; /* Penting: agar kartu tidak mengecil di desktop */
    height: 400px; /* Tinggi kartu yang seragam */
    background-size: cover;
    background-position: center;
    border-radius: 12px; /* Sudut membulat */
    overflow: hidden;
    position: relative;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); /* Bayangan lembut */
    transition: transform 0.3s ease;
    
    /* Ganti gambar placeholder jika tidak ada URL gambar */
    background-color: #0A192F; 
}

.destination-card:hover {
    transform: translateY(-5px); /* Efek terangkat saat di-hover */
}

/* ----------------- OVERLAY DAN TULISAN DI KARTU ----------------- */
.overlay-sultan {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    /* Gradient Overlay: Gelap di bawah, transparan di atas */
    background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 50%);
    
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 20px;
}

.card-title {
    font-size: 24px;
    font-weight: 700;
    color: #FFFFFF;
    margin-bottom: 15px;
    line-height: 1.2;
}

/* ----------------- TOMBOL KARTU ELEGAN (Emas) ----------------- */
.card-button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #D4AF37; /* Emas */
    color: #0A192F; /* Teks Biru Tua */
    padding: 8px 15px;
    text-decoration: none;
    font-weight: 600;
    border-radius: 50px;
    font-size: 14px;
    width: 120px;
    transition: background-color 0.3s;
}

.card-button::after {
    content: '→'; /* Simbol panah */
    font-size: 18px;
    margin-left: 5px;
}

.card-button:hover {
    background-color: #f0c330; /* Emas lebih cerah */
}

/* ----------------- RESPONSIVITAS MOBILE & TABLET ----------------- */
@media (max-width: 1024px) {
    .destinations-grid {
        /* Memungkinkan scroll horizontal */
        padding: 0 10px;
    }
    
    .destination-card {
        flex-basis: 35%; /* Tampilkan sekitar 3 kartu per layar */
        height: 350px;
    }
}

@media (max-width: 768px) {
    .section-title-sultan {
        text-align: center;
    }

    .destinations-grid {
        /* Memungkinkan scroll horizontal */
        padding: 0 10px;
    }

    .destination-card {
        flex-basis: 50%; /* Tampilkan 2 kartu per layar */
        height: 300px;
    }
    
    .card-title {
        font-size: 20px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f92660e *//* Styling Global Section */
#sultan-paket-harga {
    padding: 80px 20px;
    background-color: #F8F8F8; /* Latar belakang abu muda */
    font-family: 'Montserrat', sans-serif;
}

.sultan-section-heading {
    font-family: 'Playfair Display', serif;
    font-size: 38px;
    font-weight: 700;
    color: #0A192F; /* Biru Tua */
    text-align: center;
    margin-bottom: 50px;
}

/* Container Grid */
.paket-grid-container {
    display: flex;
    justify-content: center;
    gap: 30px;
    max-width: 1200px;
    margin: 0 auto;
}

/* Styling Kartu Paket */
.paket-card {
    flex-basis: 30%;
    background-color: #0A192F; /* Biru Tua Solid */
    border-radius: 15px; /* Lebih elegan */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2); /* Bayangan kuat */
    overflow: hidden;
    color: #FFFFFF;
    transition: transform 0.3s;
}

.paket-card:hover {
    transform: translateY(-5px);
}

/* Header (Harga) */
.card-header-sultan {
    background-color: rgba(212, 175, 55, 0.9); /* Emas semi-transparan */
    padding: 20px;
    text-align: center;
}

.start-from {
    font-size: 14px;
    font-weight: 500;
    color: #0A192F;
}

.price-sultan {
    font-family: 'Playfair Display', serif;
    font-size: 32px;
    font-weight: 900;
    color: #0A192F; /* Biru Tua untuk kontras dengan Emas */
    margin: 5px 0 0 0;
}

/* List Fasilitas */
.facilities-list-sultan {
    list-style: none;
    padding: 20px;
    margin: 0;
    font-size: 15px;
}

.facilities-list-sultan li {
    margin-bottom: 10px;
    color: #F7F7F7; /* Putih Gading */
    display: flex;
    align-items: center;
}

.facilities-list-sultan li i {
    color: #D4AF37; /* Icon Emas */
    margin-right: 10px;
    font-size: 16px;
}

/* Footer (Nama Paket & Tombol) */
.card-footer-sultan {
    padding: 20px;
    background-color: rgba(255, 255, 255, 0.05); /* Sedikit gelap di bawah */
    text-align: center;
}

.package-name-sultan {
    font-size: 20px;
    font-weight: 700;
    color: #FFFFFF;
    margin-bottom: 15px;
}

.sultan-button-detail {
    display: inline-block;
    background-color: #D4AF37; /* Emas */
    color: #0A192F; /* Biru Tua */
    padding: 10px 25px;
    text-decoration: none;
    font-weight: 700;
    border-radius: 5px;
    transition: background-color 0.3s;
}

.sultan-button-detail:hover {
    background-color: #f0c330;
}

/* Responsivitas */
@media (max-width: 992px) {
    .paket-grid-container {
        flex-wrap: wrap;
    }
    .paket-card {
        flex-basis: 45%;
    }
}
@media (max-width: 768px) {
    .paket-card {
        flex-basis: 100%;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-46a491f *//* Styling Global Section Layanan */
#sultan-jenis-layanan {
    padding: 80px 20px;
    background-color: #FFFFFF;
    font-family: 'Montserrat', sans-serif;
}

.section-description {
    text-align: center;
    max-width: 800px;
    margin: 0 auto 50px auto;
    color: #4A5568;
    line-height: 1.7;
}

.layanan-grid-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 1200px;
    margin: 0 auto;
    gap: 30px;
}

/* Styling Kartu Layanan */
.layanan-card-sultan {
    flex-basis: calc(50% - 15px); /* Dua kolom di desktop */
    padding: 30px;
    border: 1px solid #EAEAEA;
    border-radius: 10px;
    transition: all 0.3s ease;
    text-align: left; /* Teks diatur ke kiri */
}

.layanan-card-sultan:hover {
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    border-color: #D4AF37; /* Border Emas saat di-hover */
}

.layanan-card-sultan i {
    font-size: 36px;
    color: #D4AF37; /* Ikon Emas */
    margin-bottom: 15px;
    /* Memberi aksen lingkaran Biru Tua di belakang ikon Emas */
    background-color: #0A192F;
    padding: 15px;
    border-radius: 50%;
}

.layanan-title {
    font-family: 'Playfair Display', serif;
    font-size: 24px;
    font-weight: 700;
    color: #0A192F;
    margin-bottom: 10px;
}

.layanan-desc {
    color: #4A5568;
    line-height: 1.6;
}

/* Responsivitas */
@media (max-width: 992px) {
    .layanan-card-sultan {
        flex-basis: 100%; /* Satu kolom di tablet/mobile */
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a29d04a */#sultan-transport-types {
    padding: 60px 20px;
    background-color: #FFFFFF;
    font-family: 'Montserrat', sans-serif;
}

.transport-cta-button {
    text-align: center;
    margin-bottom: 50px;
}

.sultan-button-cta-large {
    display: inline-block;
    background-color: #D4AF37; /* Tombol Emas */
    color: #0A192F; /* Teks Biru Tua */
    padding: 15px 40px;
    text-decoration: none;
    font-weight: 700;
    font-size: 18px;
    border-radius: 5px;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.5);
    transition: background-color 0.3s;
}

.sultan-button-cta-large:hover {
    background-color: #f0c330;
}

.transport-card-grid {
    display: flex;
    justify-content: center;
    max-width: 1200px;
    margin: 0 auto;
    gap: 20px;
}

.transport-type-card {
    flex-basis: calc(33.33% - 13.33px);
    padding: 30px;
    border-radius: 10px;
    color: #FFFFFF;
    min-height: 250px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
}

/* Warna Kartu (Biru Tua, Hijau Gelap, Emas) */
.bus-color {
    background-color: #8B4513; /* Cokelat tua/tembaga */
}
.mobil-color {
    background-color: #0A192F; /* Biru Tua Elegant */
}
.motor-color {
    background-color: #D4AF37; /* Emas */
    color: #0A192F; /* Teks Biru Tua di kartu Emas */
}

.type-title {
    font-family: 'Playfair Display', serif;
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 20px;
}

.type-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.type-list li {
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    font-size: 16px;
}

.type-list li i {
    margin-right: 10px;
    color: inherit; /* Menggunakan warna teks kartu */
    font-size: 14px;
}

/* Penyesuaian ikon untuk kartu motor-color */
.motor-color .type-list li {
    color: #0A192F;
}
.motor-color .type-list li i {
    color: #0A192F;
}

/* Responsivitas */
@media (max-width: 900px) {
    .transport-card-grid {
        flex-wrap: wrap;
    }
    .transport-type-card {
        flex-basis: 100%;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5fcce71 *//* Styling Global Section Testimonial */
#sultan-testimonial-section {
    padding: 80px 20px;
    background-color: #F8F8F8; /* Latar belakang abu muda yang bersih */
    font-family: 'Montserrat', sans-serif;
}

.sultan-section-heading {
    /* Gunakan heading yang sudah disepakati di bagian-bagian sebelumnya */
    font-family: 'Playfair Display', serif;
    font-size: 38px;
    font-weight: 700;
    color: #0A192F; 
    text-align: center;
    margin-bottom: 50px;
}

/* ----------------- Styling Kartu Testimonial ----------------- */
.sultan-testimonial-card {
    background-color: #FFFFFF;
    padding: 30px;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); /* Bayangan yang kuat dan elegan */
    transition: transform 0.3s;
    min-height: 280px; /* Agar tinggi kartu seragam */
    display: flex;
    flex-direction: column;
}

.sultan-testimonial-card:hover {
    transform: translateY(-5px);
}

/* ----------------- Header (Nama & Ikon) ----------------- */
.testimonial-header-sultan {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

.user-info-sultan {
    display: flex;
    align-items: center;
}

.user-avatar-sultan {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    margin-right: 15px;
    object-fit: cover;
    border: 2px solid #D4AF37; /* Border Emas tipis di avatar */
}

.user-name {
    font-weight: 700;
    color: #0A192F;
    margin: 0;
    line-height: 1.2;
}

.review-date {
    font-size: 12px;
    color: #888;
    margin: 0;
}

.google-icon-sultan {
    color: #4285F4; /* Warna biru Google yang asli */
    font-size: 24px;
}

/* ----------------- Rating Bintang ----------------- */
.star-rating-sultan {
    color: #D4AF37; /* Bintang Emas */
    margin-bottom: 15px;
    font-size: 18px;
}

.verified-icon {
    color: #1a73e8; /* Ikon ceklis biru asli Google */
    font-size: 14px;
    margin-left: 5px;
}

/* ----------------- Isi Ulasan ----------------- */
.review-text-sultan {
    font-size: 16px;
    color: #4A5568;
    line-height: 1.6;
    margin: 0 0 15px 0;
    flex-grow: 1; /* Agar konten mengisi ruang di kartu */
}

/* ----------------- Link Opsi ----------------- */
.read-more-link {
    font-size: 14px;
    color: #0A192F; /* Biru Tua */
    text-decoration: none;
    font-weight: 600;
    border-bottom: 1px solid #D4AF37; /* Garis bawah emas */
    transition: color 0.3s;
    display: inline-block;
}

.read-more-link:hover {
    color: #D4AF37;
}

/* CATATAN: Styling untuk Carousel Navigation (Panah Kiri/Kanan) */
/* Karena ini adalah Elementor, Anda harus menggunakan .elementor-98 .elementor-element.elementor-element-5fcce71 Elementor untuk panah */
/* Contoh (Sesuaikan dengan class panah Elementor Anda): */
.elementor-swiper-button-prev,
.elementor-swiper-button-next {
    color: #0A192F !important; /* Panah Biru Tua */
    background-color: #D4AF37 !important; /* Background Emas */
    border-radius: 50%;
    width: 40px;
    height: 40px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-93cfd55 */#sultan-cta-banner {
    background-color: #0A192F; /* Latar Belakang Biru Tua */
    padding: 70px 20px;
    text-align: center;
    margin: 50px 0; /* Memberi jarak ke section atas/bawah */
    /* Opsional: Tambahkan shape divider di Elementor agar lebih dinamis */
}

.cta-content-wrapper {
    max-width: 900px;
    margin: 0 auto;
}

.cta-heading {
    font-family: 'Playfair Display', serif;
    font-size: 38px;
    color: #FFFFFF;
    margin-bottom: 30px;
    line-height: 1.3;
}

.cta-highlight {
    color: #D4AF37; /* Emas */
    font-weight: 800;
}

.sultan-button-cta-promo {
    display: inline-block;
    background-color: #D4AF37; /* Tombol Emas */
    color: #0A192F;
    padding: 15px 40px;
    text-decoration: none;
    font-weight: 700;
    font-size: 18px;
    border-radius: 5px;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.5);
    transition: background-color 0.3s;
}

.sultan-button-cta-promo:hover {
    background-color: #f0c330;
}

/* Responsivitas */
@media (max-width: 768px) {
    .cta-heading {
        font-size: 28px;
    }
}/* End custom CSS */