.steps {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: center;
  justify-content: center;
}

.steps__svg--one {
  margin: 0 auto;
}

.steps__svg--two,
.steps__svg--four {
  display: none;
  margin: auto;
  margin-bottom: -20px;
}

.steps__svg--two {
  margin-top: 60px;
  grid-column: span 2;
}
.steps__svg--four {
  grid-column: span 4;
}

.steps__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
}

.steps__grid p {
  margin: 0;
}

.steps__content {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  gap: 12px;
  text-align: center;
}

.steps__number {
  font-size: 20px;
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid var(--wp--preset--color--primary);
  margin-bottom: 12px;
  font-weight: 600 !important;
}

.steps__title {
  font-weight: bold !important;
  font-size: 20px !important;
}

@media screen and (min-width: 768px) {
  .steps__grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .steps__svg--one {
    display: none;
  }
  .steps__svg--two {
    display: block;
  }
}

@media screen and (min-width: 1024px) {
  .steps__grid {
    grid-template-columns: repeat(4, 1fr);
  }
  .steps__svg--two {
    display: none;
  }
  .steps__svg--four {
    display: block;
  }
}