.elementor-widget-container .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-container .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-214 .elementor-element.elementor-element-c55dc08{--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;--padding-top:0vw;--padding-bottom:0vw;--padding-left:0vw;--padding-right:0vw;}.elementor-214 .elementor-element.elementor-element-fd84c79{--display:flex;--min-height:50vh;--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;--overlay-opacity:1;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-214 .elementor-element.elementor-element-fd84c79:not(.elementor-motion-effects-element-type-background), .elementor-214 .elementor-element.elementor-element-fd84c79 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://web.serasiundangan.id/wp-content/uploads/2025/07/24SB031-AW-1-e1725517868670.jpg");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-214 .elementor-element.elementor-element-fd84c79::before, .elementor-214 .elementor-element.elementor-element-fd84c79 > .elementor-background-video-container::before, .elementor-214 .elementor-element.elementor-element-fd84c79 > .e-con-inner > .elementor-background-video-container::before, .elementor-214 .elementor-element.elementor-element-fd84c79 > .elementor-background-slideshow::before, .elementor-214 .elementor-element.elementor-element-fd84c79 > .e-con-inner > .elementor-background-slideshow::before, .elementor-214 .elementor-element.elementor-element-fd84c79 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #FFFBF800 45%, #FFFBF8 100%);}.elementor-214 .elementor-element.elementor-element-fd84c79.e-con{--align-self:center;}.elementor-widget-image .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-image .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-image .widget-image-caption{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 );}.elementor-214 .elementor-element.elementor-element-bb6fa96{z-index:1;text-align:start;}.elementor-214 .elementor-element.elementor-element-bb6fa96 img{width:30%;max-width:100%;}body:not(.rtl) .elementor-214 .elementor-element.elementor-element-2728e4c{left:-5px;}body.rtl .elementor-214 .elementor-element.elementor-element-2728e4c{right:-5px;}.elementor-214 .elementor-element.elementor-element-2728e4c{top:-10px;z-index:0;text-align:start;}.elementor-214 .elementor-element.elementor-element-2728e4c img{width:40%;max-width:100%;}body:not(.rtl) .elementor-214 .elementor-element.elementor-element-1d625b0{left:-5px;}body.rtl .elementor-214 .elementor-element.elementor-element-1d625b0{right:-5px;}.elementor-214 .elementor-element.elementor-element-1d625b0{top:-15px;z-index:0;text-align:start;}.elementor-214 .elementor-element.elementor-element-1d625b0 img{width:44%;max-width:100%;}.elementor-214 .elementor-element.elementor-element-73be209{--display:flex;--position:absolute;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;--z-index:1;--e-con-transform-origin-x:right;}.elementor-214 .elementor-element.elementor-element-73be209.e-con{--e-con-transform-flipX:-1;}body:not(.rtl) .elementor-214 .elementor-element.elementor-element-73be209{left:0px;}body.rtl .elementor-214 .elementor-element.elementor-element-73be209{right:0px;}.elementor-214 .elementor-element.elementor-element-01f52ad{z-index:1;text-align:start;}.elementor-214 .elementor-element.elementor-element-01f52ad img{width:25%;max-width:100%;}body:not(.rtl) .elementor-214 .elementor-element.elementor-element-46eda86{left:0px;}body.rtl .elementor-214 .elementor-element.elementor-element-46eda86{right:0px;}.elementor-214 .elementor-element.elementor-element-46eda86{top:-20px;z-index:0;text-align:start;}.elementor-214 .elementor-element.elementor-element-46eda86 img{width:45%;max-width:100%;}body:not(.rtl) .elementor-214 .elementor-element.elementor-element-9463a3a{left:-15px;}body.rtl .elementor-214 .elementor-element.elementor-element-9463a3a{right:-15px;}.elementor-214 .elementor-element.elementor-element-9463a3a{top:40px;z-index:0;text-align:start;}.elementor-214 .elementor-element.elementor-element-9463a3a img{width:35%;max-width:100%;}body:not(.rtl) .elementor-214 .elementor-element.elementor-element-caf1e43{left:-30px;}body.rtl .elementor-214 .elementor-element.elementor-element-caf1e43{right:-30px;}.elementor-214 .elementor-element.elementor-element-caf1e43{top:7px;z-index:0;text-align:start;}.elementor-214 .elementor-element.elementor-element-caf1e43 img{width:35%;max-width:100%;}body:not(.rtl) .elementor-214 .elementor-element.elementor-element-d3ca2b1{left:-10px;}body.rtl .elementor-214 .elementor-element.elementor-element-d3ca2b1{right:-10px;}.elementor-214 .elementor-element.elementor-element-d3ca2b1{top:-5px;z-index:0;text-align:start;}.elementor-214 .elementor-element.elementor-element-d3ca2b1 img{width:30%;max-width:100%;}.elementor-214 .elementor-element.elementor-element-46b3d4f{--display:flex;--min-height:50vh;--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;--overlay-opacity:1;--margin-top:-21px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:0px;}.elementor-214 .elementor-element.elementor-element-46b3d4f:not(.elementor-motion-effects-element-type-background), .elementor-214 .elementor-element.elementor-element-46b3d4f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://web.serasiundangan.id/wp-content/uploads/2025/07/BAHAN-TEMA-1-1-1.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-214 .elementor-element.elementor-element-46b3d4f::before, .elementor-214 .elementor-element.elementor-element-46b3d4f > .elementor-background-video-container::before, .elementor-214 .elementor-element.elementor-element-46b3d4f > .e-con-inner > .elementor-background-video-container::before, .elementor-214 .elementor-element.elementor-element-46b3d4f > .elementor-background-slideshow::before, .elementor-214 .elementor-element.elementor-element-46b3d4f > .e-con-inner > .elementor-background-slideshow::before, .elementor-214 .elementor-element.elementor-element-46b3d4f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #FFFBF8 11%, #FFFBF800 37%);}.elementor-214 .elementor-element.elementor-element-46b3d4f.e-con{--align-self:center;}.elementor-widget-heading .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-heading .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-heading .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-214 .elementor-element.elementor-element-2cc4edc{z-index:1;text-align:start;}.elementor-214 .elementor-element.elementor-element-2cc4edc .elementor-heading-title{font-family:"Roboto Slab", Sans-serif;font-size:13px;font-weight:400;color:#113468;}.elementor-214 .elementor-element.elementor-element-6e99a60{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-214 .elementor-element.elementor-element-6e99a60 .elementor-heading-title{font-family:"Italiana", Sans-serif;font-size:35px;font-weight:500;color:#113468;}.elementor-214 .elementor-element.elementor-element-8e02cb9{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-214 .elementor-element.elementor-element-8e02cb9 .elementor-heading-title{font-family:"Roboto Slab", Sans-serif;font-size:13px;font-weight:400;color:#113468;}.elementor-214 .elementor-element.elementor-element-f917b03{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-214 .elementor-element.elementor-element-f917b03 .elementor-heading-title{font-family:"Roboto Slab", Sans-serif;font-size:17px;font-weight:400;color:#54595F;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-button .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-button .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-214 .elementor-element.elementor-element-c003fd6 .elementor-button{background-color:transparent;background-image:linear-gradient(180deg, #34578B 0%, #113468 100%);border-radius:27px 27px 27px 27px;}.elementor-214 .elementor-element.elementor-element-c003fd6 .elementor-button-content-wrapper{flex-direction:row;}.elementor-widget-html .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-html .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}body:not(.rtl) .elementor-214 .elementor-element.elementor-element-0eab67d{right:-15px;}body.rtl .elementor-214 .elementor-element.elementor-element-0eab67d{left:-15px;}.elementor-214 .elementor-element.elementor-element-0eab67d{bottom:-9px;text-align:end;}.elementor-214 .elementor-element.elementor-element-0eab67d img{width:15vw;max-width:100%;}body:not(.rtl) .elementor-214 .elementor-element.elementor-element-b5386df{right:0px;}body.rtl .elementor-214 .elementor-element.elementor-element-b5386df{left:0px;}.elementor-214 .elementor-element.elementor-element-b5386df{bottom:0px;text-align:end;}.elementor-214 .elementor-element.elementor-element-b5386df img{width:10vw;max-width:100%;}#elementor-popup-modal-214 .dialog-widget-content{animation-duration:1.2s;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-214 .dialog-message{width:491px;height:100vh;align-items:flex-start;}#elementor-popup-modal-214{justify-content:center;align-items:center;}@media(max-width:1024px){.elementor-214 .elementor-element.elementor-element-46b3d4f{--min-height:50vh;}#elementor-popup-modal-214 .dialog-message{width:490px;}}@media(max-width:767px){.elementor-214 .elementor-element.elementor-element-c55dc08{--padding-top:0vw;--padding-bottom:0vw;--padding-left:0vw;--padding-right:0vw;}.elementor-214 .elementor-element.elementor-element-fd84c79{--min-height:50vh;}.elementor-214 .elementor-element.elementor-element-46b3d4f{--min-height:50vh;}body:not(.rtl) .elementor-214 .elementor-element.elementor-element-0eab67d{right:-10px;}body.rtl .elementor-214 .elementor-element.elementor-element-0eab67d{left:-10px;}.elementor-214 .elementor-element.elementor-element-0eab67d{bottom:-4px;}.elementor-214 .elementor-element.elementor-element-0eab67d img{width:45vw;}.elementor-214 .elementor-element.elementor-element-b5386df img{width:35vw;}#elementor-popup-modal-214 .dialog-message{width:100vw;}}@media(min-width:768px){.elementor-214 .elementor-element.elementor-element-c55dc08{--width:100%;}.elementor-214 .elementor-element.elementor-element-46b3d4f{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-214 .elementor-element.elementor-element-46b3d4f{--width:100vw;}}/* Start custom CSS *//* === FADE IN UP === */
.fade-in-up {
  opacity: 0;
  transform: translateY(20px);
  animation: fade-in-up 1s ease-out forwards;
  will-change: transform, opacity;
}

@keyframes fade-in-up {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

/* === FADE IN DOWN === */
.fade-in-down {
  opacity: 0;
  transform: translateY(-20px);
  animation: fade-in-down 1s ease-out forwards;
  will-change: transform, opacity;
}

@keyframes fade-in-down {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

/* === FADE IN LEFT === */
.fade-in-left {
  opacity: 0;
  transform: translateX(-20px);
  animation: fade-in-left 1s ease-out forwards;
  will-change: transform, opacity;
}

@keyframes fade-in-left {
  0% {
    opacity: 0;
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

/* === FADE IN RIGHT === */
.fade-in-right {
  opacity: 0;
  transform: translateX(20px);
  animation: fade-in-right 1s ease-out forwards;
  will-change: transform, opacity;
}

@keyframes fade-in-right {
  0% {
    opacity: 0;
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}


/* === Slide In Up === */
.slide-in-up {
  opacity: 0;
  transform: translateY(50px);
  animation: slide-in-up 1s ease-out forwards;
  animation-delay: 0s;
  will-change: transform, opacity;
}

@keyframes slide-in-up {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}


/* === Slide In Left === */
.slide-in-left {
  opacity: 0;
  transform: translateX(-50px);
  animation: slide-in-left 1s ease-out forwards;
  animation-delay: 0s;
  will-change: transform, opacity;
}

@keyframes slide-in-left {
  0% {
    opacity: 0;
    transform: translateX(-50px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

/* === Slide In Right === */
.slide-in-right {
  opacity: 0;
  transform: translateX(50px);
  animation: slide-in-right 1s ease-out forwards;
  animation-delay: 0s;
  will-change: transform, opacity;
}

@keyframes slide-in-right {
  0% {
    opacity: 0;
    transform: translateX(50px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

/* === Zoom In Out Setelah Slide === */
.zoom-in-out-after-slide img {
  animation: zoom-in-out 4.2s ease-in-out infinite;
  animation-delay: 1s;
  will-change: transform;
}

@keyframes zoom-in-out {
  0% { transform: scale(1); }
  50% { transform: scale(1.1); }
  100% { transform: scale(1); }
}

/* === Goyang Kanan Setelah Slide === */
.goyang-kanan-after-slide img {
  transform-origin: left top;
  animation: goyang-kanan 5.5s linear infinite;
  animation-delay: 1s;
  will-change: transform;
}

@keyframes goyang-kanan {
  0% { transform: rotate(0deg); }
  25% { transform: rotate(6deg); }
  75% { transform: rotate(-6deg); }
  100% { transform: rotate(0deg); }
}

/* === Goyang Kiri Setelah Slide === */
.goyang-kiri-after-slide img {
  transform-origin: bottom right;
  animation: goyang-kiri 5.5s linear infinite;
  animation-delay: 1s;
  will-change: transform;
}

@keyframes goyang-kiri {
  0% { transform: rotate(0deg); }
  25% { transform: rotate(-6deg); }
  75% { transform: rotate(6deg); }
  100% { transform: rotate(0deg); }
}/* End custom CSS */