<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-lg-10 col-xl-9 col-xxl-8 mx-auto position-relative&quot;&gt;
        &lt;img src=&quot;/assets/img/svg/doodle3.svg&quot; class=&quot;h-11 position-absolute d-none d-lg-block&quot; style=&quot;top: -45%; left: 23%&quot; alt=&quot;&quot;&gt;
        &lt;img src=&quot;/assets/img/svg/doodle4.svg&quot; class=&quot;h-8 position-absolute d-none d-lg-block&quot; style=&quot;top: 6%; right: 2%&quot; alt=&quot;&quot;&gt;
        &lt;h2 class=&quot;fs-16 text-uppercase text-muted mb-3&quot;&gt;App Features&lt;/h2&gt;
        &lt;h3 class=&quot;display-3 mb-11 px-lg-5 px-xl-0 px-xxl-3&quot;&gt;Sandbox makes your spending &lt;span class=&quot;text-gradient gradient-7&quot;&gt;stress-free&lt;/span&gt; for you to have the perfect control.&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 gx-md-8 gy-10 text-center&quot;&gt;
          &lt;div class=&quot;col-md-6 col-lg-3&quot;&gt;
            &lt;div class=&quot;svg-bg svg-bg-lg bg-pale-yellow rounded-xl mb-4&quot;&gt; &lt;img src=&quot;/assets/img/icons/solid/cloud-network-2.svg&quot; class=&quot;svg-inject icon-svg solid text-navy&quot; alt=&quot;&quot; /&gt; &lt;/div&gt;
            &lt;h4 class=&quot;fs-20&quot;&gt;Always up to Date&lt;/h4&gt;
          &lt;/div&gt;
          &lt;!--/column --&gt;
          &lt;div class=&quot;col-md-6 col-lg-3&quot;&gt;
            &lt;div class=&quot;svg-bg svg-bg-lg bg-pale-green rounded-xl mb-4&quot;&gt; &lt;img src=&quot;/assets/img/icons/solid/touchscreen.svg&quot; class=&quot;svg-inject icon-svg solid text-navy&quot; alt=&quot;&quot; /&gt; &lt;/div&gt;
            &lt;h4 class=&quot;fs-20&quot;&gt;Easy Usage&lt;/h4&gt;
          &lt;/div&gt;
          &lt;!--/column --&gt;
          &lt;div class=&quot;col-md-6 col-lg-3&quot;&gt;
            &lt;div class=&quot;svg-bg svg-bg-lg bg-pale-purple rounded-xl mb-4&quot;&gt; &lt;img src=&quot;/assets/img/icons/solid/lock.svg&quot; class=&quot;svg-inject icon-svg solid text-navy&quot; alt=&quot;&quot; /&gt; &lt;/div&gt;
            &lt;h4 class=&quot;fs-20&quot;&gt;Secure Payments&lt;/h4&gt;
          &lt;/div&gt;
          &lt;!--/column --&gt;
          &lt;div class=&quot;col-md-6 col-lg-3&quot;&gt;
            &lt;div class=&quot;svg-bg svg-bg-lg bg-pale-pink rounded-xl mb-4&quot;&gt; &lt;img src=&quot;/assets/img/icons/solid/rocket.svg&quot; class=&quot;svg-inject icon-svg solid text-navy&quot; alt=&quot;&quot; /&gt; &lt;/div&gt;
            &lt;h4 class=&quot;fs-20&quot;&gt;Fast Transactions&lt;/h4&gt;
          &lt;/div&gt;
          &lt;!--/column --&gt;
          &lt;div class=&quot;col-md-6 col-lg-3&quot;&gt;
            &lt;div class=&quot;svg-bg svg-bg-lg bg-pale-violet rounded-xl mb-4&quot;&gt; &lt;img src=&quot;/assets/img/icons/solid/bar-chart.svg&quot; class=&quot;svg-inject icon-svg solid text-navy&quot; alt=&quot;&quot; /&gt; &lt;/div&gt;
            &lt;h4 class=&quot;fs-20&quot;&gt;Reports &amp; Forecasting&lt;/h4&gt;
          &lt;/div&gt;
          &lt;!--/column --&gt;
          &lt;div class=&quot;col-md-6 col-lg-3&quot;&gt;
            &lt;div class=&quot;svg-bg svg-bg-lg bg-pale-orange rounded-xl mb-4&quot;&gt; &lt;img src=&quot;/assets/img/icons/solid/safe.svg&quot; class=&quot;svg-inject icon-svg solid text-navy&quot; alt=&quot;&quot; /&gt; &lt;/div&gt;
            &lt;h4 class=&quot;fs-20&quot;&gt;Online Banking&lt;/h4&gt;
          &lt;/div&gt;
          &lt;!--/column --&gt;
          &lt;div class=&quot;col-md-6 col-lg-3&quot;&gt;
            &lt;div class=&quot;svg-bg svg-bg-lg bg-pale-blue rounded-xl mb-4&quot;&gt; &lt;img src=&quot;/assets/img/icons/solid/controls.svg&quot; class=&quot;svg-inject icon-svg solid text-navy&quot; alt=&quot;&quot; /&gt; &lt;/div&gt;
            &lt;h4 class=&quot;fs-20&quot;&gt;Configurable Fields&lt;/h4&gt;
          &lt;/div&gt;
          &lt;!--/column --&gt;
          &lt;div class=&quot;col-md-6 col-lg-3&quot;&gt;
            &lt;div class=&quot;svg-bg svg-bg-lg bg-pale-leaf rounded-xl mb-4&quot;&gt; &lt;img src=&quot;/assets/img/icons/solid/checked.svg&quot; class=&quot;svg-inject icon-svg solid text-navy&quot; alt=&quot;&quot; /&gt; &lt;/div&gt;
            &lt;h4 class=&quot;fs-20&quot;&gt;List of Transactions&lt;/h4&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>