.elementor-8 .elementor-element.elementor-element-3603b56{--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-3603b56, .elementor-8 .elementor-element.elementor-element-3603b56::before{--border-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-573e324{--display:flex;--background-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-2013377{--grid-template-columns:repeat(0, auto);z-index:3;--icon-size:25px;--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-8 .elementor-element.elementor-element-2013377 .elementor-widget-container{text-align:center;}.elementor-8 .elementor-element.elementor-element-2013377 .elementor-social-icon{background-color:#e0c804;border-style:solid;border-width:2px 5px 5px 2px;border-color:#000000;}.elementor-8 .elementor-element.elementor-element-2013377 .elementor-social-icon i{color:#000000;}.elementor-8 .elementor-element.elementor-element-2013377 .elementor-social-icon svg{fill:#000000;}.elementor-8 .elementor-element.elementor-element-2013377 .elementor-icon{border-radius:100px 100px 100px 100px;}.elementor-8 .elementor-element.elementor-element-2013377 .elementor-social-icon:hover{background-color:#1b5cb3;}.elementor-8 .elementor-element.elementor-element-2013377 .elementor-social-icon:hover i{color:#e0c804;}.elementor-8 .elementor-element.elementor-element-2013377 .elementor-social-icon:hover svg{fill:#e0c804;}.elementor-8 .elementor-element.elementor-element-14dfe46{--display:flex;--background-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-8e8c8d5 img{width:78%;}.elementor-8 .elementor-element.elementor-element-aa3ba10 > .elementor-widget-container{margin:-21px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-aa3ba10{text-align:center;}.elementor-8 .elementor-element.elementor-element-aa3ba10 .elementor-heading-title{color:#FFFFFF;font-family:"Knewave", Sans-serif;font-size:45px;font-weight:400;}.elementor-8 .elementor-element.elementor-element-f7ba62d{text-align:center;}.elementor-8 .elementor-element.elementor-element-f7ba62d .elementor-heading-title{color:#FFFFFF;font-family:"Margarine", Sans-serif;font-size:25px;font-weight:300;line-height:32px;}.elementor-8 .elementor-element.elementor-element-39e9fd2{--display:flex;--min-height:74px;--background-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-953acaa .elementor-button{font-family:"Margarine", Sans-serif;font-size:15px;font-weight:300;fill:#000000;color:#000000;background-color:#e0c804;border-style:solid;border-width:2px 5px 5px 2px;border-color:#000000;border-radius:100px 100px 100px 100px;}.elementor-8 .elementor-element.elementor-element-953acaa .elementor-button:hover, .elementor-8 .elementor-element.elementor-element-953acaa .elementor-button:focus{color:#e0c804;background-color:#1b5cb3;}.elementor-8 .elementor-element.elementor-element-953acaa .elementor-button:hover svg, .elementor-8 .elementor-element.elementor-element-953acaa .elementor-button:focus svg{fill:#e0c804;}.elementor-8 .elementor-element.elementor-element-07d200e.elementor-element{--order:-99999 /* order start hack */;}.elementor-8 .elementor-element.elementor-element-07d200e{text-align:center;}.elementor-8 .elementor-element.elementor-element-07d200e .elementor-heading-title{color:#FFFFFF;font-family:"Margarine", Sans-serif;font-size:25px;font-weight:300;line-height:32px;}.elementor-8 .elementor-element.elementor-element-4df4c70{--display:flex;--background-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-cfdc63a > .elementor-widget-container{margin:-30px 0px -132px 0px;}.elementor-8 .elementor-element.elementor-element-48a71cd{--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;border-style:solid;--border-style:solid;border-width:3px 0px 3px 0px;--border-top-width:3px;--border-right-width:0px;--border-bottom-width:3px;--border-left-width:0px;border-color:#FFFFFF;--border-color:#FFFFFF;}.elementor-8 .elementor-element.elementor-element-48a71cd:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-48a71cd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000B2E;}.elementor-8 .elementor-element.elementor-element-48a71cd, .elementor-8 .elementor-element.elementor-element-48a71cd::before{--border-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-55f9a3e{--display:flex;--background-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-d415385{--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;--overlay-opacity:0.5;}.elementor-8 .elementor-element.elementor-element-d415385:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-d415385 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://spacetoon.xyz/wp-content/uploads/2025/08/2.png");background-position:bottom center;background-repeat:no-repeat;background-size:cover;}.elementor-8 .elementor-element.elementor-element-d415385::before, .elementor-8 .elementor-element.elementor-element-d415385 > .elementor-background-video-container::before, .elementor-8 .elementor-element.elementor-element-d415385 > .e-con-inner > .elementor-background-video-container::before, .elementor-8 .elementor-element.elementor-element-d415385 > .elementor-background-slideshow::before, .elementor-8 .elementor-element.elementor-element-d415385 > .e-con-inner > .elementor-background-slideshow::before, .elementor-8 .elementor-element.elementor-element-d415385 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';background-color:#000000;}.elementor-8 .elementor-element.elementor-element-d415385, .elementor-8 .elementor-element.elementor-element-d415385::before{--border-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-884728f{--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;--margin-top:100px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;}.elementor-8 .elementor-element.elementor-element-4d06a68{--display:flex;--background-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-4d06a68.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-8 .elementor-element.elementor-element-f701ced{text-align:left;}.elementor-8 .elementor-element.elementor-element-f701ced img{width:80%;}.elementor-8 .elementor-element.elementor-element-34284f1{text-align:center;}.elementor-8 .elementor-element.elementor-element-34284f1 .elementor-heading-title{color:#FFFFFF;font-family:"Margarine", Sans-serif;font-size:25px;font-weight:300;line-height:32px;}.elementor-8 .elementor-element.elementor-element-6ac7f50{--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;--background-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-9f847d1 .elementor-button{font-family:"Margarine", Sans-serif;font-size:15px;font-weight:300;fill:#000000;color:#000000;background-color:#e0c804;border-style:solid;border-width:2px 5px 5px 2px;border-color:#000000;border-radius:100px 100px 100px 100px;}.elementor-8 .elementor-element.elementor-element-9f847d1 .elementor-button:hover, .elementor-8 .elementor-element.elementor-element-9f847d1 .elementor-button:focus{color:#e0c804;background-color:#1b5cb3;}.elementor-8 .elementor-element.elementor-element-9f847d1 .elementor-button:hover svg, .elementor-8 .elementor-element.elementor-element-9f847d1 .elementor-button:focus svg{fill:#e0c804;}.elementor-8 .elementor-element.elementor-element-e2ffe91 .elementor-button{font-family:"Margarine", Sans-serif;font-size:15px;font-weight:300;fill:#000000;color:#000000;background-color:#e0c804;border-style:solid;border-width:2px 5px 5px 2px;border-color:#000000;border-radius:100px 100px 100px 100px;}.elementor-8 .elementor-element.elementor-element-e2ffe91 .elementor-button:hover, .elementor-8 .elementor-element.elementor-element-e2ffe91 .elementor-button:focus{color:#e0c804;background-color:#1b5cb3;}.elementor-8 .elementor-element.elementor-element-e2ffe91 .elementor-button:hover svg, .elementor-8 .elementor-element.elementor-element-e2ffe91 .elementor-button:focus svg{fill:#e0c804;}.elementor-8 .elementor-element.elementor-element-64f1659{--display:flex;--background-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-a1861a1 > .elementor-widget-container{margin:-50px -50px -50px -50px;}.elementor-8 .elementor-element.elementor-element-a1861a1 img{width:100%;}.elementor-8 .elementor-element.elementor-element-71f8b4b{--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;--overlay-opacity:0.5;}.elementor-8 .elementor-element.elementor-element-71f8b4b:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-71f8b4b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://spacetoon.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-71f8b4b::before, .elementor-8 .elementor-element.elementor-element-71f8b4b > .elementor-background-video-container::before, .elementor-8 .elementor-element.elementor-element-71f8b4b > .e-con-inner > .elementor-background-video-container::before, .elementor-8 .elementor-element.elementor-element-71f8b4b > .elementor-background-slideshow::before, .elementor-8 .elementor-element.elementor-element-71f8b4b > .e-con-inner > .elementor-background-slideshow::before, .elementor-8 .elementor-element.elementor-element-71f8b4b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';background-color:#000000;}.elementor-8 .elementor-element.elementor-element-71f8b4b, .elementor-8 .elementor-element.elementor-element-71f8b4b::before{--border-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-881d139{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--background-transition:0.3s;--margin-top:100px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;}.elementor-8 .elementor-element.elementor-element-6873881 img{width:60%;}.elementor-8 .elementor-element.elementor-element-1046829 > .elementor-widget-container{margin:-12px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-1046829{text-align:center;}.elementor-8 .elementor-element.elementor-element-1046829 .elementor-heading-title{color:#FFFFFF;font-family:"Knewave", Sans-serif;font-size:25px;font-weight:400;}.elementor-8 .elementor-element.elementor-element-3a286a7{--display:flex;--background-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-094811e{--display:flex;--background-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-4845233 img{width:75%;}.elementor-8 .elementor-element.elementor-element-f0d64cb > .elementor-widget-container{margin:-12px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-f0d64cb{text-align:center;}.elementor-8 .elementor-element.elementor-element-f0d64cb .elementor-heading-title{color:#FFFFFF;font-family:"Knewave", Sans-serif;font-size:25px;font-weight:400;}.elementor-8 .elementor-element.elementor-element-d158d4f{--display:flex;--background-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-6405cbb{--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;--overlay-opacity:0.5;--margin-top:-2px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-8 .elementor-element.elementor-element-6405cbb:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-6405cbb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://spacetoon.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-6405cbb::before, .elementor-8 .elementor-element.elementor-element-6405cbb > .elementor-background-video-container::before, .elementor-8 .elementor-element.elementor-element-6405cbb > .e-con-inner > .elementor-background-video-container::before, .elementor-8 .elementor-element.elementor-element-6405cbb > .elementor-background-slideshow::before, .elementor-8 .elementor-element.elementor-element-6405cbb > .e-con-inner > .elementor-background-slideshow::before, .elementor-8 .elementor-element.elementor-element-6405cbb > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';background-color:#000000;}.elementor-8 .elementor-element.elementor-element-6405cbb, .elementor-8 .elementor-element.elementor-element-6405cbb::before{--border-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-e08b2c5{--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;--margin-top:100px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;}.elementor-8 .elementor-element.elementor-element-36a7bd9{--display:flex;--background-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-36a7bd9.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-8 .elementor-element.elementor-element-a1de2b5 > .elementor-widget-container{margin:-104px -104px -104px -104px;}.elementor-8 .elementor-element.elementor-element-a1de2b5 img{width:100%;}.elementor-8 .elementor-element.elementor-element-1437b90{--display:flex;--background-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-3f3e911 img{width:100%;}.elementor-8 .elementor-element.elementor-element-ff6c25b > .elementor-widget-container{margin:-12px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-ff6c25b{text-align:center;}.elementor-8 .elementor-element.elementor-element-ff6c25b .elementor-heading-title{color:#FFFFFF;font-family:"Knewave", Sans-serif;font-size:30px;font-weight:400;}.elementor-8 .elementor-element.elementor-element-9da56d0{text-align:center;}.elementor-8 .elementor-element.elementor-element-9da56d0 .elementor-heading-title{color:#FFFFFF;font-family:"Margarine", Sans-serif;font-size:25px;font-weight:300;line-height:32px;}.elementor-8 .elementor-element.elementor-element-2d9ca02{--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:center;--background-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-d995604 .elementor-button{font-family:"Margarine", Sans-serif;font-size:15px;font-weight:300;fill:#000000;color:#000000;background-color:#e0c804;border-style:solid;border-width:2px 5px 5px 2px;border-color:#000000;border-radius:100px 100px 100px 100px;}.elementor-8 .elementor-element.elementor-element-d995604 .elementor-button:hover, .elementor-8 .elementor-element.elementor-element-d995604 .elementor-button:focus{color:#e0c804;background-color:#1b5cb3;}.elementor-8 .elementor-element.elementor-element-d995604 .elementor-button:hover svg, .elementor-8 .elementor-element.elementor-element-d995604 .elementor-button:focus svg{fill:#e0c804;}.elementor-8 .elementor-element.elementor-element-29ecb2e{--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;border-style:solid;--border-style:solid;border-width:3px 0px 3px 0px;--border-top-width:3px;--border-right-width:0px;--border-bottom-width:3px;--border-left-width:0px;border-color:#FFFFFF;--border-color:#FFFFFF;}.elementor-8 .elementor-element.elementor-element-29ecb2e:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-29ecb2e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000B2E;}.elementor-8 .elementor-element.elementor-element-29ecb2e, .elementor-8 .elementor-element.elementor-element-29ecb2e::before{--border-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-6cbf9bb{--display:flex;--background-transition:0.3s;}@media(min-width:768px){.elementor-8 .elementor-element.elementor-element-39e9fd2{--width:100%;}.elementor-8 .elementor-element.elementor-element-4d06a68{--width:65.358%;}.elementor-8 .elementor-element.elementor-element-36a7bd9{--width:41.855%;}}@media(max-width:767px){.elementor-8 .elementor-element.elementor-element-2013377{--icon-size:20px;}.elementor-8 .elementor-element.elementor-element-8e8c8d5 img{width:100%;}.elementor-8 .elementor-element.elementor-element-aa3ba10 .elementor-heading-title{font-size:30px;}.elementor-8 .elementor-element.elementor-element-f7ba62d .elementor-heading-title{font-size:18px;line-height:1.1em;}.elementor-8 .elementor-element.elementor-element-07d200e .elementor-heading-title{font-size:18px;line-height:1.1em;}.elementor-8 .elementor-element.elementor-element-cfdc63a > .elementor-widget-container{margin:-33px 0px -72px 0px;}.elementor-8 .elementor-element.elementor-element-cfdc63a img{width:100%;}.elementor-8 .elementor-element.elementor-element-f701ced img{width:100%;}.elementor-8 .elementor-element.elementor-element-34284f1{text-align:left;}.elementor-8 .elementor-element.elementor-element-34284f1 .elementor-heading-title{font-size:18px;line-height:1.1em;}.elementor-8 .elementor-element.elementor-element-a1861a1 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-6873881 img{width:94%;}.elementor-8 .elementor-element.elementor-element-1046829 .elementor-heading-title{font-size:20px;}.elementor-8 .elementor-element.elementor-element-4845233 img{width:100%;}.elementor-8 .elementor-element.elementor-element-f0d64cb .elementor-heading-title{font-size:20px;}.elementor-8 .elementor-element.elementor-element-a1de2b5 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-ff6c25b .elementor-heading-title{font-size:20px;}.elementor-8 .elementor-element.elementor-element-9da56d0 .elementor-heading-title{font-size:18px;line-height:1.1em;}}/* Start custom CSS for image, class: .elementor-element-8e8c8d5 *//* ============ BOUNCE VARIANTS (pure CSS) ============ */
/* Pakai: tambahkan class ke elemen (img/div/icon/teks). */
/* Tidak mengatur width/height agar ukuran aslinya tetap. */

:root{
  --bounce-h: 80px;   /* tinggi lompatan */
  --bounce-t: 1.2s;   /* durasi sekali lompatan */
}

/* 1) Mantul standar (vertikal) */
.bounce-y{
  display:inline-block;
  animation: bounceY var(--bounce-t) ease-in-out infinite;
  will-change: transform;
}

@keyframes bounceY{
  0%,100%{ transform: translateY(0); }
  50%    { transform: translateY(calc(-1 * var(--bounce-h))); }
}

/* 2) Mantul elastis (dengan squash-stretch di momen menyentuh tanah) */
.bounce-elastic{
  display:inline-block;
  animation: bounceElastic var(--bounce-t) cubic-bezier(.3,.6,.3,1) infinite;
  transform-origin:center bottom; /* biar squash terasa di bawah */
  will-change: transform;
}

@keyframes bounceElastic{
  0%,100%{
    transform: translateY(0) scaleX(1) scaleY(1);
  }
  40%{
    transform: translateY(calc(-1 * var(--bounce-h))) scaleX(.98) scaleY(1.02);
  }
  55%{ /* momen “mendarat” → gepeng sedikit */
    transform: translateY(0) scaleX(1.06) scaleY(.94);
  }
  70%{
    transform: translateY(calc(-1 * var(--bounce-h) * .45)) scaleX(.99) scaleY(1.01);
  }
  85%{
    transform: translateY(0) scaleX(1.03) scaleY(.97);
  }
}

/* 3) Mantul horizontal (ping-pong kiri-kanan) */
.bounce-x{
  display:inline-block;
  animation: bounceX var(--bounce-t) ease-in-out infinite;
  will-change: transform;
}

@keyframes bounceX{
  0%,100%{ transform: translateX(0); }
  50%    { transform: translateX(var(--bounce-h)); } /* pakai var yang sama */
}

/* (Opsional) Bayangan sederhana di bawah elemen */
.bounce-shadow{
  position: relative;
  display:inline-block;
}
.bounce-shadow::after{
  content:"";
  position:absolute; left:50%; bottom:-8px;
  width: 60%; height: 8px; transform:translateX(-50%);
  border-radius:50%;
  background: radial-gradient(closest-side, rgba(0,0,0,.3), rgba(0,0,0,0));
  animation: shadowPulse var(--bounce-t) ease-in-out infinite;
  pointer-events:none;
}
@keyframes shadowPulse{
  0%,100%{ transform:translateX(-50%) scaleX(1); opacity:.55; }
  50%    { transform:translateX(-50%) scaleX(.8); opacity:.25; }
}

/* Hormati preferensi reduce motion */
@media (prefers-reduced-motion: reduce){
  .bounce-y,.bounce-elastic,.bounce-x,.bounce-shadow::after{ animation: none !important; }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-cfdc63a *//* ==== UP → SHAKE → DOWN (no fade) ==== */
/* Pakai class "up-shake-down" */

.up-shake-down {
  display: inline-block;
  animation: up-shake-down 4s ease-in-out infinite;
  will-change: transform;
}

/* Keyframes */
@keyframes up-shake-down {
  0% {
    transform: translateY(120%); /* sembunyi di bawah */
  }
  15% {
    transform: translateY(0); /* naik ke atas */
  }
  35%, 55% {
    transform: translateY(0); /* tetap di atas */
  }
  /* getar halus saat jeda di atas */
  40% { transform: translateY(-2px) rotate(-1deg); }
  45% { transform: translateY(2px) rotate(1deg); }
  50% { transform: translateY(-2px) rotate(-1deg); }
  55% { transform: translateY(0) rotate(0); }

  85% {
    transform: translateY(120%); /* turun lagi */
  }
  100% {
    transform: translateY(120%);
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3603b56 */body {
  overflow-x: hidden;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-a1861a1 *//* ==== SPIN EFFECT (tanpa ubah ukuran) ==== */
/* Tambahkan class "spin-only" ke elemen/gambar */

.spin-only {
  display: inline-block;
  animation: spin 18s linear infinite;
  will-change: transform;
}

@keyframes spin {
  from { transform: rotate(0deg); }
  to   { transform: rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-a1de2b5 *//* ==== ROCKET LIFTOFF (pure CSS) ======================================= */
/* Pakai: tambahkan class "rocket-liftoff" ke gambar/elemen roket         */
/* Tweak cepat lewat CSS variables di :root atau langsung di .elementor-8 .elementor-element.elementor-element-a1de2b5     */

:root{
  --rocket-time: 6s;        /* durasi naik sampai hilang di atas */
  --rocket-travel: 115vh;    /* jarak gerak ke atas */
  --rocket-wobble: 1.5deg;   /* goyangan kecil saat lepas landas */
  --flame-size: 34px;        /* panjang api */
  --flame-width: 18px;       /* lebar api */
  --flame-flicker: 140ms;    /* kecepatan kedipan api */
  --trail-strength: 1;       /* 0=tanpa asap, 1=ada asap */
}

/* Elemen target (gambar roket) */
.rocket-liftoff{
  position: relative;
  display: inline-block;
  will-change: transform, filter;
  animation: rocket-liftoff var(--rocket-time) linear infinite;
  transform: translate3d(0,0,0);
  filter: drop-shadow(0 8px 18px rgba(255,120,40,.35));
}

/* Api pendorong */
.rocket-liftoff::after{
  content:"";
  position:absolute;
  left:50%;
  top:100%;
  transform: translateX(-50%);
  width: var(--flame-width);
  height: var(--flame-size);
  border-radius: 50% 50% 65% 65% / 35% 35% 80% 80%;
  background:
    radial-gradient(closest-side at 50% 12%, #fff 0 30%, #ffd45f 35% 55%, #ff8a00 60% 78%, rgba(255,138,0,0) 85%);
  filter: blur(0.3px) drop-shadow(0 0 10px #ffb865);
  animation:
    flame-flicker var(--flame-flicker) ease-in-out infinite alternate,
    flame-sway 1.6s ease-in-out infinite;
  pointer-events:none;
}

/* Jejak asap sederhana (titik-titik memanjang) */
.rocket-liftoff::before{
  content:"";
  position:absolute;
  left:50%;
  top:100%;
  transform: translate(-50%, 10px);
  width: 8px;
  height: 8px;
  border-radius:50%;
  opacity: calc(.6 * var(--trail-strength));
  filter: blur(2px);
  /* deretan "asap" dengan box-shadow, akan digeser oleh animasi */
  box-shadow:
    0 18px 0 10px rgba(255,255,255,.05),
    10px 36px 0 16px rgba(255,255,255,.045),
    -12px 58px 0 18px rgba(255,255,255,.04),
    14px 82px 0 22px rgba(255,255,255,.035),
    -18px 110px 0 26px rgba(255,255,255,.03),
    8px 142px 0 28px rgba(255,255,255,.025);
  animation: smoke-drift 2.8s linear infinite;
  pointer-events:none;
}

/* ==== Variasi opsional =============================================== */
/* Sedikit melengkung ke kanan saat naik (tambahkan class .arc) */
.rocket-liftoff.arc{
  animation-name: rocket-liftoff-arc;
}

/* Pause saat hover (kalau mau diinspeksi) */
.rocket-liftoff.pause-on-hover:hover{
  animation-play-state: paused;
}
.rocket-liftoff.pause-on-hover:hover::before,
.rocket-liftoff.pause-on-hover:hover::after{
  animation-play-state: paused;
}

/* ==== Keyframes ======================================================= */
@keyframes rocket-liftoff{
  0%   { transform: translateY(0) rotate(0deg); }
  8%   { transform: translateY(-12px) rotate(calc(var(--rocket-wobble) * -1)); }
  16%  { transform: translateY(-28px) rotate(var(--rocket-wobble)); }
  24%  { transform: translateY(-48px) rotate(calc(var(--rocket-wobble) * -.6)); }
  100% { transform: translateY(calc(-1 * var(--rocket-travel))) rotate(-.3deg); }
}

@keyframes rocket-liftoff-arc{
  0%   { transform: translate(0,0) rotate(0deg); }
  10%  { transform: translate(2px,-16px) rotate(-1deg); }
  30%  { transform: translate(10px,-60px) rotate(.8deg); }
  60%  { transform: translate(28px, calc(-1 * var(--rocket-travel) * .55)) rotate(.4deg); }
  100% { transform: translate(40px, calc(-1 * var(--rocket-travel))) rotate(0deg); }
}

@keyframes flame-flicker{
  from { transform: translateX(-50%) scaleY(.85); opacity:.95; }
  to   { transform: translateX(-50%) scaleY(1.1);  opacity:1; }
}

@keyframes flame-sway{
  0%,100% { transform: translateX(-50%) rotate(-2deg); }
  50%     { transform: translateX(-50%) rotate(2deg);  }
}

@keyframes smoke-drift{
  0%{
    transform: translate(-50%, 10px) scale(1);
    opacity: calc(.65 * var(--trail-strength));
    filter: blur(2px);
  }
  100%{
    transform: translate(-50%, 40px) scale(1.05);
    opacity: calc(.25 * var(--trail-strength));
    filter: blur(3px);
  }
}

/* Matikan animasi untuk pengguna yang pilih prefer-reduced-motion */
@media (prefers-reduced-motion: reduce){
  .rocket-liftoff, .rocket-liftoff::before, .rocket-liftoff::after{
    animation: none !important;
  }
}/* End custom CSS */