import React from 'react'

function Testimonials() {
  return (
    <section className="lqd-section testimonials pt-90 pb-100 bg-primary bg-center bg-cover bg-no-repeat" style={{backgroundImage: "url('./assets/images/demo/insurance/shape/lines-2.svg')"}}>
        <div className="container">
            <div className="row justify-between items-stretch">
                <div className="col col-12 col-xl-4 col-lg-5 p-0">
                    <div className="ld-fancy-heading module-title">
                        <h2 className="ld-fh-element mb-0/5em leading-1/2em text-50 text-white">Happy families since 1987.</h2>
                    </div>
                </div>
                <div className="col col-12 col-xl-4 col-lg-5 p-0 self-center">
                    <div className="ld-fancy-heading">
                        <h4 className="ld-fh-element mb-0/25em text-54 font-normal leading-1em font-title text-white">50m</h4>
                    </div>
                    <div className="ld-fancy-heading">
                        <p className="ld-fh-element mb-0/5em leading-1/3em text-14 text-white">We embrace holistic development and support for employees the aim of being a first-choice employer within our sectors. Our process applies techniques</p>
                    </div>
                </div>
                <div className="col col-12 p-0">
                    <div className="relative h-55"></div>
                </div>
                <div className="col col-12 col-lg-4 p-0">
                    <figure>
                        <img className="w-full" width="632" height="712" src="./assets/images/demo/insurance/testimonials/Testimonial-Image@2x.jpg" alt="testimonials" />
                    </figure>
                </div>
                <div className="col col-12 col-lg-8 p-0">
                    <div className="module-testimonials w-full h-full flex flex-col justify-center bg-white">
                        <div className="ld-fancy-heading">
                            <h2 className="ld-fh-element mb-0/75em text-44">Testimonials</h2>
                        </div>
                        <div className="carousel-container carousel-nav-left carousel-nav-mobile-centercarousel-nav-sm carousel-dots-mobile-center carousel-dots-style1 carousel-dots-mobile-outside">
                            <div className="carousel-items -mr-15 -ml-15" data-lqd-flickity='{"cellAlign": "left", "prevNextButtons" :true, "pageDots" :false, "groupCells" :false, "wrapAround" :true, "adaptiveHeight" :true, "pauseAutoPlayOnHover" :false, "navArrow": "6", "buttonsAppendTo": "self", "addSlideNumbersToArrows" :true, "dotsIndicator": "dots", "numbersStyle": "circle", "dotsAppendTo": "self"}'>
                                <div className="carousel-item has-width w-full flex flex-col items-stretch justify-center transition-shadow pr-15 pl-15">
                                    <div className="carousel-item-inner w-full min-h-inherit relative">
                                        <div className="carousel-item-content w-full min-h-inherit relative">
                                            <div className="ld-fancy-heading">
                                                <p className="ld-fh-element mb-1/15em font-normal leading-1/3em text-18 text-text">Their business to develop successful digital ideas and strategies that engage and convert significant, targeted traffic develop successful digital ideas and strategies that engage and convert</p>
                                            </div>
                                            <div className="ld-fancy-heading">
                                                <h3 className="ld-fh-element mb-2em text-18 text-text">Rachel Scarlett, Envato Ceo</h3>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div className="carousel-item has-width w-full flex flex-col items-stretch justify-center transition-shadow pr-15 pl-15">
                                    <div className="carousel-item-inner w-full min-h-inherit relative">
                                        <div className="carousel-item-content w-full min-h-inherit relative">
                                            <div className="ld-fancy-heading">
                                                <p className="ld-fh-element mb-1/15em font-normal leading-1/3em text-18 text-text">Their business to develop successful digital ideas and strategies that engage and convert significant, targeted traffic develop successful digital ideas and strategies that engage and convert</p>
                                            </div>
                                            <div className="ld-fancy-heading">
                                                <h3 className="ld-fh-element mb-2em text-18 text-text">Rachel Scarlett, Envato Ceo</h3>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div className="carousel-item has-width w-full flex flex-col items-stretch justify-center transition-shadow pr-15 pl-15">
                                    <div className="carousel-item-inner w-full min-h-inherit relative">
                                        <div className="carousel-item-content w-full min-h-inherit relative">
                                            <div className="ld-fancy-heading">
                                                <p className="ld-fh-element mb-1/15em font-normal leading-1/3em text-18 text-text">Their business to develop successful digital ideas and strategies that engage and convert significant, targeted traffic develop successful digital ideas and strategies that engage and convert</p>
                                            </div>
                                            <div className="ld-fancy-heading">
                                                <h3 className="ld-fh-element mb-2em text-18 text-text">Rachel Scarlett, Envato Ceo</h3>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div className="carousel-item has-width w-full flex flex-col items-stretch justify-center transition-shadow pr-15 pl-15">
                                    <div className="carousel-item-inner w-full min-h-inherit relative">
                                        <div className="carousel-item-content w-full min-h-inherit relative">
                                            <div className="ld-fancy-heading">
                                                <p className="ld-fh-element mb-1/15em font-normal leading-1/3em text-18 text-text">Their business to develop successful digital ideas and strategies that engage and convert significant, targeted traffic develop successful digital ideas and strategies that engage and convert</p>
                                            </div>
                                            <div className="ld-fancy-heading">
                                                <h3 className="ld-fh-element mb-2em text-18 text-text">Rachel Scarlett, Envato Ceo</h3>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
  )
}

export default Testimonials