<div class="mt-10 mx-0 slick-slider slider"
                 data-slick-options='{"slidesToShow": 1,"infinite":true,"autoplay":true,"dots":false,"arrows":false,"fade":true,"cssEase":"ease-in-out","speed":600,"autoplaySpeed":6000}'>
                <div class="box px-0">
                    <div class="container container-xl">
                        <div class="row align-items-center no-gutters position-relative">
                            <div class="col-12 col-md-2/5 pt-8 pb-11 py-md-13 py-xl-17 order-2 order-md-1">
                                <div data-animate="fadeInDown" class="pt-lg-4">
                                    <p class="text-red fs-60 mb-0 custom-font-03">Made for you!</p>
                                    <h1 class="mb-4 fs-42 fs-md-70 lh-114 text-uppercase mb-6">skincare natural</h1>
                                </div>
                                <a href="../../../shop-page-04.html" class="btn btn-link bg-transparent text-secondary border-secondary border-bottom border-0 rounded-0 p-0 fs-16 font-weight-600 border-2x mb-lg-6" data-animate="fadeInUp">
                                    Discover Now <svg class="icon icon-arrow-right"><use xlink:href="#icon-arrow-right"></use></svg>
                                </a>
                            </div>
                            <div class="col-12 col-md-3/5 custom-col-stretched-right bg-img-cover-center py-18 py-md-0 order-1 order-md-2" style="background-image: url('../../../images/bg-slider-29.jpg');">
                            </div>
                        </div>
                    </div>

                </div>
                <div class="box px-0">
                    <div class="container container-xl">
                        <div class="row align-items-center no-gutters position-relative">
                            <div class="col-12 col-md-2/5 pt-8 pb-11 py-md-13 py-xl-17 order-2 order-md-1">
                                <div data-animate="fadeInDown" class="pt-lg-4">
                                    <p class="text-red fs-60 mb-0 custom-font-03">Made for you!</p>
                                    <h1 class="mb-4 fs-42 fs-md-70 lh-114 text-uppercase mb-6">skincare natural</h1>
                                </div>
                                <a href="../../../shop-page-04.html" class="btn btn-link bg-transparent text-secondary border-secondary border-bottom border-0 rounded-0 p-0 fs-16 font-weight-600 border-2x mb-lg-6" data-animate="fadeInUp">
                                    Discover Now <svg class="icon icon-arrow-right"><use xlink:href="#icon-arrow-right"></use></svg>
                                </a>
                            </div>
                            <div class="col-12 col-md-3/5 custom-col-stretched-right bg-img-cover-center py-18 py-md-0 order-1 order-md-2" style="background-image: url('../../../images/bg-slider-28.jpg');">
                            </div>
                        </div>
                    </div>

                </div>
                <div class="box px-0">
                    <div class="container container-xl">
                        <div class="row align-items-center no-gutters position-relative">
                            <div class="col-12 col-md-2/5 pt-8 pb-11 py-md-13 py-xl-17 order-2 order-md-1">
                                <div data-animate="fadeInDown" class="pt-lg-4">
                                    <p class="text-red fs-60 mb-0 custom-font-03">Made for you!</p>
                                    <h1 class="mb-4 fs-42 fs-md-70 lh-114 text-uppercase mb-6">skincare natural</h1>
                                </div>
                                <a href="../../../shop-page-04.html" class="btn btn-link bg-transparent text-secondary border-secondary border-bottom border-0 rounded-0 p-0 fs-16 font-weight-600 border-2x mb-lg-6" data-animate="fadeInUp">
                                    Discover Now <svg class="icon icon-arrow-right"><use xlink:href="#icon-arrow-right"></use></svg>
                                </a>
                            </div>
                            <div class="col-12 col-md-3/5 custom-col-stretched-right bg-img-cover-center py-18 py-md-0 order-1 order-md-2" style="background-image: url('../../../images/bg-slider-27.jpg');">
                            </div>
                        </div>
                    </div>

                </div>
            </div>