.elementor-8 .elementor-element.elementor-element-4ab4471{--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;--overflow:hidden;--background-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-4ab4471:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-4ab4471 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://thefairytale.xyz/wp-content/uploads/2025/08/1.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-8 .elementor-element.elementor-element-4ab4471, .elementor-8 .elementor-element.elementor-element-4ab4471::before{--border-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-11b7342{--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;--align-items:center;--background-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-bc9928f{--display:flex;--background-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-bc9928f.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-8 .elementor-element.elementor-element-9f7ad86{text-align:left;}.elementor-8 .elementor-element.elementor-element-9f7ad86 img{width:48%;}.elementor-8 .elementor-element.elementor-element-6d46036{--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;--justify-content:flex-end;--background-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-e9d7040 .elementor-button{font-family:"Risque", Sans-serif;font-size:15px;font-weight:500;text-shadow:0px 0px 10px rgba(0,0,0,0.3);fill:#4C1D5A;color:#4C1D5A;background-color:transparent;background-image:linear-gradient(180deg, #fce293 0%, #fcad7b 100%);border-style:solid;border-width:1px 1px 1px 1px;border-color:#4C1D5A;border-radius:6px 6px 6px 6px;}.elementor-8 .elementor-element.elementor-element-375ca6b .elementor-button{font-family:"Risque", Sans-serif;font-size:15px;font-weight:500;text-shadow:0px 0px 10px rgba(0,0,0,0.3);fill:#4C1D5A;color:#4C1D5A;background-color:transparent;background-image:linear-gradient(180deg, #fce293 0%, #fcad7b 100%);border-style:solid;border-width:1px 1px 1px 1px;border-color:#4C1D5A;border-radius:6px 6px 6px 6px;}.elementor-8 .elementor-element.elementor-element-c6308b5 .elementor-button{font-family:"Risque", Sans-serif;font-size:15px;font-weight:500;text-shadow:0px 0px 10px rgba(0,0,0,0.3);fill:#4C1D5A;color:#4C1D5A;background-color:transparent;background-image:linear-gradient(180deg, #fce293 0%, #fcad7b 100%);border-style:solid;border-width:1px 1px 1px 1px;border-color:#4C1D5A;border-radius:6px 6px 6px 6px;}.elementor-8 .elementor-element.elementor-element-317e8db .elementor-button{font-family:"Risque", Sans-serif;font-size:15px;font-weight:500;text-shadow:0px 0px 10px rgba(0,0,0,0.3);fill:#4C1D5A;color:#4C1D5A;background-color:transparent;background-image:linear-gradient(180deg, #fce293 0%, #fcad7b 100%);border-style:solid;border-width:1px 1px 1px 1px;border-color:#4C1D5A;border-radius:6px 6px 6px 6px;}.elementor-8 .elementor-element.elementor-element-b95f26e{--display:flex;--background-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-95e317b{text-align:center;}.elementor-8 .elementor-element.elementor-element-95e317b .elementor-heading-title{color:#FFFFFF;font-family:"Risque", Sans-serif;font-size:27px;font-weight:500;text-shadow:0px 0px 10px rgba(0,0,0,0.3);}.elementor-8 .elementor-element.elementor-element-f14f7af > .elementor-widget-container{margin:15px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-f14f7af{text-align:center;}.elementor-8 .elementor-element.elementor-element-f14f7af .elementor-heading-title{color:#FFFFFF;font-family:"Risque", Sans-serif;font-size:20px;font-weight:300;text-shadow:0px 0px 10px rgba(0,0,0,0.3);}.elementor-8 .elementor-element.elementor-element-2b34e9f{z-index:2;}.elementor-8 .elementor-element.elementor-element-2b34e9f .elementor-button{font-family:"Risque", Sans-serif;font-size:15px;font-weight:500;text-shadow:0px 0px 10px rgba(0,0,0,0.3);fill:#4C1D5A;color:#4C1D5A;background-color:transparent;background-image:linear-gradient(180deg, #fce293 0%, #fcad7b 100%);border-style:solid;border-width:1px 1px 1px 1px;border-color:#4C1D5A;border-radius:6px 6px 6px 6px;}.elementor-8 .elementor-element.elementor-element-3bf8c53{--display:flex;--background-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-1ec37f0{--display:flex;--background-transition:0.3s;}body:not(.rtl) .elementor-8 .elementor-element.elementor-element-fb99d54{left:891px;}body.rtl .elementor-8 .elementor-element.elementor-element-fb99d54{right:891px;}.elementor-8 .elementor-element.elementor-element-fb99d54{top:-307.817px;}.elementor-8 .elementor-element.elementor-element-fb99d54 img{width:100%;}body:not(.rtl) .elementor-8 .elementor-element.elementor-element-36ee962{left:97px;}body.rtl .elementor-8 .elementor-element.elementor-element-36ee962{right:97px;}.elementor-8 .elementor-element.elementor-element-36ee962{top:-281.093px;}.elementor-8 .elementor-element.elementor-element-36ee962 img{width:100%;}.elementor-8 .elementor-element.elementor-element-ef2de72 > .elementor-widget-container{--e-transform-flipX:-1;}body:not(.rtl) .elementor-8 .elementor-element.elementor-element-ef2de72{left:403.088px;}body.rtl .elementor-8 .elementor-element.elementor-element-ef2de72{right:403.088px;}.elementor-8 .elementor-element.elementor-element-ef2de72{top:-248.782px;}.elementor-8 .elementor-element.elementor-element-ef2de72 img{width:100%;}.elementor-8 .elementor-element.elementor-element-fa2774d > .elementor-widget-container{--e-transform-flipX:-1;}body:not(.rtl) .elementor-8 .elementor-element.elementor-element-fa2774d{left:477px;}body.rtl .elementor-8 .elementor-element.elementor-element-fa2774d{right:477px;}.elementor-8 .elementor-element.elementor-element-fa2774d{top:-209.97px;}.elementor-8 .elementor-element.elementor-element-fa2774d img{width:100%;}.elementor-8 .elementor-element.elementor-element-f36e705 > .elementor-widget-container{margin:-96px 0px -275px 0px;}.elementor-8 .elementor-element.elementor-element-f36e705 img{width:55%;}.elementor-8 .elementor-element.elementor-element-9b8126c{--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;--background-transition:0.3s;--margin-top:-100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--z-index:3;}.elementor-8 .elementor-element.elementor-element-9b8126c:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-9b8126c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://thefairytale.xyz/wp-content/uploads/2025/08/2.png");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-8 .elementor-element.elementor-element-9b8126c, .elementor-8 .elementor-element.elementor-element-9b8126c::before{--border-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-6d488cb{--display:flex;--background-transition:0.3s;--margin-top:200px;--margin-bottom:200px;--margin-left:0px;--margin-right:0px;}.elementor-8 .elementor-element.elementor-element-6c4743e img{width:70%;}.elementor-8 .elementor-element.elementor-element-bd2ed50{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--background-transition:0.3s;border-style:solid;--border-style:solid;border-width:2px 5px 5px 2px;--border-top-width:2px;--border-right-width:5px;--border-bottom-width:5px;--border-left-width:2px;border-color:#4C1D5A;--border-color:#4C1D5A;--border-radius:15px 15px 15px 15px;}.elementor-8 .elementor-element.elementor-element-bd2ed50:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-bd2ed50 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #fce293 0%, #fcad7b 100%);}.elementor-8 .elementor-element.elementor-element-bd2ed50, .elementor-8 .elementor-element.elementor-element-bd2ed50::before{--border-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-bd2ed50.e-con{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-8 .elementor-element.elementor-element-9be16e1 > .elementor-widget-container{padding:15px 15px 15px 15px;}.elementor-8 .elementor-element.elementor-element-9be16e1{text-align:center;}.elementor-8 .elementor-element.elementor-element-9be16e1 .elementor-heading-title{color:#4C1D5A;font-family:"Risque", Sans-serif;font-size:30px;font-weight:500;line-height:35px;text-shadow:0px 0px 10px rgba(0,0,0,0.3);}.elementor-8 .elementor-element.elementor-element-8874082{--display:flex;--background-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-ec323cb img{width:33%;}.elementor-8 .elementor-element.elementor-element-8853ec2 img{width:33%;}.elementor-8 .elementor-element.elementor-element-5874d02 img{width:33%;}.elementor-8 .elementor-element.elementor-element-dc67f2f{--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;--background-transition:0.3s;--margin-top:-100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--z-index:3;}.elementor-8 .elementor-element.elementor-element-dc67f2f:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-dc67f2f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://thefairytale.xyz/wp-content/uploads/2025/08/3.png");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-8 .elementor-element.elementor-element-dc67f2f, .elementor-8 .elementor-element.elementor-element-dc67f2f::before{--border-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-32cb169{--display:flex;--background-transition:0.3s;--margin-top:200px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-8 .elementor-element.elementor-element-4870fe0{--display:flex;--position:absolute;--background-transition:0.3s;top:-184px;}body:not(.rtl) .elementor-8 .elementor-element.elementor-element-4870fe0{left:0px;}body.rtl .elementor-8 .elementor-element.elementor-element-4870fe0{right:0px;}.elementor-8 .elementor-element.elementor-element-6f0695a img{width:60%;}.elementor-8 .elementor-element.elementor-element-697cdda{text-align:center;}.elementor-8 .elementor-element.elementor-element-697cdda .elementor-heading-title{color:#FFFFFF;font-family:"Risque", Sans-serif;font-size:27px;font-weight:500;text-shadow:0px 0px 10px rgba(0,0,0,0.3);}.elementor-8 .elementor-element.elementor-element-ff2f05e{--display:flex;--background-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-d3a0ceb{--display:flex;--background-transition:0.3s;--margin-top:100px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;}.elementor-8 .elementor-element.elementor-element-039ca5d{--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;--background-transition:0.3s;--margin-top:-100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--z-index:4;}.elementor-8 .elementor-element.elementor-element-039ca5d:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-039ca5d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://thefairytale.xyz/wp-content/uploads/2025/08/4.png");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-8 .elementor-element.elementor-element-039ca5d, .elementor-8 .elementor-element.elementor-element-039ca5d::before{--border-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-a3e0e8f{--display:flex;--background-transition:0.3s;--margin-top:200px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;}.elementor-8 .elementor-element.elementor-element-a861cbc img{width:53%;}.elementor-8 .elementor-element.elementor-element-61695a7{text-align:center;}.elementor-8 .elementor-element.elementor-element-61695a7 .elementor-heading-title{color:#FFFFFF;font-family:"Risque", Sans-serif;font-size:27px;font-weight:500;text-shadow:0px 0px 10px rgba(0,0,0,0.3);}.elementor-8 .elementor-element.elementor-element-06f05ff{--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;--background-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-5de2678 .elementor-button{font-family:"Risque", Sans-serif;font-size:15px;font-weight:500;text-shadow:0px 0px 10px rgba(0,0,0,0.3);fill:#4C1D5A;color:#4C1D5A;background-color:transparent;background-image:linear-gradient(180deg, #fce293 0%, #fcad7b 100%);border-style:solid;border-width:1px 1px 1px 1px;border-color:#4C1D5A;border-radius:6px 6px 6px 6px;}.elementor-8 .elementor-element.elementor-element-30502ed .elementor-button{font-family:"Risque", Sans-serif;font-size:15px;font-weight:500;text-shadow:0px 0px 10px rgba(0,0,0,0.3);fill:#4C1D5A;color:#4C1D5A;background-color:transparent;background-image:linear-gradient(180deg, #fce293 0%, #fcad7b 100%);border-style:solid;border-width:1px 1px 1px 1px;border-color:#4C1D5A;border-radius:6px 6px 6px 6px;}.elementor-8 .elementor-element.elementor-element-8c63a7c .elementor-button{font-family:"Risque", Sans-serif;font-size:15px;font-weight:500;text-shadow:0px 0px 10px rgba(0,0,0,0.3);fill:#4C1D5A;color:#4C1D5A;background-color:transparent;background-image:linear-gradient(180deg, #fce293 0%, #fcad7b 100%);border-style:solid;border-width:1px 1px 1px 1px;border-color:#4C1D5A;border-radius:6px 6px 6px 6px;}.elementor-8 .elementor-element.elementor-element-12464b5 .elementor-button{font-family:"Risque", Sans-serif;font-size:15px;font-weight:500;text-shadow:0px 0px 10px rgba(0,0,0,0.3);fill:#4C1D5A;color:#4C1D5A;background-color:transparent;background-image:linear-gradient(180deg, #fce293 0%, #fcad7b 100%);border-style:solid;border-width:1px 1px 1px 1px;border-color:#4C1D5A;border-radius:6px 6px 6px 6px;}.elementor-8 .elementor-element.elementor-element-5ea66cb{--display:flex;--background-transition:0.3s;}body:not(.rtl) .elementor-8 .elementor-element.elementor-element-77c0580{left:408px;}body.rtl .elementor-8 .elementor-element.elementor-element-77c0580{right:408px;}.elementor-8 .elementor-element.elementor-element-77c0580{top:-307.817px;}.elementor-8 .elementor-element.elementor-element-77c0580 img{width:100%;}body:not(.rtl) .elementor-8 .elementor-element.elementor-element-a95b75a{left:235px;}body.rtl .elementor-8 .elementor-element.elementor-element-a95b75a{right:235px;}.elementor-8 .elementor-element.elementor-element-a95b75a{top:-74px;}.elementor-8 .elementor-element.elementor-element-a95b75a img{width:100%;}.elementor-8 .elementor-element.elementor-element-52ba545 > .elementor-widget-container{--e-transform-flipX:-1;}body:not(.rtl) .elementor-8 .elementor-element.elementor-element-52ba545{left:242px;}body.rtl .elementor-8 .elementor-element.elementor-element-52ba545{right:242px;}.elementor-8 .elementor-element.elementor-element-52ba545{top:-248.782px;}.elementor-8 .elementor-element.elementor-element-52ba545 img{width:100%;}.elementor-8 .elementor-element.elementor-element-08d3ffb > .elementor-widget-container{--e-transform-flipX:-1;}body:not(.rtl) .elementor-8 .elementor-element.elementor-element-08d3ffb{left:707px;}body.rtl .elementor-8 .elementor-element.elementor-element-08d3ffb{right:707px;}.elementor-8 .elementor-element.elementor-element-08d3ffb{top:-199px;}.elementor-8 .elementor-element.elementor-element-08d3ffb img{width:100%;}.elementor-8 .elementor-element.elementor-element-185c6eb{--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;--background-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-185c6eb:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-185c6eb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#fcad7b;}.elementor-8 .elementor-element.elementor-element-185c6eb, .elementor-8 .elementor-element.elementor-element-185c6eb::before{--border-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-6099edf{text-align:center;}.elementor-8 .elementor-element.elementor-element-6099edf .elementor-heading-title{color:#4C1D5A;font-family:"Risque", Sans-serif;font-size:17px;font-weight:500;text-shadow:0px 0px 10px rgba(0,0,0,0.3);}@media(max-width:767px){.elementor-8 .elementor-element.elementor-element-9f7ad86{text-align:center;}.elementor-8 .elementor-element.elementor-element-6d46036{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-8 .elementor-element.elementor-element-0cf622e img{width:100%;}.elementor-8 .elementor-element.elementor-element-95e317b .elementor-heading-title{font-size:19px;}body:not(.rtl) .elementor-8 .elementor-element.elementor-element-fb99d54{left:167px;}body.rtl .elementor-8 .elementor-element.elementor-element-fb99d54{right:167px;}.elementor-8 .elementor-element.elementor-element-fb99d54{top:-331px;}body:not(.rtl) .elementor-8 .elementor-element.elementor-element-36ee962{left:212px;}body.rtl .elementor-8 .elementor-element.elementor-element-36ee962{right:212px;}.elementor-8 .elementor-element.elementor-element-36ee962{top:-212px;}body:not(.rtl) .elementor-8 .elementor-element.elementor-element-fa2774d{left:17px;}body.rtl .elementor-8 .elementor-element.elementor-element-fa2774d{right:17px;}.elementor-8 .elementor-element.elementor-element-f36e705 > .elementor-widget-container{margin:-92px 0px -81px 0px;}.elementor-8 .elementor-element.elementor-element-f36e705 img{width:94%;}.elementor-8 .elementor-element.elementor-element-6c4743e img{width:100%;}.elementor-8 .elementor-element.elementor-element-9be16e1 .elementor-heading-title{font-size:20px;line-height:1.1em;}.elementor-8 .elementor-element.elementor-element-6f0695a img{width:93%;}.elementor-8 .elementor-element.elementor-element-697cdda .elementor-heading-title{font-size:20px;}.elementor-8 .elementor-element.elementor-element-a861cbc img{width:100%;}.elementor-8 .elementor-element.elementor-element-61695a7 .elementor-heading-title{font-size:20px;}body:not(.rtl) .elementor-8 .elementor-element.elementor-element-77c0580{left:98px;}body.rtl .elementor-8 .elementor-element.elementor-element-77c0580{right:98px;}.elementor-8 .elementor-element.elementor-element-77c0580{top:-434px;}body:not(.rtl) .elementor-8 .elementor-element.elementor-element-a95b75a{left:189px;}body.rtl .elementor-8 .elementor-element.elementor-element-a95b75a{right:189px;}.elementor-8 .elementor-element.elementor-element-a95b75a{top:18px;}body:not(.rtl) .elementor-8 .elementor-element.elementor-element-08d3ffb{left:-75px;}body.rtl .elementor-8 .elementor-element.elementor-element-08d3ffb{right:-75px;}.elementor-8 .elementor-element.elementor-element-08d3ffb{top:-118px;}}@media(min-width:768px){.elementor-8 .elementor-element.elementor-element-bc9928f{--width:33.356%;}.elementor-8 .elementor-element.elementor-element-bd2ed50{--width:72.44%;}}/* Start custom CSS for image, class: .elementor-element-fb99d54 */.fairy-fly-free {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80px;
  height: auto;
  transform: translate(-50%, -50%);
  animation: flyFree 12s ease-in-out infinite;
  z-index: 10;
  pointer-events: none;
}

@keyframes flyFree {
  0%   { transform: translate(-50%, -50%) translate(0px, 0px); }
  10%  { transform: translate(-50%, -50%) translate(40px, -20px); }
  20%  { transform: translate(-50%, -50%) translate(70px, 10px); }
  30%  { transform: translate(-50%, -50%) translate(100px, -30px); }
  40%  { transform: translate(-50%, -50%) translate(60px, -60px); }
  50%  { transform: translate(-50%, -50%) translate(30px, -20px); }
  60%  { transform: translate(-50%, -50%) translate(-10px, 10px); }
  70%  { transform: translate(-50%, -50%) translate(-40px, -10px); }
  80%  { transform: translate(-50%, -50%) translate(-60px, -30px); }
  90%  { transform: translate(-50%, -50%) translate(-30px, -10px); }
  100% { transform: translate(-50%, -50%) translate(0px, 0px); }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-36ee962 */.fairy-random {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80px; /* sesuaikan ukuran peri */
  height: auto;
  animation: fairyDance 15s ease-in-out infinite;
  z-index: 99;
  pointer-events: none;
}

@keyframes fairyDance {
  0%   { transform: translate(0px, 0px) rotate(0deg) scale(1); }
  10%  { transform: translate(30px, -20px) rotate(10deg) scale(1.05); }
  20%  { transform: translate(60px, 10px) rotate(-8deg) scale(1); }
  30%  { transform: translate(90px, -30px) rotate(15deg) scale(1.1); }
  40%  { transform: translate(60px, -50px) rotate(-10deg) scale(0.95); }
  50%  { transform: translate(30px, -20px) rotate(0deg) scale(1); }
  60%  { transform: translate(-10px, 10px) rotate(5deg) scale(1.02); }
  70%  { transform: translate(-40px, -10px) rotate(-6deg) scale(1); }
  80%  { transform: translate(-60px, -30px) rotate(12deg) scale(1.05); }
  90%  { transform: translate(-30px, -10px) rotate(-4deg) scale(1); }
  100% { transform: translate(0px, 0px) rotate(0deg) scale(1); }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ef2de72 */.fairy-fly {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100px; /* ukuran elemen */
  height: 100px;
  transform: translate(-50%, -50%);
  animation: flyAround 12s linear infinite;
  z-index: 10;
}

@keyframes flyAround {
  0% {
    transform: translate(-50%, -50%) rotate(0deg) translateX(150px) rotate(0deg);
  }
  25% {
    transform: translate(-50%, -50%) rotate(90deg) translateX(150px) rotate(-90deg);
  }
  50% {
    transform: translate(-50%, -50%) rotate(180deg) translateX(150px) rotate(-180deg);
  }
  75% {
    transform: translate(-50%, -50%) rotate(270deg) translateX(150px) rotate(-270deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg) translateX(150px) rotate(-360deg);
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-fa2774d */.fairy-fly-1, .fairy-fly-2, .fairy-fly-3 {
  position: absolute;
  width: 70px;
  height: auto;
  pointer-events: none;
  z-index: 10;
}

.fairy-fly-1 {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  animation: flyFree1 14s ease-in-out infinite;
}

.fairy-fly-2 {
  top: 40%;
  left: 45%;
  transform: translate(-50%, -50%);
  animation: flyFree2 16s ease-in-out infinite;
}

.fairy-fly-3 {
  top: 60%;
  left: 55%;
  transform: translate(-50%, -50%);
  animation: flyFree3 18s ease-in-out infinite;
}

@keyframes flyFree1 {
  0%   { transform: translate(-50%, -50%) translate(0px, 0px); }
  20%  { transform: translate(-50%, -50%) translate(40px, -30px); }
  40%  { transform: translate(-50%, -50%) translate(70px, 20px); }
  60%  { transform: translate(-50%, -50%) translate(100px, -40px); }
  80%  { transform: translate(-50%, -50%) translate(50px, -70px); }
  100% { transform: translate(-50%, -50%) translate(0px, 0px); }
}

@keyframes flyFree2 {
  0%   { transform: translate(-50%, -50%) translate(0px, 0px); }
  20%  { transform: translate(-50%, -50%) translate(-60px, -20px); }
  40%  { transform: translate(-50%, -50%) translate(-80px, 30px); }
  60%  { transform: translate(-50%, -50%) translate(-40px, 60px); }
  80%  { transform: translate(-50%, -50%) translate(10px, 30px); }
  100% { transform: translate(-50%, -50%) translate(0px, 0px); }
}

@keyframes flyFree3 {
  0%   { transform: translate(-50%, -50%) translate(0px, 0px); }
  20%  { transform: translate(-50%, -50%) translate(30px, 60px); }
  40%  { transform: translate(-50%, -50%) translate(-20px, 80px); }
  60%  { transform: translate(-50%, -50%) translate(-70px, 40px); }
  80%  { transform: translate(-50%, -50%) translate(-30px, -20px); }
  100% { transform: translate(-50%, -50%) translate(0px, 0px); }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f36e705 */.fairy-float {
  animation: floatUpDown 4s ease-in-out infinite;
  display: inline-block;
  position: relative;
  z-index: 0;
}

@keyframes floatUpDown {
  0%   { transform: translateY(0px); }
  50%  { transform: translateY(-20px); }
  100% { transform: translateY(0px); }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ec323cb */.fairy-fly-diagonal {
  --fairy-size: 350px; /* 🔧 Ganti ukuran di sini */
  
  position: absolute;
  bottom: 0;
  left: 0;
  width: var(--fairy-size);
  height: auto;
  animation: flyFlip 6s ease-in-out infinite;
  z-index: 20;
  transform-origin: center;
  filter: drop-shadow(0 0 8px #ffcaff);
  pointer-events: none;
}

@keyframes flyFlip {
  0% {
    transform: translate(0, 0) scaleX(1) rotateY(0deg);
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  50% {
    transform: translate(50vw, -50vh) scaleX(-1) rotateY(180deg);
    opacity: 1;
  }
  100% {
    transform: translate(100vw, -100vh) scaleX(1) rotateY(360deg);
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8853ec2 */.fairy-glide-random1 {
  --fairy-size: 400px; /* 🔧 Ubah ukuran di sini */
  
  position: absolute;
  bottom: 0;
  right: 0;
  width: var(--fairy-size);
  height: auto;
  animation: glideRandom 10s ease-in-out infinite;
  pointer-events: none;
  z-index: 10;
  opacity: 0;
}

@keyframes glideRandom {
  0% {
    transform: translate(0, 0);
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  25% {
    transform: translate(-25vw, -10vh);
  }
  50% {
    transform: translate(-50vw, -30vh);
  }
  75% {
    transform: translate(-75vw, -60vh);
  }
  100% {
    transform: translate(-100vw, -100vh);
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-5874d02 */.float-up-random2 {
  --float-size: 300px; /* 🔧 Ganti ukuran di sini */
  
  position: absolute;
  bottom: -80px; /* mulai dari luar bawah layar */
  left: 50%;
  width: var(--float-size);
  height: auto;
  transform: translateX(-50%);
  animation: floatUpFree 10s ease-in-out infinite;
  z-index: 10;
  pointer-events: none;
  opacity: 0;
}

@keyframes floatUpFree {
  0% {
    transform: translateX(-50%) translate(0, 0);
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  25% {
    transform: translateX(-50%) translate(-20px, -100px);
  }
  50% {
    transform: translateX(-50%) translate(30px, -200px);
  }
  75% {
    transform: translateX(-50%) translate(-15px, -300px);
  }
  100% {
    transform: translateX(-50%) translate(10px, -400px);
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-77c0580 */.fairy-fly-free {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80px;
  height: auto;
  transform: translate(-50%, -50%);
  animation: flyFree 12s ease-in-out infinite;
  z-index: 10;
  pointer-events: none;
}

@keyframes flyFree {
  0%   { transform: translate(-50%, -50%) translate(0px, 0px); }
  10%  { transform: translate(-50%, -50%) translate(40px, -20px); }
  20%  { transform: translate(-50%, -50%) translate(70px, 10px); }
  30%  { transform: translate(-50%, -50%) translate(100px, -30px); }
  40%  { transform: translate(-50%, -50%) translate(60px, -60px); }
  50%  { transform: translate(-50%, -50%) translate(30px, -20px); }
  60%  { transform: translate(-50%, -50%) translate(-10px, 10px); }
  70%  { transform: translate(-50%, -50%) translate(-40px, -10px); }
  80%  { transform: translate(-50%, -50%) translate(-60px, -30px); }
  90%  { transform: translate(-50%, -50%) translate(-30px, -10px); }
  100% { transform: translate(-50%, -50%) translate(0px, 0px); }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-a95b75a */.fairy-random {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80px; /* sesuaikan ukuran peri */
  height: auto;
  animation: fairyDance 15s ease-in-out infinite;
  z-index: 99;
  pointer-events: none;
}

@keyframes fairyDance {
  0%   { transform: translate(0px, 0px) rotate(0deg) scale(1); }
  10%  { transform: translate(30px, -20px) rotate(10deg) scale(1.05); }
  20%  { transform: translate(60px, 10px) rotate(-8deg) scale(1); }
  30%  { transform: translate(90px, -30px) rotate(15deg) scale(1.1); }
  40%  { transform: translate(60px, -50px) rotate(-10deg) scale(0.95); }
  50%  { transform: translate(30px, -20px) rotate(0deg) scale(1); }
  60%  { transform: translate(-10px, 10px) rotate(5deg) scale(1.02); }
  70%  { transform: translate(-40px, -10px) rotate(-6deg) scale(1); }
  80%  { transform: translate(-60px, -30px) rotate(12deg) scale(1.05); }
  90%  { transform: translate(-30px, -10px) rotate(-4deg) scale(1); }
  100% { transform: translate(0px, 0px) rotate(0deg) scale(1); }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-52ba545 */.fairy-fly {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100px; /* ukuran elemen */
  height: 100px;
  transform: translate(-50%, -50%);
  animation: flyAround 12s linear infinite;
  z-index: 10;
}

@keyframes flyAround {
  0% {
    transform: translate(-50%, -50%) rotate(0deg) translateX(150px) rotate(0deg);
  }
  25% {
    transform: translate(-50%, -50%) rotate(90deg) translateX(150px) rotate(-90deg);
  }
  50% {
    transform: translate(-50%, -50%) rotate(180deg) translateX(150px) rotate(-180deg);
  }
  75% {
    transform: translate(-50%, -50%) rotate(270deg) translateX(150px) rotate(-270deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg) translateX(150px) rotate(-360deg);
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-08d3ffb */.fairy-fly-1, .fairy-fly-2, .fairy-fly-3 {
  position: absolute;
  width: 70px;
  height: auto;
  pointer-events: none;
  z-index: 10;
}

.fairy-fly-1 {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  animation: flyFree1 14s ease-in-out infinite;
}

.fairy-fly-2 {
  top: 40%;
  left: 45%;
  transform: translate(-50%, -50%);
  animation: flyFree2 16s ease-in-out infinite;
}

.fairy-fly-3 {
  top: 60%;
  left: 55%;
  transform: translate(-50%, -50%);
  animation: flyFree3 18s ease-in-out infinite;
}

@keyframes flyFree1 {
  0%   { transform: translate(-50%, -50%) translate(0px, 0px); }
  20%  { transform: translate(-50%, -50%) translate(40px, -30px); }
  40%  { transform: translate(-50%, -50%) translate(70px, 20px); }
  60%  { transform: translate(-50%, -50%) translate(100px, -40px); }
  80%  { transform: translate(-50%, -50%) translate(50px, -70px); }
  100% { transform: translate(-50%, -50%) translate(0px, 0px); }
}

@keyframes flyFree2 {
  0%   { transform: translate(-50%, -50%) translate(0px, 0px); }
  20%  { transform: translate(-50%, -50%) translate(-60px, -20px); }
  40%  { transform: translate(-50%, -50%) translate(-80px, 30px); }
  60%  { transform: translate(-50%, -50%) translate(-40px, 60px); }
  80%  { transform: translate(-50%, -50%) translate(10px, 30px); }
  100% { transform: translate(-50%, -50%) translate(0px, 0px); }
}

@keyframes flyFree3 {
  0%   { transform: translate(-50%, -50%) translate(0px, 0px); }
  20%  { transform: translate(-50%, -50%) translate(30px, 60px); }
  40%  { transform: translate(-50%, -50%) translate(-20px, 80px); }
  60%  { transform: translate(-50%, -50%) translate(-70px, 40px); }
  80%  { transform: translate(-50%, -50%) translate(-30px, -20px); }
  100% { transform: translate(-50%, -50%) translate(0px, 0px); }
}/* End custom CSS */