.elementor-694 .elementor-element.elementor-element-fd59c3e{--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-694 .elementor-element.elementor-element-274736c{--grid-columns:5;--grid-row-gap:7px;--load-more-button-align:center;--grid-column-gap:0px;}.elementor-694 .elementor-element.elementor-element-274736c .elementor-button{background-color:#3F523E;font-family:"Montserrat", Sans-serif;font-size:15px;font-weight:500;fill:#FFFFFF;color:#FFFFFF;}.elementor-694 .elementor-element.elementor-element-274736c .elementor-button:hover, .elementor-694 .elementor-element.elementor-element-274736c .elementor-button:focus{background-color:#DB5B38;color:#FFFFFF;border-color:#DB5B38;}.elementor-694 .elementor-element.elementor-element-274736c .elementor-button:hover svg, .elementor-694 .elementor-element.elementor-element-274736c .elementor-button:focus svg{fill:#FFFFFF;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-694 .elementor-element.elementor-element-274736c{--grid-columns:2;}}@media(max-width:767px){.elementor-694 .elementor-element.elementor-element-274736c{--grid-columns:1;}}/* Start custom CSS for loop-grid, class: .elementor-element-274736c *//* 1. Memaksa Grid Menjadi 5 Kolom (Override Variabel Elementor) */
.elementor-694 .elementor-element.elementor-element-274736c {
    --grid-columns: 5 !important;
    --grid-column-gap: 0px !important;
    --grid-row-gap: 45px !important;
}

.elementor-694 .elementor-element.elementor-element-274736c .elementor-loop-container,
.elementor-694 .elementor-element.elementor-element-274736c .elementor-grid {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    column-gap: 0px !important;
    row-gap: 45px !important;
    align-items: stretch !important;
}

/* 2. Reset Semua Item agar Default-nya 1 Kolom */
.elementor-694 .elementor-element.elementor-element-274736c .e-loop-item {
    grid-column: span 1 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 18px !important;
    box-sizing: border-box !important;
    border: none !important;
    display: flex !important;
    flex-direction: column !important;
}

/* 3. Menghapus Padding di Tepi Paling Kiri & Kanan */
.elementor-694 .elementor-element.elementor-element-274736c .e-loop-item:nth-of-type(11n + 1),
.elementor-694 .elementor-element.elementor-element-274736c .e-loop-item:nth-of-type(11n + 5),
.elementor-694 .elementor-element.elementor-element-274736c .e-loop-item:nth-of-type(11n + 8) {
    padding-left: 0 !important;
}

.elementor-694 .elementor-element.elementor-element-274736c .e-loop-item:nth-of-type(11n + 4),
.elementor-694 .elementor-element.elementor-element-274736c .e-loop-item:nth-of-type(11n + 7),
.elementor-694 .elementor-element.elementor-element-274736c .e-loop-item:nth-of-type(11n + 11) {
    padding-right: 0 !important;
}

/* 4. Garis Vertikal Pembatas */
.elementor-694 .elementor-element.elementor-element-274736c .e-loop-item:nth-of-type(11n + 1),
.elementor-694 .elementor-element.elementor-element-274736c .e-loop-item:nth-of-type(11n + 2),
.elementor-694 .elementor-element.elementor-element-274736c .e-loop-item:nth-of-type(11n + 6),
.elementor-694 .elementor-element.elementor-element-274736c .e-loop-item:nth-of-type(11n + 8),
.elementor-694 .elementor-element.elementor-element-274736c .e-loop-item:nth-of-type(11n + 9) {
    border-right: 1px solid #8c8881 !important;
}

/* 5. Mengatur Lebar Post Besar (Menggunakan nth-of-type agar tidak bergeser) */
/* Baris 1 Kanan (Post ke-4) & Baris 3 Kanan (Post ke-11) -> Makan 2 Kolom */
.elementor-694 .elementor-element.elementor-element-274736c .e-loop-item:nth-of-type(11n + 4),
.elementor-694 .elementor-element.elementor-element-274736c .e-loop-item:nth-of-type(11n + 11) {
    grid-column: span 2 !important;
}

/* Baris 2 Kiri (Post ke-5) -> Makan 3 Kolom */
.elementor-694 .elementor-element.elementor-element-274736c .e-loop-item:nth-of-type(11n + 5) {
    grid-column: span 3 !important;
}

/* 6. Proporsi Tinggi Gambar */
.elementor-694 .elementor-element.elementor-element-274736c .e-loop-item img {
    width: 100% !important;
    height: 240px !important;
    object-fit: cover !important;
    display: block !important;
}

.elementor-694 .elementor-element.elementor-element-274736c .e-loop-item:nth-of-type(11n + 4) img {
    height: 280px !important;
}

.elementor-694 .elementor-element.elementor-element-274736c .e-loop-item:nth-of-type(11n + 5) img {
    height: 380px !important;
}

/* 7. Responsif Tablet (Maks 1024px) */
@media (max-width: 1024px) {
    .elementor-694 .elementor-element.elementor-element-274736c .elementor-loop-container,
    .elementor-694 .elementor-element.elementor-element-274736c .elementor-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 24px !important;
    }
    .elementor-694 .elementor-element.elementor-element-274736c .e-loop-item {
        grid-column: span 1 !important;
        padding: 0 !important;
        border-right: none !important;
    }
    .elementor-694 .elementor-element.elementor-element-274736c .e-loop-item:nth-of-type(11n + 4),
    .elementor-694 .elementor-element.elementor-element-274736c .e-loop-item:nth-of-type(11n + 5),
    .elementor-694 .elementor-element.elementor-element-274736c .e-loop-item:nth-of-type(11n + 11) {
        grid-column: span 2 !important;
    }
}

/* 8. Responsif HP (Maks 767px) */
@media (max-width: 767px) {
    .elementor-694 .elementor-element.elementor-element-274736c .elementor-loop-container,
    .elementor-694 .elementor-element.elementor-element-274736c .elementor-grid {
        grid-template-columns: 1fr !important;
        gap: 30px !important;
    }
    .elementor-694 .elementor-element.elementor-element-274736c .e-loop-item {
        grid-column: span 1 !important;
        padding: 0 !important;
        border-right: none !important;
    }
    .elementor-694 .elementor-element.elementor-element-274736c .e-loop-item img {
        height: 240px !important;
    }
}/* End custom CSS */