@charset "UTF-8";
/* COLORS */
/* TYPOGRAPHY */
/* ---- MEDIA QUERIES ----- */
/* ---- FLYTANDE AVSTÅND ----- */
.steps {
  text-align: center;
}
.steps .heading,
.steps .subheading {
  max-width: 70.6rem;
  margin: 0 auto;
}
.steps .subheading {
  margin-top: 1.6rem;
}
.steps .steps-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: clamp(2rem, 3vw, 4.8rem);
  margin-top: clamp(1.67rem, 2.5vw, 4rem);
}
.steps .steps-wrapper .step {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 29.4rem;
  width: 100%;
}
.steps .steps-wrapper .step .step-icon {
  margin: 0 0 2.4rem;
}
.steps .steps-wrapper .step .step-icon img {
  aspect-ratio: 1/1;
  object-fit: contain;
  width: 8rem;
}
.steps .steps-wrapper .step .step-subheading {
  font-size: max(1.4rem, 12px);
  line-height: 100%;
  font-weight: 900;
  color: #EE7202;
  text-transform: uppercase;
  margin: 0 0 1.3rem;
}
.steps .steps-wrapper .step .step-text {
  color: #7E7E7E;
  margin: 1.3rem 0 0;
}
.steps .button-wrapper {
  display: flex;
  justify-content: center;
  margin: clamp(2rem, 3vw, 4.8rem) 0 0;
}

@media (max-width: 768px) {
  .steps .subheading {
    margin-top: 0.8rem;
  }
  .steps .button-wrapper {
    max-width: 45rem;
    margin: 4rem auto 0;
  }
  .steps .button-wrapper .button {
    width: 100%;
  }
  .steps .steps-wrapper .step .step-text {
    font-size: max(1.4rem, 12px);
  }
}