Icon With Text

<div class="row mt-n4 justify-content-center">
    <div class="col-sm-6 mt-4 wow fadeInUp" data-wow-delay="200ms">
        <div class="card card-style07 border-0 rounded-0">
            <img class="w-100" src="img/service/service-05.jpg" alt="...">
            <div class="opacity-light bg-dark"></div>
            <div class="card-overlay"></div>
            <div class="card-body p-0 position-absolute top-0 start-0 w-100 h-100">
                <div class="card-custom-1">
                    <span class="text-white d-block mb-2 position-relative z-index-1">01</span>
                    <h3 class="font-weight-800 text-primary position-relative z-index-1 mb-0 w-xxl-85"><a href="services.html" class="text-white">Counseling Psychologists</a></h3>
                    <span class="card-hover-icon">
                        <img src="img/icon/01.png" alt="..." class="w-65px">
                    </span>
                </div>
                <div class="card-data align-items-end d-flex">
                    <div class="card-custom-2">
                        <p class="card-text">Your relationship with your loved one is the your most valuable asset.</p>
                        <a href="services.html" class="btn btn-link-1 px-0">Explore services</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-sm-6 mt-4 wow fadeInUp" data-wow-delay="350ms">
        <div class="card card-style07 border-0 rounded-0">
            <img class="w-100" src="img/service/service-06.jpg" alt="...">
            <div class="opacity-light bg-dark"></div>
            <div class="card-overlay"></div>
            <div class="card-body p-0 position-absolute top-0 start-0 w-100 h-100">
                <div class="card-custom-1">
                    <span class="text-white d-block mb-2 position-relative z-index-1">02</span>
                    <h3 class="font-weight-800 text-primary position-relative z-index-1 mb-0 w-xxl-85"><a href="services.html" class="text-white">Personality Psychologists</a></h3>
                    <span class="card-hover-icon">
                        <img src="img/icon/02.png" alt="..." class="w-65px">
                    </span>
                </div>
                <div class="card-data align-items-end d-flex">
                    <div class="card-custom-2">
                        <p class="card-text">Your relationship with your loved one is the your most valuable asset.</p>
                        <a href="services.html" class="btn btn-link-1 px-0">Explore services</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
                    

<div class="bg-light p-4 mb-6">
    <div class="row mt-n4">
        <div class="col-md-6 mt-4 wow fadeInUp" data-wow-delay="200ms">
            <div class="card card-style03 rounded-0 border-0 h-100">
                <div class="card-body position-relative z-index-9">
                    <div class="service-img">
                        <img src="img/icon/05.png" alt="..." class="w-60px">
                    </div>
                    <h3 class="h5 mb-2"><a href="enjoy-your-life.html">Enjoy your life</a></h3>
                    <p class="mb-1-9">After hiring a life coach, most people find that things start to happen.</p>
                    <a href="enjoy-your-life.html" class="service-btn small display-29">read more <i class="fa-solid fa-plus text-secondary align-middle ms-2"></i></a>
                </div>
                <div class="card-overlay"></div>
            </div>
        </div>
        <div class="col-md-6 mt-4 wow fadeInUp" data-wow-delay="350ms">
            <div class="card card-style03 rounded-0 border-0 h-100">
                <div class="card-body position-relative z-index-9">
                    <div class="service-img">
                        <img src="img/icon/06.png" alt="..." class="w-60px">
                    </div>
                    <h3 class="h5 mb-2"><a href="your-potential.html">Your potential</a></h3>
                    <p class="mb-1-9">After hiring a life coach, most people find that things start to happen.</p>
                    <a href="your-potential.html" class="service-btn small display-29">read more <i class="fa-solid fa-plus text-secondary align-middle ms-2"></i></a>
                </div>
                <div class="card-overlay"></div>
            </div>
        </div>
    </div>
</div>