import CounterUp from "@/components/elements/CounterUp"

export default function CounterSection() {
    return (
        <>
            <section className="funfact-section centred" style={{paddingTop:"30px",paddingBottom:"70px"}}>
                <div className="auto-container">
                    <div className="inner-container">
                        <div className="row clearfix">
                            <div className="col-lg-3 col-md-6 col-sm-6 col-6 funfact-block">
                                <div className="funfact-block-one">
                                    <div className="inner-box">
                                        <div className="count-outer count-box">
                                            <CounterUp end={10} /><span>+</span>
                                        </div>
                                        <span className="text-new">Qualified Healthcare Professionals</span>
                                    </div>
                                </div>
                            </div>
                            <div className="col-lg-3 col-md-6 col-sm-6 col-6 funfact-block">
                                <div className="funfact-block-one">
                                    <div className="inner-box">
                                        <div className="count-outer count-box">
                                            <CounterUp end={25} /><span>+</span>
                                        </div>
                                        <span className="text-new">Years of Combined Experience</span>
                                    </div>
                                </div>
                            </div>
                            <div className="col-lg-3 col-md-6 col-sm-6 col-6 funfact-block">
                                <div className="funfact-block-one">
                                    <div className="inner-box">
                                        <div className="count-outer count-box">
                                            <CounterUp end={10} /><span>k+</span>
                                        </div>
                                        <span className="text-new">Patients Treated Successfully</span>
                                    </div>
                                </div>
                            </div>
                            <div className="col-lg-3 col-md-6 col-sm-6 col-6 funfact-block">
                                <div className="funfact-block-one">
                                    <div className="inner-box">
                                        <div className="count-outer count-box">
                                            <CounterUp end={97} /><span>%</span>
                                        </div>
                                        <span className="text-new">Client Satisfaction & Success Rate</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
        </>
    )
}
