.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}body.elementor-page-8:not(.elementor-motion-effects-element-type-background), body.elementor-page-8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-v4-rirana-ivory );}/* Start custom CSS *//* Menukarkan bentuk tetikus kepada ikon tangan */
.hover-effect-box {
    cursor: pointer;
}

/* Mengatur kedudukan tajuk agar selari dengan garisan */
.hover-effect-box h2 {
    position: relative;
    display: inline-flex;
    align-items: center;
    transition: all 0.3s ease-in-out;
}

/* Membina garisan secara automatik menggunakan ::before */
.hover-effect-box h2::before {
    content: "";
    display: inline-block;
    width: 32px; /* Panjang asal garisan */
    height: 1px;
    background-color: #262421; /* Warna garisan (Tukar mengikut warna tema anda) */
    margin-right: 16px; /* Jarak asal antara garisan dan tajuk */
    transition: width 0.3s ease-in-out, margin-right 0.3s ease-in-out;
    flex-shrink: 0;
}

/* Kesan Hover: Garisan memanjang dan menolak teks ke kanan */
.hover-effect-box:hover h2::before {
    width: 64px; /* Panjang garisan apabila di-hover */
    margin-right: 24px; /* Jarak bertambah, secara automatik menolak tajuk */
}/* End custom CSS */