export default function CentralPlazaAccordeonContent() {
  return (
    <div className="2xl:pl-[23.889vw] md:pl-0 flex max-md:flex-col justify-between items-end">
      <div className="2xl:w-[22.778vw] md:w-[42.708vw] w-full">
        <p className="text-s 2xl:pb-[1.111vw] md:pb-[2.083vw] pb-[4.444vw] text-[#324D4399] font-[Poppins] 2xl:w-[96%] md:w-[98.5%] w-[95%] ">
          Situated at the heart of the town, Central Plaza’s excellent location
          makes the town highly visible to surrounding residential areas,
          presenting an ideal home for the culinary district.
        </p>
        <p className="text-s text-[#324D4399] font-[Poppins] 2xl:w-[99%] md:w-[99%] w-[95%] ">
          It’s a pedestrian area comprising restaurants with outdoor seating. An
          ideal place for attractions, entertainment, art corners, and flagship
          events and activities.
        </p>
        <hr className="2xl:my-[1.667vw] md:my-[3.125vw] my-[6.667vw] h-[1px] bg-[#ECE8DF]" />
        <div className="2xl:subheadline-m subheadline-s text-[#324D43] [font-family:New_York_Large] max-md:pb-[6.667vw]">
          The charm of the town <br />
          in one spot.
        </div>
      </div>
      <div className="flex flex-col items-end 2xl:w-max md:w-max w-full 2xl:gap-[1.111vw] md:gap-[2.083vw]">
        <img
          src="/img/about/about_accordeon_3.jpg"
          className="2xl:w-[23.611vw] md:w-[32.292vw] w-full aspect-[240/170] max-md:aspect-[296/212] object-cover flex-shrink-0 2xl:rounded-[1.111vw] md:rounded-[2.083vw] rounded-[4.444vw]"
          alt=""
        />
      </div>
    </div>
  );
}
