<div class="container">
  <h1>Доставка и оплата</h1>
  <p>Возможен ОПТ!</p>
  <div class="container-content">
    <div class="cont-bar">
      <div class="circle">1</div>
      <p>Выберите<br> товар</p>
    </div>
    <div class="cont-bar">
      <div class="circle">2</div>
      <p>Выберите<br> товар</p>
    </div>
    <div class="cont-bar">
      <div class="circle">3</div>
      <p>Выберите<br> товар</p>
    </div>
    <div class="cont-bar">
      <div class="circle">4</div>
      <p>Выберите<br> товар</p>
    </div>
  </div>
</div>

* {
  font-family: sans-serif;
}
.container {
  text-align:center;
  margin: 0 auto;
  max-width: 1000px;
}
.circle {
  width: 60px;
  height: 60px;
  background: aquamarine;
  border-radius:50%;
  color:white;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 25px;
}
.container-content {
  justify-content: space-between;
  display: flex;
  text-align:center;
  position:relative;
}
.container-content:before {
  z-index: -1;
  top: 30px;
  content:'';
  width: 96.2%;
  height: 2px;
  background: blue;
  position:absolute;
  left: 7px;
}
.cont-bar {
  display: flex;
  flex-flow:column;
 align-items: center;
}