import React from "react";

const CareerBenifit = () => {
  return (
    <>
      <section className="career__benefits">
        <div className="container line g-0 pt-140 pb-150">
          <span className="line-3"></span>

          <div className="row">
            <div className="col-xxl-7 col-xl-7 col-lg-7">
              <ul className="career__benefits-list">
                <li>
                  Vacation & Paid <br />
                  Time Off
                </li>
                <li>
                  Work-life <br /> Integration
                </li>
                <li>
                  Maternity/Paternity <br />
                  Benefits
                </li>
                <li>
                  Personal <br /> Career Growth
                </li>
                <li>
                  Learning & <br />
                  Development
                </li>
                <li>
                  Healthy <br /> Food & Snacks
                </li>
              </ul>
            </div>
            <div className="col-xxl-5 col-xl-5 col-lg-5">
              <div className="sec-title-wrapper">
                <h2 className="sec-title title-anim">
                  Global Perks & Benefits
                </h2>
                <p>
                  We want you to love working here as much as we do. To inspire
                  our team to be creative, productive, and most importantly –
                  feel valued as employees, we offer endless perks and
                  de-stressors. How fun it is to unwind while at work!
                </p>
              </div>
            </div>
          </div>
        </div>
      </section>
    </>
  );
};

export default CareerBenifit;
