.layout-container{justify-content:space-between;align-items:flex-start;gap:1.5rem;padding:2rem;display:flex}.step{text-align:center;width:300px;height:300px}.circle{color:#fff;background-color:#3478f6;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;margin:0 auto 1rem;font-size:1.2rem;font-weight:700;display:flex;position:absolute;top:0;right:10%}h3{margin:.5rem 0;font-size:1.2rem}p{color:#c1c1c1;font-size:.9rem;line-height:1.5}.connector path{fill:none;stroke:#0cfc;stroke-width:4px;stroke-dasharray:8;stroke-linecap:round;filter:drop-shadow(0 0 6px #0ff);animation:2s linear infinite dashGlow}.connector2 path{animation:2s linear infinite reverse dashGlow}.slanted-line{display:block}.vertical-line{display:none}@keyframes dashGlow{to{stroke-dashoffset:-16px}}@media (max-width:768px){.slanted-line{display:none}.vertical-line{margin:0 auto;display:block}.layout-container{flex-direction:column;align-items:center}.step{z-index:1}}@media (min-width:768px) and (max-width:900px){.layout-container{flex-direction:column;align-items:center}.step{width:260px;height:260px}.circle{width:35px;height:35px;font-size:1rem}}@media (min-width:900px) and (max-width:1100px){.layout-container{flex-direction:column;align-items:center}.step{width:280px;height:280px}.circle{width:50px;height:50px;font-size:1rem}}