.elementor-371 .elementor-element.elementor-element-075873a{--display:flex;--min-height:450px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:0.5;--border-radius:10px 10px 10px 10px;}.elementor-371 .elementor-element.elementor-element-075873a:not(.elementor-motion-effects-element-type-background), .elementor-371 .elementor-element.elementor-element-075873a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://shifor.com/wp-content/uploads/2025/12/ML1-1.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-371 .elementor-element.elementor-element-075873a::before, .elementor-371 .elementor-element.elementor-element-075873a > .elementor-background-video-container::before, .elementor-371 .elementor-element.elementor-element-075873a > .e-con-inner > .elementor-background-video-container::before, .elementor-371 .elementor-element.elementor-element-075873a > .elementor-background-slideshow::before, .elementor-371 .elementor-element.elementor-element-075873a > .e-con-inner > .elementor-background-slideshow::before, .elementor-371 .elementor-element.elementor-element-075873a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';background-color:#181818C2;}.elementor-371 .elementor-element.elementor-element-075873a.e-con{--align-self:center;}.elementor-371 .elementor-element.elementor-element-8674e97{text-align:center;}.elementor-371 .elementor-element.elementor-element-8674e97 .elementor-heading-title{font-family:"Poppins", Sans-serif;color:#FFFFFF;}.elementor-371 .elementor-element.elementor-element-abba265{text-align:center;color:#FFFFFF;}.elementor-371 .elementor-element.elementor-element-9d63293{--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;}.elementor-371 .elementor-element.elementor-element-fd4ccc7{--display:flex;--border-radius:10px 10px 10px 10px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;--z-index:1;}.elementor-371 .elementor-element.elementor-element-fd4ccc7:not(.elementor-motion-effects-element-type-background), .elementor-371 .elementor-element.elementor-element-fd4ccc7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-371 .elementor-element.elementor-element-311dd90{--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:-110px;--margin-bottom:-40px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-371 .elementor-element.elementor-element-f6a2e7b{--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;}.elementor-371 .elementor-element.elementor-element-a77e75a{--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:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-371 .elementor-element.elementor-element-a77e75a:not(.elementor-motion-effects-element-type-background), .elementor-371 .elementor-element.elementor-element-a77e75a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-a049bad );}.elementor-371 .elementor-element.elementor-element-c53280d{--divider-border-style:solid;--divider-color:#FFFFFF;--divider-border-width:1px;--divider-element-spacing:50px;}.elementor-371 .elementor-element.elementor-element-c53280d .elementor-divider-separator{width:100%;margin:0 auto;margin-center:0;}.elementor-371 .elementor-element.elementor-element-c53280d .elementor-divider{text-align:center;padding-block-start:20px;padding-block-end:20px;}.elementor-371 .elementor-element.elementor-element-c53280d .elementor-divider__text{color:#FFFFFF;font-size:25px;font-weight:700;}.elementor-371 .elementor-element.elementor-element-e455cd8{text-align:center;color:#FFFFFF;}.elementor-371 .elementor-element.elementor-element-1b67fff .elementor-button{fill:var( --e-global-color-a049bad );color:var( --e-global-color-a049bad );background-color:#FFFFFF;border-radius:6px 6px 6px 6px;}@media(min-width:768px){.elementor-371 .elementor-element.elementor-element-075873a{--content-width:681px;}}/* Start custom CSS for html, class: .elementor-element-48c5485 *//* --- HEADER SECTION --- */
    .kf-header {
        text-align: center;
        margin-bottom: 60px;
    }

    .kf-header h1 {
        color: #0099E5;
        font-size: 48px;
        font-weight: 800;
        margin: 0;
        letter-spacing: -1.5px;
    }

    .kf-header p {
        color: #6699CC;
        font-size: 28px;
        font-weight: 400;
        margin: 10px 0 0;
    }

    /* --- LIST CONTAINER --- */
    .kf-list {
        position: relative;
        padding: 0;
        margin: 0;
    }
    
    /* GARIS PUTUS-PUTUS VERTIKAL */
    .kf-line-bg {
        position: absolute;
        top: 27px;    
        bottom: 27px; 
        left: 27px;   
        width: 0;
        border-left: 2px dotted #ccc;
        z-index: 0;
    }

    /* --- ITEM ROW --- */
    .kf-item {
        display: flex;
        /* Hapus border-bottom dari sini agar garis tidak sampai ke angka */
        /* border-bottom: 1px solid #B0D6EA;  <-- DIHAPUS */
        position: relative;
        /* Padding dipindahkan agar layout tetap rapi */
        padding-top: 25px; 
    }
    
    /* --- NUMBER BOX --- */
    .kf-number {
        width: 54px;
        height: 54px;
        background-color: #95D7F2;
        color: #ffffff;
        border-radius: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 20px;
        font-weight: 500;
        flex-shrink: 0;
        margin-right: 40px;
        position: relative;
        z-index: 1;
        box-shadow: 0 2px 4px rgba(0,0,0,0.05);
    }

    /* --- KONTEN TEXT (Judul & Deskripsi) --- */
    .kf-content {
        flex: 1;
        display: flex;
        justify-content: space-between;
        align-items: center;
        
        /* PERBAIKAN: Border Bottom dipindah ke sini */
        border-bottom: 1px solid #B0D6EA; 
        padding-bottom: 25px; /* Beri jarak antara teks dan garis */
    }

    /* Hapus garis pada item terakhir agar lebih rapi (opsional, sesuai selera) */
    /* .kf-item:last-child .kf-content { border-bottom: none; } */

    .kf-title {
        color: #0099E5;
        font-size: 18px;
        font-weight: 700;
        margin: 0;
    }

    .kf-desc {
        color: #6C8EA3;
        font-size: 16px;
        font-weight: 400;
        margin: 0;
        text-align: right;
    }

    /* --- RESPONSIVE (HP) --- */
    @media (max-width: 768px) {
        .kf-header h1 { font-size: 36px; }
        .kf-header p { font-size: 20px; }
        
        .kf-content {
            flex-direction: column;
            align-items: flex-start;
            gap: 5px;
        }
        .kf-desc {
            text-align: left;
            font-size: 14px;
        }
        
        .kf-number {
            margin-right: 20px;
            width: 44px;
            height: 44px;
            font-size: 18px;
        }
        
        .kf-line-bg {
            left: 22px;
            top: 22px;
            bottom: 22px;
        }
    }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e3bfefe *//* --- HEADER SECTION --- */
    .wf-header {
        background-color: #9FDCFB;
        text-align: center;
        padding: 180px 70px 70px 70px;
        margin-bottom: 0px;
        position: relative;
    }

    /* STYLE UNTUK IMAGE ICON BARU */
    .wf-header-icon-img {
        width: 65px; /* Ukuran disesuaikan agar proporsional sebagai header */
        height: auto;
        margin-bottom: 15px;
        display: inline-block;
    }

    .wf-header h1 {
        color: #0090D8;
        font-size: 48px;
        font-weight: 800;
        margin: 0;
        letter-spacing: -1px;
    }

    .wf-header p {
        color: #6C8EA3;
        font-size: 18px;
        margin: 10px 0 0;
        font-weight: 400;
    }

    /* --- CONNECTOR LINES --- */
    .wf-lines-container {
        height: 60px;
        width: 100%;
        position: relative;
        margin-bottom: -1px;
    }

    .wf-line-vertical-main {
        width: 1px;
        height: 100%;
        background-color: #8FD5F5;
        margin: 0 auto;
    }

    .wf-line-horizontal {
        position: absolute;
        bottom: 0;
        left: 17%; 
        right: 17%;
        height: 1px;
        background-color: #8FD5F5;
    }
    
    .wf-line-drop {
        position: absolute;
        bottom: -30px;
        width: 1px;
        height: 30px;
        background-color: #8FD5F5;
    }
    .wf-line-drop.left { left: 17%; }
    .wf-line-drop.center { left: 50%; transform: translateX(-50%); }
    .wf-line-drop.right { right: 17%; }


    /* --- GRID SYSTEM --- */
    .wf-row {
        display: flex;
        justify-content: center;
        gap: 25px;
        margin-bottom: 50px;
        position: relative;
        z-index: 2;
    }
    .wf-row.top-row { margin-top: 30px; }

    /* --- CARD STYLE --- */
    .wf-card {
        background-color: #92D7F6;
        color: #fff;
        padding-top: 80px; 
        padding-bottom: 40px;
        padding-left: 30px;
        padding-right: 30px;
        border-radius: 0px; /* Radius tajam */
        flex: 1;
        max-width: 320px;
        text-align: center;
        position: relative;
    }

    /* Lingkaran Nomor */
    .wf-number {
        position: absolute;
        top: -30px;
        left: 30px;
        width: 60px;
        height: 60px;
        background-color: rgba(255, 255, 255, 0.4); 
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-family: 'Georgia', serif;
        font-size: 28px;
        color: #0077B6;
        font-weight: 400;
        backdrop-filter: blur(2px);
    }

    .wf-card h3 {
        font-size: 22px;
        font-weight: 700;
        margin: 0 0 15px;
        color: #fff;
    }

    .wf-card p {
        font-size: 15px;
        line-height: 1.6;
        margin: 0;
        color: #fff;
        opacity: 0.95;
    }


    /* --- CENTRAL CIRCLE (SEML) --- */
    .wf-circle-wrapper {
        display: flex;
        justify-content: center;
        margin: 40px 0 80px;
    }

    .wf-circle {
        width: 240px;
        height: 240px;
        background-color: #0090D8;
        border-radius: 50%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        color: #fff;
        padding: 20px;
        position: relative;
        z-index: 10;
        box-shadow: 0 15px 35px rgba(0, 144, 216, 0.25);
    }

    .wf-circle h3 {
        color: white;
        font-size: 24px;
        font-weight: 800;
        margin: 0;
        letter-spacing: 1px;
    }
    .wf-circle span {
        color: white;
        font-size: 16px;
        font-weight: 600;
        margin-top: 8px;
        display: block;
    }

    /* --- RESPONSIVE MOBILE --- */
    @media (max-width: 900px) {
        .wf-row { flex-direction: column; align-items: center; gap: 60px; }
        .wf-card { width: 100%; max-width: 100%; }
        .wf-lines-container { display: none; }
        .wf-number { left: 50%; transform: translateX(-50%); }
    }/* End custom CSS */