.how .section-title{
  font-size:29px;
  font-weight:400;
  line-height:1.08
}
.how{
  height:247px;
  padding-top:6px;
  margin-bottom:25px
}
.steps{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:29px;
  margin-top:18px
}
.steps article{
  position:relative;
  text-align:center
}
.steps article:not(:last-child)::after{
  content:"→";
  position:absolute;
  top:50px;
  right:-26px;
  color:var(--gold);
  font:400 37px/1 var(--font-family)
}
.steps b{
  display:grid;
  width:39px;
  height:39px;
  margin:0 auto 11px;
  place-items:center;
  border-radius:50%;
  color:#fff;
  background:var(--gold);
  font-size:18px
}
.steps h3{
  margin:0;
  text-transform:uppercase;
  font-size:15px;
  line-height:1.15
}
.steps p{
  max-width:190px;
  margin:9px auto 0;
  color:var(--muted);
  font-size:14px;
  line-height:1.22
}
@media(max-width:800px){
  .how{
    height:auto;
    padding:42px var(--pad)
  }
  .steps{
    grid-template-columns:repeat(2,1fr);
    gap:30px
  }
  .steps article:not(:last-child)::after{
    display:none
  }
}
@media(max-width:520px){
  .steps{
    grid-template-columns:1fr
  }
  .how .section-title{
    font-size:25px
  }
}