/* .banner-slider .swiper .swiper-wrapper .swiper-slide .swiper-container-outer {
  animation: shrink 6s infinite alternate;
}
@keyframes shrink {
0% {
  background-size: 100% 100%;
}
100% {
  background-size: 110% 110%;
}
} */


:is(.animate-left, .animate-right, .animate-top ) {
opacity: 0;
transition: opacity, transform;
transition-delay: .2s;
transition-duration: 1.8s;
transition-timing-function: ease;
}
:is(.slide-in) {
opacity: 1;
transform: translate(0) !important;
}

.animate-top {
  /* transform: translateY(100%); */
  transform: translate3d(0, 100px, 0);
}
.animate-left {
transform: translateX(-100px);
}
.animate-right {
transform: translateX(100px);
}

.delay-1-2s {
transition-delay: 1.2s;
}
.delay-1-4s {
transition-delay: 1.4s;
}
.delay-1-6s {
transition-delay: 1.6s;
}
.delay-1-8s {
transition-delay: 1.8s;
}
.delay-2s {
transition-delay: 2s;
}



/***** Start - By Ejaz *********/
@keyframes fadeZoomIn {
  0% {
      opacity: 0;
      transform: scale(0.8);
  }
  100% {
      opacity: 1;
      transform: scale(1);
  }
}

.fade-zoom-in {
  animation: fadeZoomIn 0.6s ease-out forwards;
}



/* Define the animation */
@keyframes fadeInZoomIn {
  0% {
      opacity: 0; /* Start with 0 opacity (fully transparent) */
      transform: scale(0.5); /* Start with 50% size (zoom out) */
  }
  100% {
      opacity: 1; /* End with full opacity (fully visible) */
      transform: scale(1); /* End with 100% size (normal size) */
  }
}

/* Apply the animation to an element */
.fade-in-zoom-in {
  animation: fadeInZoomIn 1s ease-in-out; /* Animation duration and timing function */
}




/* Initially hidden */
/* #home-page-banner-slider .slick-slide .fade-in-zoom-in {
  opacity: 0; 
  transform: scale(0.8);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
} */

/* When the slide becomes active */
/* #home-page-banner-slider .slick-active .fade-in-zoom-in {
  opacity: 1;
  transform: scale(1);
} */


/* .slick-slide h1 {
  opacity: 0;
  transform: scale(0.8);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.slick-active h1 {
  animation: fadeZoomIn 0.6s ease-out forwards;
} */



/* .fade-zoom-in {
  opacity: 0;
  transform: scale(0.8);
  transition: opacity 0.8s ease-in-out, transform 0.8s ease-in-out;
}

.fade-zoom-in.show {
  opacity: 1;
  transform: scale(1);
} */


.animate-fade-in {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.animate-fade-in.active {
  opacity: 1;
  transform: translateY(0);
}


/* Apply animation to active slides */
.slick-slide.slick-active.fade-in-zoom-in .wp-block-group .wp-block-heading,
.slick-slide.slick-active.fade-in-zoom-in .wp-block-group .wp-block-buttons {
  animation: fadeInZoomIn 1s ease-in-out;
}