<section class="w-full py-12 px-4 bg-white dark:bg-muted-900">
  <!--Container-->
  <div class="w-full max-w-7xl mx-auto">
    <!--Content-->
    <div
      class="
        lg:w-4/5
        ptablet:max-w-md
        mx-auto
        flex flex-col
        ltablet:flex-row
        lg:flex-row
        items-center
        py-6
      "
    >
      <img
        alt="ecommerce"
        class="
          lg:w-1/2
          w-full
          lg:h-auto
          ptablet:h-96
          h-64
          object-cover object-center
          rounded
        "
        src="/img/photo/600x600/2.jpg"
        width="495"
        height="495"
      />
      <div class="lg:w-1/2 w-full lg:pl-10 lg:py-6 mt-6 lg:mt-0 space-y-4">
        <i
          class="iconify w-10 h-10 text-emerald-500"
          data-icon="fa6-solid:quote-left"
        ></i>
        <h2
          class="
            text-muted-800
            dark:text-muted-100
            text-4xl
            md:text-5xl
            font-heading font-thin
            mb-1
          "
        >
          The time when I was anxious to leave my current job is over. Mistral
          got my back!
        </h2>
        <p class="font-sans leading-relaxed text-muted-400">
          Sadik' always felt anxiety before trying a new opportunity. We made
          sure he know feels relaxed and cool.
        </p>
        <!--Link-->
        <a
          href="#"
          class="
            group
            inline-flex
            items-center
            gap-4
            text-primary-500
            hover:text-primary-400
            transition-colors
            duration-300
          "
        >
          <span class="font-sans font-medium text-base">
            Read more about Sadik's story
          </span>
          <i
            class="
              iconify
              w-4
              h-4
              group-hover:translate-x-1
              transition-transform
              duration-300
            "
            data-icon="lucide:arrow-right"
          ></i>
        </a>
      </div>
    </div>
  </div>
</section>
