/* Fade In Up */
@keyframes customFadeInUp {
  0% { opacity: 0; transform: translate3d(0, 50px, 0); }
  100% { opacity: 1; transform: translate3d(0, 0, 0); }
}
.elementor-element.animated.fadeInUp {
  animation-name: customFadeInUp !important;
}

/* Fade In Down */
@keyframes customFadeInDown {
  0% { opacity: 0; transform: translate3d(0, -50px, 0); }
  100% { opacity: 1; transform: translate3d(0, 0, 0); }
}
.elementor-element.animated.fadeInDown {
  animation-name: customFadeInDown !important;
}

/* Fade In Left */
@keyframes customFadeInLeft {
  0% { opacity: 0; transform: translate3d(-50px, 0, 0); }
  100% { opacity: 1; transform: translate3d(0, 0, 0); }
}
.elementor-element.animated.fadeInLeft {
  animation-name: customFadeInLeft !important;
}

/* Fade In Right */
@keyframes customFadeInRight {
  0% { opacity: 0; transform: translate3d(50px, 0, 0); }
  100% { opacity: 1; transform: translate3d(0, 0, 0); }
}
.elementor-element.animated.fadeInRight {
  animation-name: customFadeInRight !important;
}

#yj-card {
  background: #fff;
  border: 1px solid #eee;
  border-radius: 12px;
  overflow: hidden;
  transition: 0.3s;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);
}

#yj-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

#yj-about-home-img,
#yj-about-home {
  display: flex;
  align-items: center;
}

.step-progress .step {
  width: 42px;
  height: 42px;
  background: var(--e-global-color-4cbeb89);
  border-radius: 50%;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
}

.step-progress .elementor-heading-title {
  display: flex;
  align-items: center;
  gap: 15px;
}

.about-progress .process-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.06);
}

.img-hover:hover {
  transform: translateY(-10px);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.06);
}