/* Webromedia Process Motion v1.2.0. Scoped to the existing wrm-process__steps markup. */
.wrm-process__steps.wrm-process-motion .wrm-process__list {
  position: relative;
  isolation: isolate;
}
.wrm-process__steps.wrm-process-motion .wrm-process__item {
  position: relative;
  cursor: pointer;
}
.wrm-process__steps.wrm-process-motion .wrm-process__card {
  position: relative;
  border-radius: inherit;
  transition: border-color .4s ease, box-shadow .5s ease, background-color .5s ease, transform .5s cubic-bezier(.2,.75,.25,1);
}
.wrm-process__steps.wrm-process-motion .wrm-process__card[role="button"]:focus-visible {
  outline: 3px solid #ff9639;
  outline-offset: 5px;
}
.wrm-process__steps.wrm-process-motion .wrm-process__number {
  transition: background-color .45s ease, color .45s ease, border-color .45s ease, box-shadow .5s ease, transform .5s ease;
}
.wrm-process__steps.wrm-process-motion .wrm-process__item:not(.is-motion-active) > .wrm-process__number {
  background-color: #f1f8ff !important;
  border: 1px solid #a9d0ef !important;
  color: #155daa !important;
  box-shadow: 0 0 0 5px rgba(210,232,248,.43) !important;
}
.wrm-process__steps.wrm-process-motion .wrm-process__item.is-motion-active > .wrm-process__number {
  background-color: #ff7a12 !important;
  background-image: none !important;
  border: 1px solid #ff7a12 !important;
  color: #fff !important;
  box-shadow: 0 0 0 6px rgba(255,135,46,.1), 0 0 20px rgba(255,141,34,.29) !important;
}
.wrm-process__steps.wrm-process-motion .wrm-process__item.is-motion-active .wrm-process__card {
  border-color: rgba(245,145,55,.54) !important;
  box-shadow: 0 9px 35px rgba(18,78,145,.075), 0 0 0 1px rgba(255,146,54,.1), 0 0 28px rgba(255,160,67,.10);
}
/* Only the newly selected card gets a brief premium halo, not a perpetual flash. */
.wrm-process__steps.wrm-process-motion .wrm-process__item.is-motion-arrival .wrm-process__card {
  animation: wrm-process-halo 1.2s cubic-bezier(.18,.65,.3,1) both;
}
.wrm-process__steps.wrm-process-motion .wrm-process__item.is-motion-arrival > .wrm-process__number {
  animation: wrm-process-orb-halo 1.0s ease-out both;
}
@keyframes wrm-process-halo {
  0% { box-shadow: 0 0 0 1px rgba(255,152,64,.35), 0 0 0 0 rgba(63,153,229,.3), 0 0 0 rgba(255,151,54,0); transform:translateY(0); }
  36% { box-shadow: 0 0 0 1px rgba(255,160,81,.55), 0 0 0 7px rgba(62,149,231,.09), 0 12px 38px rgba(25,98,165,.13), 0 0 36px rgba(255,144,49,.24); transform:translateY(-3px); }
  100% { box-shadow: 0 9px 35px rgba(18,78,145,.075), 0 0 0 1px rgba(255,146,54,.10), 0 0 28px rgba(255,160,67,.10); transform:translateY(0); }
}
@keyframes wrm-process-orb-halo {
  0%,100% { transform:scale(1); }
  35% { transform:scale(1.10); }
}
.wrm-process__steps.wrm-process-motion .wrm-process__motion-svg {
  position:absolute;
  inset:0;
  width:100%;height:100%;
  z-index:12;
  overflow:visible;
  pointer-events:none;
}
@media (max-width:767px) {
  .wrm-process__steps.wrm-process-motion .wrm-process__item.is-motion-active .wrm-process__card {
    box-shadow: 0 5px 20px rgba(18,78,145,.07), 0 0 0 1px rgba(255,150,63,.13);
  }
  .wrm-process__steps.wrm-process-motion .wrm-process__item.is-motion-arrival .wrm-process__card {
    animation-duration: .85s;
  }
}
@media (prefers-reduced-motion:reduce) {
  .wrm-process__steps.wrm-process-motion .wrm-process__card,
  .wrm-process__steps.wrm-process-motion .wrm-process__number { transition:none !important; }
  .wrm-process__steps.wrm-process-motion .is-motion-arrival .wrm-process__card,
  .wrm-process__steps.wrm-process-motion .is-motion-arrival .wrm-process__number { animation:none !important; }
}