.elementor-25 .elementor-element.elementor-element-9f9c5f9{--display:flex;--min-height:100vh;--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;--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-25 .elementor-element.elementor-element-9f9c5f9::before, .elementor-25 .elementor-element.elementor-element-9f9c5f9 > .elementor-background-video-container::before, .elementor-25 .elementor-element.elementor-element-9f9c5f9 > .e-con-inner > .elementor-background-video-container::before, .elementor-25 .elementor-element.elementor-element-9f9c5f9 > .elementor-background-slideshow::before, .elementor-25 .elementor-element.elementor-element-9f9c5f9 > .e-con-inner > .elementor-background-slideshow::before, .elementor-25 .elementor-element.elementor-element-9f9c5f9 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.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-25 .elementor-element.elementor-element-ee08dc9 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:10px;font-weight:600;letter-spacing:5.3px;color:var( --e-global-color-accent );}.elementor-25 .elementor-element.elementor-element-ae624bc{text-align:center;}.elementor-25 .elementor-element.elementor-element-ae624bc .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:109px;font-weight:600;font-style:italic;color:var( --e-global-color-text );}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}body:not(.rtl) .elementor-25 .elementor-element.elementor-element-d5b42db{left:-159px;}body.rtl .elementor-25 .elementor-element.elementor-element-d5b42db{right:-159px;}.elementor-25 .elementor-element.elementor-element-d5b42db{top:95px;}.elementor-25 .elementor-element.elementor-element-d5b42db img{width:15%;}.elementor-25 .elementor-element.elementor-element-d60084b{--e-transform-flipX:-1;top:304px;}body:not(.rtl) .elementor-25 .elementor-element.elementor-element-d60084b{left:610px;}body.rtl .elementor-25 .elementor-element.elementor-element-d60084b{right:610px;}.elementor-25 .elementor-element.elementor-element-d60084b img{width:16%;opacity:1;}.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-25 .elementor-element.elementor-element-8c2cc0c{text-align:center;font-family:"Poppins", Sans-serif;font-size:14px;font-weight:400;}.elementor-25 .elementor-element.elementor-element-c3d18f4{--spacer-size:0px;}.elementor-25 .elementor-element.elementor-element-1c6d443{--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;--flex-wrap:nowrap;}.elementor-25 .elementor-element.elementor-element-408076b{--display:flex;}.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-25 .elementor-element.elementor-element-d9d11ee .elementor-button{background-color:#FFFFFF00;font-family:"Poppins", Sans-serif;font-weight:500;fill:#D84C81;color:#D84C81;border-style:solid;border-width:2px 2px 2px 2px;border-color:#D84C81;}.elementor-25 .elementor-element.elementor-element-095954f{--display:flex;}.elementor-25 .elementor-element.elementor-element-6453cc6 .elementor-button{background-color:#D84C81;font-family:"Poppins", Sans-serif;font-weight:500;}.elementor-25 .elementor-element.elementor-element-6453cc6.elementor-element{--align-self:flex-start;}.elementor-25 .elementor-element.elementor-element-6453cc6 .elementor-button .elementor-button-content-wrapper{justify-content:center;}.elementor-25 .elementor-element.elementor-element-7f85ab4{--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:25px;--margin-bottom:25px;--margin-left:25px;--margin-right:25px;}.elementor-25 .elementor-element.elementor-element-44d46e1{--display:flex;}.elementor-25 .elementor-element.elementor-element-79da993{text-align:center;}.elementor-25 .elementor-element.elementor-element-79da993 .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:32px;font-weight:600;font-style:italic;color:var( --e-global-color-text );}.elementor-25 .elementor-element.elementor-element-d550b71{text-align:center;font-family:"Poppins", Sans-serif;font-size:14px;font-weight:400;color:#55555599;}.elementor-25 .elementor-element.elementor-element-c753b06{--display:flex;}.elementor-25 .elementor-element.elementor-element-4c304f9{text-align:center;}.elementor-25 .elementor-element.elementor-element-4c304f9 .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:32px;font-weight:600;font-style:italic;color:var( --e-global-color-text );}.elementor-25 .elementor-element.elementor-element-936bf85{text-align:center;font-family:"Poppins", Sans-serif;font-size:14px;font-weight:400;color:#55555599;}.elementor-25 .elementor-element.elementor-element-89d6a83{--display:flex;}.elementor-25 .elementor-element.elementor-element-3629bb9{text-align:center;}.elementor-25 .elementor-element.elementor-element-3629bb9 .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:32px;font-weight:600;font-style:italic;color:var( --e-global-color-text );}.elementor-25 .elementor-element.elementor-element-194aeaa{text-align:center;font-family:"Poppins", Sans-serif;font-size:14px;font-weight:400;color:#55555599;}.elementor-25 .elementor-element.elementor-element-e5b5798{--display:flex;--min-height:100vh;--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;--justify-content:center;}.elementor-25 .elementor-element.elementor-element-9a9347e{text-align:center;}.elementor-25 .elementor-element.elementor-element-9a9347e .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:48px;font-weight:600;font-style:italic;color:var( --e-global-color-text );}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-25 .elementor-element.elementor-element-b166673{--divider-border-style:solid;--divider-color:var( --e-global-color-accent );--divider-border-width:3.2px;}.elementor-25 .elementor-element.elementor-element-b166673.elementor-element{--align-self:center;}.elementor-25 .elementor-element.elementor-element-b166673 .elementor-divider-separator{width:9%;margin:0 auto;margin-center:0;}.elementor-25 .elementor-element.elementor-element-b166673 .elementor-divider{text-align:center;padding-block-start:11px;padding-block-end:11px;}.elementor-25 .elementor-element.elementor-element-44b5bec{--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;}.elementor-25 .elementor-element.elementor-element-d11e764{--display:flex;--min-height:100vh;--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;--justify-content:center;--overflow:hidden;}.elementor-25 .elementor-element.elementor-element-a167ebe{text-align:center;}.elementor-25 .elementor-element.elementor-element-a167ebe .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:48px;font-weight:600;font-style:italic;color:var( --e-global-color-text );}.elementor-25 .elementor-element.elementor-element-3fe1bb9{--display:flex;--min-height:69vh;--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;}.elementor-25 .elementor-element.elementor-element-3fe1bb9::before, .elementor-25 .elementor-element.elementor-element-3fe1bb9 > .elementor-background-video-container::before, .elementor-25 .elementor-element.elementor-element-3fe1bb9 > .e-con-inner > .elementor-background-video-container::before, .elementor-25 .elementor-element.elementor-element-3fe1bb9 > .elementor-background-slideshow::before, .elementor-25 .elementor-element.elementor-element-3fe1bb9 > .e-con-inner > .elementor-background-slideshow::before, .elementor-25 .elementor-element.elementor-element-3fe1bb9 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-25 .elementor-element.elementor-element-0f67c3e .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:10px;font-weight:600;letter-spacing:5.3px;color:var( --e-global-color-accent );}.elementor-25 .elementor-element.elementor-element-203c2f2{text-align:center;}.elementor-25 .elementor-element.elementor-element-203c2f2 .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:109px;font-weight:600;font-style:italic;color:var( --e-global-color-text );}.elementor-25 .elementor-element.elementor-element-8bb4850{--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;--flex-wrap:nowrap;--z-index:2;}.elementor-25 .elementor-element.elementor-element-b046348{--display:flex;}.elementor-25 .elementor-element.elementor-element-cae9c96 .elementor-button{background-color:#25D366;font-family:"Poppins", Sans-serif;font-weight:500;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:2px 2px 2px 2px;border-color:#FFFFFF;}.elementor-25 .elementor-element.elementor-element-cae9c96 .elementor-button-content-wrapper{flex-direction:row;}.elementor-25 .elementor-element.elementor-element-45facb5{--display:flex;}.elementor-25 .elementor-element.elementor-element-a1e23d5 .elementor-button{background-color:transparent;font-family:"Poppins", Sans-serif;font-weight:500;background-image:linear-gradient(119deg, #833AB4 0%, #f2295b 100%);}.elementor-25 .elementor-element.elementor-element-a1e23d5.elementor-element{--align-self:flex-start;}.elementor-25 .elementor-element.elementor-element-a1e23d5 .elementor-button-content-wrapper{flex-direction:row;}.elementor-25 .elementor-element.elementor-element-a1e23d5 .elementor-button .elementor-button-content-wrapper{justify-content:center;}body:not(.rtl) .elementor-25 .elementor-element.elementor-element-1ef961e{left:-159px;}body.rtl .elementor-25 .elementor-element.elementor-element-1ef961e{right:-159px;}.elementor-25 .elementor-element.elementor-element-1ef961e{top:95px;}.elementor-25 .elementor-element.elementor-element-1ef961e img{width:15%;}.elementor-25 .elementor-element.elementor-element-2039d44{--e-transform-flipX:-1;top:304px;}body:not(.rtl) .elementor-25 .elementor-element.elementor-element-2039d44{left:610px;}body.rtl .elementor-25 .elementor-element.elementor-element-2039d44{right:610px;}.elementor-25 .elementor-element.elementor-element-2039d44 img{width:16%;opacity:1;}.elementor-25 .elementor-element.elementor-element-e354fcc{--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;}@media(max-width:767px){.elementor-25 .elementor-element.elementor-element-9f9c5f9{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-25 .elementor-element.elementor-element-ee08dc9{text-align:center;}.elementor-25 .elementor-element.elementor-element-ee08dc9 .elementor-heading-title{font-size:9px;letter-spacing:0.5em;}.elementor-25 .elementor-element.elementor-element-ae624bc{text-align:center;}.elementor-25 .elementor-element.elementor-element-ae624bc .elementor-heading-title{font-size:42px;}body:not(.rtl) .elementor-25 .elementor-element.elementor-element-d5b42db{left:248px;}body.rtl .elementor-25 .elementor-element.elementor-element-d5b42db{right:248px;}.elementor-25 .elementor-element.elementor-element-d5b42db{top:187px;}.elementor-25 .elementor-element.elementor-element-d5b42db img{width:37%;}body:not(.rtl) .elementor-25 .elementor-element.elementor-element-d60084b{left:-80px;}body.rtl .elementor-25 .elementor-element.elementor-element-d60084b{right:-80px;}.elementor-25 .elementor-element.elementor-element-d60084b{top:479px;text-align:center;}.elementor-25 .elementor-element.elementor-element-d60084b img{width:29%;}.elementor-25 .elementor-element.elementor-element-8c2cc0c{text-align:center;font-size:14px;}.elementor-25 .elementor-element.elementor-element-c3d18f4{--spacer-size:65px;}.elementor-25 .elementor-element.elementor-element-1c6d443{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--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-25 .elementor-element.elementor-element-408076b{--z-index:1;}.elementor-25 .elementor-element.elementor-element-d9d11ee .elementor-button{font-size:12px;border-width:1px 1px 1px 1px;}.elementor-25 .elementor-element.elementor-element-6453cc6.elementor-element{--align-self:stretch;}.elementor-25 .elementor-element.elementor-element-6453cc6 .elementor-button{font-size:12px;}.elementor-25 .elementor-element.elementor-element-7f85ab4{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-25 .elementor-element.elementor-element-44d46e1{--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-25 .elementor-element.elementor-element-79da993{text-align:center;}.elementor-25 .elementor-element.elementor-element-79da993 .elementor-heading-title{font-size:25px;}.elementor-25 .elementor-element.elementor-element-d550b71{text-align:center;font-size:11px;}.elementor-25 .elementor-element.elementor-element-c753b06{--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-25 .elementor-element.elementor-element-4c304f9{text-align:center;}.elementor-25 .elementor-element.elementor-element-4c304f9 .elementor-heading-title{font-size:25px;}.elementor-25 .elementor-element.elementor-element-936bf85{text-align:center;font-size:11px;}.elementor-25 .elementor-element.elementor-element-89d6a83{--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-25 .elementor-element.elementor-element-3629bb9{text-align:center;}.elementor-25 .elementor-element.elementor-element-3629bb9 .elementor-heading-title{font-size:25px;}.elementor-25 .elementor-element.elementor-element-194aeaa{text-align:center;font-size:11px;}.elementor-25 .elementor-element.elementor-element-9a9347e{text-align:center;}.elementor-25 .elementor-element.elementor-element-9a9347e .elementor-heading-title{font-size:32px;}.elementor-25 .elementor-element.elementor-element-b166673 .elementor-divider-separator{width:15%;}.elementor-25 .elementor-element.elementor-element-a167ebe{text-align:center;}.elementor-25 .elementor-element.elementor-element-a167ebe .elementor-heading-title{font-size:32px;}.elementor-25 .elementor-element.elementor-element-1fa6439{margin:-35% 0% calc(var(--kit-widget-spacing, 0px) + -50%) 0%;}.elementor-25 .elementor-element.elementor-element-3fe1bb9{--min-height:33vh;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-25 .elementor-element.elementor-element-0f67c3e{text-align:center;}.elementor-25 .elementor-element.elementor-element-0f67c3e .elementor-heading-title{font-size:9px;letter-spacing:0.5em;}.elementor-25 .elementor-element.elementor-element-203c2f2{text-align:center;}.elementor-25 .elementor-element.elementor-element-203c2f2 .elementor-heading-title{font-size:42px;}.elementor-25 .elementor-element.elementor-element-8bb4850{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--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-25 .elementor-element.elementor-element-b046348{--z-index:1;}.elementor-25 .elementor-element.elementor-element-cae9c96 .elementor-button{font-size:12px;border-width:1px 1px 1px 1px;}.elementor-25 .elementor-element.elementor-element-a1e23d5.elementor-element{--align-self:stretch;}.elementor-25 .elementor-element.elementor-element-a1e23d5 .elementor-button{font-size:12px;}body:not(.rtl) .elementor-25 .elementor-element.elementor-element-1ef961e{left:235px;}body.rtl .elementor-25 .elementor-element.elementor-element-1ef961e{right:235px;}.elementor-25 .elementor-element.elementor-element-1ef961e{top:171px;}.elementor-25 .elementor-element.elementor-element-1ef961e img{width:37%;}body:not(.rtl) .elementor-25 .elementor-element.elementor-element-2039d44{left:-75px;}body.rtl .elementor-25 .elementor-element.elementor-element-2039d44{right:-75px;}.elementor-25 .elementor-element.elementor-element-2039d44{top:330px;text-align:center;}.elementor-25 .elementor-element.elementor-element-2039d44 img{width:29%;}}/* Start custom CSS for image, class: .elementor-element-d60084b *//* Styling dasar untuk gambar kelopak */
.kelopak-sakura {
  /* Sesuaikan ukuran gambar agar tidak terlalu besar di layar */
  width: 60px; 
  height: auto;
  
  /* Posisikan absolute agar bisa melayang di atas background */
  position: absolute; 
  
  /* Memanggil animasi: nama, durasi, pergerakan halus, terus-menerus, dan bolak-balik */
  animation: ayunKelopak 5s ease-in-out infinite alternate;
}

/* Animasi ayunan ke kiri dan ke kanan */
@keyframes ayunKelopak {
  0% {
    /* Bergerak ke kiri dan sedikit miring ke kiri */
    transform: translateX(-30px) rotate(-15deg);
  }
  100% {
    /* Bergerak ke kanan dan sedikit miring ke kanan */
    transform: translateX(30px) rotate(15deg);
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f9c5f9 */.area-hero {
  /* Memastikan dasar putih bersih sangat dominan */
  background-color: #ffffff;

  /* Membuat 4 bola bokeh dengan warna pink yang lebih solid di tengah, memudar di pinggir */
  background-image:
    radial-gradient(circle, rgba(255, 105, 180, 0.25) 0%, transparent 60%),  /* Pink cerah */
    radial-gradient(circle, rgba(255, 182, 193, 0.35) 0%, transparent 60%),  /* Pink lembut */
    radial-gradient(circle, rgba(255, 105, 180, 0.15) 0%, transparent 60%),  /* Pink pudar */
    radial-gradient(circle, rgba(255, 192, 203, 0.3) 0%, transparent 60%);   /* Pink standar */

  /* MENGUNCI UKURAN BOKEH agar tidak menjadi aurora raksasa */
  background-size: 
    250px 250px,  /* Ukuran bokeh 1 */
    350px 350px,  /* Ukuran bokeh 2 */
    200px 200px,  /* Ukuran bokeh 3 */
    300px 300px;  /* Ukuran bokeh 4 */

  /* Mencegah bokeh berulang seperti pola ubin */
  background-repeat: no-repeat;

  /* Posisi awal masing-masing bokeh (menyebar) */
  background-position: 
    10% 20%, 
    85% 15%, 
    70% 80%, 
    15% 85%;

  /* Animasi melayang yang bolak-balik (alternate) dengan sangat mulus */
  animation: melayangRandom 20s infinite alternate ease-in-out;

  position: relative;
  padding: 80px 20px;
  overflow: hidden;
}

/* Kunci Animasi: Memindahkan masing-masing bokeh ke titik acak */
@keyframes melayangRandom {
  0% {
    background-position: 
      10% 20%,   /* Posisi awal bokeh 1 */
      85% 15%,   /* Posisi awal bokeh 2 */
      70% 80%,   /* Posisi awal bokeh 3 */
      15% 85%;   /* Posisi awal bokeh 4 */
  }
  33% {
    background-position: 
      25% 40%, 
      65% 10%, 
      85% 60%, 
      5% 60%;
  }
  66% {
    background-position: 
      5% 70%, 
      90% 40%, 
      40% 90%, 
      30% 20%;
  }
  100% {
    background-position: 
      40% 10%,   /* Posisi akhir bokeh 1 (akan kembali ke awal karena 'alternate') */
      75% 85%,   /* Posisi akhir bokeh 2 */
      10% 50%,   /* Posisi akhir bokeh 3 */
      80% 30%;   /* Posisi akhir bokeh 4 */
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2039d44 *//* Styling dasar untuk gambar kelopak */
.kelopak-sakura {
  /* Sesuaikan ukuran gambar agar tidak terlalu besar di layar */
  width: 60px; 
  height: auto;
  
  /* Posisikan absolute agar bisa melayang di atas background */
  position: absolute; 
  
  /* Memanggil animasi: nama, durasi, pergerakan halus, terus-menerus, dan bolak-balik */
  animation: ayunKelopak 5s ease-in-out infinite alternate;
}

/* Animasi ayunan ke kiri dan ke kanan */
@keyframes ayunKelopak {
  0% {
    /* Bergerak ke kiri dan sedikit miring ke kiri */
    transform: translateX(-30px) rotate(-15deg);
  }
  100% {
    /* Bergerak ke kanan dan sedikit miring ke kanan */
    transform: translateX(30px) rotate(15deg);
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d36cfd4 *//* --- KONFIGURASI DASAR KELOPAK SAKURA JATUH --- */

/* Memastikan kelopak bisa melayang di atas konten tapi tidak menghalangi klik */
.sakura-petal {
    position: fixed; /* Membuatnya menempel di layar saat di-scroll */
    top: -10vh; /* Mulai dari atas luar layar */
    background-image: url('https://hanamiseserahan.com/wp-content/uploads/2026/03/sakura-2.png');
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0; /* Mulai dengan tidak terlihat */
    pointer-events: none; /* User bisa klik tembus kelopak */
    z-index: 9999; /* Pastikan berada di paling depan */
    
    /* Memanggil animasi utama jatuh */
    animation-name: sakuraFall;
    animation-iteration-count: infinite; /* Mengulang terus menerus */
    animation-timing-function: ease-in-out; /* Gerakan halus di awal/akhir */
}

/* --- DEFINISI ANIMASI JATUH (Gerakan Dasar) --- */
@keyframes sakuraFall {
    0% {
        top: -10vh; /* Mulai di atas */
        opacity: 0;
        transform: translateX(0) rotate(0deg); /* Posisi awal lurus */
    }
    10% {
        opacity: 1; /* Mulai terlihat pelan-pelan */
    }
    100% {
        top: 110vh; /* Jatuh sampai bawah luar layar */
        opacity: 0.8; /* Sedikit pudar saat di bawah */
        /* Menciptakan gerakan ayunan horizontal dan putaran */
        transform: translateX(100px) rotate(360deg); 
    }
}

/* --- MENCIPTAKAN EFEK ACAK DENGAN NTH-CHILD --- */
/* Kita memberikan parameter berbeda untuk setiap kelopak agar gerakannya tidak seragam */

/* Kelopak 1: Kecil, Cepat, Jauh ke Kiri */
.sakura-petal:nth-child(1) { 
    left: 10%; 
    width: 20px; height: 20px; 
    animation-duration: 7s; 
    animation-delay: 1s; 
}

/* Kelopak 2: Sedang, Lambat, Tengah-Kiri, Gerakan Berbeda */
.sakura-petal:nth-child(2) { 
    left: 25%; 
    width: 35px; height: 35px; 
    animation-duration: 12s; 
    animation-delay: 3s; 
    /* Menggunakan animasi variasi untuk ayunan ke kiri */
    animation-name: sakuraFallLeft; 
}

/* Kelopak 3: Besar, Sedang, Tengah */
.sakura-petal:nth-child(3) { 
    left: 50%; 
    width: 50px; height: 50px; 
    animation-duration: 9s; 
    animation-delay: 0s; 
}

/* Kelopak 4: Kecil, Sangat Lambat, Tengah-Kanan */
.sakura-petal:nth-child(4) { 
    left: 65%; 
    width: 25px; height: 25px; 
    animation-duration: 15s; 
    animation-delay: 5s; 
}

/* Kelopak 5: Sedang, Cepat, Jauh ke Kanan */
.sakura-petal:nth-child(5) { 
    left: 85%; 
    width: 40px; height: 40px; 
    animation-duration: 8s; 
    animation-delay: 2s; 
    animation-name: sakuraFallLeft; 
}

/* Kelopak 6: Sedang, Sedang, Kiri-Tengah */
.sakura-petal:nth-child(6) { 
    left: 15%; 
    width: 30px; height: 30px; 
    animation-duration: 10s; 
    animation-delay: 4s; 
}

/* Kelopak 7: Besar, Sangat Lambat, Kanan */
.sakura-petal:nth-child(7) { 
    left: 75%; 
    width: 55px; height: 55px; 
    animation-duration: 18s; 
    animation-delay: 1s; 
}

/* Kelopak 8: Kecil, Cepat, Tengah */
.sakura-petal:nth-child(8) { 
    left: 45%; 
    width: 20px; height: 20px; 
    animation-duration: 6s; 
    animation-delay: 6s; 
    animation-name: sakuraFallLeft; 
}

/* ... Tambahkan lebih banyak variasi nth-child jika Anda menempelkan lebih banyak HTML ... */
/* Jika Anda menempelkan 20 HTML, ulangi pola di atas sampai :nth-child(20) */
/* Pastikan 'left', 'width/height', 'animation-duration', dan 'animation-delay' berbeda. */


/* --- VARIASI ANIMASI KEDUA (Jatuh & Mengayun ke Kiri) --- */
@keyframes sakuraFallLeft {
    0% { top: -10vh; opacity: 0; transform: translateX(0) rotate(0deg); }
    10% { opacity: 1; }
    100% { top: 110vh; opacity: 0.7; transform: translateX(-150px) rotate(-720deg); }
}/* End custom CSS */