.landing-steps {
  padding: 87px 0 73px;
  background: #f8f8f8;
  position: relative;
}
.landing-steps:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 90px;
  width: 100%;
  transform: translateY(-99%);
  background: #f8f8f8;
}
.landing-steps:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 90px;
  width: 100%;
  transform: translateY(99%);
  background: #f8f8f8;
}
.landing-steps__title {
  margin: 0 0 clamp(28px, 3vw, 40px);
}
.landing-steps__title span {
  color: var(--color-primary);
}
.landing-steps__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 32px;
}
@media (width < 1440px) {
  .landing-steps {
    padding: 64px 0;
  }
}
@media (width < 992px) {
  .landing-steps {
    padding: 48px 0;
  }
  .landing-steps__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (width < 768px) {
  .landing-steps {
    padding: 28px 0;
    border-radius: 30px 30px 0 0;
  }
  .landing-steps:before {
    display: none;
  }
  .landing-steps__grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

.process-step {
  max-width: 342px;
}
.process-step__badge {
  font-family: var(--font-display);
  font-weight: 600;
  font-size: clamp(16px, 2vw, 18px);
  line-height: 1.3;
  padding: 4px 11px;
  background: var(--color-primary);
  color: #fff;
  border-radius: 7px;
  margin-bottom: clamp(12px, 2vw, 24px);
  width: fit-content;
}
.process-step__title {
  font-family: var(--font-display);
  font-weight: 600;
  font-size: clamp(25px, 2vw, 30px);
  line-height: 1;
  margin-bottom: clamp(10px, 2vw, 20px);
}
.process-step__title strong {
  font-weight: 700;
}
.process-step__title a {
  color: var(--color-primary);
  text-decoration: underline;
}
.process-step__text {
  font-size: clamp(14px, 1.5vw, 16px);
  color: rgba(54, 54, 54, 0.8);
}