.elementor-8 .elementor-element.elementor-element-73c1097{--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-73c1097:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-73c1097 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://thefiredoge.xyz/wp-content/uploads/2025/09/1.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-8 .elementor-element.elementor-element-73c1097, .elementor-8 .elementor-element.elementor-element-73c1097::before{--border-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-9492979{--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-a826b76{--display:flex;--background-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-26c1609{text-align:left;}.elementor-8 .elementor-element.elementor-element-26c1609 img{width:41%;}.elementor-8 .elementor-element.elementor-element-11704ef{--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-8 .elementor-element.elementor-element-2919d58{--grid-template-columns:repeat(0, auto);--icon-size:22px;--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-8 .elementor-element.elementor-element-2919d58 .elementor-widget-container{text-align:center;}.elementor-8 .elementor-element.elementor-element-2919d58 .elementor-social-icon{background-color:#FFFFFF;}.elementor-8 .elementor-element.elementor-element-2919d58 .elementor-social-icon i{color:#ec6414;}.elementor-8 .elementor-element.elementor-element-2919d58 .elementor-social-icon svg{fill:#ec6414;}.elementor-8 .elementor-element.elementor-element-2919d58 .elementor-icon{border-radius:10px 10px 10px 10px;}.elementor-8 .elementor-element.elementor-element-b8c78de .elementor-button{font-family:"Rancho", Sans-serif;font-size:18px;font-weight:500;fill:#FFFFFF;color:#FFFFFF;background-color:transparent;background-image:linear-gradient(103deg, #fcc95b 0%, #ec6414 100%);border-style:solid;border-width:1px 1px 1px 1px;border-radius:10px 10px 10px 10px;}.elementor-8 .elementor-element.elementor-element-c519a11{--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-b85969e{--display:flex;--background-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-b85969e.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-8 .elementor-element.elementor-element-16c2e06 > .elementor-widget-container{margin:-100px -100px -100px -100px;}.elementor-8 .elementor-element.elementor-element-af6df6a{--display:flex;--background-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-3d0e7cd{text-align:center;}.elementor-8 .elementor-element.elementor-element-3d0e7cd .elementor-heading-title{color:#FFFFFF;font-family:"Rancho", Sans-serif;font-size:30px;font-weight:500;}.elementor-8 .elementor-element.elementor-element-8c4ace9 .elementor-button{font-family:"Rancho", Sans-serif;font-size:18px;font-weight:500;fill:#FFFFFF;color:#FFFFFF;background-color:transparent;background-image:linear-gradient(103deg, #fcc95b 0%, #ec6414 100%);border-style:solid;border-width:1px 1px 1px 1px;border-radius:10px 10px 10px 10px;}.elementor-8 .elementor-element.elementor-element-1a952d3{--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-1a952d3:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-1a952d3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://thefiredoge.xyz/wp-content/uploads/2025/09/2.png");}.elementor-8 .elementor-element.elementor-element-1a952d3, .elementor-8 .elementor-element.elementor-element-1a952d3::before{--border-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-b559b85{--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-68a5c39{--display:flex;--background-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-68a5c39.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-8 .elementor-element.elementor-element-85143ca{text-align:center;}.elementor-8 .elementor-element.elementor-element-85143ca .elementor-heading-title{color:#FFFFFF;font-family:"Rancho", Sans-serif;font-size:30px;font-weight:500;}.elementor-8 .elementor-element.elementor-element-a7c7fd5{--display:flex;--background-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-2605618 > .elementor-widget-container{--e-transform-flipX:-1;margin:-75px -75px -75px -75px;}.elementor-8 .elementor-element.elementor-element-6580df9{--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-6580df9:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-6580df9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://thefiredoge.xyz/wp-content/uploads/2025/09/3.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-8 .elementor-element.elementor-element-6580df9, .elementor-8 .elementor-element.elementor-element-6580df9::before{--border-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-b3e9561{--display:flex;--background-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-e1d7869 img{width:75%;}.elementor-8 .elementor-element.elementor-element-6b2917e{--display:flex;--background-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-b7af5f3{--display:flex;--background-transition:0.3s;--margin-top:100px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;}.elementor-8 .elementor-element.elementor-element-2671e82 img{width:75%;}.elementor-8 .elementor-element.elementor-element-ad22751{--display:flex;--flex-direction:row-reverse;--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-reverse;--align-items:center;--background-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-60e381c{--display:flex;--background-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-bef8b94{--display:flex;--background-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-bef8b94.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-8 .elementor-element.elementor-element-285ef97 > .elementor-widget-container{margin:-100px -100px -100px -100px;}.elementor-8 .elementor-element.elementor-element-dabcf33{--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;--margin-top:-100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-8 .elementor-element.elementor-element-dabcf33:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-dabcf33 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://thefiredoge.xyz/wp-content/uploads/2025/09/4.png");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-8 .elementor-element.elementor-element-dabcf33, .elementor-8 .elementor-element.elementor-element-dabcf33::before{--border-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-6014347{--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:150px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;}.elementor-8 .elementor-element.elementor-element-e48cea7{--display:flex;--background-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-e48cea7.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-8 .elementor-element.elementor-element-02f33d3 img{width:89%;}.elementor-8 .elementor-element.elementor-element-95468ab{text-align:center;}.elementor-8 .elementor-element.elementor-element-95468ab .elementor-heading-title{color:#FFFFFF;font-family:"Rancho", Sans-serif;font-size:30px;font-weight:500;}.elementor-8 .elementor-element.elementor-element-500d138{--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-34d948a .elementor-button{font-family:"Rancho", Sans-serif;font-size:18px;font-weight:500;fill:#FFFFFF;color:#FFFFFF;background-color:transparent;background-image:linear-gradient(103deg, #fcc95b 0%, #ec6414 100%);border-style:solid;border-width:1px 1px 1px 1px;border-radius:10px 10px 10px 10px;}.elementor-8 .elementor-element.elementor-element-2b1d425 .elementor-button{font-family:"Rancho", Sans-serif;font-size:18px;font-weight:500;fill:#FFFFFF;color:#FFFFFF;background-color:transparent;background-image:linear-gradient(103deg, #fcc95b 0%, #ec6414 100%);border-style:solid;border-width:1px 1px 1px 1px;border-radius:10px 10px 10px 10px;}.elementor-8 .elementor-element.elementor-element-8aac6e0{--display:flex;--background-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-6878200 > .elementor-widget-container{--e-transform-flipX:-1;margin:-50px -50px -50px -50px;}.elementor-8 .elementor-element.elementor-element-6d57597{--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-6d57597:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-6d57597 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ec6414;}.elementor-8 .elementor-element.elementor-element-6d57597, .elementor-8 .elementor-element.elementor-element-6d57597::before{--border-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-51713be{--display:flex;--background-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-a1b5bb8{text-align:center;}.elementor-8 .elementor-element.elementor-element-a1b5bb8 .elementor-heading-title{color:#FFFFFF;font-family:"Rancho", Sans-serif;font-size:18px;font-weight:500;}@media(min-width:768px){.elementor-8 .elementor-element.elementor-element-b85969e{--width:29.588%;}.elementor-8 .elementor-element.elementor-element-68a5c39{--width:58.247%;}.elementor-8 .elementor-element.elementor-element-bef8b94{--width:31.578%;}.elementor-8 .elementor-element.elementor-element-e48cea7{--width:61.443%;}}@media(max-width:767px){.elementor-8 .elementor-element.elementor-element-26c1609{text-align:center;}.elementor-8 .elementor-element.elementor-element-11704ef{--justify-content:center;}.elementor-8 .elementor-element.elementor-element-2919d58{--icon-size:15px;}.elementor-8 .elementor-element.elementor-element-b8c78de .elementor-button{font-size:11px;}.elementor-8 .elementor-element.elementor-element-c519a11{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-8 .elementor-element.elementor-element-16c2e06 > .elementor-widget-container{margin:2px 2px 2px 2px;}.elementor-8 .elementor-element.elementor-element-3d0e7cd .elementor-heading-title{font-size:20px;}.elementor-8 .elementor-element.elementor-element-8c4ace9 .elementor-button{font-size:15px;}.elementor-8 .elementor-element.elementor-element-85143ca .elementor-heading-title{font-size:20px;}.elementor-8 .elementor-element.elementor-element-2605618 > .elementor-widget-container{margin:2px 2px 2px 2px;}.elementor-8 .elementor-element.elementor-element-e1d7869 img{width:100%;}.elementor-8 .elementor-element.elementor-element-2671e82 img{width:100%;}.elementor-8 .elementor-element.elementor-element-285ef97 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-95468ab .elementor-heading-title{font-size:20px;}.elementor-8 .elementor-element.elementor-element-34d948a .elementor-button{font-size:15px;}.elementor-8 .elementor-element.elementor-element-2b1d425 .elementor-button{font-size:15px;}.elementor-8 .elementor-element.elementor-element-6878200 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-a1b5bb8 .elementor-heading-title{font-size:15px;}}/* Start custom CSS for image, class: .elementor-element-16c2e06 */.api-glow-soft img{
  filter: saturate(1.2) hue-rotate(-10deg) brightness(1.04);
  animation: ags-flick 2.2s ease-in-out infinite;
}
.api-glow-soft::before{
  content:""; position:absolute; inset:-12%;
  background:
    radial-gradient(120% 100% at 50% 95%, rgba(255,120,40,.26) 0%, rgba(255,90,20,.16) 40%, transparent 70%),
    radial-gradient(120% 100% at 50% 100%, rgba(255,200,120,.14) 0%, transparent 65%);
  filter: blur(12px); mix-blend-mode: screen; pointer-events:none;
  animation: ags-pulse 2.6s ease-in-out infinite;
}
@keyframes ags-flick{
  0%,100%{ transform: translateY(0) scale(1); filter: brightness(1.00) }
  40%    { transform: translateY(-1px) scale(1.01); filter: brightness(1.08) }
  60%    { transform: translateY(.5px)  scale(.998); filter: brightness(1.03) }
}
@keyframes ags-pulse{
  0%,100%{ opacity:.55 } 50%{ opacity:.9 }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-73c1097 *//* Percikan bara menggunakan pseudo-element */
.fire-embers{ position:relative; }
.fire-embers::before,
.fire-embers::after{
  content:"";
  position:absolute; inset: -5% -10% -15% -10%;
  pointer-events:none;
  background:
    radial-gradient(6px 6px at 10% 95%, rgba(255,180,90,.85) 0 40%, transparent 45%),
    radial-gradient(5px 5px at 25% 98%, rgba(255,130,60,.85) 0 40%, transparent 45%),
    radial-gradient(4px 4px at 40% 96%, rgba(255,210,120,.85) 0 40%, transparent 50%),
    radial-gradient(5px 5px at 60% 97%, rgba(255,140,70,.85) 0 40%, transparent 50%),
    radial-gradient(4px 4px at 78% 99%, rgba(255,180,90,.85) 0 40%, transparent 50%),
    radial-gradient(6px 6px at 90% 97%, rgba(255,220,140,.85) 0 40%, transparent 50%);
  filter: blur(.2px);
  opacity:.85;
  animation: embersUp 2.8s linear infinite;
}

.fire-embers::after{
  inset: -10% -15% -20% -15%;
  filter: blur(1px);
  opacity:.55;
  animation-duration: 3.6s;
  animation-delay: .5s;
}

@keyframes embersUp{
  0%{ transform: translateY(0) scale(1); opacity:.9; }
  70%{ transform: translateY(-14%) scale(1.05); opacity:.6; }
  100%{ transform: translateY(-22%) scale(1.1); opacity:0; }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2605618 *//* ====== Fire Glow & Pulse — CSS Murni ====== */
/* Warna & kecepatan bisa diatur per-elemen via CSS variables */
.fire-glow,
.fire-pulse,
.fire-flicker,
.heat-waver{
  --fire-c1: #ffb300;   /* kuning api */
  --fire-c2: #ff5200;   /* oranye api */
  --fire-c3: #ff2200;   /* merah pijar */
  --fire-speed: 2.3s;   /* kecepatan default */
  --fire-intensity: 1;  /* 0.6–1.6 */
  display: inline-block;          /* biar transform bekerja */
  will-change: filter, transform; /* performa */
}

/* 1) GLow api halus + berlapis, mengikuti tepi gambar */
.fire-glow{
  filter:
    drop-shadow(0 0 calc(10px * var(--fire-intensity)) color-mix(in oklab, var(--fire-c1) 65%, transparent))
    drop-shadow(0 0 calc(24px * var(--fire-intensity)) color-mix(in oklab, var(--fire-c2) 55%, transparent))
    drop-shadow(0 0 calc(48px * var(--fire-intensity)) color-mix(in oklab, var(--fire-c3) 35%, transparent));
  animation: fireGlowFlicker var(--fire-speed) infinite ease-in-out;
}
@keyframes fireGlowFlicker{
  0%   { filter: drop-shadow(0 0 10px color-mix(in oklab, var(--fire-c1) 65%, transparent))
                 drop-shadow(0 0 24px color-mix(in oklab, var(--fire-c2) 55%, transparent))
                 drop-shadow(0 0 48px color-mix(in oklab, var(--fire-c3) 35%, transparent))
                 brightness(1) saturate(1); }
  18%  { filter: drop-shadow(0 0 12px color-mix(in oklab, var(--fire-c1) 80%, transparent))
                 drop-shadow(0 0 30px color-mix(in oklab, var(--fire-c2) 70%, transparent))
                 drop-shadow(0 0 60px color-mix(in oklab, var(--fire-c3) 45%, transparent))
                 brightness(1.12) saturate(1.12); }
  41%  { filter: drop-shadow(0 0 9px  color-mix(in oklab, var(--fire-c1) 60%, transparent))
                 drop-shadow(0 0 20px color-mix(in oklab, var(--fire-c2) 50%, transparent))
                 drop-shadow(0 0 42px color-mix(in oklab, var(--fire-c3) 32%, transparent))
                 brightness(0.98) saturate(1); }
  63%  { filter: drop-shadow(0 0 14px color-mix(in oklab, var(--fire-c1) 85%, transparent))
                 drop-shadow(0 0 34px color-mix(in oklab, var(--fire-c2) 75%, transparent))
                 drop-shadow(0 0 70px color-mix(in oklab, var(--fire-c3) 50%, transparent))
                 brightness(1.18) saturate(1.15); }
  100% { filter: drop-shadow(0 0 10px color-mix(in oklab, var(--fire-c1) 65%, transparent))
                 drop-shadow(0 0 24px color-mix(in oklab, var(--fire-c2) 55%, transparent))
                 drop-shadow(0 0 48px color-mix(in oklab, var(--fire-c3) 35%, transparent))
                 brightness(1) saturate(1); }
}

/* 2) Denyut (breathing) + sedikit bounce */
.fire-pulse{
  animation: firePulse calc(var(--fire-speed) * 1.2) infinite cubic-bezier(.4,0,.2,1);
}
@keyframes firePulse{
  0%,100% { transform: translateY(0) scale(1); }
  50%     { transform: translateY(-1px) scale(1.035); }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-285ef97 *//* ====== Fire Glow & Pulse — CSS Murni ====== */
/* Warna & kecepatan bisa diatur per-elemen via CSS variables */
.fire-glow,
.fire-pulse,
.fire-flicker,
.heat-waver{
  --fire-c1: #ffb300;   /* kuning api */
  --fire-c2: #ff5200;   /* oranye api */
  --fire-c3: #ff2200;   /* merah pijar */
  --fire-speed: 2.3s;   /* kecepatan default */
  --fire-intensity: 1;  /* 0.6–1.6 */
  display: inline-block;          /* biar transform bekerja */
  will-change: filter, transform; /* performa */
}

/* 1) GLow api halus + berlapis, mengikuti tepi gambar */
.fire-glow{
  filter:
    drop-shadow(0 0 calc(10px * var(--fire-intensity)) color-mix(in oklab, var(--fire-c1) 65%, transparent))
    drop-shadow(0 0 calc(24px * var(--fire-intensity)) color-mix(in oklab, var(--fire-c2) 55%, transparent))
    drop-shadow(0 0 calc(48px * var(--fire-intensity)) color-mix(in oklab, var(--fire-c3) 35%, transparent));
  animation: fireGlowFlicker var(--fire-speed) infinite ease-in-out;
}
@keyframes fireGlowFlicker{
  0%   { filter: drop-shadow(0 0 10px color-mix(in oklab, var(--fire-c1) 65%, transparent))
                 drop-shadow(0 0 24px color-mix(in oklab, var(--fire-c2) 55%, transparent))
                 drop-shadow(0 0 48px color-mix(in oklab, var(--fire-c3) 35%, transparent))
                 brightness(1) saturate(1); }
  18%  { filter: drop-shadow(0 0 12px color-mix(in oklab, var(--fire-c1) 80%, transparent))
                 drop-shadow(0 0 30px color-mix(in oklab, var(--fire-c2) 70%, transparent))
                 drop-shadow(0 0 60px color-mix(in oklab, var(--fire-c3) 45%, transparent))
                 brightness(1.12) saturate(1.12); }
  41%  { filter: drop-shadow(0 0 9px  color-mix(in oklab, var(--fire-c1) 60%, transparent))
                 drop-shadow(0 0 20px color-mix(in oklab, var(--fire-c2) 50%, transparent))
                 drop-shadow(0 0 42px color-mix(in oklab, var(--fire-c3) 32%, transparent))
                 brightness(0.98) saturate(1); }
  63%  { filter: drop-shadow(0 0 14px color-mix(in oklab, var(--fire-c1) 85%, transparent))
                 drop-shadow(0 0 34px color-mix(in oklab, var(--fire-c2) 75%, transparent))
                 drop-shadow(0 0 70px color-mix(in oklab, var(--fire-c3) 50%, transparent))
                 brightness(1.18) saturate(1.15); }
  100% { filter: drop-shadow(0 0 10px color-mix(in oklab, var(--fire-c1) 65%, transparent))
                 drop-shadow(0 0 24px color-mix(in oklab, var(--fire-c2) 55%, transparent))
                 drop-shadow(0 0 48px color-mix(in oklab, var(--fire-c3) 35%, transparent))
                 brightness(1) saturate(1); }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6878200 *//* ====== Fire Glow & Pulse — CSS Murni ====== */
/* Warna & kecepatan bisa diatur per-elemen via CSS variables */
.fire-glow,
.fire-pulse,
.fire-flicker,
.heat-waver{
  --fire-c1: #ffb300;   /* kuning api */
  --fire-c2: #ff5200;   /* oranye api */
  --fire-c3: #ff2200;   /* merah pijar */
  --fire-speed: 2.3s;   /* kecepatan default */
  --fire-intensity: 1;  /* 0.6–1.6 */
  display: inline-block;          /* biar transform bekerja */
  will-change: filter, transform; /* performa */
}

/* 1) GLow api halus + berlapis, mengikuti tepi gambar */
.fire-glow{
  filter:
    drop-shadow(0 0 calc(10px * var(--fire-intensity)) color-mix(in oklab, var(--fire-c1) 65%, transparent))
    drop-shadow(0 0 calc(24px * var(--fire-intensity)) color-mix(in oklab, var(--fire-c2) 55%, transparent))
    drop-shadow(0 0 calc(48px * var(--fire-intensity)) color-mix(in oklab, var(--fire-c3) 35%, transparent));
  animation: fireGlowFlicker var(--fire-speed) infinite ease-in-out;
}
@keyframes fireGlowFlicker{
  0%   { filter: drop-shadow(0 0 10px color-mix(in oklab, var(--fire-c1) 65%, transparent))
                 drop-shadow(0 0 24px color-mix(in oklab, var(--fire-c2) 55%, transparent))
                 drop-shadow(0 0 48px color-mix(in oklab, var(--fire-c3) 35%, transparent))
                 brightness(1) saturate(1); }
  18%  { filter: drop-shadow(0 0 12px color-mix(in oklab, var(--fire-c1) 80%, transparent))
                 drop-shadow(0 0 30px color-mix(in oklab, var(--fire-c2) 70%, transparent))
                 drop-shadow(0 0 60px color-mix(in oklab, var(--fire-c3) 45%, transparent))
                 brightness(1.12) saturate(1.12); }
  41%  { filter: drop-shadow(0 0 9px  color-mix(in oklab, var(--fire-c1) 60%, transparent))
                 drop-shadow(0 0 20px color-mix(in oklab, var(--fire-c2) 50%, transparent))
                 drop-shadow(0 0 42px color-mix(in oklab, var(--fire-c3) 32%, transparent))
                 brightness(0.98) saturate(1); }
  63%  { filter: drop-shadow(0 0 14px color-mix(in oklab, var(--fire-c1) 85%, transparent))
                 drop-shadow(0 0 34px color-mix(in oklab, var(--fire-c2) 75%, transparent))
                 drop-shadow(0 0 70px color-mix(in oklab, var(--fire-c3) 50%, transparent))
                 brightness(1.18) saturate(1.15); }
  100% { filter: drop-shadow(0 0 10px color-mix(in oklab, var(--fire-c1) 65%, transparent))
                 drop-shadow(0 0 24px color-mix(in oklab, var(--fire-c2) 55%, transparent))
                 drop-shadow(0 0 48px color-mix(in oklab, var(--fire-c3) 35%, transparent))
                 brightness(1) saturate(1); }
}

/* 2) Denyut (breathing) + sedikit bounce */
.fire-pulse{
  animation: firePulse calc(var(--fire-speed) * 1.2) infinite cubic-bezier(.4,0,.2,1);
}
@keyframes firePulse{
  0%,100% { transform: translateY(0) scale(1); }
  50%     { transform: translateY(-1px) scale(1.035); }
}

/* 3) Flicker api cepat (kedip-kedip acak) */
.fire-flicker{
  animation: fireFlicker 1.4s infinite steps(7, end);
}
@keyframes fireFlicker{
  0%   { transform: translateY(0) rotate(0deg) }
  20%  { transform: translateY(-0.5px) rotate(-.15deg) }
  40%  { transform: translateY(0.6px) rotate(.1deg) }
  60%  { transform: translateY(-0.3px) rotate(-.12deg) }
  80%  { transform: translateY(0.4px) rotate(.08deg) }
  100% { transform: translateY(0) rotate(0deg) }
}

/* 4) Heat waver (mirip gelombang panas) — subtle wobble */
.heat-waver{
  animation: heatWaver calc(var(--fire-speed) * 0.9) infinite ease-in-out;
  transform-origin: center;
}
@keyframes heatWaver{
  0%   { transform: skewY(0deg) scale(1); filter: saturate(1) }
  25%  { transform: skewY(.25deg) scale(1.004); filter: saturate(1.06) }
  50%  { transform: skewY(-.35deg) scale(1.006); filter: saturate(1.1) }
  75%  { transform: skewY(.2deg) scale(1.003); filter: saturate(1.05) }
  100% { transform: skewY(0deg) scale(1); filter: saturate(1) }
}

/* ==== Kombinasi nyaman: Glow + Pulse + Flicker ringan ==== */
.fire-blaze{
  composes: fire-glow fire-pulse fire-flicker; /* jika preprocessor; jika tidak, tambahkan 3 class manual */
}

/* Aksesibilitas: hormati reduced motion */
@media (prefers-reduced-motion: reduce){
  .fire-glow, .fire-pulse, .fire-flicker, .heat-waver{
    animation: none !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dabcf33 *//* ====== Fire Glow & Pulse — CSS Murni ====== */
/* Warna & kecepatan bisa diatur per-elemen via CSS variables */
.fire-glow,
.fire-pulse,
.fire-flicker,
.heat-waver{
  --fire-c1: #ffb300;   /* kuning api */
  --fire-c2: #ff5200;   /* oranye api */
  --fire-c3: #ff2200;   /* merah pijar */
  --fire-speed: 2.3s;   /* kecepatan default */
  --fire-intensity: 1;  /* 0.6–1.6 */
  display: inline-block;          /* biar transform bekerja */
  will-change: filter, transform; /* performa */
}

/* 1) GLow api halus + berlapis, mengikuti tepi gambar */
.fire-glow{
  filter:
    drop-shadow(0 0 calc(10px * var(--fire-intensity)) color-mix(in oklab, var(--fire-c1) 65%, transparent))
    drop-shadow(0 0 calc(24px * var(--fire-intensity)) color-mix(in oklab, var(--fire-c2) 55%, transparent))
    drop-shadow(0 0 calc(48px * var(--fire-intensity)) color-mix(in oklab, var(--fire-c3) 35%, transparent));
  animation: fireGlowFlicker var(--fire-speed) infinite ease-in-out;
}
@keyframes fireGlowFlicker{
  0%   { filter: drop-shadow(0 0 10px color-mix(in oklab, var(--fire-c1) 65%, transparent))
                 drop-shadow(0 0 24px color-mix(in oklab, var(--fire-c2) 55%, transparent))
                 drop-shadow(0 0 48px color-mix(in oklab, var(--fire-c3) 35%, transparent))
                 brightness(1) saturate(1); }
  18%  { filter: drop-shadow(0 0 12px color-mix(in oklab, var(--fire-c1) 80%, transparent))
                 drop-shadow(0 0 30px color-mix(in oklab, var(--fire-c2) 70%, transparent))
                 drop-shadow(0 0 60px color-mix(in oklab, var(--fire-c3) 45%, transparent))
                 brightness(1.12) saturate(1.12); }
  41%  { filter: drop-shadow(0 0 9px  color-mix(in oklab, var(--fire-c1) 60%, transparent))
                 drop-shadow(0 0 20px color-mix(in oklab, var(--fire-c2) 50%, transparent))
                 drop-shadow(0 0 42px color-mix(in oklab, var(--fire-c3) 32%, transparent))
                 brightness(0.98) saturate(1); }
  63%  { filter: drop-shadow(0 0 14px color-mix(in oklab, var(--fire-c1) 85%, transparent))
                 drop-shadow(0 0 34px color-mix(in oklab, var(--fire-c2) 75%, transparent))
                 drop-shadow(0 0 70px color-mix(in oklab, var(--fire-c3) 50%, transparent))
                 brightness(1.18) saturate(1.15); }
  100% { filter: drop-shadow(0 0 10px color-mix(in oklab, var(--fire-c1) 65%, transparent))
                 drop-shadow(0 0 24px color-mix(in oklab, var(--fire-c2) 55%, transparent))
                 drop-shadow(0 0 48px color-mix(in oklab, var(--fire-c3) 35%, transparent))
                 brightness(1) saturate(1); }
}

/* 2) Denyut (breathing) + sedikit bounce */
.fire-pulse{
  animation: firePulse calc(var(--fire-speed) * 1.2) infinite cubic-bezier(.4,0,.2,1);
}
@keyframes firePulse{
  0%,100% { transform: translateY(0) scale(1); }
  50%     { transform: translateY(-1px) scale(1.035); }
}

/* 3) Flicker api cepat (kedip-kedip acak) */
.fire-flicker{
  animation: fireFlicker 1.4s infinite steps(7, end);
}
@keyframes fireFlicker{
  0%   { transform: translateY(0) rotate(0deg) }
  20%  { transform: translateY(-0.5px) rotate(-.15deg) }
  40%  { transform: translateY(0.6px) rotate(.1deg) }
  60%  { transform: translateY(-0.3px) rotate(-.12deg) }
  80%  { transform: translateY(0.4px) rotate(.08deg) }
  100% { transform: translateY(0) rotate(0deg) }
}

/* 4) Heat waver (mirip gelombang panas) — subtle wobble */
.heat-waver{
  animation: heatWaver calc(var(--fire-speed) * 0.9) infinite ease-in-out;
  transform-origin: center;
}
@keyframes heatWaver{
  0%   { transform: skewY(0deg) scale(1); filter: saturate(1) }
  25%  { transform: skewY(.25deg) scale(1.004); filter: saturate(1.06) }
  50%  { transform: skewY(-.35deg) scale(1.006); filter: saturate(1.1) }
  75%  { transform: skewY(.2deg) scale(1.003); filter: saturate(1.05) }
  100% { transform: skewY(0deg) scale(1); filter: saturate(1) }
}

/* ==== Kombinasi nyaman: Glow + Pulse + Flicker ringan ==== */
.fire-blaze{
  composes: fire-glow fire-pulse fire-flicker; /* jika preprocessor; jika tidak, tambahkan 3 class manual */
}

/* Aksesibilitas: hormati reduced motion */
@media (prefers-reduced-motion: reduce){
  .fire-glow, .fire-pulse, .fire-flicker, .heat-waver{
    animation: none !important;
  }
}/* End custom CSS */