/* How It Works – numbered circles */
.hiw-steps {
 counter-reset: step;
 list-style: none;
 margin: 0;
 padding: 0;
}

.hiw-steps li {
 position: relative;
 padding-left: 3.5rem; /* space for the circle */
 margin: 0 0 1.5rem 0; /* doubled line gap */
 line-height: 1.6;
}

.hiw-steps li::before {
 counter-increment: step;
 content: counter(step);
 position: absolute;
 left: 0;
 top: 0.1rem;
 width: 2.5rem; /* slightly larger circle */
 height: 2.5rem;
 border-radius: 50%;
 display: grid;
 place-items: center;
 font-weight: 900;
 font-size: 1.25rem; /* larger number text */
 background: #00263a; /* dark circle background */
 color: #ffffff; /* white number text */
 box-sizing: border-box;
}