export default function ContemporaryOfficesAccordeonContent() {
  return (
    <div className="2xl:pl-[23.889vw] md:pl-0 flex max-md:flex-col justify-between items-end max-md:items-start">
      <div className="2xl:w-[22.778vw] md:w-[42.708vw] w-full">
        <p className="text-s text-[#324D4399] font-[Poppins] 2xl:w-[99%] md:w-[90%] w-[93%] ">
          Residents at Baraha Town can say goodbye to tiresome commutes and
          enjoy improved flexibility and accessibility, whether they work
          remotely from home or at one of the development’s onsite offices.
        </p>
        <hr className="2xl:my-[1.667vw] md:my-[3.125vw] my-[6.667vw] h-[1px] bg-[#ECE8DF]" />
        <div className="text-[#324D43] text-s font-[Poppins]">
          <div className="2xl:mb-[1.111vw] md:mb-[2.083vw] mb-[4.444vw]  2xl:w-[99%] md:w-[97%] w-[93%] ">
            Ideal for businesses wanting to escape the high cost of leasing in
            the city, Baraha Town offers a fantastic opportunity to relocate to
            one of our
          </div>
          <div
            className="number max-md:!text-[17.778vw] 2xl:mb-[0.556vw] md:mb-[1.042vw] mb-[2.222vw] [font-family:New_York_Large]
"
          >
            68
          </div>
          <div className="2xl:mb-[1.111vw] md:mb-[2.083vw] mb-[4.444vw] font-[Poppins]">
            offices
          </div>
          <p className="font-[Poppins]">
            complemented with plentiful <br /> parking spaces.
          </p>
        </div>
        <hr className="2xl:my-[1.667vw] md:my-[3.125vw] my-[6.667vw] h-[1px] bg-[#ECE8DF] w-full" />
        <div
          className="2xl:subheadline-m subheadline-s text-[#324D43] font-[font-family:New_York_Large]
 max-md:pb-[6.667vw]"
        >
          It’s the ultimate <br /> destination to achieve the <br /> perfect
          work-life balance.
        </div>
      </div>

      <img
        src="/img/about/about_accordeon_5.jpg"
        className="2xl:w-[31.944vw] md:w-[38.672vw] w-full 2xl:aspect-[460/325] md:aspect-[297/210] aspect-[296/212] object-cover flex-shrink-0 2xl:rounded-[1.111vw] md:rounded-[2.083vw] rounded-[4.444vw]"
        alt=""
      />
    </div>
  );
}
