/* v83 — Offer hierarchy and process rail
   Client wording: General Designer is a peer to Approvals support, not a bullet. */

/* Five design stages: one continuous process rail instead of boxed cells/arrows. */
.stage1-v45 .offer-stages{
  position:relative;
  margin-top:54px;
  padding-top:1px;
  border-top:0;
  border-bottom:0;
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  column-gap:clamp(22px,2.4vw,42px);
}
.stage1-v45 .offer-stages::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:1px;
  background:#cbd5de;
}
.stage1-v45 .offer-stages span,
.stage1-v45 .offer-stages span:nth-child(2n),
.stage1-v45 .offer-stages span:last-child{
  position:relative;
  min-height:82px;
  padding:24px 10px 16px 0;
  display:block;
  border:0;
  font-size:15px;
  line-height:1.35;
  font-weight:500;
  letter-spacing:-.015em;
  color:#17212b;
}
.stage1-v45 .offer-stages span::before{
  content:"";
  position:absolute;
  left:0;
  top:-4px;
  width:9px;
  height:9px;
  border-radius:50%;
  background:var(--release-blue,#315f8d);
  box-shadow:0 0 0 4px #fff;
}

/* Both additional services now share exactly the same hierarchy. */
.stage1-v45 .offer-more{
  margin-top:10px;
}
.stage1-v45 .offer-more article,
.stage1-v45 .offer-more article+article{
  min-height:184px;
  padding-top:32px;
  padding-bottom:34px;
}
.stage1-v45 .offer-more h3{
  margin:0 0 16px;
  font-size:27px;
  line-height:1.08;
  letter-spacing:-.04em;
  font-weight:500;
  color:#17212b;
}
.stage1-v45 .offer-more p{
  margin:0;
  max-width:560px;
  font-size:15px;
  line-height:1.75;
  color:#586673;
}

@media (max-width:980px){
  .stage1-v45 .offer-stages{
    column-gap:22px;
  }
  .stage1-v45 .offer-stages span,
  .stage1-v45 .offer-stages span:nth-child(2n),
  .stage1-v45 .offer-stages span:last-child{
    font-size:14px;
  }
}

@media (max-width:820px){
  .stage1-v45 .offer-stages{
    margin-top:40px;
    padding:0 0 0 1px;
    grid-template-columns:1fr;
    row-gap:0;
  }
  .stage1-v45 .offer-stages::before{
    left:4px;
    right:auto;
    top:9px;
    bottom:23px;
    width:1px;
    height:auto;
  }
  .stage1-v45 .offer-stages span,
  .stage1-v45 .offer-stages span:nth-child(2n),
  .stage1-v45 .offer-stages span:last-child{
    min-height:0;
    padding:10px 0 20px 30px;
    border:0;
    font-size:15px;
  }
  .stage1-v45 .offer-stages span::before{
    left:0;
    top:15px;
  }
  .stage1-v45 .offer-more{
    margin-top:2px;
  }
  .stage1-v45 .offer-more article,
  .stage1-v45 .offer-more article+article{
    min-height:0;
    padding:30px 0;
  }
  .stage1-v45 .offer-more h3{font-size:24px}
  .stage1-v45 .offer-more p{font-size:14px}
}