/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 23 2025 | 01:47:09 */
.scroll-animate {
  opacity: 0;
}

.elementor-editor-active .scroll-animate {
  opacity: 1!important;
}

.scroll-animate.in-view {
  animation-duration: 1.2s;
  animation-fill-mode: forwards;
  animation-timing-function: ease-out;
}

.scroll-animate.animated {
	opacity: 1;
	transform: translateY(0);
}

/* Animation */
.scroll-up.in-view { animation-name: fadeUp; }
.scroll-down.in-view { animation-name: fadeDown; }
.scroll-left.in-view { animation-name: fadeLeft; }
.scroll-right.in-view { animation-name: fadeRight; }
.scroll-zoom.in-view { animation-name: zoomIn; }
.scroll-fade.in-view { animation-name: fadeOnly; }
.scroll-flipUp.in-view { animation-name: flipUp; }
.scroll-flipDown.in-view { animation-name: flipDown; }

/* Duration */
.duration-500  { animation-duration: 0.5s; }
.duration-1000 { animation-duration: 1s; }
.duration-1500 { animation-duration: 1.5s; }

/* Delay */
.delay-0     { animation-delay: 0s; }
.delay-100  { animation-delay: 0.1s; }
.delay-200  { animation-delay: 0.2s; }
.delay-300  { animation-delay: 0.3s; }
.delay-400  { animation-delay: 0.4s; }
.delay-500  { animation-delay: 0.5s; }
.delay-600  { animation-delay: 0.6s; }
.delay-700  { animation-delay: 0.7s; }
.delay-800  { animation-delay: 0.8s; }

/* keyframes */
@keyframes fadeUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeDown {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeLeft {
  from {
    opacity: 0;
    transform: translateX(-20px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes fadeRight {
  from {
    opacity: 0;
    transform: translateX(20px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes fadeOnly {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes flipUp {
  from {
    opacity: 0;
    transform: rotateX(90deg);
  }
  to {
    opacity: 1;
    transform: rotateX(0deg);
  }
}
@keyframes flipDown {
  from {
    opacity: 0;
    transform: rotateX(-90deg);
  }
  to {
    opacity: 1;
    transform: rotateX(0deg);
  }
}