.hero_section {
  display: flex;
  flex-direction: column;
  padding-block: 44px;
  justify-content: center;
  align-items: center;

  background: url(./public/images/page-1-hero-section.png);
  background-size: cover;
  background-position: center top 30%;
  background-repeat: no-repeat;
}

.hero_section * {
  box-sizing: border-box;
}

.steps {
  display: flex;
  justify-content: space-between;
  gap: 100px;
  padding: 0;
  align-items: center;
}
.step {
  display: flex;
  width: 63px;
  height: 63px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 16px;
  border: 1px solid #fff;
  background: #c95332;
  flex-shrink: 0;
}
.step_text {
  color: #fff;
  font-family: Inter;
  font-size: 21px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.answer_questions {
  font-weight: 700;
  text-transform: uppercase;
}
.section_1 {
  padding-block: 160px 811px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  align-self: stretch;
  gap: 40px;
}
.thank_you {
  color: #122458;
  text-align: center;
  font-family: Roboto;
  font-size: 45px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}

@media only screen and (max-width: 1000px) {
  .hero_section {
    padding-block: 24px 33px;
  }
  .steps {
    width: calc(41vw + 179px);
    gap: unset;
  }

  .section_1 {
    flex-direction: column;
    padding: 86px 75px 419px;
  }
  .thank_you {
    font-size: 25px;
  }
}