.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-3118 .elementor-element.elementor-element-2f7cefed{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3118 .elementor-element.elementor-element-3ef7165{--display:flex;}.elementor-3118 .elementor-element.elementor-element-3ef7165:not(.elementor-motion-effects-element-type-background), .elementor-3118 .elementor-element.elementor-element-3ef7165 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://inv.serasiwedding.id/wp-content/uploads/2026/04/From-KlickPin-CF-88-Journaling-Prompts-That-Instantly-Upgrade-Your-Space-Pin-441986150954942957.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.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 );}.elementor-widget-spacer .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-spacer .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-3118 .elementor-element.elementor-element-c099781{--spacer-size:315px;}@media(min-width:768px){.elementor-3118 .elementor-element.elementor-element-2f7cefed{--width:450px;}}/* Start custom CSS *//* Fade In */
.wdpal-fade-in {
  opacity: 0;
  transition: opacity 1.5s ease-in-out;
}

.wdpal-fade-in.active {
  opacity: 1;
}

/* Muncul Atas - Super Smooth */
.wdpal-muncul-atas {
  transform: translateY(40px); /* lebih kecil untuk efek elegan */
  opacity: 0;
  transition: transform 2s cubic-bezier(0.25, 0.1, 0.25, 1), opacity 1.2s ease-out;
  will-change: transform, opacity;
}

.wdpal-muncul-atas.active {
  transform: translateY(0);
  opacity: 1;
}



/* Muncul Bawah */
.wdpal-muncul-bawah {
  transform: translateY(-100%);
  opacity: 0;
  transition: transform 1.5s ease, opacity 1s ease;
}

.wdpal-muncul-bawah.active {
  transform: translateY(0);
  opacity: 1;
}

/* Muncul Kiri */
.wdpal-muncul-kiri {
  position: relative;
  transform: translateX(-100%) scale(0.93);
  opacity: 0;
  transition: opacity 0.5s ease, transform 1.5s ease;
}

.wdpal-muncul-kiri.active {
  transform: translateX(0);
  opacity: 1;
}

/* Muncul Kanan */
.wdpal-muncul-kanan {
  position: relative;
  transform: translateX(100%) scale(0.93);
  opacity: 0;
  transition: opacity 0.5s ease, transform 1.5s ease;
}

.wdpal-muncul-kanan.active {
  transform: translateX(0);
  opacity: 1;
}

/* Rotate In */
.wdpal-rotate-in {
  transform: rotate(-180deg);
  opacity: 0;
  transition: transform 1s ease-out, opacity 1s ease-out;
}

.wdpal-rotate-in.active {
  transform: rotate(0deg);
  opacity: 1;
}

/* Flip X */
.wdpal-flip-x {
  transform: rotateX(90deg);
  opacity: 0;
  transition: transform 1s ease, opacity 1s ease;
}

.wdpal-flip-x.active {
  transform: rotateX(0deg);
  opacity: 1;
}

/* Flip Y */
.wdpal-flip-y {
  transform: rotateY(90deg);
  opacity: 0;
  transition: transform 1s ease, opacity 1s ease;
}

.wdpal-flip-y.active {
  transform: rotateY(0deg);
  opacity: 1;
}

/* Zoom In */
.wdpal-zoom-in {
  transform: scale(0.5);
  opacity: 0;
  transition: transform 1.5s ease, opacity 1s ease;
}

.wdpal-zoom-in.active {
  transform: scale(1);
  opacity: 1;
}

/* Zoom Out */
.wdpal-zoom-out {
  transform: scale(1.5);
  opacity: 0;
  transition: transform 1.5s ease, opacity 1s ease;
}

.wdpal-zoom-out.active {
  transform: scale(1);
  opacity: 1;
}



/* Goyang Kiri */
.goyang-kiri img {
  animation: goyang-kiri 5.5s linear infinite;
  transform-origin: top right;
  will-change: transform;
}

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

/* Goyang Kanan */
.goyang-kanan img {
  animation: goyang-kanan 5.5s linear infinite;
  transform-origin: center;
  will-change: transform;
}

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

/* Zoom In Out */
.zoom-in-out img {
  animation: zoom-in-out 4.2s ease-in-out infinite;
  will-change: transform;
}



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

.slideContainer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 2s ease, padding 2s ease;
  padding-top: 0;
  padding-bottom: 0;
}

.slideContainer.active {
  max-height: 1000px; /* sesuaikan dengan tinggi maksimal konten */
  padding-top: 30px;
  padding-bottom: 30px;
}/* End custom CSS */