Icon With Text

<div class="row">
    <div class="col-md-6 col-xl-4 mb-1-9 mb-xl-0">
        <div class="card card-style2 border-0 rounded-0">
            <div class="card-icon">
                <i class="flaticon-031-plant-1"></i>
            </div>
            <div class="card-body px-1-9 py-1-9 pt-md-6 pb-md-2-3 z-index-1">
                <h3 class="h4 mb-3"><a href="#!">Trust &amp; Warranty</a></h3>
                <p class="mb-4">In power departure, land pro curement, liaisoning and working with state.</p>
                <div class="card-btn">
                    <a href="#!"><i class="fas fa-long-arrow-alt-right"></i></a>
                </div>
            </div>
        </div>
    </div>
    <div class="col-md-6 col-xl-4 mb-1-9 mb-xl-0">
        <div class="card card-style2 border-0 rounded-0">
            <div class="card-icon">
                <i class="flaticon-023-nuclear"></i>
            </div>
            <div class="card-body px-1-9 py-1-9 pt-md-6 pb-md-2-3 z-index-1">
                <h3 class="h4 mb-3"><a href="#!">High Quality Work</a></h3>
                <p class="mb-4">In power departure, land pro curement, liaisoning and working with state.</p>
                <div class="card-btn">
                    <a href="#!"><i class="fas fa-long-arrow-alt-right"></i></a>
                </div>
            </div>
        </div>
    </div>
    <div class="col-md-6 col-xl-4 mb-1-9 mb-md-0">
        <div class="card card-style2 border-0 rounded-0">
            <div class="card-icon">
                <i class="flaticon-005-tower"></i>
            </div>
            <div class="card-body px-1-9 py-1-9 pt-md-6 pb-md-2-3 z-index-1">
                <h3 class="h4 mb-3"><a href="#!">Efficiency & Power</a></h3>
                <p class="mb-4">In power departure, land pro curement, liaisoning and working with state.</p>
                <div class="card-btn">
                    <a href="#!"><i class="fas fa-long-arrow-alt-right"></i></a>
                </div>
            </div>
        </div>
    </div>
    </div>
                    

<div class="bg-dark text-center mb-6 border-bottom border-color-light-white pb-5">
    <div class="row mt-n4">
        <div class="col-6 col-lg-3 mt-4 wow fadeInUp" data-wow-delay="200ms">
            <i class="flaticon-046-green-energy text-primary display-6 display-xl-3 mb-3 d-block"></i>
            <h3 class="h5 text-white mb-0">
                Energy Efficiency<br>
                Solutions
            </h3>
        </div>
        <div class="col-6 col-lg-3 mt-4 wow fadeInUp" data-wow-delay="350ms">
            <i class="flaticon-042-solar-panel text-primary display-6 display-xl-3 mb-3 d-block"></i>
            <h3 class="h5 text-white mb-0">
                Solar Panel<br>
                Commissioning
            </h3>
        </div>
        <div class="col-6 col-lg-3 mt-4 wow fadeInUp" data-wow-delay="500ms">
            <i class="flaticon-045-battery text-primary display-6 display-xl-3 mb-3 d-block"></i>
            <h3 class="h5 text-white mb-0">
                Battery Backup<br>
                Generator
            </h3>
        </div>
        <div class="col-6 col-lg-3 mt-4 wow fadeInUp" data-wow-delay="650ms">
            <i class="flaticon-036-greenhouse text-primary display-6 display-xl-3 mb-3 d-block"></i>
            <h3 class="h5 text-white mb-0">
                Whole House Surge<br>
                Protection
            </h3>
        </div>
    </div>
    </div>