.how_tranf_sec .timeline-item {
  opacity: 1;
  transform: none;
  transition: none;
}
.how_tranf_sec .timeline-item .icon {
  transform: scale(1);
  transition: transform .25s ease, filter .25s ease;
}
.how_tranf_sec .timeline-interactive {
  isolation: isolate;
}
.how_tranf_sec .timeline-interactive::before {
  top: 0;
  background: #e8eefb;
}
.how_tranf_sec .timeline-interactive::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: var(--timeline-rail-width, 20px);
  height: var(--timeline-progress, 0px);
  transform: translateX(-50%);
  border-radius: 20px;
  background: linear-gradient(180deg, #2457d6, #2457d6);
  box-shadow: 0 0 16px #2457d64d, 0 0 5px #2457d659;
  transition: height .28s cubic-bezier(.22, .61, .36, 1);
  pointer-events: none;
  z-index: 0;
}
.how_tranf_sec .timeline-interactive .timeline-item {
  z-index: 1;
}
.how_tranf_sec .timeline-interactive .timeline-item::before {
  opacity: 0;
  scale: .45;
  background: #2457d6;
  transition: opacity .18s ease, scale .22s ease, box-shadow .22s ease;
}
.how_tranf_sec .timeline-interactive .timeline-item.is-reached::before {
  opacity: 1;
  scale: 1;
  box-shadow: 0 0 0 4px #2457d617;
}
.how_tranf_sec .timeline-interactive .timeline-item.is-active::before {
  background: #fff;
  box-shadow: inset 0 0 0 5px #2457d6, 0 0 0 7px #2457d624, 0 0 22px #2457d65c;
}
.how_tranf_sec .timeline-interactive .timeline-item.is-active .icon {
  transform: scale(1.08);
  filter: drop-shadow(0 4px 8px #2457d614);
}
.how_tranf_sec .timeline-interactive .timeline-item.is-active h4 {
  color: #2457d6;
}
.how_tranf_sec .timeline-interactive .timeline-item:focus-visible {
  outline: 2px solid #8ab6f3;
  outline-offset: 10px;
  border-radius: 10px;
}
@media (max-width: 575px) {
  .how_tranf_sec .timeline-interactive::after {
    left: 100px;
    transform: none;
  }
}
@media (max-width: 420px) {
  .how_tranf_sec .timeline-interactive::after {
    left: 80px;
  }
  .how_tranf_sec .timeline-interactive .timeline-item.is-active::before {
    box-shadow: inset 0 0 0 3px #2457d6, 0 0 0 5px #2457d624, 0 0 18px #2457d65c;
  }
}
@media (prefers-reduced-motion: reduce) {
  .how_tranf_sec .timeline-interactive::after,
  .how_tranf_sec .timeline-interactive .timeline-item::before,
  .how_tranf_sec .timeline-item .icon {
    transition: none;
  }
}

/* The five-step journey ends at its outcome, rather than beside the introduction. */
.home-refresh .process-section.how_tranf_sec{overflow:visible;}
.home-refresh .process-section .timeline-wrapper.timeline-interactive::before{height:var(--timeline-track-height,calc(100% - 42px));}
.home-refresh .process-section .process-outcome{position:relative;display:flex;align-items:center;gap:16px;margin:12px 0 0;padding:23px 24px;border:1px solid var(--brand-border,#dce5f9);border-radius:15px;background:var(--brand-tint,#f1f5fd);text-align:left;transition:border-color .25s,box-shadow .25s;}
.process-outcome .process-goal-label{display:block;color:var(--brand-blue,#2457d6);font-size:10px;font-weight:500;letter-spacing:.1em;line-height:1.4;text-transform:uppercase;margin-bottom:7px;}
.home-refresh .process-section .process-outcome h3{margin:0;font-size:clamp(20px,2vw,25px);line-height:1.2;font-weight:600;color:var(--home-ink,#202a3a);letter-spacing:-.025em;}
.home-refresh .process-section .process-outcome>.home-svg{width:32px;height:32px;flex:0 0 32px;color:var(--brand-blue,#2457d6);}
.process-outcome::before{content:'';position:absolute;left:-28px;top:50%;width:12px;height:12px;border-radius:50%;background:var(--brand-blue,#2457d6);transform:translateY(-50%) scale(.45);opacity:0;z-index:2;transition:opacity .2s,transform .25s;}
.process-outcome::after{content:'';position:absolute;left:-22px;top:50%;width:22px;height:2px;background:var(--brand-border,#dce5f9);transform:translateY(-50%);}
.home-refresh .process-section .process-outcome.is-complete{border-color:var(--brand-blue,#2457d6);box-shadow:0 6px 22px #2457d60d;}
.process-outcome.is-complete::before{opacity:1;transform:translateY(-50%) scale(1);box-shadow:0 0 0 4px #2457d617;}
.process-outcome.is-complete::after{background:var(--brand-blue,#2457d6);}
@media(max-width:600px){.home-refresh .process-section .process-outcome{gap:12px;padding:20px 18px;margin-top:8px;}.home-refresh .process-section .process-outcome>.home-svg{width:28px;height:28px;flex-basis:28px;}.home-refresh .process-section .process-outcome h3{font-size:21px;}.process-outcome .process-goal-label{font-size:9px;}}
@media(prefers-reduced-motion:reduce){.process-outcome,.process-outcome::before{transition:none!important;}}