.elementor-29 .elementor-element.elementor-element-cc1d1c5{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:5px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-29 .elementor-element.elementor-element-7448dde{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-29 .elementor-element.elementor-element-62075b0 .heroCover{min-height:647px;height:647px;}.elementor-29 .elementor-element.elementor-element-62075b0 .heroSlides{height:647px;}.elementor-29 .elementor-element.elementor-element-62075b0 .heroModel{height:432px !important;max-height:none;right:13px;bottom:0px;}.elementor-29 .elementor-element.elementor-element-62075b0 .heroImageInBox{object-fit:cover !important;}.elementor-29 .elementor-element.elementor-element-67c689a{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-29 .elementor-element.elementor-element-8685997{--display:flex;}.elementor-29 .elementor-element.elementor-element-0a59a07{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-29 .elementor-element.elementor-element-0a59a07 .elementor-heading-title{font-size:32px;font-weight:900;}.elementor-29 .elementor-element.elementor-element-852bf2c{margin:-18px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;font-size:16px;font-weight:500;}.elementor-29 .elementor-element.elementor-element-7457bba{--display:flex;}.elementor-29 .elementor-element.elementor-element-8a27da4{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-29 .elementor-element.elementor-element-8a27da4:not(.elementor-motion-effects-element-type-background), .elementor-29 .elementor-element.elementor-element-8a27da4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F8FB;}.elementor-29 .elementor-element.elementor-element-f0c9e75{--display:flex;}.elementor-29 .elementor-element.elementor-element-31b3f99{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-29 .elementor-element.elementor-element-23c7bfa{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 20px;text-align:start;}.elementor-29 .elementor-element.elementor-element-23c7bfa .elementor-heading-title{font-size:32px;font-weight:900;}.elementor-29 .elementor-element.elementor-element-b8216ef{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + -20px) 0px;padding:0px 0px 0px 20px;text-align:start;font-size:16px;font-weight:500;}.elementor-29 .elementor-element.elementor-element-98de02f{margin:-24px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-29 .elementor-element.elementor-element-ceed095{--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;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-29 .elementor-element.elementor-element-b9129e1{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-29 .elementor-element.elementor-element-7bcd119{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-29 .elementor-element.elementor-element-ef37491{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 20px;text-align:start;}.elementor-29 .elementor-element.elementor-element-ef37491 .elementor-heading-title{font-size:32px;font-weight:900;}.elementor-29 .elementor-element.elementor-element-3f73b51{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + -20px) 0px;padding:0px 0px 0px 20px;text-align:start;font-size:16px;font-weight:500;}.elementor-29 .elementor-element.elementor-element-dfbd50f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-29 .elementor-element.elementor-element-dfbd50f.elementor-element{--align-self:center;}.elementor-29 .elementor-element.elementor-element-a885dca{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-29 .elementor-element.elementor-element-a885dca:not(.elementor-motion-effects-element-type-background), .elementor-29 .elementor-element.elementor-element-a885dca > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F8FB;}.elementor-29 .elementor-element.elementor-element-2422b6b{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:65px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-29 .elementor-element.elementor-element-c3dd754{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 20px;text-align:start;}.elementor-29 .elementor-element.elementor-element-c3dd754 .elementor-heading-title{font-size:32px;font-weight:900;}.elementor-29 .elementor-element.elementor-element-8b0b0b7{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + -20px) 0px;padding:0px 0px 0px 20px;text-align:start;font-size:16px;font-weight:500;}.elementor-29 .elementor-element.elementor-element-4c1cb6c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-29 .elementor-element.elementor-element-f8320bc{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:55px;--padding-left:0px;--padding-right:0px;}.elementor-29 .elementor-element.elementor-element-69c2eac4{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-29 .elementor-element.elementor-element-6a4d81d{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:65px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-29 .elementor-element.elementor-element-38a6ac47{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 20px;text-align:start;}.elementor-29 .elementor-element.elementor-element-38a6ac47 .elementor-heading-title{font-size:32px;font-weight:900;}.elementor-29 .elementor-element.elementor-element-19cddaab{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + -20px) 0px;padding:0px 0px 0px 20px;text-align:start;font-size:16px;font-weight:500;}.elementor-29 .elementor-element.elementor-element-24c519c{--e-image-carousel-slides-to-show:8;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:35px 0px 65px 0px;}.elementor-29 .elementor-element.elementor-element-24c519c.elementor-element{--align-self:center;}.elementor-29 .elementor-element.elementor-element-24c519c .elementor-swiper-button.elementor-swiper-button-prev, .elementor-29 .elementor-element.elementor-element-24c519c .elementor-swiper-button.elementor-swiper-button-next{font-size:21px;color:var( --e-global-color-text );}.elementor-29 .elementor-element.elementor-element-24c519c .elementor-swiper-button.elementor-swiper-button-prev svg, .elementor-29 .elementor-element.elementor-element-24c519c .elementor-swiper-button.elementor-swiper-button-next svg{fill:var( --e-global-color-text );}.elementor-29 .elementor-element.elementor-element-24c519c .swiper-wrapper{display:flex;align-items:center;}.elementor-29 .elementor-element.elementor-element-24c519c .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-style:solid;border-width:1px 1px 1px 1px;border-color:#DBDBDB;border-radius:15px 15px 15px 15px;}.elementor-29 .elementor-element.elementor-element-ba54e35{--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;--overlay-opacity:0.5;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-29 .elementor-element.elementor-element-ba54e35:not(.elementor-motion-effects-element-type-background), .elementor-29 .elementor-element.elementor-element-ba54e35 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F8F8;}.elementor-29 .elementor-element.elementor-element-ba54e35::before, .elementor-29 .elementor-element.elementor-element-ba54e35 > .elementor-background-video-container::before, .elementor-29 .elementor-element.elementor-element-ba54e35 > .e-con-inner > .elementor-background-video-container::before, .elementor-29 .elementor-element.elementor-element-ba54e35 > .elementor-background-slideshow::before, .elementor-29 .elementor-element.elementor-element-ba54e35 > .e-con-inner > .elementor-background-slideshow::before, .elementor-29 .elementor-element.elementor-element-ba54e35 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF;background-image:url("https://dm.kreatifdigi.com/wp-content/uploads/2026/02/over3.png");--background-overlay:'';}.elementor-29 .elementor-element.elementor-element-4cc4995{--display:flex;--border-radius:0px 0px 0px 0px;--padding-top:0px;--padding-bottom:65px;--padding-left:12px;--padding-right:0px;}.elementor-29 .elementor-element.elementor-element-e26069b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:45px 0px 0px 0px;}.elementor-29 .elementor-element.elementor-element-6198759{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:51px;--padding-left:0px;--padding-right:0px;}.elementor-29 .elementor-element.elementor-element-6198759:not(.elementor-motion-effects-element-type-background), .elementor-29 .elementor-element.elementor-element-6198759 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F8FB;}.elementor-29 .elementor-element.elementor-element-752e381{--display:flex;--padding-top:45px;--padding-bottom:65px;--padding-left:12px;--padding-right:0px;}.elementor-29 .elementor-element.elementor-element-d1988db{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-29 .elementor-element.elementor-element-67c689a{--content-width:1200px;}.elementor-29 .elementor-element.elementor-element-8a27da4{--content-width:1200px;}.elementor-29 .elementor-element.elementor-element-ceed095{--content-width:1200px;}.elementor-29 .elementor-element.elementor-element-a885dca{--content-width:1200px;}.elementor-29 .elementor-element.elementor-element-69c2eac4{--content-width:1200px;}.elementor-29 .elementor-element.elementor-element-ba54e35{--content-width:1200px;}.elementor-29 .elementor-element.elementor-element-6198759{--content-width:1260px;}.elementor-29 .elementor-element.elementor-element-752e381{--width:100%;}}@media(max-width:1024px){.elementor-29 .elementor-element.elementor-element-62075b0 .heroCover{min-height:450px;height:450px;}.elementor-29 .elementor-element.elementor-element-62075b0 .heroSlides{height:450px;}.elementor-29 .elementor-element.elementor-element-62075b0 .heroModel{height:299px !important;max-height:none;}}@media(max-width:767px){.elementor-29 .elementor-element.elementor-element-62075b0 .heroCover{min-height:350px;height:350px;}.elementor-29 .elementor-element.elementor-element-62075b0 .heroSlides{height:350px;}.elementor-29 .elementor-element.elementor-element-62075b0 .heroModel{height:149px !important;max-height:none;right:-7px;bottom:0px;}.elementor-29 .elementor-element.elementor-element-62075b0 .heroImageInBox{min-height:112px !important;}.elementor-29 .elementor-element.elementor-element-62075b0 .heroOverlay--imageOnly{min-height:112px !important;}.elementor-29 .elementor-element.elementor-element-f8320bc{--padding-top:12px;--padding-bottom:12px;--padding-left:12px;--padding-right:12px;}.elementor-29 .elementor-element.elementor-element-24c519c{--e-image-carousel-slides-to-show:3;}.elementor-29 .elementor-element.elementor-element-24c519c .elementor-swiper-button.elementor-swiper-button-prev, .elementor-29 .elementor-element.elementor-element-24c519c .elementor-swiper-button.elementor-swiper-button-next{font-size:23px;}.elementor-29 .elementor-element.elementor-element-24c519c .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-radius:8px 8px 8px 8px;}}/* Start custom CSS for html, class: .elementor-element-01b7cec */28px/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-5ea7d5f *//* ===============================
   ARTIKEL TERBARU WIDGET
================================ */

.articleWidget {
    background: #fff;
    width: 100%;
    /* Pastikan container tidak overflow keluar layar */
    overflow: hidden; 
}

.articleHead {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 22px;
}

.articleHead h2 {
    font-size: 28px;
    font-weight: 900;
    margin: 0;
}

.articleMore {
    font-weight: 800;
    font-size: 14px;
    color: #0b5fff;
    text-decoration: none;
}

/* --- DESKTOP: GRID LAYOUT --- */
.articleGrid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    padding-bottom: 10px; /* Ruang untuk shadow card jika ada hover effect */
}

.articleCard {
    display: flex;
    flex-direction: column;
    gap: 12px;
    text-decoration: none;
    color: #111827;
    position: relative;
}

.articleThumb {
    border-radius: 14px;
    overflow: hidden;
    aspect-ratio: 4/3;
    background: #f3f4f6;
    width: 100%;
}

.articleThumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .3s ease;
}

.articleCard h3 {
    font-size: 16px;
    font-weight: 800;
    line-height: 1.35;
    margin: 0;
}

.articleCard:hover img {
    transform: scale(1.05);
}

/* --- TABLET RESPONSIVE (Masih Grid tapi 3 kolom) --- */
@media (max-width: 1100px) {
    .articleGrid {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* --- MOBILE RESPONSIVE: SLIDER MODE --- */
@media (max-width: 768px) {
    .articleHead h2 {
        font-size: 22px; /* Perkecil judul sedikit di HP */
    }

    .articleGrid {
        display: flex; /* Ubah Grid jadi Flex untuk Slider */
        grid-template-columns: none; /* Reset grid cols */
        gap: 16px;
        
        /* Mengaktifkan Scroll Horizontal */
        overflow-x: auto; 
        
        /* Efek 'Snap' agar berhenti pas di tengah kartu */
        scroll-snap-type: x mandatory; 
        -webkit-overflow-scrolling: touch; /* Smooth scroll iOS */
        
        /* Memberi padding agar item pertama & terakhir tidak mepet layar */
        padding-right: 20px; 
        padding-bottom: 20px;
    }

    /* Menyembunyikan Scrollbar (Opsional, agar terlihat bersih) */
    .articleGrid::-webkit-scrollbar {
        display: none;
    }
    .articleGrid {
        -ms-overflow-style: none;  /* IE and Edge */
        scrollbar-width: none;  /* Firefox */
    }

    .articleCard {
        /* Ukuran Kartu di Mobile */
        min-width: 80%; /* Lebar kartu 80% dari layar HP */
        flex: 0 0 80%; /* Mencegah kartu mengecil (shrink) */
        
        /* Snap Point */
        scroll-snap-align: start;
    }
}/* End custom CSS */