.elementor-27 .elementor-element.elementor-element-5221adb{--swiper-slides-to-display:4;--swiper-slides-gap:10px;--arrow-prev-left-align:0%;--arrow-prev-translate-x:0px;--arrow-prev-left-position:0px;--arrow-prev-top-align:50%;--arrow-prev-translate-y:-50%;--arrow-prev-top-position:0px;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:0px;--arrow-next-top-align:50%;--arrow-next-translate-y:-50%;--arrow-next-top-position:0px;}.elementor-27 .elementor-element.elementor-element-5221adb .swiper-slide > .elementor-element{height:100%;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-27 .elementor-element.elementor-element-30d3780 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:23px;font-weight:700;color:var( --e-global-color-0e94ab7 );}.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-27 .elementor-element.elementor-element-7ea1e4a{--grid-columns:5;--grid-row-gap:20px;--grid-column-gap:4px;}.elementor-27 .elementor-element.elementor-element-8b8f163{padding:30px 0px 0px 0px;}.elementor-27 .elementor-element.elementor-element-8b8f163 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:23px;font-weight:700;color:var( --e-global-color-0e94ab7 );}.elementor-27 .elementor-element.elementor-element-b02fe2a{--grid-columns:5;--grid-row-gap:20px;--grid-column-gap:4px;}.elementor-27 .elementor-element.elementor-element-ee4e549{--spacer-size:50px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-27 .elementor-element.elementor-element-5221adb{--swiper-slides-to-display:2;}.elementor-27 .elementor-element.elementor-element-7ea1e4a{--grid-columns:2;}.elementor-27 .elementor-element.elementor-element-b02fe2a{--grid-columns:2;}}@media(max-width:767px){.elementor-27 .elementor-element.elementor-element-5221adb{--swiper-slides-to-display:1;}.elementor-27 .elementor-element.elementor-element-7ea1e4a{--grid-columns:1;}.elementor-27 .elementor-element.elementor-element-b02fe2a{--grid-columns:1;}}/* Start custom CSS for loop-carousel, class: .elementor-element-5221adb *//* ==== CARD WRAPPER ==== */
.elementor-loop-item {
    background: #0e0e0e;
    border-radius: 18px;
    overflow: hidden;
    padding: 0;
    margin: 5px;
    box-shadow: 0 6px 20px rgba(0,0,0,0.35);
    transition: all .32s ease;
}

/* Hover effect: naik + glow pink */
.elementor-loop-item:hover {
    transform: translateY(-10px);
    box-shadow: 0 10px 30px rgba(255, 0, 100, 0.45);
}

/* ==== IMAGE POSTER ==== */
.elementor-loop-item img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 18px;
    transition: transform .35s ease;
}

/* Zoom ketika hover */
.elementor-loop-item:hover img {
    transform: scale(1.08);
}

/* ==== TITLE ==== */
.elementor-loop-item .elementor-post__title {
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    padding: 10px 8px;
    line-height: 1.35;
    transition: color .25s ease;
}

.elementor-loop-item:hover .elementor-post__title {
    color: #ff006a;
}

/* ==== CAROUSEL NAVIGATION ==== */

/* Hapus default arrows kalau mau */
.slick-arrow {
    filter: drop-shadow(0 0 5px rgba(0,0,0,0.4));
    opacity: .8;
    transition: .2s ease;
}
.slick-arrow:hover {
    opacity: 1;
}

/* ==== DOTS STYLING ==== */
.slick-dots li button:before {
    font-size: 10px;
    color: #ffffff !important;
    opacity: .5;
}

.slick-dots li.slick-active button:before {
    color: #ff0077 !important;
    opacity: 1;
    transform: scale(1.4);
}

/* Jarak dots lebih enak */
.slick-dots {
    bottom: -20px;
}/* End custom CSS */