.elementor-441 .elementor-element.elementor-element-9678a16{--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-441 .elementor-element.elementor-element-9678a16:not(.elementor-motion-effects-element-type-background), .elementor-441 .elementor-element.elementor-element-9678a16 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://shifor.com/wp-content/uploads/2025/12/FDS-1.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-441 .elementor-element.elementor-element-9678a16::before, .elementor-441 .elementor-element.elementor-element-9678a16 > .elementor-background-video-container::before, .elementor-441 .elementor-element.elementor-element-9678a16 > .e-con-inner > .elementor-background-video-container::before, .elementor-441 .elementor-element.elementor-element-9678a16 > .elementor-background-slideshow::before, .elementor-441 .elementor-element.elementor-element-9678a16 > .e-con-inner > .elementor-background-slideshow::before, .elementor-441 .elementor-element.elementor-element-9678a16 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';background-color:#181818C2;}.elementor-441 .elementor-element.elementor-element-9678a16.e-con{--align-self:center;}.elementor-441 .elementor-element.elementor-element-3d9adbb{text-align:center;}.elementor-441 .elementor-element.elementor-element-3d9adbb .elementor-heading-title{font-family:"Poppins", Sans-serif;color:#FFFFFF;}.elementor-441 .elementor-element.elementor-element-3774c93{text-align:center;color:#FFFFFF;}.elementor-441 .elementor-element.elementor-element-9749d77{--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-441 .elementor-element.elementor-element-33cd72a{--spacer-size:41px;}.elementor-441 .elementor-element.elementor-element-2cac83e{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-441 .elementor-element.elementor-element-878b2db{--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-441 .elementor-element.elementor-element-dff17c2{--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-441 .elementor-element.elementor-element-4fe75d6{--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-441 .elementor-element.elementor-element-6b5c0d2{--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-441 .elementor-element.elementor-element-75ad72b{--spacer-size:50px;}.elementor-441 .elementor-element.elementor-element-f485d1f{--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-441 .elementor-element.elementor-element-e07ce76{--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-441 .elementor-element.elementor-element-e07ce76:not(.elementor-motion-effects-element-type-background), .elementor-441 .elementor-element.elementor-element-e07ce76 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-a049bad );}.elementor-441 .elementor-element.elementor-element-7a7d80c{--divider-border-style:solid;--divider-color:#FFFFFF;--divider-border-width:1px;--divider-element-spacing:50px;}.elementor-441 .elementor-element.elementor-element-7a7d80c .elementor-divider-separator{width:100%;margin:0 auto;margin-center:0;}.elementor-441 .elementor-element.elementor-element-7a7d80c .elementor-divider{text-align:center;padding-block-start:20px;padding-block-end:20px;}.elementor-441 .elementor-element.elementor-element-7a7d80c .elementor-divider__text{color:#FFFFFF;font-size:25px;font-weight:700;}.elementor-441 .elementor-element.elementor-element-7522544{text-align:center;color:#FFFFFF;}.elementor-441 .elementor-element.elementor-element-2b6d2d9 .elementor-button{fill:var( --e-global-color-a049bad );color:var( --e-global-color-a049bad );background-color:#FFFFFF;border-radius:6px 6px 6px 6px;}@media(max-width:767px){.elementor-441 .elementor-element.elementor-element-235090f{padding:0px 0px 0px 0px;}}@media(min-width:768px){.elementor-441 .elementor-element.elementor-element-9678a16{--content-width:681px;}}/* Start custom CSS for html, class: .elementor-element-d8c9b40 *//* --- WRAPPER --- */
    .fs-wrapper {
        font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
        padding: 60px 20px;
        background-color: #fff;
    }

    .fs-container {
        max-width: 1200px;
        margin: 0 auto;
    }

    /* --- HEADER --- */
    .fs-header { margin-bottom: 40px; }

    .fs-header h2 {
        color: #0090D8;
        font-size: 48px;
        font-weight: 800;
        line-height: 1.1;
        margin: 0;
    }

    /* --- GRID SYSTEM --- */
    .fs-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 20px;
    }

    /* --- CARD STYLE --- */
    .fs-card {
        background-color: #D6F1FC;
        border-radius: 16px;
        padding: 30px;
        min-height: 320px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        box-sizing: border-box;
        transition: transform 0.3s ease;
    }

    .fs-card:hover { transform: translateY(-5px); }

    .fs-card-text {
        color: #007BB5;
        font-size: 18px;
        font-weight: 600;
        line-height: 1.4;
        margin: 0;
    }

    /* Lingkaran Ikon */
    .fs-icon-circle {
        width: 50px;
        height: 50px;
        background-color: #0090D8;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 20px;
        overflow: hidden; /* Mencegah gambar keluar lingkaran */
    }

    /* STYLE UNTUK GAMBAR ICON */
    .fs-icon-img {
        width: 26px;  /* Atur ukuran ikon di sini */
        height: auto; /* Agar proporsional */
        display: block;
    }

    /* --- RESPONSIVE MOBILE --- */
    @media (max-width: 900px) {
        .fs-header h2 { font-size: 36px; }
        .fs-grid { grid-template-columns: 1fr; gap: 20px; }
        .fs-card { min-height: 200px; }
    }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-235090f *//* --- WRAPPER --- */
    .mc-wrapper {
 
        background-color: #fff;
        display: flex;
        justify-content: center;
    }

    .mc-container {
        max-width: 1100px;
        width: 100%;
    }

    /* --- BLUE BOX --- */
    .mc-box {
        background-color: #A9D6E9;
        border-radius: 20px;
        padding: 50px 60px;
        box-sizing: border-box;
    }

    /* --- HEADER --- */
    .mc-header {
        display: flex;
        align-items: center;
        margin-bottom: 50px;
        gap: 30px;
    }

    .mc-title {
        color: #0090D8;
        font-size: 42px;
        font-weight: 800;
        margin: 0;
        letter-spacing: -1px;
        white-space: nowrap;
        line-height: 1;
    }

    .mc-line {
        height: 2px;
        background-color: #0090D8;
        width: 100%;
        display: block;
        margin-top: 8px;
    }

    /* --- ICONS GRID --- */
    .mc-grid {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-wrap: wrap;
        gap: 20px;
    }

    .mc-item {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        width: 18%;
        min-width: 120px;
    }

    /* --- ICON IMAGE FIX (ANTI-JUMBO) --- */
    .mc-icon-img {
        /* Menggunakan !important agar tidak ditimpa tema */
        width: 65px !important;
        height: 65px !important;
        
        /* Object fit contain: Gambar pas di dalam kotak 65x65 tanpa gepeng */
        object-fit: contain !important; 
        object-position: center !important;
        
        /* Reset margin & display */
        margin: 0 auto 20px auto !important;
        display: block !important;
        max-width: 100% !important;
        background: transparent !important;
        box-shadow: none !important;
        border: none !important;
    }

    .mc-label {
        color: #008ACF;
        font-size: 16px;
        font-weight: 500;
        line-height: 1.3;
    }

    /* --- RESPONSIVE MOBILE --- */
    @media (max-width: 768px) {
        .mc-box { padding: 40px 25px; }
        .mc-header { 
            flex-direction: column; 
            align-items: flex-start; 
            gap: 15px; 
            margin-bottom: 40px;
        }
        .mc-title { font-size: 32px; white-space: normal; }
        .mc-line { width: 100px; }
        .mc-grid { justify-content: center; gap: 40px; }
        .mc-item { width: 45%; }
    }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-06b7f2e *//* --- WRAPPER --- */
    .rs-wrapper {
        
    
        background-color: #fff;
        display: flex;
        justify-content: center;
    }

    .rs-container {
        max-width: 1000px;
        width: 100%;
    }

    /* --- HEADER SECTION --- */
    .rs-header {
        display: flex;
        align-items: center;
        margin-bottom: 60px;
        gap: 40px;
    }

    .rs-title {
        color: #0090D8;
        font-size: 42px;
        font-weight: 800;
        line-height: 1.1;
        margin: 0;
        flex: 1;
    }

    /* Garis Pemisah (Desktop: Vertikal) */
    .rs-separator {
        width: 2px;
        height: 80px;
        background-color: #ccc;
        flex-shrink: 0; /* Agar tidak gepeng */
    }

    .rs-desc {
        color: #5d87a8;
        font-size: 18px;
        font-weight: 400;
        line-height: 1.5;
        margin: 0;
        flex: 1;
        max-width: 450px;
    }


    /* --- PROCESS STEPS SECTION --- */
    .rs-steps-container {
        display: flex;
        justify-content: space-between;
        position: relative;
        padding-top: 20px;
    }

    /* Garis Konektor (Desktop: Horizontal) */
    .rs-line-connector {
        position: absolute;
        top: 55px; /* Posisi tengah vertikal ikon */
        left: 15%; 
        right: 15%; 
        height: 2px;
        width: auto;
        background-color: #BDE0F2; 
        z-index: 0;
    }

    .rs-step-item {
        position: relative;
        z-index: 1;
        width: 30%;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    /* --- ICON WRAPPER --- */
    .rs-icon-wrap {
        position: relative;
        width: 70px; /* Lebar Tetap */
        height: 70px; /* Tinggi Tetap */
        background-color: #92CBE8;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 25px;
        box-shadow: 0 0 0 10px #fff; /* Jarak putih agar menutupi garis */
        flex-shrink: 0; /* Agar tidak mengecil di HP */
    }

    /* Badge Nomor (01, 02, 03) */
    .rs-badge {
        position: absolute;
        top: -5px;
        right: -10px;
        background-color: #0090D8;
        color: #fff;
        font-size: 12px;
        font-weight: 700;
        width: 24px;
        height: 24px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 2px solid #fff;
    }

    .rs-icon-img {
        width: 30px;
        height: 30px;
        object-fit: contain;
    }

    /* --- TEXT CONTENT --- */
    .rs-step-title {
        color: #0090D8;
        font-size: 18px;
        font-weight: 700;
        margin: 0 0 10px 0;
    }

    .rs-step-desc {
        color: #6C8EA3;
        font-size: 15px;
        line-height: 1.4;
        margin: 0;
        max-width: 220px;
    }


    /* --- RESPONSIVE MOBILE (HP) --- */
    @media (max-width: 768px) {
        /* Header jadi Tumpuk */
        .rs-header {
            flex-direction: column;
            align-items: flex-start;
            gap: 20px;
            margin-bottom: 40px;
        }
        
        .rs-title { font-size: 32px; }
        
        /* Garis Pemisah Header jadi Horizontal */
        .rs-separator {
            width: 100%;
            height: 2px;
        }
        
        .rs-desc { 
            font-size: 16px; 
            max-width: 100%;
        }

        /* Container Langkah jadi Kolom */
        .rs-steps-container {
            flex-direction: column;
            align-items: flex-start; /* Rata Kiri */
            gap: 0; /* Gap diatur lewat margin item */
        }
        
        /* Ubah Garis Konektor jadi Vertikal di Kiri */
        .rs-line-connector {
            top: 20px;          /* Mulai dari ikon pertama */
            bottom: 60px;       /* Berhenti sebelum ikon terakhir habis */
            left: 35px;         /* Tepat di tengah ikon (70px / 2) */
            right: auto;
            width: 2px;         /* Lebar garis */
            height: auto;       /* Tinggi otomatis mengikuti container */
        }

        .rs-step-item {
            flex-direction: row; /* Icon kiri, Teks kanan */
            width: 100%;
            text-align: left;
            align-items: flex-start;
            margin-bottom: 40px; /* Jarak antar item */
        }

        .rs-icon-wrap {
            margin-right: 20px; /* Jarak ikon ke teks */
            margin-bottom: 0;
        }

        .rs-step-desc {
            max-width: 100%; /* Teks memenuhi sisa ruang */
        }
    }/* End custom CSS */