<div class="row clearfix steps-10">
    <div class="col-12" style="text-align:center">
        <h1>THE PROCESS</h1>
        <div class="spacer height-40"></div>
    </div>
</div>
<div class="row clearfix steps-10">
    <div class="col-12 col-md-3" style="text-align:center;">
        <div class="shadow d-inline-block h3 rounded-circle" style="width:3em;height:3em;line-height:3em">
            <i class="icon fas fa-lightbulb" style="line-height: inherit;"></i>
        </div>
        <h3 class="mt-3">Step 1</h3>
        <p>Lorem Ipsum is simply dummy text.</p>
    </div>
    <div class="col-12 col-md-3" style="text-align:center;">
        <div class="shadow d-inline-block h3 rounded-circle" style="width:3em;height:3em;line-height:3em">
            <i class="icon far fa-edit" style="line-height: inherit;"></i>
        </div>
        <h3 class="mt-3">Step 2</h3>
        <p>Lorem Ipsum is simply dummy text.</p>
    </div>
    <div class="col-12 col-md-3" style="text-align:center;">
        <div class="shadow d-inline-block h3 rounded-circle" style="width:3em;height:3em;line-height:3em">
            <i class="icon fas fa-code" style="line-height: inherit;"></i>
        </div>
        <h3 class="mt-3">Step 3</h3>
        <p>Lorem Ipsum is simply dummy text.</p>
    </div>
    <div class="col-12 col-md-3" style="text-align:center;">
        <div class="shadow d-inline-block h3 rounded-circle" style="width:3em;height:3em;line-height:3em">
            <i class="icon fas fa-desktop" style="line-height: inherit;"></i>
        </div>
        <h3 class="mt-3">Step 4</h3>
        <p>Lorem Ipsum is simply dummy text.</p>
    </div>
</div>
