/* ==========================================================
   MV Process Steps

   Self-contained numbered process list. The component owns its internal
   number/connector/content geometry so WPBakery column gutters cannot split
   the visual unit. It deliberately adds no section background or outer
   padding and fills only the VC column in which it is placed.
   ========================================================== */
.mv-process-steps {
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
  background: transparent;
}

.mv-process-steps .mv-process-steps__list {
  counter-reset: mv-process-step;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}

.mv-process-steps .mv-process-step {
  counter-increment: mv-process-step;
  display: grid;
  grid-template-columns: max-content 30px minmax(0, 1fr);
  column-gap: 15px;
  align-items: start;
  width: 100%;
  margin: 0 0 38px;
  padding: 0;
  border: 0;
  background: transparent;
}

.mv-process-steps .mv-process-step:last-child {
  margin-bottom: 0;
}

.mv-process-steps .mv-process-step__number {
  display: block;
  min-width: 2ch;
  padding-top: 0.12em;
  color: #8a8d92;
  line-height: 1.2;
  letter-spacing: 0.04em;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.mv-process-steps .mv-process-step__number::before {
  content: counter(mv-process-step, decimal-leading-zero);
}

.mv-process-steps .mv-process-step__connector {
  display: block;
  width: 100%;
  height: 1px;
  margin-top: 0.60em;
  background: #b8babe;
}

.mv-process-steps .mv-process-step__content {
  min-width: 0;
  width: 100%;
}

.mv-process-steps .mv-process-step__title {
  margin: 0 0 8px;
  color: #262626;
}

.mv-process-steps .mv-process-step__content > .mv-process-step__title:last-child {
  margin-bottom: 0;
}

.mv-process-steps .mv-process-step__description {
  min-width: 0;
}

.mv-process-steps .mv-process-step__description > :first-child {
  margin-top: 0;
}

.mv-process-steps .mv-process-step__description > :last-child {
  margin-bottom: 0;
}

@media (max-width: 1000px) {
  .mv-process-steps .mv-process-step {
    grid-template-columns: max-content 30px minmax(0, 1fr);
    column-gap: 15px;
    margin-bottom: 32px;
  }
}

@media (max-width: 690px) {
  .mv-process-steps .mv-process-step {
    grid-template-columns: max-content 30px minmax(0, 1fr);
    column-gap: 15px;
    margin-bottom: 28px;
  }
}