.route{position:relative;display:grid;--gap:40px;--half:calc((100% - (var(--cols, 3) - 1) * var(--gap)) / var(--cols, 3) / 2);grid-template-columns:repeat(var(--cols,3),minmax(0,1fr));gap:var(--gap)}.route:before{content:"";position:absolute;top:31px;left:var(--half);right:var(--half);height:4px;background:repeating-linear-gradient(90deg,var(--yellow) 0 18px,transparent 18px 30px)}.route__step{position:relative;text-align:center}.route__step h3{font:700 22px/1.25 var(--display);letter-spacing:-.5px}.route__step p{margin-top:10px;color:#ffffffb3}.route__dot{position:relative;display:grid;place-items:center;width:66px;height:66px;margin:0 auto 26px;border:5px solid var(--navy);border-radius:50%;background:var(--yellow);color:var(--navy);font:800 24px/1 var(--display);box-shadow:0 0 0 4px var(--yellow)}.route__dot--end{background:var(--blue);color:var(--white);box-shadow:0 0 0 4px var(--blue)}@media (max-width:767px){.route{grid-template-columns:1fr;gap:36px}.route:before{display:none}.route__step{padding-left:92px;min-height:66px;text-align:left}.route__step:not(:last-child):after{content:"";position:absolute;top:33px;bottom:-69px;left:31px;width:4px;background:repeating-linear-gradient(180deg,var(--yellow) 0 18px,transparent 18px 30px)}.route__dot{position:absolute;z-index:1;left:0;top:0;margin:0}}