<template>
    <div
    class="flex flex-col md:flex-row justify-between items-center py-[10vw] md:py-0 absolute top-[140vw] md:top-[54.3vw] w-full z-[3] border-y h-[133.846vw] md:h-[9.115vw] text-[#383E43] px-[10vw]"
  >
    <div class="flexBox flex-col">
      <p class="text-[8.318vw] md:text-[2.344vw]">280</p>
      <p class="text-[3.59vw] md:text-[0.938vw]">حوزه تخصصی</p>
    </div>
    <div class="flexBox flex-col">
      <p class="text-[8.318vw] md:text-[2.344vw]">2,200,000</p>
      <p class="text-[3.59vw] md:text-[0.938vw]">دانشجو</p>
    </div>
    <div class="flexBox flex-col">
      <p class="text-[8.318vw] md:text-[2.344vw]">8,100</p>
      <p class="text-[3.59vw] md:text-[0.938vw]">عنوان آموزشی</p>
    </div>
    <div class="flexBox flex-col">
      <p class="text-[8.318vw] md:text-[2.344vw]">27,000</p>
      <p class="text-[3.59vw] md:text-[0.938vw]">ساعت آموزش</p>
    </div>
  </div>

</template>