import React from 'react'

function Faq() {
  return (
    <section className="lqd-section help py-100" id="help">
        <div className="container">
            <div className="row items-center">
                <div className="col col-12 col-lg-5">
                    <div className="flex flex-col -mb-10percent -mr-55 -ml-70 md:mr-0 md:ml-0">
                        <figure className="max-w-full relative inline-flex flex-col vertical-top flex-grow-1">
                            <img width="1263" height="991" src="./assets/images/demo/insurance/has-accordion/img-3@2x.jpg" alt="has accordion" />
                        </figure>
                    </div>
                </div>
                <div className="col col-12 col-lg-7">
                    <div className="ld-fancy-heading z-1 relative">
                        <h2 className="ld-fh-element mb-0/5em text-48 h1">Have questions?</h2>
                    </div>
                    <div className="accordion accordion-md accordion-title-underlined accordion-expander-lg mb-2em" id="lqd-has-accordion" role="tablist" aria-multiselectable="true">
                        <div className="accordion-item panel">
                            <div className="accordion-heading" role="tab" id="accordion-heading-1" data-id="accordion-item-1">
                                <h4 className="accordion-title text-18 font-medium" data-bs-controls="accordion-item-1">
                                    <a className="collapsed" data-bs-toggle="collapse" data-bs-parent="#lqd-has-accordion" href="#accordion-item-1" aria-expanded="false" aria-controls="accordion-item-1">
                                        <span>End-to-end encryption for business messages for iOS Devices</span>
                                        <span className="accordion-expander text-22">
                                            <i className="lqd-icn-ess icon-ion-ios-add"></i>
                                            <i className="lqd-icn-ess icon-ion-ios-remove"></i>
                                        </span>
                                    </a>
                                </h4>
                            </div>
                            <div id="accordion-item-1" className="accordion-collapse collapse relative z-1" role="tabpanel" aria-labelledby="accordion-heading-1" data-bs-parent="#lqd-has-accordion">
                                <div className="accordion-content">
                                    <div className="ld-fancy-heading">
                                        <p className="ld-fh-element mb-0 leading-1/3em text-16">We embrace holistic development and support for employees the aim of being a first-choice employer</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div className="accordion-item panel ">
                            <div className="accordion-heading" role="tab" id="accordion-heading-2" data-id="accordion-item-2">
                                <h4 className="accordion-title text-18 font-medium" data-bs-controls="accordion-item-2">
                                    <a className="collapsed" data-bs-toggle="collapse" data-bs-parent="#lqd-has-accordion" href="#accordion-item-2" aria-expanded="false" aria-controls="accordion-item-2">
                                        <span>Sending media, documents, location and contacts</span>
                                        <span className="accordion-expander text-22">
                                            <i className="lqd-icn-ess icon-ion-ios-add"></i>
                                            <i className="lqd-icn-ess icon-ion-ios-remove"></i>
                                        </span>
                                    </a>
                                </h4>
                            </div>
                            <div id="accordion-item-2" className="accordion-collapse collapse relative z-1" role="tabpanel" aria-labelledby="accordion-heading-2" data-bs-parent="#lqd-has-accordion">
                                <div className="accordion-content">
                                    <div className="ld-fancy-heading">
                                        <p className="ld-fh-element mb-0 leading-1/3em text-16">We embrace holistic development and support for employees the aim of being a first-choice employer</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div className="accordion-item panel ">
                            <div className="accordion-heading" role="tab" id="accordion-heading-3" data-id="accordion-item-3">
                                <h4 className="accordion-title text-18 font-medium" data-bs-controls="accordion-item-3">
                                    <a className="collapsed" data-bs-toggle="collapse" data-bs-parent="#lqd-has-accordion" href="#accordion-item-3" aria-expanded="false" aria-controls="accordion-item-3">
                                        <span>Get insights on key metrics like response time and issue volume</span>
                                        <span className="accordion-expander text-22">
                                            <i className="lqd-icn-ess icon-ion-ios-add"></i>
                                            <i className="lqd-icn-ess icon-ion-ios-remove"></i>
                                        </span>
                                    </a>
                                </h4>
                            </div>
                            <div id="accordion-item-3" className="accordion-collapse collapse relative z-1" role="tabpanel" aria-labelledby="accordion-heading-3" data-bs-parent="#lqd-has-accordion">
                                <div className="accordion-content">
                                    <div className="ld-fancy-heading">
                                        <p className="ld-fh-element mb-0 leading-1/3em text-16">We embrace holistic development and support for employees the aim of being a first-choice employer</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div className="accordion-item panel ">
                            <div className="accordion-heading" role="tab" id="accordion-heading-4" data-id="accordion-item-4">
                                <h4 className="accordion-title text-18 font-medium" data-bs-controls="accordion-item-4">
                                    <a className="collapsed" data-bs-toggle="collapse" data-bs-parent="#lqd-has-accordion" href="#accordion-item-4" aria-expanded="false" aria-controls="accordion-item-4">
                                        <span>Problems sending or receiving messages</span>
                                        <span className="accordion-expander text-22">
                                            <i className="lqd-icn-ess icon-ion-ios-add"></i>
                                            <i className="lqd-icn-ess icon-ion-ios-remove"></i>
                                        </span>
                                    </a>
                                </h4>
                            </div>
                            <div id="accordion-item-4" className="accordion-collapse collapse relative z-1" role="tabpanel" aria-labelledby="accordion-heading-4" data-bs-parent="#lqd-has-accordion">
                                <div className="accordion-content">
                                    <div className="ld-fancy-heading">
                                        <p className="ld-fh-element mb-0 leading-1/3em text-16">We embrace holistic development and support for employees the aim of being a first-choice employer</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div className="accordion-item panel ">
                            <div className="accordion-heading" role="tab" id="accordion-heading-5" data-id="accordion-item-5">
                                <h4 className="accordion-title text-18 font-medium" data-bs-controls="accordion-item-5">
                                    <a className="collapsed" data-bs-toggle="collapse" data-bs-parent="#lqd-has-accordion" href="#accordion-item-5" aria-expanded="false" aria-controls="accordion-item-5">
                                        <span>Calling unavailable in some countries</span>
                                        <span className="accordion-expander text-22">
                                            <i className="lqd-icn-ess icon-ion-ios-add"></i>
                                            <i className="lqd-icn-ess icon-ion-ios-remove"></i>
                                        </span>
                                    </a>
                                </h4>
                            </div>
                            <div id="accordion-item-5" className="accordion-collapse collapse relative z-1" role="tabpanel" aria-labelledby="accordion-heading-5" data-bs-parent="#lqd-has-accordion">
                                <div className="accordion-content">
                                    <div className="ld-fancy-heading">
                                        <p className="ld-fh-element mb-0 leading-1/3em text-16">We embrace holistic development and support for employees the aim of being a first-choice employer</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
  )
}

export default Faq