.elementor-7731 .elementor-element.elementor-element-02e6ca7{--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-7731 .elementor-element.elementor-element-faa2957{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--z-index:1;}.elementor-7731 .elementor-element.elementor-element-faa2957:not(.elementor-motion-effects-element-type-background), .elementor-7731 .elementor-element.elementor-element-faa2957 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #4B2FB5 0%, #21407F 100%);}.elementor-7731 .elementor-element.elementor-element-e9dc5c1{--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:1%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:27%;--padding-left:3%;--padding-right:0%;}.elementor-7731 .elementor-element.elementor-element-e9dc5c1.e-con{--align-self:center;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-7731 .elementor-element.elementor-element-9178bb0 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:50px;font-weight:700;color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-7731 .elementor-element.elementor-element-24bfd25{width:var( --container-widget-width, 64% );max-width:64%;--container-widget-width:64%;--container-widget-flex-grow:0;font-family:"Poppins", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-7731 .elementor-element.elementor-element-4bd7e90 .elementor-button{background-color:transparent;background-image:linear-gradient(178deg, #F9D530 10%, #F27029 100%);border-radius:15px 15px 15px 15px;}.elementor-7731 .elementor-element.elementor-element-83c2e19{--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:0%;--margin-bottom:5%;--margin-left:0%;--margin-right:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7731 .elementor-element.elementor-element-83c2e19.e-con{--align-self:center;}.elementor-7731 .elementor-element.elementor-element-958b438{--display:flex;--min-height:521px;}.elementor-7731 .elementor-element.elementor-element-6d2984a > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-7731 .elementor-element.elementor-element-ff1dc4e{--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;--border-radius:40px 40px 40px 40px;box-shadow:0px 0px 52px 15px rgba(0, 0, 0, 0.34);--z-index:2;}.elementor-7731 .elementor-element.elementor-element-ff1dc4e:not(.elementor-motion-effects-element-type-background), .elementor-7731 .elementor-element.elementor-element-ff1dc4e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-7731 .elementor-element.elementor-element-31fda07{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-7731 .elementor-element.elementor-element-92cc7ea > .elementor-widget-container{padding:29% 0% 100% 0%;}.elementor-7731 .elementor-element.elementor-element-9608fd2{--display:flex;}.elementor-7731 .elementor-element.elementor-element-a72e41f{--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-7731 .elementor-element.elementor-element-0aa6b2d{--display:flex;}.elementor-7731 .elementor-element.elementor-element-24aee74{--display:flex;}@media(min-width:768px){.elementor-7731 .elementor-element.elementor-element-958b438{--width:100%;}.elementor-7731 .elementor-element.elementor-element-9608fd2{--width:69%;}}/* Start custom CSS for button, class: .elementor-element-4bd7e90 *//* ========================================= */
/* 🔥 GLOW EFFECT TIPIS (SUBTLE) 🔥 */
/* ========================================= */

/* Target Tombol */
.elementor-widget-button .elementor-button {
    /* Transisi halus */
    transition: all 0.3s ease-in-out;
}

/* Efek Saat Mouse Menyentuh Tombol (HOVER) */
.elementor-widget-button .elementor-button:hover {
    /* 1. Background sedikit lebih cerah */
    background-color: #ffea00; 
    
    /* 2. Efek Glow TIPIS & LEMBUT */
    /* Kita pakai 'rgba' biar warnanya agak transparan, gak terlalu padat */
    /* 0 0 15px artinya bayangannya menyebar sejauh 15px aja (tipis) */
    box-shadow: 0 0 30px rgba(255, 215, 0, 0.7);
    
    /* 3. Membesar SEDIKIT sekali biar ada respon interaktif */
    transform: scale(1.02); 
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6d2984a */.product-dissolve-container {
  position: relative;
  width: 400px; /* Sesuaikan dengan ukuran gambar kamu */
  height: 400px; /* Sesuaikan dengan ukuran gambar kamu */
  overflow: hidden;
  border-radius: 12px; /* Opsional: biar sudutnya agak membulat seperti di desainmu */
}

.dissolve-slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; /* atau 'contain' tergantung kebutuhan proporsi gambar */
  opacity: 0; /* Semua gambar disembunyikan dulu */
  
  /* Ini adalah nyawa dari efek dissolve-nya */
  transition: opacity 1.5s ease-in-out; 
  z-index: 1;
}

/* Class ini akan dipindah-pindah oleh Javascript */
.dissolve-slide.active {
  opacity: 1; /* Gambar yang aktif akan dimunculkan */
  z-index: 2; /* Memastikan gambar yang aktif ada di tumpukan paling atas */
}/* End custom CSS */