.elementor-528 .elementor-element.elementor-element-15e8442{--display:flex;--min-height:0px;--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-528 .elementor-element.elementor-element-11cd1a7{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-528 .elementor-element.elementor-element-3a01137{--display:flex;--min-height:0px;--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-528 .elementor-element.elementor-element-614d192{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}@media(max-width:767px){.elementor-528 .elementor-element.elementor-element-3a01137{--content-width:100%;}}@media(min-width:768px){.elementor-528 .elementor-element.elementor-element-15e8442{--content-width:100%;}.elementor-528 .elementor-element.elementor-element-3a01137{--content-width:100%;}}/* Start custom CSS for html, class: .elementor-element-11cd1a7 *//* 1. Jadikan 'step' sebagai rujukan */
/* '.elementor-528 .elementor-element.elementor-element-11cd1a7' bermaksud seksyen ini sahaja */
.elementor-528 .elementor-element.elementor-element-11cd1a7 .workflow-step {
  position: relative;
  /* Paksa overflow visible pada setiap langkah, untuk jaminan */
  overflow: visible !important; 
}

/* 2. Letak kad di lapisan atas */
.elementor-528 .elementor-element.elementor-element-11cd1a7 .workflow-step-card {
  z-index: 2;
  position: relative;
}

/* 3. Anak panah (desktop sahaja) */
@media (min-width: 1024px) {
  .elementor-528 .elementor-element.elementor-element-11cd1a7 .workflow-step:not(:last-child)::after {
    content: '';
    position: absolute;
    
    /* Selaraskan kedudukan - 
       (Tinggi ikon 100px / 2) + (padding atas 2.5rem / ~2) = ~70px.
       Cuba ubah 70px jika tidak selari (cth: 75px atau 80px).
    */
    top: 70px; 
    
    /* Letak di sebelah kanan kad */
    left: 100%; 
    
    /* Lebar anak panah (sama dengan 'gap' 1.5rem anda) */
    width: 1.5rem; 
    height: 20px;
    
    /* Imej SVG Arrow */
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 100 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3ClinearGradient id='g'%3E%3Cstop stop-color='%239333ea'/%3E%3Cstop offset='1' stop-color='%2306B6D4'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M95 10 L80 15 M95 10 L80 5' stroke='url(%23g)' stroke-width='3' fill='none' stroke-linecap='round'/%3E%3Cline x1='0' y1='10' x2='85' y2='10' stroke='url(%23g)' stroke-width='3' stroke-dasharray='5 5'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    opacity: 0.7;
    z-index: 1; /* Letak di belakang kad */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-614d192 *//* GANTIKAN KOD LAMA ANDA DENGAN YANG INI */

@media (min-width: 1024px) {
    .workflow-step { 
        position: relative; 
    }
    .workflow-step:not(:last-child)::after {
        content: '';
        position: absolute;
        
        /* DIKEMASKINI: Diselaraskan dan dibesarkan */
        top: 80px;      /* Tukar dari 70px */
        height: 40px;   /* Tukar dari 20px */

        left: 50%;
        transform: translateX(50%);
        width: calc(100% - 1.5rem);
        z-index: 3;
        background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 100 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3ClinearGradient id='g'%3E%3Cstop stop-color='%239333ea'/%3E%3Cstop offset='1' stop-color='%2306B6D4'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M95 10 L80 15 M95 10 L80 5' stroke='url(%23g)' stroke-width='3' fill='none' stroke-linecap='round'/%3E%3Cline x1='0' y1='10' x2='85' y2='10' stroke='url(%23g)' stroke-width='3' stroke-dasharray='5 5'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        opacity: 0.7;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3a01137 *//* 1. Jadikan 'step' sebagai rujukan */
/* '.elementor-528 .elementor-element.elementor-element-3a01137' bermaksud seksyen ini sahaja */
.elementor-528 .elementor-element.elementor-element-3a01137 .workflow-step {
  position: relative;
  /* Paksa overflow visible pada setiap langkah, untuk jaminan */
  overflow: visible !important; 
}

/* 2. Letak kad di lapisan atas */
.elementor-528 .elementor-element.elementor-element-3a01137 .workflow-step-card {
  z-index: 2;
  position: relative;
}

/* 3. Anak panah (desktop sahaja) */
@media (min-width: 1024px) {
  .elementor-528 .elementor-element.elementor-element-3a01137 .workflow-step:not(:last-child)::after {
    content: '';
    position: absolute;
    
    /* Selaraskan kedudukan - 
       (Tinggi ikon 100px / 2) + (padding atas 2.5rem / ~2) = ~70px.
       Cuba ubah 70px jika tidak selari (cth: 75px atau 80px).
    */
    top: 70px; 
    
    /* Letak di sebelah kanan kad */
    left: 100%; 
    
    /* Lebar anak panah (sama dengan 'gap' 1.5rem anda) */
    width: 1.5rem; 
    height: 20px;
    
    /* Imej SVG Arrow */
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 100 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3ClinearGradient id='g'%3E%3Cstop stop-color='%239333ea'/%3E%3Cstop offset='1' stop-color='%2306B6D4'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M95 10 L80 15 M95 10 L80 5' stroke='url(%23g)' stroke-width='3' fill='none' stroke-linecap='round'/%3E%3Cline x1='0' y1='10' x2='85' y2='10' stroke='url(%23g)' stroke-width='3' stroke-dasharray='5 5'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    opacity: 0.7;
    z-index: 1; /* Letak di belakang kad */
  }
}/* End custom CSS */