.elementor-3225 .elementor-element.elementor-element-0ec8780{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:30px 30px 30px 30px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:26px;--padding-bottom:26px;--padding-left:26px;--padding-right:26px;}.elementor-3225 .elementor-element.elementor-element-0ec8780:not(.elementor-motion-effects-element-type-background), .elementor-3225 .elementor-element.elementor-element-0ec8780 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-3225 .elementor-element.elementor-element-9a53281{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--border-radius:30px 30px 30px 30px;--padding-top:22px;--padding-bottom:22px;--padding-left:18px;--padding-right:18px;}.elementor-3225 .elementor-element.elementor-element-9a53281:not(.elementor-motion-effects-element-type-background), .elementor-3225 .elementor-element.elementor-element-9a53281 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4F0F9;}.elementor-widget-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-3225 .elementor-element.elementor-element-8d9e101 img{width:72px;height:72px;object-fit:cover;object-position:top center;border-style:solid;border-width:2px 2px 2px 2px;border-color:#E0A82E;border-radius:6px 6px 6px 6px;}.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-3225 .elementor-element.elementor-element-71a9357{text-align:center;}.elementor-3225 .elementor-element.elementor-element-71a9357 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:10.5px;font-weight:700;letter-spacing:0.14em;color:#877E93;}.elementor-3225 .elementor-element.elementor-element-ee24da1{text-align:center;}.elementor-3225 .elementor-element.elementor-element-ee24da1 .elementor-heading-title{font-family:"Castoro", Sans-serif;font-size:20px;font-weight:400;color:#241033;}.elementor-3225 .elementor-element.elementor-element-08fe73e{background-color:#FFFFFF;padding:6px 14px 6px 14px;border-radius:999px 999px 999px 999px;text-align:center;}.elementor-3225 .elementor-element.elementor-element-08fe73e .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:12px;font-weight:600;color:#5B2A86;}.elementor-3225 .elementor-element.elementor-element-9bf3885{--display:flex;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:2px;--margin-bottom:2px;--margin-left:2px;--margin-right:2px;--padding-top:26px;--padding-bottom:26px;--padding-left:26px;--padding-right:26px;}.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-3225 .elementor-element.elementor-element-4edc5e2{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;color:#4A4155;}.elementor-3225 .elementor-element.elementor-element-4edc5e2 p{margin-block-end:0px;}.elementor-3225 .elementor-element.elementor-element-4de803e{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;color:#4A4155;}.elementor-3225 .elementor-element.elementor-element-1777218{--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;--gap:6px 6px;--row-gap:6px;--column-gap:6px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3225 .elementor-element.elementor-element-dbfd600{background-color:#FBF1DA;padding:5px 12px 5px 12px;border-radius:99px 99px 99px 99px;}.elementor-3225 .elementor-element.elementor-element-dbfd600.elementor-element{--align-self:flex-start;}.elementor-3225 .elementor-element.elementor-element-dbfd600 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:11.5px;font-weight:600;color:#2A0B45;}.elementor-3225 .elementor-element.elementor-element-1b304e3{--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;--gap:6px 6px;--row-gap:6px;--column-gap:6px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3225 .elementor-element.elementor-element-39d22ce{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#E7E0EF;--border-color:#E7E0EF;--border-radius:12px 12px 12px 12px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3225 .elementor-element.elementor-element-39d22ce.e-con{--align-self:stretch;}.elementor-3225 .elementor-element.elementor-element-f94e282{width:100%;max-width:100%;}.elementor-3225 .elementor-element.elementor-element-f94e282.elementor-element{--align-self:stretch;}.elementor-3225 .elementor-element.elementor-element-f94e282 img{width:100%;max-width:100%;height:380px;object-fit:contain;object-position:center center;}.elementor-3225 .elementor-element.elementor-element-efa4448{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;color:#4A4155;}.elementor-3225 .elementor-element.elementor-element-efa4448 p{margin-block-end:0px;}.elementor-3225 .elementor-element.elementor-element-1f53586{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;color:#4A4155;}.elementor-3225 .elementor-element.elementor-element-6dffb6e{--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;--gap:6px 6px;--row-gap:6px;--column-gap:6px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3225 .elementor-element.elementor-element-34984dd{background-color:#FBF1DA;padding:5px 12px 5px 12px;border-radius:99px 99px 99px 99px;}.elementor-3225 .elementor-element.elementor-element-34984dd.elementor-element{--align-self:flex-start;}.elementor-3225 .elementor-element.elementor-element-34984dd .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:11.5px;font-weight:600;color:#2A0B45;}.elementor-3225 .elementor-element.elementor-element-59502ba{--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;--gap:6px 6px;--row-gap:6px;--column-gap:6px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3225 .elementor-element.elementor-element-34dc643{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#E7E0EF;--border-color:#E7E0EF;--border-radius:12px 12px 12px 12px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3225 .elementor-element.elementor-element-34dc643.e-con{--align-self:stretch;}.elementor-3225 .elementor-element.elementor-element-1fd83b7{width:100%;max-width:100%;}.elementor-3225 .elementor-element.elementor-element-1fd83b7.elementor-element{--align-self:stretch;}.elementor-3225 .elementor-element.elementor-element-1fd83b7 img{width:100%;max-width:100%;height:380px;object-fit:contain;object-position:center center;}.elementor-3225 .elementor-element.elementor-element-8f912fa{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;color:#4A4155;}.elementor-3225 .elementor-element.elementor-element-7d46b7e{--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;--gap:6px 6px;--row-gap:6px;--column-gap:6px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3225 .elementor-element.elementor-element-1f396dd{background-color:#FBF1DA;padding:5px 12px 5px 12px;border-radius:99px 99px 99px 99px;}.elementor-3225 .elementor-element.elementor-element-1f396dd.elementor-element{--align-self:flex-start;}.elementor-3225 .elementor-element.elementor-element-1f396dd .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:11.5px;font-weight:600;color:#2A0B45;}.elementor-3225 .elementor-element.elementor-element-afce6b2{--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;--gap:6px 6px;--row-gap:6px;--column-gap:6px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3225 .elementor-element.elementor-element-848547b{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#E7E0EF;--border-color:#E7E0EF;--border-radius:12px 12px 12px 12px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3225 .elementor-element.elementor-element-848547b.e-con{--align-self:stretch;}.elementor-3225 .elementor-element.elementor-element-38ace79{width:100%;max-width:100%;}.elementor-3225 .elementor-element.elementor-element-38ace79.elementor-element{--align-self:stretch;}.elementor-3225 .elementor-element.elementor-element-38ace79 img{width:100%;max-width:100%;height:380px;object-fit:contain;object-position:center center;}.elementor-3225 .elementor-element.elementor-element-9a706dd{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;color:#4A4155;}#elementor-popup-modal-3225 .dialog-widget-content{background-color:#FFFFFF00;}#elementor-popup-modal-3225{background-color:#241033DB;justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-3225 .dialog-message{width:880px;height:auto;}#elementor-popup-modal-3225 .dialog-close-button{display:flex;top:6%;font-size:24px;}body:not(.rtl) #elementor-popup-modal-3225 .dialog-close-button{right:6%;}body.rtl #elementor-popup-modal-3225 .dialog-close-button{left:6%;}#elementor-popup-modal-3225 .dialog-close-button i{color:#E0A82E;}#elementor-popup-modal-3225 .dialog-close-button svg{fill:#E0A82E;}@media(min-width:768px){.elementor-3225 .elementor-element.elementor-element-39d22ce{--width:100%;}.elementor-3225 .elementor-element.elementor-element-34dc643{--width:100%;}.elementor-3225 .elementor-element.elementor-element-848547b{--width:100%;}}@media(max-width:1024px){.elementor-3225 .elementor-element.elementor-element-9bf3885{--padding-top:21px;--padding-bottom:21px;--padding-left:21px;--padding-right:21px;}body:not(.rtl) #elementor-popup-modal-3225 .dialog-close-button{right:7%;}body.rtl #elementor-popup-modal-3225 .dialog-close-button{left:7%;}}@media(max-width:767px){.elementor-3225 .elementor-element.elementor-element-0ec8780{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:12px;--padding-bottom:12px;--padding-left:12px;--padding-right:12px;}.elementor-3225 .elementor-element.elementor-element-9bf3885{--padding-top:18px;--padding-bottom:18px;--padding-left:18px;--padding-right:18px;}#elementor-popup-modal-3225 .dialog-close-button{top:4%;}body:not(.rtl) #elementor-popup-modal-3225 .dialog-close-button{right:9%;}body.rtl #elementor-popup-modal-3225 .dialog-close-button{left:9%;}}/* Start custom CSS *//* ============================================================
   XANTOCY — SATU-SATUNYA CSS YANG PERLU DITEMPEL
   Tempat: Page Settings (roda gigi kiri bawah) › Advanced › Custom CSS
   Semua bagian lain halaman ini dibuat murni dari panel Elementor Pro.

   Ada DUA hal yang butuh CSS:
   (1) kronologi bertitik di cerita pasien — Elementor tidak punya widget
       timeline, dan menaruh ikon absolut di tiap baris jauh lebih rapuh;
   (2) lingkaran emas di belakang ikon tombol — widget Button tidak punya
       setelan latar untuk ikonnya.

   ------------------------------------------------------------
   CARA PAKAI KRONOLOGI — titiknya OTOMATIS
   ------------------------------------------------------------
   1) Container yang membungkus SELURUH langkah cerita
        → Advanced › CSS Classes: x-kron
      (atur juga Layout › Gap, mis. 18px, untuk jarak antar langkah)

   2) Sudah. Setiap widget/Container yang ada DI DALAM container itu
      otomatis dapat titiknya sendiri:
        - tambah Text Editor baru  → titik baru muncul sendiri
        - duplikat Text Editor     → titik ikut, tidak ada yang perlu disetel
        - hapus satu langkah       → titiknya ikut hilang
        - geser urutannya          → titik ikut pindah
      Tidak ada kelas yang perlu ditempel per paragraf.

   3) HANYA kalau titiknya mau TERISI PENUH (dipakai di label hasil lab
      dan gambar hasil lab)
        → Advanced › CSS Classes pada langkah itu: x-tandai

   Catatan: yang dihitung anak LANGSUNG dari container x-kron. Kalau satu
   langkah terdiri dari beberapa widget (mis. label + gambar), bungkus dulu
   widget-widget itu dalam satu Container supaya titiknya tetap satu.

   ------------------------------------------------------------
   CARA PAKAI LINGKARAN IKON TOMBOL
   ------------------------------------------------------------
   Semua tombol memakai widget <b>Button</b> biasa (Content: Text, Link,
   Icon, Icon Position = After). Tambahkan kelasnya di
   Advanced › CSS Classes:

     x-tbl           → WAJIB di setiap tombol (lingkaran emas, ikon ungu)
     x-tbl x-tbl-emas    → tombol emas (lingkaran ungu tua, ikon emas)
     x-tbl x-tbl-terang  → tombol putih / bergaris (lingkaran ungu, ikon putih)

   Tidak ada kelas lain yang perlu ditambahkan di halaman ini.
   ============================================================ */

/* ---------- kronologi bertitik ---------- */

/* garis vertikal kronologi */
body .x-kron {
  border-left: 2px solid #E7E0EF;
  margin-left: 9px;
  padding-left: 24px;
}

/* tiap anak langsung = satu langkah, titiknya dibuat otomatis */
body .x-kron > * {
  position: relative;
}
body .x-kron > *::before {
  content: "";
  position: absolute;
  left: -33px;
  top: 5px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #FFFFFF;
  border: 2px solid #5B2A86;
}

/* langkah penting (label & gambar hasil lab): titik terisi penuh */
body .x-kron > .x-tandai::before {
  background: #5B2A86;
}

/* di layar kecil garisnya dirapatkan */
@media (max-width: 480px) {
  body .x-kron { padding-left: 18px; }
  body .x-kron > *::before { left: -27px; width: 14px; height: 14px; }
}

/* ---------- lingkaran ikon di tombol ---------- */

/* jarak teks ↔ ikon, dan ikon dibulatkan jadi lingkaran emas */
body .x-tbl .elementor-button-content-wrapper {
  align-items: center;
  gap: 12px;
}
body .x-tbl .elementor-button-icon {
  width: 30px;
  height: 30px;
  margin: 0;
  border-radius: 50%;
  background: #E0A82E;
  color: #5B2A86;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
}
body .x-tbl .elementor-button-icon i {
  font-size: 14px;
}
body .x-tbl .elementor-button-icon svg {
  width: 14px;
  height: 14px;
  fill: currentColor;
}

/* tombol emas: lingkarannya ungu tua */
body .x-tbl-emas .elementor-button-icon {
  background: #2A0B45;
  color: #E0A82E;
}

/* tombol putih & bergaris: lingkarannya ungu */
body .x-tbl-terang .elementor-button-icon {
  background: #5B2A86;
  color: #FFFFFF;
}/* End custom CSS */