<div class="row clearfix steps-18">
    <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-18">
    <div class="col-12 col-md-6 text-center">
        <p class="display-4">
            <i class="icon fas fa-comment-dots"></i>
        </p>
        <h3>STEP 1</h3>
        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
    </div>
    <div class="col-12 col-md-6 text-center">
        <p class="display-4">
            <i class="icon fas fa-edit"></i>
        </p>
        <h3>STEP 2</h3>
        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
    </div>
</div>
<div class="row clearfix steps-18">
    <div class="col-12">
        <div class="spacer height-40"></div>
    </div>
</div>
<div class="row clearfix steps-18">
    <div class="col-12 col-md-6 text-center">
        <p class="display-4">
            <i class="icon fas fa-cog"></i>
        </p>
        <h3>STEP 3</h3>
        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
    </div>
    <div class="col-12 col-md-6 text-center">
        <p class="display-4">
            <i class="icon far fa-heart"></i>
        </p>
        <h3>STEP 4</h3>
        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
    </div>
</div>
