.process-section{overflow:visible;background:#fff}
.process-section .section-heading{margin-bottom:65px}
.process-section .section-heading p{max-width:760px;color:#52647d;font-size:16px;line-height:1.6}

.steps.steps-seven{
  --timeline-gap:16px;
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  column-gap:var(--timeline-gap);
  row-gap:76px;
  align-items:stretch;
  padding-top:8px;
}
.steps.steps-seven article{
  grid-column:span 3;
  position:relative;
  min-width:0;
  min-height:255px;
  padding:42px 20px 24px;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  text-align:left;
}
.steps.steps-seven article:nth-child(n+5){grid-column:span 4;min-height:220px}
.steps.steps-seven article::after{display:none}
.steps.steps-seven article:nth-child(-n+3)::after,
.steps.steps-seven article:nth-child(5)::after,
.steps.steps-seven article:nth-child(6)::after{
  content:"";
  display:block;
  position:absolute;
  z-index:0;
  top:0;
  left:47px;
  right:calc(-1 * (var(--timeline-gap) + 47px));
  width:auto;
  height:0;
  border:0;
  border-top:2px solid #75b9fa;
}
.steps.steps-seven b{
  top:-23px;
  left:24px;
  display:grid;
  place-items:center;
  width:46px;
  height:46px;
  border-radius:50%;
  background:#1599ee;
  color:#fff;
  font-size:16px;
  font-weight:800;
  box-shadow:0 0 0 5px #fff;
  transform:none;
}
.steps.steps-seven article:last-child b{background:#b1ec29;color:#163455}
.steps.steps-seven .step-icon{
  display:block;
  width:35px;
  height:35px;
  margin:0 0 15px;
  border:0;
  border-radius:0;
  background:none;
  color:#1599ee;
}
.steps.steps-seven .step-icon svg{
  display:block;
  width:35px;
  height:35px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.steps.steps-seven article:last-child .step-icon{color:#84c817}
.steps.steps-seven h3{
  margin:0 0 10px;
  color:var(--navy);
  font-size:18px;
  font-weight:800;
  line-height:1.35;
}
.steps.steps-seven p{
  margin:0;
  color:#52647d;
  font-size:14px;
  line-height:1.6;
}

@media(max-width:1100px){
  .steps.steps-seven{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:66px}
  .steps.steps-seven article,.steps.steps-seven article:nth-child(n+5){grid-column:span 1;min-height:210px;padding-inline:22px}
  .steps.steps-seven article:nth-child(7){grid-column:1/-1;min-height:180px}
  .steps.steps-seven article::after{display:none!important}
  .steps.steps-seven article:nth-child(1)::after,
  .steps.steps-seven article:nth-child(3)::after,
  .steps.steps-seven article:nth-child(5)::after{display:block!important}
  .steps.steps-seven h3{font-size:18px}
  .steps.steps-seven p{font-size:14px}
}

@media(max-width:620px){
  .process-section .section-heading{margin-bottom:30px}
  .process-section .section-heading p{font-size:15px}
  .steps.steps-seven{display:grid;grid-template-columns:minmax(0,1fr);row-gap:14px;padding-top:0}
  .steps.steps-seven article,.steps.steps-seven article:nth-child(n+5),.steps.steps-seven article:nth-child(7){
    grid-column:1;
    min-height:0;
    padding:20px 18px 21px 78px;
  }
  .steps.steps-seven b{top:19px;left:19px;width:43px;height:43px;font-size:15px}
  .steps.steps-seven .step-icon{width:27px;height:27px;margin-bottom:8px}
  .steps.steps-seven .step-icon svg{width:27px;height:27px}
  .steps.steps-seven h3{margin-bottom:6px;font-size:17px}
  .steps.steps-seven p{font-size:14px}
  .steps.steps-seven article::after{display:none!important}
  .steps.steps-seven article:not(:last-child)::after{
    display:block!important;
    top:62px;
    left:40px;
    right:auto;
    width:0;
    height:calc(100% - 28px);
    border:0;
    border-left:2px solid #75b9fa;
  }
}
