.process-container{position:relative;max-width:1000px;margin:0 auto;padding:2rem 0}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;position:relative;z-index:2}.process-step{display:flex;flex-direction:column;align-items:center;text-align:center}.process-line{display:none;position:absolute;top:90px;left:10%;right:10%;height:3px;background:#e2e8f0;z-index:1}.process-line:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(to right,var(--sp-red) 0,var(--sp-red) 10px,transparent 10px,transparent 20px);opacity:.3}.process-step .icon-wrapper{position:relative;margin-bottom:1.5rem;width:180px;height:180px;padding:10px}.process-step .icon-circle,.process-step .icon-wrapper{display:flex;align-items:center;justify-content:center;background:white;border-radius:50%}.process-step .icon-circle{width:100%;height:100%;border:2px solid var(--sp-black);color:var(--sp-black);transition:all .3s ease;box-shadow:0 4px 6px -1px rgba(0,0,0,.05)}.process-step:hover .icon-circle{background:var(--sp-red);border-color:var(--sp-red);color:white;transform:translateY(-5px);box-shadow:0 10px 15px -3px rgba(225,37,27,.2)}.process-step .step-number{position:absolute;top:-25px;left:105%;transform:translateX(-50%) skewX(-10deg);background:transparent;color:var(--sp-black);padding:0;border-radius:0;font-weight:300;font-size:3rem;border:none;font-style:italic;z-index:3;box-shadow:none;line-height:1}.process-step h3{font-size:1.1rem;margin-bottom:.5rem;color:var(--dark);font-weight:700}.process-step p{font-size:.95rem;color:var(--dark-500);line-height:1.4;max-width:200px;margin:0 auto}@media (min-width:969px){.process-line{display:block}}@media (max-width:968px){.process-grid{grid-template-columns:1fr;gap:3rem}.process-line{display:block;width:3px;height:auto;top:0;bottom:0;left:50%;transform:translateX(-50%);right:auto;background:#e2e8f0}.process-line:after{background:repeating-linear-gradient(to bottom,var(--sp-red) 0,var(--sp-red) 10px,transparent 10px,transparent 20px)}.process-step .icon-wrapper{margin-bottom:1rem;background:#ffffff;padding:10px;width:180px;height:180px}.process-step .icon-circle{width:160px;height:160px}}