Icon With Text

<div class="row mt-n1-9">
    <div class="col-md-6 col-sm-12 mt-1-9">
        <div class="card card-style1 mb_35 wow fadeInUp" data-wow-delay="100ms">
            <div class="image-box">
                <a href="#!"><img src="img/service/services-01.jpg" alt="..."></a>
            </div>
            <div class="lower-content text-center">
                <div class="icon">
                    <img src="img/icon/icon-31.png" class="w-55px" alt="...">
                </div>
                <h3><a href="#!">Ardha Chakrasana</a></h3>
                <p>You can experience the best level of customer service with us. It utilizes breathing methods.</p>
                <h5 class="h6 mb-0"><a href="#!">Read more</a></h5>
            </div>
        </div>
    </div>
    <div class="col-md-6 col-sm-12 mt-1-9">
        <div class="card-style1 mb_35 wow fadeInUp" data-wow-delay="200ms">
            <div class="image-box">
                <a href="#!"><img src="img/service/services-02.jpg" alt=""></a>
            </div>
            <div class="lower-content text-center">
                <div class="icon">
                    <img src="img/icon/icon-32.png" class="w-55px" alt="...">
                </div>
                <h3><a href="#!">Baddha Konasana</a></h3>
                <p>You can experience the best level of customer service with us. It utilizes breathing methods.</p>
                <h5 class="h6 mb-0"><a href="#!">Read more</a></h5>
            </div>
        </div>
    </div>
</div>
                    

<div class="py-6 py-md-1-9 py-xl-7 ps-sm-1-9 ps-xl-6 why-choose-02">
    <div class="d-flex why-choose align-items-center mb-2-9">
        <div class="icon-box-icon">
            <div class="icon-inner">
                <div class="icon-wrap -img">
                    <img src="img/icon/icon-1.png" alt="...">
                </div>
            </div>
        </div>
        <div>
            <h3 class="mt-2 h2">Expert guidance</h3>
            <p class="mb-0 w-sm-80">Our certified instructors offer expert guidance, ensuring a safe and effective practice</p>
        </div>
    </div>
    <div class="d-flex why-choose align-items-center mb-0">
        <div class="icon-box-icon">
            <div class="icon-inner">
                <div class="icon-wrap -img">
                    <img src="img/icon/icon-2.png" alt="...">
                </div>
            </div>
        </div>
        <div>
            <h3 class="mt-2 h2">Holistic approach</h3>
            <p class="mb-0 w-sm-80">Our certified instructors offer expert guidance, ensuring a safe and effective practice</p>
        </div>
    </div>
</div>
                    

<div class="row mt-n1-9">
    <div class="col-md-6 col-lg-4 mt-1-9">
        <div class="card card-style5 border-0">
            <div class="card-body p-0">
                <div class="icon-holder position-relative mb-4">
                    <div class="box"></div>
                    <div class="icon-wrap">
                        <img src="img/icon/icon-2.png" class="w-60px" alt="...">
                    </div>
                </div>
                <div>
                    <h4>Support &amp; Motivation</h4>
                    <p class="mb-0">Learn the art of mindfulness meditation to reduce stress and enhance mental clarity.</p>
                </div>
            </div>
        </div>
    </div>
    <div class="col-md-6 col-lg-4 mt-1-9">
        <div class="card card-style5 border-0">
            <div class="card-body p-0">
                <div class="icon-holder position-relative mb-4">
                    <div class="box"></div>
                    <div class="icon-wrap">
                        <img src="img/icon/icon-3.png" class="w-60px" alt="...">
                    </div>
                </div>
                <div>
                    <h4>Experience Trainers</h4>
                    <p class="mb-0">Learn the art of mindfulness meditation to reduce stress and enhance mental clarity.</p>
                </div>
            </div>
        </div>
    </div>
    <div class="col-md-6 col-lg-4 mt-1-9">
        <div class="card card-style5 border-0">
            <div class="card-body p-0">
                <div class="icon-holder position-relative mb-4">
                    <div class="box"></div>
                    <div class="icon-wrap">
                        <img src="img/icon/icon-4.png" class="w-60px" alt="...">
                    </div>
                </div>
                <div>
                    <h4>Improves Flexibility</h4>
                    <p class="mb-0">Learn the art of mindfulness meditation to reduce stress and enhance mental clarity.</p>
                </div>
            </div>
        </div>
    </div>
</div>
                    

<div class="row mt-n1-9">
    <div class="col-md-6 col-xl-4 mt-1-9 wow fadeIn" data-wow-delay="150ms">
        <div class="card card-style6 rounded-0 py-1-9">
            <div class="position-relative mb-1-9">
                <div class="card-image">
                    <img src="img/service/services-04.jpg" alt="Image">
                </div>
                <div class="icon-wrap card-icon">
                    <img src="img/icon/icon-22.png" class="w-50px" alt="...">
                </div>
            </div>
            <div class="card-body px-3 py-0">
                <h3 class="h5"><a href="#!">Ardha Chakrasana</a></h3>
                <p>You can experience the best level of customer service with us. It utilizes breathing methods.</p>
                <div class="link-box position-relative">
                    <a href="#!" class="link-btn d-inline-block">
                        <i class="ti-arrow-right"></i>
                    </a>
                    <a href="#!" class="overlay-btn position-absolute d-inline-block">
                        Learn More
                        <i class="ti-arrow-right position-absolute align-middle"></i>
                    </a>
                </div>
            </div>
        </div>
    </div>
    <div class="col-md-6 col-xl-4 mt-1-9 wow fadeIn" data-wow-delay="300ms">
        <div class="card card-style6 rounded-0 py-1-9">
            <div class="position-relative mb-1-9">
                <div class="card-image">

                    <img src="img/service/services-05.jpg" alt="Image">

                </div>
                <div class="icon-wrap card-icon">
                    <img src="img/icon/icon-23.png" class="w-50px" alt="...">
                </div>
            </div>
            <div class="card-body px-3 py-0">

                <h3 class="h5"><a href="global-optimization.html">Baddha Konasana</a></h3>

                <p>You can experience the best level of customer service with us. It utilizes breathing methods.</p>

                <div class="link-box position-relative">
                    <a href="global-optimization.html" class="link-btn d-inline-block">

                        <i class="ti-arrow-right"></i>

                    </a>

                    <a href="global-optimization.html" class="overlay-btn position-absolute d-inline-block">

                        Learn More
                        <i class="ti-arrow-right position-absolute align-middle"></i>

                    </a>
                </div>
            </div>
        </div>
    </div>
    <div class="col-md-6 col-xl-4 mt-1-9 wow fadeIn" data-wow-delay="450ms">
        <div class="card card-style6 rounded-0 py-1-9">
            <div class="position-relative mb-1-9">
                <div class="card-image">

                    <img src="img/service/services-06.jpg" alt="Image">

                </div>
                <div class="icon-wrap card-icon">
                    <img src="img/icon/icon-21.png" class="w-50px" alt="...">
                </div>
            </div>
            <div class="card-body px-3 py-0">

                <h3 class="h5"><a href="#!">Ashtanga Namaskara</a></h3>

                <p>You can experience the best level of customer service with us. It utilizes breathing methods.</p>

                <div class="link-box position-relative">
                    <a href="#!" class="link-btn d-inline-block">

                        <i class="ti-arrow-right"></i>

                    </a>

                    <a href="#!" class="overlay-btn position-absolute d-inline-block">

                        Learn More
                        <i class="ti-arrow-right position-absolute align-middle"></i>

                    </a>
                </div>
            </div>
        </div>
    </div>
</div>