.elementor-14539 .elementor-element.elementor-element-7bfcb4bf > .elementor-container{max-width:400px;min-height:100vh;}.elementor-14539 .elementor-element.elementor-element-7bfcb4bf{overflow:hidden;margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-14539 .elementor-element.elementor-element-27e0096e > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-14539 .elementor-element.elementor-element-571bbfdf > .elementor-container{max-width:400px;min-height:100vh;}.elementor-14539 .elementor-element.elementor-element-571bbfdf{overflow:hidden;margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-14539 .elementor-element.elementor-element-753c548:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-14539 .elementor-element.elementor-element-753c548 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://garram.my.id/wp-content/uploads/2023/07/6.jpg");background-position:center center;background-size:cover;}.elementor-14539 .elementor-element.elementor-element-753c548.elementor-column > .elementor-widget-wrap{justify-content:flex-start;}.elementor-14539 .elementor-element.elementor-element-753c548 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}.elementor-14539 .elementor-element.elementor-element-753c548 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-14539 .elementor-element.elementor-element-753c548 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}@media(max-width:767px){.elementor-14539 .elementor-element.elementor-element-7bfcb4bf > .elementor-container{min-height:100vh;}.elementor-14539 .elementor-element.elementor-element-7bfcb4bf{padding:0px 0px 0px 0px;}.elementor-14539 .elementor-element.elementor-element-753c548:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-14539 .elementor-element.elementor-element-753c548 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://garram.my.id/wp-content/uploads/2026/06/Untitled-Design.png");}.elementor-14539 .elementor-element.elementor-element-753c548 > .elementor-element-populated{padding:50px 0px 50px 0px;}}/* Start custom CSS */.goyang-1 img {
  animation-name: goyang1;
    animation-duration: 7s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.goyang-2 img {
  animation-name: goyang1;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.goyang-3 img {
  animation-name: goyang1;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.goyang-4 img {
  animation-name: goyang4;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.zoom-1 {
  transform: scale(1);
  animation: zoom 3s infinite;
}

.zoom-2 img {
  transform: scale(1);
  animation: zoom 2s infinite;
}

.naik-turun {
  animation-name: naikturun;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
.kanan-kiri {
  animation-name: kanankiri;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.kiwo-tengen {
  animation-name: kanankiri;
    animation-duration: 13s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}



@keyframes goyang1{
    0%{ transform: rotate(0deg) scale(1); }
    50%{ transform: rotate(6deg) scale(1.18); }
    100%{ transform: rotate(0deg) scale(1); }
}

@keyframes goyang2{
    0%{ transform: rotate(0deg) scale(1); }
    25%{ transform: rotate(-4deg) scale(1.05); }
    50%{ transform: rotate(-8deg) scale(1.1); }
    75%{ transform: rotate(-4deg) scale(1.05); }
    100%{ transform: rotate(0deg) scale(1); }
}

@keyframes goyang3{
    0%{ transform: rotate(0deg) scale(1); }
    25%{ transform: rotate(-4deg) scale(1.1); }
    50%{ transform: rotate(0deg) scale(1); }
    75%{ transform: rotate(4deg) scale(1.1); }
    100%{ transform: rotate(0deg) scale(1); }
}

@keyframes goyang4{
    0%{ transform: rotate(0deg); }
    25%{ transform: rotate(-4deg); }
    75%{ transform: rotate(4deg); }
    100%{ transform: rotate(0deg); }
}

@keyframes zoom {
  0% { transform: scale(0.95); }
  60% { transform: scale(1); }
  100% { transform: scale(0.95); }
}

@keyframes naikturun {
  0% { transform: translate(0px,0px); }
  50% { transform: translate(0px,-10px); }
  100% { transform: translate(0px,0px); }
}

@keyframes kanankiri {
  0% { transform: translate(-30px,0px); }
  50% { transform: translate(30px,0px); }
  100% { transform: translate(-30px,0px); }
}
@keyframes kanankiri {
  0% { transform: translate(-20px,0px); }
  50% { transform: translate(20px,0px); }
  100% { transform: translate(-20px,0px); }
}
.spin img {
    animation: spin 75s linear infinite;
}
  

@keyframes spin{
    0%{ transform: rotate(0deg);}
    70%{ transform: rotate(360deg);}
}/* End custom CSS */