.visible {
  opacity: 1 !important;
  transform: translateY(0) !important;
  transform: translateX(0) !important;
  transform: scale(1) !important;
}

.feature-card,
.product-card,
.section__title,
.section__subtitle,
.delivery-card__text,
.delivery-card__image,
.contacts-info,
.form-wrapper,
.delivery-steps li,
.contact-item,
.delivery-price,
.catalog__footer,
.catalog__grid,
.form-group {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.5s ease-out;
}

.delivery-card__text,
.contacts-info {
  transform: translateX(-30px);
}

.delivery-card__image,
.form-wrapper {
  transform: translateX(30px);
}

.hero__image {
  transform: scale(0.9);
}