.elementor-10 .elementor-element.elementor-element-e4c0fc5{--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-10 .elementor-element.elementor-element-e4c0fc5, .elementor-10 .elementor-element.elementor-element-e4c0fc5::before{--border-transition:0.3s;}.elementor-10 .elementor-element.elementor-element-ac29986{--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-10 .elementor-element.elementor-element-461971d{--display:flex;--background-transition:0.3s;}.elementor-10 .elementor-element.elementor-element-461971d.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-10 .elementor-element.elementor-element-4df4cf8 .elementor-button{font-family:"Ranchers", Sans-serif;font-size:17px;font-weight:300;fill:#000000;color:#000000;background-color:#f3d333;border-style:solid;border-width:2px 5px 5px 2px;border-color:#000000;border-radius:8px 8px 8px 8px;}.elementor-10 .elementor-element.elementor-element-20d60be{--display:flex;--background-transition:0.3s;}.elementor-10 .elementor-element.elementor-element-c376de2{--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:flex-end;--align-items:center;--background-transition:0.3s;}.elementor-10 .elementor-element.elementor-element-137f251 .elementor-button{font-family:"Ranchers", Sans-serif;font-size:17px;font-weight:300;fill:#000000;color:#000000;background-color:#f3d333;border-style:solid;border-width:2px 5px 5px 2px;border-color:#000000;border-radius:8px 8px 8px 8px;}.elementor-10 .elementor-element.elementor-element-c8fd453 .elementor-button{font-family:"Ranchers", Sans-serif;font-size:17px;font-weight:300;fill:#000000;color:#000000;background-color:#f3d333;border-style:solid;border-width:2px 5px 5px 2px;border-color:#000000;border-radius:8px 8px 8px 8px;}.elementor-10 .elementor-element.elementor-element-c31cf4c .elementor-button{font-family:"Ranchers", Sans-serif;font-size:17px;font-weight:300;fill:#000000;color:#000000;background-color:#f3d333;border-style:solid;border-width:2px 5px 5px 2px;border-color:#000000;border-radius:8px 8px 8px 8px;}.elementor-10 .elementor-element.elementor-element-4488151 .elementor-button{font-family:"Ranchers", Sans-serif;font-size:17px;font-weight:300;fill:#000000;color:#000000;background-color:#f3d333;border-style:solid;border-width:2px 5px 5px 2px;border-color:#000000;border-radius:8px 8px 8px 8px;}.elementor-10 .elementor-element.elementor-element-c7aa170{--display:flex;--background-transition:0.3s;}.elementor-10 .elementor-element.elementor-element-2f8a533{--display:flex;--background-transition:0.3s;}.elementor-10 .elementor-element.elementor-element-3a3bf0a > .elementor-widget-container{margin:-200px 0px -200px 0px;}.elementor-10 .elementor-element.elementor-element-3a3bf0a img{width:50%;}.elementor-10 .elementor-element.elementor-element-1f07302{--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:-160px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-10 .elementor-element.elementor-element-1f07302:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-1f07302 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://godofthunder.xyz/wp-content/uploads/2025/08/2.png");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-10 .elementor-element.elementor-element-1f07302, .elementor-10 .elementor-element.elementor-element-1f07302::before{--border-transition:0.3s;}.elementor-10 .elementor-element.elementor-element-091078d{--display:flex;--background-transition:0.3s;--margin-top:200px;--margin-bottom:200px;--margin-left:0px;--margin-right:0px;}.elementor-10 .elementor-element.elementor-element-1ee5020{--display:flex;--background-transition:0.3s;}.elementor-10 .elementor-element.elementor-element-5e33b2b img{width:65%;}.elementor-10 .elementor-element.elementor-element-b93fcbb{--display:flex;--background-transition:0.3s;}body:not(.rtl) .elementor-10 .elementor-element.elementor-element-265c519{right:-345px;}body.rtl .elementor-10 .elementor-element.elementor-element-265c519{left:-345px;}.elementor-10 .elementor-element.elementor-element-265c519{top:-255px;z-index:10;}.elementor-10 .elementor-element.elementor-element-265c519 img{width:45%;}.elementor-10 .elementor-element.elementor-element-679f6c2{--display:flex;--background-transition:0.3s;}.elementor-10 .elementor-element.elementor-element-d984330.elementor-element{--flex-grow:0;--flex-shrink:0;}body:not(.rtl) .elementor-10 .elementor-element.elementor-element-d984330{left:-246px;}body.rtl .elementor-10 .elementor-element.elementor-element-d984330{right:-246px;}.elementor-10 .elementor-element.elementor-element-d984330{top:-234px;z-index:10;}.elementor-10 .elementor-element.elementor-element-d984330 img{width:50%;}.elementor-10 .elementor-element.elementor-element-d34f3b8{--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:-130px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-10 .elementor-element.elementor-element-d34f3b8:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-d34f3b8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://godofthunder.xyz/wp-content/uploads/2025/08/3.png");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-10 .elementor-element.elementor-element-d34f3b8, .elementor-10 .elementor-element.elementor-element-d34f3b8::before{--border-transition:0.3s;}.elementor-10 .elementor-element.elementor-element-522e7b2{--display:flex;--background-transition:0.3s;--margin-top:200px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;}.elementor-10 .elementor-element.elementor-element-0117cc0{text-align:center;}.elementor-10 .elementor-element.elementor-element-0117cc0 .elementor-heading-title{color:#FFFFFF;font-family:"Ranchers", Sans-serif;font-size:30px;font-weight:300;}.elementor-10 .elementor-element.elementor-element-77ad589{--display:flex;--background-transition:0.3s;}.elementor-10 .elementor-element.elementor-element-32ddaf0{--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;}.elementor-10 .elementor-element.elementor-element-32ddaf0:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-32ddaf0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://godofthunder.xyz/wp-content/uploads/2025/08/4.png");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-10 .elementor-element.elementor-element-32ddaf0, .elementor-10 .elementor-element.elementor-element-32ddaf0::before{--border-transition:0.3s;}.elementor-10 .elementor-element.elementor-element-d49a6bb{--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:200px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;}.elementor-10 .elementor-element.elementor-element-907e650{--display:flex;--background-transition:0.3s;}.elementor-10 .elementor-element.elementor-element-907e650.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-10 .elementor-element.elementor-element-5e23ec8 img{width:92%;}.elementor-10 .elementor-element.elementor-element-a805b09{text-align:center;}.elementor-10 .elementor-element.elementor-element-a805b09 .elementor-heading-title{color:#FFFFFF;font-family:"Ranchers", Sans-serif;font-size:30px;font-weight:300;}.elementor-10 .elementor-element.elementor-element-8057e55{--display:flex;--background-transition:0.3s;}.elementor-10 .elementor-element.elementor-element-0349335 > .elementor-widget-container{margin:-85px -85px -85px -85px;}.elementor-10 .elementor-element.elementor-element-0349335 img{width:100%;}.elementor-10 .elementor-element.elementor-element-f02381e{--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-10 .elementor-element.elementor-element-f02381e:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-f02381e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#f3d333;}.elementor-10 .elementor-element.elementor-element-f02381e, .elementor-10 .elementor-element.elementor-element-f02381e::before{--border-transition:0.3s;}.elementor-10 .elementor-element.elementor-element-13768da{--display:flex;--background-transition:0.3s;}@media(max-width:767px){.elementor-10 .elementor-element.elementor-element-4df4cf8 .elementor-button{font-size:12px;}.elementor-10 .elementor-element.elementor-element-c376de2{--justify-content:center;--margin-top:-40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-10 .elementor-element.elementor-element-137f251 .elementor-button{font-size:10px;}.elementor-10 .elementor-element.elementor-element-c8fd453 .elementor-button{font-size:10px;}.elementor-10 .elementor-element.elementor-element-c31cf4c .elementor-button{font-size:10px;}.elementor-10 .elementor-element.elementor-element-4488151 .elementor-button{font-size:10px;}.elementor-10 .elementor-element.elementor-element-c7aa170{--margin-top:-52px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-10 .elementor-element.elementor-element-3a3bf0a > .elementor-widget-container{margin:-60px 0px -126px 0px;}.elementor-10 .elementor-element.elementor-element-3a3bf0a{z-index:1;}.elementor-10 .elementor-element.elementor-element-3a3bf0a img{width:69%;}.elementor-10 .elementor-element.elementor-element-1f07302{--margin-top:-150px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-10 .elementor-element.elementor-element-5e33b2b img{width:100%;}body:not(.rtl) .elementor-10 .elementor-element.elementor-element-265c519{right:-126.121px;}body.rtl .elementor-10 .elementor-element.elementor-element-265c519{left:-126.121px;}.elementor-10 .elementor-element.elementor-element-265c519{top:-41.075px;}.elementor-10 .elementor-element.elementor-element-265c519 img{width:75%;}.elementor-10 .elementor-element.elementor-element-d984330{width:var( --container-widget-width, 316.667px );max-width:316.667px;--container-widget-width:316.667px;--container-widget-flex-grow:0;top:-150px;}body:not(.rtl) .elementor-10 .elementor-element.elementor-element-d984330{left:-68px;}body.rtl .elementor-10 .elementor-element.elementor-element-d984330{right:-68px;}.elementor-10 .elementor-element.elementor-element-d984330 img{width:79%;}.elementor-10 .elementor-element.elementor-element-0117cc0 .elementor-heading-title{font-size:20px;}.elementor-10 .elementor-element.elementor-element-32ddaf0{--margin-top:-150px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-10 .elementor-element.elementor-element-5e23ec8 img{width:100%;}.elementor-10 .elementor-element.elementor-element-a805b09 .elementor-heading-title{font-size:20px;}}@media(min-width:768px){.elementor-10 .elementor-element.elementor-element-461971d{--width:47.937%;}.elementor-10 .elementor-element.elementor-element-907e650{--width:73.711%;}}/* Start custom CSS for image, class: .elementor-element-3a3bf0a *//* === Thunder Shake v3: Default super pelan → Hover super cepat === */
.thunder-shake {
  --amp: 6px;           /* amplitudo kecil default */
  --rot: 1deg;          /* rotasi kecil */
  --speed: 800ms;       /* jauh lebih pelan default */
  --glowA: #00e1ff;
  --glowB: #7af7ff;

  display: inline-block;
  will-change: transform, filter, text-shadow;
  animation: thunderShake var(--speed) infinite;
  text-shadow:
    0 0 4px var(--glowA),
    0 0 10px var(--glowA),
    0 0 20px var(--glowB);
  filter:
    drop-shadow(0 0 3px var(--glowA))
    drop-shadow(0 0 8px var(--glowB))
    brightness(1.03);
}

/* Hover → jadi cepat & kuat */
.thunder-shake:hover {
  --amp: 14px;
  --rot: 2.5deg;
  --speed: 100ms; /* super cepat saat hover */
  animation: thunderShake var(--speed) infinite, glowPulse 0.8s ease-in-out infinite;
  transform: scale(1.1);
  filter:
    drop-shadow(0 0 8px var(--glowA))
    drop-shadow(0 0 18px var(--glowB))
    brightness(1.15);
}

/* Getar “acak” */
@keyframes thunderShake {
  0%   { transform: translate(0,0) rotate(0); }
  15%  { transform: translate(var(--amp), -2px) rotate(var(--rot)); }
  30%  { transform: translate(calc(var(--amp)*-1), 2px) rotate(calc(var(--rot)*-1)); }
  45%  { transform: translate(calc(var(--amp)*0.7), -1px) rotate(calc(var(--rot)*0.7)); }
  60%  { transform: translate(calc(var(--amp)*-0.7), 1px) rotate(calc(var(--rot)*-0.7)); }
  75%  { transform: translate(var(--amp), 0) rotate(var(--rot)); }
  100% { transform: translate(0,0) rotate(0); }
}

/* Glow berdenyut saat hover */
@keyframes glowPulse {
  0%   { text-shadow: 0 0 6px var(--glowA), 0 0 14px var(--glowA), 0 0 28px var(--glowB); }
  100% { text-shadow: 0 0 14px var(--glowA), 0 0 26px var(--glowA), 0 0 44px var(--glowB); }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-265c519 *//* === Thunder BounceShake: naik turun + getar loop === */
.bounce-shake {
  --amp: 6px;     /* amplitudo getar samping */
  --rot: 1deg;    /* rotasi kecil */
  --jump: 10px;   /* tinggi naik-turun */
  --speed: 700ms; /* kecepatan loop */

  display: inline-block;
  animation: bounceY 1.4s ease-in-out infinite,
             shakeX var(--speed) infinite;
  will-change: transform;
}

/* Naik turun (bounce halus) */
@keyframes bounceY {
  0%, 100% { transform: translateY(0); }
  50%      { transform: translateY(-var(--jump)); }
}

/* Getar ke kiri-kanan */
@keyframes shakeX {
  0%, 100% { transform: translateX(0) rotate(0); }
  20% { transform: translateX(var(--amp)) rotate(var(--rot)); }
  40% { transform: translateX(calc(var(--amp)*-1)) rotate(calc(var(--rot)*-1)); }
  60% { transform: translateX(var(--amp)) rotate(var(--rot)); }
  80% { transform: translateX(calc(var(--amp)*-1)) rotate(calc(var(--rot)*-1)); }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d984330 *//* === Bounce Santai (Naik Turun Halus) === */
.bounce-santai {
  --jump: 18px;     /* tinggi lompat */
  --speed: 3s;      /* durasi (semakin besar semakin santai) */

  display: inline-block;
  animation: bounceSantai var(--speed) ease-in-out infinite;
  will-change: transform;
}

@keyframes bounceSantai {
  0%, 100% { transform: translateY(0); }
  50%      { transform: translateY(-var(--jump)); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-679f6c2 *//* Opsi 3 — Fallback tanpa transform (kalau masih “berantem” dengan efek Elementor) */
.naik-turun-fallback {
  --jump: 20px;
  --speed: 3s;
  display: inline-block;
  position: relative; /* penting */
  animation: naikTurunMargin var(--speed) ease-in-out infinite !important;
}

@keyframes naikTurunMargin {
  0%,100% { top: 0; }
  50%     { top: calc(-1 * var(--jump)); }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-0349335 *//* === Getar + Jeda + Naik Hilang + Muncul Lagi === */
.getar-hilang {
  --amp: 6px;      /* amplitudo getar */
  --rot: 1deg;     /* rotasi */
  --jump: 60px;    /* jarak naik */
  --speed: 4s;     /* durasi 1 loop */

  display: inline-block;
  animation: getarHilang var(--speed) ease-in-out infinite;
  will-change: transform, opacity;
}

@keyframes getarHilang {
  /* Diam awal */
  0%   { transform: translateY(0) translateX(0); opacity: 1; }

  /* Getar cepat */
  5%   { transform: translateX(var(--amp)) rotate(var(--rot)); }
  10%  { transform: translateX(calc(var(--amp)*-1)) rotate(calc(var(--rot)*-1)); }
  15%  { transform: translateX(var(--amp)) rotate(var(--rot)); }
  20%  { transform: translateX(0) rotate(0); }

  /* Jeda */
  30%  { transform: translateY(0); opacity: 1; }

  /* Naik ke atas sambil hilang */
  60%  { transform: translateY(calc(-1 * var(--jump))); opacity: 0; }

  /* Muncul lagi dari bawah */
  80%  { transform: translateY(var(--jump)); opacity: 0; }
  90%  { transform: translateY(0); opacity: 1; }

  /* Reset */
  100% { transform: translateY(0); opacity: 1; }
}/* End custom CSS */