import React from 'react';

const OurExpertise = () => {
    let expertise = "Lorem ipsum dolor sit amet, is consectetur adipiscing"
    return (
        <div className="speciality-area pb-100">
            <div className="container p-0">
                <div className="section-title-two">
                    <span>Speciality</span>
                    <h2>Our Expertise</h2>
                </div>
                <div className="row m-0 item-center">
                    <div className="col-lg-7">
                        <div className="speciality-left">
                            {/* <div className="section-title-two">
                                <span>Speciality</span>
                                <h2>Our Expertise</h2>
                            </div> */}

                            <div className="speciality-item">
                                <div className="row m-0">
                                    <div className="col-sm-6 col-lg-6">
                                        <div className="speciality-inner">
                                            <i className="icofont-check-circled"></i>
                                            <h3>Home Care <br/> Consult</h3>
                                            <p>{expertise}</p>
                                        </div>
                                    </div>
                                    <div className="col-sm-6 col-lg-6">
                                        <div className="speciality-inner">
                                            <i className="icofont-check-circled"></i>
                                            <h3>Lactation <br/> Consultancy</h3>
                                            <p>{expertise}</p>
                                        </div>
                                    </div>
                                    <div className="col-sm-6 col-lg-6">
                                        <div className="speciality-inner">
                                            <i className="icofont-check-circled"></i>
                                            <h3>Follow Up care <br/> & Support</h3>
                                            <p>{expertise}</p>
                                        </div>
                                    </div>
                                    <div className="col-sm-6 col-lg-6">
                                        <div className="speciality-inner">
                                            <i className="icofont-check-circled"></i>
                                            <h3>Telehealth <br/> Conference</h3>
                                            <p>{expertise}</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div className="col-lg-5">
                        <div className="speciality-item speciality-right">
                            <img src="/images/about5.jpg" alt="Speciality" />

                            <div className="speciality-emergency">
                                <div className="speciality-icon">
                                    <i className="icofont-ui-call"></i>
                                </div>
                                <h3>Emergency Call</h3>
                                <p>+07 554 332 322</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    )
}

export default OurExpertise;
