/* The duplicated process section matches the original in every respect except
   for its level card rows on tablet and desktop. */
@media (hover: hover) and (pointer: fine) {
  #industrial-process .ind-step-card,
  #industrial-process-aligned .ind-step-card {
    position: relative;
    transform-origin: center;
  }

  #industrial-process .ind-step-card:hover,
  #industrial-process-aligned .ind-step-card:hover,
  .w-mod-js #industrial-process .ind-step-card.ind-reveal.is-visible:hover,
  .w-mod-js #industrial-process-aligned .ind-step-card.ind-reveal.is-visible:hover {
    z-index: 2;
    transform: scale(1.035);
  }

  .w-mod-js :is(#industrial-process, #industrial-process-aligned).process-scroll-sequence:not(.is-process-hover-ready) .ind-step-card.ind-reveal.is-visible.is-process-visible:hover {
    z-index: 2;
    transform: scale(1.035);
  }

  .w-mod-js :is(#industrial-process, #industrial-process-aligned).process-scroll-sequence .ind-step-card.is-process-hovered {
    z-index: 3;
    transform: scale(1.055) !important;
  }
}

@media (min-width: 768px) {
  #industrial-process-aligned.process-scroll-sequence .ind-process-grid {
    align-items: stretch;
  }

  #industrial-process-aligned.process-scroll-sequence.is-card-4 .ind-process-grid-secondary,
  #industrial-process-aligned.process-scroll-sequence.is-card-5 .ind-process-grid-secondary,
  #industrial-process-aligned.process-scroll-sequence.is-card-6 .ind-process-grid-secondary {
    margin-top: 32px;
  }

  #industrial-process-aligned.process-scroll-sequence .ind-step-card,
  #industrial-process-aligned.process-scroll-sequence .ind-step-card:nth-child(1),
  #industrial-process-aligned.process-scroll-sequence .ind-step-card:nth-child(2),
  #industrial-process-aligned.process-scroll-sequence .ind-step-card:nth-child(3) {
    height: 100%;
    margin-top: 0;
  }
}