@keyframes fadeUpSoft {
  from {
    opacity: 0;
    transform: translateY(22px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

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

@keyframes zoomSoft {
  from {
    opacity: 0;
    transform: scale(0.96);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

.service-banner-content,
.page-header__inner,
.about-content-box,
.service-box,
.feature-card,
.process-item,
.testimonial-card,
.contact-info__single,
.policy-inner {
  animation: fadeUpSoft 650ms ease both;
}

.service-banner-area .col-lg-5 > div,
.about-one-redesign .about-image-box,
.service-details__img,
.contact-page__left {
  animation: fadeLeftSoft 700ms ease both;
}

.counter-one__single,
.thank-you-inner {
  animation: zoomSoft 650ms ease both;
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }
}
