.elementor-186 .elementor-element.elementor-element-57cf027{--display:flex;--min-height:400px;--justify-content:center;--overlay-opacity:0.5;}.elementor-186 .elementor-element.elementor-element-57cf027:not(.elementor-motion-effects-element-type-background), .elementor-186 .elementor-element.elementor-element-57cf027 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );background-image:url("https://sahabatbelajaranak.infobalitoday.com/wp-content/uploads/2026/06/Background.webp");}.elementor-186 .elementor-element.elementor-element-57cf027::before, .elementor-186 .elementor-element.elementor-element-57cf027 > .elementor-background-video-container::before, .elementor-186 .elementor-element.elementor-element-57cf027 > .e-con-inner > .elementor-background-video-container::before, .elementor-186 .elementor-element.elementor-element-57cf027 > .elementor-background-slideshow::before, .elementor-186 .elementor-element.elementor-element-57cf027 > .e-con-inner > .elementor-background-slideshow::before, .elementor-186 .elementor-element.elementor-element-57cf027 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #FFC59E 0%, var( --e-global-color-secondary ) 100%);}.elementor-widget-theme-post-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-186 .elementor-element.elementor-element-a90e5da.elementor-element{--align-self:center;}.elementor-186 .elementor-element.elementor-element-a90e5da .elementor-heading-title{font-family:"Quicksand", Sans-serif;font-size:68px;font-weight:900;color:var( --e-global-color-d75a742 );}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-186 .elementor-element.elementor-element-aea62cf.elementor-element{--align-self:center;}.elementor-186 .elementor-element.elementor-element-aea62cf .elementor-icon-list-icon i{color:var( --e-global-color-bedb692 );transition:color 0.3s;}.elementor-186 .elementor-element.elementor-element-aea62cf .elementor-icon-list-icon svg{fill:var( --e-global-color-bedb692 );transition:fill 0.3s;}.elementor-186 .elementor-element.elementor-element-aea62cf{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-186 .elementor-element.elementor-element-aea62cf .elementor-icon-list-item > .elementor-icon-list-text, .elementor-186 .elementor-element.elementor-element-aea62cf .elementor-icon-list-item > a{font-family:"Quicksand", Sans-serif;font-weight:600;}.elementor-186 .elementor-element.elementor-element-aea62cf .elementor-icon-list-text{color:var( --e-global-color-bedb692 );transition:color 0.3s;}.elementor-186 .elementor-element.elementor-element-034304a{--display:flex;}.elementor-widget-theme-post-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}@media(max-width:767px){.elementor-186 .elementor-element.elementor-element-a90e5da{text-align:center;}.elementor-186 .elementor-element.elementor-element-a90e5da .elementor-heading-title{font-size:48px;}}/* Start custom CSS for container, class: .elementor-element-57cf027 */#hero-single-page {
  position: relative;
  overflow: hidden;
}

#hero-single-page .shape-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}

/* BASE SHAPE */
#hero-single-page .shape {
  position: absolute;
  width: 45px;
  height: 45px;
  opacity: 0;
  animation: floatUp 14s linear infinite;
  transform-origin: center;
}

/* ======================
   PERSEGI
====================== */
#hero-single-page .square {
  border: 2px solid white;
  background: transparent;
}

/* ======================
   LINGKARAN
====================== */
#hero-single-page .circle {
  border: 2px solid white;
  border-radius: 50%;
  background: transparent;
}

/* ======================
   ANIMASI
====================== */
@keyframes floatUp {
  0% {
    transform: translateY(120px) rotate(0deg);
    opacity: 0;
  }
  15% {
    opacity: 0.25;
  }
  50% {
    opacity: 0.6;
  }
  100% {
    transform: translateY(-120vh) rotate(720deg);
    opacity: 0;
  }
}

/* ======================
   RANDOM POSITION SYSTEM
====================== */
#hero-single-page .shape:nth-child(1) { left: 5%;  top: 80%; animation-delay: 0s; }
#hero-single-page .shape:nth-child(2) { left: 20%; top: 60%; animation-delay: 2s; }
#hero-single-page .shape:nth-child(3) { left: 35%; top: 90%; animation-delay: 4s; }

#hero-single-page .shape:nth-child(4) { left: 50%; top: 70%; animation-delay: 1s; }
#hero-single-page .shape:nth-child(5) { left: 65%; top: 85%; animation-delay: 3s; }
#hero-single-page .shape:nth-child(6) { left: 80%; top: 65%; animation-delay: 5s; }

#hero-single-page .shape:nth-child(7) { left: 10%; top: 75%; animation-delay: 2.5s; }
#hero-single-page .shape:nth-child(8) { left: 55%; top: 95%; animation-delay: 4.5s; }
#hero-single-page .shape:nth-child(9) { left: 90%; top: 80%; animation-delay: 6s; }

/* optional scaling */
#hero-single-page .shape:nth-child(odd) {
  transform: scale(1.1);
}/* End custom CSS */