<div class="Approach--steps">

   <div class="Approach--timeline">

      <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 1 1" preserveAspectRatio="none">

          <linearGradient id="grad" x1="0%" y1="0%" x2="0%" y2="100%" gradientUnits="userSpaceOnUse">

              <stop stop-color="#22D9BC" stop-opacity="1.0" offset="0%" />

              <stop stop-color="#1674F5" stop-opacity="1.0" offset="50%" />

              <stop stop-color="#7D00FF" stop-opacity="1.0" offset="100%" />

          </linearGradient>

          <rect x="0" y="0" width="1" height="1" fill="url(#grad)" id="Approach--svg" />

      </svg>

  </div>

  <div class="Approach--step">

      <p>1. Khaled Ipsum</p>

      <p>Lorem Khaled Ipsum is a major key to success. Eliptical talk. How’s business? Boomin. They will try to close the door on you, just open it. You see the hedges, how I got it shaped up? It’s important to shape up your hedges, it’s like getting a haircut, stay fresh. Wraith talk. We don’t see them, we will never see them. Life is what you make it, so let’s make it. Another one. Hammock talk come soon. It’s important to use cocoa butter. It’s the key to more success, why not live smooth? Why live rough?</p>

  </div>

​

  <div class="Approach--step">

      <p>2. Lion</p>

      <p>The ladies always say Khaled you smell good, I use no cologne. Cocoa butter is the key. Hammock talk come soon. Put it this way, it took me twenty five years to get these plants, twenty five years of blood sweat and tears, and I’m never giving up, I’m just getting started. Major key, don’t fall for the trap, stay focused. It’s the ones closest to you that want to see you fail. The key to success is to keep your head above the water, never give up.</p>

  </div>

​

  <div class="Approach--step">

      <p>3. We the best</p>

  </div>

</div>