.elementor-288 .elementor-element.elementor-element-c454189{--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;}.elementor-288 .elementor-element.elementor-element-a6e985d{--e-image-carousel-slides-to-show:1;}.elementor-288 .elementor-element.elementor-element-a6e985d .elementor-swiper-button.elementor-swiper-button-prev, .elementor-288 .elementor-element.elementor-element-a6e985d .elementor-swiper-button.elementor-swiper-button-next{font-size:32px;}.elementor-288 .elementor-element.elementor-element-a6e985d .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-radius:32px 32px 32px 32px;}.elementor-288 .elementor-element.elementor-element-1028951{--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-288 .elementor-element.elementor-element-ccfdd8e{--spacer-size:40px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Poppins;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-288 .elementor-element.elementor-element-d26107d .elementor-heading-title{font-family:"Poppins", Poppins;font-weight:600;color:var( --e-global-color-secondary );}.elementor-288 .elementor-element.elementor-element-db553e8{--spacer-size:40px;}.elementor-288 .elementor-element.elementor-element-6ac943a{--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;}.elementor-widget-posts .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Poppins;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Poppins;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-posts .elementor-post__meta-data{font-family:var( --e-global-typography-secondary-font-family ), Poppins;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .elementor-post__excerpt p{font-family:var( --e-global-typography-text-font-family ), Poppins;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-posts a.elementor-post__read-more{font-family:var( --e-global-typography-accent-font-family ), Poppins;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__card .elementor-post__badge{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Poppins;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Poppins;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Poppins;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-288 .elementor-element.elementor-element-2539144{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-288 .elementor-element.elementor-element-2539144 .elementor-post__thumbnail__link{width:49%;}.elementor-288 .elementor-element.elementor-element-2539144 .elementor-post__meta-data span + span:before{content:"•";}.elementor-288 .elementor-element.elementor-element-2539144.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:16px;}.elementor-288 .elementor-element.elementor-element-2539144.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:16px;}.elementor-288 .elementor-element.elementor-element-2539144.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:16px;}.elementor-288 .elementor-element.elementor-element-4ea0d99{--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-288 .elementor-element.elementor-element-c47aca7{--spacer-size:40px;}.elementor-288 .elementor-element.elementor-element-bbe5da7 .elementor-heading-title{font-family:"Poppins", Poppins;font-size:32px;font-weight:600;color:var( --e-global-color-secondary );}.elementor-widget-theme-post-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Poppins;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-288 .elementor-element.elementor-element-be980bb{--spacer-size:40px;}.elementor-288 .elementor-element.elementor-element-b9da5a3{--item-display:flex;--read-more-alignment:1;--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-288 .elementor-element.elementor-element-b9da5a3 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 1.46 * 100% );}.elementor-288 .elementor-element.elementor-element-b9da5a3:after{content:"1.46";}.elementor-288 .elementor-element.elementor-element-b9da5a3 .elementor-post__thumbnail__link{width:100%;}.elementor-288 .elementor-element.elementor-element-b9da5a3 .elementor-post__meta-data span + span:before{content:"•";}.elementor-288 .elementor-element.elementor-element-b9da5a3.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-288 .elementor-element.elementor-element-b9da5a3.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-288 .elementor-element.elementor-element-b9da5a3.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}.elementor-288 .elementor-element.elementor-element-b9da5a3 .elementor-post__title, .elementor-288 .elementor-element.elementor-element-b9da5a3 .elementor-post__title a{font-family:"Poppins", Poppins;font-weight:600;}.elementor-288 .elementor-element.elementor-element-b9da5a3 .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-288 .elementor-element.elementor-element-b9da5a3 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-288 .elementor-element.elementor-element-b9da5a3 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-288 .elementor-element.elementor-element-b9da5a3 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-288 .elementor-element.elementor-element-b9da5a3 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}:root{--page-title-display:none;}@media(max-width:767px){.elementor-288 .elementor-element.elementor-element-2539144 .elementor-post__thumbnail__link{width:100%;}.elementor-288 .elementor-element.elementor-element-b9da5a3 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-288 .elementor-element.elementor-element-b9da5a3:after{content:"0.5";}.elementor-288 .elementor-element.elementor-element-b9da5a3 .elementor-post__thumbnail__link{width:100%;}}@media(min-width:768px){.elementor-288 .elementor-element.elementor-element-c454189{--content-width:1600px;}}





/* Start custom CSS for posts, class: .elementor-element-2539144 *//* === 1. STRUKTUR KOTAK CAROUSEL / GRID === */
.elementor-288 .elementor-element.elementor-element-2539144 .elementor-post,
.elementor-288 .elementor-element.elementor-element-2539144 .swiper-slide-inner { /* Dukungan jika menggunakan widget Carousel */
    display: flex !important;
    flex-direction: column !important; /* Gambar di atas, Teks di bawah */
    background-color: #ffffff !important;
    border-radius: 24px !important;
    padding: 24px !important;
    gap: 20px !important;
    font-family: 'Poppins', sans-serif !important;
    box-shadow: 0 4px 24px rgba(0, 5, 34, 0.05) !important;
    height: 100% !important; /* Memaksa semua kotak tingginya rata */
    box-sizing: border-box !important;
}

/* === 2. AREA GAMBAR === */
.elementor-288 .elementor-element.elementor-element-2539144 .elementor-post__thumbnail {
    width: 100% !important;
    margin: 0 !important;
    padding-bottom: 0 !important;
}

.elementor-288 .elementor-element.elementor-element-2539144 .elementor-post__thumbnail__link {
    display: block !important;
    width: 100% !important;
    height: 200px !important; /* Tinggi gambar disamakan semua */
    border-radius: 16px !important;
    overflow: hidden !important;
}

.elementor-288 .elementor-element.elementor-element-2539144 .elementor-post__thumbnail img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important; 
    display: block !important;
}

/* === 3. AREA TEKS (SISTEM GRID VERTICAL) === */
.elementor-288 .elementor-element.elementor-element-2539144 .elementor-post__text {
    flex-grow: 1 !important; /* Mendorong tombol & meta mentok ke bawah */
    display: grid !important;
    grid-template-columns: auto 1fr !important; /* Kolom Kiri: Tombol, Kolom Kanan: Meta */
    grid-template-rows: auto 1fr auto !important; /* Baris 1: Judul, Baris 2: Excerpt, Baris 3: Footer */
    gap: 12px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 4. JUDUL */
.elementor-288 .elementor-element.elementor-element-2539144 .elementor-post__title {
    grid-column: 1 / -1 !important;
    grid-row: 1 / 2 !important;
    font-size: 20px !important; /* Dikecilkan sedikit dari 24px agar muat di kotak sempit */
    font-weight: 600 !important;
    color: #000522 !important;
    margin: 0 !important;
    line-height: 1.3 !important;
}
.elementor-288 .elementor-element.elementor-element-2539144 .elementor-post__title a { color: inherit !important; }

/* 5. PARAGRAF / EXCERPT */
.elementor-288 .elementor-element.elementor-element-2539144 .elementor-post__excerpt {
    grid-column: 1 / -1 !important;
    grid-row: 2 / 3 !important;
    font-size: 14px !important; /* Dikecilkan dari 16px agar lebih seimbang */
    color: #4A4A4A !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    align-self: start !important; 
    
    /* Maksimal 4 baris untuk mode kotak kecil */
    display: -webkit-box !important;
    -webkit-line-clamp: 4 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}
.elementor-288 .elementor-element.elementor-element-2539144 .elementor-post__excerpt p { margin: 0 !important; }

/* 6. TOMBOL SELENGKAPNYA (Kiri Bawah) */
.elementor-288 .elementor-element.elementor-element-2539144 .elementor-post__read-more {
    grid-column: 1 / 2 !important; 
    grid-row: 3 / 4 !important;    
    align-self: end !important;    
    justify-self: start !important; 
    
    background-color: #135099 !important;
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    padding: 6px 20px !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    margin: 0 !important;
    transition: 0.3s ease !important;
    display: inline-block !important;
    line-height: 1.5 !important;
    white-space: nowrap !important;
}
.elementor-288 .elementor-element.elementor-element-2539144 .elementor-post__read-more:hover {
    background-color: #0d3b73 !important;
}

/* 7. META DATA TANGGAL & AUTHOR (Kanan Bawah) */
.elementor-288 .elementor-element.elementor-element-2539144 .elementor-post__meta-data {
    grid-column: 2 / 3 !important; 
    grid-row: 3 / 4 !important;    
    align-self: center !important;    
    justify-self: end !important; 
    
    font-size: 11px !important;
    color: #888888 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    display: flex !important;
    gap: 6px !important;
    text-align: right !important;
}
.elementor-288 .elementor-element.elementor-element-2539144 .elementor-post__meta-data i, 
.elementor-288 .elementor-element.elementor-element-2539144 .elementor-post__meta-data svg { display: none !important; }/* End custom CSS */






/* Start custom CSS for posts, class: .elementor-element-b9da5a3 *//* === 1. STRUKTUR KOTAK UTAMA === */
.elementor-288 .elementor-element.elementor-element-b9da5a3 .elementor-posts-container {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.elementor-288 .elementor-element.elementor-element-b9da5a3 .elementor-post {
    display: flex !important;
    flex-direction: row !important; 
    background-color: #ffffff !important;
    border-radius: 24px !important;
    padding: 24px !important;
    gap: 32px !important;
    font-family: 'Poppins', sans-serif !important;
    box-shadow: 0 4px 24px rgba(0, 5, 34, 0.05) !important;
    overflow: hidden !important;
    align-items: stretch !important; 
}

/* === 2. AREA GAMBAR (PERBAIKAN STRUKTUR WADAH) === */
/* Kita jadikan tag Link sebagai kolom sebelah kiri */
.elementor-288 .elementor-element.elementor-element-b9da5a3 .elementor-post__thumbnail__link {
    width: 40% !important;
    flex-shrink: 0 !important;
    display: block !important;
    position: relative !important; /* Wadah utama */
    border-radius: 16px !important;
    overflow: hidden !important;
    min-height: 220px !important; /* Mencegah gambar hilang jika teks terlalu pendek */
}


.elementor-288 .elementor-element.elementor-element-b9da5a3 .elementor-post__thumbnail {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    padding-bottom: 0 !important; /* Matikan rasio bawaan Elementor */
    margin: 0 !important;
}

.elementor-288 .elementor-element.elementor-element-b9da5a3 .elementor-post__thumbnail img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important; 
    display: block !important;
}

/* === 3. AREA TEKS DENGAN CSS GRID === */
.elementor-288 .elementor-element.elementor-element-b9da5a3 .elementor-post__text {
    width: 60% !important;
    flex-grow: 1 !important;
    display: grid !important;
    grid-template-columns: auto 1fr !important; 
    grid-template-rows: auto 1fr auto !important; 
    gap: 16px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 4. JUDUL */
.elementor-288 .elementor-element.elementor-element-b9da5a3 .elementor-post__title {
    grid-column: 1 / -1 !important;
    grid-row: 1 / 2 !important;
    font-size: 24px !important;
    font-weight: 800 !important;
    color: #000522 !important;
    margin: 0 !important;
    line-height: 1.3 !important;
}
.elementor-288 .elementor-element.elementor-element-b9da5a3 .elementor-post__title a { color: inherit !important; }

/* 5. PARAGRAF / EXCERPT */
.elementor-288 .elementor-element.elementor-element-b9da5a3 .elementor-post__excerpt {
    grid-column: 1 / -1 !important;
    grid-row: 2 / 3 !important;
    font-size: 16px !important;
    color: #4A4A4A !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    align-self: start !important; 
    
    display: -webkit-box !important;
    -webkit-line-clamp: 5 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}
.elementor-288 .elementor-element.elementor-element-b9da5a3 .elementor-post__excerpt p { margin: 0 !important; }

/* 6. TOMBOL SELENGKAPNYA (Kiri Bawah) */
.elementor-288 .elementor-element.elementor-element-b9da5a3 .elementor-post__read-more {
    grid-column: 1 / 2 !important; 
    grid-row: 3 / 4 !important;    
    align-self: center !important;    
    justify-self: start !important; 
    
    background-color: #135099 !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    padding: 8px 24px !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    margin: 0 !important;
    transition: 0.3s ease !important;
    display: inline-block !important;
    line-height: 1.5 !important;
    white-space: nowrap !important;
}
.elementor-288 .elementor-element.elementor-element-b9da5a3 .elementor-post__read-more:hover {
    background-color: #0d3b73 !important;
}

/* 7. META DATA TANGGAL & AUTHOR (Kanan Bawah) */
.elementor-288 .elementor-element.elementor-element-b9da5a3 .elementor-post__meta-data {
    grid-column: 2 / 3 !important; 
    grid-row: 3 / 4 !important;    
    align-self: center !important;    
    justify-self: end !important; 
    
    font-size: 12px !important;
    color: #888888 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    display: flex !important;
    gap: 8px !important;
}
.elementor-288 .elementor-element.elementor-element-b9da5a3 .elementor-post__meta-data i, 
.elementor-288 .elementor-element.elementor-element-b9da5a3 .elementor-post__meta-data svg { display: none !important; }

/* === 8. RESPONSIF HP === */
@media (max-width: 767px) {
    .elementor-288 .elementor-element.elementor-element-b9da5a3 .elementor-post {
        flex-direction: column !important;
        padding: 16px !important;
        gap: 16px !important;
    }
    .elementor-288 .elementor-element.elementor-element-b9da5a3 .elementor-post__thumbnail__link,
    .elementor-288 .elementor-element.elementor-element-b9da5a3 .elementor-post__text {
        width: 100% !important;
    }
    .elementor-288 .elementor-element.elementor-element-b9da5a3 .elementor-post__text {
        display: flex !important;
        flex-direction: column !important;
        gap: 12px !important;
    }
    .elementor-288 .elementor-element.elementor-element-b9da5a3 .elementor-post__read-more {
        order: 3 !important; 
        align-self: flex-start !important; 
        width: 100% !important; 
        text-align: center !important;
        box-sizing: border-box !important;
    }
    .elementor-288 .elementor-element.elementor-element-b9da5a3 .elementor-post__meta-data {
        order: 4 !important; 
        align-self: center !important;
        margin-top: 8px !important;
    }
}/* End custom CSS */