.elementor-13476 .elementor-element.elementor-element-594fb57{--display:flex;--min-height:380px;--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;--justify-content:center;--overlay-opacity:0.29;}.elementor-13476 .elementor-element.elementor-element-594fb57:not(.elementor-motion-effects-element-type-background), .elementor-13476 .elementor-element.elementor-element-594fb57 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-13476 .elementor-element.elementor-element-594fb57::before, .elementor-13476 .elementor-element.elementor-element-594fb57 > .elementor-background-video-container::before, .elementor-13476 .elementor-element.elementor-element-594fb57 > .e-con-inner > .elementor-background-video-container::before, .elementor-13476 .elementor-element.elementor-element-594fb57 > .elementor-background-slideshow::before, .elementor-13476 .elementor-element.elementor-element-594fb57 > .e-con-inner > .elementor-background-slideshow::before, .elementor-13476 .elementor-element.elementor-element-594fb57 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-13476 .elementor-element.elementor-element-594fb57 > .elementor-shape-bottom svg, .elementor-13476 .elementor-element.elementor-element-594fb57 > .e-con-inner > .elementor-shape-bottom svg{height:40px;}.elementor-13476 .elementor-element.elementor-element-594fb57.e-con{--flex-grow:0;--flex-shrink:0;}.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-13476 .elementor-element.elementor-element-59b263a{text-align:center;}.elementor-13476 .elementor-element.elementor-element-59b263a .elementor-heading-title{font-family:"DM Serif Display", Sans-serif;font-size:45px;font-weight:600;color:#FFFFFF;}.elementor-13476 .elementor-element.elementor-element-da10a25{--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;--margin-top:-21px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-13476 .elementor-element.elementor-element-1804e2d{--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;}.elementor-13476 .elementor-element.elementor-element-02f6d16 .elementor-heading-title{font-family:"DM Serif Display", Sans-serif;font-weight:500;color:#000000;}.elementor-widget-post-info .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-post-info .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-post-info .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-post-info .elementor-icon-list-text, .elementor-widget-post-info .elementor-icon-list-text a{color:var( --e-global-color-secondary );}.elementor-widget-post-info .elementor-icon-list-item{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-13476 .elementor-element.elementor-element-6a08c4e > .elementor-widget-container{margin:2px 0px 0px 0px;}.elementor-13476 .elementor-element.elementor-element-6a08c4e.elementor-element{--align-self:stretch;--flex-grow:1;--flex-shrink:0;}.elementor-13476 .elementor-element.elementor-element-6a08c4e .elementor-icon-list-icon{width:14px;}.elementor-13476 .elementor-element.elementor-element-6a08c4e .elementor-icon-list-icon i{font-size:14px;}.elementor-13476 .elementor-element.elementor-element-6a08c4e .elementor-icon-list-icon svg{--e-icon-list-icon-size:14px;}.elementor-13476 .elementor-element.elementor-element-6a08c4e .elementor-icon-list-text, .elementor-13476 .elementor-element.elementor-element-6a08c4e .elementor-icon-list-text a{color:#000000;}.elementor-13476 .elementor-element.elementor-element-6a08c4e .elementor-icon-list-item{font-family:"Poppins", Sans-serif;font-weight:400;}.elementor-13476 .elementor-element.elementor-element-0f5e029{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-13476 .elementor-element.elementor-element-a5115fc{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-13476 .elementor-element.elementor-element-a5115fc.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-13476 .elementor-element.elementor-element-9389ac5{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-13476 .elementor-element.elementor-element-f9d1479{font-family:"DM Sans", Sans-serif;font-size:17px;font-weight:400;color:#000000;}.elementor-13476 .elementor-element.elementor-element-8ae85bc{--display:flex;}.elementor-13476 .elementor-element.elementor-element-3ef3fc9 .elementor-heading-title{font-family:"DM Serif Display", Sans-serif;font-size:30px;font-weight:500;color:#000000;}.elementor-widget-loop-grid .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-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .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-13476 .elementor-element.elementor-element-f598c88{--grid-columns:1;}.elementor-13476 .elementor-element.elementor-element-f5783cb{--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:0px;--padding-bottom:25px;--padding-left:0px;--padding-right:0px;}.elementor-13476 .elementor-element.elementor-element-840be3d .elementor-heading-title{font-family:"DM Serif Display", Sans-serif;font-size:30px;font-weight:500;color:#000000;}.elementor-13476 .elementor-element.elementor-element-c1b8525{--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-13476 .elementor-element.elementor-element-f598c88{--grid-columns:1;} .elementor-13476 .elementor-element.elementor-element-c1b8525{--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;}}@media(min-width:768px){.elementor-13476 .elementor-element.elementor-element-da10a25{--content-width:1300px;}.elementor-13476 .elementor-element.elementor-element-0f5e029{--content-width:1300px;}.elementor-13476 .elementor-element.elementor-element-9389ac5{--width:100%;}.elementor-13476 .elementor-element.elementor-element-8ae85bc{--width:250%;}.elementor-13476 .elementor-element.elementor-element-f5783cb{--content-width:1300px;}}@media(max-width:1024px) and (min-width:768px){.elementor-13476 .elementor-element.elementor-element-a5115fc{--width:577px;}}@media(max-width:767px){.elementor-13476 .elementor-element.elementor-element-594fb57{--width:100%;}.elementor-13476 .elementor-element.elementor-element-59b263a .elementor-heading-title{font-size:35px;}.elementor-13476 .elementor-element.elementor-element-02f6d16 .elementor-heading-title{font-size:35px;}.elementor-13476 .elementor-element.elementor-element-f598c88{--grid-columns:1;}.elementor-13476 .elementor-element.elementor-element-c1b8525{--alignment:center;} .elementor-13476 .elementor-element.elementor-element-c1b8525{--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;}}/* Start custom CSS for container, class: .elementor-element-594fb57 *//* =====================================================================
   TOUR POST — HERO SECTION — MAI KEBALI TOUR  (v1.0 — Azure)
   Tempel di: Container HERO (yang paling atas) > Advanced > Custom CSS

   ---------------------------------------------------------------------
   CSS CLASS PER ELEMEN (isi di Advanced > CSS Classes)
   Sesuai struktur Elementor yang Anda kirim:
   ---------------------------------------------------------------------
   Container (hero) .......................... mkt-th
   ├─ Heading (judul tour) ................... mkt-th-title
   └─ Container (baris rating) ............... mkt-th-meta
       ├─ Heading (label, mis. "Rated") ...... mkt-th-meta-label
       ├─ Icon (bintang) ..................... mkt-th-meta-icon
       └─ Heading (nilai, mis. "5.0 / 204") .. mkt-th-meta-text
   ---------------------------------------------------------------------

   CARA KERJA
   - Foto latar tetap diatur dari panel (Style > Background) beserta
     Background Overlay dan Shape Divider (gelombang) Anda. CSS ini TIDAK
     memakai ::before milik container, jadi overlay panel tetap jalan.
   - CSS menambah lapisan gelap halus (supaya teks putih terbaca) lewat
     ::after. Atur kekuatannya dengan --th-shade (0 = mati, 1 = penuh).
   - Tanpa foto, hero otomatis memakai gradien navy -> biru.

   TAMPILAN
   - Eyebrow bergaris di kedua sisi, judul serif putih berbayang lembut
     dengan garis aksen, lalu chip rating (kaca transparan) berisi
     label + bintang emas + nilai.
   - Muncul halus saat halaman dibuka.

   RINGAN
   - Tanpa backdrop-filter, tanpa filter blur, tanpa JavaScript.
   - Animasi hanya opacity/translate (satu kali).

   TIDAK DIKUNCI
   - Tanpa !important. Selector memakai :where(), jadi pengaturan panel
     (font, ukuran, warna, jarak, lebar, border, radius, tinggi) menang.
   ===================================================================== */


/* ---------------------------------------------------------------------
   1. PUSAT KENDALI
   --------------------------------------------------------------------- */
.elementor-13476 .elementor-element.elementor-element-594fb57 {

  /* Warna (sama dengan section lain) */
  --th-primary: #0B2A45;
  --th-blue: #009CE7;
  --th-blue-rgb: 0, 156, 231;
  --th-sky: #5CC8FF;
  --th-sky-light: #A6E1FF;
  --th-accent: #0070B8;
  --th-navy-dark: #04202F;
  --th-white: #FFFFFF;
  --th-star: #FFC83D;                 /* warna bintang rating */

  /* Font */
  --th-font-display: "DM Serif Display", Georgia, serif;
  --th-font-body: "Poppins", -apple-system, BlinkMacSystemFont, sans-serif;

  /* Teks eyebrow di atas judul */
  --th-eyebrow: "BALI TRAVEL GUIDE";
  --th-eyebrow-gap: 20px;

  /* Kekuatan lapisan gelap (0 - 1) */
  --th-shade: 1;

  --th-ease: cubic-bezier(.22, .75, .2, 1);


  position: relative;
  width: 100%;
  overflow: hidden;
  isolation: isolate;
  box-sizing: border-box;

  font-family: var(--th-font-body);
  color: var(--th-white);

  /* cadangan jika belum ada foto latar */
  background-color: var(--th-primary);
  background-image: linear-gradient(135deg, #0B2A45 0%, #0070B8 58%, #009CE7 100%);
  background-size: cover;
  background-position: center;

  --min-height: clamp(380px, 46vw, 540px);

  --padding-top: clamp(96px, 11vw, 150px);
  --padding-bottom: clamp(120px, 13vw, 190px);   /* ruang untuk gelombang */
  --padding-left: clamp(22px, 5vw, 82px);
  --padding-right: clamp(22px, 5vw, 82px);

  --flex-direction: column;
  --align-items: center;
  --justify-content: center;
  --gap: 20px;
  --row-gap: 20px;
}

/* pseudo-element tidak boleh di dalam :where(), jadi ditulis terpisah */
.elementor-13476 .elementor-element.elementor-element-594fb57 :where(*),
.elementor-13476 .elementor-element.elementor-element-594fb57 *::before,
.elementor-13476 .elementor-element.elementor-element-594fb57 *::after {
  box-sizing: border-box;
}

/* Shape Divider (gelombang) selalu di atas lapisan lain */
.elementor-13476 .elementor-element.elementor-element-594fb57 :where(.elementor-shape) {
  z-index: 2;
}


/* ---------------------------------------------------------------------
   2. LAPISAN GELAP HALUS (::after — ::before dibiarkan untuk overlay panel)
   --------------------------------------------------------------------- */
.elementor-13476 .elementor-element.elementor-element-594fb57::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  opacity: var(--th-shade);

  background:
      radial-gradient(60% 55% at 50% 42%, rgba(4, 32, 47, .30) 0%, transparent 70%),
      linear-gradient(180deg, rgba(4, 32, 47, .55) 0%, rgba(4, 32, 47, .22) 46%, rgba(4, 32, 47, .62) 100%);
}


/* ---------------------------------------------------------------------
   3. JUDUL — .mkt-th-title  (Heading widget, rata tengah)
   Alignment default di wrapper -> kontrol "Alignment" panel tetap menang.
   --------------------------------------------------------------------- */
.elementor-13476 .elementor-element.elementor-element-594fb57 :where(.mkt-th-title) {
  width: 100%;
  max-width: 980px;
  min-width: 0;
  margin: 0;
  text-align: center;

  animation: thIn .9s var(--th-ease) both;
}

/* eyebrow: garis di kedua sisi + teks */
.elementor-13476 .elementor-element.elementor-element-594fb57 :where(.mkt-th-title)::before {
  content: var(--th-eyebrow);
  display: inline-block;
  white-space: pre;
  margin-bottom: var(--th-eyebrow-gap);
  padding: 0 52px;

  background:
      linear-gradient(90deg, var(--th-white), var(--th-sky)) left center / 38px 2px no-repeat,
      linear-gradient(270deg, var(--th-white), var(--th-sky)) right center / 38px 2px no-repeat;

  font-family: var(--th-font-body);
  font-size: clamp(10.5px, .8vw, 12.5px);
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: .24em;
  text-transform: uppercase;
  color: var(--th-sky-light);

  pointer-events: none;
  user-select: none;
}

.elementor-13476 .elementor-element.elementor-element-594fb57 :where(.mkt-th-title .elementor-heading-title) {
  margin: 0;

  font-family: var(--th-font-display);
  font-size: clamp(36px, 5vw, 72px);
  font-weight: 400;
  line-height: 1.06;
  letter-spacing: -.022em;
  color: var(--th-white);
  text-shadow: 0 6px 30px rgba(4, 32, 47, .45);
  text-wrap: balance;
}

/* kata di dalam <span> bergradasi putih -> sky */
.elementor-13476 .elementor-element.elementor-element-594fb57 :where(.mkt-th-title .elementor-heading-title span) {
  background: linear-gradient(90deg, var(--th-white) 0%, var(--th-sky-light) 60%, var(--th-sky) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  text-shadow: none;
}

/* garis aksen memudar di bawah judul (simetris) */
.elementor-13476 .elementor-element.elementor-element-594fb57 :where(.mkt-th-title)::after {
  content: "";
  display: inline-block;
  vertical-align: top;
  width: 120px;
  height: 3px;
  margin-top: 24px;
  border-radius: 999px;

  background: linear-gradient(90deg, transparent 0%, var(--th-sky) 50%, transparent 100%);
}


/* ---------------------------------------------------------------------
   4. CHIP RATING — .mkt-th-meta  (Container: label + bintang + nilai)
   Kaca transparan tanpa blur (ringan). Border & radius lewat variabel
   Elementor supaya tetap bisa diubah dari panel.
   --------------------------------------------------------------------- */
.elementor-13476 .elementor-element.elementor-element-594fb57 :where(.mkt-th-meta) {
  --width: fit-content;

  --flex-direction: row;
  --flex-wrap: nowrap;
  --align-items: center;
  --justify-content: center;

  --gap: 10px;
  --column-gap: 10px;
  --row-gap: 10px;

  --padding-top: 9px;
  --padding-right: 22px;
  --padding-bottom: 9px;
  --padding-left: 22px;

  --border-style: solid;
  --border-color: rgba(255, 255, 255, .30);
  --border-top-width: 1px;
  --border-right-width: 1px;
  --border-bottom-width: 1px;
  --border-left-width: 1px;
  --border-radius: 999px;

  max-width: 100%;
  background: rgba(4, 32, 47, .34);
  box-shadow: 0 14px 30px -18px rgba(4, 32, 47, .7), inset 0 1px 0 rgba(255, 255, 255, .18);

  animation: thIn .9s var(--th-ease) .14s both;
}

/* cadangan border & radius (specificity nol; kalah oleh variabel Elementor) */
:where(.elementor-13476 .elementor-element.elementor-element-594fb57 .mkt-th-meta) {
  border: 1px solid rgba(255, 255, 255, .30);
  border-radius: 999px;
}

/* isi chip: lebar mengikuti isi */
.elementor-13476 .elementor-element.elementor-element-594fb57 :where(.mkt-th-meta > .elementor-widget) {
  width: auto;
  flex: 0 0 auto;
  min-width: 0;
  margin: 0;
}

.elementor-13476 .elementor-element.elementor-element-594fb57 :where(.mkt-th-meta-label .elementor-heading-title) {
  margin: 0;
  font-family: var(--th-font-body);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--th-sky-light);
}

/* bintang: ukuran lewat font-size (kontrol "Size" panel menang) */
.elementor-13476 .elementor-element.elementor-element-594fb57 :where(.mkt-th-meta-icon .elementor-icon) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  line-height: 1;
  color: var(--th-star);
}

.elementor-13476 .elementor-element.elementor-element-594fb57 :where(.mkt-th-meta-icon .elementor-icon svg) {
  width: 1em;
  height: 1em;
  fill: currentColor;
}

.elementor-13476 .elementor-element.elementor-element-594fb57 :where(.mkt-th-meta-text .elementor-heading-title) {
  margin: 0;
  font-family: var(--th-font-body);
  font-size: 15px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: .01em;
  color: var(--th-white);
}


/* ---------------------------------------------------------------------
   5. ANIMASI MASUK (sekali, saat halaman dibuka)
   --------------------------------------------------------------------- */
@keyframes thIn {
  from { opacity: 0; translate: 0 22px; }
  to   { opacity: 1; translate: 0 0; }
}


/* =====================================================================
   RESPONSIVE
   ===================================================================== */

/* ---------- TABLET 768 - 1024 ---------- */
@media (min-width: 768px) and (max-width: 1024px) {
  .elementor-13476 .elementor-element.elementor-element-594fb57 {
    --min-height: 400px;
    --padding-top: 100px;
    --padding-bottom: 128px;
    --padding-left: clamp(30px, 4.5vw, 46px);
    --padding-right: clamp(30px, 4.5vw, 46px);
  }
}


/* ---------- MOBILE <= 767px ---------- */
@media (max-width: 767px) {
  .elementor-13476 .elementor-element.elementor-element-594fb57 {
    --min-height: 340px;
    --padding-top: 86px;
    --padding-bottom: 104px;
    --padding-left: clamp(18px, 5.2vw, 24px);
    --padding-right: clamp(18px, 5.2vw, 24px);
    --gap: 16px;
    --row-gap: 16px;
  }

  .elementor-13476 .elementor-element.elementor-element-594fb57 :where(.mkt-th-title)::before {
    margin-bottom: 16px;
    padding: 0 40px;
    background-size: 28px 2px, 28px 2px;
    font-size: 10px;
    letter-spacing: .17em;
  }

  .elementor-13476 .elementor-element.elementor-element-594fb57 :where(.mkt-th-title .elementor-heading-title) {
    font-size: clamp(30px, 8.6vw, 40px);
    line-height: 1.1;
  }

  .elementor-13476 .elementor-element.elementor-element-594fb57 :where(.mkt-th-title)::after {
    width: 76px;
    height: 2px;
    margin-top: 18px;
  }

  .elementor-13476 .elementor-element.elementor-element-594fb57 :where(.mkt-th-meta) {
    --padding-top: 8px;
    --padding-right: 16px;
    --padding-bottom: 8px;
    --padding-left: 16px;
    --gap: 8px;
    --column-gap: 8px;
  }

  .elementor-13476 .elementor-element.elementor-element-594fb57 :where(.mkt-th-meta-label .elementor-heading-title) {
    font-size: 10.5px;
    letter-spacing: .14em;
  }

  .elementor-13476 .elementor-element.elementor-element-594fb57 :where(.mkt-th-meta-icon .elementor-icon) {
    font-size: 16px;
  }

  .elementor-13476 .elementor-element.elementor-element-594fb57 :where(.mkt-th-meta-text .elementor-heading-title) {
    font-size: 13.5px;
  }
}


/* ---------- HP KECIL <= 374px ---------- */
@media (max-width: 374px) {
  .elementor-13476 .elementor-element.elementor-element-594fb57 {
    --padding-top: 76px;
    --padding-bottom: 92px;
  }

  /* chip boleh turun baris bila terlalu sempit */
  .elementor-13476 .elementor-element.elementor-element-594fb57 :where(.mkt-th-meta) {
    --flex-wrap: wrap;
  }
}


/* ---------------------------------------------------------------------
   6. REDUCED MOTION / SELECTION
   --------------------------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
  .elementor-13476 .elementor-element.elementor-element-594fb57 :where(*) {
    animation-duration: .01ms;
    animation-iteration-count: 1;
  }
}

.elementor-13476 .elementor-element.elementor-element-594fb57 ::selection {
  background: var(--th-sky);
  color: var(--th-navy-dark);
}


/* =====================================================================
   CATATAN PEMAKAIAN

   1. Foto latar, Background Overlay, dan Shape Divider (gelombang):
      atur dari panel seperti biasa. Jika gelombang menutupi teks,
      tambah --padding-bottom (blok 1) atau padding bawah dari panel.

   2. Teks eyebrow: --th-eyebrow. Kosongkan ("") untuk menyembunyikan.

   3. Judul boleh memakai <span> untuk gradasi, misalnya:
      Ubud <span>Cultural Tour</span>

   4. Lapisan gelap: --th-shade (0 - 1). Jika Anda sudah memakai
      Background Overlay dari panel dan terlalu gelap, isi 0.

   5. Heading label & nilai di chip rating boleh dikosongkan salah satu;
      chip menyesuaikan lebarnya.
   ===================================================================== *//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-da10a25 *//* =====================================================================
   ARTICLE POST — 1/3 HEADER  (v1.2 — Azure, ringan & tidak dikunci)
   Tempel di: Container PEMBUNGKUS ATAS (Heading + Post Info)
              > Advanced > Custom CSS
   Class container ini: mkt-ar-head   (Content Width: Full Width)

   Container (pembungkus atas) ............... mkt-ar-head
   └─ Container (header dalam) ............... mkt-ar-head-inner
       ├─ Heading (judul artikel) ............ mkt-ar-title
       └─ Post Info .......................... mkt-ar-meta

   v1.2:
   - Latar disamakan dengan container isi: biru sangat tipis + kotak
     halus. Watermark dan glow dihapus (lebih ringan).
   - Panel Elementor selalu menang (font, warna, ukuran, jarak, latar).
   ===================================================================== */

.elementor-13476 .elementor-element.elementor-element-da10a25 {

  --ar-primary: #0B2A45;
  --ar-blue: #009CE7;
  --ar-blue-rgb: 0, 156, 231;
  --ar-sky: #5CC8FF;
  --ar-mid: #F1F8FE;
  --ar-text: #10222F;

  --ar-font-display: "DM Serif Display", Georgia, serif;
  --ar-font-body: "DM Sans", -apple-system, BlinkMacSystemFont, sans-serif;

  --ar-max-width: 1320px;
  --ar-pad-x: max(clamp(22px, 5vw, 82px), calc((100% - var(--ar-max-width)) / 2));

  --flex-direction: column;
  --align-items: stretch;
  --justify-content: flex-end;
  --gap: 0px;
  --row-gap: 0px;

  --padding-top: clamp(46px, 6vw, 88px);
  --padding-bottom: clamp(34px, 4vw, 56px);
  --padding-left: var(--ar-pad-x);
  --padding-right: var(--ar-pad-x);

  font-family: var(--ar-font-body);
  color: var(--ar-text);

  /* sama dengan container isi: biru tipis + kotak halus */
  background-color: var(--ar-mid);
  background-image:
      linear-gradient(rgba(var(--ar-blue-rgb), .03) 1px, transparent 1px),
      linear-gradient(90deg, rgba(var(--ar-blue-rgb), .03) 1px, transparent 1px);
  background-size: 48px 48px;
}


/* container dalam */
.elementor-13476 .elementor-element.elementor-element-da10a25 :where(.mkt-ar-head-inner) {
  --width: 100%;
  --flex-direction: column;
  --align-items: stretch;
  --justify-content: flex-start;
  --gap: clamp(18px, 2vw, 26px);
  --row-gap: clamp(18px, 2vw, 26px);

  --padding-top: 0px;
  --padding-right: 0px;
  --padding-bottom: 0px;
  --padding-left: 0px;

  min-width: 0;
}

.elementor-13476 .elementor-element.elementor-element-da10a25 :where(.mkt-ar-head-inner > .elementor-widget) {
  width: 100%;
  min-width: 0;
  margin: 0;
}


/* judul artikel */
.elementor-13476 .elementor-element.elementor-element-da10a25 :where(.mkt-ar-title) {
  max-width: 940px;
}

.elementor-13476 .elementor-element.elementor-element-da10a25 :where(.mkt-ar-title)::before {
  content: "";
  display: block;
  width: 52px;
  height: 3px;
  margin-bottom: 18px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--ar-blue), var(--ar-sky));
}

.elementor-13476 .elementor-element.elementor-element-da10a25 :where(.mkt-ar-title) .elementor-heading-title {
  margin: 0;
  font-family: var(--ar-font-display);
  font-size: clamp(32px, 4.3vw, 58px);
  font-weight: 400;
  line-height: 1.08;
  letter-spacing: -.02em;
  color: var(--ar-primary);
  text-wrap: balance;
}


/* post info: item jadi pil putih, ikon bulat */
.elementor-13476 .elementor-element.elementor-element-da10a25 :where(.mkt-ar-meta) {
  --e-icon-list-icon-size: 13px;
  --e-icon-list-icon-gap: 8px;
  --e-icon-list-icon-color: var(--ar-blue);

  width: 100%;
  margin: 0;
}

.elementor-13476 .elementor-element.elementor-element-da10a25 :where(.mkt-ar-meta) .elementor-icon-list-items {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.elementor-13476 .elementor-element.elementor-element-da10a25 :where(.mkt-ar-meta) .elementor-icon-list-item {
  display: inline-flex;
  align-items: center;
  margin: 0;
  padding: 6px 16px 6px 7px;

  border: 1px solid rgba(var(--ar-blue-rgb), .20);
  border-radius: 999px;
  background: rgba(255, 255, 255, .84);
  box-shadow: 0 8px 18px -14px rgba(0, 72, 120, .45);
}

.elementor-13476 .elementor-element.elementor-element-da10a25 :where(.mkt-ar-meta) .elementor-icon-list-item::before,
.elementor-13476 .elementor-element.elementor-element-da10a25 :where(.mkt-ar-meta) .elementor-icon-list-item::after {
  display: none;
}

.elementor-13476 .elementor-element.elementor-element-da10a25 :where(.mkt-ar-meta) .elementor-icon-list-item > a {
  display: inline-flex;
  align-items: center;
  color: inherit;
  text-decoration: none;
}

.elementor-13476 .elementor-element.elementor-element-da10a25 :where(.mkt-ar-meta) .elementor-icon-list-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: calc(var(--e-icon-list-icon-size, 13px) + 14px);
  height: calc(var(--e-icon-list-icon-size, 13px) + 14px);
  margin: 0;
  padding: 0;

  border-radius: 50%;
  color: var(--ar-blue);
  background: rgba(var(--ar-blue-rgb), .11);
  box-shadow: 0 0 0 3px rgba(var(--ar-blue-rgb), .06);
}

.elementor-13476 .elementor-element.elementor-element-da10a25 :where(.mkt-ar-meta) .elementor-icon-list-icon i {
  color: var(--e-icon-list-icon-color, var(--ar-blue));
  font-size: var(--e-icon-list-icon-size, 13px);
  line-height: 1;
}

.elementor-13476 .elementor-element.elementor-element-da10a25 :where(.mkt-ar-meta) .elementor-icon-list-icon svg {
  width: var(--e-icon-list-icon-size, 13px);
  height: var(--e-icon-list-icon-size, 13px);
  fill: var(--e-icon-list-icon-color, var(--ar-blue));
}

.elementor-13476 .elementor-element.elementor-element-da10a25 :where(.mkt-ar-meta) .elementor-icon-list-text {
  padding: 0 0 0 var(--e-icon-list-icon-gap, 8px);
  font-family: var(--ar-font-body);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  color: var(--ar-text);
}


/* ---------------------------------------------------------------------
   RESPONSIVE
   --------------------------------------------------------------------- */
@media (min-width: 1600px) {
  .elementor-13476 .elementor-element.elementor-element-da10a25 { --ar-max-width: 1420px; }
}

@media (min-width: 1025px) and (max-width: 1280px) {
  .elementor-13476 .elementor-element.elementor-element-da10a25 { --ar-pad-x: 44px; }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .elementor-13476 .elementor-element.elementor-element-da10a25 { --ar-pad-x: clamp(30px, 4.5vw, 46px); }
}

@media (max-width: 767px) {
  .elementor-13476 .elementor-element.elementor-element-da10a25 {
    --ar-pad-x: clamp(18px, 5.2vw, 24px);
    --padding-top: 36px;
    --padding-bottom: 30px;
  }

  .elementor-13476 .elementor-element.elementor-element-da10a25 :where(.mkt-ar-title)::before { margin-bottom: 14px; }

  .elementor-13476 .elementor-element.elementor-element-da10a25 :where(.mkt-ar-meta) .elementor-icon-list-items { gap: 8px; }

  .elementor-13476 .elementor-element.elementor-element-da10a25 :where(.mkt-ar-meta) .elementor-icon-list-item { padding: 5px 13px 5px 6px; }

  .elementor-13476 .elementor-element.elementor-element-da10a25 :where(.mkt-ar-meta) .elementor-icon-list-text { font-size: 13px; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0f5e029 *//* =====================================================================
   ARTICLE POST — 2/3 ISI + KOLOM KANAN  (v1.3 — Azure, ringan)
   Tempel di: Container PEMBUNGKUS ISI > Advanced > Custom CSS
   Class: mkt-ar (Content Width: Full Width)

   mkt-ar
   └─ mkt-ar-grid
       ├─ mkt-ar-left  └─ mkt-ar-text   (Text Editor)
       └─ mkt-ar-right ├─ mkt-ar-side-title (Heading)
                       └─ mkt-ar-loop       (Loop Grid)

   v1.3:
   - TIDAK ADA width / min-width / padding / gap di desktop & tablet.
     Tata letak 100% dari panel Elementor (sama seperti tanpa CSS).
   - Hanya styling: font, warna, heading, list, gambar, tabel, latar.
   - Semua pakai :where() -> panel Elementor selalu menang.
   - Hanya di HP (<=767px): kolom ditumpuk (teks atas, Loop Grid bawah).
   ===================================================================== */

.elementor-13476 .elementor-element.elementor-element-0f5e029 {
  --ar-primary: #0B2A45;
  --ar-blue: #009CE7;
  --ar-blue-rgb: 0, 156, 231;
  --ar-sky: #5CC8FF;
  --ar-accent: #0070B8;
  --ar-navy-dark: #04202F;
  --ar-grad: linear-gradient(110deg, #0B2A45 0%, #0070B8 58%, #009CE7 100%);
  --ar-g: linear-gradient(135deg, #5CC8FF, #009CE7 58%, #0070B8);

  --ar-mid: #F1F8FE;
  --ar-ivory: #EAF4FC;
  --ar-white: #FFFFFF;
  --ar-text: #10222F;
  --ar-soft: rgba(16, 34, 47, .56);

  --ar-font-display: "DM Serif Display", Georgia, serif;
  --ar-font-body: "DM Sans", -apple-system, BlinkMacSystemFont, sans-serif;

  --ar-body-fs: 16.5px;
  --ar-body-lh: 1.85;
  --ar-body-fw: 400;
  --ar-body-color: rgba(16, 34, 47, .80);
  --ar-body-gap: 18px;
  --ar-h2-fs: clamp(28px, 2.7vw, 38px);
  --ar-h3-fs: clamp(22px, 2vw, 27px);
  --ar-h4-fs: 18px;

  --ar-gal-radius: 24px 24px 24px 6px;
  --ar-block-radius: 18px 18px 18px 5px;

  font-family: var(--ar-font-body);
  color: var(--ar-text);

  background-color: var(--ar-mid);
  background-image:
    linear-gradient(rgba(var(--ar-blue-rgb), .028) 1px, transparent 1px),
    linear-gradient(90deg, rgba(var(--ar-blue-rgb), .028) 1px, transparent 1px),
    linear-gradient(180deg, var(--ar-mid) 0%, var(--ar-ivory) 100%);
  background-size: 48px 48px, 48px 48px, 100% 100%;
}


/* ---------------------------------------------------------------------
   TEKS ARTIKEL (.mkt-ar-text) — hanya gaya teks, TANPA lebar/ukuran box
   --------------------------------------------------------------------- */
.elementor-13476 .elementor-element.elementor-element-0f5e029 :where(.mkt-ar-text) {
  font-family: var(--ar-font-body);
  font-size: var(--ar-body-fs);
  font-weight: var(--ar-body-fw);
  line-height: var(--ar-body-lh);
  color: var(--ar-body-color);
}

.elementor-13476 .elementor-element.elementor-element-0f5e029 :where(.mkt-ar-text) :where(.elementor-widget-container, p, li, dd, dt, span, font, ul, ol, div) {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
}

.elementor-13476 .elementor-element.elementor-element-0f5e029 :where(.mkt-ar-text) :where(p) { margin: 0 0 var(--ar-body-gap); }

.elementor-13476 .elementor-element.elementor-element-0f5e029 :where(.mkt-ar-text) :where(strong, b) {
  font-weight: 700;
  color: var(--ar-primary);
}

/* heading */
.elementor-13476 .elementor-element.elementor-element-0f5e029 :where(.mkt-ar-text) :where(h1, h2, h3, h4, h5, h6) {
  position: relative;
  margin: 0;
  font-weight: 400;
  letter-spacing: -.012em;
  color: var(--ar-primary);
  text-wrap: balance;
}

.elementor-13476 .elementor-element.elementor-element-0f5e029 :where(.mkt-ar-text) :where(h1, h2, h3) { font-family: var(--ar-font-display); }

.elementor-13476 .elementor-element.elementor-element-0f5e029 :where(.mkt-ar-text) :where(h1, h2, h3) :where(span, strong, b, font) {
  font-family: inherit;
  font-weight: inherit;
  color: inherit;
}

.elementor-13476 .elementor-element.elementor-element-0f5e029 :where(.mkt-ar-text) :where(h1, h2) {
  margin: clamp(34px, 3.6vw, 50px) 0 16px;
  padding-left: 20px;
  font-size: var(--ar-h2-fs);
  line-height: 1.15;
}

.elementor-13476 .elementor-element.elementor-element-0f5e029 :where(.mkt-ar-text) :where(h1, h2)::before {
  content: "";
  position: absolute;
  left: 0;
  top: .14em;
  bottom: .14em;
  width: 5px;
  border-radius: 999px;
  background: linear-gradient(180deg, var(--ar-sky), var(--ar-blue) 55%, var(--ar-accent));
}

.elementor-13476 .elementor-element.elementor-element-0f5e029 :where(.mkt-ar-text) :where(h3) {
  margin: clamp(26px, 2.8vw, 36px) 0 12px;
  font-size: var(--ar-h3-fs);
  line-height: 1.2;
}

.elementor-13476 .elementor-element.elementor-element-0f5e029 :where(.mkt-ar-text) :where(h3)::before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 12px;
  position: relative;
  top: -.08em;
  border-radius: 50%;
  background: var(--ar-g);
  box-shadow: 0 0 0 4px rgba(var(--ar-blue-rgb), .12);
}

.elementor-13476 .elementor-element.elementor-element-0f5e029 :where(.mkt-ar-text) :where(h4, h5, h6) {
  margin: 24px 0 8px;
  font-family: var(--ar-font-body);
  font-size: var(--ar-h4-fs);
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: 0;
  color: var(--ar-accent);
}

.elementor-13476 .elementor-element.elementor-element-0f5e029 :where(.mkt-ar-text) :where(.elementor-widget-container > :first-child) { margin-top: 0; }
.elementor-13476 .elementor-element.elementor-element-0f5e029 :where(.mkt-ar-text) :where(.elementor-widget-container > :last-child) { margin-bottom: 0; }

/* link */
.elementor-13476 .elementor-element.elementor-element-0f5e029 :where(.mkt-ar-text) :where(a) {
  font-weight: 500;
  color: var(--ar-accent);
  text-decoration: underline;
  text-decoration-color: rgba(var(--ar-blue-rgb), .4);
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

.elementor-13476 .elementor-element.elementor-element-0f5e029 :where(.mkt-ar-text) :where(a):hover {
  color: var(--ar-blue);
  text-decoration-color: currentColor;
}

/* list bullet */
.elementor-13476 .elementor-element.elementor-element-0f5e029 :where(.mkt-ar-text) :where(ul) {
  list-style: none;
  margin: 0 0 22px;
  padding: 0;
}

.elementor-13476 .elementor-element.elementor-element-0f5e029 :where(.mkt-ar-text) :where(ul > li) {
  position: relative;
  list-style: none;
  margin: 0 0 10px;
  padding-left: 32px;
}

.elementor-13476 .elementor-element.elementor-element-0f5e029 :where(.mkt-ar-text) :where(ul > li)::before {
  content: "";
  position: absolute;
  left: 6px;
  top: 11px;
  top: calc(.5lh - 4.5px);
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--ar-g);
  box-shadow: 0 0 0 4px rgba(var(--ar-blue-rgb), .11);
}

.elementor-13476 .elementor-element.elementor-element-0f5e029 :where(.mkt-ar-text) :where(ul ul) { margin: 10px 0 0; }

.elementor-13476 .elementor-element.elementor-element-0f5e029 :where(.mkt-ar-text) :where(ul ul > li)::before {
  box-sizing: border-box;
  width: 8px;
  height: 8px;
  background: transparent;
  border: 2px solid var(--ar-blue);
  box-shadow: none;
}

/* list angka */
.elementor-13476 .elementor-element.elementor-element-0f5e029 :where(.mkt-ar-text) :where(ol) {
  list-style: none;
  counter-reset: ar-ol;
  margin: 0 0 22px;
  padding: 0;
}

.elementor-13476 .elementor-element.elementor-element-0f5e029 :where(.mkt-ar-text) :where(ol > li) {
  counter-increment: ar-ol;
  position: relative;
  list-style: none;
  margin: 0 0 12px;
  padding-left: 44px;
}

.elementor-13476 .elementor-element.elementor-element-0f5e029 :where(.mkt-ar-text) :where(ol > li)::before {
  content: counter(ar-ol);
  position: absolute;
  left: 0;
  top: 1px;
  top: calc(.5lh - 14px);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  font-family: var(--ar-font-body);
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  color: var(--ar-white);
  background: var(--ar-g);
  box-shadow: 0 0 0 4px rgba(var(--ar-blue-rgb), .12);
}

.elementor-13476 .elementor-element.elementor-element-0f5e029 :where(.mkt-ar-text) :where(li > ul, li > ol) { margin-top: 10px; }

/* kutipan */
.elementor-13476 .elementor-element.elementor-element-0f5e029 :where(.mkt-ar-text) :where(blockquote) {
  margin: 28px 0;
  padding: 20px 24px 20px 26px;
  border: 0;
  border-left: 4px solid var(--ar-blue);
  border-radius: var(--ar-block-radius);
  background: linear-gradient(165deg, rgba(255, 255, 255, .92), rgba(232, 245, 255, .9));
}

.elementor-13476 .elementor-element.elementor-element-0f5e029 :where(.mkt-ar-text) :where(blockquote p) {
  margin: 0;
  font-family: var(--ar-font-display);
  font-size: clamp(19px, 1.7vw, 22px);
  line-height: 1.45;
  color: var(--ar-primary);
}

.elementor-13476 .elementor-element.elementor-element-0f5e029 :where(.mkt-ar-text) :where(blockquote p + p) { margin-top: 12px; }

/* gambar */
.elementor-13476 .elementor-element.elementor-element-0f5e029 :where(.mkt-ar-text) :where(img:not(.emoji):not(.wp-smiley)) {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 28px 0;
  border-radius: var(--ar-gal-radius);
  box-shadow:
    0 0 0 5px var(--ar-white),
    0 0 0 6px rgba(var(--ar-blue-rgb), .22),
    0 18px 34px -22px rgba(0, 90, 141, .5);
}

.elementor-13476 .elementor-element.elementor-element-0f5e029 :where(.mkt-ar-text) :where(figure) { margin: 28px 0; }
.elementor-13476 .elementor-element.elementor-element-0f5e029 :where(.mkt-ar-text) :where(figure img:not(.emoji)) { margin: 0; }

.elementor-13476 .elementor-element.elementor-element-0f5e029 :where(.mkt-ar-text) :where(figcaption) {
  margin-top: 16px;
  font-size: 13.5px;
  line-height: 1.5;
  text-align: center;
  color: var(--ar-soft);
}

.elementor-13476 .elementor-element.elementor-element-0f5e029 :where(.mkt-ar-text) :where(iframe, video) {
  display: block;
  max-width: 100%;
  margin: 28px 0;
  border: 0;
  border-radius: var(--ar-gal-radius);
}

.elementor-13476 .elementor-element.elementor-element-0f5e029 :where(.mkt-ar-text) :where(hr) {
  height: 1px;
  margin: 36px 0;
  border: 0;
  background: linear-gradient(90deg, rgba(var(--ar-blue-rgb), .38), transparent);
}

/* tabel */
.elementor-13476 .elementor-element.elementor-element-0f5e029 :where(.mkt-ar-text) :where(table) {
  width: 100%;
  margin: 28px 0;
  overflow: hidden;
  border: 1px solid rgba(var(--ar-blue-rgb), .20);
  border-collapse: separate;
  border-spacing: 0;
  border-radius: var(--ar-block-radius);
  background: var(--ar-white);
}

.elementor-13476 .elementor-element.elementor-element-0f5e029 :where(.mkt-ar-text) :where(table th) {
  padding: 15px 20px;
  border: 0;
  text-align: left;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.3;
  color: var(--ar-white);
  background: var(--ar-grad);
}

.elementor-13476 .elementor-element.elementor-element-0f5e029 :where(.mkt-ar-text) :where(table td) {
  padding: 13px 20px;
  border: 0;
  border-top: 1px solid rgba(var(--ar-blue-rgb), .13);
  font-size: 15px;
  line-height: 1.5;
  background: var(--ar-white);
}

.elementor-13476 .elementor-element.elementor-element-0f5e029 :where(.mkt-ar-text) :where(table tbody tr:nth-child(even) td) {
  background: rgba(var(--ar-blue-rgb), .05);
}

.elementor-13476 .elementor-element.elementor-element-0f5e029 :where(.mkt-ar-text) :where(table td p) { margin: 0; }


/* ---------------------------------------------------------------------
   KOLOM KANAN — judul "Recommended ..." (hanya gaya teks)
   Loop Grid dan kartunya tidak disentuh sama sekali.
   --------------------------------------------------------------------- */
.elementor-13476 .elementor-element.elementor-element-0f5e029 :where(.mkt-ar-side-title) .elementor-heading-title {
  display: flex;
  align-items: center;
  gap: 14px;
  margin: 0;
  font-family: var(--ar-font-display);
  font-size: clamp(22px, 1.9vw, 28px);
  font-weight: 400;
  line-height: 1.15;
  letter-spacing: -.012em;
  color: var(--ar-primary);
}

.elementor-13476 .elementor-element.elementor-element-0f5e029 :where(.mkt-ar-side-title) .elementor-heading-title::before {
  content: "";
  flex: 0 0 auto;
  width: 5px;
  height: 1.05em;
  border-radius: 999px;
  background: linear-gradient(180deg, var(--ar-sky), var(--ar-blue) 55%, var(--ar-accent));
}

.elementor-13476 .elementor-element.elementor-element-0f5e029 :where(.mkt-ar-side-title) .elementor-heading-title::after {
  content: "";
  flex: 1 1 auto;
  height: 1px;
  background: linear-gradient(90deg, rgba(var(--ar-blue-rgb), .38), transparent);
}


/* =====================================================================
   RESPONSIVE — hanya ukuran font; layout desktop/tablet tidak diubah
   ===================================================================== */
@media (max-width: 767px) {
  .elementor-13476 .elementor-element.elementor-element-0f5e029 {
    --ar-body-fs: 16px;
    --ar-body-lh: 1.8;
    --ar-h2-fs: 27px;
    --ar-h3-fs: 22px;
    --ar-h4-fs: 17px;
    --ar-gal-radius: 18px 18px 18px 5px;
    --ar-block-radius: 15px 15px 15px 4px;
  }

  /* HP saja: teks di atas, kolom kanan (Loop Grid) di bawah */
  .elementor-13476 .elementor-element.elementor-element-0f5e029 .mkt-ar-grid {
    --flex-direction: column;
    --flex-wrap: nowrap;
    --align-items: stretch;
    --gap: 28px;
    --row-gap: 28px;
    flex-direction: column;
  }

  .elementor-13476 .elementor-element.elementor-element-0f5e029 :is(.mkt-ar-left, .mkt-ar-right) {
    --width: 100%;
    width: 100%;
    max-width: 100%;
  }

  .elementor-13476 .elementor-element.elementor-element-0f5e029 :where(.mkt-ar-text) :where(h1, h2) { padding-left: 16px; }
  .elementor-13476 .elementor-element.elementor-element-0f5e029 :where(.mkt-ar-text) :where(ul > li) { padding-left: 30px; }
  .elementor-13476 .elementor-element.elementor-element-0f5e029 :where(.mkt-ar-text) :where(ol > li) { padding-left: 42px; }

  .elementor-13476 .elementor-element.elementor-element-0f5e029 :where(.mkt-ar-text) :where(img:not(.emoji):not(.wp-smiley)) {
    box-shadow:
      0 0 0 4px var(--ar-white),
      0 0 0 5px rgba(var(--ar-blue-rgb), .22);
  }

  .elementor-13476 .elementor-element.elementor-element-0f5e029 :where(.mkt-ar-text) :where(blockquote) { padding: 16px 18px 16px 20px; }

  .elementor-13476 .elementor-element.elementor-element-0f5e029 :where(.mkt-ar-text) :where(table) {
    display: block;
    overflow-x: auto;
  }

  .elementor-13476 .elementor-element.elementor-element-0f5e029 :where(.mkt-ar-text) :where(table th, table td) {
    padding: 12px 16px;
    font-size: 14px;
  }

  .elementor-13476 .elementor-element.elementor-element-0f5e029 :where(.mkt-ar-side-title) .elementor-heading-title {
    gap: 12px;
    font-size: 22px;
  }
}

.elementor-13476 .elementor-element.elementor-element-0f5e029 ::selection {
  background: var(--ar-sky);
  color: var(--ar-navy-dark);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f5783cb *//* =====================================================================
   ARTICLE POST — 3/3 SHARE  (v1.2 — Azure, ringan & tidak dikunci)
   Tempel di: Container PEMBUNGKUS SHARE (Heading + Share Buttons)
              > Advanced > Custom CSS
   Class container ini: mkt-ar-share   (Content Width: Full Width)

   Container (pembungkus share) .............. mkt-ar-share
   ├─ Heading ................................ mkt-ar-share-title
   └─ Share Buttons .......................... mkt-ar-share-btns

   v1.2:
   - Warna OFFICIAL tiap tombol (WhatsApp, Facebook, dst.) tidak
     diubah. Hanya bentuk, bayangan, font, dan hover yang dipercantik.
   - POSISI tidak diubah: CSS ini tidak mengatur arah / rata / jarak
     container maupun susunan tombol (tetap dari panel Elementor).
   - Panel Elementor selalu menang (warna, radius, font, ukuran, jarak).
   ===================================================================== */

.elementor-13476 .elementor-element.elementor-element-f5783cb {

  --ar-primary: #0B2A45;
  --ar-blue: #009CE7;
  --ar-blue-rgb: 0, 156, 231;
  --ar-sky: #5CC8FF;
  --ar-accent: #0070B8;

  --ar-top: #F8FCFF;
  --ar-ivory: #EAF4FC;
  --ar-text: #10222F;

  --ar-font-display: "DM Serif Display", Georgia, serif;
  --ar-font-body: "DM Sans", -apple-system, BlinkMacSystemFont, sans-serif;

  --ar-max-width: 1320px;
  --ar-pad-x: max(clamp(22px, 5vw, 82px), calc((100% - var(--ar-max-width)) / 2));

  --ar-ease: cubic-bezier(.22, .75, .2, 1);

  --padding-top: clamp(30px, 3.4vw, 46px);
  --padding-bottom: clamp(46px, 5vw, 72px);
  --padding-left: var(--ar-pad-x);
  --padding-right: var(--ar-pad-x);

  position: relative;
  font-family: var(--ar-font-body);
  color: var(--ar-text);
  background: linear-gradient(180deg, var(--ar-ivory) 0%, var(--ar-top) 100%);
}

/* garis gradien tipis di bagian atas */
.elementor-13476 .elementor-element.elementor-element-f5783cb::before {
  content: "";
  position: absolute;
  top: 0;
  left: var(--padding-left, 0px);
  right: var(--padding-right, 0px);
  height: 1px;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(var(--ar-blue-rgb), .38), rgba(var(--ar-blue-rgb), .12) 60%, transparent);
}


/* judul */
.elementor-13476 .elementor-element.elementor-element-f5783cb :where(.mkt-ar-share-title) .elementor-heading-title {
  display: flex;
  align-items: center;
  gap: 14px;
  margin: 0;
  font-family: var(--ar-font-display);
  font-size: clamp(24px, 2.2vw, 32px);
  font-weight: 400;
  line-height: 1.15;
  letter-spacing: -.012em;
  color: var(--ar-primary);
}

.elementor-13476 .elementor-element.elementor-element-f5783cb :where(.mkt-ar-share-title) .elementor-heading-title::before {
  content: "";
  flex: 0 0 auto;
  width: 5px;
  height: 1.05em;
  border-radius: 999px;
  background: linear-gradient(180deg, var(--ar-sky), var(--ar-blue) 55%, var(--ar-accent));
}


/* ---------------------------------------------------------------------
   TOMBOL SHARE — warna official dipertahankan
   Hanya: sudut asimetris, font DM Sans, bayangan lembut, hover naik.
   --------------------------------------------------------------------- */
.elementor-13476 .elementor-element.elementor-element-f5783cb :where(.mkt-ar-share-btns) .elementor-share-btn {
  overflow: hidden;
  border-radius: 14px 14px 14px 4px;
  font-family: var(--ar-font-body);
  font-weight: 600;
  letter-spacing: .01em;
}

.elementor-13476 .elementor-element.elementor-element-f5783cb :where(.mkt-ar-share-btns) .elementor-share-btn .elementor-share-btn__title {
  font-family: inherit;
  font-weight: inherit;
}

.elementor-13476 .elementor-element.elementor-element-f5783cb .mkt-ar-share-btns .elementor-share-btn {
  box-shadow:
      0 12px 22px -14px rgba(0, 72, 120, .55),
      inset 0 1px 0 rgba(255, 255, 255, .22);
  transition: transform .3s var(--ar-ease), box-shadow .3s ease;
}

@media (hover: hover) {
  .elementor-13476 .elementor-element.elementor-element-f5783cb .mkt-ar-share-btns .elementor-share-btn:hover {
    transform: translateY(-3px);
    box-shadow:
        0 18px 28px -14px rgba(0, 72, 120, .65),
        inset 0 1px 0 rgba(255, 255, 255, .28);
  }
}

.elementor-13476 .elementor-element.elementor-element-f5783cb .mkt-ar-share-btns .elementor-share-btn:focus-visible {
  outline: 2px solid var(--ar-sky);
  outline-offset: 3px;
}


/* ---------------------------------------------------------------------
   RESPONSIVE
   --------------------------------------------------------------------- */
@media (min-width: 1600px) {
  .elementor-13476 .elementor-element.elementor-element-f5783cb { --ar-max-width: 1420px; }
}

@media (min-width: 1025px) and (max-width: 1280px) {
  .elementor-13476 .elementor-element.elementor-element-f5783cb { --ar-pad-x: 44px; }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .elementor-13476 .elementor-element.elementor-element-f5783cb { --ar-pad-x: clamp(30px, 4.5vw, 46px); }
}

@media (max-width: 767px) {
  .elementor-13476 .elementor-element.elementor-element-f5783cb {
    --ar-pad-x: clamp(18px, 5.2vw, 24px);
    --padding-top: 28px;
    --padding-bottom: 46px;
  }

  .elementor-13476 .elementor-element.elementor-element-f5783cb :where(.mkt-ar-share-title) .elementor-heading-title {
    gap: 12px;
    font-size: 24px;
  }
}/* End custom CSS */