.elementor-8464 .elementor-element.elementor-element-43d73e6{--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;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-927134e */#tutorial-akun .slide img {
    width: 100%;
    height: auto;           /* proporsional */
    max-height: 160px;      /* lebih pendek */
    display: block;
    border-radius: 6px;
    margin: 10px auto 5px auto;
    object-fit: contain;    /* jangan crop, tetap terlihat penuh */
    overflow: hidden;
}
/* Semua slide mulai dalam keadaan offscreen */
#tutorial-akun .slide {
    opacity: 0;
    transform: translateX(30px);
    transition: opacity 0.45s ease, transform 0.45s ease;
}

/* Slide yang aktif (yang tampil via style="display: block") */
#tutorial-akun .slide[style*="block"] {
    opacity: 1 !important;
    transform: translateX(0) !important;
}

/* Efek smooth saat geser ke kiri jika sebelumnya disembunyikan */
#tutorial-akun .slide.hide-left {
    transform: translateX(-30px);
}

/* Dot animasi */
#tutorial-akun .dot {
    transition: background-color 0.3s ease, transform 0.3s ease;
}
#tutorial-akun .dot.active {
    transform: scale(1.3);
}

/* Hover image */
#tutorial-akun .slide img {
    transition: transform 0.6s ease;
}
#tutorial-akun .slide img:hover {
    transform: scale(1.03);
}

/* Tombol klik */
#tutorial-akun .navigation button:active {
    transform: scale(0.95);
    transition: transform 0.1s ease;
}/* End custom CSS */