.elementor-99322 .elementor-element.elementor-element-e92e3bc{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-99322 .elementor-element.elementor-element-e92e3bc:not(.elementor-motion-effects-element-type-background), .elementor-99322 .elementor-element.elementor-element-e92e3bc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://wahspark.com/wp-content/uploads/2026/05/background-footer-spark-revamp2-scaled.jpg");background-position:center right;background-size:cover;}.elementor-99322 .elementor-element.elementor-element-0b8682e{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:17px 17px;--row-gap:17px;--column-gap:17px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-99322 .elementor-element.elementor-element-5815c0a .elementor-button{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );background-color:var( --e-global-color-863cf79 );box-shadow:0px 0px 3px 0px rgba(0, 0, 0, 0.2);border-radius:100px 100px 100px 100px;padding:12px 12px 12px 12px;}.elementor-99322 .elementor-element.elementor-element-5815c0a .elementor-button:hover, .elementor-99322 .elementor-element.elementor-element-5815c0a .elementor-button:focus{color:var( --e-global-color-863cf79 );background-color:var( --e-global-color-primary );}.elementor-99322 .elementor-element.elementor-element-5815c0a .elementor-button:hover svg, .elementor-99322 .elementor-element.elementor-element-5815c0a .elementor-button:focus svg{fill:var( --e-global-color-863cf79 );}.elementor-99322 .elementor-element.elementor-element-425a4cb .elementor-button{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );background-color:var( --e-global-color-863cf79 );box-shadow:0px 0px 3px 0px rgba(0, 0, 0, 0.2);border-radius:100px 100px 100px 100px;padding:12px 12px 12px 12px;}.elementor-99322 .elementor-element.elementor-element-425a4cb .elementor-button:hover, .elementor-99322 .elementor-element.elementor-element-425a4cb .elementor-button:focus{color:var( --e-global-color-863cf79 );background-color:var( --e-global-color-primary );}.elementor-99322 .elementor-element.elementor-element-425a4cb .elementor-button:hover svg, .elementor-99322 .elementor-element.elementor-element-425a4cb .elementor-button:focus svg{fill:var( --e-global-color-863cf79 );}.elementor-99322 .elementor-element.elementor-element-1237aef .elementor-button{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );background-color:var( --e-global-color-863cf79 );box-shadow:0px 0px 3px 0px rgba(0, 0, 0, 0.2);border-radius:100px 100px 100px 100px;padding:12px 12px 12px 12px;}.elementor-99322 .elementor-element.elementor-element-1237aef .elementor-button:hover, .elementor-99322 .elementor-element.elementor-element-1237aef .elementor-button:focus{color:var( --e-global-color-863cf79 );background-color:var( --e-global-color-primary );}.elementor-99322 .elementor-element.elementor-element-1237aef .elementor-button:hover svg, .elementor-99322 .elementor-element.elementor-element-1237aef .elementor-button:focus svg{fill:var( --e-global-color-863cf79 );}#elementor-popup-modal-99322 .dialog-message{width:640px;height:auto;}#elementor-popup-modal-99322{justify-content:center;align-items:center;pointer-events:all;background-color:rgba(0,0,0,.8);}#elementor-popup-modal-99322 .dialog-close-button{display:flex;}#elementor-popup-modal-99322 .dialog-widget-content{box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}/* Start custom CSS for shortcode, class: .elementor-element-74bb5f2 *//* Bikin input & textarea jadi berkotak putih bersih mirip MetForm */
.elementor-99322 .elementor-element.elementor-element-74bb5f2 .forminator-input, 
.elementor-99322 .elementor-element.elementor-element-74bb5f2 .forminator-textarea,
.elementor-99322 .elementor-element.elementor-element-74bb5f2 .forminator-select2 {
    background-color: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 6px !important;
    padding: 12px 16px !important;
    color: #333333 !important;
    transition: all 0.3s ease;
}

/* Efek pas diklik (focus) biar makin premium */
.elementor-99322 .elementor-element.elementor-element-74bb5f2 .forminator-input:focus, 
.elementor-99322 .elementor-element.elementor-element-74bb5f2 .forminator-textarea:focus {
    border-color: #ff6b00 !important; /* Sesuaikan warna border pas aktif dengan aksen Spark lo */
    box-shadow: 0 0 0 3px rgba(255, 107, 0, 0.1) !important;
}

/* Merapikan label tulisan di atasnya */
.elementor-99322 .elementor-element.elementor-element-74bb5f2 .forminator-label {
    font-weight: 600 !important;
    font-size: 14px !important;
    color: #1a1a1a !important;
    margin-bottom: 6px !important;
}

/* Modifikasi tombol Submit biar ganteng dan rounded */
.elementor-99322 .elementor-element.elementor-element-74bb5f2 .forminator-button-submit {
    background: #ff6b00 !important; /* Ganti kode hex ini dengan warna oranye/merah asli logo Spark lo */
    color: #ffffff !important;
    font-weight: 600 !important;
    border-radius: 6px !important;
    padding: 12px 24px !important;
    border: none !important;
    box-shadow: 0px 4px 10px rgba(255, 107, 0, 0.2) !important;
    transition: all 0.3s ease;
}

/* Efek hover tombol submit */
.elementor-99322 .elementor-element.elementor-element-74bb5f2 .forminator-button-submit:hover {
    background: #e05e00 !important; /* Warna pas disorot mouse agak gelap dikit */
    transform: translateY(-1px);
}/* End custom CSS */
/* Start custom CSS for metform, class: .elementor-element-822dba1 *//* ===================================================
   POPUP GLASSMORPHISM (LEFT ALIGNED & NO OVERLAY)
   =================================================== */

/* Target langsung ke box container paling luar dari popup */
.elementor-99322 .elementor-element.elementor-element-822dba1 .dialog-widget-content {
    /* Background kaca transparan murni */
    background-color: rgba(255, 255, 255, 0.4) !important;
    
    /* Efek blur bento premium */
    backdrop-filter: blur(20px) !important; 
    -webkit-backdrop-filter: blur(20px) !important;
    
    /* Border halus tipis */
    border: 1px solid rgba(0, 0, 0, 0.05) !important;
    
    /* Melengkung halus di sudut kanan bawah (gaya bento kiri) */
    border-radius: 0 0 24px 0 !important; 
    
    /* Shadow lembut */
    box-shadow: 10px 10px 40px rgba(0, 0, 0, 0.04) !important;
}

/* Memastikan area luar popup tidak nge-blok klik user ke halaman web utama */
.elementor-99322 .elementor-element.elementor-element-822dba1.dialog-lightbox-widget {
    pointer-events: none !important;
}
.elementor-99322 .elementor-element.elementor-element-822dba1 .dialog-widget-content {
    pointer-events: auto !important; /* Form di dalam tetep wajib bisa diklik */
}

/* Hilangkan latar belakang solid dari pembungkus inner container bawaan elementor */
.elementor-99322 .elementor-element.elementor-element-822dba1 .elementor-section, 
.elementor-99322 .elementor-element.elementor-element-822dba1 .elementor-container, 
.elementor-99322 .elementor-element.elementor-element-822dba1 .elementor-widget-container {
    background: transparent !important;
    background-color: transparent !important;
}

/* ANTI HOVER TRANSFORM (Tetap statis) */
.elementor-99322 .elementor-element.elementor-element-822dba1 .dialog-widget-content:hover {
    transform: none !important;
    border-color: rgba(0, 0, 0, 0.05) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e92e3bc *//* ===================================================
   STYLING POPUP GLASSMORPHISM (CLEAN & STATIC)
   =================================================== */

/* Target utama pembungkus popup Elementor */
.elementor-99322 .elementor-element.elementor-element-e92e3bc .dialog-widget-content {
    /* Warna Putih Transparan */
    background-color: rgba(255, 255, 255, 0.4) !important;
    
    /* Efek Blur Kaca Premium */
    backdrop-filter: blur(20px) !important; 
    -webkit-backdrop-filter: blur(20px) !important;
    
    /* Border halus sesuai gaya Spark */
    border: 1px solid rgba(0, 0, 0, 0.05) !important;
    border-radius: 24px !important; /* Biar ujungnya melengkung halus bento style */
    
    /* Shadow tipis statis */
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.05) !important;
    
    /* Pastikan tidak ada animasi atau transisi hover */
    transition: none !important;
    transform: none !important;
}

/* Hilangkan overlay gelap di belakang popup biar efek kacanya makin dapet */
.elementor-99322 .elementor-element.elementor-element-e92e3bc .dialog-lightbox-widget-mask {
    background-color: rgba(0, 0, 0, 0.02) !important; /* Overlay sangat tipis */
}

/* Pastikan form di dalamnya juga transparan biar gak nutupin efek kaca */
.elementor-99322 .elementor-element.elementor-element-e92e3bc .elementor-form {
    background: transparent !important;
}

/* HAPUS EFEK HOVER (Sesuai request lo boi, gausah ada transform naik-turun) */
.elementor-99322 .elementor-element.elementor-element-e92e3bc .dialog-widget-content:hover {
    transform: none !important;
    border-color: rgba(0, 0, 0, 0.05) !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.05) !important;
}/* End custom CSS */