.elementor-2303 .elementor-element.elementor-element-4d4af30{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-2303 .elementor-element.elementor-element-b4251d9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2303 .elementor-element.elementor-element-09a40a7{text-align:start;}.elementor-2303 .elementor-element.elementor-element-09a40a7 .elementor-heading-title{font-size:33px;font-weight:900;line-height:1.3em;}.elementor-2303 .elementor-element.elementor-element-7b33667 .elementor-widget-container{text-align:start;}.elementor-2303 .elementor-element.elementor-element-994a7fd .elementor-repeater-item-ba3b8a5 .elementor-icon-list-icon{width:20px;}.elementor-2303 .elementor-element.elementor-element-994a7fd .elementor-icon-list-icon{width:14px;}.elementor-2303 .elementor-element.elementor-element-994a7fd .elementor-icon-list-icon i{font-size:14px;}.elementor-2303 .elementor-element.elementor-element-994a7fd .elementor-icon-list-icon svg{--e-icon-list-icon-size:14px;}.elementor-2303 .elementor-element.elementor-element-994a7fd .elementor-icon-list-text, .elementor-2303 .elementor-element.elementor-element-994a7fd .elementor-icon-list-text a{color:#008156;}.elementor-2303 .elementor-element.elementor-element-994a7fd .elementor-icon-list-item{font-weight:500;}.elementor-2303 .elementor-element.elementor-element-4f1e068{text-align:center;}.elementor-2303 .elementor-element.elementor-element-4f1e068 img{width:100%;max-width:50%;}.elementor-2303 .elementor-element.elementor-element-75a5aa6{text-align:justify;}.elementor-2303 .elementor-element.elementor-element-666bcaa{--display:flex;--min-height:831px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-2303 .elementor-element.elementor-element-f6e508a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2303 .elementor-element.elementor-element-cd2f910 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2303 .elementor-element.elementor-element-cd2f910{text-align:start;}.elementor-2303 .elementor-element.elementor-element-cd2f910 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:24px;font-weight:500;}.elementor-2303 .elementor-element.elementor-element-464f58d{--grid-columns:1;--grid-row-gap:0px;}.elementor-2303 .elementor-element.elementor-element-464f58d > .elementor-widget-container{margin:10px 10px 10px 10px;border-radius:0px 0px 0px 0px;}.elementor-2303 .elementor-element.elementor-element-464f58d .elementor-pagination{text-align:center;margin-top:11px;}body:not(.rtl) .elementor-2303 .elementor-element.elementor-element-464f58d .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 17px/2 );}body:not(.rtl) .elementor-2303 .elementor-element.elementor-element-464f58d .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 17px/2 );}body.rtl .elementor-2303 .elementor-element.elementor-element-464f58d .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 17px/2 );}body.rtl .elementor-2303 .elementor-element.elementor-element-464f58d .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 17px/2 );}.elementor-2303 .elementor-element.elementor-element-741c115{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2303 .elementor-element.elementor-element-e92ef42 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:00px 20px 0px 20px;}.elementor-2303 .elementor-element.elementor-element-f430a70{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(max-width:1024px){.elementor-2303 .elementor-element.elementor-element-464f58d{--grid-columns:2;}}@media(min-width:768px){.elementor-2303 .elementor-element.elementor-element-b4251d9{--width:70%;}.elementor-2303 .elementor-element.elementor-element-666bcaa{--width:32%;}.elementor-2303 .elementor-element.elementor-element-f6e508a{--width:100%;}.elementor-2303 .elementor-element.elementor-element-741c115{--content-width:800px;}}@media(max-width:767px){.elementor-2303 .elementor-element.elementor-element-09a40a7 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-2303 .elementor-element.elementor-element-09a40a7{text-align:start;}.elementor-2303 .elementor-element.elementor-element-09a40a7 .elementor-heading-title{font-size:28px;}.elementor-2303 .elementor-element.elementor-element-994a7fd > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2303 .elementor-element.elementor-element-4f1e068 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 020px 0px 020px;}.elementor-2303 .elementor-element.elementor-element-4f1e068 img{max-width:100%;}.elementor-2303 .elementor-element.elementor-element-cd2f910 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:050px 0px 0px 0px;}.elementor-2303 .elementor-element.elementor-element-464f58d{--grid-columns:1;}.elementor-2303 .elementor-element.elementor-element-741c115{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-2303 .elementor-element.elementor-element-e92ef42 .elementor-author-box__avatar img{width:118px;height:118px;}}/* Start custom CSS for post-info, class: .elementor-element-994a7fd *//* 2. Warna Default: Hijau Nyangkem (Teks, Link & Ikon) */
.elementor-2303 .elementor-element.elementor-element-994a7fd .elementor-icon-list-text,
.elementor-2303 .elementor-element.elementor-element-994a7fd .elementor-icon-list-text a,
.elementor-2303 .elementor-element.elementor-element-994a7fd .elementor-icon-list-icon i {
    color: #008156 !important;
    transition: all 0.3s ease !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    text-decoration: none !important;
}

/* 3. Efek Hover: Berubah Jadi Pink Nyangkem */
.elementor-2303 .elementor-element.elementor-element-994a7fd .elementor-icon-list-item:hover .elementor-icon-list-text,
.elementor-2303 .elementor-element.elementor-element-994a7fd .elementor-icon-list-item:hover .elementor-icon-list-text a,
.elementor-2303 .elementor-element.elementor-element-994a7fd .elementor-icon-list-item:hover .elementor-icon-list-icon i {
    color: #FF4B8A !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-cd2f910 *//* Bikin area judul punya garis bawah memanjang */
.elementor-2303 .elementor-element.elementor-element-cd2f910 {
    border-bottom: 2px solid #eaeaea; /* Garis abu-abu pemisah */
    margin-bottom: 20px; /* Jarak dari kotak Terbaru ke daftar artikel di bawahnya */
    width: 100%;
}

/* Sulap teksnya jadi kotak ala Mojok */
.elementor-2303 .elementor-element.elementor-element-cd2f910 .elementor-heading-title {
    background-color: #008156; /* Warna Hijau Nyangkem, bisa diganti #FF4B8A kalau mau Pink */
    color: #ffffff !important; /* Teks warna putih */
    font-size: 13px !important; /* Ukuran font dikecilin */
    font-weight: 800 !important; /* Ditebelin pol */
    text-transform: uppercase; /* Huruf kapital semua otomatis */
    padding: 6px 14px; /* Ruang di dalam kotak (Atas-Bawah 6px, Kiri-Kanan 14px) */
    display: inline-block; /* Bikin kotaknya ngepas sama panjang teks */
    margin-bottom: -2px; /* Trik sakti: Narik kotak ke bawah dikit biar numpuk pas di atas garis abu-abu */
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-464f58d *//* Mengubah background kontainer artikel jadi abu-abu muda */
.elementor-2303 .elementor-element.elementor-element-464f58d {
    background-color: #f5f5f5; /* Warna abu-abu soft. Bisa diganti ke #eeeeee kalau mau lebih gelap */
    border-radius: 12px; /* Opsional: Bikin sudutnya melengkung estetik kayak kartu */
    transition: all 0.3s ease; /* Bumbu rahasia biar efek hover nanti mulus */
}

/* Bonus estetik: Efek pas kursor/jempol ngelewatin artikelnya (Hover) */
.elementor-2303 .elementor-element.elementor-element-464f58d:hover {
    background-color: #ebebeb; /* Warna berubah sedikit lebih gelap pas di-hover */
    transform: translateY(-2px); /* Artikelnya seolah-olah ngangkat ke atas dikit */
}
/* --- Styling Tombol Paginasi (Aktif & Nonaktif) --- */

/* 1. Target SEMUA tombol (baik yang bisa diklik <a> maupun mati <span>) */
.elementor-2303 .elementor-element.elementor-element-464f58d .elementor-pagination .page-numbers.prev,
.elementor-2303 .elementor-element.elementor-element-464f58d .elementor-pagination .page-numbers.next {
    font-size: 0 !important; 
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #f5f5f5; 
    border-radius: 50%; 
    color: #333333; 
    transition: all 0.3s ease;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05); 
}

/* 2. Memunculkan ikon panah KIRI (Previous) */
.elementor-2303 .elementor-element.elementor-element-464f58d .elementor-pagination .page-numbers.prev::before {
    content: "\276E"; /* Simbol ❮ */
    font-size: 16px !important;
    font-weight: 900;
}

/* 3. Memunculkan ikon panah KANAN (Next) */
.elementor-2303 .elementor-element.elementor-element-464f58d .elementor-pagination .page-numbers.next::before {
    content: "\276F"; /* Simbol ❯ */
    font-size: 16px !important;
    font-weight: 900;
}

/* 4. Efek Hover (HANYA untuk tombol yang BISA diklik/aktif) */
.elementor-2303 .elementor-element.elementor-element-464f58d .elementor-pagination a.page-numbers.prev:hover,
.elementor-2303 .elementor-element.elementor-element-464f58d .elementor-pagination a.page-numbers.next:hover {
    background-color: #128c55; /* Kode Hijau Nyangkem */
    color: #ffffff !important; 
    transform: scale(1.1); 
}

/* 5. Efek Redup untuk tombol yang MATI (berada di ujung halaman) */
.elementor-2303 .elementor-element.elementor-element-464f58d .elementor-pagination span.page-numbers.prev,
.elementor-2303 .elementor-element.elementor-element-464f58d .elementor-pagination span.page-numbers.next {
    opacity: 0.4; /* Dibikin pudar biar pembaca tahu ini mentok */
    cursor: not-allowed; /* Kursor berubah tanda silang/stop */
}/* End custom CSS */
/* Start custom CSS for author-box, class: .elementor-element-e92ef42 *//* =========================================
   PERMAK AUTHOR BOX (KOTAK PENULIS) - UPDATE
   ========================================= */

/* 1. Rombak Container Jadi Kotak Estetik di Tengah */
.elementor-2303 .elementor-element.elementor-element-e92ef42 .elementor-author-box {
    display: flex !important;
    flex-direction: column !important; /* Susun atas-bawah */
    align-items: center !important; /* Rata tengah horizontal */
    text-align: center !important; /* Teks rata tengah */
    background-color: #f8f9fa !important; /* Background abu-abu muda elegan */
    padding: 40px 30px !important;
    border-radius: 16px !important; /* Ujung melengkung */
    border: 1px solid #eaeaea !important; /* Garis tepi sangat halus */
    box-shadow: 0 10px 30px rgba(0,0,0,0.03) !important; /* Bayangan tipis */
    gap: 20px !important; /* Jarak antara foto dan teks */
    margin-top: 40px !important; /* Jarak aman dari artikel atas */
    margin-bottom: 20px !important;
}

/* 2. Reset margin bawaan Elementor biar nggak miring */
.elementor-2303 .elementor-element.elementor-element-e92ef42 .elementor-author-box__avatar,
.elementor-2303 .elementor-element.elementor-element-e92ef42 .elementor-author-box__text {
    margin: 0 !important;
    padding: 0 !important;
}

/* 3. Permak Foto Profil (Avatar) Biar Pop-Out (DIPERBESAR) */
.elementor-2303 .elementor-element.elementor-element-e92ef42 .elementor-author-box__avatar img {
    width: 130px !important; /* DIPERBESAR dari 90px */
    height: 130px !important; /* DIPERBESAR dari 90px */
    border-radius: 50% !important;
    object-fit: cover !important;
    border: 4px solid #ffffff !important; /* Bingkai putih tebal */
    box-shadow: 0 8px 20px rgba(0,0,0,0.1) !important; /* Bayangan di foto */
}

/* 4. Permak Nama Penulis (Hijau Nyangkem) */
.elementor-2303 .elementor-element.elementor-element-e92ef42 .elementor-author-box__name {
    font-size: 22px !important;
    font-weight: 800 !important;
    margin-bottom: 12px !important;
    display: inline-block !important;
}

.elementor-2303 .elementor-element.elementor-element-e92ef42 .elementor-author-box__name,
.elementor-2303 .elementor-element.elementor-element-e92ef42 .elementor-author-box__name a {
    color: #008156 !important; /* Warna Hijau Nyangkem */
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

/* Hover Nama Penulis (Jadi Pink Nyangkem) */
.elementor-2303 .elementor-element.elementor-element-e92ef42 .elementor-author-box__name:hover,
.elementor-2303 .elementor-element.elementor-element-e92ef42 .elementor-author-box__name a:hover {
    color: #FF4B8A !important;
}

/* 5. Permak Teks Biografi Penulis */
.elementor-2303 .elementor-element.elementor-element-e92ef42 .elementor-author-box__bio {
    font-size: 15px !important;
    line-height: 1.7 !important;
    color: #555555 !important; /* Abu-abu gelap biar enak dibaca */
    max-width: 600px !important; /* Biar teksnya nggak terlalu melebar */
    margin: 0 auto !important;
}

/* =========================================
   RESPONSIF UNTUK HP (MOBILE)
   ========================================= */
@media (max-width: 768px) {
    /* Pastikan Container Utama di HP Rata Tengah */
    .elementor-2303 .elementor-element.elementor-element-e92ef42 .elementor-author-box {
        flex-direction: column !important; /* Susun atas-bawah */
        align-items: center !important; /* Pusatkan secara horizontal */
        text-align: center !important; /* Pusatkan teks */
        padding: 30px 20px !important; /* Kurangi padding sedikit di HP */
    }

    /* Perbesar sedikit avatar di HP (biar pop-out) */
    .elementor-2303 .elementor-element.elementor-element-e92ef42 .elementor-author-box__avatar img {
        width: 110px !important; 
        height: 110px !important;
    }

    /* Pusatkan Nama Penulis di HP */
    .elementor-2303 .elementor-element.elementor-element-e92ef42 .elementor-author-box__name {
        text-align: center !important;
        display: block !important;
        width: 100% !important;
        margin-top: 10px !important;
        margin-bottom: 8px !important;
    }

    /* Pusatkan Bio di HP */
    .elementor-2303 .elementor-element.elementor-element-e92ef42 .elementor-author-box__bio {
        text-align: center !important;
        margin-top: 0 !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-741c115 *//* 1. Atur Teks Paragraf Biar Enak Dibaca (Rata Kanan-Kiri yang Benar) */
.elementor-2303 .elementor-element.elementor-element-741c115 p {
    text-align: justify !important;
    line-height: 1.8 !important; /* Jarak antar baris biar mata gak capek */
    margin-bottom: 25px !important; /* Jarak antar paragraf */
    font-size: 18px !important; /* Ukuran font ideal buat bacaan panjang */
    color: #333333 !important; /* Hitam soft, jangan #000 (bikin silau) */
}

/* 2. KUNCI: Cegah Subjudul (H2, H3, dll) Ikut Rata Kanan-Kiri */
.elementor-2303 .elementor-element.elementor-element-741c115 h2, 
.elementor-2303 .elementor-element.elementor-element-741c115 h3, 
.elementor-2303 .elementor-element.elementor-element-741c115 h4 {
    text-align: left !important; /* Wajib rata kiri biar gak melar! */
    line-height: 1.4 !important;
    margin-top: 40px !important; /* Jarak lega sebelum subjudul baru */
    margin-bottom: 15px !important;
    color: #1a1a1a !important;
    font-weight: 800 !important;
}

/* 3. Rapikan Kutipan (Blockquote) Biar Estetik */
.elementor-2303 .elementor-element.elementor-element-741c115 blockquote {
    border-left: 5px solid #008156 !important; /* Garis Hijau Nyangkem di kiri */
    background-color: #f9f9f9 !important;
    padding: 20px 25px !important;
    margin: 30px 0 !important;
    font-style: italic !important;
    color: #555 !important;
    font-size: 19px !important;
}

/* 4. Rapikan Gambar di Dalam Artikel */
.elementor-2303 .elementor-element.elementor-element-741c115 img {
    border-radius: 8px !important;
    margin: 20px 0 !important;
    height: auto !important;
}

/* 5. Penyesuaian Khusus Layar HP (Mobile) */
@media (max-width: 768px) {
    /* Font paragraf sedikit dikecilin di HP */
    .elementor-2303 .elementor-element.elementor-element-741c115 p {
        font-size: 16px !important;
        line-height: 1.7 !important;
    }
    
    /* Subjudul disesuaikan ukurannya di HP, TETAP RATA KIRI */
    .elementor-2303 .elementor-element.elementor-element-741c115 h2 {
        font-size: 24px !important;
        text-align: left !important;
    }
    .elementor-2303 .elementor-element.elementor-element-741c115 h3 {
        font-size: 20px !important;
        text-align: left !important;
    }
}

/* 6. TAMBAHAN: Styling Tautan (Link) di Dalam Artikel */
.elementor-2303 .elementor-element.elementor-element-741c115 a {
    color: #008156 !important; /* Hijau Nyangkem */
    text-decoration: none !important; /* Hilangkan garis bawah bawaan */
    font-weight: 600 !important; /* Sedikit ditebalkan biar beda dari teks biasa */
    transition: all 0.3s ease !important; /* Efek transisi mulus */
}

/* Efek Hover Tautan */
.elementor-2303 .elementor-element.elementor-element-741c115 a:hover {
    color: #FF4B8A !important; /* Berubah jadi Pink Nyangkem */
    text-decoration: underline !important; /* Kasih garis bawah pas disentuh kursor */
}/* End custom CSS */