.elementor-7 .elementor-element.elementor-element-bcb07bd{--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-7 .elementor-element.elementor-element-bcb07bd:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-bcb07bd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://cheesecoins.xyz/wp-content/uploads/2025/09/1.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-7 .elementor-element.elementor-element-bcb07bd, .elementor-7 .elementor-element.elementor-element-bcb07bd::before{--border-transition:0.3s;}.elementor-7 .elementor-element.elementor-element-267bc8c{--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;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#50270d;--border-color:#50270d;--border-radius:100px 100px 100px 100px;--padding-top:3px;--padding-bottom:1px;--padding-left:3px;--padding-right:1px;}.elementor-7 .elementor-element.elementor-element-267bc8c:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-267bc8c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EB8914;}.elementor-7 .elementor-element.elementor-element-267bc8c, .elementor-7 .elementor-element.elementor-element-267bc8c::before{--border-transition:0.3s;}.elementor-7 .elementor-element.elementor-element-a30a020{--display:flex;--background-transition:0.3s;}.elementor-7 .elementor-element.elementor-element-df6395a{text-align:left;}.elementor-7 .elementor-element.elementor-element-df6395a img{width:60%;}.elementor-7 .elementor-element.elementor-element-9e4f322{--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-7 .elementor-element.elementor-element-db3c3dd{--grid-template-columns:repeat(0, auto);--icon-size:22px;--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-7 .elementor-element.elementor-element-db3c3dd .elementor-widget-container{text-align:center;}.elementor-7 .elementor-element.elementor-element-db3c3dd .elementor-social-icon{background-color:#50270d;}.elementor-7 .elementor-element.elementor-element-db3c3dd .elementor-social-icon i{color:#fabf22;}.elementor-7 .elementor-element.elementor-element-db3c3dd .elementor-social-icon svg{fill:#fabf22;}.elementor-7 .elementor-element.elementor-element-db3c3dd .elementor-icon{border-radius:100px 100px 100px 100px;}.elementor-7 .elementor-element.elementor-element-7df9b2f .elementor-button{font-family:"Wendy One", Sans-serif;font-size:15px;font-weight:500;fill:#50270d;color:#50270d;background-color:#fabf22;border-style:solid;border-width:2px 2px 2px 2px;border-color:#50270d;border-radius:100px 100px 100px 100px;}.elementor-7 .elementor-element.elementor-element-e8b136d{--display:flex;--background-transition:0.3s;}.elementor-7 .elementor-element.elementor-element-68ca196{--display:flex;--background-transition:0.3s;--margin-top:30px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;}.elementor-7 .elementor-element.elementor-element-16632f2 img{width:28%;}.elementor-7 .elementor-element.elementor-element-e5cd9ff img{width:74%;}.elementor-7 .elementor-element.elementor-element-f4cead6 .elementor-button{font-family:"Wendy One", Sans-serif;font-size:15px;font-weight:500;fill:#fabf22;color:#fabf22;background-color:#4e260d;border-style:solid;border-width:2px 2px 2px 2px;border-color:#e0d8d4;border-radius:100px 100px 100px 100px;}.elementor-7 .elementor-element.elementor-element-34bcb7b{--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:-70px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-7 .elementor-element.elementor-element-34bcb7b:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-34bcb7b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://cheesecoins.xyz/wp-content/uploads/2025/09/2.png");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-7 .elementor-element.elementor-element-34bcb7b, .elementor-7 .elementor-element.elementor-element-34bcb7b::before{--border-transition:0.3s;}.elementor-7 .elementor-element.elementor-element-58506d3{--display:flex;--background-transition:0.3s;--margin-top:200px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-7 .elementor-element.elementor-element-13719a8{text-align:center;}.elementor-7 .elementor-element.elementor-element-13719a8 .elementor-heading-title{color:#4e260d;font-family:"Ultra", Sans-serif;font-size:80px;font-weight:500;text-shadow:5px 5px 0px #FFFFFF;}.elementor-7 .elementor-element.elementor-element-9425db2{text-align:center;}.elementor-7 .elementor-element.elementor-element-9425db2 .elementor-heading-title{color:#FFFFFF;font-family:"Wendy One", Sans-serif;font-size:30px;font-weight:300;text-shadow:2px 2px 0px #4E260D;}.elementor-7 .elementor-element.elementor-element-44bcb2a .elementor-button{font-family:"Wendy One", Sans-serif;font-size:15px;font-weight:500;fill:#50270d;color:#50270d;background-color:#fabf22;border-style:solid;border-width:2px 2px 2px 2px;border-color:#50270d;border-radius:100px 100px 100px 100px;}.elementor-7 .elementor-element.elementor-element-241c303{--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:0px;--margin-bottom:200px;--margin-left:0px;--margin-right:0px;}.elementor-7 .elementor-element.elementor-element-6510821{--display:flex;--background-transition:0.3s;}.elementor-7 .elementor-element.elementor-element-6510821.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-7 .elementor-element.elementor-element-b9d38cb{--display:flex;--background-transition:0.3s;}.elementor-7 .elementor-element.elementor-element-7ec9c2f > .elementor-widget-container{margin:-80px -80px -80px -80px;}.elementor-7 .elementor-element.elementor-element-7ec9c2f{z-index:2;}.elementor-7 .elementor-element.elementor-element-7ec9c2f img{width:100%;}.elementor-7 .elementor-element.elementor-element-efe01a2{--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:-70px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-7 .elementor-element.elementor-element-efe01a2:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-efe01a2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://cheesecoins.xyz/wp-content/uploads/2025/09/3.png");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-7 .elementor-element.elementor-element-efe01a2, .elementor-7 .elementor-element.elementor-element-efe01a2::before{--border-transition:0.3s;}.elementor-7 .elementor-element.elementor-element-9a63939{--display:flex;--background-transition:0.3s;--margin-top:200px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-7 .elementor-element.elementor-element-7856545{text-align:center;}.elementor-7 .elementor-element.elementor-element-7856545 .elementor-heading-title{color:#4e260d;font-family:"Ultra", Sans-serif;font-size:80px;font-weight:500;text-shadow:5px 5px 0px #FFFFFF;}.elementor-7 .elementor-element.elementor-element-33eb14b{text-align:center;}.elementor-7 .elementor-element.elementor-element-33eb14b .elementor-heading-title{color:#4e260d;font-family:"Wendy One", Sans-serif;font-size:30px;font-weight:300;text-shadow:2px 2px 0px #FFFFFF;}.elementor-7 .elementor-element.elementor-element-9bfe38d{--display:flex;--background-transition:0.3s;--margin-top:0px;--margin-bottom:200px;--margin-left:0px;--margin-right:0px;}.elementor-7 .elementor-element.elementor-element-aff07e7{--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:-70px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-7 .elementor-element.elementor-element-aff07e7:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-aff07e7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://cheesecoins.xyz/wp-content/uploads/2025/09/4.png");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-7 .elementor-element.elementor-element-aff07e7, .elementor-7 .elementor-element.elementor-element-aff07e7::before{--border-transition:0.3s;}.elementor-7 .elementor-element.elementor-element-31d2c5d{--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;border-style:solid;--border-style:solid;border-width:3px 10px 10px 3px;--border-top-width:3px;--border-right-width:10px;--border-bottom-width:10px;--border-left-width:3px;border-color:#000000;--border-color:#000000;--border-radius:25px 25px 25px 25px;--margin-top:200px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-7 .elementor-element.elementor-element-31d2c5d:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-31d2c5d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#4e260d;}.elementor-7 .elementor-element.elementor-element-31d2c5d, .elementor-7 .elementor-element.elementor-element-31d2c5d::before{--border-transition:0.3s;}.elementor-7 .elementor-element.elementor-element-f218b0d{--display:flex;--background-transition:0.3s;}.elementor-7 .elementor-element.elementor-element-f218b0d.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-7 .elementor-element.elementor-element-01206be > .elementor-widget-container{margin:-100px -100px -100px -100px;}.elementor-7 .elementor-element.elementor-element-01206be{z-index:2;}.elementor-7 .elementor-element.elementor-element-01206be img{width:88%;}.elementor-7 .elementor-element.elementor-element-e8aa138{--display:flex;--background-transition:0.3s;}.elementor-7 .elementor-element.elementor-element-ac0d30e{text-align:right;}.elementor-7 .elementor-element.elementor-element-ac0d30e .elementor-heading-title{color:#fabe22;font-family:"Ultra", Sans-serif;font-size:57px;font-weight:500;}.elementor-7 .elementor-element.elementor-element-3385d35.elementor-element{--align-self:flex-end;}.elementor-7 .elementor-element.elementor-element-3385d35{text-align:right;}.elementor-7 .elementor-element.elementor-element-3385d35 .elementor-heading-title{color:#FFFFFF;font-family:"Wendy One", Sans-serif;font-size:25px;font-weight:300;}.elementor-7 .elementor-element.elementor-element-64015ce .elementor-button{font-family:"Wendy One", Sans-serif;font-size:15px;font-weight:500;fill:#50270d;color:#50270d;background-color:#fabf22;border-style:solid;border-width:2px 2px 2px 2px;border-color:#FFFFFF;border-radius:100px 100px 100px 100px;}.elementor-7 .elementor-element.elementor-element-e1b2731{--display:flex;--background-transition:0.3s;}.elementor-7 .elementor-element.elementor-element-3159d12{--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-7 .elementor-element.elementor-element-938b377 img{width:100%;}.elementor-7 .elementor-element.elementor-element-a51ba0c img{width:100%;}.elementor-7 .elementor-element.elementor-element-d07cca0 img{width:100%;}.elementor-7 .elementor-element.elementor-element-79bf857 img{width:100%;}.elementor-7 .elementor-element.elementor-element-7835782{--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-7 .elementor-element.elementor-element-7835782:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-7835782 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#50270d;}.elementor-7 .elementor-element.elementor-element-7835782, .elementor-7 .elementor-element.elementor-element-7835782::before{--border-transition:0.3s;}.elementor-7 .elementor-element.elementor-element-e5f6e47{--display:flex;--background-transition:0.3s;}.elementor-7 .elementor-element.elementor-element-04adfb0.elementor-element{--align-self:center;}.elementor-7 .elementor-element.elementor-element-04adfb0{text-align:center;}.elementor-7 .elementor-element.elementor-element-04adfb0 .elementor-heading-title{color:#FFFFFF;font-family:"Wendy One", Sans-serif;font-size:17px;font-weight:300;}@media(min-width:768px){.elementor-7 .elementor-element.elementor-element-6510821{--width:68.349%;}.elementor-7 .elementor-element.elementor-element-f218b0d{--width:31.688%;}}@media(max-width:767px){.elementor-7 .elementor-element.elementor-element-267bc8c{--border-radius:30px 30px 30px 30px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-df6395a{text-align:center;}.elementor-7 .elementor-element.elementor-element-9e4f322{--justify-content:center;}.elementor-7 .elementor-element.elementor-element-db3c3dd{--icon-size:18px;}.elementor-7 .elementor-element.elementor-element-7df9b2f .elementor-button{font-size:10px;}.elementor-7 .elementor-element.elementor-element-16632f2 img{width:56%;}.elementor-7 .elementor-element.elementor-element-e5cd9ff img{width:94%;}.elementor-7 .elementor-element.elementor-element-f4cead6 .elementor-button{font-size:12px;}.elementor-7 .elementor-element.elementor-element-13719a8 .elementor-heading-title{font-size:40px;}.elementor-7 .elementor-element.elementor-element-9425db2 .elementor-heading-title{font-size:20px;}.elementor-7 .elementor-element.elementor-element-7ec9c2f > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-7 .elementor-element.elementor-element-7856545 .elementor-heading-title{font-size:40px;}.elementor-7 .elementor-element.elementor-element-33eb14b .elementor-heading-title{font-size:20px;}.elementor-7 .elementor-element.elementor-element-01206be > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-7 .elementor-element.elementor-element-01206be img{width:100%;}.elementor-7 .elementor-element.elementor-element-ac0d30e{text-align:center;}.elementor-7 .elementor-element.elementor-element-ac0d30e .elementor-heading-title{font-size:35px;}.elementor-7 .elementor-element.elementor-element-3385d35{text-align:center;}.elementor-7 .elementor-element.elementor-element-3385d35 .elementor-heading-title{font-size:20px;}.elementor-7 .elementor-element.elementor-element-64015ce .elementor-button{font-size:12px;}}/* Start custom CSS for image, class: .elementor-element-16632f2 *//* Efek 1: Goyang Horizontal */ .image-shake { animation: shake 1s infinite; } @keyframes shake { 0%, 100% { transform: translateX(0); } 25% { transform: translateX(-5px); } 75% { transform: translateX(5px); } } /* Efek 2: Goyang Vertikal */ .image-bounce { animation: bounce 1.5s infinite ease-in-out; } @keyframes bounce { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-15px); } } /* Efek 3: Zoom In-Out */ .image-zoom { animation: zoom 2s infinite ease-in-out; } @keyframes zoom { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.15); } } /* Efek 4: Berputar Pelan */ .image-rotate { animation: rotate 6s linear infinite; } @keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } /* Efek 5: Getar Kecil */ .image-vibrate { animation: vibrate 0.15s infinite; } @keyframes vibrate { 0% { transform: translate(0); } 25% { transform: translate(-2px, 2px); } 50% { transform: translate(2px, -2px); } 75% { transform: translate(-2px, -2px); } 100% { transform: translate(2px, 2px); } } /* Efek 6: Melayang Naik Turun */ .image-float { animation: float 3s infinite ease-in-out; } @keyframes float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-20px); } } /* Efek 7: Tilt (Miring Kanan-Kiri) */ .image-tilt { animation: tilt 2s infinite ease-in-out; } @keyframes tilt { 0%, 100% { transform: rotate(0deg); } 25% { transform: rotate(3deg); } 75% { transform: rotate(-3deg); } } /* Efek 8: Pop-Up (Muncul & Mengecil) */ .image-pop { animation: pop 1.8s infinite ease-in-out; } @keyframes pop { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.2); } } /* Efek 9: Swing (Ayunan) */ .image-swing { animation: swing 2s infinite ease-in-out; transform-origin: top center; } @keyframes swing { 20% { transform: rotate(15deg); } 40% { transform: rotate(-10deg); } 60% { transform: rotate(5deg); } 80% { transform: rotate(-5deg); } 100% { transform: rotate(0deg); } } /* Efek 10: Pulse Glow */ .image-glow { animation: glow 2s infinite ease-in-out; } @keyframes glow { 0%, 100% { filter: drop-shadow(0 0 5px #FFD93D); } 50% { filter: drop-shadow(0 0 20px #FFB300); } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-e5cd9ff *//* Efek 1: Goyang Horizontal */ .image-shake { animation: shake 1s infinite; } @keyframes shake { 0%, 100% { transform: translateX(0); } 25% { transform: translateX(-5px); } 75% { transform: translateX(5px); } } /* Efek 2: Goyang Vertikal */ .image-bounce { animation: bounce 1.5s infinite ease-in-out; } @keyframes bounce { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-15px); } } /* Efek 3: Zoom In-Out */ .image-zoom { animation: zoom 2s infinite ease-in-out; } @keyframes zoom { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.15); } } /* Efek 4: Berputar Pelan */ .image-rotate { animation: rotate 6s linear infinite; } @keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } /* Efek 5: Getar Kecil */ .image-vibrate { animation: vibrate 0.15s infinite; } @keyframes vibrate { 0% { transform: translate(0); } 25% { transform: translate(-2px, 2px); } 50% { transform: translate(2px, -2px); } 75% { transform: translate(-2px, -2px); } 100% { transform: translate(2px, 2px); } } /* Efek 6: Melayang Naik Turun */ .image-float { animation: float 3s infinite ease-in-out; } @keyframes float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-20px); } } /* Efek 7: Tilt (Miring Kanan-Kiri) */ .image-tilt { animation: tilt 2s infinite ease-in-out; } @keyframes tilt { 0%, 100% { transform: rotate(0deg); } 25% { transform: rotate(3deg); } 75% { transform: rotate(-3deg); } } /* Efek 8: Pop-Up (Muncul & Mengecil) */ .image-pop { animation: pop 1.8s infinite ease-in-out; } @keyframes pop { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.2); } } /* Efek 9: Swing (Ayunan) */ .image-swing { animation: swing 2s infinite ease-in-out; transform-origin: top center; } @keyframes swing { 20% { transform: rotate(15deg); } 40% { transform: rotate(-10deg); } 60% { transform: rotate(5deg); } 80% { transform: rotate(-5deg); } 100% { transform: rotate(0deg); } } /* Efek 10: Pulse Glow */ .image-glow { animation: glow 2s infinite ease-in-out; } @keyframes glow { 0%, 100% { filter: drop-shadow(0 0 5px #FFD93D); } 50% { filter: drop-shadow(0 0 20px #FFB300); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-bcb07bd */body { overflow-x: hidden; /* cegah scroll ke samping */ overflow-y: auto; /* scroll atas-bawah tetap jalan */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-7ec9c2f *//* Efek Intip (Peek) dari kanan */ .image-peek { animation: peek 5s infinite ease-in-out; position: relative; display: inline-block; } @keyframes peek { 0% { transform: translateX(120%); } /* sembunyi di kanan */ 30% { transform: translateX(0); } /* masuk (nongol) */ 50% { transform: translateX(0); } /* jeda (intip) */ 80% { transform: translateX(120%); } /* balik sembunyi */ 100% { transform: translateX(120%); } /* tetap sembunyi */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-01206be *//* Efek 1: Goyang Horizontal */ .image-shake { animation: shake 1s infinite; } @keyframes shake { 0%, 100% { transform: translateX(0); } 25% { transform: translateX(-5px); } 75% { transform: translateX(5px); } } /* Efek 2: Goyang Vertikal */ .image-bounce { animation: bounce 1.5s infinite ease-in-out; } @keyframes bounce { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-15px); } } /* Efek 3: Zoom In-Out */ .image-zoom { animation: zoom 2s infinite ease-in-out; } @keyframes zoom { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.15); } } /* Efek 4: Berputar Pelan */ .image-rotate { animation: rotate 6s linear infinite; } @keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } /* Efek 5: Getar Kecil */ .image-vibrate { animation: vibrate 0.15s infinite; } @keyframes vibrate { 0% { transform: translate(0); } 25% { transform: translate(-2px, 2px); } 50% { transform: translate(2px, -2px); } 75% { transform: translate(-2px, -2px); } 100% { transform: translate(2px, 2px); } } /* Efek 6: Melayang Naik Turun */ .image-float { animation: float 3s infinite ease-in-out; } @keyframes float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-20px); } } /* Efek 7: Tilt (Miring Kanan-Kiri) */ .image-tilt { animation: tilt 2s infinite ease-in-out; } @keyframes tilt { 0%, 100% { transform: rotate(0deg); } 25% { transform: rotate(3deg); } 75% { transform: rotate(-3deg); } } /* Efek 8: Pop-Up (Muncul & Mengecil) */ .image-pop { animation: pop 1.8s infinite ease-in-out; } @keyframes pop { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.2); } } /* Efek 9: Swing (Ayunan) */ .image-swing { animation: swing 2s infinite ease-in-out; transform-origin: top center; } @keyframes swing { 20% { transform: rotate(15deg); } 40% { transform: rotate(-10deg); } 60% { transform: rotate(5deg); } 80% { transform: rotate(-5deg); } 100% { transform: rotate(0deg); } } /* Efek 10: Pulse Glow */ .image-glow { animation: glow 2s infinite ease-in-out; } @keyframes glow { 0%, 100% { filter: drop-shadow(0 0 5px #FFD93D); } 50% { filter: drop-shadow(0 0 20px #FFB300); } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-938b377 *//* Efek 1: Goyang Horizontal */ .image-shake { animation: shake 1s infinite; } @keyframes shake { 0%, 100% { transform: translateX(0); } 25% { transform: translateX(-5px); } 75% { transform: translateX(5px); } } /* Efek 2: Goyang Vertikal */ .image-bounce { animation: bounce 1.5s infinite ease-in-out; } @keyframes bounce { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-15px); } } /* Efek 3: Zoom In-Out */ .image-zoom { animation: zoom 2s infinite ease-in-out; } @keyframes zoom { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.15); } } /* Efek 4: Berputar Pelan */ .image-rotate { animation: rotate 6s linear infinite; } @keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } /* Efek 5: Getar Kecil */ .image-vibrate { animation: vibrate 0.15s infinite; } @keyframes vibrate { 0% { transform: translate(0); } 25% { transform: translate(-2px, 2px); } 50% { transform: translate(2px, -2px); } 75% { transform: translate(-2px, -2px); } 100% { transform: translate(2px, 2px); } } /* Efek 6: Melayang Naik Turun */ .image-float { animation: float 3s infinite ease-in-out; } @keyframes float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-20px); } } /* Efek 7: Tilt (Miring Kanan-Kiri) */ .image-tilt { animation: tilt 2s infinite ease-in-out; } @keyframes tilt { 0%, 100% { transform: rotate(0deg); } 25% { transform: rotate(3deg); } 75% { transform: rotate(-3deg); } } /* Efek 8: Pop-Up (Muncul & Mengecil) */ .image-pop { animation: pop 1.8s infinite ease-in-out; } @keyframes pop { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.2); } } /* Efek 9: Swing (Ayunan) */ .image-swing { animation: swing 2s infinite ease-in-out; transform-origin: top center; } @keyframes swing { 20% { transform: rotate(15deg); } 40% { transform: rotate(-10deg); } 60% { transform: rotate(5deg); } 80% { transform: rotate(-5deg); } 100% { transform: rotate(0deg); } } /* Efek 10: Pulse Glow */ .image-glow { animation: glow 2s infinite ease-in-out; } @keyframes glow { 0%, 100% { filter: drop-shadow(0 0 5px #FFD93D); } 50% { filter: drop-shadow(0 0 20px #FFB300); } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-a51ba0c *//* Efek 1: Goyang Horizontal */ .image-shake { animation: shake 1s infinite; } @keyframes shake { 0%, 100% { transform: translateX(0); } 25% { transform: translateX(-5px); } 75% { transform: translateX(5px); } } /* Efek 2: Goyang Vertikal */ .image-bounce { animation: bounce 1.5s infinite ease-in-out; } @keyframes bounce { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-15px); } } /* Efek 3: Zoom In-Out */ .image-zoom { animation: zoom 2s infinite ease-in-out; } @keyframes zoom { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.15); } } /* Efek 4: Berputar Pelan */ .image-rotate { animation: rotate 6s linear infinite; } @keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } /* Efek 5: Getar Kecil */ .image-vibrate { animation: vibrate 0.15s infinite; } @keyframes vibrate { 0% { transform: translate(0); } 25% { transform: translate(-2px, 2px); } 50% { transform: translate(2px, -2px); } 75% { transform: translate(-2px, -2px); } 100% { transform: translate(2px, 2px); } } /* Efek 6: Melayang Naik Turun */ .image-float { animation: float 3s infinite ease-in-out; } @keyframes float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-20px); } } /* Efek 7: Tilt (Miring Kanan-Kiri) */ .image-tilt { animation: tilt 2s infinite ease-in-out; } @keyframes tilt { 0%, 100% { transform: rotate(0deg); } 25% { transform: rotate(3deg); } 75% { transform: rotate(-3deg); } } /* Efek 8: Pop-Up (Muncul & Mengecil) */ .image-pop { animation: pop 1.8s infinite ease-in-out; } @keyframes pop { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.2); } } /* Efek 9: Swing (Ayunan) */ .image-swing { animation: swing 2s infinite ease-in-out; transform-origin: top center; } @keyframes swing { 20% { transform: rotate(15deg); } 40% { transform: rotate(-10deg); } 60% { transform: rotate(5deg); } 80% { transform: rotate(-5deg); } 100% { transform: rotate(0deg); } } /* Efek 10: Pulse Glow */ .image-glow { animation: glow 2s infinite ease-in-out; } @keyframes glow { 0%, 100% { filter: drop-shadow(0 0 5px #FFD93D); } 50% { filter: drop-shadow(0 0 20px #FFB300); } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-d07cca0 *//* Efek 1: Goyang Horizontal */ .image-shake { animation: shake 1s infinite; } @keyframes shake { 0%, 100% { transform: translateX(0); } 25% { transform: translateX(-5px); } 75% { transform: translateX(5px); } } /* Efek 2: Goyang Vertikal */ .image-bounce { animation: bounce 1.5s infinite ease-in-out; } @keyframes bounce { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-15px); } } /* Efek 3: Zoom In-Out */ .image-zoom { animation: zoom 2s infinite ease-in-out; } @keyframes zoom { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.15); } } /* Efek 4: Berputar Pelan */ .image-rotate { animation: rotate 6s linear infinite; } @keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } /* Efek 5: Getar Kecil */ .image-vibrate { animation: vibrate 0.15s infinite; } @keyframes vibrate { 0% { transform: translate(0); } 25% { transform: translate(-2px, 2px); } 50% { transform: translate(2px, -2px); } 75% { transform: translate(-2px, -2px); } 100% { transform: translate(2px, 2px); } } /* Efek 6: Melayang Naik Turun */ .image-float { animation: float 3s infinite ease-in-out; } @keyframes float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-20px); } } /* Efek 7: Tilt (Miring Kanan-Kiri) */ .image-tilt { animation: tilt 2s infinite ease-in-out; } @keyframes tilt { 0%, 100% { transform: rotate(0deg); } 25% { transform: rotate(3deg); } 75% { transform: rotate(-3deg); } } /* Efek 8: Pop-Up (Muncul & Mengecil) */ .image-pop { animation: pop 1.8s infinite ease-in-out; } @keyframes pop { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.2); } } /* Efek 9: Swing (Ayunan) */ .image-swing { animation: swing 2s infinite ease-in-out; transform-origin: top center; } @keyframes swing { 20% { transform: rotate(15deg); } 40% { transform: rotate(-10deg); } 60% { transform: rotate(5deg); } 80% { transform: rotate(-5deg); } 100% { transform: rotate(0deg); } } /* Efek 10: Pulse Glow */ .image-glow { animation: glow 2s infinite ease-in-out; } @keyframes glow { 0%, 100% { filter: drop-shadow(0 0 5px #FFD93D); } 50% { filter: drop-shadow(0 0 20px #FFB300); } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-79bf857 *//* Efek 1: Goyang Horizontal */ .image-shake { animation: shake 1s infinite; } @keyframes shake { 0%, 100% { transform: translateX(0); } 25% { transform: translateX(-5px); } 75% { transform: translateX(5px); } } /* Efek 2: Goyang Vertikal */ .image-bounce { animation: bounce 1.5s infinite ease-in-out; } @keyframes bounce { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-15px); } } /* Efek 3: Zoom In-Out */ .image-zoom { animation: zoom 2s infinite ease-in-out; } @keyframes zoom { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.15); } } /* Efek 4: Berputar Pelan */ .image-rotate { animation: rotate 6s linear infinite; } @keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } /* Efek 5: Getar Kecil */ .image-vibrate { animation: vibrate 0.15s infinite; } @keyframes vibrate { 0% { transform: translate(0); } 25% { transform: translate(-2px, 2px); } 50% { transform: translate(2px, -2px); } 75% { transform: translate(-2px, -2px); } 100% { transform: translate(2px, 2px); } } /* Efek 6: Melayang Naik Turun */ .image-float { animation: float 3s infinite ease-in-out; } @keyframes float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-20px); } } /* Efek 7: Tilt (Miring Kanan-Kiri) */ .image-tilt { animation: tilt 2s infinite ease-in-out; } @keyframes tilt { 0%, 100% { transform: rotate(0deg); } 25% { transform: rotate(3deg); } 75% { transform: rotate(-3deg); } } /* Efek 8: Pop-Up (Muncul & Mengecil) */ .image-pop { animation: pop 1.8s infinite ease-in-out; } @keyframes pop { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.2); } } /* Efek 9: Swing (Ayunan) */ .image-swing { animation: swing 2s infinite ease-in-out; transform-origin: top center; } @keyframes swing { 20% { transform: rotate(15deg); } 40% { transform: rotate(-10deg); } 60% { transform: rotate(5deg); } 80% { transform: rotate(-5deg); } 100% { transform: rotate(0deg); } } /* Efek 10: Pulse Glow */ .image-glow { animation: glow 2s infinite ease-in-out; } @keyframes glow { 0%, 100% { filter: drop-shadow(0 0 5px #FFD93D); } 50% { filter: drop-shadow(0 0 20px #FFB300); } }/* End custom CSS */