import React from "react";

const WorksSection = ({service}) => {
  return (
    <div className="pb-4 md:pb-12 lg:pb-20 px-5">

    
    <div className="text-center bg-[url('/images/bgImages/bgImgService.png')] h-[400px]  md:h-[450px] lg:h-[510px] w-full bg-cover bg-center flex flex-col justify-center ">
      <div className=" text-primary mb-3 md:mb-5 lg:mb-6 font-semibold">WORK</div>
      <h2 className="text-[30px] md:text-[35px] lg:text-[40px] font-semibold mb-3 sm:mb-5 lg:mb-7">
       {service?.work?.title}
      </h2>
      {/* <h2 className="text-[40px] font-semibold mb-7">
        What Our <span className="text-primary">Clients</span> Say
      </h2> */}
      <p className="lg:px-19 mx-auto mb-9 text-[#808080] w-full sm:max-w-[75%] md:max-w-[70%] lg:max-w-[67%]">
         {service?.work?.desc}
      </p>
    </div>
    </div>
  );
};

export default WorksSection;
