.ob-reveal {
  opacity: 1;
  transform: none;
}

.js.ob-motion-ready .ob-reveal {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity .6s ease, transform .6s ease;
  transition-delay: var(--ob-delay, 0ms);
}

.js.ob-motion-ready .ob-reveal--left {
  transform: translateX(-28px);
}

.js.ob-motion-ready .ob-reveal--right {
  transform: translateX(28px);
}

.js.ob-motion-ready .ob-reveal.is-visible {
  opacity: 1;
  transform: none;
}

.ob-card {
  transition: transform .25s ease, box-shadow .25s ease;
}

.ob-card:hover {
  box-shadow: 0 12px 28px rgba(32, 43, 54, .12);
  transform: translateY(-4px);
}

.ob-btn {
  transition: background-color .2s ease, transform .2s ease;
}

.ob-btn:hover {
  transform: translateY(-2px);
}

.elementor-editor-active .ob-reveal,
.elementor-editor-active .js .ob-reveal {
  opacity: 1 !important;
  transform: none !important;
}

@media (prefers-reduced-motion: reduce) {
  .js .ob-reveal,
  .js .ob-reveal--left,
  .js .ob-reveal--right {
    opacity: 1;
    transform: none;
    transition: none;
  }
  .ob-card,
  .ob-btn,
  .ob-nav {
    transition: none;
  }
  .ob-card:hover,
  .ob-btn:hover {
    transform: none;
  }
}