.process{
  height:370px;
  padding-top:26px;
  background:var(--paper-alt)
}
.process .section-title::after{
  display:none
}
.process h2{
  margin-bottom:50px
}
.process-grid{
  position:relative;
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:18px;
  margin-top:18px
}
.process-grid::before{
  content:"";
  position:absolute;
  top:18px;
  right:9%;
  left:9%;
  height:2px;
  background:var(--gold)
}
.process-grid article{
  position:relative;
  text-align:center
}
.process-grid b{
  position:relative;
  z-index:1;
  display:grid;
  width:40px;
  height:40px;
  margin:0 auto 15px;
  place-items:center;
  border:2px solid var(--gold);
  border-radius:50%;
  background:var(--paper-alt);
  font-size:28px
}
.process-grid svg{
  width:80px;
  height:80px;
  margin:0 auto 9px;
  color:var(--gold);
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round
}
.process-grid h3{
  margin:0;
  text-transform:uppercase;
  font-size:15px;
  line-height:1.15
}
.process-grid p{
  margin:8px auto 0;
  color:var(--muted);
  font-size:15px;
  line-height:1.2
}
@media(max-width:800px){
  .process{
    height:auto;
    padding:42px var(--pad)
  }
  .process-grid{
    grid-template-columns:repeat(2,1fr);
    gap:30px
  }
  .process-grid::before{
    display:none
  }
}
@media(max-width:520px){
  .process-grid{
    grid-template-columns:1fr
  }
  .process-grid article{
    max-width:300px;
    margin:auto
  }
}