.elementor-16709 .elementor-element.elementor-element-dac5acd{--display:flex;}.elementor-16709 .elementor-element.elementor-element-dac5acd.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-16709 .elementor-element.elementor-element-321238a{--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-16709 .elementor-element.elementor-element-c9930aa{width:100%;max-width:100%;}.elementor-16709 .elementor-element.elementor-element-c9930aa.elementor-element{--align-self:center;}.elementor-16709 .elementor-element.elementor-element-c9930aa .eael-adv-accordion .eael-accordion-list .eael-accordion-header .fa-accordion-icon{font-size:16px;color:#333;}.elementor-16709 .elementor-element.elementor-element-c9930aa .eael-adv-accordion .eael-accordion-list .eael-accordion-header svg.fa-accordion-icon{height:16px;width:16px;line-height:16px;}.elementor-16709 .elementor-element.elementor-element-c9930aa .eael-accordion_media-list .eael-accordion_media-icon i{font-size:16px;}.elementor-16709 .elementor-element.elementor-element-c9930aa .eael-accordion_media-list .eael-accordion_media-icon svg{height:16px;width:16px;line-height:16px;}.elementor-16709 .elementor-element.elementor-element-c9930aa .eael-adv-accordion .eael-accordion-list .eael-accordion-header .fa-accordion-icon,
                    .elementor-16709 .elementor-element.elementor-element-c9930aa .eael-accordion_media-wrapper .eael-accordion_media-lists .eael-accordion_media-list{gap:10px;}.elementor-16709 .elementor-element.elementor-element-c9930aa .eael-adv-accordion .eael-accordion-list .eael-accordion-header .eael-accordion-tab-title{color:#333;}.elementor-16709 .elementor-element.elementor-element-c9930aa .eael-accordion_media-content .eael-accordion_media-title{color:#333;}.elementor-16709 .elementor-element.elementor-element-c9930aa .eael-adv-accordion .eael-accordion-list .eael-accordion-header .fa-accordion-icon-svg svg{color:#333;fill:#333;}.elementor-16709 .elementor-element.elementor-element-c9930aa .eael-adv-accordion .eael-accordion-list .eael-accordion-header svg{fill:#333;}.elementor-16709 .elementor-element.elementor-element-c9930aa .eael-accordion_media-list .eael-accordion_media-icon{color:#333;}.elementor-16709 .elementor-element.elementor-element-c9930aa .eael-adv-accordion .eael-accordion-list .eael-accordion-header:hover .eael-accordion-tab-title,
                    .elementor-16709 .elementor-element.elementor-element-c9930aa .eael-accordion_media-list:not(.active):hover .eael-accordion_media-title{color:#fff;}.elementor-16709 .elementor-element.elementor-element-c9930aa .eael-adv-accordion .eael-accordion-list .eael-accordion-header:hover .fa-accordion-icon{color:#fff;}.elementor-16709 .elementor-element.elementor-element-c9930aa .eael-adv-accordion .eael-accordion-list .eael-accordion-header:hover .fa-accordion-icon svg{color:#fff;fill:#fff;}.elementor-16709 .elementor-element.elementor-element-c9930aa .eael-adv-accordion .eael-accordion-list .eael-accordion-header:hover svg.fa-accordion-icon{fill:#fff;}.elementor-16709 .elementor-element.elementor-element-c9930aa .eael-accordion_media-list:hover .eael-accordion_media-icon i{color:#fff;}.elementor-16709 .elementor-element.elementor-element-c9930aa .eael-accordion_media-list:hover .eael-accordion_media-icon svg{fill:#fff;}.elementor-16709 .elementor-element.elementor-element-c9930aa .eael-adv-accordion .eael-accordion-list .eael-accordion-header.active{color:#fff;}.elementor-16709 .elementor-element.elementor-element-c9930aa .eael-adv-accordion .eael-accordion-list .eael-accordion-header.active .eael-accordion-tab-title{color:#fff;}.elementor-16709 .elementor-element.elementor-element-c9930aa .eael-adv-accordion .eael-accordion-list .eael-accordion-header.active .fa-accordion-icon{color:#fff;}.elementor-16709 .elementor-element.elementor-element-c9930aa .eael-adv-accordion .eael-accordion-list .eael-accordion-header.active .fa-accordion-icon svg{color:#fff;fill:#fff;}.elementor-16709 .elementor-element.elementor-element-c9930aa .eael-adv-accordion .eael-accordion-list .eael-accordion-header.active svg.fa-accordion-icon{fill:#fff;}.elementor-16709 .elementor-element.elementor-element-c9930aa .eael-accordion_media-list.active .eael-accordion_media-icon i{color:#fff;}.elementor-16709 .elementor-element.elementor-element-c9930aa .eael-accordion_media-list.active .eael-accordion_media-icon svg{fill:#fff;}.elementor-16709 .elementor-element.elementor-element-c9930aa .eael-adv-accordion .eael-accordion-list .eael-accordion-content{color:#333;}.elementor-16709 .elementor-element.elementor-element-c9930aa .eael-accordion_media-list .eael-accordion_media-content .eael-accordion_media-description{color:#333;}.elementor-16709 .elementor-element.elementor-element-908b1a6.elementor-element{--align-self:center;}.elementor-16709 .elementor-element.elementor-element-75df4dd{--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-16709 .elementor-element.elementor-element-af5ec78{--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-16709 .elementor-element.elementor-element-bb1bc48{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-16709 .elementor-element.elementor-element-390f7a3{--display:flex;--justify-content:flex-start;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-16709 .elementor-element.elementor-element-5567268{--display:flex;}.elementor-16709 .elementor-element.elementor-element-7942711{--grid-row-gap:8px;--grid-column-gap:20px;}.elementor-16709 .elementor-element.elementor-element-7942711 .elementor-post__meta-data span + span:before{content:"///";}.elementor-16709 .elementor-element.elementor-element-7942711 .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-16709 .elementor-element.elementor-element-7942711 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-16709 .elementor-element.elementor-element-7942711 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-16709 .elementor-element.elementor-element-7942711 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-16709 .elementor-element.elementor-element-7942711 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}.elementor-16709 .elementor-element.elementor-element-98acf02{--display:flex;}.elementor-16709 .elementor-element.elementor-element-ad913fa{--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;}@media(max-width:1024px){.elementor-16709 .elementor-element.elementor-element-bb1bc48{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-16709 .elementor-element.elementor-element-dac5acd{--width:77.695%;}.elementor-16709 .elementor-element.elementor-element-321238a{--content-width:869px;}.elementor-16709 .elementor-element.elementor-element-390f7a3{--width:100%;}.elementor-16709 .elementor-element.elementor-element-ad913fa{--width:100%;}}@media(max-width:767px){.elementor-16709 .elementor-element.elementor-element-bb1bc48{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for text-editor, class: .elementor-element-f19a1ab *//* Vars */
:root{
--accent:#0f4c81;
--accent-2:#0b6fb7;
--muted:#6b7280;
--text:#1f2937;
--bg:#ffffff;
--card:#fbfdff;
--radius:10px;
--max-w:900px;
--gap:16px;
--font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial;
}

/* Container */
.sakti-steps{
max-width:var(--max-w);
margin:0 auto;
padding:22px;
font-family:var(--font);
color:var(--text);
background:var(--bg);
line-height:1.6;
}

/* Header */
.sakti-steps h3{
margin:0 0 6px 0;
color:var(--accent);
font-size:20px;
font-weight:700;
}

.sakti-steps h4{
margin:14px 0 8px 0;
font-size:15px;
color:var(--accent-2);
font-weight:700;
display:flex;
align-items:center;
gap:8px;
}

/* Lead paragraph */
.sakti-lead{
color:var(--muted);
margin-bottom:12px;
font-size:15px;
}

/* Card for steps/panels */
.sakti-panel{
background:var(--card);
border:1px solid #e7edf6;
padding:14px;
border-radius:var(--radius);
box-shadow:0 8px 20px rgba(15,76,129,0.04);
margin-bottom:14px;
}

/* Images */
.sakti-image{
margin:12px 0;
display:block;
border-radius:8px;
overflow:hidden;
background:#f6f9fc;
text-align:center;
padding:8px;
border:1px dashed #e6eef8;
}
.sakti-image img{
max-width:100%;
height:auto;
display:inline-block;
}

/* Lists */
.sakti-list{
padding-left:20px;
margin:8px 0 12px 0;
}
.sakti-list li{
margin:8px 0;
font-size:15px;
color:var(--text);
}

/* Inline strong highlight */
.sakti-strong{
color:var(--accent);
font-weight:700;
}

/* Number badge before h4 (if h4 text begins with emoji or number, hide duplicate) */
.sakti-step-badge{
width:34px;
height:34px;
min-width:34px;
border-radius:8px;
background:var(--accent);
color:#fff;
display:inline-flex;
align-items:center;
justify-content:center;
font-weight:700;
box-shadow:0 6px 12px rgba(11,111,183,0.12);
}

/* Tips box */
.sakti-tips{
background:#fff9f2;
border:1px solid #ffecd1;
padding:12px;
border-radius:8px;
color:#7a4b00;
margin-top:10px;
}

/* Footer source */
.sakti-source{
margin-top:12px;
font-size:13px;
color:var(--muted);
}

/* Responsive */
@media (max-width:720px){
.sakti-steps{padding:14px}
.sakti-step-badge{width:28px;height:28px;min-width:28px}
.sakti-steps h3{font-size:18px}
.sakti-steps h4{font-size:15px}
}/* End custom CSS */
/* Start custom CSS for eael-adv-accordion, class: .elementor-element-c9930aa *//* Border kiri saat aktif */
.elementor-16709 .elementor-element.elementor-element-c9930aa .eael-accordion-list .eael-accordion-item.active {
    border-left: 4px solid #4da3d9;
}

/* Header utama (LEBIH CERAH) */
.elementor-16709 .elementor-element.elementor-element-c9930aa .eael-accordion-header {
    background: linear-gradient(90deg, #4da3d9, #7cc6f2);
    color: #ffffff;
    padding: 12px 16px;
    border-radius: 8px;
    font-weight: 600;
    letter-spacing: 0.5px;
    border: 1px solid #d6e6f2;
    margin-bottom: 10px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.05);
    transition: all 0.3s ease;
    position: relative;
    cursor: pointer;
}

/* Saat hover */
.elementor-16709 .elementor-element.elementor-element-c9930aa .eael-accordion-header:hover {
    background: linear-gradient(90deg, #5bb5e8, #8fd3f4);
}

/* Saat aktif (dibuka) */
.elementor-16709 .elementor-element.elementor-element-c9930aa .eael-accordion-item.active .eael-accordion-header {
    background: linear-gradient(90deg, #3c95c9, #6bbde8);
    color: #ffffff;
    border-color: #4da3d9;
}

/* VERSI + HILANG - Header dengan icon plus/minus */
.elementor-16709 .elementor-element.elementor-element-c9930aa .eael-accordion-header::before {
    content: '+';
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 20px;
    font-weight: 700;
    color: #ffffff;
    transition: all 0.3s ease;
}

/* Saat aktif - berubah jadi minus */
.elementor-16709 .elementor-element.elementor-element-c9930aa .eael-accordion-item.active .eael-accordion-header::before {
    content: '−';
}

/* PERBAIKAN BULETS DI ISI ACCORDION */
.elementor-16709 .elementor-element.elementor-element-c9930aa .eael-accordion-content {
    padding: 15px 16px;
    background: #ffffff;
    border: 1px solid #d6e6f2;
    border-top: none;
    border-radius: 0 0 8px 8px;
    margin-top: 0;
}

/* Pastikan ul/ol di dalam content menampilkan bullets */
.elementor-16709 .elementor-element.elementor-element-c9930aa .eael-accordion-content ul {
    list-style-type: disc !important;
    padding-left: 25px !important;
    margin: 10px 0;
}

.elementor-16709 .elementor-element.elementor-element-c9930aa .eael-accordion-content ol {
    list-style-type: decimal !important;
    padding-left: 25px !important;
    margin: 10px 0;
}

.elementor-16709 .elementor-element.elementor-element-c9930aa .eael-accordion-content ul li {
    margin-bottom: 8px;
    line-height: 1.6;
}

.elementor-16709 .elementor-element.elementor-element-c9930aa .eael-accordion-content ol li {
    margin-bottom: 8px;
    line-height: 1.6;
}

/* Jika bullets masih tidak muncul, paksa visibility */
.elementor-16709 .elementor-element.elementor-element-c9930aa .eael-accordion-content ul li::marker {
    visibility: visible !important;
    opacity: 1 !important;
}

.elementor-16709 .elementor-element.elementor-element-c9930aa .eael-accordion-content ol li::marker {
    visibility: visible !important;
    opacity: 1 !important;
}

/* Hilangkan list-style default yang mungkin mengganggu */
.elementor-16709 .elementor-element.elementor-element-c9930aa .eael-accordion-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.elementor-16709 .elementor-element.elementor-element-c9930aa .eael-accordion-item {
    list-style: none;
    margin-bottom: 8px;
    background: #ffffff;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-908b1a6 *//* Vars */
:root{
--accent:#0f4c81;
--accent-2:#0b6fb7;
--muted:#6b7280;
--text:#1f2937;
--bg:#ffffff;
--card:#fbfdff;
--radius:10px;
--max-w:900px;
--gap:16px;
--font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial;
}

/* Container */
.sakti-steps{
max-width:var(--max-w);
margin:0 auto;
padding:22px;
font-family:var(--font);
color:var(--text);
background:var(--bg);
line-height:1.6;
}

/* Header */
.sakti-steps h3{
margin:0 0 6px 0;
color:var(--accent);
font-size:20px;
font-weight:700;
}

.sakti-steps h4{
margin:14px 0 8px 0;
font-size:15px;
color:var(--accent-2);
font-weight:700;
display:flex;
align-items:center;
gap:8px;
}

/* Lead paragraph */
.sakti-lead{
color:var(--muted);
margin-bottom:12px;
font-size:15px;
}

/* Card for steps/panels */
.sakti-panel{
background:var(--card);
border:1px solid #e7edf6;
padding:14px;
border-radius:var(--radius);
box-shadow:0 8px 20px rgba(15,76,129,0.04);
margin-bottom:14px;
}

/* Images */
.sakti-image{
margin:12px 0;
display:block;
border-radius:8px;
overflow:hidden;
background:#f6f9fc;
text-align:center;
padding:8px;
border:1px dashed #e6eef8;
}
.sakti-image img{
max-width:100%;
height:auto;
display:inline-block;
}

/* Lists */
.sakti-list{
padding-left:20px;
margin:8px 0 12px 0;
}
.sakti-list li{
margin:8px 0;
font-size:15px;
color:var(--text);
}

/* Inline strong highlight */
.sakti-strong{
color:var(--accent);
font-weight:700;
}

/* Number badge before h4 (if h4 text begins with emoji or number, hide duplicate) */
.sakti-step-badge{
width:34px;
height:34px;
min-width:34px;
border-radius:8px;
background:var(--accent);
color:#fff;
display:inline-flex;
align-items:center;
justify-content:center;
font-weight:700;
box-shadow:0 6px 12px rgba(11,111,183,0.12);
}

/* Tips box */
.sakti-tips{
background:#fff9f2;
border:1px solid #ffecd1;
padding:12px;
border-radius:8px;
color:#7a4b00;
margin-top:10px;
}

/* Footer source */
.sakti-source{
margin-top:12px;
font-size:13px;
color:var(--muted);
}

/* Responsive */
@media (max-width:720px){
.sakti-steps{padding:14px}
.sakti-step-badge{width:28px;height:28px;min-width:28px}
.sakti-steps h3{font-size:18px}
.sakti-steps h4{font-size:15px}
}
/* Pastikan bullets muncul untuk daftar di dalam .sakti-steps */
.sakti-steps ul,
.sakti-steps ol {
  list-style-type: disc;      /* atau circle / decimal sesuai kebutuhan */
  margin-left: 1.2rem;        /* beri ruang supaya bullet tidak ketutupan   */
  padding-left: 0;            /* sesuaikan kalau perlu                      */
}

.sakti-steps ul.sakti-list,
.sakti-steps ol.sakti-list {
  list-style-type: disc;
}

.sakti-steps li {
  display: list-item;         /* override kalau ada reset yang pakai block/inline */
}/* End custom CSS */
/* Start custom CSS for posts, class: .elementor-element-7942711 *//* ===============================
   VARIASI POST - KARTU + JUDUL + TANGGAL
   Tempel di Custom CSS widget Posts
   =============================== */

/* Kartu tiap post */
.elementor-posts-container .elementor-post {
  position: relative;
  border: 1px solid #e0e4ec;
  border-radius: 10px;
  padding: 10px 20px;
  margin-top: 6px;
  margin-bottom: 6px;
  background: #ffffff;
  box-shadow: 0 6px 18px rgba(15, 23, 42, 0.06);
  transition: all 0.25s ease;
}

/* Hover kartu */
.elementor-posts-container .elementor-post:hover {
  border-color: #0f766e;
  box-shadow: 0 10px 24px rgba(15, 118, 110, 0.16);
  transform: translateY(-3px);
}

/* Judul post (H3) */
.elementor-posts-container .elementor-post h3.elementor-post__title,
.elementor-posts-container .elementor-post .elementor-post__title {
  margin-top: 0;
  margin-bottom: 6px;      /* jarak judul ke isi */
  margin-left: 0 !important;
  padding-left: 0 !important;
}

/* Link judul */
.elementor-posts-container .elementor-post h3.elementor-post__title a {
  display: inline-block;
  font-weight: 600;
  font-size: 16px;
  color: #0f172a;
  text-decoration: none;
  line-height: 1.4;
}

/* Hover judul */
.elementor-posts-container .elementor-post h3.elementor-post__title a:hover {
  color: #0f766e;
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
}

/* Ikon sebelum judul (▶) */
.elementor-posts-container .elementor-post h3.elementor-post__title a::before {
  content: "▶";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  margin-right: 6px;        /* jarak ikon ke teks */
  border-radius: 999px;
  background: #0f766e;
  color: #ffffff;
  font-size: 10px;
  transform: translateY(-1px);
  transition: all 0.25s ease;
}

/* Matikan ikon/badge setelah judul */
.elementor-posts-container .elementor-post h3.elementor-post__title a::after {
  content: none !important;
}

/* Hover efek ikon before */
.elementor-posts-container .elementor-post:hover h3.elementor-post__title a::before {
  background: #0f172a;
  transform: translateY(-1px) translateX(2px) scale(1.03);
}

/* ===============================
   TANGGAL / META DI BAWAH JUDUL
   Dibuat sejajar dengan awal TEKS judul
   (20px ikon + 6px jarak = 26px)
   =============================== */

/* Untuk struktur meta standar Posts widget */
.elementor-posts-container .elementor-post .elementor-post__meta-data,
.elementor-posts-container .elementor-post .elementor-post__meta-data span,
.elementor-posts-container .elementor-post .elementor-post__meta-data .elementor-post-date,
.elementor-posts-container .elementor-post > p.elementor-post__meta,
.elementor-posts-container .elementor-post > p:last-of-type,
.elementor-posts-container .elementor-post > span:last-of-type {
  margin-top: 4px;
  margin-bottom: 0;
  padding-left: 14px;          /* sejajar dengan awal teks judul */
  margin-left: 0 !important;   /* hilangkan margin dari theme/skin */
  font-size: 13px;
  color: #4b5563;
  text-align: left;
}

/* ===============================
   RESPONSIF (MOBILE)
   =============================== */
@media (max-width: 768px) {
  .elementor-posts-container .elementor-post {
    padding: 8px 14px;
    margin-top: 4px;
    margin-bottom: 4px;
  }

  .elementor-posts-container .elementor-post h3.elementor-post__title a {
    font-size: 14px;
  }

  .elementor-posts-container .elementor-post .elementor-post__meta-data,
  .elementor-posts-container .elementor-post .elementor-post__meta-data span,
  .elementor-posts-container .elementor-post .elementor-post__meta-data .elementor-post-date,
  .elementor-posts-container .elementor-post > p.elementor-post__meta,
  .elementor-posts-container .elementor-post > p:last-of-type,
  .elementor-posts-container .elementor-post > span:last-of-type {
    padding-left: 26px;   /* tetap sejajar dengan judul */
    font-size: 12px;
  }
}/* End custom CSS */