<template>
    <div
    class="flex items-center gap-[3vw] md:gap-[0.7vw] mt-[15vw] md:mt-0"
  >
    <svg
      class="w-[1.538vw] md:w-[0.521vw] h-[8.462vw] md:h-[2.76vw]"
      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>
    <span class="text-[4.544vw] md:text-[1.481vw] font-semibold"
      >توضیحات</span
    >
  </div>
  <div v-html="props.props.description" class="descriptions mt-[4vw] md:mt-[2.1vw] thin">
  </div>
  
</template>

<script setup>
const props = defineProps(['props'])

</script>