<div class="row clearfix steps-24">
    <div class="col-12" style="text-align: center;">
        <h2>WORK STEPS</h2>
        <div class="spacer height-40"></div>
    </div>
</div>
<div class="row clearfix steps-24">
    <div class="col-12 col-md-2" style="text-align: center;">
        <div class="h5 bg-primary text-white d-inline-block" style="width:3.5em;height:3.5em;line-height: 3.5em;">
            <p><b>01</b></p>
        </div>
    </div>
    <div class="col-12 col-md-10">
        <h3 style="margin-top: 0">Step One</h3>
        <p>Lorem Ipsum has been the industry's standard dummy text ever since the 1500s. Lorem ipsum dolor sit amet.</p>
    </div>
</div>
<div class="row clearfix steps-24">
    <div class="col-12">
        <div class="spacer height-20"></div>
    </div>
</div>
<div class="row clearfix steps-24">
    <div class="col-12 col-md-2" style="text-align: center;">
        <div class="h5 bg-primary text-white d-inline-block" style="width:3.5em;height:3.5em;line-height: 3.5em;">
            <p><b>02</b></p>
        </div>
    </div>
    <div class="col-12 col-md-10">
        <h3 style="margin-top: 0">Step Two</h3>
        <p>Lorem Ipsum has been the industry's standard dummy text ever since the 1500s. Lorem ipsum dolor sit amet.</p>
    </div>
</div>
<div class="row clearfix steps-24">
    <div class="col-12">
        <div class="spacer height-20"></div>
    </div>
</div>
<div class="row clearfix steps-24">
    <div class="col-12 col-md-2" style="text-align: center;">
        <div class="h5 bg-primary text-white d-inline-block" style="width:3.5em;height:3.5em;line-height: 3.5em;">
            <p><b>03</b></p>
        </div>
    </div>
    <div class="col-12 col-md-10">
        <h3 style="margin-top: 0">Step Three</h3>
        <p>Lorem Ipsum has been the industry's standard dummy text ever since the 1500s. Lorem ipsum dolor sit amet.</p>
    </div>
</div>
