<div class="code-wrapper">
              <div class="code-wrapper-inner">
                <pre class="language-html"><code>&lt;section class=&quot;wrapper&quot;&gt;
  &lt;div class=&quot;container py-14 py-md-16&quot;&gt;
    &lt;div class=&quot;row text-center&quot;&gt;
      &lt;div class=&quot;col-md-10 col-lg-7 mx-auto position-relative&quot;&gt;
        &lt;img src=&quot;/assets/img/svg/doodle5.svg&quot; class=&quot;w-15 position-absolute d-none d-lg-block&quot; data-delay=&quot;1800&quot; style=&quot;bottom: -60%; right: 10%&quot; alt=&quot;&quot;&gt;
        &lt;img src=&quot;/assets/img/svg/doodle6.svg&quot; class=&quot;h-15 position-absolute d-none d-lg-block&quot; data-delay=&quot;1800&quot; style=&quot;top: -40%; left: -5%&quot; alt=&quot;&quot;&gt;
        &lt;h2 class=&quot;fs-16 text-uppercase text-muted mb-3&quot;&gt;How It Works&lt;/h2&gt;
        &lt;h3 class=&quot;display-3 mb-8 px-xl-6&quot;&gt;Download the app, create your profile and &lt;span class=&quot;text-gradient gradient-7&quot;&gt;voil&agrave;&lt;/span&gt;, you&apos;re all set!&lt;/h3&gt;
      &lt;/div&gt;
      &lt;!-- /column --&gt;
    &lt;/div&gt;
    &lt;!-- /.row --&gt;
    &lt;div class=&quot;row&quot;&gt;
      &lt;div class=&quot;col-xxl-11 mx-auto&quot;&gt;
        &lt;div class=&quot;row gy-10 gy-lg-0 text-center d-flex align-items-center&quot;&gt;
          &lt;div class=&quot;col-md-6 col-lg-4 mx-auto mb-n10 mb-lg-0&quot;&gt;
            &lt;figure class=&quot;mx-auto&quot;&gt;&lt;img src=&quot;/assets/img/photos/devices4.png&quot; srcset=&quot;/assets/img/photos/devices4@2x.png 2x&quot; alt=&quot;&quot;&gt;&lt;/figure&gt;
          &lt;/div&gt;
          &lt;!-- /column --&gt;
          &lt;div class=&quot;w-100 d-lg-none&quot;&gt;&lt;/div&gt;
          &lt;div class=&quot;col-md-6 col-lg-4 order-lg-first&quot;&gt;
            &lt;div class=&quot;mb-8&quot;&gt;
              &lt;span class=&quot;fs-60 lh-1 mb-3 fw-normal text-gradient gradient-7&quot;&gt;01&lt;/span&gt;
              &lt;h4 class=&quot;fs-20&quot;&gt;Download Application&lt;/h4&gt;
              &lt;p class=&quot;mb-0 px-xl-7&quot;&gt;Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida at eget metus.&lt;/p&gt;
            &lt;/div&gt;
            &lt;!-- /div --&gt;
            &lt;div&gt;
              &lt;span class=&quot;fs-60 lh-1 mb-3 fw-normal text-gradient gradient-7&quot;&gt;02&lt;/span&gt;
              &lt;h4 class=&quot;fs-20&quot;&gt;Quick Registration&lt;/h4&gt;
              &lt;p class=&quot;mb-0 px-xl-7&quot;&gt;Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida at eget metus.&lt;/p&gt;
            &lt;/div&gt;
            &lt;!-- /div --&gt;
          &lt;/div&gt;
          &lt;!-- /column --&gt;
          &lt;div class=&quot;col-md-6 col-lg-4&quot;&gt;
            &lt;div class=&quot;mb-8&quot;&gt;
              &lt;span class=&quot;fs-60 lh-1 mb-3 fw-normal text-gradient gradient-7&quot;&gt;03&lt;/span&gt;
              &lt;h4 class=&quot;fs-20&quot;&gt;Track Your Spending&lt;/h4&gt;
              &lt;p class=&quot;mb-0 px-xl-7&quot;&gt;Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida at eget metus.&lt;/p&gt;
            &lt;/div&gt;
            &lt;!-- /div --&gt;
            &lt;div&gt;
              &lt;span class=&quot;fs-60 lh-1 mb-3 fw-normal text-gradient gradient-7&quot;&gt;04&lt;/span&gt;
              &lt;h4 class=&quot;fs-20&quot;&gt;Have Total Control&lt;/h4&gt;
              &lt;p class=&quot;mb-0 px-xl-7&quot;&gt;Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida at eget metus.&lt;/p&gt;
            &lt;/div&gt;
            &lt;!-- /div --&gt;
          &lt;/div&gt;
          &lt;!-- /column --&gt;
        &lt;/div&gt;
        &lt;!-- /.row --&gt;
      &lt;/div&gt;
      &lt;!-- /column --&gt;
    &lt;/div&gt;
    &lt;!-- /.row --&gt;
  &lt;/div&gt;
  &lt;!-- /.container --&gt;
&lt;/section&gt;
&lt;!-- /section --&gt;</code></pre>