#steps span.step-number{color:white;background-color:orangered;margin-right:8px;padding:4px}.caption{font-size:calc(12px + 2 * (100vw - 300px) / 1300);line-height:1.2;padding-top:8px;text-align:left}.shadow{box-shadow:0.3rem 0.3rem 1rem rgba(9,9,9,0.845)}.grid-container-2{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:0 1rem}

@media (max-width:960px){span.step-number{font-size:14px;font-weight:bold;margin:0;margin-right:8px;padding:3px 5px;color:#fff;background-color:orangered;justify-content:center;align-items:center}.grid-container-2{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:0 1rem}}

@media (max-width: 770px) {.grid-container-2 { grid-template-columns: 1fr; }  }

#steps{padding-bottom:1rem}#steps .steps-grid{display:grid;grid-template-columns:1fr;gap:1.25rem;max-width:1400px;margin:0 auto}#steps .step-title{min-height:5.1rem}#steps .step-card{display:flex;flex-direction:column}#steps .step-title{text-align:center;line-height:1.3;margin:0}#steps .step-number{display:block;color:orangered;font-size:0.95rem;text-transform:uppercase;margin-bottom:0.25rem}#steps .step-img{display:block;width:100%;height:auto;border:1px solid #e8e8e8}

@media (min-width: 640px) { #steps .steps-grid { grid-template-columns: repeat(2, 1fr); }  }

@media (min-width: 992px) { #steps .steps-grid { grid-template-columns: repeat(5, 1fr); align-items: start; } }