<div class="row clearfix services-04">

    <div class="col-12 col-md-4">
        <div class="align-items-start bg-light card d-flex flex-row hover-bg-primary p-4 hover-gradient-45-white-20">
            <div class="pr-2" style="text-align: center;">
                <div class="d-inline-block h2 hover-text-light pt-1 px-3 text-primary">
                    <i class="icon fas fa-robot icon-active" style="line-height: inherit;"></i>
                </div>
            </div>
            <div class="text-dark hover-text-light">
                <h2>
                    <a href="#" title="" class="stretched-link text-dark hover-text-light text-decoration-none">
                        Service One
                    </a>
                </h2>
                <p>Lorem Ipsum is dummy text of the printing industry.</p>
            </div>
        </div>
    </div>

    <div class="col-12 col-md-4">
        <div class="align-items-start bg-light card d-flex flex-row hover-bg-primary p-4 hover-gradient-45-white-20">
            <div class="pr-2" style="text-align: center;">
                <div class="d-inline-block h2 hover-text-light pt-1 px-3 text-primary">
                    <i class="icon fas fa-campground" style="line-height: inherit;"></i>
                </div>
            </div>
            <div class="text-dark hover-text-light">
                <h2>
                    <a href="#" title="" class="stretched-link text-dark hover-text-light text-decoration-none">
                        Service Two
                    </a>
                </h2>
                <p>Lorem Ipsum is dummy text of the printing industry.</p>
            </div>
        </div>
    </div>

    <div class="col-12 col-md-4">
        <div class="align-items-start bg-light card d-flex flex-row hover-bg-primary p-4 hover-gradient-45-white-20">
            <div class="pr-2" style="text-align: center;">
                <div class="d-inline-block h2 hover-text-light pt-1 px-3 text-primary">
                    <i class="icon fas fa-dog" style="line-height: inherit;"></i>
                </div>
            </div>
            <div class="text-dark hover-text-light">
                <h2>
                    <a href="#" title="" class="stretched-link text-dark hover-text-light text-decoration-none">
                        Service Three
                    </a>
                </h2>
                <p>Lorem Ipsum is dummy text of the printing industry.</p>
            </div>
        </div>
    </div>

</div>
