.elementor-16579 .elementor-element.elementor-element-bf3c257{--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-16579 .elementor-element.elementor-element-262b797{--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-16579 .elementor-element.elementor-element-8dd2d4d{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-16579 .elementor-element.elementor-element-14be78b{--display:flex;}.elementor-16579 .elementor-element.elementor-element-98bc3ec{--display:flex;}.elementor-16579 .elementor-element.elementor-element-b3c41be{--grid-row-gap:8px;--grid-column-gap:20px;}.elementor-16579 .elementor-element.elementor-element-b3c41be .elementor-post__meta-data span + span:before{content:"///";}.elementor-16579 .elementor-element.elementor-element-b3c41be .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-16579 .elementor-element.elementor-element-b3c41be .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-16579 .elementor-element.elementor-element-b3c41be .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-16579 .elementor-element.elementor-element-b3c41be .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-16579 .elementor-element.elementor-element-b3c41be .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}.elementor-16579 .elementor-element.elementor-element-30389d1{--display:flex;}.elementor-16579 .elementor-element.elementor-element-8f5701d{--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(min-width:768px){.elementor-16579 .elementor-element.elementor-element-8dd2d4d{--width:50%;}.elementor-16579 .elementor-element.elementor-element-30389d1{--width:50%;}}/* Start custom CSS for posts, class: .elementor-element-b3c41be *//* ===============================
   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 */
/* Start custom CSS for text-editor, class: .elementor-element-17ec1ec */:root{
--text:#1f2937; /* abu gelap */
--muted:#6b7280; /* teks penjelas */
--accent:#0f4c81; /* warna resmi/aksen */
--accent-2:#0b6fb7;
--bg:#ffffff;
--divider:#e6e9ee;
--radius:8px;
--max-width:860px;
--base-font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
}

.pelayanan-wrap{
max-width:var(--max-width);
margin:0 auto;
padding:28px;
font-family:var(--base-font);
color:var(--text);
background:var(--bg);
line-height:1.6;
font-size:16px;
}

.pelayanan-header{
display:flex;
gap:16px;
align-items:flex-start;
margin-bottom:18px;
}

.pelayanan-kategori{
display:inline-block;
background:linear-gradient(90deg,var(--accent),var(--accent-2));
color:#fff;
font-weight:600;
font-size:13px;
padding:6px 10px;
border-radius:999px;
box-shadow:0 2px 8px rgba(11,111,183,0.12);
letter-spacing:0.3px;
}

.pelayanan-title{
margin:0;
font-size:20px;
font-weight:700;
color:var(--accent);
}

.pelayanan-lead{
margin:8px 0 18px 0;
color:var(--muted);
font-size:15px;
}

/* section */
.pelayanan-section{
margin-top:20px;
padding:18px;
border-radius:var(--radius);
background:linear-gradient(180deg,#ffffff, #fbfdff);
border:1px solid var(--divider);
box-shadow:0 6px 18px rgba(15,76,129,0.03);
}

.pelayanan-section + .pelayanan-section{
margin-top:22px;
}

/* headings */
.pelayanan-section h2{
margin:0 0 10px 0;
font-size:16px;
color:var(--accent-2);
font-weight:700;
}

.pelayanan-section h3{
margin:12px 0 8px 0;
font-size:14px;
color:var(--text);
font-weight:600;
}

/* paragraphs */
.pelayanan-section p{
margin:0 0 12px 0;
color:var(--text);
font-size:15px;
}

/* divider */
.hr-quiet{
height:1px;
background:var(--divider);
border:0;
margin:20px 0;
}

/* lists */
.pelayanan-list{
margin:0 0 12px 0;
padding-left:22px;
color:var(--text);
}

.pelayanan-list li{
margin:8px 0;
position:relative;
padding-left:8px;
}

/* custom bullet */
.pelayanan-list li::marker{color:var(--accent-2);}

/* numbered list style */
.pelayanan-step{
counter-reset:step;
padding-left:0;
}

.pelayanan-step li{
list-style:none;
margin:12px 0;
padding-left:42px;
position:relative;
}

.pelayanan-step li::before{
counter-increment:step;
content:counter(step);
position:absolute;
left:0;
top:0;
width:34px;
height:34px;
display:inline-flex;
align-items:center;
justify-content:center;
background:var(--accent);
color:#fff;
font-weight:700;
border-radius:8px;
box-shadow:0 4px 10px rgba(11,111,183,0.12);
}

/* pre / sumber */
.pelayanan-source{
margin-top:10px;
font-size:13px;
color:var(--muted);
background:#f7f9fb;
padding:10px 12px;
border-radius:6px;
border:1px solid #edf2f7;
overflow:auto;
}

/* responsive */
@media (max-width:720px){
.pelayanan-wrap{padding:18px;font-size:15px}
.pelayanan-title{font-size:18px}
.pelayanan-header{flex-direction:column;align-items:flex-start}
}/* End custom CSS */
/* Start custom CSS *//* Hilangkan tombol Scroll To Top dari Essential Addons */
.eael-ext-scroll-to-top-button {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}/* End custom CSS */