export default function CulinaryExperienceAccordeonContent() {
  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 max-md:mb-[6.667vw]">
        <p className="text-s text-[#324D4399] font-[Poppins] 2xl:w-[99%] md:w-[97%] w-[93%] ">
          Savour exquisite aromas from different culinary experiences. At Baraha
          Town, a wide range of restaurants combine flavours and inspirations
          from the far east to the west. Whether you are in the mood for
          something authentic, international, or middle eastern, we have the
          right combination.
        </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]">
            The culinary district will be <br /> the home of
          </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]
"
          >
            7,764
          </div>
          <div className="2xl:mb-[1.111vw] md:mb-[2.083vw] mb-[4.444vw] font-[Poppins]">
            sqm
          </div>
          <p className="font-[Poppins]">
            worth of restaurants, coffee shops, food courts, quick bites,
            and casual diners catering to every taste.
          </p>
        </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_2.1.jpg"
          className="2xl:w-[15.417vw] md:w-[20.964vw] block max-md:hidden aspect-[222/129] max-md:aspect-[222/129] object-cover flex-shrink-0 2xl:rounded-[1.111vw] md:rounded-[2.083vw] rounded-[4.444vw]"
          alt=""
        />
        <img
          src="/img/about/about_accordeon_2.2.jpg"
          className="2xl:w-[23.611vw] md:w-[32.292vw] w-full aspect-[341/198] max-md:aspect-[296/212] object-cover flex-shrink-0 2xl:rounded-[1.111vw] md:rounded-[2.083vw] rounded-[4.444vw]"
          alt=""
        />
      </div>
    </div>
  );
}
