export default function ShopInStyleAccordeonContent() {
  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 text-[#324D4399] font-[Poppins] 2xl:w-[99%] md:w-[97%] w-[92%]">
          A world class shopping experience including a wide mix of
          multinational, local brands, anchor stores and traditional souks
          serving as a one stop destination.
        </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] max-md:mb-[6.667vw]">
          <div className="2xl:mb-[1.111vw] md:mb-[2.083vw] mb-[4.444vw]">
            Featuring more than
          </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]">
            229
          </div>
          <div className="2xl:mb-[1.111vw] md:mb-[2.083vw] mb-[4.444vw] font-[Poppins]">
            retail stores
          </div>
          <p className="font-[Poppins]">
            Baraha Town, with its numerous stores will be the ultimate fashion
            capital to its shoppers.
          </p>
        </div>
      </div>
      <img
        src="/img/about/about_accordeon_1.jpg"
        className="2xl:w-[23.611vw] md:w-[31.25vw] w-full aspect-[34/24]  max-md:aspect-[296/212] object-cover flex-shrink-0 2xl:rounded-[1.111vw] md:rounded-[2.083vw] rounded-[4.444vw]"
        alt=""
      />
    </div>
  );
}
