import React from "react";
import "./Counter.css";

const Counter = () => {
  return (
    <>
      <section className="counter_section">
        <div className="container">
          <div className="counter-bg">
            <div className="row rowwidth">
              <div className="col-lg-3 col-sm-6 col-6 mb-3">
                <div className="counter-box bd-right">
                  <h2 className="number">5000+</h2>
                  <p className="text">Happy Customer</p>
                </div>
              </div>
              <div className="col-lg-3 col-sm-6 col-6 mb-3 ">
                <div className="counter-box bd-right">
                  <h2 className="number">500+</h2>
                  <p className="text">Fresh Products</p>
                </div>
              </div>
              <div className="col-lg-3 col-sm-6 col-6 mb-3">
                <div className="counter-box bd-right">
                  <h2 className="number">2000+</h2>
                  <p className="text">Client Review</p>
                </div>
              </div>
              <div className="col-lg-3 col-sm-6 col-6 mb-3">
                <div className="counter-box">
                  <h2 className="number">50+</h2>
                  <p className="text">Cities Served</p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </section>
    </>
  );
};

export default Counter;
