Banner 07

            <div class="py-11 py-lg-13">
                <div class="container">
                    <div class="row">
                        <div class="col-12 text-center mb-7">
                            <h2 class="fs-34 mb-3">Shop by Categories</h2>
                            <p class="fs-18">Our products are designed for everyone.</p>
                        </div>
                        <div class="col-12 col-lg-6">
                            <div class="card border-0 text-center hover-shine hover-zoom-in">
                                <img src="../../../images/banner-18.jpg" alt="" class="card-img">
                                <div class="card-img-overlay d-inline-flex flex-column p-5 justify-content-end">
                                    <div>
                                        <a href="#"
                                           class="fs-16 font-weight-600 btn text-secondary hover-white bg-white bg-hover-secondary shadow-1">Skincare
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-12 col-lg-6">
                            <div class="row">
                                <div class="col-md-6 mt-6 mt-lg-0">
                                    <div class="card border-0 text-center hover-shine hover-zoom-in">
                                        <img src="../../../images/banner-15.jpg" alt="" class="card-img">
                                        <div class="card-img-overlay d-inline-flex flex-column p-5 justify-content-end">
                                            <div>
                                                <a href="#"
                                                   class="fs-16 font-weight-600 btn text-secondary hover-white bg-white bg-hover-secondary shadow-1">Bodycare
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-6 mt-6 mt-lg-0">
                                    <div class="card border-0 text-center hover-shine hover-zoom-in">
                                        <img src="../../../images/banner-16.jpg" alt="" class="card-img">
                                        <div class="card-img-overlay d-inline-flex flex-column p-5 justify-content-end">
                                            <div>
                                                <a href="#"
                                                   class="fs-16 font-weight-600 btn text-secondary hover-white bg-white bg-hover-secondary shadow-1">Accessories
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-12 mt-6">
                                    <div class="card border-0 text-center hover-shine hover-zoom-in">
                                        <img src="../../../images/banner-17.jpg" alt="" class="card-img">
                                        <div class="card-img-overlay d-inline-flex flex-column p-5 justify-content-end">
                                            <div>
                                                <a href="#"
                                                   class="fs-16 font-weight-600 btn text-secondary hover-white bg-white bg-hover-secondary shadow-1">Haircare
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>