<template>
    <div class="flex items-center w-[87.692vw] md:w-[80.9vw] mt-[22vw] md:mt-[8.4vw] border-b pb-[3vw] md:pb-[1.2vw] gap-[3vw] md:gap-[1vw]">
        <svg
        class="h-[8.462vw] md:h-[2.76vw] w-[1.538vw] md:w-[0.521vw]"
          viewBox="0 0 10 53"
          fill="none"
          xmlns="http://www.w3.org/2000/svg"
        >
          <path
            d="M0 5C0 2.23858 2.23858 0 5 0H10V53H5C2.23858 53 0 50.7614 0 48V5Z"
            fill="#0D3F40"
          />
        </svg>
        <h2 class="text-[5.11vw] md:text-[1.69vw] text-[#383E43] font-semibold ">
          داستان شکل گیری ShinanLearning
        </h2>
      </div>
  
  
  
  
      <div class="flexBox mt-[10vw] md:mt-[7.7vw]">
        <div class="w-[81.2vw] flex flex-col md:flex-row">
          <div class="w-full md:w-[30.5%] flex gap-[1vw]">
            <div class="w-full md:w-[70%] flex gap-[1vw] border-b border-dashed h-[10vw] md:h-[3.3vw]">
              <p class="w-full md:w-[7.552vw] text-[4.544vw] md:text-[1.502vw] text-[#383E43] font-semibold">
                رویای آغاز
              </p>
            </div>
          </div>
          <div class="mt-[6vw] md:mt-0 w-full md:w-[60%] text-[3.59vw] md:text-[1.055vw] text-[#878787] leading-[7.692vw] md:leading-[2.083vw]">
            <p>
              لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با
              استفاده از طراحان گرافیک است چاپگرها و متون بلکه روزنامه و مجله در
              ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و
              کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد کتابهای زیادی
              در شصت و سه درصد گذشته حال و آینده شناخت فراوان جامعه و متخصصان را
              می طلبد تا با نرم افزارها شناخت بیشتری را برای طراحان رایانه ای علی
              الخصوص طراحان خلاقی و فرهنگ پیشرو در زبان فارسی ایجاد کرد در این
              صورت می توان امید داشت که تمام و دشواری موجود در ارائه راهکارها
            </p>
          </div>
        </div>
      </div>
      <div class="flexBox mt-[6vw] md:mt-[1.5vw]">
        <div class="w-[81.2vw] flex flex-col md:flex-row mt-[5vw]">
          <div class="w-full md:w-[30.5%] flex gap-[1vw]">
            <div class="w-full md:w-[70%] flex gap-[1vw] border-b border-dashed h-[10vw] md:h-[3.3vw]">
              <p class="text-[4.544vw] md:text-[1.502vw] text-[#383E43] font-semibold">
                آرمان ShinanLearning
              </p>
            </div>
          </div>
          <div class="mt-[6vw] md:mt-0 w-full md:w-[60%] text-[3.59vw] md:text-[1.055vw] text-[#878787] leading-[7.692vw] md:leading-[2.083vw]">
            <p>
              لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با
              استفاده از طراحان گرافیک است چاپگرها و متون بلکه روزنامه و مجله در
              ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و
              کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد کتابهای زیادی
              در شصت و سه درصد گذشته حال و آینده شناخت فراوان جامعه و متخصصان را
              می طلبد تا با نرم افزارها شناخت بیشتری را برای طراحان رایانه ای علی
              الخصوص طراحان خلاقی و فرهنگ پیشرو در زبان فارسی ایجاد کرد در این
              صورت می توان امید داشت که تمام و دشواری موجود در ارائه راهکارها و
              شرایط سخت تایپ به پایان رسد و زمان مورد نیاز شامل حروفچینی
              دستاوردهای اصلی
            </p>
          </div>
        </div>
      </div>
  
</template>