.elementor-4074 .elementor-element.elementor-element-7763d245{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:100px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-widget-theme-post-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-4074 .elementor-element.elementor-element-73e9a37e .elementor-heading-title{font-family:"Be Vietnam Pro", Sans-serif;font-size:27px;color:#020101;}.elementor-4074 .elementor-element.elementor-element-52b1453c{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-4074 .elementor-element.elementor-element-9b0e7b8 .elementor-heading-title{font-size:18px;}.elementor-4074 .elementor-element.elementor-element-39fee253{--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;}.elementor-4074 .elementor-element.elementor-element-39fee253 .elementor-share-btn{font-size:calc(0.8px * 10);}.elementor-4074 .elementor-element.elementor-element-39fee253 .elementor-share-btn__icon{--e-share-buttons-icon-size:2.2em;}.elementor-widget-theme-post-featured-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-4074 .elementor-element.elementor-element-587333c6 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-4074 .elementor-element.elementor-element-587333c6 img{width:100%;border-radius:10px 10px 10px 10px;}.elementor-widget-theme-post-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-4074 .elementor-element.elementor-element-5329ae94{text-align:justify;font-family:"Be Vietnam Pro", Sans-serif;font-size:16px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-4074 .elementor-element.elementor-element-2355c125 .elementor-button-content-wrapper{flex-direction:row;}.elementor-4074 .elementor-element.elementor-element-2355c125 .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-4074 .elementor-element.elementor-element-2355c125 .elementor-button{border-style:double;}.elementor-4074 .elementor-element.elementor-element-2a1cd56e{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-4074 .elementor-element.elementor-element-15e4f34c{width:100%;max-width:100%;text-align:center;}.elementor-4074 .elementor-element.elementor-element-15e4f34c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4074 .elementor-element.elementor-element-15e4f34c .elementor-heading-title{font-family:"Be Vietnam Pro", Sans-serif;font-size:20px;color:#020101;}.elementor-widget-posts .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-posts .elementor-post__meta-data{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .elementor-post__excerpt p{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-posts a.elementor-post__read-more{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__card .elementor-post__badge{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .ecs-load-more-button .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );background-color:var( --e-global-color-accent );}.elementor-widget-posts .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-4074 .elementor-element.elementor-element-2a43f27e{--grid-row-gap:35px;width:var( --container-widget-width, 60% );max-width:60%;--container-widget-width:60%;--container-widget-flex-grow:0;--grid-column-gap:30px;}.elementor-4074 .elementor-element.elementor-element-2a43f27e > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-4074 .elementor-element.elementor-element-2a43f27e .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.8 * 100% );}.elementor-4074 .elementor-element.elementor-element-2a43f27e:after{content:"0.8";}.elementor-4074 .elementor-element.elementor-element-2a43f27e .elementor-post__thumbnail__link{width:100%;}.elementor-4074 .elementor-element.elementor-element-2a43f27e .elementor-post{border-radius:0px;}.elementor-4074 .elementor-element.elementor-element-2a43f27e.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:14px;}.elementor-4074 .elementor-element.elementor-element-2a43f27e.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:14px;}.elementor-4074 .elementor-element.elementor-element-2a43f27e.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:14px;}.elementor-4074 .elementor-element.elementor-element-2a43f27e .elementor-post__title, .elementor-4074 .elementor-element.elementor-element-2a43f27e .elementor-post__title a{font-family:"Be Vietnam Pro", Sans-serif;font-size:18px;}.elementor-4074 .elementor-element.elementor-element-1c2a01f{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-4074 .elementor-element.elementor-element-94196ed{width:100%;max-width:100%;text-align:center;}.elementor-4074 .elementor-element.elementor-element-94196ed > .elementor-widget-container{margin:0px 0px -30px 0px;padding:0px 0px 0px 0px;}.elementor-4074 .elementor-element.elementor-element-94196ed .elementor-heading-title{font-family:"Be Vietnam Pro", Sans-serif;font-size:20px;color:#020101;}.elementor-4074 .elementor-element.elementor-element-db49d8a{--grid-row-gap:35px;width:var( --container-widget-width, 60% );max-width:60%;--container-widget-width:60%;--container-widget-flex-grow:0;--grid-column-gap:30px;}.elementor-4074 .elementor-element.elementor-element-db49d8a > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-4074 .elementor-element.elementor-element-db49d8a .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.8 * 100% );}.elementor-4074 .elementor-element.elementor-element-db49d8a:after{content:"0.8";}.elementor-4074 .elementor-element.elementor-element-db49d8a .elementor-post__thumbnail__link{width:100%;}.elementor-4074 .elementor-element.elementor-element-db49d8a .elementor-post{border-radius:0px;}.elementor-4074 .elementor-element.elementor-element-db49d8a.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:14px;}.elementor-4074 .elementor-element.elementor-element-db49d8a.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:14px;}.elementor-4074 .elementor-element.elementor-element-db49d8a.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:14px;}.elementor-4074 .elementor-element.elementor-element-db49d8a .elementor-post__title, .elementor-4074 .elementor-element.elementor-element-db49d8a .elementor-post__title a{font-family:"Be Vietnam Pro", Sans-serif;font-size:18px;}@media(max-width:1024px){ .elementor-4074 .elementor-element.elementor-element-39fee253{--grid-side-margin:4px;--grid-column-gap:4px;--grid-row-gap:10px;--grid-bottom-margin:10px;}}@media(min-width:768px){.elementor-4074 .elementor-element.elementor-element-7763d245{--content-width:739px;}}@media(max-width:767px){.elementor-4074 .elementor-element.elementor-element-7763d245{--padding-top:70px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-4074 .elementor-element.elementor-element-73e9a37e .elementor-heading-title{font-size:30px;}.elementor-4074 .elementor-element.elementor-element-52b1453c{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;} .elementor-4074 .elementor-element.elementor-element-39fee253{--grid-side-margin:4px;--grid-column-gap:4px;--grid-row-gap:10px;--grid-bottom-margin:10px;}.elementor-4074 .elementor-element.elementor-element-39fee253{--grid-side-margin:4px;--grid-column-gap:4px;--grid-row-gap:4px;}.elementor-4074 .elementor-element.elementor-element-39fee253 .elementor-share-btn{font-size:calc(0.65px * 10);}.elementor-4074 .elementor-element.elementor-element-39fee253 .elementor-share-btn__icon{--e-share-buttons-icon-size:15px;}.elementor-4074 .elementor-element.elementor-element-587333c6 img{border-radius:10px 10px 10px 10px;}.elementor-4074 .elementor-element.elementor-element-2a1cd56e{--flex-wrap:nowrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4074 .elementor-element.elementor-element-2a43f27e{--grid-row-gap:10px;--container-widget-width:280px;--container-widget-flex-grow:0;width:var( --container-widget-width, 280px );max-width:280px;}.elementor-4074 .elementor-element.elementor-element-2a43f27e .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.77 * 100% );}.elementor-4074 .elementor-element.elementor-element-2a43f27e:after{content:"0.77";}.elementor-4074 .elementor-element.elementor-element-2a43f27e .elementor-post__thumbnail__link{width:100%;}.elementor-4074 .elementor-element.elementor-element-1c2a01f{--flex-wrap:nowrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4074 .elementor-element.elementor-element-db49d8a{--grid-row-gap:10px;--container-widget-width:280px;--container-widget-flex-grow:0;width:var( --container-widget-width, 280px );max-width:280px;}.elementor-4074 .elementor-element.elementor-element-db49d8a .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.77 * 100% );}.elementor-4074 .elementor-element.elementor-element-db49d8a:after{content:"0.77";}.elementor-4074 .elementor-element.elementor-element-db49d8a .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for button, class: .elementor-element-2355c125 *//* Ganti '.tombol-reservasi-utama' dengan kelas CSS yang sebenarnya pada tombol Anda */
.tombol-reservasi-utama {
    display: inline-flex;        /* Menggunakan flex untuk alignment ikon dan teks yang lebih baik */
    align-items: center;         /* Menyelaraskan ikon dan teks secara vertikal */
    justify-content: center;     /* Menyelaraskan konten ke tengah jika tombol full-width */
    padding: 12px 25px;          /* Ruang di dalam tombol (atas/bawah kiri/kanan) */
    
    /* Menyesuaikan dengan gaya blok info di atasnya */
    background-color: #f6f7f9;   /* Ganti dengan variabel --warna-hijau-paket jika Anda menggunakannya */
                                 /* Ini adalah warna hijau yang kita diskusikan untuk blok info */
    color: #333333;              /* Warna teks tombol, gelap agar kontras dengan hijau muda */
                                 /* (Sama seperti teks di blok info) */
    border-radius: 15px;         /* Ganti dengan variabel --radius-sudut jika Anda menggunakannya */
                                 /* Sudut melengkung yang sama dengan blok info */
    box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.12); /* Bayangan halus, bisa disamakan atau sedikit beda dari blok info */
                                                /* Ganti dengan variabel --bayangan-halus jika ingin sama persis */

    /* Properti tambahan untuk tombol */
    text-decoration: none;       /* Hapus garis bawah jika ini adalah tag <a> */
    font-weight: bold;           /* Membuat teks tombol menjadi tebal */
    border: none;                /* Menghapus border default dari browser */
    cursor: pointer;             /* Mengubah kursor menjadi tangan saat diarahkan ke tombol */
    transition: background-color 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease; /* Transisi halus untuk efek hover */
}

/* Efek saat kursor mouse diarahkan ke tombol (hover) */
.tombol-reservasi-utama:hover {
    background-color: #f6f7f9;   /* Warna hijau sedikit lebih gelap saat hover */
                                 /* Anda bisa membuat variabel baru untuk warna hover ini */
    transform: translateY(-2px); /* Sedikit mengangkat tombol saat hover */
    box-shadow: 0px 5px 12px rgba(0, 0, 0, 0.18); /* Bayangan sedikit lebih menonjol saat hover */
}

/* Efek saat tombol ditekan (active) */
.tombol-reservasi-utama:active {
    transform: translateY(0px); /* Mengembalikan posisi tombol saat ditekan */
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1); /* Bayangan lebih tipis saat ditekan */
}

/* Styling untuk ikon di dalam tombol (jika ada) */
/* Asumsi ikon menggunakan tag <i> atau <span> dengan kelas tertentu, atau tag <svg> */
.tombol-reservasi-utama i,
.tombol-reservasi-utama .icon, /* Jika ikon Anda punya kelas .icon */
.tombol-reservasi-utama svg {
    margin-right: 8px;          /* Jarak antara ikon dan teks */
    /* Ukuran ikon bisa disesuaikan di sini jika perlu, misal: font-size: 1em; width: 1em; height: 1em; */
}/* End custom CSS */
/* Start custom CSS for posts, class: .elementor-element-db49d8a *//* Ganti '.artikel-lainnya-container' dengan kelas CSS yang Anda gunakan */
.artikel-lainnya-container {
    background-color: #ffffff; /* Latar belakang putih (atau sedikit off-white seperti #f9f9f9) */
    padding: 25px;              /* Ruang di dalam kontainer */
    margin-top: 30px;           /* Jarak dari elemen di atasnya */
    border-radius: 15px;        /* Sudut melengkung, samakan dengan elemen lain jika perlu */
                                /* (Gunakan var(--radius-sudut) jika Anda pakai variabel CSS) */
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.08); /* Efek bayangan halus */
                                                /* (Gunakan var(--bayangan-halus) atau sejenisnya) */
}

/* Styling untuk judul "Artikel Lainnya :" di dalam kontainer */
.artikel-lainnya-container h3 {
    font-size: 1.6em; /* Sesuaikan ukuran font jika perlu */
    font-weight: bold;
    color: #333;      /* Warna teks judul */
    margin-top: 0;
    margin-bottom: 25px; /* Jarak dari judul ke daftar artikel */
    text-align: left;    /* Sesuai gambar */
}

/* Styling untuk area yang berisi kartu-kartu artikel (jika perlu) */
/* Misalnya, untuk mengatur layout flex atau grid */
.artikel-lainnya-container .daftar-artikel {
    display: flex;
    flex-wrap: wrap; /* Agar artikel bisa turun baris jika tidak muat */
    gap: 20px;       /* Jarak antar kartu artikel */
    /* justify-content: space-between; (jika ingin ada ruang rata di antara kartu) */
}

/* Kartu artikel individual (misal .kartu-artikel) akan memiliki stylingnya sendiri,
   yang sepertinya sudah ada di halaman Anda (terlihat ada bayangan pada masing-masing artikel).
   Styling di atas adalah untuk pembungkusnya.
*//* End custom CSS */