<template>
    <div class="flexBox mt-[250vw] md:mt-[23.6vw]">
        <div class="w-[87.692vw] md: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-[3vw] md:gap-[1vw] border-b h-[13.077vw] md:h-[6vw]">
              <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>
  
              <p class="w-full md:w-[7.552vw] text-[5.11vw] md:text-[1.69vw] text-[#383E43] font-semibold">
                ماموریت و چشم انداز
              </p>
            </div>
          </div>
          <div class="w-full md:w-[60%] mt-[6vw] md:mt-0 text-[3.59vw] md:text-[1.055vw] text-[#878787] leading-[7.692vw] md:leading-[2.083vw]">
            <p>
              لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با
              استفاده از طراحان گرافیک است چاپگرها و متون بلکه روزنامه و مجله در
              ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و
              کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد کتابهای زیادی
              در شصت و سه درصد گذشته حال و آینده شناخت فراوان جامعه و متخصصان را
              می طلبد تا با نرم افزارها شناخت بیشتری را برای طراحان رایانه ای علی
              الخصوص طراحان خلاقی و فرهنگ پیشرو در زبان فارسی ایجاد کرد در این
              صورت می توان امید داشت که تمام و دشواری موجود در ارائه راهکارها و
              شرایط سخت تایپ به پایان رسد و زمان مورد نیاز شامل حروفچینی
              دستاوردهای اصلی و جوابگوی سوالات پیوسته اهل دنیای موجود طراحی اساسا
              مورد استفاده قرار گیرد. و جوابگوی سوالات پیوسته اهل دنیای موجود
              طراحی اساسا مورد استفاده قرار گیرد. و جوابگوی سوالات پیوسته اهل
              دنیای موجود طراحی اساسا مورد استفاده قرار گیرد. و جوابگوی سوالات
              پیوسته اهل دنیای موجود طراحی اساسا مورد استفاده قرار گیرد.
            </p>
            <p class="mt-[2vw]">
              لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با
              استفاده از طراحان گرافیک است چاپگرها و متون بلکه روزنامه و مجله در
              ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و
              کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد کتابهای زیادی
              در شصت و سه درصد گذشته حال و آینده شناخت فراوان جامعه و متخصصان را
              می طلبد تا با نرم افزارها شناخت بیشتری را برای طراحان رایانه ای علی
              الخصوص طراحان خلاقی و فرهنگ پیشرو در زبان فارسی ایجاد کرد در این
              صورت می توان امید داشت که تمام و دشواری موجود در ارائه راهکارها
            </p>
          </div>
        </div>
      </div>
</template>