/*
SSILA — Recovered Elementor Custom CSS
Generated from active, non-duplicate Elementor data.

Source posts/templates: 16
Custom CSS fields found: 86
Unique compiled CSS blocks: 75
Exact duplicate compiled blocks removed: 11

Important:
- Elementor Pro's special `selector` token was converted to
  `.elementor-element-<ELEMENT_ID>`.
- NO-BREAK SPACE characters were normalized to normal spaces for CSS reliability.
- This file restores CSS only. Elementor Pro widgets, Theme Builder logic,
  Motion Effects, Forms, Posts/Archive widgets, and other Pro functionality
  are separate from CSS and may still need replacement.
*/

/* =============================================================
   SOURCE: Elementor Archive #2916 (post 2916)
   element b83ebe6 | widget | archive-posts
   Recovered from Elementor Custom CSS
   ============================================================= */
/* ==========================================================
   1. DESAIN KOSMETIK KARTU (APPLE STYLE - BERLAKU SEMUA LAYAR)
   ========================================================== */
.elementor-element-b83ebe6 .elementor-post {
    background: #ffffff;
    border-radius: 30px !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05);
    border: 1px solid rgba(0, 0, 0, 0.03);
    transition: all 0.3s ease;
    overflow: hidden !important; /* Kunci lengkungan gambar atas 30px */
}

/* Efek Interaktif Hover Kartu */
.elementor-element-b83ebe6 .elementor-post:hover {
    transform: translateY(-8px);
    box-shadow: 0 16px 32px rgba(0, 0, 0, 0.1);
}

/* ==========================================================
   2. SAFETY EQUAL HEIGHTS (PAKSA SAMA RATA TANPA BIKIN KARTU HILANG)
   ========================================================== */
.elementor-element-b83ebe6 .elementor-posts-container {
    display: grid !important; 
    align-items: stretch !important; /* Paksa seluruh boks kartu dalam satu baris untuk sama panjang secara alami */
}

/* ==========================================================
   3. REGULASI TAMPILAN BARIS TEKS (MURNI BASELINE KODE LO)
   ========================================================== */
/* Judul fleksibel maks 3 baris */
.elementor-element-b83ebe6 .elementor-post__title {
    height: auto !important; 
    min-height: auto !important;
    display: block !important;
    margin-top: 0 !important; 
    
    /* 🔒 KUNCI REQUESt LO: Jarak dari judul ke deskripsi bawah tetep fix 8px */
    margin-bottom: 8px !important; 
}
.elementor-element-b83ebe6 .elementor-post__title a {
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

/* Memaksa deskripsi hanya muncul maksimal 3 baris */
.elementor-element-b83ebe6 .elementor-post__excerpt p,
.elementor-element-b83ebe6 .elementor-post__excerpt {
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;  
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    min-height: 3.2em !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    line-height: 1.3 !important;
}

/* Tombol Read More (Tetap nempel normal di bawah teks, jarak tidak diubah) */
.elementor-element-b83ebe6 .elementor-post__read-more {
    display: inline-block !important;
    margin-top: 6px !important; 
    padding-top: 0 !important;
}

/* Struktural Frame Foto Universal */
.elementor-element-b83ebe6 .elementor-post__thumbnail-wrapper {
    margin-bottom: 0 !important;
    padding: 0 !important;
}
html body .elementor-element-b83ebe6 .elementor-post__thumbnail img,
html body .elementor-element-b83ebe6 img.wp-post-image {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 9 !important; /* Kunci landscape seragam di semua layar */
    object-fit: cover !important;
    border-radius: 30px 30px 0 0 !important;
}

/* ==========================================================
   4. SETELAN KHUSUS LAYAR DESKTOP (DI ATAS 1024px)
   ========================================================== */
@media (min-width: 1025px) {
    /* 🕹️ KONTROL MEPEt GAMBAR KE JUDUL (DESKTOP) */
    .elementor-element-b83ebe6 .elementor-post__text {
        padding: 6px 25px 20px 25px !important; 
    }
    
    /* Mengembalikan teks desktop murni ke Rata Kiri */
    .elementor-element-b83ebe6 .elementor-post__title,
    .elementor-element-b83ebe6 .elementor-post__title a,
    .elementor-element-b83ebe6 .elementor-post__excerpt p {
        text-align: left !important;
    }
}

/* ==========================================================
   5. SETELAN KHUSUS LAYAR HP & TABLET (DI BAWAH 1024px)
   ========================================================== */
@media (max-width: 1024px) {
    
    /* 💥 FIX GAMBAR RESPONSIF: Paksa seluruh boks pembungkus gambar melar 100% penuh semuka kartu */
    .elementor-element-b83ebe6 .elementor-post {
        display: flex !important;
        flex-direction: column !important;
    }
    
    .elementor-element-b83ebe6 .elementor-post__thumbnail-wrapper,
    .elementor-element-b83ebe6 .elementor-post__thumbnail,
    .elementor-element-b83ebe6 .elementor-post__thumbnail a,
    .elementor-element-b83ebe6 .elementor-post__thumbnail__link {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
        display: block !important;
        float: none !important;
    }
    
    .elementor-element-b83ebe6 .elementor-post__thumbnail img,
    html body .elementor-element-b83ebe6 img.wp-post-image {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
        height: auto !important;
        aspect-ratio: 16 / 9 !important; /* Menjaga rasio foto tetap 16:9 di layar kecil */
        object-fit: cover !important;
        border-radius: 30px 30px 0 0 !important; /* Lekukan atas bulat penuh */
    }
    
    /* 🕹️ KONTROL MEPEt GAMBAR KE JUDUL (HP & TABLET) */
    .elementor-element-b83ebe6 .elementor-post__text {
        padding: 6px 20px 20px 20px !important;
    }

    /* HP & Tablet Judul: Rata Kiri rapi */
    .elementor-element-b83ebe6 .elementor-post__title,
    .elementor-element-b83ebe6 .elementor-post__title a {
        text-align: left !important;
        width: 100% !important;
        max-width: 100% !important;
        display: block !important;
    }

    /* HP Deskripsi: Rata Kiri */
    .elementor-element-b83ebe6 .elementor-post__excerpt p {
        text-align: left !important;
        width: 100% !important;
    }
}


/* =============================================================
   SOURCE: Elementor Single Post #4114 (post 4114)
   element 23ae463 | widget | post-info
   Recovered from Elementor Custom CSS
   ============================================================= */
/* ==================================================================
   GLOBAL - MATIKAN BOLD DI SEMUA LAYAR (DESKTOP, TABLET, & HP)
   Ditaruh di luar boks media query biar Desktop otomatis ikut tipis
   ================================================================== */
.elementor-element-23ae463 .elementor-icon-list-text,
.elementor-element-23ae463 .elementor-post-info__item-text,
.elementor-element-23ae463 .elementor-icon-list-text a,
.elementor-element-23ae463 .elementor-post-info__item-text a {
    font-weight: normal !important;
}


/* ==================================================================
   1. 100% KODE BASE PILIHAN LO (Berlaku Utama untuk HP)
   ================================================================== */
@media (max-width: 1024px) {
    
    /* 1. Paksa wadah besar agar mengalir horizontal dan rata tengah */
    .elementor-element-23ae463 .elementor-icon-list-items,
    .elementor-element-23ae463 .elementor-inline-item-list {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        gap: 12px 20px !important;
    }

    /* 2. Paksa TIAP ITEM (Ikon + Teks) agar WAJIB berdampingan kesamping */
    .elementor-element-23ae463 .elementor-icon-list-item,
    .elementor-element-23ae463 .elementor-post-info__item {
        display: inline-flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: center !important;
        white-space: nowrap !important;
    }

    /* 3. Jinakkan boks ikon agar tidak mendorong teks ke bawah */
    .elementor-element-23ae463 .elementor-icon-list-icon,
    .elementor-element-23ae463 .elementor-post-info__item-icon,
    .elementor-element-23ae463 .elementor-icon-list-icon i {
        margin-bottom: 0 !important;
        margin-right: 3px !important;  
        display: inline-flex !important;
        align-items: center !important;
    }

    /* 4. Bersihkan sisa teks pembatas yang rusak */
    .elementor-element-23ae463 .elementor-icon-list-item:not(:last-child):after {
        display: none !important;
    }

    /* ==================================================================
       5. PENGATURAN POSISI KIRI HP (AUTHOR VS JAM)
       ================================================================== */
    /* --- AUTHOR --- */
    .elementor-element-23ae463 .elementor-icon-list-item:nth-child(1),
    .elementor-element-23ae463 .elementor-post-info__item:nth-child(1) {
        justify-content: flex-start !important; 
        position: relative !important;
        left: -5px !important;
    }

    /* --- JAM --- */
    .elementor-element-23ae463 .elementor-icon-list-item:nth-child(3),
    .elementor-element-23ae463 .elementor-post-info__item:nth-child(3) {
        justify-content: flex-start !important; 
        position: relative !important;
        left: -1px !important;
    }

    /* 6. KUNCI REMEDIAL: Paksa boks teks menciut (anti-melar) */
    .elementor-element-23ae463 .elementor-icon-list-text,
    .elementor-element-23ae463 .elementor-post-info__item-text {
        width: auto !important;
        flex-grow: 0 !important;      
        text-align: left !important;   
        margin-left: 0 !important;
        padding-left: 0 !important;
    }
}


/* ==================================================================
   2. OVERRIDE KHUSUS TABLET ONLY (Layar 768px - 1024px)
   ================================================================== */
@media (min-width: 768px) and (max-width: 1024px) {
    
    /* Paksa total 1 baris lurus (Anti-Melorot) */
    .elementor-element-23ae463 .elementor-icon-list-items,
    .elementor-element-23ae463 .elementor-inline-item-list {
        flex-wrap: nowrap !important; 
        gap: 12px 6px !important; 
    }

    /* Netralkan efek HP & KUNCI MATI BIAR GAK TABRAKAN */
    .elementor-element-23ae463 .elementor-icon-list-item,
    .elementor-element-23ae463 .elementor-post-info__item {
        left: 0 !important; 
        margin: 0 !important;
        padding: 0 !important;
        flex-shrink: 0 !important; 
    }

    /* TARGET TENGAH: Dikunci di 50px sesuai kepuasan lo */
    .elementor-element-23ae463 .elementor-icon-list-item:nth-child(3),
    .elementor-element-23ae463 .elementor-post-info__item:nth-child(3) {
        margin-left: 50px !important; 
    }
}


/* =============================================================
   SOURCE: Elementor Single Post #4114 (post 4114)
   element 5e7d956b | widget | theme-post-content
   Recovered from Elementor Custom CSS
   ============================================================= */
/* ==================================================================
   1. KHUSUS DESKTOP ONLY (Layar 1025px ke atas)
   Teks Rata Kanan-Kiri + Hyphens + LINE HEIGHT DESKTOP
   ================================================================== */
@media (min-width: 1025px) {
    .elementor-element-5e7d956b p,
    .elementor-element-5e7d956b div,
    .elementor-element-5e7d956b span,
    .elementor-element-5e7d956b li,
    .elementor-element-5e7d956b .elementor-text-editor * {
        text-align: justify !important;
        text-justify: inter-word !important;
        
        /* 🔒 LINE HEIGHT DESKTOP: Lega dan premium khas majalah digital */
        line-height: 1.7 !important; /* <--- Ubah angka ini sesuai selera lo */
        
        -webkit-hyphens: auto !important;
        -ms-hyphens: auto !important;
        hyphens: auto !important;
        
        overflow-wrap: break-word !important;
        word-spacing: -1px !important;
    }
}

/* ==================================================================
   2. KHUSUS TABLET ONLY (Layar 768px - 1024px)
   PENGUNCI POST CONTENT BIAR GAK JEBOL KE KANAN
   ================================================================== */
@media (min-width: 768px) and (max-width: 1024px) {
    
    .elementor-element-5e7d956b,
    .elementor-element-5e7d956b .elementor-widget-container,
    .elementor-element-5e7d956b .elementor-text-editor,
    .elementor-element-5e7d956b .elementor-theme-post-content {
        max-width: 100% !important;
        width: 100% !important;
        box-sizing: border-box !important; 
        
        margin-right: 0 !important;
        margin-left: 0 !important;
        
        padding-right: 24px !important; 
        padding-left: 24px !important; 
    }
    
    .elementor-element-5e7d956b img {
        max-width: 100% !important;
        height: auto !important;
    }
}

/* ==================================================================
   3. KHUSUS TABLET & HP (Layar 1024px ke bawah)
   Teks Rata Kiri + Matikan Hyphens + LINE HEIGHT TABLET
   ================================================================== */
@media (max-width: 1024px) {
    .elementor-element-5e7d956b p,
    .elementor-element-5e7d956b div,
    .elementor-element-5e7d956b span,
    .elementor-element-5e7d956b li,
    .elementor-element-5e7d956b .elementor-text-editor * {
        text-align: left !important;
        text-justify: auto !important;
        
        /* 🔒 LINE HEIGHT TABLET: Jarak baris pas untuk layar tablet tanggung */
        line-height: 1.6 !important; /* <--- Ubah angka ini sesuai selera lo */
        
        -webkit-hyphens: none !important;
        -ms-hyphens: none !important;
        hyphens: none !important;
        
        word-spacing: normal !important;
    }
}

/* ==================================================================
   4. KHUSUS HP ONLY (Layar 767px ke bawah)
   LINE HEIGHT MOBILE (Override khusus biar teks rapat ideal di layar HP)
   ================================================================== */
@media (max-width: 767px) {
    .elementor-element-5e7d956b p,
    .elementor-element-5e7d956b div,
    .elementor-element-5e7d956b span,
    .elementor-element-5e7d956b li,
    .elementor-element-5e7d956b .elementor-text-editor * {
        /* 🔒 LINE HEIGHT HP: Standar emas Google biar nyaman dibaca di smartphone */
        line-height: 1.55 !important; /* <--- Ubah angka ini sesuai selera lo */
    }
}


/* =============================================================
   SOURCE: Elementor Single Post #4114 (post 4114)
   element 7092faec | widget | posts
   Recovered from Elementor Custom CSS
   ============================================================= */
/* ==================================================================
   1. GLOBAL & DESKTOP - KUNCI BARIS & FONT EXCERPT DESKTOP
   ================================================================== */
.elementor-element-7092faec .elementor-post__excerpt p,
.elementor-element-7092faec .elementor-post__excerpt {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 5 !important; 
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    min-height: 5.5em !important; 
    margin-top: 0px !important; 
    margin-bottom: 5px !important; 
    
    /* 🔒 REKOMENDASI DESKTOP: Ukuran font excerpt di laptop/komputer */
    font-size: 15px !important; /* <--- Ganti angka ini sesuai selera lo */
    line-height: 1.6 !important;
}

/* ==================================================================
   2. KHUSUS DESKTOP - ATUR JARAK KANAN-KIRI ANTARKOLOM & HYPHEN
   ================================================================== */
@media (min-width: 1025px) {
    .elementor-element-7092faec .elementor-post {
        padding: 0 20px !important; 
        box-sizing: border-box !important;
    }

    .elementor-element-7092faec .elementor-post__excerpt,
    .elementor-element-7092faec .elementor-post__excerpt p {
        text-align: justify !important;
        -webkit-hyphens: auto !important; 
        -ms-hyphens: auto !important;     
        hyphens: auto !important;         
    }
}

/* ==================================================================
   3. GLOBAL - RASIO FOTO & BORDER
   ================================================================== */
.elementor-element-7092faec .elementor-posts-container .elementor-post .elementor-post__thumbnail-wrapper {
    border-radius: 12px !important; 
    overflow: hidden !important;    
    padding: 0 !important;
    margin-top: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 0px !important; 
}

.elementor-element-7092faec .elementor-posts-container .elementor-post .elementor-post__thumbnail img,
.elementor-element-7092faec .elementor-posts-container .elementor-post img {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;       
    max-width: 100% !important;
    min-width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 9 !important; 
    object-fit: cover !important;  
    border-radius: 12px !important;
}

/* ==================================================================
   4. KHUSUS DESKTOP - TARIK JUDUL KE ATAS -20PX & KUNCI TEKS 8PX
   ================================================================== */
.elementor-element-7092faec .elementor-posts-container .elementor-post .elementor-post__title,
.elementor-element-7092faec .elementor-posts-container .elementor-post .elementor-post__title a {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    
    margin-top: -20px !important; 
    margin-bottom: 8px !important; 
}

/* ==================================================================
   5. PENGATURAN RESPONSIF LAYAR KECIL (TABLET & HP - Max 1024px)
   ================================================================== */
@media (max-width: 1024px) {
    
    .elementor-element-7092faec .elementor-posts-container .elementor-post .elementor-post__thumbnail-wrapper,
    .elementor-element-7092faec .elementor-posts-container .elementor-post .elementor-post__thumbnail,
    .elementor-element-7092faec .elementor-posts-container .elementor-post .elementor-post__thumbnail__link,
    .elementor-element-7092faec .elementor-posts-container .elementor-post a[class*="thumbnail"] {
        display: block !important;
        width: 100% !important;       
        max-width: 100% !important;   
        min-width: 100% !important;   
        float: none !important;       
        padding: 0 !important;
        margin: 0 0 0px 0 !important; 
    }

    .elementor-element-7092faec .elementor-posts-container .elementor-post .elementor-post__title,
    .elementor-element-7092faec .elementor-posts-container .elementor-post .elementor-post__title a {
        text-align: left !important; 
        margin-top: -5px !important;   
        margin-bottom: 8px !important; 
    }
}

/* ==================================================================
   6. KHUSUS TABLET ONLY (Layar 768px - 1024px) -> 2 Kolom Grid
   ================================================================== */
@media (min-width: 768px) and (max-width: 1024px) {
    .elementor-element-7092faec .elementor-posts-container {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important; 
        gap: 35px 40px !important; 
    }
    .elementor-element-7092faec .elementor-post {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    /* 🔒 REKOMENDASI TABLET: Ukuran font excerpt di layar tablet */
    .elementor-element-7092faec .elementor-post__excerpt p,
    .elementor-element-7092faec .elementor-post__excerpt {
        font-size: 14px !important; /* <--- Ganti angka ini jika mau diubah */
    }
}

/* ==================================================================
   7. KHUSUS HP ONLY (Layar 767px ke bawah) -> 1 Kolom Penuh
   ================================================================== */
@media (max-width: 767px) {
    .elementor-element-7092faec .elementor-posts-container {
        display: grid !important;
        grid-template-columns: 1fr !important; 
        gap: 30px !important; 
    }
    .elementor-element-7092faec .elementor-post {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    /* 🔒 REKOMENDASI HP: Ukuran font excerpt di layar smartphone */
    .elementor-element-7092faec .elementor-post__excerpt p,
    .elementor-element-7092faec .elementor-post__excerpt {
        font-size: 14px !important; /* <--- Ganti angka ini jika mau diubah */
    }
}


/* =============================================================
   SOURCE: Layanan Temp (post 2745)
   element 41bc5eb4 | container | class="layanan-template-page" | title="Container"
   Recovered from Elementor Custom CSS
   ============================================================= */
/* ==========================================================
   💻 INDEPENDENT TABLET CALIBRATION (768px - 1024px)
   ========================================================== */
@media (min-width: 768px) and (max-width: 1024px) {
    
    body .layanan-template-page {
        margin-top: 40px !important;     
        margin-bottom: 0 !important;
        padding-bottom: 120px !important;
    }

    /* 🎯 FIX 1: Tarik sasis gambar masuk biar gak mentok layar (Lekukan Bulat Otomatis Nongol) */
    .layanan-template-page .elementor-widget-image {
        width: 86% !important; /* Tarik dari 100% ke 86% biar kanan-kiri ada space melayang */
        max-width: 620px !important;
        margin: 0 auto !important;
    }

    /* 🎯 FIX 2: Gembok tinggi gambar biar kembali ke proporsi Portrait Tegak */
    .layanan-template-page .elementor-widget-image img {
        height: 480px !important; /* Dari ceper ditarik keatas biar proporsional */
        border-radius: 28px !important;
        object-fit: cover !important;
    }

    /* 🎯 FIX 3: Jinakkan judul putih agar pas di tengah & TIDAK bocor ke kanan */
    body .judul-layanan-hp {
        position: absolute !important;
        top: 45px !important;      
        left: 50% !important;
        transform: translateX(-50%) !important;
        width: 85% !important;     /* Kunci bentangan boks teks di dalam area gambar */
        max-width: 85% !important;
    }

    body .judul-layanan-hp .elementor-heading-title {
        font-size: 28px !important;     /* Dosis pas untuk tablet biar gak kepotong */
        text-align: center !important;
        white-space: normal !important;  /* Paksa teks wajib menekuk ke bawah */
        word-break: break-word !important;
        line-height: 1.3 !important;
    }
    
/* 🎯 FIX 4: Samakan bentangan teks deskripsi bawah agar sejajar lurus dengan kartu gambar */
    .layanan-template-page .teks-deskripsi-layanan {
        width: 86% !important;
        max-width: 620px !important;
        
        /* ⬇️ ATUR ANGKA DI SINI (Atas Kanan Bawah Kiri) */
        margin: 15px auto 0 auto !important; 
        
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
  /* 🎯 KHUSUS HP: PAKSA NAIK VIA POSISI ABSOLUT/RELATIVE (ANTI-MACET) */
@media (max-width: 767px) {
    body .layanan-template-page {
        position: relative !important;
        top: -70px !important; /* Ganti ke -100px atau lebih besar jika kurang mepet ke header */
    }
}
}

/* 🎯 KHUSUS HP: TARIK NAIK & PAKSA MAJU KE LAYER DEPAN */
@media (max-width: 767px) {
    body .layanan-template-page {
        margin-top: -30px !important; /* Atur angka minus ini sesuai jarak mepet yang lo mau */
        position: relative !important;
        z-index: 99 !important;        /* 👑 FIX: Gembok layer biar selalu di depan dan gak ketutup */
    }
}

/* 🎯 KHUSUS TABLET: TARIK NAIK & PAKSA MAJU KE LAYER DEPAN */
@media (min-width: 768px) and (max-width: 1024px) {
    body .layanan-template-page {
        margin-top: -30px !important; /* Menyamakan jarak naik -30px di tablet */
        position: relative !important;
        z-index: 99 !important;        /* Gembok layer depan tablet */
    }
}

/* 🎯 KHUSUS HP: KASIH JARAK BAWAH BIAR GAK NUMPUK FOOTER */
@media (max-width: 767px) {
    .layanan-template-page {
        padding-bottom: 90px !important; /* Naikkan angkanya kalau merasa kurang renggang di HP */
    }
}

/* 🖥️ KHUSUS DESKTOP: KASIH RUANG NAPAS DI ATAS FOOTER */
@media (min-width: 1025px) {
    .layanan-template-page {
        padding-bottom: 90px !important; /* Naikkan angkanya kalau merasa kurang renggang di Desktop */
    }
}


/* =============================================================
   SOURCE: Layanan Temp (post 2745)
   element c5c0e66 | container | title="Container"
   Recovered from Elementor Custom CSS
   ============================================================= */
/* 🌐 SEMUA DEVICE (Desktop, Tablet, HP) */

/* 1. Paksa sasis induk tetep horizontal & tingginya stretch penuhin kapsul */
.elementor-element-c5c0e66 {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: 0 !important;
}

/* 2. Gembok boks kuning 25px & PAKSA ANGKA PASTI DI TENGAH-TENGAH */
.elementor-element-c5c0e66 .kapsul-kuning {
    width: 25px !important;
    min-width: 25px !important;
    max-width: 25px !important;
    flex-shrink: 0 !important;
    padding: 0 !important;
    display: flex !important;
    justify-content: center !important; /* ↔️ HORIZONTAL: Paksa angka ke tengah */
    align-items: center !important;     /* ↕️ VERTIKAL: Paksa angka ke tengah */
}

/* Bersihkan margin bawaan widget angka biar gak bias ke kiri */
.elementor-element-c5c0e66 .kapsul-kuning * {
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
}

/* 3. Paksa boks biru melar & beri spasi kiri 10px */
.elementor-element-c5c0e66 .kapsul-biru {
    flex-grow: 1 !important;
    width: auto !important;
    padding-left: 10px !important;
}

/* 4. Paksa bungkus teks boks biru tetep rata kiri tapi tengah secara vertikal */
.elementor-element-c5c0e66 .kapsul-biru .elementor-widget,
.elementor-element-c5c0e66 .kapsul-biru .elementor-widget-container {
    height: 100% !important;
    display: flex !important;
    align-items: center !important;       /* ↕️ VERTIKAL: Teks judul pas di tengah atas-bawah */
    justify-content: flex-start !important; /* ↔️ HORIZONTAL: Gembok teks tetep rata kiri */
    text-align: left !important;
}

/* ==========================================================
   📱 🛡️ PERISAI ANTI-JEBOL KHUSUS HP & TABLET 
   ========================================================== */
@media (max-width: 1024px) {
    /* Meng-overwrite bom nuklir halaman global agar sasis dalam tetep horizontal */
    .elementor-element-c5c0e66,
    .elementor-element-c5c0e66.e-con,
    .elementor-element-c5c0e66 .e-con-inner {
        display: flex !important;
        flex-direction: row !important; /* Gembok mati biar tetep berjejer ke samping */
        flex-wrap: nowrap !important;
        align-items: stretch !important;
        gap: 0 !important;
    }

    .elementor-element-c5c0e66 .kapsul-biru {
        width: auto !important;
        flex-grow: 1 !important;
    }
}


/* =============================================================
   SOURCE: Layanan Temp (post 2745)
   element de4499a | container | title="Container"
   Recovered from Elementor Custom CSS
   ============================================================= */
/* 🌐 SEMUA DEVICE (Desktop, Tablet, HP) */

/* 1. Paksa sasis induk tetep horizontal & tingginya stretch penuhin kapsul */
.elementor-element-de4499a {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: 0 !important;
}

/* 2. Gembok boks kuning 25px & PAKSA ANGKA PASTI DI TENGAH-TENGAH */
.elementor-element-de4499a .kapsul-kuning {
    width: 25px !important;
    min-width: 25px !important;
    max-width: 25px !important;
    flex-shrink: 0 !important;
    padding: 0 !important;
    display: flex !important;
    justify-content: center !important; /* ↔️ HORIZONTAL: Paksa angka ke tengah */
    align-items: center !important;     /* ↕️ VERTIKAL: Paksa angka ke tengah */
}

/* Bersihkan margin bawaan widget angka biar gak bias ke kiri */
.elementor-element-de4499a .kapsul-kuning * {
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
}

/* 3. Paksa boks biru melar & beri spasi kiri 10px */
.elementor-element-de4499a .kapsul-biru {
    flex-grow: 1 !important;
    width: auto !important;
    padding-left: 10px !important;
}

/* 4. Paksa bungkus teks boks biru tetep rata kiri tapi tengah secara vertikal */
.elementor-element-de4499a .kapsul-biru .elementor-widget,
.elementor-element-de4499a .kapsul-biru .elementor-widget-container {
    height: 100% !important;
    display: flex !important;
    align-items: center !important;       /* ↕️ VERTIKAL: Teks judul pas di tengah atas-bawah */
    justify-content: flex-start !important; /* ↔️ HORIZONTAL: Gembok teks tetep rata kiri */
    text-align: left !important;
}

/* ==========================================================
   📱 🛡️ PERISAI ANTI-JEBOL KHUSUS HP & TABLET 
   ========================================================== */
@media (max-width: 1024px) {
    /* Meng-overwrite bom nuklir halaman global agar sasis dalam tetep horizontal */
    .elementor-element-de4499a,
    .elementor-element-de4499a.e-con,
    .elementor-element-de4499a .e-con-inner {
        display: flex !important;
        flex-direction: row !important; /* Gembok mati biar tetep berjejer ke samping */
        flex-wrap: nowrap !important;
        align-items: stretch !important;
        gap: 0 !important;
    }

    .elementor-element-de4499a .kapsul-biru {
        width: auto !important;
        flex-grow: 1 !important;
    }
}


/* =============================================================
   SOURCE: Layanan Temp (post 2745)
   element 90bd9cf | container | title="Container"
   Recovered from Elementor Custom CSS
   ============================================================= */
/* 🌐 SEMUA DEVICE (Desktop, Tablet, HP) */

/* 1. Paksa sasis induk tetep horizontal & tingginya stretch penuhin kapsul */
.elementor-element-90bd9cf {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: 0 !important;
}

/* 2. Gembok boks kuning 25px & PAKSA ANGKA PASTI DI TENGAH-TENGAH */
.elementor-element-90bd9cf .kapsul-kuning {
    width: 25px !important;
    min-width: 25px !important;
    max-width: 25px !important;
    flex-shrink: 0 !important;
    padding: 0 !important;
    display: flex !important;
    justify-content: center !important; /* ↔️ HORIZONTAL: Paksa angka ke tengah */
    align-items: center !important;     /* ↕️ VERTIKAL: Paksa angka ke tengah */
}

/* Bersihkan margin bawaan widget angka biar gak bias ke kiri */
.elementor-element-90bd9cf .kapsul-kuning * {
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
}

/* 3. Paksa boks biru melar & beri spasi kiri 10px */
.elementor-element-90bd9cf .kapsul-biru {
    flex-grow: 1 !important;
    width: auto !important;
    padding-left: 10px !important;
}

/* 4. Paksa bungkus teks boks biru tetep rata kiri tapi tengah secara vertikal */
.elementor-element-90bd9cf .kapsul-biru .elementor-widget,
.elementor-element-90bd9cf .kapsul-biru .elementor-widget-container {
    height: 100% !important;
    display: flex !important;
    align-items: center !important;       /* ↕️ VERTIKAL: Teks judul pas di tengah atas-bawah */
    justify-content: flex-start !important; /* ↔️ HORIZONTAL: Gembok teks tetep rata kiri */
    text-align: left !important;
}

/* ==========================================================
   📱 🛡️ PERISAI ANTI-JEBOL KHUSUS HP & TABLET 
   ========================================================== */
@media (max-width: 1024px) {
    /* Meng-overwrite bom nuklir halaman global agar sasis dalam tetep horizontal */
    .elementor-element-90bd9cf,
    .elementor-element-90bd9cf.e-con,
    .elementor-element-90bd9cf .e-con-inner {
        display: flex !important;
        flex-direction: row !important; /* Gembok mati biar tetep berjejer ke samping */
        flex-wrap: nowrap !important;
        align-items: stretch !important;
        gap: 0 !important;
    }

    .elementor-element-90bd9cf .kapsul-biru {
        width: auto !important;
        flex-grow: 1 !important;
    }
}


/* =============================================================
   SOURCE: Layanan Temp (post 2745)
   element 54976b8 | container | title="Container"
   Recovered from Elementor Custom CSS
   ============================================================= */
/* 🌐 SEMUA DEVICE (Desktop, Tablet, HP) */

/* 1. Paksa sasis induk tetep horizontal & tingginya stretch penuhin kapsul */
.elementor-element-54976b8 {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: 0 !important;
}

/* 2. Gembok boks kuning 25px & PAKSA ANGKA PASTI DI TENGAH-TENGAH */
.elementor-element-54976b8 .kapsul-kuning {
    width: 25px !important;
    min-width: 25px !important;
    max-width: 25px !important;
    flex-shrink: 0 !important;
    padding: 0 !important;
    display: flex !important;
    justify-content: center !important; /* ↔️ HORIZONTAL: Paksa angka ke tengah */
    align-items: center !important;     /* ↕️ VERTIKAL: Paksa angka ke tengah */
}

/* Bersihkan margin bawaan widget angka biar gak bias ke kiri */
.elementor-element-54976b8 .kapsul-kuning * {
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
}

/* 3. Paksa boks biru melar & beri spasi kiri 10px */
.elementor-element-54976b8 .kapsul-biru {
    flex-grow: 1 !important;
    width: auto !important;
    padding-left: 10px !important;
}

/* 4. Paksa bungkus teks boks biru tetep rata kiri tapi tengah secara vertikal */
.elementor-element-54976b8 .kapsul-biru .elementor-widget,
.elementor-element-54976b8 .kapsul-biru .elementor-widget-container {
    height: 100% !important;
    display: flex !important;
    align-items: center !important;       /* ↕️ VERTIKAL: Teks judul pas di tengah atas-bawah */
    justify-content: flex-start !important; /* ↔️ HORIZONTAL: Gembok teks tetep rata kiri */
    text-align: left !important;
}

/* ==========================================================
   📱 🛡️ PERISAI ANTI-JEBOL KHUSUS HP & TABLET 
   ========================================================== */
@media (max-width: 1024px) {
    /* Meng-overwrite bom nuklir halaman global agar sasis dalam tetep horizontal */
    .elementor-element-54976b8,
    .elementor-element-54976b8.e-con,
    .elementor-element-54976b8 .e-con-inner {
        display: flex !important;
        flex-direction: row !important; /* Gembok mati biar tetep berjejer ke samping */
        flex-wrap: nowrap !important;
        align-items: stretch !important;
        gap: 0 !important;
    }

    .elementor-element-54976b8 .kapsul-biru {
        width: auto !important;
        flex-grow: 1 !important;
    }
}


/* =============================================================
   SOURCE: Layanan Temp (post 2745)
   element 4068224 | container | title="Container"
   Recovered from Elementor Custom CSS
   ============================================================= */
/* 🌐 SEMUA DEVICE (Desktop, Tablet, HP) */

/* 1. Paksa sasis induk tetep horizontal & tingginya stretch penuhin kapsul */
.elementor-element-4068224 {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: 0 !important;
}

/* 2. Gembok boks kuning 25px & PAKSA ANGKA PASTI DI TENGAH-TENGAH */
.elementor-element-4068224 .kapsul-kuning {
    width: 25px !important;
    min-width: 25px !important;
    max-width: 25px !important;
    flex-shrink: 0 !important;
    padding: 0 !important;
    display: flex !important;
    justify-content: center !important; /* ↔️ HORIZONTAL: Paksa angka ke tengah */
    align-items: center !important;     /* ↕️ VERTIKAL: Paksa angka ke tengah */
}

/* Bersihkan margin bawaan widget angka biar gak bias ke kiri */
.elementor-element-4068224 .kapsul-kuning * {
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
}

/* 3. Paksa boks biru melar & beri spasi kiri 10px */
.elementor-element-4068224 .kapsul-biru {
    flex-grow: 1 !important;
    width: auto !important;
    padding-left: 10px !important;
}

/* 4. Paksa bungkus teks boks biru tetep rata kiri tapi tengah secara vertikal */
.elementor-element-4068224 .kapsul-biru .elementor-widget,
.elementor-element-4068224 .kapsul-biru .elementor-widget-container {
    height: 100% !important;
    display: flex !important;
    align-items: center !important;       /* ↕️ VERTIKAL: Teks judul pas di tengah atas-bawah */
    justify-content: flex-start !important; /* ↔️ HORIZONTAL: Gembok teks tetep rata kiri */
    text-align: left !important;
}

/* ==========================================================
   📱 🛡️ PERISAI ANTI-JEBOL KHUSUS HP & TABLET 
   ========================================================== */
@media (max-width: 1024px) {
    /* Meng-overwrite bom nuklir halaman global agar sasis dalam tetep horizontal */
    .elementor-element-4068224,
    .elementor-element-4068224.e-con,
    .elementor-element-4068224 .e-con-inner {
        display: flex !important;
        flex-direction: row !important; /* Gembok mati biar tetep berjejer ke samping */
        flex-wrap: nowrap !important;
        align-items: stretch !important;
        gap: 0 !important;
    }

    .elementor-element-4068224 .kapsul-biru {
        width: auto !important;
        flex-grow: 1 !important;
    }
}


/* =============================================================
   SOURCE: Layanan Temp (post 2745)
   element 0b2e1d4 | container | title="Container"
   Recovered from Elementor Custom CSS
   ============================================================= */
/* 🌐 SEMUA DEVICE (Desktop, Tablet, HP) */

/* 1. Paksa sasis induk tetep horizontal & tingginya stretch penuhin kapsul */
.elementor-element-0b2e1d4 {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: 0 !important;
}

/* 2. Gembok boks kuning 25px & PAKSA ANGKA PASTI DI TENGAH-TENGAH */
.elementor-element-0b2e1d4 .kapsul-kuning {
    width: 25px !important;
    min-width: 25px !important;
    max-width: 25px !important;
    flex-shrink: 0 !important;
    padding: 0 !important;
    display: flex !important;
    justify-content: center !important; /* ↔️ HORIZONTAL: Paksa angka ke tengah */
    align-items: center !important;     /* ↕️ VERTIKAL: Paksa angka ke tengah */
}

/* Bersihkan margin bawaan widget angka biar gak bias ke kiri */
.elementor-element-0b2e1d4 .kapsul-kuning * {
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
}

/* 3. Paksa boks biru melar & beri spasi kiri 10px */
.elementor-element-0b2e1d4 .kapsul-biru {
    flex-grow: 1 !important;
    width: auto !important;
    padding-left: 10px !important;
}

/* 4. Paksa bungkus teks boks biru tetep rata kiri tapi tengah secara vertikal */
.elementor-element-0b2e1d4 .kapsul-biru .elementor-widget,
.elementor-element-0b2e1d4 .kapsul-biru .elementor-widget-container {
    height: 100% !important;
    display: flex !important;
    align-items: center !important;       /* ↕️ VERTIKAL: Teks judul pas di tengah atas-bawah */
    justify-content: flex-start !important; /* ↔️ HORIZONTAL: Gembok teks tetep rata kiri */
    text-align: left !important;
}

/* ==========================================================
   📱 🛡️ PERISAI ANTI-JEBOL KHUSUS HP & TABLET 
   ========================================================== */
@media (max-width: 1024px) {
    /* Meng-overwrite bom nuklir halaman global agar sasis dalam tetep horizontal */
    .elementor-element-0b2e1d4,
    .elementor-element-0b2e1d4.e-con,
    .elementor-element-0b2e1d4 .e-con-inner {
        display: flex !important;
        flex-direction: row !important; /* Gembok mati biar tetep berjejer ke samping */
        flex-wrap: nowrap !important;
        align-items: stretch !important;
        gap: 0 !important;
    }

    .elementor-element-0b2e1d4 .kapsul-biru {
        width: auto !important;
        flex-grow: 1 !important;
    }
}


/* =============================================================
   SOURCE: Layanan Temp (post 2745)
   element a3853b8 | container | title="Container"
   Recovered from Elementor Custom CSS
   ============================================================= */
/* 🌐 SEMUA DEVICE (Desktop, Tablet, HP) */

/* 1. Paksa sasis induk tetep horizontal & tingginya stretch penuhin kapsul */
.elementor-element-a3853b8 {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: 0 !important;
}

/* 2. Gembok boks kuning 25px & PAKSA ANGKA PASTI DI TENGAH-TENGAH */
.elementor-element-a3853b8 .kapsul-kuning {
    width: 25px !important;
    min-width: 25px !important;
    max-width: 25px !important;
    flex-shrink: 0 !important;
    padding: 0 !important;
    display: flex !important;
    justify-content: center !important; /* ↔️ HORIZONTAL: Paksa angka ke tengah */
    align-items: center !important;     /* ↕️ VERTIKAL: Paksa angka ke tengah */
}

/* Bersihkan margin bawaan widget angka biar gak bias ke kiri */
.elementor-element-a3853b8 .kapsul-kuning * {
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
}

/* 3. Paksa boks biru melar & beri spasi kiri 10px */
.elementor-element-a3853b8 .kapsul-biru {
    flex-grow: 1 !important;
    width: auto !important;
    padding-left: 10px !important;
}

/* 4. Paksa bungkus teks boks biru tetep rata kiri tapi tengah secara vertikal */
.elementor-element-a3853b8 .kapsul-biru .elementor-widget,
.elementor-element-a3853b8 .kapsul-biru .elementor-widget-container {
    height: 100% !important;
    display: flex !important;
    align-items: center !important;       /* ↕️ VERTIKAL: Teks judul pas di tengah atas-bawah */
    justify-content: flex-start !important; /* ↔️ HORIZONTAL: Gembok teks tetep rata kiri */
    text-align: left !important;
}

/* ==========================================================
   📱 🛡️ PERISAI ANTI-JEBOL KHUSUS HP & TABLET 
   ========================================================== */
@media (max-width: 1024px) {
    /* Meng-overwrite bom nuklir halaman global agar sasis dalam tetep horizontal */
    .elementor-element-a3853b8,
    .elementor-element-a3853b8.e-con,
    .elementor-element-a3853b8 .e-con-inner {
        display: flex !important;
        flex-direction: row !important; /* Gembok mati biar tetep berjejer ke samping */
        flex-wrap: nowrap !important;
        align-items: stretch !important;
        gap: 0 !important;
    }

    .elementor-element-a3853b8 .kapsul-biru {
        width: auto !important;
        flex-grow: 1 !important;
    }
}


/* =============================================================
   SOURCE: Layanan Temp (post 2745)
   element 09839cb | container | title="Container"
   Recovered from Elementor Custom CSS
   ============================================================= */
/* 🌐 SEMUA DEVICE (Desktop, Tablet, HP) */

/* 1. Paksa sasis induk tetep horizontal & tingginya stretch penuhin kapsul */
.elementor-element-09839cb {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: 0 !important;
}

/* 2. Gembok boks kuning 25px & PAKSA ANGKA PASTI DI TENGAH-TENGAH */
.elementor-element-09839cb .kapsul-kuning {
    width: 25px !important;
    min-width: 25px !important;
    max-width: 25px !important;
    flex-shrink: 0 !important;
    padding: 0 !important;
    display: flex !important;
    justify-content: center !important; /* ↔️ HORIZONTAL: Paksa angka ke tengah */
    align-items: center !important;     /* ↕️ VERTIKAL: Paksa angka ke tengah */
}

/* Bersihkan margin bawaan widget angka biar gak bias ke kiri */
.elementor-element-09839cb .kapsul-kuning * {
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
}

/* 3. Paksa boks biru melar & beri spasi kiri 10px */
.elementor-element-09839cb .kapsul-biru {
    flex-grow: 1 !important;
    width: auto !important;
    padding-left: 10px !important;
}

/* 4. Paksa bungkus teks boks biru tetep rata kiri tapi tengah secara vertikal */
.elementor-element-09839cb .kapsul-biru .elementor-widget,
.elementor-element-09839cb .kapsul-biru .elementor-widget-container {
    height: 100% !important;
    display: flex !important;
    align-items: center !important;       /* ↕️ VERTIKAL: Teks judul pas di tengah atas-bawah */
    justify-content: flex-start !important; /* ↔️ HORIZONTAL: Gembok teks tetep rata kiri */
    text-align: left !important;
}

/* ==========================================================
   📱 🛡️ PERISAI ANTI-JEBOL KHUSUS HP & TABLET 
   ========================================================== */
@media (max-width: 1024px) {
    /* Meng-overwrite bom nuklir halaman global agar sasis dalam tetep horizontal */
    .elementor-element-09839cb,
    .elementor-element-09839cb.e-con,
    .elementor-element-09839cb .e-con-inner {
        display: flex !important;
        flex-direction: row !important; /* Gembok mati biar tetep berjejer ke samping */
        flex-wrap: nowrap !important;
        align-items: stretch !important;
        gap: 0 !important;
    }

    .elementor-element-09839cb .kapsul-biru {
        width: auto !important;
        flex-grow: 1 !important;
    }
}


/* =============================================================
   SOURCE: Layanan Temp (post 2745)
   element 07900d4 | container | title="Container"
   Recovered from Elementor Custom CSS
   ============================================================= */
/* 🌐 SEMUA DEVICE (Desktop, Tablet, HP) */

/* 1. Paksa sasis induk tetep horizontal & tingginya stretch penuhin kapsul */
.elementor-element-07900d4 {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: 0 !important;
}

/* 2. Gembok boks kuning 25px & PAKSA ANGKA PASTI DI TENGAH-TENGAH */
.elementor-element-07900d4 .kapsul-kuning {
    width: 25px !important;
    min-width: 25px !important;
    max-width: 25px !important;
    flex-shrink: 0 !important;
    padding: 0 !important;
    display: flex !important;
    justify-content: center !important; /* ↔️ HORIZONTAL: Paksa angka ke tengah */
    align-items: center !important;     /* ↕️ VERTIKAL: Paksa angka ke tengah */
}

/* Bersihkan margin bawaan widget angka biar gak bias ke kiri */
.elementor-element-07900d4 .kapsul-kuning * {
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
}

/* 3. Paksa boks biru melar & beri spasi kiri 10px */
.elementor-element-07900d4 .kapsul-biru {
    flex-grow: 1 !important;
    width: auto !important;
    padding-left: 10px !important;
}

/* 4. Paksa bungkus teks boks biru tetep rata kiri tapi tengah secara vertikal */
.elementor-element-07900d4 .kapsul-biru .elementor-widget,
.elementor-element-07900d4 .kapsul-biru .elementor-widget-container {
    height: 100% !important;
    display: flex !important;
    align-items: center !important;       /* ↕️ VERTIKAL: Teks judul pas di tengah atas-bawah */
    justify-content: flex-start !important; /* ↔️ HORIZONTAL: Gembok teks tetep rata kiri */
    text-align: left !important;
}

/* ==========================================================
   📱 🛡️ PERISAI ANTI-JEBOL KHUSUS HP & TABLET 
   ========================================================== */
@media (max-width: 1024px) {
    /* Meng-overwrite bom nuklir halaman global agar sasis dalam tetep horizontal */
    .elementor-element-07900d4,
    .elementor-element-07900d4.e-con,
    .elementor-element-07900d4 .e-con-inner {
        display: flex !important;
        flex-direction: row !important; /* Gembok mati biar tetep berjejer ke samping */
        flex-wrap: nowrap !important;
        align-items: stretch !important;
        gap: 0 !important;
    }

    .elementor-element-07900d4 .kapsul-biru {
        width: auto !important;
        flex-grow: 1 !important;
    }
}


/* =============================================================
   SOURCE: Layanan Temp (post 2745)
   element e09d1e7 | container | title="Container"
   Recovered from Elementor Custom CSS
   ============================================================= */
/* 🌐 SEMUA DEVICE (Desktop, Tablet, HP) */

/* 1. Paksa sasis induk tetep horizontal & tingginya stretch penuhin kapsul */
.elementor-element-e09d1e7 {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: 0 !important;
}

/* 2. Gembok boks kuning 25px & PAKSA ANGKA PASTI DI TENGAH-TENGAH */
.elementor-element-e09d1e7 .kapsul-kuning {
    width: 25px !important;
    min-width: 25px !important;
    max-width: 25px !important;
    flex-shrink: 0 !important;
    padding: 0 !important;
    display: flex !important;
    justify-content: center !important; /* ↔️ HORIZONTAL: Paksa angka ke tengah */
    align-items: center !important;     /* ↕️ VERTIKAL: Paksa angka ke tengah */
}

/* Bersihkan margin bawaan widget angka biar gak bias ke kiri */
.elementor-element-e09d1e7 .kapsul-kuning * {
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
}

/* 3. Paksa boks biru melar & beri spasi kiri 10px */
.elementor-element-e09d1e7 .kapsul-biru {
    flex-grow: 1 !important;
    width: auto !important;
    padding-left: 10px !important;
}

/* 4. Paksa bungkus teks boks biru tetep rata kiri tapi tengah secara vertikal */
.elementor-element-e09d1e7 .kapsul-biru .elementor-widget,
.elementor-element-e09d1e7 .kapsul-biru .elementor-widget-container {
    height: 100% !important;
    display: flex !important;
    align-items: center !important;       /* ↕️ VERTIKAL: Teks judul pas di tengah atas-bawah */
    justify-content: flex-start !important; /* ↔️ HORIZONTAL: Gembok teks tetep rata kiri */
    text-align: left !important;
}

/* ==========================================================
   📱 🛡️ PERISAI ANTI-JEBOL KHUSUS HP & TABLET 
   ========================================================== */
@media (max-width: 1024px) {
    /* Meng-overwrite bom nuklir halaman global agar sasis dalam tetep horizontal */
    .elementor-element-e09d1e7,
    .elementor-element-e09d1e7.e-con,
    .elementor-element-e09d1e7 .e-con-inner {
        display: flex !important;
        flex-direction: row !important; /* Gembok mati biar tetep berjejer ke samping */
        flex-wrap: nowrap !important;
        align-items: stretch !important;
        gap: 0 !important;
    }

    .elementor-element-e09d1e7 .kapsul-biru {
        width: auto !important;
        flex-grow: 1 !important;
    }
}


/* =============================================================
   SOURCE: Layanan Temp (post 2745)
   element b5e71c1 | container | title="Container"
   Recovered from Elementor Custom CSS
   ============================================================= */
/* 🌐 SEMUA DEVICE (Desktop, Tablet, HP) */

/* 1. Paksa sasis induk tetep horizontal & tingginya stretch penuhin kapsul */
.elementor-element-b5e71c1 {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: 0 !important;
}

/* 2. Gembok boks kuning 25px & PAKSA ANGKA PASTI DI TENGAH-TENGAH */
.elementor-element-b5e71c1 .kapsul-kuning {
    width: 25px !important;
    min-width: 25px !important;
    max-width: 25px !important;
    flex-shrink: 0 !important;
    padding: 0 !important;
    display: flex !important;
    justify-content: center !important; /* ↔️ HORIZONTAL: Paksa angka ke tengah */
    align-items: center !important;     /* ↕️ VERTIKAL: Paksa angka ke tengah */
}

/* Bersihkan margin bawaan widget angka biar gak bias ke kiri */
.elementor-element-b5e71c1 .kapsul-kuning * {
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
}

/* 3. Paksa boks biru melar & beri spasi kiri 10px */
.elementor-element-b5e71c1 .kapsul-biru {
    flex-grow: 1 !important;
    width: auto !important;
    padding-left: 10px !important;
}

/* 4. Paksa bungkus teks boks biru tetep rata kiri tapi tengah secara vertikal */
.elementor-element-b5e71c1 .kapsul-biru .elementor-widget,
.elementor-element-b5e71c1 .kapsul-biru .elementor-widget-container {
    height: 100% !important;
    display: flex !important;
    align-items: center !important;       /* ↕️ VERTIKAL: Teks judul pas di tengah atas-bawah */
    justify-content: flex-start !important; /* ↔️ HORIZONTAL: Gembok teks tetep rata kiri */
    text-align: left !important;
}

/* ==========================================================
   📱 🛡️ PERISAI ANTI-JEBOL KHUSUS HP & TABLET 
   ========================================================== */
@media (max-width: 1024px) {
    /* Meng-overwrite bom nuklir halaman global agar sasis dalam tetep horizontal */
    .elementor-element-b5e71c1,
    .elementor-element-b5e71c1.e-con,
    .elementor-element-b5e71c1 .e-con-inner {
        display: flex !important;
        flex-direction: row !important; /* Gembok mati biar tetep berjejer ke samping */
        flex-wrap: nowrap !important;
        align-items: stretch !important;
        gap: 0 !important;
    }

    .elementor-element-b5e71c1 .kapsul-biru {
        width: auto !important;
        flex-grow: 1 !important;
    }
}


/* =============================================================
   SOURCE: Asistensi PROPER (post 2769)
   element 3e000129 | container | class="layanan-template-page" | title="Container"
   Recovered from Elementor Custom CSS
   ============================================================= */
/* ==========================================================
   👑 GLOBAL FIX: KUNCI JUDUL DI TENGAH UNTUK SEMUA LAYAR
   (Memperbaiki HP & Desktop yang ke kiri tanpa merusak Tablet)
   ========================================================== */
body .judul-layanan-hp {
    position: absolute !important;
    top: 10px !important;                  /* ↕️ NAIK: Diubah jadi 10px biar posisinya lebih ke atas gambar */
    left: 50% !important;                  /* 🔥 Kunci tengah universal */
    transform: translateX(-50%) !important;  /* 🔥 Kunci tengah universal */
    width: 85% !important;     
    max-width: 85% !important;
}

body .judul-layanan-hp .elementor-heading-title {
    text-align: center !important;        /* 🔥 Paksa teks text-align center */
    white-space: normal !important;  
    word-break: break-word !important;
    line-height: 1.3 !important;
}


/* ==========================================================
   💻 INDEPENDENT TABLET CALIBRATION (768px - 1024px)
   ========================================================== */
@media (min-width: 768px) and (max-width: 1024px) {
    
    body .layanan-template-page {
        margin-top: 40px !important;     
        margin-bottom: 0 !important;
        padding-bottom: 120px !important;
    }

    /* 🎯 FIX 1: Tarik sasis gambar masuk biar gak mentok layar */
    .layanan-template-page .elementor-widget-image {
        width: 86% !important; 
        max-width: 620px !important;
        margin: 0 auto !important;
    }

    /* 🎯 FIX 2: Gembok tinggi gambar biar kembali ke proporsi Portrait Tegak */
    .layanan-template-page .elementor-widget-image img {
        height: 480px !important; 
        border-radius: 28px !important;
        object-fit: cover !important;
    }

    /* 🎯 FIX 3: Ukuran Huruf Khusus Tablet */
    body .judul-layanan-hp .elementor-heading-title {
        font-size: 28px !important;     
    }
    
    /* 🎯 FIX 4: Samakan bentangan teks deskripsi bawah */
    .layanan-template-page .teks-deskripsi-layanan {
        width: 86% !important;
        max-width: 620px !important;
        margin: 15px auto 0 auto !important; 
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    /* 🎯 KHUSUS HP IN-TABLET */
    @media (max-width: 767px) {
        body .layanan-template-page {
            position: relative !important;
            top: -70px !important; 
        }
    }
}

/* 🎯 KHUSUS HP: TARIK NAIK & PAKSA MAJU KE LAYER DEPAN */
@media (max-width: 767px) {
    body .layanan-template-page {
        margin-top: -30px !important; 
        position: relative !important;
        z-index: 99 !important;        
    }
}

/* 🎯 KHUSUS TABLET: TARIK NAIK & PAKSA MAJU KE LAYER DEPAN */
@media (min-width: 768px) and (max-width: 1024px) {
    body .layanan-template-page {
        margin-top: -30px !important; 
        position: relative !important;
        z-index: 99 !important;        
    }
}

/* 🎯 KHUSUS HP: KASIH JARAK BAWAH BIAR GAK NUMPUK FOOTER */
@media (max-width: 767px) {
    .layanan-template-page {
        padding-bottom: 90px !important; 
    }
}

/* 🖥️ KHUSUS DESKTOP: KASIH RUANG NAPAS DI ATAS FOOTER */
@media (min-width: 1025px) {
    .layanan-template-page {
        padding-bottom: 90px !important; 
    }
}


/* =============================================================
   SOURCE: Asistensi PROPER (post 2769)
   element 5682d529 | container | title="Container"
   Recovered from Elementor Custom CSS
   ============================================================= */
/* 🌐 SEMUA DEVICE (Desktop, Tablet, HP) */

/* 1. Paksa sasis induk tetep horizontal & tingginya stretch penuhin kapsul */
.elementor-element-5682d529 {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: 0 !important;
}

/* 2. Gembok boks kuning 25px & PAKSA ANGKA PASTI DI TENGAH-TENGAH */
.elementor-element-5682d529 .kapsul-kuning {
    width: 25px !important;
    min-width: 25px !important;
    max-width: 25px !important;
    flex-shrink: 0 !important;
    padding: 0 !important;
    display: flex !important;
    justify-content: center !important; /* ↔️ HORIZONTAL: Paksa angka ke tengah */
    align-items: center !important;     /* ↕️ VERTIKAL: Paksa angka ke tengah */
}

/* Bersihkan margin bawaan widget angka biar gak bias ke kiri */
.elementor-element-5682d529 .kapsul-kuning * {
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
}

/* 3. Paksa boks biru melar & beri spasi kiri 10px */
.elementor-element-5682d529 .kapsul-biru {
    flex-grow: 1 !important;
    width: auto !important;
    padding-left: 10px !important;
}

/* 4. Paksa bungkus teks boks biru tetep rata kiri tapi tengah secara vertikal */
.elementor-element-5682d529 .kapsul-biru .elementor-widget,
.elementor-element-5682d529 .kapsul-biru .elementor-widget-container {
    height: 100% !important;
    display: flex !important;
    align-items: center !important;       /* ↕️ VERTIKAL: Teks judul pas di tengah atas-bawah */
    justify-content: flex-start !important; /* ↔️ HORIZONTAL: Gembok teks tetep rata kiri */
    text-align: left !important;
}

/* ==========================================================
   📱 🛡️ PERISAI ANTI-JEBOL KHUSUS HP & TABLET 
   ========================================================== */
@media (max-width: 1024px) {
    /* Meng-overwrite bom nuklir halaman global agar sasis dalam tetep horizontal */
    .elementor-element-5682d529,
    .elementor-element-5682d529.e-con,
    .elementor-element-5682d529 .e-con-inner {
        display: flex !important;
        flex-direction: row !important; /* Gembok mati biar tetep berjejer ke samping */
        flex-wrap: nowrap !important;
        align-items: stretch !important;
        gap: 0 !important;
    }

    .elementor-element-5682d529 .kapsul-biru {
        width: auto !important;
        flex-grow: 1 !important;
    }
}


/* =============================================================
   SOURCE: Asistensi PROPER (post 2769)
   element 104390ec | container | title="Container"
   Recovered from Elementor Custom CSS
   ============================================================= */
/* 🌐 SEMUA DEVICE (Desktop, Tablet, HP) */

/* 1. Paksa sasis induk tetep horizontal & tingginya stretch penuhin kapsul */
.elementor-element-104390ec {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: 0 !important;
}

/* 2. Gembok boks kuning 25px & PAKSA ANGKA PASTI DI TENGAH-TENGAH */
.elementor-element-104390ec .kapsul-kuning {
    width: 25px !important;
    min-width: 25px !important;
    max-width: 25px !important;
    flex-shrink: 0 !important;
    padding: 0 !important;
    display: flex !important;
    justify-content: center !important; /* ↔️ HORIZONTAL: Paksa angka ke tengah */
    align-items: center !important;     /* ↕️ VERTIKAL: Paksa angka ke tengah */
}

/* Bersihkan margin bawaan widget angka biar gak bias ke kiri */
.elementor-element-104390ec .kapsul-kuning * {
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
}

/* 3. Paksa boks biru melar & beri spasi kiri 10px */
.elementor-element-104390ec .kapsul-biru {
    flex-grow: 1 !important;
    width: auto !important;
    padding-left: 10px !important;
}

/* 4. Paksa bungkus teks boks biru tetep rata kiri tapi tengah secara vertikal */
.elementor-element-104390ec .kapsul-biru .elementor-widget,
.elementor-element-104390ec .kapsul-biru .elementor-widget-container {
    height: 100% !important;
    display: flex !important;
    align-items: center !important;       /* ↕️ VERTIKAL: Teks judul pas di tengah atas-bawah */
    justify-content: flex-start !important; /* ↔️ HORIZONTAL: Gembok teks tetep rata kiri */
    text-align: left !important;
}

/* ==========================================================
   📱 🛡️ PERISAI ANTI-JEBOL KHUSUS HP & TABLET 
   ========================================================== */
@media (max-width: 1024px) {
    /* Meng-overwrite bom nuklir halaman global agar sasis dalam tetep horizontal */
    .elementor-element-104390ec,
    .elementor-element-104390ec.e-con,
    .elementor-element-104390ec .e-con-inner {
        display: flex !important;
        flex-direction: row !important; /* Gembok mati biar tetep berjejer ke samping */
        flex-wrap: nowrap !important;
        align-items: stretch !important;
        gap: 0 !important;
    }

    .elementor-element-104390ec .kapsul-biru {
        width: auto !important;
        flex-grow: 1 !important;
    }
}


/* =============================================================
   SOURCE: Asistensi PROPER (post 2769)
   element 410619eb | container | title="Container"
   Recovered from Elementor Custom CSS
   ============================================================= */
/* 🌐 SEMUA DEVICE (Desktop, Tablet, HP) */

/* 1. Paksa sasis induk tetep horizontal & tingginya stretch penuhin kapsul */
.elementor-element-410619eb {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: 0 !important;
}

/* 2. Gembok boks kuning 25px & PAKSA ANGKA PASTI DI TENGAH-TENGAH */
.elementor-element-410619eb .kapsul-kuning {
    width: 25px !important;
    min-width: 25px !important;
    max-width: 25px !important;
    flex-shrink: 0 !important;
    padding: 0 !important;
    display: flex !important;
    justify-content: center !important; /* ↔️ HORIZONTAL: Paksa angka ke tengah */
    align-items: center !important;     /* ↕️ VERTIKAL: Paksa angka ke tengah */
}

/* Bersihkan margin bawaan widget angka biar gak bias ke kiri */
.elementor-element-410619eb .kapsul-kuning * {
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
}

/* 3. Paksa boks biru melar & beri spasi kiri 10px */
.elementor-element-410619eb .kapsul-biru {
    flex-grow: 1 !important;
    width: auto !important;
    padding-left: 10px !important;
}

/* 4. Paksa bungkus teks boks biru tetep rata kiri tapi tengah secara vertikal */
.elementor-element-410619eb .kapsul-biru .elementor-widget,
.elementor-element-410619eb .kapsul-biru .elementor-widget-container {
    height: 100% !important;
    display: flex !important;
    align-items: center !important;       /* ↕️ VERTIKAL: Teks judul pas di tengah atas-bawah */
    justify-content: flex-start !important; /* ↔️ HORIZONTAL: Gembok teks tetep rata kiri */
    text-align: left !important;
}

/* ==========================================================
   📱 🛡️ PERISAI ANTI-JEBOL KHUSUS HP & TABLET 
   ========================================================== */
@media (max-width: 1024px) {
    /* Meng-overwrite bom nuklir halaman global agar sasis dalam tetep horizontal */
    .elementor-element-410619eb,
    .elementor-element-410619eb.e-con,
    .elementor-element-410619eb .e-con-inner {
        display: flex !important;
        flex-direction: row !important; /* Gembok mati biar tetep berjejer ke samping */
        flex-wrap: nowrap !important;
        align-items: stretch !important;
        gap: 0 !important;
    }

    .elementor-element-410619eb .kapsul-biru {
        width: auto !important;
        flex-grow: 1 !important;
    }
}


/* =============================================================
   SOURCE: Home (post 196)
   element 582c40b | section | class="ssila-carousel-section"
   Recovered from Elementor Custom CSS
   ============================================================= */
.elementor-element-582c40b{
 padding-top: 0 !important;
 padding-bottom: 0 !important;
 overflow: visible !important;
}


/* =============================================================
   SOURCE: Home (post 196)
   element e541566 | widget | image-carousel | class="ssila-carousel" | title="Image Carousel"
   Recovered from Elementor Custom CSS
   ============================================================= */
/* ==================================================================
   === 🖥️ KODE SEMPURNA UNTUK DESKTOP KAMU (TETAP DIJAGA UTUH) === 
   ================================================================== */
.elementor-element-e541566 .swiper,
.elementor-element-e541566 .swiper-wrapper{
 overflow: visible !important;
 align-items: center;
}

.elementor-element-e541566 .swiper-slide{
 opacity: .25 !important;
 transform: scale(.52) !important;
 transform-origin: center center;
 transition: transform .35s ease, opacity .35s ease;
 padding: 10px !important;
}

.elementor-element-e541566 .swiper-slide img{
 width: 100% !important;
 height: 100% !important;
 aspect-ratio: 16 / 9;
 object-fit: cover;
 border-radius: 24px;
 display: block;
}

.elementor-element-e541566 .swiper-slide-active{
 opacity: .95 !important;
 transform: scale(1.2) !important;
 z-index: 2 !important;
}

.elementor-element-e541566 .swiper-slide-active + .swiper-slide{
 opacity: 1 !important;
 transform: scale(1.7) !important;
 z-index: 5 !important;
}

.elementor-element-e541566 .swiper-slide-active + .swiper-slide + .swiper-slide{
 opacity: .95 !important;
 transform: scale(1.2) !important;
 z-index: 2 !important;
}


/* ==================================================================
   === 📱 KODE PENYEMPURNA KHUSUS TABLET DAN HP (1 SLIDE MURNI) === 
   ================================================================== */
@media (max-width: 1024px) {
    
    /* 1. Sasis Utama Jalur Gambar Samping (Gembok Hidden) */
    .elementor-element-e541566 .swiper {
        overflow: hidden !important;       /* Kunci mati biar gambar samping sembunyi total */
        
        /* 🎯 DIAL 1: UTAN-ATIK UKURAN BESAR GAMBAR DI HP 
           - Sekarang gue naikin ke 90% biar gambarnya kelihatan gede dan padat.
           - Ganti ke 92% atau 94% kalau mau gambarnya makin raksasa memenuhi layar. */
        width: 99% !important;             
        
        margin-inline: auto !important;    /* Kunci posisi gambar pas di tengah layar HP */
        padding: 0 !important;             
    }
    
    /* 2. Mengembalikan kebebasan rel Swiper agar bisa digeser kembali */
    .elementor-element-e541566 .swiper-wrapper {
        overflow: visible !important; 
    }
    
    /* 3. GEMBOK 1 SLIDE PER SHOW & NETRALKAN SKALA DESKTOP */
    .elementor-element-e541566 .swiper-slide,
    .elementor-element-e541566 .swiper-slide-active,
    .elementor-element-e541566 .swiper-slide-active + .swiper-slide,
    .elementor-element-e541566 .swiper-slide-active + .swiper-slide + .swiper-slide {
        transform: none !important;   
        opacity: 1 !important;        
        z-index: 1 !important;         
        padding: 0 !important;         
        
        /* Memaksa 1 slide menghuni sasis tengah secara penuh */
        width: 100% !important;            
        max-width: 100% !important;
        min-width: 100% !important;
    }
    
    /* 4. Menyesuaikan gambar agar pas dan proporsional di layar HP */
    .elementor-element-e541566 .swiper-slide img {
        width: 100% !important;
        height: auto !important;      
        aspect-ratio: 16 / 9;
        border-radius: 16px; 
    }
    
    /* Bersihkan sisa ruang kosong bawaan slider */
    .elementor-element-e541566 .swiper-container {
        padding: 0 !important;
    }

    /* 5. Gembok Sasis Panah Hitam Melayang absolute */
    .elementor-element-e541566 .elementor-swiper-button,
    .elementor-element-e541566 .elementor-swiper-button-next,
    .elementor-element-e541566 .elementor-swiper-button-prev,
    .elementor-element-e541566 .swiper-button-next,
    .elementor-element-e541566 .swiper-button-prev,
    body .elementor-image-carousel-wrapper .elementor-swiper-button {
        display: flex !important;          
        visibility: visible !important;    
        opacity: 1 !important;             
        z-index: 99999 !important;         
        position: absolute !important;     
        top: 50% !important;               
        transform: translateY(-50%) !important;
    }

    /* Kunci Warna Hitam Mutlak (#000000) di HP */
    .elementor-element-e541566 .elementor-swiper-button i,
    .elementor-element-e541566 .elementor-swiper-button svg,
    .elementor-element-e541566 .swiper-button-next::after,
    .elementor-element-e541566 .swiper-button-prev::after {
        color: #000000 !important;         
        fill: #000000 !important;          
        font-size: 26px !important;        /* Sedikit digedekan biar panahnya gagah */
    }

    /* 🔥 🎯 DIAL 2: MELEMBAR PANAH KELUAR DARI FRAME GAMBAR HP 🔥 */
    .elementor-element-e541566 .elementor-swiper-button-prev,
    .elementor-element-e541566 .swiper-button-prev {
        /* Ganti ke -40px atau -45px kalau mau panah kiri makin mepet ke ujung luar layar HP */
        left: -35px !important;            
        right: auto !important;
    }
    .elementor-element-e541566 .elementor-swiper-button-next,
    .elementor-element-e541566 .swiper-button-next {
        /* Ganti ke -40px atau -45px kalau mau panah kanan makin mepet ke ujung luar layar HP */
        right: -35px !important;           
        left: auto !important;
    }
}


/* =============================================================
   SOURCE: Home (post 196)
   element 6083a41 | container | class="apple-section"
   Recovered from Elementor Custom CSS
   ============================================================= */
/* ==========================================================
   🔥 PALU GODAM MERAPATKAN JARAK VERTICAL HP (ANTI-GAGAL) 🔥
   ========================================================== */
@media (max-width: 768px) {

    /* 1. Paksa semua lapisan dinding dalam Elementor jadi Flex Vertikal Rapat */
    body .elementor-element-6083a41,
    body .elementor-element-6083a41 > .elementor-container,
    body .elementor-element-6083a41 > .elementor-widget-wrap,
    body .elementor-element-6083a41 > .e-con-inner {
        display: flex !important;
        flex-direction: column !important;
        
        /* 📐 🎯 DIAL 1: UTAL-ATIK JARAK GLOBAL
           Angka 8px ini yang ngatur jarak renggang antar Heading -> Teks -> Boks Bawah.
           Kalau lo mau MAKIN MENEMPEL RAPAT, kecilkan angkanya jadi 4px atau 2px. */
        gap: 8px !important; 
    }

    /* 2. Sikat habis seluruh margin & padding bawaan Elementor di semua widget dalam seksi ini */
    body .elementor-element-6083a41 .elementor-widget,
    body .elementor-element-6083a41 .elementor-widget-container {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    /* 3. 🔥 KUNCI NYEGOT NAIK: Paksa elemen paling bawah (Container/Boks) merangkak naik 🔥 */
    body .elementor-element-6083a41 .elementor-widget:last-child,
    body .elementor-element-6083a41 .elementor-widget:nth-last-child(1) {
        /* 📐 🎯 DIAL 2: KHUSUS MENARIK CONTAINER BAWAH
           Kalau lo lihat boks bawahnya masih kurang naik mepet ke teks, 
           gedekan angka minusnya ke -10px, -15px, atau -20px sampai dapet posisi pas semu lo. */
        margin-top: -5px !important; /* <--- SUNTIKAN MINUS SEDOT NAIK ELEMEN BAWAH */
    }
}


/* =============================================================
   SOURCE: Home (post 196)
   element 3397901 | widget | text-editor
   Recovered from Elementor Custom CSS
   ============================================================= */
/* ==========================================================
   🔥 RAMPINGKAN BATAS TEKS HP (KHUSUS TEXT EDITOR MANDIRI) 🔥
   ========================================================== */
@media (max-width: 768px) {
    .elementor-element-3397901 {
        box-sizing: border-box !important;
        
        /* 📐 🎯 TOMBOL UNTUK MEMPERSEMPIT TEKS:
           - Sekarang gue setel di 30px biar teksnya merapat masuk ke tengah.
           - Kalau lo mau jarak kanan-kirinya MAKIN SEMPIT, naikin angkanya ke 40px atau 45px.
           - Kalau dirasa terlalu sempit, tinggal turunin angkanya ke 20px. */
        padding-left: 30px !important;   /* <--- Kunci batas kiri */
        padding-right: 30px !important;  /* <--- Kunci batas kanan */
    }
}


/* =============================================================
   SOURCE: Home (post 196)
   element 8e3acce | container | class="apple-page"
   Recovered from Elementor Custom CSS
   ============================================================= */
.apple-card, 
.apple-card * {
    text-decoration: none !important;
}


/* =============================================================
   SOURCE: Home (post 196)
   element 1072386 | container | class="row-4"
   Recovered from Elementor Custom CSS
   ============================================================= */
/* ==========================================================  
   🍏 1. SASIS DESKTOP APPLE-PAGE (MURNI ASLI LO - 100% UTUH AMAN)  
   --- DIKUNCI TOTAL AGAR TIDAK TERGANGGU OLEH HP ---  
   ========================================================== */  
.apple-page {  
    display: flex !important;  
    flex-direction: column !important;  
    align-items: center !important;  
    gap: 0.1px;  
    width: 100%;  
    max-width: 850px;  
    margin: 0 auto !important;  
    padding: 10px;  
}  

.row-4, .row-3 {  
    display: grid !important;  
    justify-content: center !important;  
    justify-items: center !important;  
    gap: 21px;  
    width: 100% !important;  
}  

.row-4 { grid-template-columns: repeat(4, 1fr); }  
.row-3 {  
    grid-template-columns: repeat(3, 1fr);  
    max-width: 635px !important;  
}  

.apple-card {  
    position: relative;  
    width: 100%;  
    aspect-ratio: 1 / 1.05;  
    border-radius: 28px;  
    padding: 20px 15px;  
    background: linear-gradient(180deg, #f5f5f7 0%, #ffffff 100%) !important;  
    display: flex !important;  
    flex-direction: column !important;  
    align-items: center !important;  
    justify-content: center !important;  
    text-align: center !important;  
    border: 1px solid rgba(0,0,0, .04);  
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);  
    overflow: hidden !important;  
    z-index: 1;  
}  

.apple-card::before {  
    content: "";  
    position: absolute;  
    inset: 0;  
    background: linear-gradient(  
        180deg,  
        rgba(78, 189, 217, 0.55) 0%,  
        rgba(78, 189, 217, 0.18) 40%,  
        rgba(78, 189, 217, 0) 100%  
    );  
    transform: translateY(-100%);  
    transition: transform 0.6s ease;  
    pointer-events: none;  
    z-index: 0;  
}  

.apple-card::after {  
    content: "";  
    position: absolute;  
    top: -60%;  
    left: -40%;  
    width: 55%;  
    height: 220%;  
    background: linear-gradient(  
        90deg,  
        rgba(78, 189, 217, 0) 0%,  
        rgba(78, 189, 217, 0.75) 50%,  
        rgba(78, 189, 217, 0) 100%  
    );  
    transform: rotate(18deg) translateX(-120%);  
    transition: transform 0.75s cubic-bezier(0.4, 0, 0.2, 1);  
    pointer-events: none;  
    z-index: 1;  
    opacity: 0.9;  
}  

.apple-card img,  
.apple-card h3 {  
    position: relative !important;  
    z-index: 3 !important;  
    margin-left: auto;  
    margin-right: auto;  
    transform: none !important;  
}  

.apple-card img {  
    width: 50px !important;  
    height: auto !important;  
    margin-bottom: 12px;  
    display: block !important;  
}  

.apple-card h3 {  
    font-family: 'Satoshi', sans-serif;  
    width: 100% !important;  
    margin: 0;  
    line-height: 1.3;  
}  

.apple-card:hover {  
    transform: translateY(-8px);  
    border-color: #4ebdd9 !important;  
    box-shadow:  
        0 0 0 1px rgba(78, 189, 217, 0.55),  
        0 22px 50px rgba(0,0,0,0.10),  
        0 0 30px rgba(78, 189, 217, 0.35) !important;  
}  

.apple-card:hover::before { transform: translateY(0); }  
.apple-card:hover::after { transform: rotate(18deg) translateX(320%); }  

.apple-card,  
.apple-card * {  
    text-decoration: none !important;  
}  
/* 🏆 GEMBOK SAKTI DESKTOP: Batasan kurung penutup aman di sini 🏆 */


/* ==========================================================  
   📱 2. REPARASI KARTU HP & TABLET (PERFECT GRID SIMETRIS 14PX)  
   --- 🎯 MURNI BASE KODE PILIHAN LO TANPA MODIFIKASI CARD ---  
   ========================================================== */  
@media (max-width: 1024px) {  
      
    body .apple-page {  
        display: flex !important;  
        flex-direction: row !important;         
        flex-wrap: nowrap !important;           
        justify-content: center !important;      
        align-items: center !important;  
        gap: 14px !important;   
        width: 100% !important;  
        max-width: 100% !important;  
        margin: 0 auto !important;  
        padding: 10px !important;  
        box-sizing: border-box !important;  
    }  
        
    body .apple-page > .elementor-container,   
    body .apple-page > .e-con-inner {  
        display: flex !important;  
        flex-direction: row !important;         
        flex-wrap: nowrap !important;           
        justify-content: center !important;      
        align-items: center !important;       
        gap: 14px !important;  
        width: 100% !important;  
        margin: 0 auto !important;  
        padding: 0 !important;  
    }  
        
    body .apple-page .row-4 {  
        display: grid !important;  
        grid-template-columns: 1fr !important;  
        width: calc(50% - 7px) !important;                      
        max-width: calc(50% - 7px) !important;  
        min-width: calc(50% - 7px) !important;  
        flex-shrink: 0 !important;  
        gap: 14px !important;                                        
        margin: 0 !important;  
        padding: 0 !important;  
    }  

    body .apple-page .row-3 {  
        display: grid !important;  
        grid-template-columns: 1fr !important;  
        width: calc(50% - 7px) !important;                      
        max-width: calc(50% - 7px) !important;  
        min-width: calc(50% - 7px) !important;  
        flex-shrink: 0 !important;  
        gap: 14px !important;                                        
        margin: 0 !important;  
        padding: 0 !important;  
    }  

    body .apple-page .apple-card {  
        display: flex !important;  
        flex-direction: column !important;  
        justify-content: center !important;     
        align-items: center !important;  
        box-sizing: border-box !important;  
        overflow: hidden !important;  
        position: relative !important;  
        width: 100% !important;  
        max-width: 100% !important;  
        min-width: 100% !important;  
            
        height: 165px !important;              
        max-height: 165px !important;  
        min-height: 165px !important;  
            
        border-radius: 28px !important;  
        padding: 15px 12px !important;         
        background: linear-gradient(180deg, #f5f5f7 0%, #ffffff 100%) !important;  
        border: 1px solid rgba(0,0,0, 0.06) !important;  
        box-shadow: 0 4px 12px rgba(0,0,0,0.03) !important;  
    }  

    body .apple-page .apple-card img {  
        width: 34px !important;              
        height: auto !important;  
        margin: 0 auto 6px auto !important;     
        display: block !important;  
        flex-shrink: 0 !important;    
    }  

    body .apple-page .apple-card h3 {  
        font-size: 14px !important;        
        line-height: 1.4 !important;    
        margin: 0 !important;  
        padding: 0 !important;  
        width: 100% !important;  
        text-align: center !important;  
        word-wrap: break-word !important;    
    }  
} /* 🏆 GEMBOK HP & TABLET BASE CODE LO 🏆 */


/* ==========================================================  
   💻 3. INDEPENDENT TABLET INTERVENTION (RENTANG 768px - 1024px)  
   --- 🎯 MURNI COUPLING JARAK SEKSI: CARD TIDAK DISENTUH SAMA SEKALI ---  
   ========================================================== */  
@media (min-width: 768px) and (max-width: 1024px) {  
    
    /* Tendang boks apple ke bawah khusus di tablet */
    body .apple-page {  
        margin-bottom: 80px !important;  
    }  
    
    /* Serang balik: Tarik sasis seksi statistik di bawahnya biar ikutan mundur */
    body .stat-page {
        margin-top: 60px !important;
    }
} /* 🏆 GEMBOK MURNI GAP TABLET UTUH 🏆 */

/* ==========================================================  
   📱 4. ALL-IN-ONE HP LOCK (UNIFORM ACROSS ALL PHONES)  
   ========================================================== */  
@media (max-width: 767px) {
    
    body .apple-page .apple-card {
        padding: 15px 12px !important; /* Balik ke padding asli lo */
    }
    
    body .apple-page .apple-card img {
        width: 34px !important; /* Balik ke ukuran ikon asli lo */
        margin-bottom: 6px !important;
    }

    body .apple-page .apple-card h3 {
        font-size: 14px !important; /* 🎯 FIX: Balik ke ukuran 14px asli lo */
        line-height: 1.4 !important; /* Balik ke line-height asli lo */
        display: -webkit-box !important;
        -webkit-line-clamp: 4 !important; /* Tetap gembok maks 2 baris agar seragam */
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }
}


/* =============================================================
   SOURCE: Home (post 196)
   element 798d5a3 | container | class="stat-page"
   Recovered from Elementor Custom CSS
   ============================================================= */
/* ==========================================================
   🎯 0. MANTRA SAPU JAGAT: SELURUH WEBSITE (DESKTOP, TABLET, HP)
   --- 🎯 Mengubah Font Satoshi Semesta & Lori Khusus Testimoni ---
   ========================================================== */
html, body, h1, h2, h3, h4, h5, h6, p, a, li, blockquote, input, button, select, textarea, span, div,
.elementor-heading-title, .elementor-counter-number, .elementor-counter-title, 
.elementor-text-editor, .elementor-text-editor *, .elementor-widget-container,
.elementor-button, .elementor-nav-menu a {
    font-family: 'Satoshi', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
}

/* KECUALI: Huruf miring khusus di seksi/widget Testimoni di semua device wajib pake Lori */
[class*="testimonial"] em,
[class*="testimonial"] i:not([class*="fa"]):not([class*="eicon"]):not([class*="icon"]),
.elementor-testimonial-content em,
.elementor-testimonial-text em,
.elementor-testimonial-content i {
    font-family: 'Lori', 'Lora', Georgia, serif !important;
}


/* ==========================================================
   1. SASIS GLOBAL / DESKTOP BASE (MURNI STERIL - 100% SATOSHI)
   ========================================================== */
.stat-page {
    display: flex;
    flex-direction: column;
    gap: 24px;
    color: #1d1d1f; /* FONT SYSTEM SUDAH DICABUT BIAR IKUT SATOSHI GLOBAL */
}

.statrow-4 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
    width: calc(60% - 6px);
    margin-inline: auto;
    margin-bottom: 2.4px !important;
}

.statrow-3 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
    width: calc(40% - 6px);
    margin-inline: auto;
}

.stat-card {
    aspect-ratio: 1.5 / 1.5;
    overflow: hidden;
    border-radius: 50px;
    background: linear-gradient(180deg,#f5f5f7 0%,#ffffff 100%);
    padding: 36px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border: 1px solid rgba(0,0,0,.04);
    transition: transform .25s ease, box-shadow .25s ease;
}

.statrow-4,
.statrow-3 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.stat-tul {
    transform: translateY(130px);
}

.stat-card {
    padding-left: 10px !important;
    padding-right: 10px !important;
    overflow: visible !important;
}

/* Tuning Suffix Global: Mengecilkan tanda plus (+) agar seimbang di semua device */
body .stat-page .stat-card .elementor-counter-number-suffix {
    font-size: 0.8em !important;
    display: inline-block !important;
    margin-left: 2px !important;
}


/* ==========================================================
   💻 2. KHUSUS EDITAN DESKTOP (HANYA AKTIF DI LAYAR DI ATAS 1024px)
   ========================================================== */
@media (min-width: 1025px) {
    .statrow-4 {
        width: 850px !important;
    }
    
    .statrow-3 {
        width: 565px !important;
    }
    
    .stat-page .stat-card img,
    .stat-page .stat-card svg,
    .stat-page .stat-card .elementor-icon,
    .stat-page .stat-card .elementor-absolute {
        transform: translateY(12px) !important;
    }
    
    .stat-page .stat-card .stat-tul {
        transform: translateY(175px) !important; 
    }
}


/* ==========================================================
   🔥 3. REPARASI TOTAL HP (MURNI KODE KESUKAAN LO + TUNING BALANCED)
   ========================================================== */
@media (max-width: 767px) {

    body .stat-page,
    body .stat-page > .elementor-container,
    body .stat-page > .e-con-inner {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        justify-content: center !important;
        align-items: center !important; 
        gap: 14px !important; 
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        padding: 10px !important;
        box-sizing: border-box !important;
    }

    body .stat-page .statrow-4 {
        display: grid !important;
        grid-template-columns: 1fr !important;
        width: calc(50% - 7px) !important;
        max-width: calc(50% - 7px) !important;
        min-width: calc(50% - 7px) !important;
        flex-shrink: 0 !important;
        gap: 14px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body .stat-page .statrow-3 {
        display: grid !important;
        grid-template-columns: 1fr !important;
        width: calc(50% - 7px) !important;
        max-width: calc(50% - 7px) !important;
        min-width: calc(50% - 7px) !important;
        flex-shrink: 0 !important;
        gap: 14px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body .stat-page .stat-card {
        aspect-ratio: auto !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-start !important; 
        align-items: center !important; 
        box-sizing: border-box !important;
        overflow: hidden !important;
        position: relative !important; 
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
        
        height: 165px !important;
        max-height: 165px !important;
        min-height: 165px !important;
        
        border-radius: 28px !important; 
        padding: 12px 10px !important;
        background: linear-gradient(180deg, #f5f5f7 0%, #ffffff 100%) !important;
        border: 1px solid rgba(0,0,0, 0.06) !important;
    }

    body .stat-page .stat-card img,
    body .stat-page .stat-card svg,
    body .stat-page .stat-card .elementor-icon i,
    body .stat-page .stat-card [class*="absolute"] img {
        transform: translateY(4px) scale(0.88) !important;
    }

    body .stat-page .stat-card .stat-tul {
        transform: translateY(120px) !important;
    }
}


/* ==========================================================
   💻 4. INDEPENDENT TABLET REPARASI (RENTANG MURNI 768px - 1024px)
   ========================================================== */
@media (min-width: 768px) and (max-width: 1024px) {
    
    body .stat-page,
    body .stat-page > .elementor-container,
    body .stat-page > .e-con-inner {
        display: flex !important;
        flex-direction: column !important;
        flex-wrap: nowrap !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 24px !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        padding: 20px !important;
    }

    body .stat-page .statrow-4 {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important;
        width: 92% !important;
        max-width: 92% !important;
        min-width: 92% !important;
        gap: 24px !important;
        margin: 0 auto !important;
        padding: 0 !important;
    }

    body .stat-page .statrow-3 {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        width: 61% !important;
        max-width: 61% !important;
        min-width: 61% !important;
        gap: 24px !important;
        margin: 0 auto !important;
        padding: 0 !important;
    }

    body .stat-page .stat-card {
        aspect-ratio: 1.5 / 1.5 !important; 
        height: auto !important;            
        max-height: none !important;
        min-height: none !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
        border-radius: 40px !important;
        padding: 30px 15px !important;
    }

    body .stat-page .stat-card img,
    body .stat-page .stat-card svg,
    body .stat-page .stat-card .elementor-icon i,
    body .stat-page .stat-card [class*="absolute"] img {
        transform: none !important;
    }

    body .stat-page .stat-card .elementor-counter,
    body .stat-page .stat-card .elementor-counter-number-wrapper,
    body .stat-page .stat-card .stat-tul {
        position: relative !important;
        top: -3px !important;
    }

    body .stat-page .stat-card .elementor-counter-number {
        font-size: 24px !important;
    }
    
    body .stat-page .stat-card .elementor-counter-title,
    body .stat-page .stat-card .stat-tul h3,
    body .stat-page .stat-card .stat-tul p {
        font-size: 14px !important;
    }

    body .stat-page .stat-card .elementor-counter-title {
        transform: translateY(-6px) !important;
    }
}

/* 🎯 ALL-IN-ONE HP FIX: RESET MARGIN JADI 0PX */
@media (max-width: 767px) {
    .elementor-counter-number-wrapper {
        margin-top: 9px !important; /* Memaksa jarak atas jadi nol pas */
    }
}


/* =============================================================
   SOURCE: Home (post 196)
   element 67a5adf | widget | image-box | class="stat-image"
   Recovered from Elementor Custom CSS
   ============================================================= */
.stat-tul{
 transform: translateY(130px); /* naik: pakai minus, turun: plus */
}


/* =============================================================
   SOURCE: Home (post 196)
   element 20a1d66 | widget | image-carousel | title="Image Carousel"
   Recovered from Elementor Custom CSS
   ============================================================= */
/* ==========================================================
   KODE AMAN ASLI LO (MURNI JALAN DI DESKTOP)
   ========================================================== */
.elementor-element-20a1d66 .swiper-wrapper {
    -webkit-transition-timing-function: linear !important;
    transition-timing-function: linear !important;
}


/* =============================================================
   SOURCE: Home (post 196)
   element 67b7019 | widget | image-carousel | title="Image Carousel"
   Recovered from Elementor Custom CSS
   ============================================================= */
/* ==========================================================
   KODE FINISHING MOBILE: MODE GESER (2 KOLOM - 130px)
   ========================================================== */

/* 1. Kunci ukuran tinggi logo pas 130px agar proporsional untuk 2 kolom */
.elementor-element-67b7019 .elementor-image-carousel img,
.elementor-element-67b7019 .swiper-slide img,
.elementor-element-67b7019 img.elementor-carousel-image {
    height: 130px !important;         /* <--- Sudah di-adjust ke 130px */
    max-height: 130px !important;     /* <--- Sudah di-adjust ke 130px */
    width: auto !important;          
    object-fit: contain !important; 
}

/* 2. Normalkan fungsi gestur jari (bisa swipe horizontal & scroll vertikal) */
.elementor-element-67b7019 .elementor-image-carousel,
.elementor-element-67b7019 .swiper-container,
.elementor-element-67b7019 .swiper-wrapper,
.elementor-element-67b7019 .swiper-slide {
    touch-action: auto !important; 
}

/* 3. Berikan ruang di kanan-kiri widget agar tanda panah tidak menempel di ujung layar */
.elementor-element-67b7019 {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

/* 4. Kosmetika Tanda Panah Navigasi */
.elementor-element-67b7019 .elementor-swiper-button {
    color: #333333 !important; 
    opacity: 0.8 !important;
}


/* =============================================================
   SOURCE: Home (post 196)
   element 259a10e | widget | image
   Recovered from Elementor Custom CSS
   ============================================================= */
/* ==========================================================
   1. GEMBOK BAJA DESKTOP (DI ATAS 1025px) - 100% AMAN DI KIRI
   ========================================================== */
@media (min-width: 1025px) {
    .elementor-element-259a10e {
        display: block !important;
        align-self: auto !important;
        margin: 0 !important;
    }
    
    .elementor-element-259a10e .elementor-widget-container {
        display: block !important;
    }
    
    .elementor-element-259a10e img {
        display: inline-block !important;
        margin: 0 !important;
        width: auto !important;
        max-width: 100% !important;
    }
}

/* ==========================================================
   2. REPARASI TOTAL HP (DI BAWAH 1024px) - LEBAR PENUH & TENGAH
   ========================================================== */
@media (max-width: 1024px) {
    /* Sasis Utama Widget: Paksa melebar penuh & duduk di tengah kontainer induks */
    .elementor-element-259a10e {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
        text-align: center !important;
    }
    
    /* Wadah Internal Elementor: Ikut melar 100% */
    .elementor-element-259a10e .elementor-widget-container {
        display: block !important;
        width: 100% !important;
        padding: 0 !important; /* Hilangkan padding bawaan biar gak kejepit */
    }
    
    /* Tag Link (A): Matikan flexbox penjemput, paksa jadi sasis kotak blok utuh */
    .elementor-element-259a10e a {
        display: block !important;
        width: 100% !important;
        text-align: center !important;
        height: auto !important;
    }
    
    /* 🔥 SUNTIKAN RANTAI SELECTOR PALING KUAT: Hancurkan ukuran mini, maksa lebar penuh 🔥 */
    body .elementor-element-259a10e .elementor-widget-image a img {
        display: block !important;
        width: 100% !important;        /* <--- KUNCI UTAMA: Gambar maksa lebar penuh layar HP lo */
        max-width: 100% !important;    /* <--- AMANKAN AGAR GAK LUBER KELUAR LAYAR */
        height: auto !important;        /* <--- Jaga rasio asli biar gak gepeng */
        margin: 0 auto !important;     /* <--- Gembok posisi pas di poros tengah */
        opacity: 1 !important;
    }
}


/* =============================================================
   SOURCE: Home (post 196)
   element 0c9e93a | widget | shortcode | class="testi-inner"
   Recovered from Elementor Custom CSS
   ============================================================= */
/* --- 1. KUNCI UKURAN KARTU (BIAR TETAP KECIL DI TENGAH) --- */
.testi-inner {
    /* Angka 800px ini yang bikin kartu 'menciut' di tengah section */
    max-width: 800px !important; 
    margin: 0 auto !important;
    width: 100% !important;
}

.testi-inner .elementor-widget-container {
    /* Padding dikurangi agar tidak terlihat bongsor */
    padding: 30px 40px !important; 
    border-radius: 30px !important;
    background: #ffffff !important;
    box-shadow: 0 15px 40px rgba(0,0,0,0.05) !important;
}

/* --- 2. POSISI LANDSCAPE (JEJER SAMPING) --- */
.testi-inner .elementor-testimonial-wrapper {
    display: flex !important;
    flex-direction: row !important; /* Membuat profil di kiri, teks di kanan */
    align-items: center !important;
    gap: 35px; /* Jarak antara profil dan kutipan */
    text-align: left !important;
}

/* --- 3. KOLOM KIRI: PROFIL (FONT SATOSHI) --- */
.testi-inner .elementor-testimonial-meta {
    flex: 0 0 30% !important; /* Profil mengambil 30% lebar kartu */
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    border-right: 1px solid rgba(0,0,0,0.06);
    padding-right: 20px;
}

/* Nama */
.testi-inner .elementor-testimonial-name {
    font-family: 'Satoshi', sans-serif !important;
    font-size: 18px !important; /* Ukuran mungil */
    font-weight: 700 !important;
    color: #1d1d1f !important;
    margin-bottom: 2px !important;
    line-height: 1.2 !important;
}

/* Jabatan */
.testi-inner .elementor-testimonial-job {
    font-family: 'Satoshi', sans-serif !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    color: #86868b !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    line-height: 1.3 !important;
}

/* --- 4. KOLOM KANAN: KUTIPAN (FONT LORA) --- */
.testi-inner .elementor-testimonial-content {
    flex: 1 !important;
    font-family: 'Lora', serif !important;
    font-size: 14px !important; /* Ukuran isi testimoni */
    line-height: 1.6 !important;
    color: #3a3a3c !important;
    font-style: italic;
    margin: 0 !important;
}

/* --- 5. RATING BINTANG --- */
.testi-inner .elementor-star-rating {
    font-size: 13px !important;
    margin-bottom: 8px !important;
    color: #ffcc00;
}

/* --- 6. PAGINATION DOTS (TITIK DI BAWAH) --- */
.testi-inner .swiper-pagination {
    bottom: 5px !important;
}

/* --- 7. MOBILE (BALIK KE TUMPUK BAWAH SAAT DI HP) --- */
@media (max-width: 768px) {
    .testi-inner .elementor-testimonial-wrapper {
        flex-direction: column !important;
        text-align: center !important;
        gap: 15px;
    }
    .testi-inner .elementor-testimonial-meta {
        border-right: none;
        padding-right: 0;
        align-items: center !important;
        flex: 1 1 auto !important;
    }
}

/* --- 1. NAMA (SATOSHI 20PX MEDIUM) --- */
.tss-wrapper .single-item-wrapper h3.author-name {
    font-family: 'Satoshi', sans-serif !important;
    font-size: 20px !important;
    font-weight: 500 !important; /* Medium */
    font-style: normal !important;
    line-height: 1.2 !important;
    margin-bottom: 4px !important;
}

/* --- 2. JABATAN (SATOSHI 14PX REGULAR) --- */
.tss-wrapper .single-item-wrapper h4.author-bio {
    font-family: 'Satoshi', sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important; /* Regular */
    font-style: normal !important;
    color: #666666 !important; /* Warna sedikit pudar agar elegan */
    margin-top: 0 !important;
}

/* --- 3. ISI REVIEW (LORA 16PX ITALIC) --- */
.tss-wrapper .single-item-wrapper .tss-content,
.tss-wrapper .single-item-wrapper p {
    font-family: 'Lora', serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    font-style: italic !important;
    line-height: 1.6 !important; /* Spasi antar baris yang nyaman */
    color: #1d1d1f !important;
}


/* =============================================================
   SOURCE: Hubungi Kami (post 37)
   element a4d400b | container | class="section-kolaborasi"
   Recovered from Elementor Custom CSS
   ============================================================= */
/* ==========================================================
   🧼 KODE CONSOLIDATED: FIX SPACING & LEBAR FORM TOTAL (SSILA)
   ========================================================== */

/* 🖥️ 1. TAMPILAN DESKTOP */
@media (min-width: 1025px) {
    .section-kolaborasi {
        padding-top: 10px !important;    
        padding-bottom: 40px !important; 
        margin-top: 0px !important;
        margin-bottom: 0px !important;
        
        /* 🔓 Buka bottleneck sasis induk Elementor di desktop */
        max-width: 800px !important; 
        width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    
    /* Lebar Form Desktop (Bisa diatur di atas 1000px) */
    .section-kolaborasi .elementor-widget-form {
        width: 100% !important;
        max-width: 1100px !important;     /* 👈 Ubah angka ini kalau mau membesarkan/mengecilkan di desktop */
        margin: 0 auto !important;       
    }
}

/* 💻 2. TAMPILAN TABLET */
@media (min-width: 768px) and (max-width: 1024px) {
    .section-kolaborasi {
        padding-top: 0px !important;    
        padding-bottom: 80px !important; 
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }
    
    .section-kolaborasi .elementor-widget-form {
        width: 86% !important; 
        max-width: 620px !important;    
        margin: 0 auto !important;       
    }
}

/* 📱 3. TAMPILAN HP */
@media (max-width: 767px) {
    .section-kolaborasi {
        padding-top: 0px !important;    
        padding-bottom: 80px !important; 
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }
    
    .section-kolaborasi .elementor-widget-form {
        width: 88% !important;           
        margin: 0 auto !important;       
    }
}


/* =============================================================
   SOURCE: Implementasi Program Pemberdayaan Masyarakat (post 2751)
   element 95ca7df | container | title="Container"
   Recovered from Elementor Custom CSS
   ============================================================= */
/* 🌐 SEMUA DEVICE (Desktop, Tablet, HP) */

/* 1. Paksa sasis induk tetep horizontal & tingginya stretch penuhin kapsul */
.elementor-element-95ca7df {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: 0 !important;
}

/* 2. Gembok boks kuning 25px & PAKSA ANGKA PASTI DI TENGAH-TENGAH */
.elementor-element-95ca7df .kapsul-kuning {
    width: 25px !important;
    min-width: 25px !important;
    max-width: 25px !important;
    flex-shrink: 0 !important;
    padding: 0 !important;
    display: flex !important;
    justify-content: center !important; /* ↔️ HORIZONTAL: Paksa angka ke tengah */
    align-items: center !important;     /* ↕️ VERTIKAL: Paksa angka ke tengah */
}

/* Bersihkan margin bawaan widget angka biar gak bias ke kiri */
.elementor-element-95ca7df .kapsul-kuning * {
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
}

/* 3. Paksa boks biru melar & beri spasi kiri 10px */
.elementor-element-95ca7df .kapsul-biru {
    flex-grow: 1 !important;
    width: auto !important;
    padding-left: 10px !important;
}

/* 4. Paksa bungkus teks boks biru tetep rata kiri tapi tengah secara vertikal */
.elementor-element-95ca7df .kapsul-biru .elementor-widget,
.elementor-element-95ca7df .kapsul-biru .elementor-widget-container {
    height: 100% !important;
    display: flex !important;
    align-items: center !important;       /* ↕️ VERTIKAL: Teks judul pas di tengah atas-bawah */
    justify-content: flex-start !important; /* ↔️ HORIZONTAL: Gembok teks tetep rata kiri */
    text-align: left !important;
}

/* ==========================================================
   📱 🛡️ PERISAI ANTI-JEBOL KHUSUS HP & TABLET 
   ========================================================== */
@media (max-width: 1024px) {
    /* Meng-overwrite bom nuklir halaman global agar sasis dalam tetep horizontal */
    .elementor-element-95ca7df,
    .elementor-element-95ca7df.e-con,
    .elementor-element-95ca7df .e-con-inner {
        display: flex !important;
        flex-direction: row !important; /* Gembok mati biar tetep berjejer ke samping */
        flex-wrap: nowrap !important;
        align-items: stretch !important;
        gap: 0 !important;
    }

    .elementor-element-95ca7df .kapsul-biru {
        width: auto !important;
        flex-grow: 1 !important;
    }
}


/* =============================================================
   SOURCE: Implementasi Program Pemberdayaan Masyarakat (post 2751)
   element 7a747d3b | container | title="Container"
   Recovered from Elementor Custom CSS
   ============================================================= */
/* 🌐 SEMUA DEVICE (Desktop, Tablet, HP) */

/* 1. Paksa sasis induk tetep horizontal & tingginya stretch penuhin kapsul */
.elementor-element-7a747d3b {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: 0 !important;
}

/* 2. Gembok boks kuning 25px & PAKSA ANGKA PASTI DI TENGAH-TENGAH */
.elementor-element-7a747d3b .kapsul-kuning {
    width: 25px !important;
    min-width: 25px !important;
    max-width: 25px !important;
    flex-shrink: 0 !important;
    padding: 0 !important;
    display: flex !important;
    justify-content: center !important; /* ↔️ HORIZONTAL: Paksa angka ke tengah */
    align-items: center !important;     /* ↕️ VERTIKAL: Paksa angka ke tengah */
}

/* Bersihkan margin bawaan widget angka biar gak bias ke kiri */
.elementor-element-7a747d3b .kapsul-kuning * {
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
}

/* 3. Paksa boks biru melar & beri spasi kiri 10px */
.elementor-element-7a747d3b .kapsul-biru {
    flex-grow: 1 !important;
    width: auto !important;
    padding-left: 10px !important;
}

/* 4. Paksa bungkus teks boks biru tetep rata kiri tapi tengah secara vertikal */
.elementor-element-7a747d3b .kapsul-biru .elementor-widget,
.elementor-element-7a747d3b .kapsul-biru .elementor-widget-container {
    height: 100% !important;
    display: flex !important;
    align-items: center !important;       /* ↕️ VERTIKAL: Teks judul pas di tengah atas-bawah */
    justify-content: flex-start !important; /* ↔️ HORIZONTAL: Gembok teks tetep rata kiri */
    text-align: left !important;
}

/* ==========================================================
   📱 🛡️ PERISAI ANTI-JEBOL KHUSUS HP & TABLET 
   ========================================================== */
@media (max-width: 1024px) {
    /* Meng-overwrite bom nuklir halaman global agar sasis dalam tetep horizontal */
    .elementor-element-7a747d3b,
    .elementor-element-7a747d3b.e-con,
    .elementor-element-7a747d3b .e-con-inner {
        display: flex !important;
        flex-direction: row !important; /* Gembok mati biar tetep berjejer ke samping */
        flex-wrap: nowrap !important;
        align-items: stretch !important;
        gap: 0 !important;
    }

    .elementor-element-7a747d3b .kapsul-biru {
        width: auto !important;
        flex-grow: 1 !important;
    }
}


/* =============================================================
   SOURCE: Implementasi Program Pemberdayaan Masyarakat (post 2751)
   element 54dbefbe | container | title="Container"
   Recovered from Elementor Custom CSS
   ============================================================= */
/* 🌐 SEMUA DEVICE (Desktop, Tablet, HP) */

/* 1. Paksa sasis induk tetep horizontal & tingginya stretch penuhin kapsul */
.elementor-element-54dbefbe {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: 0 !important;
}

/* 2. Gembok boks kuning 25px & PAKSA ANGKA PASTI DI TENGAH-TENGAH */
.elementor-element-54dbefbe .kapsul-kuning {
    width: 25px !important;
    min-width: 25px !important;
    max-width: 25px !important;
    flex-shrink: 0 !important;
    padding: 0 !important;
    display: flex !important;
    justify-content: center !important; /* ↔️ HORIZONTAL: Paksa angka ke tengah */
    align-items: center !important;     /* ↕️ VERTIKAL: Paksa angka ke tengah */
}

/* Bersihkan margin bawaan widget angka biar gak bias ke kiri */
.elementor-element-54dbefbe .kapsul-kuning * {
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
}

/* 3. Paksa boks biru melar & beri spasi kiri 10px */
.elementor-element-54dbefbe .kapsul-biru {
    flex-grow: 1 !important;
    width: auto !important;
    padding-left: 10px !important;
}

/* 4. Paksa bungkus teks boks biru tetep rata kiri tapi tengah secara vertikal */
.elementor-element-54dbefbe .kapsul-biru .elementor-widget,
.elementor-element-54dbefbe .kapsul-biru .elementor-widget-container {
    height: 100% !important;
    display: flex !important;
    align-items: center !important;       /* ↕️ VERTIKAL: Teks judul pas di tengah atas-bawah */
    justify-content: flex-start !important; /* ↔️ HORIZONTAL: Gembok teks tetep rata kiri */
    text-align: left !important;
}

/* ==========================================================
   📱 🛡️ PERISAI ANTI-JEBOL KHUSUS HP & TABLET 
   ========================================================== */
@media (max-width: 1024px) {
    /* Meng-overwrite bom nuklir halaman global agar sasis dalam tetep horizontal */
    .elementor-element-54dbefbe,
    .elementor-element-54dbefbe.e-con,
    .elementor-element-54dbefbe .e-con-inner {
        display: flex !important;
        flex-direction: row !important; /* Gembok mati biar tetep berjejer ke samping */
        flex-wrap: nowrap !important;
        align-items: stretch !important;
        gap: 0 !important;
    }

    .elementor-element-54dbefbe .kapsul-biru {
        width: auto !important;
        flex-grow: 1 !important;
    }
}


/* =============================================================
   SOURCE: Implementasi Program Pemberdayaan Masyarakat (post 2751)
   element 7ae6a0bb | container | title="Container"
   Recovered from Elementor Custom CSS
   ============================================================= */
/* 🌐 SEMUA DEVICE (Desktop, Tablet, HP) */

/* 1. Paksa sasis induk tetep horizontal & tingginya stretch penuhin kapsul */
.elementor-element-7ae6a0bb {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: 0 !important;
}

/* 2. Gembok boks kuning 25px & PAKSA ANGKA PASTI DI TENGAH-TENGAH */
.elementor-element-7ae6a0bb .kapsul-kuning {
    width: 25px !important;
    min-width: 25px !important;
    max-width: 25px !important;
    flex-shrink: 0 !important;
    padding: 0 !important;
    display: flex !important;
    justify-content: center !important; /* ↔️ HORIZONTAL: Paksa angka ke tengah */
    align-items: center !important;     /* ↕️ VERTIKAL: Paksa angka ke tengah */
}

/* Bersihkan margin bawaan widget angka biar gak bias ke kiri */
.elementor-element-7ae6a0bb .kapsul-kuning * {
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
}

/* 3. Paksa boks biru melar & beri spasi kiri 10px */
.elementor-element-7ae6a0bb .kapsul-biru {
    flex-grow: 1 !important;
    width: auto !important;
    padding-left: 10px !important;
}

/* 4. Paksa bungkus teks boks biru tetep rata kiri tapi tengah secara vertikal */
.elementor-element-7ae6a0bb .kapsul-biru .elementor-widget,
.elementor-element-7ae6a0bb .kapsul-biru .elementor-widget-container {
    height: 100% !important;
    display: flex !important;
    align-items: center !important;       /* ↕️ VERTIKAL: Teks judul pas di tengah atas-bawah */
    justify-content: flex-start !important; /* ↔️ HORIZONTAL: Gembok teks tetep rata kiri */
    text-align: left !important;
}

/* ==========================================================
   📱 🛡️ PERISAI ANTI-JEBOL KHUSUS HP & TABLET 
   ========================================================== */
@media (max-width: 1024px) {
    /* Meng-overwrite bom nuklir halaman global agar sasis dalam tetep horizontal */
    .elementor-element-7ae6a0bb,
    .elementor-element-7ae6a0bb.e-con,
    .elementor-element-7ae6a0bb .e-con-inner {
        display: flex !important;
        flex-direction: row !important; /* Gembok mati biar tetep berjejer ke samping */
        flex-wrap: nowrap !important;
        align-items: stretch !important;
        gap: 0 !important;
    }

    .elementor-element-7ae6a0bb .kapsul-biru {
        width: auto !important;
        flex-grow: 1 !important;
    }
}


/* =============================================================
   SOURCE: Implementasi Program Pemberdayaan Masyarakat (post 2751)
   element 6da30b18 | container | title="Container"
   Recovered from Elementor Custom CSS
   ============================================================= */
/* 🌐 SEMUA DEVICE (Desktop, Tablet, HP) */

/* 1. Paksa sasis induk tetep horizontal & tingginya stretch penuhin kapsul */
.elementor-element-6da30b18 {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: 0 !important;
}

/* 2. Gembok boks kuning 25px & PAKSA ANGKA PASTI DI TENGAH-TENGAH */
.elementor-element-6da30b18 .kapsul-kuning {
    width: 25px !important;
    min-width: 25px !important;
    max-width: 25px !important;
    flex-shrink: 0 !important;
    padding: 0 !important;
    display: flex !important;
    justify-content: center !important; /* ↔️ HORIZONTAL: Paksa angka ke tengah */
    align-items: center !important;     /* ↕️ VERTIKAL: Paksa angka ke tengah */
}

/* Bersihkan margin bawaan widget angka biar gak bias ke kiri */
.elementor-element-6da30b18 .kapsul-kuning * {
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
}

/* 3. Paksa boks biru melar & beri spasi kiri 10px */
.elementor-element-6da30b18 .kapsul-biru {
    flex-grow: 1 !important;
    width: auto !important;
    padding-left: 10px !important;
}

/* 4. Paksa bungkus teks boks biru tetep rata kiri tapi tengah secara vertikal */
.elementor-element-6da30b18 .kapsul-biru .elementor-widget,
.elementor-element-6da30b18 .kapsul-biru .elementor-widget-container {
    height: 100% !important;
    display: flex !important;
    align-items: center !important;       /* ↕️ VERTIKAL: Teks judul pas di tengah atas-bawah */
    justify-content: flex-start !important; /* ↔️ HORIZONTAL: Gembok teks tetep rata kiri */
    text-align: left !important;
}

/* ==========================================================
   📱 🛡️ PERISAI ANTI-JEBOL KHUSUS HP & TABLET 
   ========================================================== */
@media (max-width: 1024px) {
    /* Meng-overwrite bom nuklir halaman global agar sasis dalam tetep horizontal */
    .elementor-element-6da30b18,
    .elementor-element-6da30b18.e-con,
    .elementor-element-6da30b18 .e-con-inner {
        display: flex !important;
        flex-direction: row !important; /* Gembok mati biar tetep berjejer ke samping */
        flex-wrap: nowrap !important;
        align-items: stretch !important;
        gap: 0 !important;
    }

    .elementor-element-6da30b18 .kapsul-biru {
        width: auto !important;
        flex-grow: 1 !important;
    }
}


/* =============================================================
   SOURCE: Kajian Sosial, Ekonomi, Lingkungan & Pelaporan (post 2706)
   element 71389101 | container | title="Container"
   Recovered from Elementor Custom CSS
   ============================================================= */
/* 🌐 SEMUA DEVICE (Desktop, Tablet, HP) */

/* 1. Paksa sasis induk tetep horizontal & tingginya stretch penuhin kapsul */
.elementor-element-71389101 {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: 0 !important;
}

/* 2. Gembok boks kuning 25px & PAKSA ANGKA PASTI DI TENGAH-TENGAH */
.elementor-element-71389101 .kapsul-kuning {
    width: 25px !important;
    min-width: 25px !important;
    max-width: 25px !important;
    flex-shrink: 0 !important;
    padding: 0 !important;
    display: flex !important;
    justify-content: center !important; /* ↔️ HORIZONTAL: Paksa angka ke tengah */
    align-items: center !important;     /* ↕️ VERTIKAL: Paksa angka ke tengah */
}

/* Bersihkan margin bawaan widget angka biar gak bias ke kiri */
.elementor-element-71389101 .kapsul-kuning * {
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
}

/* 3. Paksa boks biru melar & beri spasi kiri 10px */
.elementor-element-71389101 .kapsul-biru {
    flex-grow: 1 !important;
    width: auto !important;
    padding-left: 10px !important;
}

/* 4. Paksa bungkus teks boks biru tetep rata kiri tapi tengah secara vertikal */
.elementor-element-71389101 .kapsul-biru .elementor-widget,
.elementor-element-71389101 .kapsul-biru .elementor-widget-container {
    height: 100% !important;
    display: flex !important;
    align-items: center !important;       /* ↕️ VERTIKAL: Teks judul pas di tengah atas-bawah */
    justify-content: flex-start !important; /* ↔️ HORIZONTAL: Gembok teks tetep rata kiri */
    text-align: left !important;
}

/* ==========================================================
   📱 🛡️ PERISAI ANTI-JEBOL KHUSUS HP & TABLET 
   ========================================================== */
@media (max-width: 1024px) {
    /* Meng-overwrite bom nuklir halaman global agar sasis dalam tetep horizontal */
    .elementor-element-71389101,
    .elementor-element-71389101.e-con,
    .elementor-element-71389101 .e-con-inner {
        display: flex !important;
        flex-direction: row !important; /* Gembok mati biar tetep berjejer ke samping */
        flex-wrap: nowrap !important;
        align-items: stretch !important;
        gap: 0 !important;
    }

    .elementor-element-71389101 .kapsul-biru {
        width: auto !important;
        flex-grow: 1 !important;
    }
}


/* =============================================================
   SOURCE: Kajian Sosial, Ekonomi, Lingkungan & Pelaporan (post 2706)
   element 47b043c4 | container | title="Container"
   Recovered from Elementor Custom CSS
   ============================================================= */
/* 🌐 SEMUA DEVICE (Desktop, Tablet, HP) */

/* 1. Paksa sasis induk tetep horizontal & tingginya stretch penuhin kapsul */
.elementor-element-47b043c4 {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: 0 !important;
}

/* 2. Gembok boks kuning 25px & PAKSA ANGKA PASTI DI TENGAH-TENGAH */
.elementor-element-47b043c4 .kapsul-kuning {
    width: 25px !important;
    min-width: 25px !important;
    max-width: 25px !important;
    flex-shrink: 0 !important;
    padding: 0 !important;
    display: flex !important;
    justify-content: center !important; /* ↔️ HORIZONTAL: Paksa angka ke tengah */
    align-items: center !important;     /* ↕️ VERTIKAL: Paksa angka ke tengah */
}

/* Bersihkan margin bawaan widget angka biar gak bias ke kiri */
.elementor-element-47b043c4 .kapsul-kuning * {
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
}

/* 3. Paksa boks biru melar & beri spasi kiri 10px */
.elementor-element-47b043c4 .kapsul-biru {
    flex-grow: 1 !important;
    width: auto !important;
    padding-left: 10px !important;
}

/* 4. Paksa bungkus teks boks biru tetep rata kiri tapi tengah secara vertikal */
.elementor-element-47b043c4 .kapsul-biru .elementor-widget,
.elementor-element-47b043c4 .kapsul-biru .elementor-widget-container {
    height: 100% !important;
    display: flex !important;
    align-items: center !important;       /* ↕️ VERTIKAL: Teks judul pas di tengah atas-bawah */
    justify-content: flex-start !important; /* ↔️ HORIZONTAL: Gembok teks tetep rata kiri */
    text-align: left !important;
}

/* ==========================================================
   📱 🛡️ PERISAI ANTI-JEBOL KHUSUS HP & TABLET 
   ========================================================== */
@media (max-width: 1024px) {
    /* Meng-overwrite bom nuklir halaman global agar sasis dalam tetep horizontal */
    .elementor-element-47b043c4,
    .elementor-element-47b043c4.e-con,
    .elementor-element-47b043c4 .e-con-inner {
        display: flex !important;
        flex-direction: row !important; /* Gembok mati biar tetep berjejer ke samping */
        flex-wrap: nowrap !important;
        align-items: stretch !important;
        gap: 0 !important;
    }

    .elementor-element-47b043c4 .kapsul-biru {
        width: auto !important;
        flex-grow: 1 !important;
    }
}


/* =============================================================
   SOURCE: Kajian Sosial, Ekonomi, Lingkungan & Pelaporan (post 2706)
   element 1324cbc1 | container | title="Container"
   Recovered from Elementor Custom CSS
   ============================================================= */
/* 🌐 SEMUA DEVICE (Desktop, Tablet, HP) */

/* 1. Paksa sasis induk tetep horizontal & tingginya stretch penuhin kapsul */
.elementor-element-1324cbc1 {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: 0 !important;
}

/* 2. Gembok boks kuning 25px & PAKSA ANGKA PASTI DI TENGAH-TENGAH */
.elementor-element-1324cbc1 .kapsul-kuning {
    width: 25px !important;
    min-width: 25px !important;
    max-width: 25px !important;
    flex-shrink: 0 !important;
    padding: 0 !important;
    display: flex !important;
    justify-content: center !important; /* ↔️ HORIZONTAL: Paksa angka ke tengah */
    align-items: center !important;     /* ↕️ VERTIKAL: Paksa angka ke tengah */
}

/* Bersihkan margin bawaan widget angka biar gak bias ke kiri */
.elementor-element-1324cbc1 .kapsul-kuning * {
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
}

/* 3. Paksa boks biru melar & beri spasi kiri 10px */
.elementor-element-1324cbc1 .kapsul-biru {
    flex-grow: 1 !important;
    width: auto !important;
    padding-left: 10px !important;
}

/* 4. Paksa bungkus teks boks biru tetep rata kiri tapi tengah secara vertikal */
.elementor-element-1324cbc1 .kapsul-biru .elementor-widget,
.elementor-element-1324cbc1 .kapsul-biru .elementor-widget-container {
    height: 100% !important;
    display: flex !important;
    align-items: center !important;       /* ↕️ VERTIKAL: Teks judul pas di tengah atas-bawah */
    justify-content: flex-start !important; /* ↔️ HORIZONTAL: Gembok teks tetep rata kiri */
    text-align: left !important;
}

/* ==========================================================
   📱 🛡️ PERISAI ANTI-JEBOL KHUSUS HP & TABLET 
   ========================================================== */
@media (max-width: 1024px) {
    /* Meng-overwrite bom nuklir halaman global agar sasis dalam tetep horizontal */
    .elementor-element-1324cbc1,
    .elementor-element-1324cbc1.e-con,
    .elementor-element-1324cbc1 .e-con-inner {
        display: flex !important;
        flex-direction: row !important; /* Gembok mati biar tetep berjejer ke samping */
        flex-wrap: nowrap !important;
        align-items: stretch !important;
        gap: 0 !important;
    }

    .elementor-element-1324cbc1 .kapsul-biru {
        width: auto !important;
        flex-grow: 1 !important;
    }
}


/* =============================================================
   SOURCE: Kajian Sosial, Ekonomi, Lingkungan & Pelaporan (post 2706)
   element 4b1ff847 | container | title="Container"
   Recovered from Elementor Custom CSS
   ============================================================= */
/* 🌐 SEMUA DEVICE (Desktop, Tablet, HP) */

/* 1. Paksa sasis induk tetep horizontal & tingginya stretch penuhin kapsul */
.elementor-element-4b1ff847 {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: 0 !important;
}

/* 2. Gembok boks kuning 25px & PAKSA ANGKA PASTI DI TENGAH-TENGAH */
.elementor-element-4b1ff847 .kapsul-kuning {
    width: 25px !important;
    min-width: 25px !important;
    max-width: 25px !important;
    flex-shrink: 0 !important;
    padding: 0 !important;
    display: flex !important;
    justify-content: center !important; /* ↔️ HORIZONTAL: Paksa angka ke tengah */
    align-items: center !important;     /* ↕️ VERTIKAL: Paksa angka ke tengah */
}

/* Bersihkan margin bawaan widget angka biar gak bias ke kiri */
.elementor-element-4b1ff847 .kapsul-kuning * {
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
}

/* 3. Paksa boks biru melar & beri spasi kiri 10px */
.elementor-element-4b1ff847 .kapsul-biru {
    flex-grow: 1 !important;
    width: auto !important;
    padding-left: 10px !important;
}

/* 4. Paksa bungkus teks boks biru tetep rata kiri tapi tengah secara vertikal */
.elementor-element-4b1ff847 .kapsul-biru .elementor-widget,
.elementor-element-4b1ff847 .kapsul-biru .elementor-widget-container {
    height: 100% !important;
    display: flex !important;
    align-items: center !important;       /* ↕️ VERTIKAL: Teks judul pas di tengah atas-bawah */
    justify-content: flex-start !important; /* ↔️ HORIZONTAL: Gembok teks tetep rata kiri */
    text-align: left !important;
}

/* ==========================================================
   📱 🛡️ PERISAI ANTI-JEBOL KHUSUS HP & TABLET 
   ========================================================== */
@media (max-width: 1024px) {
    /* Meng-overwrite bom nuklir halaman global agar sasis dalam tetep horizontal */
    .elementor-element-4b1ff847,
    .elementor-element-4b1ff847.e-con,
    .elementor-element-4b1ff847 .e-con-inner {
        display: flex !important;
        flex-direction: row !important; /* Gembok mati biar tetep berjejer ke samping */
        flex-wrap: nowrap !important;
        align-items: stretch !important;
        gap: 0 !important;
    }

    .elementor-element-4b1ff847 .kapsul-biru {
        width: auto !important;
        flex-grow: 1 !important;
    }
}


/* =============================================================
   SOURCE: Kajian Sosial, Ekonomi, Lingkungan & Pelaporan (post 2706)
   element 5b62c041 | container | title="Container"
   Recovered from Elementor Custom CSS
   ============================================================= */
/* 🌐 SEMUA DEVICE (Desktop, Tablet, HP) */

/* 1. Paksa sasis induk tetep horizontal & tingginya stretch penuhin kapsul */
.elementor-element-5b62c041 {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: 0 !important;
}

/* 2. Gembok boks kuning 25px & PAKSA ANGKA PASTI DI TENGAH-TENGAH */
.elementor-element-5b62c041 .kapsul-kuning {
    width: 25px !important;
    min-width: 25px !important;
    max-width: 25px !important;
    flex-shrink: 0 !important;
    padding: 0 !important;
    display: flex !important;
    justify-content: center !important; /* ↔️ HORIZONTAL: Paksa angka ke tengah */
    align-items: center !important;     /* ↕️ VERTIKAL: Paksa angka ke tengah */
}

/* Bersihkan margin bawaan widget angka biar gak bias ke kiri */
.elementor-element-5b62c041 .kapsul-kuning * {
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
}

/* 3. Paksa boks biru melar & beri spasi kiri 10px */
.elementor-element-5b62c041 .kapsul-biru {
    flex-grow: 1 !important;
    width: auto !important;
    padding-left: 10px !important;
}

/* 4. Paksa bungkus teks boks biru tetep rata kiri tapi tengah secara vertikal */
.elementor-element-5b62c041 .kapsul-biru .elementor-widget,
.elementor-element-5b62c041 .kapsul-biru .elementor-widget-container {
    height: 100% !important;
    display: flex !important;
    align-items: center !important;       /* ↕️ VERTIKAL: Teks judul pas di tengah atas-bawah */
    justify-content: flex-start !important; /* ↔️ HORIZONTAL: Gembok teks tetep rata kiri */
    text-align: left !important;
}

/* ==========================================================
   📱 🛡️ PERISAI ANTI-JEBOL KHUSUS HP & TABLET 
   ========================================================== */
@media (max-width: 1024px) {
    /* Meng-overwrite bom nuklir halaman global agar sasis dalam tetep horizontal */
    .elementor-element-5b62c041,
    .elementor-element-5b62c041.e-con,
    .elementor-element-5b62c041 .e-con-inner {
        display: flex !important;
        flex-direction: row !important; /* Gembok mati biar tetep berjejer ke samping */
        flex-wrap: nowrap !important;
        align-items: stretch !important;
        gap: 0 !important;
    }

    .elementor-element-5b62c041 .kapsul-biru {
        width: auto !important;
        flex-grow: 1 !important;
    }
}


/* =============================================================
   SOURCE: Kajian Sosial, Ekonomi, Lingkungan & Pelaporan (post 2706)
   element 6b002fef | container | title="Container"
   Recovered from Elementor Custom CSS
   ============================================================= */
/* 🌐 SEMUA DEVICE (Desktop, Tablet, HP) */

/* 1. Paksa sasis induk tetep horizontal & tingginya stretch penuhin kapsul */
.elementor-element-6b002fef {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: 0 !important;
}

/* 2. Gembok boks kuning 25px & PAKSA ANGKA PASTI DI TENGAH-TENGAH */
.elementor-element-6b002fef .kapsul-kuning {
    width: 25px !important;
    min-width: 25px !important;
    max-width: 25px !important;
    flex-shrink: 0 !important;
    padding: 0 !important;
    display: flex !important;
    justify-content: center !important; /* ↔️ HORIZONTAL: Paksa angka ke tengah */
    align-items: center !important;     /* ↕️ VERTIKAL: Paksa angka ke tengah */
}

/* Bersihkan margin bawaan widget angka biar gak bias ke kiri */
.elementor-element-6b002fef .kapsul-kuning * {
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
}

/* 3. Paksa boks biru melar & beri spasi kiri 10px */
.elementor-element-6b002fef .kapsul-biru {
    flex-grow: 1 !important;
    width: auto !important;
    padding-left: 10px !important;
}

/* 4. Paksa bungkus teks boks biru tetep rata kiri tapi tengah secara vertikal */
.elementor-element-6b002fef .kapsul-biru .elementor-widget,
.elementor-element-6b002fef .kapsul-biru .elementor-widget-container {
    height: 100% !important;
    display: flex !important;
    align-items: center !important;       /* ↕️ VERTIKAL: Teks judul pas di tengah atas-bawah */
    justify-content: flex-start !important; /* ↔️ HORIZONTAL: Gembok teks tetep rata kiri */
    text-align: left !important;
}

/* ==========================================================
   📱 🛡️ PERISAI ANTI-JEBOL KHUSUS HP & TABLET 
   ========================================================== */
@media (max-width: 1024px) {
    /* Meng-overwrite bom nuklir halaman global agar sasis dalam tetep horizontal */
    .elementor-element-6b002fef,
    .elementor-element-6b002fef.e-con,
    .elementor-element-6b002fef .e-con-inner {
        display: flex !important;
        flex-direction: row !important; /* Gembok mati biar tetep berjejer ke samping */
        flex-wrap: nowrap !important;
        align-items: stretch !important;
        gap: 0 !important;
    }

    .elementor-element-6b002fef .kapsul-biru {
        width: auto !important;
        flex-grow: 1 !important;
    }
}


/* =============================================================
   SOURCE: Kajian Sosial, Ekonomi, Lingkungan & Pelaporan (post 2706)
   element 250d88b2 | container | title="Container"
   Recovered from Elementor Custom CSS
   ============================================================= */
/* 🌐 SEMUA DEVICE (Desktop, Tablet, HP) */

/* 1. Paksa sasis induk tetep horizontal & tingginya stretch penuhin kapsul */
.elementor-element-250d88b2 {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: 0 !important;
}

/* 2. Gembok boks kuning 25px & PAKSA ANGKA PASTI DI TENGAH-TENGAH */
.elementor-element-250d88b2 .kapsul-kuning {
    width: 25px !important;
    min-width: 25px !important;
    max-width: 25px !important;
    flex-shrink: 0 !important;
    padding: 0 !important;
    display: flex !important;
    justify-content: center !important; /* ↔️ HORIZONTAL: Paksa angka ke tengah */
    align-items: center !important;     /* ↕️ VERTIKAL: Paksa angka ke tengah */
}

/* Bersihkan margin bawaan widget angka biar gak bias ke kiri */
.elementor-element-250d88b2 .kapsul-kuning * {
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
}

/* 3. Paksa boks biru melar & beri spasi kiri 10px */
.elementor-element-250d88b2 .kapsul-biru {
    flex-grow: 1 !important;
    width: auto !important;
    padding-left: 10px !important;
}

/* 4. Paksa bungkus teks boks biru tetep rata kiri tapi tengah secara vertikal */
.elementor-element-250d88b2 .kapsul-biru .elementor-widget,
.elementor-element-250d88b2 .kapsul-biru .elementor-widget-container {
    height: 100% !important;
    display: flex !important;
    align-items: center !important;       /* ↕️ VERTIKAL: Teks judul pas di tengah atas-bawah */
    justify-content: flex-start !important; /* ↔️ HORIZONTAL: Gembok teks tetep rata kiri */
    text-align: left !important;
}

/* ==========================================================
   📱 🛡️ PERISAI ANTI-JEBOL KHUSUS HP & TABLET 
   ========================================================== */
@media (max-width: 1024px) {
    /* Meng-overwrite bom nuklir halaman global agar sasis dalam tetep horizontal */
    .elementor-element-250d88b2,
    .elementor-element-250d88b2.e-con,
    .elementor-element-250d88b2 .e-con-inner {
        display: flex !important;
        flex-direction: row !important; /* Gembok mati biar tetep berjejer ke samping */
        flex-wrap: nowrap !important;
        align-items: stretch !important;
        gap: 0 !important;
    }

    .elementor-element-250d88b2 .kapsul-biru {
        width: auto !important;
        flex-grow: 1 !important;
    }
}


/* =============================================================
   SOURCE: Kajian Sosial, Ekonomi, Lingkungan & Pelaporan (post 2706)
   element 6f9d2f5d | container | title="Container"
   Recovered from Elementor Custom CSS
   ============================================================= */
/* 🌐 SEMUA DEVICE (Desktop, Tablet, HP) */

/* 1. Paksa sasis induk tetep horizontal & tingginya stretch penuhin kapsul */
.elementor-element-6f9d2f5d {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: 0 !important;
}

/* 2. Gembok boks kuning 25px & PAKSA ANGKA PASTI DI TENGAH-TENGAH */
.elementor-element-6f9d2f5d .kapsul-kuning {
    width: 25px !important;
    min-width: 25px !important;
    max-width: 25px !important;
    flex-shrink: 0 !important;
    padding: 0 !important;
    display: flex !important;
    justify-content: center !important; /* ↔️ HORIZONTAL: Paksa angka ke tengah */
    align-items: center !important;     /* ↕️ VERTIKAL: Paksa angka ke tengah */
}

/* Bersihkan margin bawaan widget angka biar gak bias ke kiri */
.elementor-element-6f9d2f5d .kapsul-kuning * {
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
}

/* 3. Paksa boks biru melar & beri spasi kiri 10px */
.elementor-element-6f9d2f5d .kapsul-biru {
    flex-grow: 1 !important;
    width: auto !important;
    padding-left: 10px !important;
}

/* 4. Paksa bungkus teks boks biru tetep rata kiri tapi tengah secara vertikal */
.elementor-element-6f9d2f5d .kapsul-biru .elementor-widget,
.elementor-element-6f9d2f5d .kapsul-biru .elementor-widget-container {
    height: 100% !important;
    display: flex !important;
    align-items: center !important;       /* ↕️ VERTIKAL: Teks judul pas di tengah atas-bawah */
    justify-content: flex-start !important; /* ↔️ HORIZONTAL: Gembok teks tetep rata kiri */
    text-align: left !important;
}

/* ==========================================================
   📱 🛡️ PERISAI ANTI-JEBOL KHUSUS HP & TABLET 
   ========================================================== */
@media (max-width: 1024px) {
    /* Meng-overwrite bom nuklir halaman global agar sasis dalam tetep horizontal */
    .elementor-element-6f9d2f5d,
    .elementor-element-6f9d2f5d.e-con,
    .elementor-element-6f9d2f5d .e-con-inner {
        display: flex !important;
        flex-direction: row !important; /* Gembok mati biar tetep berjejer ke samping */
        flex-wrap: nowrap !important;
        align-items: stretch !important;
        gap: 0 !important;
    }

    .elementor-element-6f9d2f5d .kapsul-biru {
        width: auto !important;
        flex-grow: 1 !important;
    }
}


/* =============================================================
   SOURCE: Kajian Sosial, Ekonomi, Lingkungan & Pelaporan (post 2706)
   element 4e6de401 | container | title="Container"
   Recovered from Elementor Custom CSS
   ============================================================= */
/* 🌐 SEMUA DEVICE (Desktop, Tablet, HP) */

/* 1. Paksa sasis induk tetep horizontal & tingginya stretch penuhin kapsul */
.elementor-element-4e6de401 {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: 0 !important;
}

/* 2. Gembok boks kuning 25px & PAKSA ANGKA PASTI DI TENGAH-TENGAH */
.elementor-element-4e6de401 .kapsul-kuning {
    width: 25px !important;
    min-width: 25px !important;
    max-width: 25px !important;
    flex-shrink: 0 !important;
    padding: 0 !important;
    display: flex !important;
    justify-content: center !important; /* ↔️ HORIZONTAL: Paksa angka ke tengah */
    align-items: center !important;     /* ↕️ VERTIKAL: Paksa angka ke tengah */
}

/* Bersihkan margin bawaan widget angka biar gak bias ke kiri */
.elementor-element-4e6de401 .kapsul-kuning * {
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
}

/* 3. Paksa boks biru melar & beri spasi kiri 10px */
.elementor-element-4e6de401 .kapsul-biru {
    flex-grow: 1 !important;
    width: auto !important;
    padding-left: 10px !important;
}

/* 4. Paksa bungkus teks boks biru tetep rata kiri tapi tengah secara vertikal */
.elementor-element-4e6de401 .kapsul-biru .elementor-widget,
.elementor-element-4e6de401 .kapsul-biru .elementor-widget-container {
    height: 100% !important;
    display: flex !important;
    align-items: center !important;       /* ↕️ VERTIKAL: Teks judul pas di tengah atas-bawah */
    justify-content: flex-start !important; /* ↔️ HORIZONTAL: Gembok teks tetep rata kiri */
    text-align: left !important;
}

/* ==========================================================
   📱 🛡️ PERISAI ANTI-JEBOL KHUSUS HP & TABLET 
   ========================================================== */
@media (max-width: 1024px) {
    /* Meng-overwrite bom nuklir halaman global agar sasis dalam tetep horizontal */
    .elementor-element-4e6de401,
    .elementor-element-4e6de401.e-con,
    .elementor-element-4e6de401 .e-con-inner {
        display: flex !important;
        flex-direction: row !important; /* Gembok mati biar tetep berjejer ke samping */
        flex-wrap: nowrap !important;
        align-items: stretch !important;
        gap: 0 !important;
    }

    .elementor-element-4e6de401 .kapsul-biru {
        width: auto !important;
        flex-grow: 1 !important;
    }
}


/* =============================================================
   SOURCE: Kajian Sosial, Ekonomi, Lingkungan & Pelaporan (post 2706)
   element 77b30178 | container | title="Container"
   Recovered from Elementor Custom CSS
   ============================================================= */
/* 🌐 SEMUA DEVICE (Desktop, Tablet, HP) */

/* 1. Paksa sasis induk tetep horizontal & tingginya stretch penuhin kapsul */
.elementor-element-77b30178 {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: 0 !important;
}

/* 2. Gembok boks kuning 25px & PAKSA ANGKA PASTI DI TENGAH-TENGAH */
.elementor-element-77b30178 .kapsul-kuning {
    width: 25px !important;
    min-width: 25px !important;
    max-width: 25px !important;
    flex-shrink: 0 !important;
    padding: 0 !important;
    display: flex !important;
    justify-content: center !important; /* ↔️ HORIZONTAL: Paksa angka ke tengah */
    align-items: center !important;     /* ↕️ VERTIKAL: Paksa angka ke tengah */
}

/* Bersihkan margin bawaan widget angka biar gak bias ke kiri */
.elementor-element-77b30178 .kapsul-kuning * {
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
}

/* 3. Paksa boks biru melar & beri spasi kiri 10px */
.elementor-element-77b30178 .kapsul-biru {
    flex-grow: 1 !important;
    width: auto !important;
    padding-left: 10px !important;
}

/* 4. Paksa bungkus teks boks biru tetep rata kiri tapi tengah secara vertikal */
.elementor-element-77b30178 .kapsul-biru .elementor-widget,
.elementor-element-77b30178 .kapsul-biru .elementor-widget-container {
    height: 100% !important;
    display: flex !important;
    align-items: center !important;       /* ↕️ VERTIKAL: Teks judul pas di tengah atas-bawah */
    justify-content: flex-start !important; /* ↔️ HORIZONTAL: Gembok teks tetep rata kiri */
    text-align: left !important;
}

/* ==========================================================
   📱 🛡️ PERISAI ANTI-JEBOL KHUSUS HP & TABLET 
   ========================================================== */
@media (max-width: 1024px) {
    /* Meng-overwrite bom nuklir halaman global agar sasis dalam tetep horizontal */
    .elementor-element-77b30178,
    .elementor-element-77b30178.e-con,
    .elementor-element-77b30178 .e-con-inner {
        display: flex !important;
        flex-direction: row !important; /* Gembok mati biar tetep berjejer ke samping */
        flex-wrap: nowrap !important;
        align-items: stretch !important;
        gap: 0 !important;
    }

    .elementor-element-77b30178 .kapsul-biru {
        width: auto !important;
        flex-grow: 1 !important;
    }
}


/* =============================================================
   SOURCE: Kajian Sosial, Ekonomi, Lingkungan & Pelaporan (post 2706)
   element 51f20f40 | container | title="Container"
   Recovered from Elementor Custom CSS
   ============================================================= */
/* 🌐 SEMUA DEVICE (Desktop, Tablet, HP) */

/* 1. Paksa sasis induk tetep horizontal & tingginya stretch penuhin kapsul */
.elementor-element-51f20f40 {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: 0 !important;
}

/* 2. Gembok boks kuning 25px & PAKSA ANGKA PASTI DI TENGAH-TENGAH */
.elementor-element-51f20f40 .kapsul-kuning {
    width: 25px !important;
    min-width: 25px !important;
    max-width: 25px !important;
    flex-shrink: 0 !important;
    padding: 0 !important;
    display: flex !important;
    justify-content: center !important; /* ↔️ HORIZONTAL: Paksa angka ke tengah */
    align-items: center !important;     /* ↕️ VERTIKAL: Paksa angka ke tengah */
}

/* Bersihkan margin bawaan widget angka biar gak bias ke kiri */
.elementor-element-51f20f40 .kapsul-kuning * {
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
}

/* 3. Paksa boks biru melar & beri spasi kiri 10px */
.elementor-element-51f20f40 .kapsul-biru {
    flex-grow: 1 !important;
    width: auto !important;
    padding-left: 10px !important;
}

/* 4. Paksa bungkus teks boks biru tetep rata kiri tapi tengah secara vertikal */
.elementor-element-51f20f40 .kapsul-biru .elementor-widget,
.elementor-element-51f20f40 .kapsul-biru .elementor-widget-container {
    height: 100% !important;
    display: flex !important;
    align-items: center !important;       /* ↕️ VERTIKAL: Teks judul pas di tengah atas-bawah */
    justify-content: flex-start !important; /* ↔️ HORIZONTAL: Gembok teks tetep rata kiri */
    text-align: left !important;
}

/* ==========================================================
   📱 🛡️ PERISAI ANTI-JEBOL KHUSUS HP & TABLET 
   ========================================================== */
@media (max-width: 1024px) {
    /* Meng-overwrite bom nuklir halaman global agar sasis dalam tetep horizontal */
    .elementor-element-51f20f40,
    .elementor-element-51f20f40.e-con,
    .elementor-element-51f20f40 .e-con-inner {
        display: flex !important;
        flex-direction: row !important; /* Gembok mati biar tetep berjejer ke samping */
        flex-wrap: nowrap !important;
        align-items: stretch !important;
        gap: 0 !important;
    }

    .elementor-element-51f20f40 .kapsul-biru {
        width: auto !important;
        flex-grow: 1 !important;
    }
}


/* =============================================================
   SOURCE: Konsultasi & Kemitraan Pemberdayaan Masyarakat & CSR (post 2714)
   element 67897916 | container | title="Container"
   Recovered from Elementor Custom CSS
   ============================================================= */
/* 🌐 SEMUA DEVICE (Desktop, Tablet, HP) */

/* 1. Paksa sasis induk tetep horizontal & tingginya stretch penuhin kapsul */
.elementor-element-67897916 {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: 0 !important;
}

/* 2. Gembok boks kuning 25px & PAKSA ANGKA PASTI DI TENGAH-TENGAH */
.elementor-element-67897916 .kapsul-kuning {
    width: 25px !important;
    min-width: 25px !important;
    max-width: 25px !important;
    flex-shrink: 0 !important;
    padding: 0 !important;
    display: flex !important;
    justify-content: center !important; /* ↔️ HORIZONTAL: Paksa angka ke tengah */
    align-items: center !important;     /* ↕️ VERTIKAL: Paksa angka ke tengah */
}

/* Bersihkan margin bawaan widget angka biar gak bias ke kiri */
.elementor-element-67897916 .kapsul-kuning * {
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
}

/* 3. Paksa boks biru melar & beri spasi kiri 10px */
.elementor-element-67897916 .kapsul-biru {
    flex-grow: 1 !important;
    width: auto !important;
    padding-left: 10px !important;
}

/* 4. Paksa bungkus teks boks biru tetep rata kiri tapi tengah secara vertikal */
.elementor-element-67897916 .kapsul-biru .elementor-widget,
.elementor-element-67897916 .kapsul-biru .elementor-widget-container {
    height: 100% !important;
    display: flex !important;
    align-items: center !important;       /* ↕️ VERTIKAL: Teks judul pas di tengah atas-bawah */
    justify-content: flex-start !important; /* ↔️ HORIZONTAL: Gembok teks tetep rata kiri */
    text-align: left !important;
}

/* ==========================================================
   📱 🛡️ PERISAI ANTI-JEBOL KHUSUS HP & TABLET 
   ========================================================== */
@media (max-width: 1024px) {
    /* Meng-overwrite bom nuklir halaman global agar sasis dalam tetep horizontal */
    .elementor-element-67897916,
    .elementor-element-67897916.e-con,
    .elementor-element-67897916 .e-con-inner {
        display: flex !important;
        flex-direction: row !important; /* Gembok mati biar tetep berjejer ke samping */
        flex-wrap: nowrap !important;
        align-items: stretch !important;
        gap: 0 !important;
    }

    .elementor-element-67897916 .kapsul-biru {
        width: auto !important;
        flex-grow: 1 !important;
    }
}


/* =============================================================
   SOURCE: Konsultasi & Kemitraan Pemberdayaan Masyarakat & CSR (post 2714)
   element 298ed5a6 | container | title="Container"
   Recovered from Elementor Custom CSS
   ============================================================= */
/* 🌐 SEMUA DEVICE (Desktop, Tablet, HP) */

/* 1. Paksa sasis induk tetep horizontal & tingginya stretch penuhin kapsul */
.elementor-element-298ed5a6 {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: 0 !important;
}

/* 2. Gembok boks kuning 25px & PAKSA ANGKA PASTI DI TENGAH-TENGAH */
.elementor-element-298ed5a6 .kapsul-kuning {
    width: 25px !important;
    min-width: 25px !important;
    max-width: 25px !important;
    flex-shrink: 0 !important;
    padding: 0 !important;
    display: flex !important;
    justify-content: center !important; /* ↔️ HORIZONTAL: Paksa angka ke tengah */
    align-items: center !important;     /* ↕️ VERTIKAL: Paksa angka ke tengah */
}

/* Bersihkan margin bawaan widget angka biar gak bias ke kiri */
.elementor-element-298ed5a6 .kapsul-kuning * {
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
}

/* 3. Paksa boks biru melar & beri spasi kiri 10px */
.elementor-element-298ed5a6 .kapsul-biru {
    flex-grow: 1 !important;
    width: auto !important;
    padding-left: 10px !important;
}

/* 4. Paksa bungkus teks boks biru tetep rata kiri tapi tengah secara vertikal */
.elementor-element-298ed5a6 .kapsul-biru .elementor-widget,
.elementor-element-298ed5a6 .kapsul-biru .elementor-widget-container {
    height: 100% !important;
    display: flex !important;
    align-items: center !important;       /* ↕️ VERTIKAL: Teks judul pas di tengah atas-bawah */
    justify-content: flex-start !important; /* ↔️ HORIZONTAL: Gembok teks tetep rata kiri */
    text-align: left !important;
}

/* ==========================================================
   📱 🛡️ PERISAI ANTI-JEBOL KHUSUS HP & TABLET 
   ========================================================== */
@media (max-width: 1024px) {
    /* Meng-overwrite bom nuklir halaman global agar sasis dalam tetep horizontal */
    .elementor-element-298ed5a6,
    .elementor-element-298ed5a6.e-con,
    .elementor-element-298ed5a6 .e-con-inner {
        display: flex !important;
        flex-direction: row !important; /* Gembok mati biar tetep berjejer ke samping */
        flex-wrap: nowrap !important;
        align-items: stretch !important;
        gap: 0 !important;
    }

    .elementor-element-298ed5a6 .kapsul-biru {
        width: auto !important;
        flex-grow: 1 !important;
    }
}


/* =============================================================
   SOURCE: Konsultasi & Kemitraan Pemberdayaan Masyarakat & CSR (post 2714)
   element 2a78e5ec | container | title="Container"
   Recovered from Elementor Custom CSS
   ============================================================= */
/* 🌐 SEMUA DEVICE (Desktop, Tablet, HP) */

/* 1. Paksa sasis induk tetep horizontal & tingginya stretch penuhin kapsul */
.elementor-element-2a78e5ec {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: 0 !important;
}

/* 2. Gembok boks kuning 25px & PAKSA ANGKA PASTI DI TENGAH-TENGAH */
.elementor-element-2a78e5ec .kapsul-kuning {
    width: 25px !important;
    min-width: 25px !important;
    max-width: 25px !important;
    flex-shrink: 0 !important;
    padding: 0 !important;
    display: flex !important;
    justify-content: center !important; /* ↔️ HORIZONTAL: Paksa angka ke tengah */
    align-items: center !important;     /* ↕️ VERTIKAL: Paksa angka ke tengah */
}

/* Bersihkan margin bawaan widget angka biar gak bias ke kiri */
.elementor-element-2a78e5ec .kapsul-kuning * {
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
}

/* 3. Paksa boks biru melar & beri spasi kiri 10px */
.elementor-element-2a78e5ec .kapsul-biru {
    flex-grow: 1 !important;
    width: auto !important;
    padding-left: 10px !important;
}

/* 4. Paksa bungkus teks boks biru tetep rata kiri tapi tengah secara vertikal */
.elementor-element-2a78e5ec .kapsul-biru .elementor-widget,
.elementor-element-2a78e5ec .kapsul-biru .elementor-widget-container {
    height: 100% !important;
    display: flex !important;
    align-items: center !important;       /* ↕️ VERTIKAL: Teks judul pas di tengah atas-bawah */
    justify-content: flex-start !important; /* ↔️ HORIZONTAL: Gembok teks tetep rata kiri */
    text-align: left !important;
}

/* ==========================================================
   📱 🛡️ PERISAI ANTI-JEBOL KHUSUS HP & TABLET 
   ========================================================== */
@media (max-width: 1024px) {
    /* Meng-overwrite bom nuklir halaman global agar sasis dalam tetep horizontal */
    .elementor-element-2a78e5ec,
    .elementor-element-2a78e5ec.e-con,
    .elementor-element-2a78e5ec .e-con-inner {
        display: flex !important;
        flex-direction: row !important; /* Gembok mati biar tetep berjejer ke samping */
        flex-wrap: nowrap !important;
        align-items: stretch !important;
        gap: 0 !important;
    }

    .elementor-element-2a78e5ec .kapsul-biru {
        width: auto !important;
        flex-grow: 1 !important;
    }
}


/* =============================================================
   SOURCE: Konsultasi & Kemitraan Pemberdayaan Masyarakat & CSR (post 2714)
   element 5c237626 | container | title="Container"
   Recovered from Elementor Custom CSS
   ============================================================= */
/* 🌐 SEMUA DEVICE (Desktop, Tablet, HP) */

/* 1. Paksa sasis induk tetep horizontal & tingginya stretch penuhin kapsul */
.elementor-element-5c237626 {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: 0 !important;
}

/* 2. Gembok boks kuning 25px & PAKSA ANGKA PASTI DI TENGAH-TENGAH */
.elementor-element-5c237626 .kapsul-kuning {
    width: 25px !important;
    min-width: 25px !important;
    max-width: 25px !important;
    flex-shrink: 0 !important;
    padding: 0 !important;
    display: flex !important;
    justify-content: center !important; /* ↔️ HORIZONTAL: Paksa angka ke tengah */
    align-items: center !important;     /* ↕️ VERTIKAL: Paksa angka ke tengah */
}

/* Bersihkan margin bawaan widget angka biar gak bias ke kiri */
.elementor-element-5c237626 .kapsul-kuning * {
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
}

/* 3. Paksa boks biru melar & beri spasi kiri 10px */
.elementor-element-5c237626 .kapsul-biru {
    flex-grow: 1 !important;
    width: auto !important;
    padding-left: 10px !important;
}

/* 4. Paksa bungkus teks boks biru tetep rata kiri tapi tengah secara vertikal */
.elementor-element-5c237626 .kapsul-biru .elementor-widget,
.elementor-element-5c237626 .kapsul-biru .elementor-widget-container {
    height: 100% !important;
    display: flex !important;
    align-items: center !important;       /* ↕️ VERTIKAL: Teks judul pas di tengah atas-bawah */
    justify-content: flex-start !important; /* ↔️ HORIZONTAL: Gembok teks tetep rata kiri */
    text-align: left !important;
}

/* ==========================================================
   📱 🛡️ PERISAI ANTI-JEBOL KHUSUS HP & TABLET 
   ========================================================== */
@media (max-width: 1024px) {
    /* Meng-overwrite bom nuklir halaman global agar sasis dalam tetep horizontal */
    .elementor-element-5c237626,
    .elementor-element-5c237626.e-con,
    .elementor-element-5c237626 .e-con-inner {
        display: flex !important;
        flex-direction: row !important; /* Gembok mati biar tetep berjejer ke samping */
        flex-wrap: nowrap !important;
        align-items: stretch !important;
        gap: 0 !important;
    }

    .elementor-element-5c237626 .kapsul-biru {
        width: auto !important;
        flex-grow: 1 !important;
    }
}


/* =============================================================
   SOURCE: Konsultasi & Kemitraan Pemberdayaan Masyarakat & CSR (post 2714)
   element 3ab23398 | container | title="Container"
   Recovered from Elementor Custom CSS
   ============================================================= */
/* 🌐 SEMUA DEVICE (Desktop, Tablet, HP) */

/* 1. Paksa sasis induk tetep horizontal & tingginya stretch penuhin kapsul */
.elementor-element-3ab23398 {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: 0 !important;
}

/* 2. Gembok boks kuning 25px & PAKSA ANGKA PASTI DI TENGAH-TENGAH */
.elementor-element-3ab23398 .kapsul-kuning {
    width: 25px !important;
    min-width: 25px !important;
    max-width: 25px !important;
    flex-shrink: 0 !important;
    padding: 0 !important;
    display: flex !important;
    justify-content: center !important; /* ↔️ HORIZONTAL: Paksa angka ke tengah */
    align-items: center !important;     /* ↕️ VERTIKAL: Paksa angka ke tengah */
}

/* Bersihkan margin bawaan widget angka biar gak bias ke kiri */
.elementor-element-3ab23398 .kapsul-kuning * {
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
}

/* 3. Paksa boks biru melar & beri spasi kiri 10px */
.elementor-element-3ab23398 .kapsul-biru {
    flex-grow: 1 !important;
    width: auto !important;
    padding-left: 10px !important;
}

/* 4. Paksa bungkus teks boks biru tetep rata kiri tapi tengah secara vertikal */
.elementor-element-3ab23398 .kapsul-biru .elementor-widget,
.elementor-element-3ab23398 .kapsul-biru .elementor-widget-container {
    height: 100% !important;
    display: flex !important;
    align-items: center !important;       /* ↕️ VERTIKAL: Teks judul pas di tengah atas-bawah */
    justify-content: flex-start !important; /* ↔️ HORIZONTAL: Gembok teks tetep rata kiri */
    text-align: left !important;
}

/* ==========================================================
   📱 🛡️ PERISAI ANTI-JEBOL KHUSUS HP & TABLET 
   ========================================================== */
@media (max-width: 1024px) {
    /* Meng-overwrite bom nuklir halaman global agar sasis dalam tetep horizontal */
    .elementor-element-3ab23398,
    .elementor-element-3ab23398.e-con,
    .elementor-element-3ab23398 .e-con-inner {
        display: flex !important;
        flex-direction: row !important; /* Gembok mati biar tetep berjejer ke samping */
        flex-wrap: nowrap !important;
        align-items: stretch !important;
        gap: 0 !important;
    }

    .elementor-element-3ab23398 .kapsul-biru {
        width: auto !important;
        flex-grow: 1 !important;
    }
}


/* =============================================================
   SOURCE: Peningkatan Kapasitas Organisasi (post 2764)
   element 67588948 | container | title="Container"
   Recovered from Elementor Custom CSS
   ============================================================= */
/* 🌐 SEMUA DEVICE (Desktop, Tablet, HP) */

/* 1. Paksa sasis induk tetep horizontal & tingginya stretch penuhin kapsul */
.elementor-element-67588948 {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: 0 !important;
}

/* 2. Gembok boks kuning 25px & PAKSA ANGKA PASTI DI TENGAH-TENGAH */
.elementor-element-67588948 .kapsul-kuning {
    width: 25px !important;
    min-width: 25px !important;
    max-width: 25px !important;
    flex-shrink: 0 !important;
    padding: 0 !important;
    display: flex !important;
    justify-content: center !important; /* ↔️ HORIZONTAL: Paksa angka ke tengah */
    align-items: center !important;     /* ↕️ VERTIKAL: Paksa angka ke tengah */
}

/* Bersihkan margin bawaan widget angka biar gak bias ke kiri */
.elementor-element-67588948 .kapsul-kuning * {
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
}

/* 3. Paksa boks biru melar & beri spasi kiri 10px */
.elementor-element-67588948 .kapsul-biru {
    flex-grow: 1 !important;
    width: auto !important;
    padding-left: 10px !important;
}

/* 4. Paksa bungkus teks boks biru tetep rata kiri tapi tengah secara vertikal */
.elementor-element-67588948 .kapsul-biru .elementor-widget,
.elementor-element-67588948 .kapsul-biru .elementor-widget-container {
    height: 100% !important;
    display: flex !important;
    align-items: center !important;       /* ↕️ VERTIKAL: Teks judul pas di tengah atas-bawah */
    justify-content: flex-start !important; /* ↔️ HORIZONTAL: Gembok teks tetep rata kiri */
    text-align: left !important;
}

/* ==========================================================
   📱 🛡️ PERISAI ANTI-JEBOL KHUSUS HP & TABLET 
   ========================================================== */
@media (max-width: 1024px) {
    /* Meng-overwrite bom nuklir halaman global agar sasis dalam tetep horizontal */
    .elementor-element-67588948,
    .elementor-element-67588948.e-con,
    .elementor-element-67588948 .e-con-inner {
        display: flex !important;
        flex-direction: row !important; /* Gembok mati biar tetep berjejer ke samping */
        flex-wrap: nowrap !important;
        align-items: stretch !important;
        gap: 0 !important;
    }

    .elementor-element-67588948 .kapsul-biru {
        width: auto !important;
        flex-grow: 1 !important;
    }
}


/* =============================================================
   SOURCE: Peningkatan Kapasitas Organisasi (post 2764)
   element 6a77dc2 | container | title="Container"
   Recovered from Elementor Custom CSS
   ============================================================= */
/* 🌐 SEMUA DEVICE (Desktop, Tablet, HP) */

/* 1. Paksa sasis induk tetep horizontal & tingginya stretch penuhin kapsul */
.elementor-element-6a77dc2 {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: 0 !important;
}

/* 2. Gembok boks kuning 25px & PAKSA ANGKA PASTI DI TENGAH-TENGAH */
.elementor-element-6a77dc2 .kapsul-kuning {
    width: 25px !important;
    min-width: 25px !important;
    max-width: 25px !important;
    flex-shrink: 0 !important;
    padding: 0 !important;
    display: flex !important;
    justify-content: center !important; /* ↔️ HORIZONTAL: Paksa angka ke tengah */
    align-items: center !important;     /* ↕️ VERTIKAL: Paksa angka ke tengah */
}

/* Bersihkan margin bawaan widget angka biar gak bias ke kiri */
.elementor-element-6a77dc2 .kapsul-kuning * {
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
}

/* 3. Paksa boks biru melar & beri spasi kiri 10px */
.elementor-element-6a77dc2 .kapsul-biru {
    flex-grow: 1 !important;
    width: auto !important;
    padding-left: 10px !important;
}

/* 4. Paksa bungkus teks boks biru tetep rata kiri tapi tengah secara vertikal */
.elementor-element-6a77dc2 .kapsul-biru .elementor-widget,
.elementor-element-6a77dc2 .kapsul-biru .elementor-widget-container {
    height: 100% !important;
    display: flex !important;
    align-items: center !important;       /* ↕️ VERTIKAL: Teks judul pas di tengah atas-bawah */
    justify-content: flex-start !important; /* ↔️ HORIZONTAL: Gembok teks tetep rata kiri */
    text-align: left !important;
}

/* ==========================================================
   📱 🛡️ PERISAI ANTI-JEBOL KHUSUS HP & TABLET 
   ========================================================== */
@media (max-width: 1024px) {
    /* Meng-overwrite bom nuklir halaman global agar sasis dalam tetep horizontal */
    .elementor-element-6a77dc2,
    .elementor-element-6a77dc2.e-con,
    .elementor-element-6a77dc2 .e-con-inner {
        display: flex !important;
        flex-direction: row !important; /* Gembok mati biar tetep berjejer ke samping */
        flex-wrap: nowrap !important;
        align-items: stretch !important;
        gap: 0 !important;
    }

    .elementor-element-6a77dc2 .kapsul-biru {
        width: auto !important;
        flex-grow: 1 !important;
    }
}


/* =============================================================
   SOURCE: Peningkatan Kapasitas Organisasi (post 2764)
   element 329e676b | container | title="Container"
   Recovered from Elementor Custom CSS
   ============================================================= */
/* 🌐 SEMUA DEVICE (Desktop, Tablet, HP) */

/* 1. Paksa sasis induk tetep horizontal & tingginya stretch penuhin kapsul */
.elementor-element-329e676b {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: 0 !important;
}

/* 2. Gembok boks kuning 25px & PAKSA ANGKA PASTI DI TENGAH-TENGAH */
.elementor-element-329e676b .kapsul-kuning {
    width: 25px !important;
    min-width: 25px !important;
    max-width: 25px !important;
    flex-shrink: 0 !important;
    padding: 0 !important;
    display: flex !important;
    justify-content: center !important; /* ↔️ HORIZONTAL: Paksa angka ke tengah */
    align-items: center !important;     /* ↕️ VERTIKAL: Paksa angka ke tengah */
}

/* Bersihkan margin bawaan widget angka biar gak bias ke kiri */
.elementor-element-329e676b .kapsul-kuning * {
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
}

/* 3. Paksa boks biru melar & beri spasi kiri 10px */
.elementor-element-329e676b .kapsul-biru {
    flex-grow: 1 !important;
    width: auto !important;
    padding-left: 10px !important;
}

/* 4. Paksa bungkus teks boks biru tetep rata kiri tapi tengah secara vertikal */
.elementor-element-329e676b .kapsul-biru .elementor-widget,
.elementor-element-329e676b .kapsul-biru .elementor-widget-container {
    height: 100% !important;
    display: flex !important;
    align-items: center !important;       /* ↕️ VERTIKAL: Teks judul pas di tengah atas-bawah */
    justify-content: flex-start !important; /* ↔️ HORIZONTAL: Gembok teks tetep rata kiri */
    text-align: left !important;
}

/* ==========================================================
   📱 🛡️ PERISAI ANTI-JEBOL KHUSUS HP & TABLET 
   ========================================================== */
@media (max-width: 1024px) {
    /* Meng-overwrite bom nuklir halaman global agar sasis dalam tetep horizontal */
    .elementor-element-329e676b,
    .elementor-element-329e676b.e-con,
    .elementor-element-329e676b .e-con-inner {
        display: flex !important;
        flex-direction: row !important; /* Gembok mati biar tetep berjejer ke samping */
        flex-wrap: nowrap !important;
        align-items: stretch !important;
        gap: 0 !important;
    }

    .elementor-element-329e676b .kapsul-biru {
        width: auto !important;
        flex-grow: 1 !important;
    }
}


/* =============================================================
   SOURCE: Publikasi Ilmiah (post 2756)
   element 76c49a64 | container | title="Container"
   Recovered from Elementor Custom CSS
   ============================================================= */
/* 🌐 SEMUA DEVICE (Desktop, Tablet, HP) */

/* 1. Paksa sasis induk tetep horizontal & tingginya stretch penuhin kapsul */
.elementor-element-76c49a64 {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: 0 !important;
}

/* 2. Gembok boks kuning 25px & PAKSA ANGKA PASTI DI TENGAH-TENGAH */
.elementor-element-76c49a64 .kapsul-kuning {
    width: 25px !important;
    min-width: 25px !important;
    max-width: 25px !important;
    flex-shrink: 0 !important;
    padding: 0 !important;
    display: flex !important;
    justify-content: center !important; /* ↔️ HORIZONTAL: Paksa angka ke tengah */
    align-items: center !important;     /* ↕️ VERTIKAL: Paksa angka ke tengah */
}

/* Bersihkan margin bawaan widget angka biar gak bias ke kiri */
.elementor-element-76c49a64 .kapsul-kuning * {
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
}

/* 3. Paksa boks biru melar & beri spasi kiri 10px */
.elementor-element-76c49a64 .kapsul-biru {
    flex-grow: 1 !important;
    width: auto !important;
    padding-left: 10px !important;
}

/* 4. Paksa bungkus teks boks biru tetep rata kiri tapi tengah secara vertikal */
.elementor-element-76c49a64 .kapsul-biru .elementor-widget,
.elementor-element-76c49a64 .kapsul-biru .elementor-widget-container {
    height: 100% !important;
    display: flex !important;
    align-items: center !important;       /* ↕️ VERTIKAL: Teks judul pas di tengah atas-bawah */
    justify-content: flex-start !important; /* ↔️ HORIZONTAL: Gembok teks tetep rata kiri */
    text-align: left !important;
}

/* ==========================================================
   📱 🛡️ PERISAI ANTI-JEBOL KHUSUS HP & TABLET 
   ========================================================== */
@media (max-width: 1024px) {
    /* Meng-overwrite bom nuklir halaman global agar sasis dalam tetep horizontal */
    .elementor-element-76c49a64,
    .elementor-element-76c49a64.e-con,
    .elementor-element-76c49a64 .e-con-inner {
        display: flex !important;
        flex-direction: row !important; /* Gembok mati biar tetep berjejer ke samping */
        flex-wrap: nowrap !important;
        align-items: stretch !important;
        gap: 0 !important;
    }

    .elementor-element-76c49a64 .kapsul-biru {
        width: auto !important;
        flex-grow: 1 !important;
    }
}


/* =============================================================
   SOURCE: Publikasi Ilmiah (post 2756)
   element 79429471 | container | title="Container"
   Recovered from Elementor Custom CSS
   ============================================================= */
/* 🌐 SEMUA DEVICE (Desktop, Tablet, HP) */

/* 1. Paksa sasis induk tetep horizontal & tingginya stretch penuhin kapsul */
.elementor-element-79429471 {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: 0 !important;
}

/* 2. Gembok boks kuning 25px & PAKSA ANGKA PASTI DI TENGAH-TENGAH */
.elementor-element-79429471 .kapsul-kuning {
    width: 25px !important;
    min-width: 25px !important;
    max-width: 25px !important;
    flex-shrink: 0 !important;
    padding: 0 !important;
    display: flex !important;
    justify-content: center !important; /* ↔️ HORIZONTAL: Paksa angka ke tengah */
    align-items: center !important;     /* ↕️ VERTIKAL: Paksa angka ke tengah */
}

/* Bersihkan margin bawaan widget angka biar gak bias ke kiri */
.elementor-element-79429471 .kapsul-kuning * {
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
}

/* 3. Paksa boks biru melar & beri spasi kiri 10px */
.elementor-element-79429471 .kapsul-biru {
    flex-grow: 1 !important;
    width: auto !important;
    padding-left: 10px !important;
}

/* 4. Paksa bungkus teks boks biru tetep rata kiri tapi tengah secara vertikal */
.elementor-element-79429471 .kapsul-biru .elementor-widget,
.elementor-element-79429471 .kapsul-biru .elementor-widget-container {
    height: 100% !important;
    display: flex !important;
    align-items: center !important;       /* ↕️ VERTIKAL: Teks judul pas di tengah atas-bawah */
    justify-content: flex-start !important; /* ↔️ HORIZONTAL: Gembok teks tetep rata kiri */
    text-align: left !important;
}

/* ==========================================================
   📱 🛡️ PERISAI ANTI-JEBOL KHUSUS HP & TABLET 
   ========================================================== */
@media (max-width: 1024px) {
    /* Meng-overwrite bom nuklir halaman global agar sasis dalam tetep horizontal */
    .elementor-element-79429471,
    .elementor-element-79429471.e-con,
    .elementor-element-79429471 .e-con-inner {
        display: flex !important;
        flex-direction: row !important; /* Gembok mati biar tetep berjejer ke samping */
        flex-wrap: nowrap !important;
        align-items: stretch !important;
        gap: 0 !important;
    }

    .elementor-element-79429471 .kapsul-biru {
        width: auto !important;
        flex-grow: 1 !important;
    }
}


/* =============================================================
   SOURCE: Publikasi Ilmiah (post 2756)
   element b00eaa6 | container | title="Container"
   Recovered from Elementor Custom CSS
   ============================================================= */
/* 🌐 SEMUA DEVICE (Desktop, Tablet, HP) */

/* 1. Paksa sasis induk tetep horizontal & tingginya stretch penuhin kapsul */
.elementor-element-b00eaa6 {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: 0 !important;
}

/* 2. Gembok boks kuning 25px & PAKSA ANGKA PASTI DI TENGAH-TENGAH */
.elementor-element-b00eaa6 .kapsul-kuning {
    width: 25px !important;
    min-width: 25px !important;
    max-width: 25px !important;
    flex-shrink: 0 !important;
    padding: 0 !important;
    display: flex !important;
    justify-content: center !important; /* ↔️ HORIZONTAL: Paksa angka ke tengah */
    align-items: center !important;     /* ↕️ VERTIKAL: Paksa angka ke tengah */
}

/* Bersihkan margin bawaan widget angka biar gak bias ke kiri */
.elementor-element-b00eaa6 .kapsul-kuning * {
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
}

/* 3. Paksa boks biru melar & beri spasi kiri 10px */
.elementor-element-b00eaa6 .kapsul-biru {
    flex-grow: 1 !important;
    width: auto !important;
    padding-left: 10px !important;
}

/* 4. Paksa bungkus teks boks biru tetep rata kiri tapi tengah secara vertikal */
.elementor-element-b00eaa6 .kapsul-biru .elementor-widget,
.elementor-element-b00eaa6 .kapsul-biru .elementor-widget-container {
    height: 100% !important;
    display: flex !important;
    align-items: center !important;       /* ↕️ VERTIKAL: Teks judul pas di tengah atas-bawah */
    justify-content: flex-start !important; /* ↔️ HORIZONTAL: Gembok teks tetep rata kiri */
    text-align: left !important;
}

/* ==========================================================
   📱 🛡️ PERISAI ANTI-JEBOL KHUSUS HP & TABLET 
   ========================================================== */
@media (max-width: 1024px) {
    /* Meng-overwrite bom nuklir halaman global agar sasis dalam tetep horizontal */
    .elementor-element-b00eaa6,
    .elementor-element-b00eaa6.e-con,
    .elementor-element-b00eaa6 .e-con-inner {
        display: flex !important;
        flex-direction: row !important; /* Gembok mati biar tetep berjejer ke samping */
        flex-wrap: nowrap !important;
        align-items: stretch !important;
        gap: 0 !important;
    }

    .elementor-element-b00eaa6 .kapsul-biru {
        width: auto !important;
        flex-grow: 1 !important;
    }
}


/* =============================================================
   SOURCE: Publikasi Ilmiah (post 2756)
   element 522b1b7b | container | title="Container"
   Recovered from Elementor Custom CSS
   ============================================================= */
/* 🌐 SEMUA DEVICE (Desktop, Tablet, HP) */

/* 1. Paksa sasis induk tetep horizontal & tingginya stretch penuhin kapsul */
.elementor-element-522b1b7b {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: 0 !important;
}

/* 2. Gembok boks kuning 25px & PAKSA ANGKA PASTI DI TENGAH-TENGAH */
.elementor-element-522b1b7b .kapsul-kuning {
    width: 25px !important;
    min-width: 25px !important;
    max-width: 25px !important;
    flex-shrink: 0 !important;
    padding: 0 !important;
    display: flex !important;
    justify-content: center !important; /* ↔️ HORIZONTAL: Paksa angka ke tengah */
    align-items: center !important;     /* ↕️ VERTIKAL: Paksa angka ke tengah */
}

/* Bersihkan margin bawaan widget angka biar gak bias ke kiri */
.elementor-element-522b1b7b .kapsul-kuning * {
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
}

/* 3. Paksa boks biru melar & beri spasi kiri 10px */
.elementor-element-522b1b7b .kapsul-biru {
    flex-grow: 1 !important;
    width: auto !important;
    padding-left: 10px !important;
}

/* 4. Paksa bungkus teks boks biru tetep rata kiri tapi tengah secara vertikal */
.elementor-element-522b1b7b .kapsul-biru .elementor-widget,
.elementor-element-522b1b7b .kapsul-biru .elementor-widget-container {
    height: 100% !important;
    display: flex !important;
    align-items: center !important;       /* ↕️ VERTIKAL: Teks judul pas di tengah atas-bawah */
    justify-content: flex-start !important; /* ↔️ HORIZONTAL: Gembok teks tetep rata kiri */
    text-align: left !important;
}

/* ==========================================================
   📱 🛡️ PERISAI ANTI-JEBOL KHUSUS HP & TABLET 
   ========================================================== */
@media (max-width: 1024px) {
    /* Meng-overwrite bom nuklir halaman global agar sasis dalam tetep horizontal */
    .elementor-element-522b1b7b,
    .elementor-element-522b1b7b.e-con,
    .elementor-element-522b1b7b .e-con-inner {
        display: flex !important;
        flex-direction: row !important; /* Gembok mati biar tetep berjejer ke samping */
        flex-wrap: nowrap !important;
        align-items: stretch !important;
        gap: 0 !important;
    }

    .elementor-element-522b1b7b .kapsul-biru {
        width: auto !important;
        flex-grow: 1 !important;
    }
}


/* =============================================================
   SOURCE: Visi & Misi (post 616)
   element d5b8521 | container
   Recovered from Elementor Custom CSS
   ============================================================= */
@media (max-width: 767px) {
    /* Kasih ruang hampa di bawah kartu Misi buat ngusir footer */
    .elementor-element-d5b8521 {
        margin-bottom: 100px !important;
    }
}

/* ==========================================================
   SSILA LEGACY MOBILE — ANTI GOYANG / ANTI OFFSIDE
   Dipulihkan dari CSS lama SSILA.
   Sticky mobile/tablet sengaja dimatikan.
   ========================================================== */
@media (max-width: 1024px) {
    /* Header tidak melayang di HP / Tablet */
    header,
    .elementor-location-header,
    [data-elementor-type="header"],
    .ssila-sticky-header,
    .elementor-sticky--active {
        position: relative !important;
        top: 0 !important;
        bottom: auto !important;
        transform: none !important;
        animation: none !important;
        transition: none !important;
        height: auto !important;
    }

    /* Cegah layar melebar / bergoyang horizontal */
    html,
    body {
        height: auto !important;
        width: 100% !important;
        overflow-x: clip !important;
        position: static !important;
        scroll-behavior: auto !important;
    }

    /* Prioritaskan gesture vertikal untuk konten */
    .elementor-section,
    .e-con,
    .e-con-inner,
    .elementor-widget-container {
        touch-action: pan-y !important;
    }
}


/* ==========================================================
   SSILA — FIX OVERFLOW MAP HP/TABLET
   Widget Home: 259a10e
   Data lama: width mobile 180%, space mobile 220%
   ========================================================== */
@media (max-width: 1024px) {
    .elementor-element-259a10e,
    .elementor-element-259a10e .elementor-widget-container,
    .elementor-element-259a10e .elementor-widget-image,
    .elementor-element-259a10e a,
    .elementor-element-259a10e img {
        box-sizing: border-box !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}