<div class="row clearfix products-20">
    <div class="col-12" style="text-align:center">
        <h1>SERVICES WE OFFER</h1>
        <p style="border-bottom: 2.5px solid; width: 75px; display: inline-block;"></p>
        <div class="spacer height-40"></div>
    </div>
</div>
<div class="row clearfix products-20">
    <div class="col-12 col-md-4" style="text-align:center;">
        <div class="shadow-sm d-inline-block rounded-circle h3 mb-3"
             style="width:2.5em;height:2.5em;line-height:2.5em;"
        >
            <i class="icon fas fa-desktop" style="line-height: inherit;"></i>
        </div>
        <h3>Creative Design</h3>
        <p>Lorem Ipsum is dummy text of the printing industry.</p>
    </div>
    <div class="col-12 col-md-4" style="text-align:center;">
        <div class="shadow-sm d-inline-block rounded-circle h3 mb-3"
             style="width:2.5em;height:2.5em;line-height:2.5em;"
        >
            <i class="icon fas fa-envelope" style="line-height: inherit;"></i>
        </div>
        <h3>Web Development</h3>
        <p>Lorem Ipsum is dummy text of the printing industry.</p>
    </div>
    <div class="col-12 col-md-4" style="text-align:center;">
        <div class="shadow-sm d-inline-block rounded-circle h3 mb-3"
             style="width:2.5em;height:2.5em;line-height:2.5em;"
        >
            <i class="icon fas fa-cog" style="line-height: inherit;"></i>
        </div>
        <h3>24/7 Supports</h3>
        <p>Lorem Ipsum is dummy text of the printing industry.</p>
    </div>
</div>
