<section class="testimonials py-120 bg-neutral-600 bg-img z-[1] overflow-hidden relative">
    <div class="bg-img-custom !z-[-1]"><img src="views/assets/images/pattern-two.png" alt="Image"></div>
    <div class="container container-lg">
        <div class="row g-4 items-center">
            <div class="col-xl-1">
                <div class="section-heading mb-0 flex flex-col items-center writing-mode wow bounceInLeft">
                    <p class="text-white">Share information about your brand with your customers.</p>
                    <h5 class="text-white mb-0 text-uppercase">Customers Feedback</h5>
                </div>
            </div>
            <div class="2xl:w-11/12 flex-grow-0 flex-shrink-0 basis-auto">
                <div class="relative">
                    <div class="testimonials-slider mb-60">
                        <div class="testimonials-item">
                            <h6 class="text-white text-uppercase mb-8 font-[500]">ROBIUL HASAN</h6><span
                                class="text-md text-white font-normal">Business Owner</span>
                            <div class="flex items-center gap-8 mt-24"><span
                                    class="text-15 font-[500] text-warning-600 flex"><i
                                        class="ph-fill ph-star"></i></span> <span
                                    class="text-15 font-[500] text-warning-600 flex"><i
                                        class="ph-fill ph-star"></i></span> <span
                                    class="text-15 font-[500] text-warning-600 flex"><i
                                        class="ph-fill ph-star"></i></span> <span
                                    class="text-15 font-[500] text-warning-600 flex"><i
                                        class="ph-fill ph-star"></i></span> <span
                                    class="text-15 font-[500] text-warning-600 flex"><i
                                        class="ph-fill ph-star"></i></span></div>
                            <p class="testimonials-item__desc text-white text-2xl font-normal mt-40 max-w-990">
                                Customers expressed that shopping at Asiana Fashion was a "delightful
                                experience,"
                                highlighting the vibrant colors and unique designs that made them feel special
                                at
                                events</p>
                        </div>
                        <div class="testimonials-item">
                            <h6 class="text-white text-uppercase mb-8 font-[500]">SAMIYA AKTER</h6><span
                                class="text-md text-white font-normal">Front End Developer</span>
                            <div class="flex items-center gap-8 mt-24"><span
                                    class="text-15 font-[500] text-warning-600 flex"><i
                                        class="ph-fill ph-star"></i></span> <span
                                    class="text-15 font-[500] text-warning-600 flex"><i
                                        class="ph-fill ph-star"></i></span> <span
                                    class="text-15 font-[500] text-warning-600 flex"><i
                                        class="ph-fill ph-star"></i></span> <span
                                    class="text-15 font-[500] text-warning-600 flex"><i
                                        class="ph-fill ph-star"></i></span> <span
                                    class="text-15 font-[500] text-warning-600 flex"><i
                                        class="ph-fill ph-star"></i></span></div>
                            <p class="testimonials-item__desc text-white text-2xl font-normal mt-40 max-w-990">
                                Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots
                                in a
                                piece of classical Latin literature from 45 BC, making it over 2000 years old.
                                Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia</p>
                        </div>
                        <div class="testimonials-item">
                            <h6 class="text-white text-uppercase mb-8 font-[500]">JOHN DOE</h6><span
                                class="text-md text-white font-normal">Max Model</span>
                            <div class="flex items-center gap-8 mt-24"><span
                                    class="text-15 font-[500] text-warning-600 flex"><i
                                        class="ph-fill ph-star"></i></span> <span
                                    class="text-15 font-[500] text-warning-600 flex"><i
                                        class="ph-fill ph-star"></i></span> <span
                                    class="text-15 font-[500] text-warning-600 flex"><i
                                        class="ph-fill ph-star"></i></span> <span
                                    class="text-15 font-[500] text-warning-600 flex"><i
                                        class="ph-fill ph-star"></i></span> <span
                                    class="text-15 font-[500] text-warning-600 flex"><i
                                        class="ph-fill ph-star"></i></span></div>
                            <p class="testimonials-item__desc text-white text-2xl font-normal mt-40 max-w-990">
                                It is
                                a long established fact that a reader will be distracted by the readable content
                                of
                                a page when looking at its layout. The point of using Lorem Ipsum is that it has
                                a
                                more-or-less normal distribution of letters, as opposed to using 'Content here,
                                content here'</p>
                        </div>
                        <div class="testimonials-item">
                            <h6 class="text-white text-uppercase mb-8 font-[500]">MICHEL SMITH</h6><span
                                class="text-md text-white font-normal">Former Model</span>
                            <div class="flex items-center gap-8 mt-24"><span
                                    class="text-15 font-[500] text-warning-600 flex"><i
                                        class="ph-fill ph-star"></i></span> <span
                                    class="text-15 font-[500] text-warning-600 flex"><i
                                        class="ph-fill ph-star"></i></span> <span
                                    class="text-15 font-[500] text-warning-600 flex"><i
                                        class="ph-fill ph-star"></i></span> <span
                                    class="text-15 font-[500] text-warning-600 flex"><i
                                        class="ph-fill ph-star"></i></span> <span
                                    class="text-15 font-[500] text-warning-600 flex"><i
                                        class="ph-fill ph-star"></i></span></div>
                            <p class="testimonials-item__desc text-white text-2xl font-normal mt-40 max-w-990">
                                Many
                                desktop publishing packages and web page editors now use Lorem Ipsum as their
                                default model text, and a search for 'lorem ipsum' will uncover many web sites
                                still
                                in their infancy.</p>
                        </div>
                        <div class="testimonials-item">
                            <h6 class="text-white text-uppercase mb-8 font-[500]">ALEX</h6><span
                                class="text-md text-white font-normal">Back End Developer</span>
                            <div class="flex items-center gap-8 mt-24"><span
                                    class="text-15 font-[500] text-warning-600 flex"><i
                                        class="ph-fill ph-star"></i></span> <span
                                    class="text-15 font-[500] text-warning-600 flex"><i
                                        class="ph-fill ph-star"></i></span> <span
                                    class="text-15 font-[500] text-warning-600 flex"><i
                                        class="ph-fill ph-star"></i></span> <span
                                    class="text-15 font-[500] text-warning-600 flex"><i
                                        class="ph-fill ph-star"></i></span> <span
                                    class="text-15 font-[500] text-warning-600 flex"><i
                                        class="ph-fill ph-star"></i></span></div>
                            <p class="testimonials-item__desc text-white text-2xl font-normal mt-40 max-w-990">
                                There
                                are many variations of passages of Lorem Ipsum available, but the majority have
                                suffered alteration in some form, by injected humour, or randomised words which
                                don't look even slightly believable. If you are going to use a passage of Lorem
                                Ipsum, you need to be sure there isn't anything embarrassing hidden in the
                                middle of
                                text.</p>
                        </div>
                    </div>
                    <div class="testimonials-thumbs-slider">
                        <div class="testimonials-thumbs flex relative items-end justify-end">
                            <div class="testimonials-thumbs__img"><img
                                    src="views/assets/images/testimonials-img1.png" alt="Image" class="cover-img">
                            </div>
                            <div
                                class="testimonials-thumbs__content absolute transition-2 bottom-0 left-[50%] translate-x-[-50%] mb-16 text-center hidden opacity-0">
                                <h6 class="text-white text-uppercase mb-8 font-[500]">ROBIUL HASAN</h6><span
                                    class="text-md text-white font-normal">Business Owner</span>
                            </div>
                        </div>
                        <div class="testimonials-thumbs flex relative items-end justify-end">
                            <div class="testimonials-thumbs__img"><img
                                    src="views/assets/images/testimonials-img2.png" alt="Image" class="cover-img">
                            </div>
                            <div
                                class="testimonials-thumbs__content absolute transition-2 bottom-0 left-[50%] translate-x-[-50%] mb-16 text-center hidden opacity-0">
                                <h6 class="text-white text-uppercase mb-8 font-[500]">SAMIYA AKTER</h6><span
                                    class="text-md text-white font-normal">Front End Developer</span>
                            </div>
                        </div>
                        <div class="testimonials-thumbs flex relative items-end justify-end">
                            <div class="testimonials-thumbs__img"><img
                                    src="views/assets/images/testimonials-img3.png" alt="Image" class="cover-img">
                            </div>
                            <div
                                class="testimonials-thumbs__content absolute transition-2 bottom-0 left-[50%] translate-x-[-50%] mb-16 text-center hidden opacity-0">
                                <h6 class="text-white text-uppercase mb-8 font-[500]">JOHN DOE</h6><span
                                    class="text-md text-white font-normal">Max Model</span>
                            </div>
                        </div>
                        <div class="testimonials-thumbs flex relative items-end justify-end">
                            <div class="testimonials-thumbs__img"><img
                                    src="views/assets/images/testimonials-img4.png" alt="Image" class="cover-img">
                            </div>
                            <div
                                class="testimonials-thumbs__content absolute transition-2 bottom-0 left-[50%] translate-x-[-50%] mb-16 text-center hidden opacity-0">
                                <h6 class="text-white text-uppercase mb-8 font-[500]">MICHEL SMITH</h6><span
                                    class="text-md text-white font-normal">Former Model</span>
                            </div>
                        </div>
                        <div class="testimonials-thumbs flex relative items-end justify-end">
                            <div class="testimonials-thumbs__img"><img
                                    src="views/assets/images/testimonials-img2.png" alt="Image" class="cover-img">
                            </div>
                            <div
                                class="testimonials-thumbs__content absolute transition-2 bottom-0 left-[50%] translate-x-[-50%] mb-16 text-center hidden opacity-0">
                                <h6 class="text-white text-uppercase mb-8 font-[500]">ALEX</h6><span
                                    class="text-md text-white font-normal">Back End Developer</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="flex items-center justify-center gap-8 mt-48"><button type="button" id="testi-prev"
                                                                          class="slick-prev slick-arrow flex items-center justify-center rounded-[50%] border border-gray-100 hover-border-main-600 text-xl hover-bg-main-600 text-white transition-1"><i
                    class="ph ph-caret-left"></i></button> <button type="button" id="testi-next"
                                                                   class="slick-next slick-arrow flex items-center justify-center rounded-[50%] border border-gray-100 hover-border-main-600 text-xl hover-bg-main-600 text-white transition-1"><i
                    class="ph ph-caret-right"></i></button></div>
    </div>
</section>
