@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@100..1000&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@100..1000&display=swap");
@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Hanken+Grotesk:ital,wght@0,100..900;1,100..900&display=swap");
.steps-widget .steps {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
@media (max-width: 1024px) {
  .steps-widget .steps {
    grid-template-columns: 1fr;
  }
}
.steps-widget .steps .step .step-icon {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.steps-widget .steps .step .step-icon svg {
  width: 24px;
  height: 24px;
  color: #fff;
}
.steps-widget .steps .step .step-icon .hr {
  width: 100%;
  height: 2px;
  background-color: #fff;
}
.steps-widget .steps .step .step-content {
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media (max-width: 1024px) {
  .steps-widget .steps .step .step-content {
    align-items: center;
  }
}
.steps-widget .steps .step .step-content h3 {
  color: #fff;
  font-family: "Roboto", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
}
.steps-widget .steps .step .step-content p {
  color: #D2D2D2;
  font-family: "DM Sans", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}