.hero_section {
  display: flex;
  flex-direction: column;
  padding: 0px;
  /* align-items: center; */
  padding-inline: 0;
  justify-content: center;
  background: linear-gradient(
      0deg,
      rgba(255, 255, 255, 0.5) 0%,
      rgba(255, 255, 255, 0.5) 100%
    ),
    url(./public/images/hero-image.png), lightgray 0px -247.91px / 100% 353.243%;
  background-size: cover;
  background-position: 15%;
}
.header {
  padding-inline: 7%;
}
.hero_section * {
  box-sizing: border-box;
}
.hero_content {
  display: flex;
  padding-block: 40px;
  justify-content: center;
  align-items: center;
}
.teps {
  display: flex;
  justify-content: space-between;
  width: 499px;
  align-items: center;
}
.step {
  width: 62.933px;
  height: 62.933px;
  display: flex;
  padding: 17.084px;
  flex-direction: column;
  align-items: center;
  gap: 1.068px;
  flex-shrink: 0;
  border-radius: 50%;
  border: 0.534px solid #012767;
  background: #bf0a2f;
}
.step_line {
  width: 16.8%;
  height: 1px;
  background: #bf0a2f;
  border: none;
}
.step_num {
  color: #fff;
  font-family: Montserrat;
  font-size: 13.347px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.step_text {
  color: #fff;
  font-family: Montserrat;
  font-size: 10.677px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.section1 {
  padding: 160px 9.3% 899px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  align-self: stretch;
}
.thank_you {
  color: #bf0a2f;
  text-align: center;
  font-family: Montserrat;
  font-size: 45px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}
.registration {
  color: #012767;
}

@media only screen and (max-width: 1000px) {
  .header {
    padding-block: 16px;
  }
  .section1 {
    flex-direction: column;
    padding-block: 86px 424px;
  }
  .registration,
  .thank_you {
    text-align: center;
    font-size: 25px;
    line-height: 150%; /* 37.5px */
  }

  .hero_content {
    padding: 24px 9.3%;
  }

  .step_line {
    width: 9.3vw;
  }
}
