.elementor-682 .elementor-element.elementor-element-635cd4f{--display:flex;--margin-top:90px;--margin-bottom:90px;--margin-left:0px;--margin-right:0px;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-682 .elementor-element.elementor-element-2865dd5{--grid-columns:5;--load-more-button-align:center;}.elementor-682 .elementor-element.elementor-element-2865dd5 .elementor-button{background-color:#3F523E;font-family:"Montserrat", Sans-serif;font-size:15px;font-weight:500;fill:#FFFFFF;color:#FFFFFF;}.elementor-682 .elementor-element.elementor-element-2865dd5 .elementor-button:hover, .elementor-682 .elementor-element.elementor-element-2865dd5 .elementor-button:focus{background-color:#DB5B38;color:#FFFFFF;border-color:#DB5B38;}.elementor-682 .elementor-element.elementor-element-2865dd5 .elementor-button:hover svg, .elementor-682 .elementor-element.elementor-element-2865dd5 .elementor-button:focus svg{fill:#FFFFFF;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-682 .elementor-element.elementor-element-2865dd5{--grid-columns:2;}}@media(max-width:767px){.elementor-682 .elementor-element.elementor-element-2865dd5{--grid-columns:1;}}/* Start custom CSS for loop-grid, class: .elementor-element-2865dd5 *//* 1. Paksa Container Utama Loop Grid menjadi CSS Grid 5 Kolom Murni */
.elementor-682 .elementor-element.elementor-element-2865dd5 .elementor-loop-container {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    column-gap: 0px !important;
    row-gap: 45px !important;
    width: 100% !important;
}

/* Reset lebar bawaan Elementor pada semua item */
.elementor-682 .elementor-element.elementor-element-2865dd5 .e-loop-item {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
}

/* 2. ITEM NOMOR 1: Tampil sendirian (1 baris penuh merentang 5 kolom) */
.elementor-682 .elementor-element.elementor-element-2865dd5 .e-loop-item:first-of-type {
    grid-column: 1 / -1 !important;
    border-right: none !important;
    padding: 0 0 15px 0 !important;
}

/* Mengatur isi Item Nomor 1: Gambar di Kiri (58%) & Teks di Kanan (39%) */
@media (min-width: 768px) {
    .elementor-682 .elementor-element.elementor-element-2865dd5 .e-loop-item:first-of-type > .e-con,
    .elementor-682 .elementor-element.elementor-element-2865dd5 .e-loop-item:first-of-type > .e-con > .e-con-inner,
    .elementor-682 .elementor-element.elementor-element-2865dd5 .e-loop-item:first-of-type > .elementor > .e-con,
    .elementor-682 .elementor-element.elementor-element-2865dd5 .e-loop-item:first-of-type > .elementor > .e-con > .e-con-inner {
        display: block !important; /* Gunakan float clearing agar aman di semua struktur container */
        overflow: hidden !important;
    }

    /* Paksa Widget Gambar Pertama ke Sebelah Kiri (58%) */
    .elementor-682 .elementor-element.elementor-element-2865dd5 .e-loop-item:first-of-type .elementor-widget-image,
    .elementor-682 .elementor-element.elementor-element-2865dd5 .e-loop-item:first-of-type .elementor-widget-theme-post-featured-image {
        float: left !important;
        width: 58% !important;
        margin-right: 3.5% !important;
        margin-bottom: 0 !important;
        clear: none !important;
    }

    /* Paksa semua widget selain gambar (Judul & Teks) ke Sebelah Kanan (38.5%) */
    .elementor-682 .elementor-element.elementor-element-2865dd5 .e-loop-item:first-of-type .elementor-widget:not(.elementor-widget-image):not(.elementor-widget-theme-post-featured-image),
    .elementor-682 .elementor-element.elementor-element-2865dd5 .e-loop-item:first-of-type .e-con .e-con {
        float: right !important;
        width: 38.5% !important;
        clear: right !important;
    }
}

/* Pastikan Gambar Nomor 1 Tampil Utuh & Proporsional */
.elementor-682 .elementor-element.elementor-element-2865dd5 .e-loop-item:first-of-type img {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    height: 400px !important;
    object-fit: cover !important;
}

/* 3. ITEM NOMOR 2 KE ATAS: Tampil 5 Kolom dengan Garis Pembatas Vertikal */
.elementor-682 .elementor-element.elementor-element-2865dd5 .e-loop-item:not(:first-of-type) {
    border-right: 1px solid #9c968e !important;
    padding: 0 16px !important;
    box-sizing: border-box !important;
}

/* Hilangkan padding kiri di awal baris (Item ke-2 dan ke-7) */
.elementor-682 .elementor-element.elementor-element-2865dd5 .e-loop-item:nth-of-type(2),
.elementor-682 .elementor-element.elementor-element-2865dd5 .e-loop-item:nth-of-type(7) {
    padding-left: 0 !important;
}

/* Hilangkan garis kanan di ujung baris kedua (Item ke-6) */
.elementor-682 .elementor-element.elementor-element-2865dd5 .e-loop-item:nth-of-type(6) {
    border-right: none !important;
    padding-right: 0 !important;
}

/* 4. ITEM NOMOR 9 (Kotak Iklan Kanan Bawah): Melebar 2 Kolom */
.elementor-682 .elementor-element.elementor-element-2865dd5 .e-loop-item:nth-of-type(9) {
    grid-column: span 2 !important;
    border-right: none !important;
    padding-right: 0 !important;
}

/* 5. VARIASI TINGGI GAMBAR (Item 2 s/d 9 seperti gambar referensi) */
.elementor-682 .elementor-element.elementor-element-2865dd5 .e-loop-item:not(:first-of-type) img {
    display: block !important;
    width: 100% !important;
    object-fit: cover !important;
    margin-bottom: 12px !important;
}

.elementor-682 .elementor-element.elementor-element-2865dd5 .e-loop-item:nth-of-type(2) img { height: 270px !important; }
.elementor-682 .elementor-element.elementor-element-2865dd5 .e-loop-item:nth-of-type(3) img { height: 220px !important; }
.elementor-682 .elementor-element.elementor-element-2865dd5 .e-loop-item:nth-of-type(4) img { height: 195px !important; }
.elementor-682 .elementor-element.elementor-element-2865dd5 .e-loop-item:nth-of-type(5) img { height: 165px !important; }
.elementor-682 .elementor-element.elementor-element-2865dd5 .e-loop-item:nth-of-type(6) img { height: 195px !important; }
.elementor-682 .elementor-element.elementor-element-2865dd5 .e-loop-item:nth-of-type(7) img { height: 235px !important; }
.elementor-682 .elementor-element.elementor-element-2865dd5 .e-loop-item:nth-of-type(8) img { height: 205px !important; }
.elementor-682 .elementor-element.elementor-element-2865dd5 .e-loop-item:nth-of-type(9) img { height: 235px !important; }

/* 6. EFEK HOVER TEKS WARNA TERRACOTTA */
.elementor-682 .elementor-element.elementor-element-2865dd5 .e-loop-item .elementor-heading-title,
.elementor-682 .elementor-element.elementor-element-2865dd5 .e-loop-item .elementor-widget-text-editor,
.elementor-682 .elementor-element.elementor-element-2865dd5 .e-loop-item .elementor-widget-theme-post-excerpt {
    transition: color 0.25s ease;
}

.elementor-682 .elementor-element.elementor-element-2865dd5 .e-loop-item:hover .elementor-heading-title,
.elementor-682 .elementor-element.elementor-element-2865dd5 .e-loop-item:hover .elementor-widget-text-editor,
.elementor-682 .elementor-element.elementor-element-2865dd5 .e-loop-item:hover .elementor-widget-theme-post-excerpt,
.elementor-682 .elementor-element.elementor-element-2865dd5 .e-loop-item:hover p,
.elementor-682 .elementor-element.elementor-element-2865dd5 .e-loop-item:hover a {
    color: #c86446 !important;
}

/* 7. RESPONSIVE TABLET & HP */
@media (max-width: 1024px) {
    .elementor-682 .elementor-element.elementor-element-2865dd5 .elementor-loop-container {
        grid-template-columns: repeat(2, 1fr) !important;
        column-gap: 20px !important;
    }
    .elementor-682 .elementor-element.elementor-element-2865dd5 .e-loop-item:not(:first-of-type) {
        border-right: none !important;
        padding: 0 !important;
    }
}

@media (max-width: 767px) {
    .elementor-682 .elementor-element.elementor-element-2865dd5 .elementor-loop-container {
        grid-template-columns: 1fr !important;
    }
    .elementor-682 .elementor-element.elementor-element-2865dd5 .e-loop-item:nth-of-type(9) {
        grid-column: span 1 !important;
    }
}/* End custom CSS */