Banner 10

            <div class="py-11 py-lg-13">
                <div class="container">
                    <div class="row">
                        <div class="col-12 text-center mb-6">
                            <h2 class="fs-34 mb-3">Featured Collection</h2>
                            <p class="fs-18">Our products are designed for everyone.</p>
                        </div>
                        <div class="col-12 col-md-4 mb-6 mb-md-0">
                            <div class="card border-0 text-center hover-shine hover-zoom-in">
                                <img src="../../../images/banner-25.jpg" alt="Repair Serum" class="card-img">
                                <div class="card-img-overlay d-inline-flex flex-column p-6 justify-content-end">
                                    <div>
                                        <a href="#"
                                           class="fs-16 font-weight-600 btn text-secondary hover-white bg-white bg-hover-secondary shadow-1">Repair Serum
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-12 col-md-4  mb-6 mb-md-0">
                            <div class="card border-0 text-center hover-shine hover-zoom-in">
                                <img src="../../../images/banner-23.jpg" alt="Anti-aging Cream" class="card-img">
                                <div class="card-img-overlay d-inline-flex flex-column p-6 justify-content-end">
                                    <div>
                                        <a href="#"
                                           class="fs-16 font-weight-600 btn text-secondary hover-white bg-white bg-hover-secondary shadow-1">Anti-aging Cream
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-12 col-md-4">
                            <div class="card border-0 text-center hover-shine hover-zoom-in">
                                <img src="../../../images/banner-24.jpg" alt="Repair Serum" class="card-img">
                                <div class="card-img-overlay d-inline-flex flex-column p-6 justify-content-end">
                                    <div>
                                        <a href="#"
                                           class="fs-16 font-weight-600 btn text-secondary hover-white bg-white bg-hover-secondary shadow-1">Essenstial Items
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>