{"id":286,"date":"2026-09-01T13:09:57","date_gmt":"2026-09-01T12:09:57","guid":{"rendered":"https:\/\/wp.opentravel.id\/?page_id=286"},"modified":"2026-09-01T14:23:31","modified_gmt":"2026-09-01T13:23:31","slug":"open-travel-sales","status":"publish","type":"page","link":"https:\/\/wp.opentravel.id\/index.php\/open-travel-sales\/","title":{"rendered":"Open Travel Sales"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"286\" class=\"elementor elementor-286\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ec3bedf e-flex e-con-boxed e-con e-parent\" data-id=\"ec3bedf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c822ecb elementor-widget elementor-widget-html\" data-id=\"c822ecb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"otlp\">\n<style>\n\n\/* ============================================================\n   OPEN TRAVEL \u2014 LANDING PAGE UMUM\n   Namespace: .otlp  (SENGAJA bukan #app, karena widget form\n   memakai #app untuk stylenya sendiri)\n   ============================================================ *\/\n\n\/* ---- reset lokal ---- *\/\n.otlp, .otlp *, .otlp *::before, .otlp *::after { box-sizing:border-box; }\n.otlp { margin:0; padding:0; }\n.otlp h1,.otlp h2,.otlp h3,.otlp p,.otlp ul,.otlp li,.otlp figure { margin:0; padding:0; }\n.otlp ul { list-style:none; }\n.otlp img { max-width:100%; display:block; }\n.otlp a { text-decoration:none; }\n.otlp button { font:inherit; color:inherit; background:none; border:0; cursor:pointer; }\n\n\/* ---- token ---- *\/\n.otlp{\n  padding-bottom:96px;\n  --biru:#009EDB;\n  --biru-tua:#0089BE;\n  --navy:#0A3D57;\n  --oranye:#F6AC19;\n  --langit:#EAF6FC;\n  --garis:#D6E7F0;\n  --teks:#123B51;\n  --lembut:#4B6B7D;\n\n  \/* ============================================================\n     GANTI 4 URL DI BAWAH INI dengan gambar yang sudah Anda\n     upload ke Media Library WordPress. Selama masih kosong,\n     akan tampil gradasi biru-emas sebagai pengganti.\n     ============================================================ *\/\n  --img-hero:url('https:\/\/images.unsplash.com\/photo-1592326871020-04f58c1a52f3?w=1400&q=70&auto=format&fit=crop');\n  --img-mekah:url('https:\/\/images.unsplash.com\/photo-1580418827493-f2b22c0a76cb?w=1400&q=70&auto=format&fit=crop');\n  --img-madinah:url('https:\/\/images.unsplash.com\/photo-1591604129939-f1efa4d9f7fa?w=1400&q=70&auto=format&fit=crop');\n  --img-thoif:none;\n\n  font-family:'Causten','Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;\n  color:var(--teks);\n  line-height:1.6;\n  background:linear-gradient(180deg,#F7FCFE 0%,#FFFFFF 38%);\n  -webkit-font-smoothing:antialiased;\n  overflow-x:hidden;\n}\n.otlp .otlp-wrap{ max-width:1080px; margin:0 auto; padding:0 24px; }\n.otlp .otlp-sec{ padding:76px 0; position:relative; }\n\n.otlp h1,.otlp h2,.otlp h3{ line-height:1.15; letter-spacing:-.02em; color:var(--navy); font-weight:800; }\n.otlp h1{ font-size:clamp(2rem,5.2vw,3.35rem); }\n.otlp h2{ font-size:clamp(1.55rem,3.4vw,2.3rem); }\n.otlp h3{ font-size:1.07rem; font-weight:700; }\n.otlp p{ max-width:62ch; }\n.otlp .otlp-sub{ margin-top:14px; color:var(--lembut); }\n\n\/* ---- ORNAMEN: motif geometris & lengkung mihrab ---- *\/\n.otlp .otlp-motif{\n  position:absolute; inset:0; pointer-events:none; z-index:0;\n  background-image:\n    radial-gradient(circle at 50% 50%, rgba(246,172,25,.10) 1.6px, transparent 1.7px),\n    radial-gradient(circle at 0 0, rgba(0,158,219,.08) 1.6px, transparent 1.7px);\n  background-size:34px 34px, 34px 34px;\n  background-position:0 0, 17px 17px;\n  -webkit-mask-image:linear-gradient(180deg,transparent,#000 22%,#000 78%,transparent);\n          mask-image:linear-gradient(180deg,transparent,#000 22%,#000 78%,transparent);\n}\n.otlp .otlp-sec > .otlp-wrap{ position:relative; z-index:1; }\n\n\/* lengkung mihrab dekoratif di atas heading *\/\n.otlp .otlp-tanda-sec{ display:block; width:34px; height:34px; margin-bottom:14px; }\n.otlp .otlp-tanda-sec circle,\n.otlp .otlp-tanda-sec rect,\n.otlp .otlp-tanda-sec path{\n  fill:none; stroke:var(--oranye); stroke-width:1.9;\n  stroke-linecap:round; stroke-linejoin:round;\n}\n\n\/* garis pemisah bermotif *\/\n.otlp .otlp-pita{\n  height:8px; width:100%;\n  background:\n    repeating-linear-gradient(90deg, var(--oranye) 0 10px, transparent 10px 20px);\n  opacity:.5;\n}\n\n\/* ---- SLOT FOTO ---- *\/\n.otlp .otlp-foto{\n  position:relative; overflow:hidden; border-radius:20px;\n  background-color:var(--navy);\n  background-image:\n    linear-gradient(160deg, rgba(0,158,219,.55), rgba(10,61,87,.92)),\n    radial-gradient(circle at 30% 25%, rgba(246,172,25,.35), transparent 55%);\n  background-size:cover; background-position:center;\n}\n.otlp .otlp-foto::after{\n  content:\"\"; position:absolute; inset:0;\n  background:linear-gradient(180deg, transparent 40%, rgba(10,61,87,.78) 100%);\n}\n.otlp .otlp-foto-isi{ position:relative; z-index:2; }\n\n\/* ---- GALERI DESTINASI ---- *\/\n.otlp .otlp-galeri{ display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:36px; }\n.otlp .otlp-kartu{ aspect-ratio:3\/4; display:flex; align-items:flex-end; padding:22px; background-size:cover; background-position:center; }\n.otlp .otlp-kartu::after{ display:none; }\n.otlp .otlp-kartu.otlp-mekah{ background-image:linear-gradient(180deg, rgba(10,61,87,.15) 0%, rgba(10,61,87,.80) 100%), var(--img-mekah), linear-gradient(160deg, rgba(0,158,219,.5), rgba(10,61,87,.92)); }\n.otlp .otlp-kartu.otlp-madinah{ background-image:linear-gradient(180deg, rgba(10,61,87,.15) 0%, rgba(10,61,87,.80) 100%), var(--img-madinah), linear-gradient(160deg, rgba(0,158,219,.5), rgba(10,61,87,.92)); }\n.otlp .otlp-kartu.otlp-thoif{ background-image:linear-gradient(180deg, rgba(10,61,87,.15) 0%, rgba(10,61,87,.80) 100%), var(--img-thoif), linear-gradient(160deg, rgba(0,158,219,.5), rgba(10,61,87,.92)); }\n.otlp .otlp-kartu .otlp-foto-isi h3{ color:#fff; font-size:1.22rem; margin-bottom:5px; }\n.otlp .otlp-kartu .otlp-foto-isi p{ color:#CFE6F2; font-size:.9rem; }\n\n\n.otlp .otlp-btn{\n  display:inline-flex; align-items:center; justify-content:center; gap:10px;\n  padding:16px 32px; border-radius:999px;\n  font-weight:800; font-size:1rem;\n  background:var(--biru); color:#fff;\n  box-shadow:0 10px 24px rgba(0,158,219,.28);\n  transition:background .15s ease, transform .15s ease, box-shadow .15s ease;\n}\n.otlp .otlp-btn:hover{ background:var(--biru-tua); transform:translateY(-2px); box-shadow:0 14px 30px rgba(0,158,219,.34); }\n.otlp .otlp-btn:focus-visible{ outline:3px solid var(--oranye); outline-offset:3px; }\n.otlp .otlp-btn--emas{ background:var(--oranye); color:#3A2600; box-shadow:0 10px 24px rgba(246,172,25,.32); }\n.otlp .otlp-btn--emas:hover{ background:#E39D10; }\n\n\/* ============ HERO ============ *\/\n.otlp .otlp-hero{ padding:78px 0 66px; position:relative; overflow:hidden; }\n.otlp .otlp-hero-siluet{\n  position:absolute; left:0; right:0; bottom:-2px; height:150px;\n  pointer-events:none; opacity:.16; z-index:0;\n}\n.otlp .otlp-hero-siluet path{ fill:var(--biru); }\n.otlp .otlp-hero-grid{ display:grid; grid-template-columns:1.1fr .9fr; gap:48px; align-items:center; position:relative; z-index:1; }\n.otlp .otlp-legal{\n  display:inline-block; font-size:.78rem; color:var(--lembut);\n  border:1px solid var(--garis); background:#fff;\n  padding:7px 14px; border-radius:999px; margin-bottom:20px;\n}\n.otlp .otlp-hero h1 span{ color:var(--biru); }\n.otlp .otlp-lead{ font-size:1.12rem; color:var(--lembut); margin-top:20px; }\n.otlp .otlp-hero-cta{ display:flex; flex-wrap:wrap; gap:14px; margin-top:32px; align-items:center; }\n.otlp .otlp-hero-note{ font-size:.9rem; color:var(--lembut); }\n\n\/* kartu rincian di hero *\/\n.otlp .otlp-bill{\n  background:#fff; border:1px solid var(--garis); border-radius:22px;\n  padding:26px; box-shadow:0 24px 50px rgba(10,61,87,.10); position:relative;\n}\n.otlp .otlp-bill-head{\n  display:flex; justify-content:space-between; align-items:baseline;\n  padding-bottom:14px; border-bottom:2px dashed var(--garis); margin-bottom:14px;\n}\n.otlp .otlp-bill-head strong{ color:var(--navy); font-size:1.02rem; }\n.otlp .otlp-bill-head em{ font-style:normal; font-size:.8rem; color:var(--biru); font-weight:700; }\n.otlp .otlp-bill ul li{\n  display:flex; justify-content:space-between; gap:16px;\n  padding:9px 0; font-size:.95rem; color:var(--lembut); border-bottom:1px solid #F0F6FA;\n}\n.otlp .otlp-bill ul li b{ color:var(--teks); font-weight:700; white-space:nowrap; }\n.otlp .otlp-bill-total{\n  margin-top:18px; background:linear-gradient(135deg,var(--oranye),#FFC85A);\n  border-radius:16px; padding:16px 18px; color:#3A2600;\n  display:flex; justify-content:space-between; align-items:center; gap:12px; flex-wrap:wrap;\n}\n.otlp .otlp-bill-total span{ font-weight:700; font-size:.92rem; }\n.otlp .otlp-bill-total b{ font-size:1.42rem; letter-spacing:-.02em; }\n.otlp .otlp-bill-fee{\n  margin-top:10px; display:flex; justify-content:space-between; align-items:center;\n  font-size:.9rem; color:var(--navy); font-weight:700;\n  background:var(--langit); border-radius:12px; padding:12px 16px;\n}\n.otlp .otlp-bill-fee em{ font-style:normal; color:var(--biru); }\n\n\/* ============ MASALAH ============ *\/\n.otlp .otlp-masalah{ background:var(--langit); border-top:1px solid var(--garis); border-bottom:1px solid var(--garis); }\n.otlp .otlp-tanya{ display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:36px; }\n.otlp .otlp-tanya li{ background:#fff; border-radius:18px; padding:24px; border-left:5px solid var(--oranye); }\n.otlp .otlp-tanya h3{ margin-bottom:8px; }\n.otlp .otlp-tanya p{ font-size:.95rem; color:var(--lembut); }\n\n\/* ============ BANDING BLUR vs MENU ============ *\/\n.otlp .otlp-banding{ display:grid; grid-template-columns:1fr 1fr; gap:24px; margin-top:38px; }\n.otlp .otlp-kolom{\n  background:#fff; border:1px solid var(--garis); border-radius:20px;\n  padding:26px; display:flex; flex-direction:column;\n}\n.otlp .otlp-kolom--tertutup{ background:#F6F8FA; }\n.otlp .otlp-kolom--terbuka{ border:2px solid var(--biru); box-shadow:0 20px 44px rgba(0,158,219,.16); }\n.otlp .otlp-kolom-label{\n  display:inline-flex; align-self:flex-start; align-items:center;\n  font-size:.85rem; font-weight:800; padding:7px 14px; border-radius:999px; margin-bottom:18px;\n}\n.otlp .otlp-kolom--tertutup .otlp-kolom-label{ background:#E7EBEF; color:#6B7C88; }\n.otlp .otlp-kolom--terbuka .otlp-kolom-label{ background:var(--biru); color:#fff; }\n.otlp .otlp-kolom h3{ font-size:1.14rem; margin-bottom:6px; }\n.otlp .otlp-kolom > p{ font-size:.94rem; color:var(--lembut); margin-bottom:18px; }\n.otlp .otlp-struk{ border-top:2px dashed var(--garis); padding-top:14px; margin-top:auto; }\n.otlp .otlp-struk li{\n  display:flex; justify-content:space-between; gap:14px;\n  padding:8px 0; font-size:.93rem; border-bottom:1px solid #F0F4F7; color:var(--lembut);\n}\n.otlp .otlp-struk li b{ color:var(--teks); white-space:nowrap; }\n.otlp .otlp-struk--kabur li{ filter:blur(4.5px); user-select:none; }\n.otlp .otlp-struk--kabur li.otlp-jelas{ filter:none; }\n.otlp .otlp-struk--kabur li.otlp-jelas b{ font-size:1.05rem; }\n.otlp .otlp-kolom-akhir{\n  margin-top:16px; display:flex; justify-content:space-between; align-items:center; gap:12px;\n  border-radius:14px; padding:14px 16px; font-weight:800;\n}\n.otlp .otlp-kolom--tertutup .otlp-kolom-akhir{ background:#E7EBEF; color:#5C6E7A; }\n.otlp .otlp-kolom--terbuka .otlp-kolom-akhir{ background:var(--oranye); color:#3A2600; }\n.otlp .otlp-banding-catatan{ margin-top:26px; text-align:center; font-size:.94rem; color:var(--lembut); }\n.otlp .otlp-banding-catatan{ max-width:none; }\n\n\/* ============ KEUNGGULAN ============ *\/\n.otlp .otlp-keunggulan{ background:var(--langit); border-top:1px solid var(--garis); border-bottom:1px solid var(--garis); }\n.otlp .otlp-nilai{ display:grid; grid-template-columns:repeat(2,1fr); gap:20px; margin-top:36px; }\n.otlp .otlp-nilai li{ display:flex; gap:16px; padding:22px; border:1px solid var(--garis); border-radius:18px; background:#fff; }\n.otlp .otlp-ikon{\n  flex:0 0 46px; height:46px; border-radius:14px;\n  background:var(--langit); color:var(--biru);\n  display:flex; align-items:center; justify-content:center;\n}\n.otlp .otlp-ikon svg{ width:23px; height:23px; stroke:currentColor; fill:none; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }\n.otlp .otlp-nilai h3{ margin-bottom:6px; }\n.otlp .otlp-nilai p{ font-size:.95rem; color:var(--lembut); }\n\n\/* ============ PAKET ============ *\/\n.otlp .otlp-paket{ background:var(--navy); color:#DCEEF7; overflow:hidden; position:relative; }\n.otlp .otlp-paket::before{\n  content:\"\"; position:absolute; inset:0; z-index:0;\n  background-image:var(--img-hero); background-size:cover; background-position:center;\n  opacity:.16;\n}\n.otlp .otlp-paket > *{ position:relative; z-index:1; }\n.otlp .otlp-paket h2{ color:#fff; }\n.otlp .otlp-paket p{ color:#A9CBDD; }\n.otlp .otlp-paket .otlp-motif{\n  background-image:radial-gradient(circle at 50% 50%, rgba(246,172,25,.16) 1.7px, transparent 1.8px);\n  background-size:30px 30px;\n}\n.otlp .otlp-paket-grid{ display:grid; grid-template-columns:1fr 1fr; gap:44px; align-items:center; }\n.otlp .otlp-fakta{ display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:28px; }\n.otlp .otlp-fakta li{ background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.14); border-radius:14px; padding:14px 16px; }\n.otlp .otlp-fakta small{ display:block; font-size:.78rem; color:#8FBBD1; margin-bottom:3px; }\n.otlp .otlp-fakta b{ color:#fff; font-size:.97rem; }\n.otlp .otlp-harga{ background:#fff; border-radius:22px; padding:30px; color:var(--teks); box-shadow:0 24px 50px rgba(0,0,0,.25); }\n.otlp .otlp-kicker{ font-size:.9rem; color:var(--lembut); }\n.otlp .otlp-angka{ font-size:clamp(2.3rem,6vw,3.1rem); font-weight:800; color:var(--biru); letter-spacing:-.03em; line-height:1.05; margin:6px 0 2px; }\n.otlp .otlp-satuan{ font-size:.92rem; color:var(--lembut); }\n.otlp .otlp-harga ul{ margin:22px 0; border-top:1px solid var(--garis); padding-top:18px; }\n.otlp .otlp-harga ul li{ font-size:.94rem; padding:6px 0; color:var(--lembut); display:flex; gap:10px; }\n.otlp .otlp-harga ul li::before{ content:\"\\2022\"; color:var(--oranye); font-weight:800; }\n.otlp .otlp-harga .otlp-btn{ width:100%; }\n\n\/* ============ FAQ ============ *\/\n.otlp .otlp-faq-list{ margin-top:30px; border-top:1px solid var(--garis); }\n.otlp .otlp-faq-item{ border-bottom:1px solid var(--garis); }\n.otlp .otlp-faq-q{\n  width:100%; display:flex; justify-content:space-between; align-items:center; gap:20px;\n  padding:20px 0; text-align:left; font-weight:700; color:var(--navy); font-size:1.02rem;\n}\n.otlp .otlp-faq-q:focus-visible{ outline:3px solid var(--biru); outline-offset:4px; }\n.otlp .otlp-tanda{\n  flex:0 0 28px; height:28px; border-radius:50%; background:var(--langit); color:var(--biru);\n  display:flex; align-items:center; justify-content:center; font-size:1.15rem; font-weight:800;\n  transition:transform .2s ease, background .2s ease, color .2s ease;\n}\n.otlp .otlp-faq-item[data-buka=\"1\"] .otlp-tanda{ transform:rotate(45deg); background:var(--oranye); color:#fff; }\n.otlp .otlp-faq-a{ display:none; padding:0 0 22px; }\n.otlp .otlp-faq-item[data-buka=\"1\"] .otlp-faq-a{ display:block; }\n.otlp .otlp-faq-a p{ color:var(--lembut); font-size:.97rem; }\n.otlp .otlp-faq-a p + p{ margin-top:12px; }\n\n\/* ============ FORM ============ *\/\n.otlp .otlp-form-sec{\n  background:linear-gradient(180deg,var(--langit) 0%,#FFFFFF 100%);\n  border-top:1px solid var(--garis);\n  scroll-margin-top:90px;\n}\n.otlp .otlp-form-kepala{ text-align:center; margin-bottom:28px; }\n.otlp .otlp-form-kepala .otlp-tanda-sec{ margin:0 auto 14px; }\n.otlp .otlp-form-kepala p{ margin:14px auto 0; color:var(--lembut); }\n.otlp .otlp-form-kotak{\n  max-width:680px; margin:0 auto;\n  background:#fff; border:1px solid var(--garis); border-radius:24px;\n  box-shadow:0 24px 54px rgba(10,61,87,.10);\n  padding:26px 6px;\n}\n.otlp .otlp-form-jaminan{\n  display:flex; flex-wrap:wrap; justify-content:center; gap:10px 22px;\n  margin-top:22px; font-size:.88rem; color:var(--lembut);\n}\n.otlp .otlp-form-jaminan span{ display:inline-flex; align-items:center; gap:7px; }\n.otlp .otlp-form-jaminan svg{ width:16px; height:16px; stroke:var(--biru); fill:none; stroke-width:2.4; stroke-linecap:round; stroke-linejoin:round; }\n\n\/* ============ PENUTUP ============ *\/\n.otlp .otlp-tutup{ text-align:center; background:var(--navy); color:#DCEEF7; overflow:hidden; }\n.otlp .otlp-tutup h2{ color:#fff; }\n.otlp .otlp-tutup .otlp-tanda-sec{ margin:0 auto 14px; }\n.otlp .otlp-tutup p{ margin:16px auto 30px; color:#A9CBDD; }\n.otlp .otlp-tutup .otlp-motif{\n  background-image:radial-gradient(circle at 50% 50%, rgba(246,172,25,.14) 1.7px, transparent 1.8px);\n  background-size:30px 30px;\n}\n.otlp .otlp-kontak{ margin-top:36px; font-size:.9rem; color:#8FBBD1; }\n.otlp .otlp-kontak b{ color:#fff; display:block; margin-bottom:5px; }\n\n\/* ============ STICKY CTA ============ *\/\n.otlp .otlp-sticky{\n  position:fixed; left:0; right:0; bottom:0; z-index:9999;\n  background:rgba(255,255,255,.96);\n  -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px);\n  border-top:1px solid var(--garis);\n  box-shadow:0 -8px 26px rgba(10,61,87,.10);\n  padding:12px 20px calc(12px + env(safe-area-inset-bottom));\n  transform:translateY(0);\n  transition:transform .25s ease;\n}\n.otlp .otlp-sticky[data-sembunyi=\"1\"]{ transform:translateY(120%); }\n.otlp .otlp-sticky-isi{\n  max-width:1080px; margin:0 auto;\n  display:flex; align-items:center; justify-content:space-between; gap:16px;\n}\n.otlp .otlp-sticky-teks strong{ display:block; color:var(--navy); font-size:.98rem; font-weight:800; }\n.otlp .otlp-sticky-teks span{ font-size:.85rem; color:var(--lembut); }\n.otlp .otlp-sticky .otlp-btn{ padding:13px 26px; flex:0 0 auto; }\n\n\/* ============ RESPONSIF ============ *\/\n@media (max-width:900px){\n  .otlp .otlp-hero-grid,\n  .otlp .otlp-paket-grid,\n  .otlp .otlp-banding{ grid-template-columns:1fr; gap:30px; }\n  .otlp .otlp-tanya,\n  .otlp .otlp-nilai{ grid-template-columns:1fr; }\n  .otlp .otlp-galeri{ grid-template-columns:1fr; gap:14px; }\n  .otlp .otlp-kartu{ aspect-ratio:16\/9; }\n}\n@media (max-width:600px){\n  .otlp .otlp-sec{ padding:56px 0; }\n  .otlp .otlp-hero{ padding:50px 0 44px; }\n  .otlp .otlp-wrap{ padding:0 18px; }\n  .otlp .otlp-fakta{ grid-template-columns:1fr; }\n  .otlp .otlp-hero-cta .otlp-btn{ width:100%; }\n  .otlp .otlp-hero-note{ text-align:center; width:100%; }\n  .otlp .otlp-form-kotak{ padding:18px 12px; border-radius:18px; }\n  .otlp .otlp-sticky-teks{ display:none; }\n  .otlp .otlp-sticky .otlp-btn{ width:100%; }\n  \/* beri ruang agar konten terakhir tidak tertutup sticky bar *\/\n  .otlp .otlp-tutup{ padding-bottom:110px; }\n}\n@media (prefers-reduced-motion:reduce){\n  .otlp *{ transition:none !important; animation:none !important; }\n}\n\n<\/style>\n\n\n<!-- ==================== HERO ==================== -->\n<section class=\"otlp-hero\">\n  <svg class=\"otlp-hero-siluet\" viewBox=\"0 0 1200 150\" preserveAspectRatio=\"none\" aria-hidden=\"true\">\n    <path d=\"M0 150 V96 h58 v-16 h20 v16 h44 V70 q22-30 44 0 v26 h40 V84 h18 v12 h52 V64 q26-34 52 0 v32 h46 V88 h16 v8 h60 V58 q30-38 60 0 v38 h50 V80 h20 v16 h48 V72 q24-32 48 0 v24 h42 V86 h18 v10 h56 V62 q28-36 56 0 v34 h44 V88 h20 v8 h58 V78 q22-28 44 0 v18 h58 v54 z\"\/>\n  <\/svg>\n  <div class=\"otlp-wrap otlp-hero-grid\">\n    <div>\n      <span class=\"otlp-legal\">PT. Pariwisata Qurani Berkah Gemilang &nbsp;&middot;&nbsp; PPIU 02200044520360002<\/span>\n      <h1>Biaya umrah yang boleh Anda <span>periksa satu per satu<\/span><\/h1>\n      <p class=\"otlp-lead\">Open Travel membuka seluruh komponen biaya perjalanan sejak awal &mdash; dari tiket, hotel, visa, sampai konsumsi. Anda tahu persis ke mana uang Anda pergi sebelum memutuskan berangkat.<\/p>\n      <div class=\"otlp-hero-cta\">\n        <a class=\"otlp-btn otlp-tuju\" href=\"#daftar\">Minta rincian Open Cost<\/a>\n        <span class=\"otlp-hero-note\">Isi form singkat, tim kami menghubungi Anda.<\/span>\n      <\/div>\n    <\/div>\n\n    <aside class=\"otlp-bill\" aria-label=\"Contoh rincian Open Cost\">\n      <div class=\"otlp-bill-head\"><strong>Rincian Open Cost<\/strong><em>tanpa markup<\/em><\/div>\n      <ul>\n        <li>Tiket pesawat &amp; transportasi <b>Rp18.375.000<\/b><\/li>\n        <li>Hotel Mekah, Madinah, Jeddah <b>Rp9.225.000<\/b><\/li>\n        <li>Visa, tasreh &amp; asuransi <b>Rp2.710.500<\/b><\/li>\n        <li>Handling &amp; pendampingan <b>Rp3.105.298<\/b><\/li>\n        <li>Konsumsi, perlengkapan &amp; operasional <b>Rp2.011.250<\/b><\/li>\n        <li>Subsidi pengelolaan <b>&minus; Rp1.000.000<\/b><\/li>\n      <\/ul>\n      <div class=\"otlp-bill-total\"><span>Grand total per jamaah (quad)<\/span><b>Rp34.427.048<\/b><\/div>\n      <div class=\"otlp-bill-fee\"><span>Jasa pengelolaan<\/span><em>Seikhlasnya<\/em><\/div>\n    <\/aside>\n  <\/div>\n<\/section>\n\n<div class=\"otlp-pita\" aria-hidden=\"true\"><\/div>\n\n\n<!-- ==================== MASALAH ==================== -->\n<section class=\"otlp-sec otlp-masalah\">\n  <div class=\"otlp-motif\" aria-hidden=\"true\"><\/div>\n  <div class=\"otlp-wrap\">\n    <svg class=\"otlp-tanda-sec\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M9.2 9.3a2.9 2.9 0 015.6 1c0 1.9-2.8 2.4-2.8 4\"\/><path d=\"M12 17.4h.01\"\/><\/svg>\n    <h2>Kenapa memilih travel umrah terasa menegangkan?<\/h2>\n    <p class=\"otlp-sub\">Karena yang biasanya ditunjukkan hanya angka di depan. Sisanya baru terasa setelah uang berpindah.<\/p>\n    <ul class=\"otlp-tanya\">\n      <li><h3>Harga mirip, isinya beda<\/h3><p>Dua paket bisa terlihat sama di brosur, padahal jarak hotel, maskapai, dan konsumsinya jauh berbeda.<\/p><\/li>\n      <li><h3>Biaya menyusul di tengah jalan<\/h3><p>Ada tambahan yang muncul setelah pendaftaran, tanpa penjelasan komponen mana yang berubah.<\/p><\/li>\n      <li><h3>Sulit menilai kewajaran<\/h3><p>Tanpa rincian, jamaah tidak punya dasar untuk menilai mana yang masuk akal dan mana yang tidak.<\/p><\/li>\n    <\/ul>\n  <\/div>\n<\/section>\n\n\n<!-- ==================== BANDING ==================== -->\n<section class=\"otlp-sec\">\n  <div class=\"otlp-wrap\">\n    <svg class=\"otlp-tanda-sec\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><rect x=\"3\" y=\"4\" width=\"7.5\" height=\"16\" rx=\"1.6\"\/><rect x=\"13.5\" y=\"4\" width=\"7.5\" height=\"16\" rx=\"1.6\"\/><path d=\"M16 9h2.5M16 12.5h2.5\"\/><\/svg>\n    <h2>Dua cara menuliskan harga yang sama<\/h2>\n    <p class=\"otlp-sub\">Yang satu menutup rinciannya. Yang satu membukanya seperti daftar menu &mdash; Anda tahu persis apa yang Anda bayar.<\/p>\n\n    <div class=\"otlp-banding\">\n      <div class=\"otlp-kolom otlp-kolom--tertutup\">\n        <span class=\"otlp-kolom-label\">Cara umum<\/span>\n        <h3>Satu baris, satu angka<\/h3>\n        <p>Semua digabung jadi &ldquo;all in&rdquo;. Isinya tidak terbaca, jadi tidak ada yang bisa Anda bandingkan.<\/p>\n        <ul class=\"otlp-struk otlp-struk--kabur\" aria-hidden=\"true\">\n          <li class=\"otlp-jelas\">Paket Umrah 12 hari &mdash; All in <b>Rp40.000.000<\/b><\/li>\n          <li>Tiket pesawat <b>Rp00.000.000<\/b><\/li>\n          <li>Akomodasi hotel <b>Rp0.000.000<\/b><\/li>\n          <li>Visa &amp; dokumen <b>Rp0.000.000<\/b><\/li>\n          <li>Handling &amp; pendampingan <b>Rp0.000.000<\/b><\/li>\n          <li>Komponen lainnya <b>Rp0.000.000<\/b><\/li>\n        <\/ul>\n        <div class=\"otlp-kolom-akhir\"><span>Rincian komponen<\/span><b>Tidak dibuka<\/b><\/div>\n      <\/div>\n\n      <div class=\"otlp-kolom otlp-kolom--terbuka\">\n        <span class=\"otlp-kolom-label\">Open Travel<\/span>\n        <h3>Terbuka seperti daftar menu<\/h3>\n        <p>Setiap komponen kami tulis lengkap dengan nominalnya, termasuk kurs maksimum yang kami pakai.<\/p>\n        <ul class=\"otlp-struk\">\n          <li>Tiket Saudia direct flight <b>Rp17.800.000<\/b><\/li>\n          <li>Hotel Mekah, Madinah, Jeddah <b>Rp9.225.000<\/b><\/li>\n          <li>Visa, tasreh &amp; asuransi <b>Rp2.710.500<\/b><\/li>\n          <li>Handling premium Saudi &amp; Jakarta <b>Rp1.502.400<\/b><\/li>\n          <li>Tour leader &amp; muthawwif <b>Rp1.603.148<\/b><\/li>\n          <li>Konsumsi, perlengkapan &amp; lainnya <b>Rp2.586.000<\/b><\/li>\n        <\/ul>\n        <div class=\"otlp-kolom-akhir\"><span>Rincian komponen<\/span><b>Dibuka semua<\/b><\/div>\n      <\/div>\n    <\/div>\n\n    <p class=\"otlp-banding-catatan\">Angka di kanan adalah rincian nyata paket kami. Angka di kiri hanya ilustrasi cara penyajian, bukan harga travel tertentu.<\/p>\n  <\/div>\n<\/section>\n\n\n<!-- ==================== KEUNGGULAN ==================== -->\n<section class=\"otlp-sec otlp-keunggulan\">\n  <div class=\"otlp-motif\" aria-hidden=\"true\"><\/div>\n  <div class=\"otlp-wrap\">\n    <svg class=\"otlp-tanda-sec\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M20.5 9.4c0-2-1.6-3.6-3.5-3.6-1.3 0-2.4.7-3 1.8-.6-1.1-1.7-1.8-3-1.8-1.9 0-3.5 1.6-3.5 3.6 0 3.5 6.5 7.3 6.5 7.3s6.5-3.8 6.5-7.3z\"\/><path d=\"M3 20h6\"\/><\/svg>\n    <h2>Cara kami bekerja<\/h2>\n    <p class=\"otlp-sub\">Open Cost bukan janji harga termurah. Ini janji keterbukaan &mdash; silakan Anda bandingkan sendiri dengan mata terbuka.<\/p>\n\n    <ul class=\"otlp-nilai\">\n      <li>\n        <span class=\"otlp-ikon\"><svg viewBox=\"0 0 24 24\"><path d=\"M4 6h16M4 12h16M4 18h10\"\/><\/svg><\/span>\n        <div><h3>Rincian dibuka sejak awal<\/h3><p>Setiap komponen biaya kami tampilkan lengkap dengan nominalnya, termasuk kurs maksimum yang kami pakai. Bukan ringkasan, tapi daftar sesungguhnya.<\/p><\/div>\n      <\/li>\n      <li>\n        <span class=\"otlp-ikon\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 3l7 3v6c0 4-3 7-7 9-4-2-7-5-7-9V6l7-3z\"\/><path d=\"M9 12l2 2 4-4\"\/><\/svg><\/span>\n        <div><h3>Hotel &amp; pesawat sudah dipesan<\/h3><p>Kami tidak menjual keberangkatan yang belum pasti. Seat dan kamar diamankan lebih dulu, baru kami tawarkan kepada jamaah.<\/p><\/div>\n      <\/li>\n      <li>\n        <span class=\"otlp-ikon\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 21s-7-4.5-7-10a7 7 0 0114 0c0 5.5-7 10-7 10z\"\/><circle cx=\"12\" cy=\"11\" r=\"2.5\"\/><\/svg><\/span>\n        <div><h3>Pendampingan sampai selesai<\/h3><p>Tour leader dari Indonesia, muthawwif dan muthawwifah di tanah suci, plus manasik online sebelum berangkat.<\/p><\/div>\n      <\/li>\n      <li>\n        <span class=\"otlp-ikon\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 2v20M17 5H9.5a3.5 3.5 0 000 7h5a3.5 3.5 0 010 7H6\"\/><\/svg><\/span>\n        <div><h3>Jasa pengelolaan seikhlasnya<\/h3><p>Nilai apresiasi untuk layanan kami Anda tentukan sendiri sesuai yang Anda rasakan, bukan angka yang kami patok di muka.<\/p><\/div>\n      <\/li>\n    <\/ul>\n  <\/div>\n<\/section>\n\n\n<!-- ==================== GALERI ==================== -->\n<section class=\"otlp-sec\">\n  <div class=\"otlp-wrap\">\n    <svg class=\"otlp-tanda-sec\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M6 21s-3.2-3.6-3.2-6.4a3.2 3.2 0 116.4 0C9.2 17.4 6 21 6 21z\"\/><path d=\"M18 21s-3.2-3.6-3.2-6.4a3.2 3.2 0 116.4 0C21.2 17.4 18 21 18 21z\"\/><path d=\"M12 12V3M9 6l3-3 3 3\"\/><\/svg>\n    <h2>Tiga kota dalam satu perjalanan<\/h2>\n    <p class=\"otlp-sub\">Dua belas hari, dengan waktu ibadah mandiri yang cukup di antara agenda &mdash; bukan dikejar jadwal.<\/p>\n\n    <div class=\"otlp-galeri\">\n      <article class=\"otlp-foto otlp-kartu otlp-mekah\">\n        <div class=\"otlp-foto-isi\">\n          <h3>Mekah<\/h3>\n          <p>Umrah di hari pertama, city tour, dan ibadah mandiri. Hotel 5&ndash;7 menit jalan kaki ke Masjidil Haram.<\/p>\n        <\/div>\n      <\/article>\n      <article class=\"otlp-foto otlp-kartu otlp-madinah\">\n        <div class=\"otlp-foto-isi\">\n          <h3>Madinah<\/h3>\n          <p>Walking tour Masjid Nabawi, kajian, dan city tour. Hotel 4&ndash;6 menit jalan kaki ke Masjid Nabawi.<\/p>\n        <\/div>\n      <\/article>\n      <article class=\"otlp-foto otlp-kartu otlp-thoif\">\n        <div class=\"otlp-foto-isi\">\n          <h3>Thoif<\/h3>\n          <p>City tour sehari dari Mekah, menyusuri jalur pegunungan Al-Hada.<\/p>\n        <\/div>\n      <\/article>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n<!-- ==================== PAKET ==================== -->\n<section class=\"otlp-sec otlp-paket\">\n  <div class=\"otlp-motif\" aria-hidden=\"true\"><\/div>\n  <div class=\"otlp-wrap otlp-paket-grid\">\n    <div>\n      <h2>Keberangkatan terdekat<\/h2>\n      <p class=\"otlp-sub\">Umroh Plus Thoif Akhir Tahun &mdash; 12 hari, penerbangan langsung Saudia, dibatasi 36&ndash;40 jamaah agar pendampingan tetap terasa.<\/p>\n      <ul class=\"otlp-fakta\">\n        <li><small>Keberangkatan<\/small><b>26 Desember 2026<\/b><\/li>\n        <li><small>Durasi<\/small><b>12 hari<\/b><\/li>\n        <li><small>Hotel Mekah<\/small><b>Elaf Diamond Ajyad &middot; 5&ndash;7 menit jalan kaki<\/b><\/li>\n        <li><small>Hotel Madinah<\/small><b>Mirage Al-Salam &middot; 4&ndash;6 menit jalan kaki<\/b><\/li>\n      <\/ul>\n    <\/div>\n\n    <div class=\"otlp-harga\">\n      <span class=\"otlp-kicker\">Estimasi Open Cost<\/span>\n      <div class=\"otlp-angka\">Rp34,4 juta<\/div>\n      <span class=\"otlp-satuan\">per jamaah, kamar quad &middot; DP Rp5.000.000<\/span>\n      <ul>\n        <li>Tiket Saudia direct flight pulang pergi<\/li>\n        <li>Hotel Mekah, Madinah, dan Jeddah<\/li>\n        <li>Visa umrah, asuransi, dan full handling premium<\/li>\n        <li>City tour Mekah, Thoif, dan Madinah<\/li>\n        <li>Perlengkapan umrah &amp; manasik online<\/li>\n      <\/ul>\n      <a class=\"otlp-btn otlp-btn--emas otlp-tuju\" href=\"#daftar\">Ambil seat saya<\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n<!-- ==================== FAQ ==================== -->\n<section class=\"otlp-sec\">\n  <div class=\"otlp-wrap\">\n    <svg class=\"otlp-tanda-sec\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M20.5 12c0 3.9-3.8 7-8.5 7-1 0-2-.15-2.9-.42L3.5 20l1.5-3.6C4 15.2 3.5 13.7 3.5 12c0-3.9 3.8-7 8.5-7s8.5 3.1 8.5 7z\"\/><path d=\"M8.5 11.5h.01M12 11.5h.01M15.5 11.5h.01\"\/><\/svg>\n    <h2>Pertanyaan yang paling sering masuk<\/h2>\n\n    <div class=\"otlp-faq-list\">\n      <div class=\"otlp-faq-item\" data-buka=\"1\">\n        <button class=\"otlp-faq-q\" type=\"button\" aria-expanded=\"true\">Apa itu Open Cost?<span class=\"otlp-tanda\" aria-hidden=\"true\">+<\/span><\/button>\n        <div class=\"otlp-faq-a\"><p>Konsep keterbukaan biaya perjalanan umrah. Kami menampilkan komponen penyelenggaraan secara rinci agar jamaah memahami bagaimana biaya perjalanan disusun dan dikelola.<\/p><\/div>\n      <\/div>\n      <div class=\"otlp-faq-item\">\n        <button class=\"otlp-faq-q\" type=\"button\" aria-expanded=\"false\">Apakah Open Cost berarti paling murah?<span class=\"otlp-tanda\" aria-hidden=\"true\">+<\/span><\/button>\n        <div class=\"otlp-faq-a\"><p>Tidak. Open Cost bukan soal menawarkan harga termurah, tetapi memberi keterbukaan tentang bagaimana biaya disusun. Kami percaya perjalanan ibadah bukan hanya soal harga, tapi juga kualitas layanan, kenyamanan, dan kepercayaan.<\/p><\/div>\n      <\/div>\n      <div class=\"otlp-faq-item\">\n        <button class=\"otlp-faq-q\" type=\"button\" aria-expanded=\"false\">Ada biaya tersembunyi setelah pembayaran?<span class=\"otlp-tanda\" aria-hidden=\"true\">+<\/span><\/button>\n        <div class=\"otlp-faq-a\">\n          <p>Tidak ada. Seluruh komponen dijelaskan sejak awal. Namun beberapa komponen bisa menyesuaikan bila terjadi perubahan dari pihak eksternal &mdash; misalnya fuel surcharge, nilai tukar, tarif hotel, atau kebijakan visa.<\/p>\n          <p>Bila itu terjadi, kami sampaikan secara terbuka kepada jamaah sebelum penyesuaian dilakukan.<\/p>\n        <\/div>\n      <\/div>\n      <div class=\"otlp-faq-item\">\n        <button class=\"otlp-faq-q\" type=\"button\" aria-expanded=\"false\">Bagaimana menentukan jasa pengelolaan?<span class=\"otlp-tanda\" aria-hidden=\"true\">+<\/span><\/button>\n        <div class=\"otlp-faq-a\"><p>Jamaah menilai sendiri berdasarkan kualitas layanan, kemudahan proses, dan pendampingan yang diterima. Sebagai gambaran, apresiasi bisa berupa Rp500.000, Rp1.000.000, Rp2.000.000, atau sesuai nilai layanan yang dirasakan. Ditentukan saat proses pendaftaran.<\/p><\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n<!-- ==================== FORM ==================== -->\n<section class=\"otlp-sec otlp-form-sec\" id=\"daftar\">\n  <div class=\"otlp-wrap\">\n    <div class=\"otlp-form-kepala\">\n      <svg class=\"otlp-tanda-sec\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M14 3H6.5A1.5 1.5 0 005 4.5v15A1.5 1.5 0 006.5 21h11a1.5 1.5 0 001.5-1.5V8z\"\/><path d=\"M14 3v5h5\"\/><path d=\"M8.5 12.5h7M8.5 16h4.5\"\/><\/svg>\n      <h2>Minta rincian Open Cost lengkap<\/h2>\n      <p>Isi data di bawah. Kami kirimkan rincian biaya per komponen dan menjawab pertanyaan Anda satu per satu, tanpa biaya dan tanpa keharusan mendaftar.<\/p>\n    <\/div>\n\n    <div class=\"otlp-form-kotak\">\n\n<!-- ===== KODE EMBED FORM \u2014 VERBATIM, JANGAN DIUBAH ===== -->\n<link href=\"https:\/\/widyaherma.form.id\/css\/app.css\" rel=\"stylesheet\"\/>\n<mengantar-form-widget id=\"mengantar-form-widget\" url=\"open-travel-complete\" domain=\"widyaherma.form.id\"  embed=\"true\"\nsettings='{\"type\": \"page\", \n    \"popupButtonText\": \"Klik untuk pemesanan\",\n    \"popupText\": \"Form Pemesanan\",\n    \"popupButtonColor\": \"#2e47ba\",\n    \"redirectTo\": \"https:\/\/widyaherma.form.id\",\n    \"isFbPixel\": \"true\",\n    \"isHideBackground\": \"true\",\n    \"isNoMargin\": \"false\",\n    \"isGtm\": \"true\"}'\n><\/mengantar-form-widget>\n<script src=\"https:\/\/widyaherma.form.id\/app.js\"><\/script>\n<style type=\"text\/css\">\n            #app{background-color:transparent !important;text-align:left} .embed-sealHide, .embed-leftHide, .bottom-bar-text{display:none !important;} .embed-rightHide{flex: 0 0 100% !important; width: 100% !important; max-width:100% !important; margin:auto;} .embed-bgHide{box-shadow:none !important; background:transparent; border:none !important; padding: 1px 20px !important; margin:0;} .embed-topSpace{margin:auto !important;} .embed-wrapper{height: auto !important; overflow:initial !important;} .embed-notopMargin{margin:0 !important; .embed-gap{gap: 10px !important;}}\n            <\/style>\n<!-- ===== AKHIR KODE EMBED ===== -->\n\n    <\/div>\n\n    <div class=\"otlp-form-jaminan\">\n      <span><svg viewBox=\"0 0 24 24\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg> Data hanya untuk keperluan konsultasi<\/span>\n      <span><svg viewBox=\"0 0 24 24\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg> Tanpa biaya, tanpa keharusan mendaftar<\/span>\n      <span><svg viewBox=\"0 0 24 24\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg> Dijawab langsung oleh tim Open Travel<\/span>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n<!-- ==================== PENUTUP ==================== -->\n<section class=\"otlp-sec otlp-tutup\">\n  <div class=\"otlp-motif\" aria-hidden=\"true\"><\/div>\n  <div class=\"otlp-wrap\">\n    <svg class=\"otlp-tanda-sec\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M3 8.6L12 3l9 5.6V19a1.6 1.6 0 01-1.6 1.6H4.6A1.6 1.6 0 013 19z\"\/><path d=\"M3 8.6l9 6 9-6\"\/><\/svg>\n    <h2>Tanya dulu, tidak harus langsung mendaftar<\/h2>\n    <p>Semakin lengkap yang Anda tahu, semakin tenang keputusannya. Itu memang tujuan kami membuka rinciannya.<\/p>\n    <a class=\"otlp-btn otlp-btn--emas otlp-tuju\" href=\"#daftar\">Isi form konsultasi<\/a>\n    <div class=\"otlp-kontak\">\n      <b>Open Travel &mdash; Pelopor Open Cost Umrah<\/b>\n      Pesona Cisaranten Indah Ruko 8, Kel. Cisaranten Kulon, Arcamanik, Kota Bandung, Jawa Barat 40293<br>\n      PT. Pariwisata Qurani Berkah Gemilang &middot; PPIU 02200044520360002\n    <\/div>\n  <\/div>\n<\/section>\n\n\n<!-- ==================== STICKY CTA ==================== -->\n<div class=\"otlp-sticky\" id=\"otlpSticky\">\n  <div class=\"otlp-sticky-isi\">\n    <div class=\"otlp-sticky-teks\">\n      <strong>Umroh Plus Thoif &middot; 26 Desember 2026<\/strong>\n      <span>Estimasi Open Cost Rp34,4jt\/pax (quad) &middot; seat terbatas 36&ndash;40 jamaah<\/span>\n    <\/div>\n    <a class=\"otlp-btn otlp-tuju\" href=\"#daftar\">Konsul Sekarang via WA<\/a>\n  <\/div>\n<\/div>\n<script>\n(function(){\n  var akar = document.querySelector('.otlp');\n  if(!akar || document.documentElement.dataset.otlpSiap === '1') return;\n  document.documentElement.dataset.otlpSiap = '1';\n\n  \/* ---- FAQ accordion ---- *\/\n  akar.querySelectorAll('.otlp-faq-q').forEach(function(tombol){\n    tombol.addEventListener('click', function(){\n      var item = tombol.closest('.otlp-faq-item');\n      var terbuka = item.getAttribute('data-buka') === '1';\n      akar.querySelectorAll('.otlp-faq-item').forEach(function(el){\n        el.removeAttribute('data-buka');\n        el.querySelector('.otlp-faq-q').setAttribute('aria-expanded','false');\n      });\n      if(!terbuka){\n        item.setAttribute('data-buka','1');\n        tombol.setAttribute('aria-expanded','true');\n      }\n    });\n  });\n\n  \/* ---- semua tombol menuju form ---- *\/\n  var target = document.getElementById('daftar');\n  akar.querySelectorAll('.otlp-tuju').forEach(function(a){\n    a.addEventListener('click', function(e){\n      if(!target) return;\n      e.preventDefault();\n      var halus = !window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n      target.scrollIntoView({ behavior: halus ? 'smooth' : 'auto', block:'start' });\n      \/* fokuskan input pertama form setelah scroll selesai *\/\n      setTimeout(function(){\n        var isian = target.querySelector('input, textarea, select');\n        if(isian && typeof isian.focus === 'function'){ isian.focus({ preventScroll:true }); }\n      }, 700);\n    });\n  });\n\n  \/* ---- sticky bar: tampil sejak awal, hanya sembunyi saat form terlihat ---- *\/\n  var bar = document.getElementById('otlpSticky');\n  if(bar && target && 'IntersectionObserver' in window){\n    new IntersectionObserver(function(entries){\n      if(entries[0].isIntersecting){ bar.setAttribute('data-sembunyi','1'); }\n      else { bar.removeAttribute('data-sembunyi'); }\n    }, { threshold:0.12 }).observe(target);\n  }\n})();\n<\/script>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>PT. Pariwisata Qurani Berkah Gemilang &nbsp;&middot;&nbsp; PPIU 02200044520360002 Biaya umrah yang boleh Anda periksa satu per satu Open Travel membuka seluruh komponen biaya perjalanan sejak awal &mdash; dari tiket, hotel, visa, sampai konsumsi. Anda tahu persis ke mana uang Anda pergi sebelum memutuskan berangkat. Minta rincian Open Cost Isi form singkat, tim kami menghubungi Anda. [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-286","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wp.opentravel.id\/index.php\/wp-json\/wp\/v2\/pages\/286","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wp.opentravel.id\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wp.opentravel.id\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wp.opentravel.id\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/wp.opentravel.id\/index.php\/wp-json\/wp\/v2\/comments?post=286"}],"version-history":[{"count":23,"href":"https:\/\/wp.opentravel.id\/index.php\/wp-json\/wp\/v2\/pages\/286\/revisions"}],"predecessor-version":[{"id":309,"href":"https:\/\/wp.opentravel.id\/index.php\/wp-json\/wp\/v2\/pages\/286\/revisions\/309"}],"wp:attachment":[{"href":"https:\/\/wp.opentravel.id\/index.php\/wp-json\/wp\/v2\/media?parent=286"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}