import React from 'react'

function ContactUs() {
  return (
    <section className="lqd-section contact" id="contact">
        <div className="container p-0">
            <div className="row m-0 items-stretch">
                <div className="col col-12 col-lg-7 p-0">
                    <div className="w-full h-full module-first flex flex-col justify-center items-start py-85 px-20percent bg-center bg-cover bg-no-repeat bg-green-100" style={{backgroundImage: "url('./assets/images/demo/insurance/shape/lines-3.svg')"}}>
                        <div className="ld-fancy-heading">
                            <h2 className="ld-fh-element mb-0/5em leading-1/1em text-50">Request an Insurance policy.</h2>
                        </div>
                        <div className="ld-fancy-heading">
                            <p className="ld-fh-element mb-2em leading-1/3em text-16 text-text">Embrace holistic development and support for employees the aim of being a first-choice</p>
                        </div>
                        <a href="#contact-modal" className="btn btn-solid border-none btn-icon-custom-size btn-icon-circle btn-icon-solid bg-green-500 btn-md rounded-5em leading-2em text-14 font-medium text-white btn-primary" data-lity="#contact-modal">
                            <span>
                                <span className="btn-txt" data-text="Request a Quote">Request a Quote</span>
                                <span className="btn-icon bg-white text-green-500 w-30 h-30">
                                    <i className="lqd-icn-ess icon-ion-ios-arrow-forward"></i>
                                </span>
                            </span>
                        </a>
                    </div>
                </div>
                <div className="col col-12 col-lg-5 p-0">
                    <div className="w-full h-full relative flex flex-col justify-center">
                        <figure className="max-w-full relative inline-flex justify-center vertical-top flex-grow-1">
                            <img className="object-cover" width="1080" height="900" src="./assets/images/demo/insurance/text-image-bg/img-4@2x.jpg" alt="text image BG" />
                        </figure>
                    </div>
                </div>
            </div>
        </div>
    </section>
  )
}

export default ContactUs