/* SONA-PROCESS-CSS-V1.2 */
.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.step{position:relative;display:flex;min-height:188px;overflow:hidden;flex-direction:column;justify-content:flex-end;padding:22px;border:0;border-radius:16px;color:#fff;box-shadow:0 10px 24px rgba(62,28,34,.12)}
.step-design{background:linear-gradient(145deg,#7d1f35,#b65f73)}.step-contact{background:linear-gradient(145deg,#275d57,#57958b)}.step-measure{background:linear-gradient(145deg,#805233,#c28a5b)}.step-fitting{background:linear-gradient(145deg,#6d325c,#aa6292)}
.step-icon{display:grid;width:54px;height:54px;margin-bottom:16px;place-items:center;border:1px solid rgba(255,255,255,.38);border-radius:14px;background:rgba(255,255,255,.13)}.step-icon svg{width:34px;height:34px;fill:none;stroke:#fff;stroke-width:2.7;stroke-linecap:round;stroke-linejoin:round}.step-number{position:absolute;top:17px;right:17px;display:grid;width:32px;height:32px;place-items:center;border-radius:50%;background:rgba(255,255,255,.2);font-weight:800}.step h3{margin:0 0 5px;color:#fff;font-size:1.08rem}.step p{margin:0;color:rgba(255,255,255,.82);font-size:.86rem;line-height:1.45}
@media(max-width:900px){.steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:580px){.steps{grid-template-columns:1fr;gap:11px}.step{display:grid;min-height:0;grid-template-columns:52px 1fr;align-items:center;gap:14px;padding:17px 54px 17px 17px}.step-icon{width:48px;height:48px;margin:0}.step-icon svg{width:30px;height:30px}.step-number{top:50%;right:15px;transform:translateY(-50%)}.step h3{font-size:1rem}.step p{font-size:.82rem}}
t