<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-11 col-lg-9 col-xl-8 col-xxl-7 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: -20%; right: -12%&quot; alt=&quot;&quot;&gt;
        &lt;img src=&quot;/assets/img/svg/doodle9.svg&quot; class=&quot;h-17 position-absolute d-none d-lg-block&quot; style=&quot;bottom: 5%; left: -17%&quot; alt=&quot;&quot;&gt;
        &lt;h2 class=&quot;fs-16 text-uppercase text-muted mb-3 text-center&quot;&gt;Why Choose Sandbox?&lt;/h2&gt;
        &lt;h3 class=&quot;display-3 mb-12 text-center&quot;&gt;Here are a few &lt;span class=&quot;text-gradient gradient-7&quot;&gt;reasons why&lt;/span&gt; our customers choose the Sandbox app.&lt;/h3&gt;
      &lt;/div&gt;
      &lt;!-- /column --&gt;
    &lt;/div&gt;
    &lt;!-- /.row --&gt;
    &lt;div class=&quot;row d-flex align-items-start&quot;&gt;
      &lt;div class=&quot;col-lg-6 position-lg-sticky&quot; style=&quot;top: 8rem;&quot;&gt;
        &lt;figure&gt;&lt;img src=&quot;/assets/img/photos/devices5.png&quot; srcset=&quot;/assets/img/photos/devices5@2x.png 2x&quot; alt=&quot;&quot;&gt;&lt;/figure&gt;
      &lt;/div&gt;
      &lt;!-- /column --&gt;
      &lt;div class=&quot;col-lg-5 ms-auto&quot;&gt;
        &lt;div class=&quot;d-flex flex-row mb-8&quot;&gt;
          &lt;div&gt;
            &lt;div class=&quot;svg-bg svg-bg-lg bg-pale-grape rounded-xl me-5&quot;&gt;&lt;img src=&quot;/assets/img/icons/solid/calendar.svg&quot; class=&quot;svg-inject icon-svg solid text-navy&quot; alt=&quot;&quot; /&gt;&lt;/div&gt;
          &lt;/div&gt;
          &lt;div&gt;
            &lt;h4 class=&quot;fs-20&quot;&gt;Scheduled Transactions&lt;/h4&gt;
            &lt;p&gt;Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Praesent commodo cursus magna.&lt;/p&gt;
          &lt;/div&gt;
        &lt;/div&gt;
        &lt;div class=&quot;d-flex flex-row mb-8&quot;&gt;
          &lt;div&gt;
            &lt;div class=&quot;svg-bg svg-bg-lg bg-pale-green rounded-xl me-5&quot;&gt;&lt;img src=&quot;/assets/img/icons/solid/currency.svg&quot; class=&quot;svg-inject icon-svg solid text-navy&quot; alt=&quot;&quot; /&gt;&lt;/div&gt;
          &lt;/div&gt;
          &lt;div&gt;
            &lt;h4 class=&quot;fs-20&quot;&gt;Multiple Currencies&lt;/h4&gt;
            &lt;p&gt;Aenean lacinia bibendum nulla sed consectetur. Nulla vitae elit libero, a pharetra augue. Maecenas faucibus mollis interdum.&lt;/p&gt;
          &lt;/div&gt;
        &lt;/div&gt;
        &lt;div class=&quot;d-flex flex-row mb-8&quot;&gt;
          &lt;div&gt;
            &lt;div class=&quot;svg-bg svg-bg-lg bg-pale-pink rounded-xl me-5&quot;&gt;&lt;img src=&quot;/assets/img/icons/solid/server.svg&quot; class=&quot;svg-inject icon-svg solid text-navy&quot; alt=&quot;&quot; /&gt;&lt;/div&gt;
          &lt;/div&gt;
          &lt;div&gt;
            &lt;h4 class=&quot;fs-20&quot;&gt;Database Management&lt;/h4&gt;
            &lt;p&gt;Pellentesque ornare sem lacinia quam venenatis vestibulum. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Cum sociis natoque penatibus et magnis dis parturient montes.&lt;/p&gt;
          &lt;/div&gt;
        &lt;/div&gt;
        &lt;div class=&quot;d-flex flex-row mb-8&quot;&gt;
          &lt;div&gt;
            &lt;div class=&quot;svg-bg svg-bg-lg bg-pale-yellow rounded-xl me-5&quot;&gt;&lt;img src=&quot;/assets/img/icons/solid/devices.svg&quot; class=&quot;svg-inject icon-svg solid text-navy&quot; alt=&quot;&quot; /&gt;&lt;/div&gt;
          &lt;/div&gt;
          &lt;div&gt;
            &lt;h4 class=&quot;fs-20&quot;&gt;Sync Between Devices&lt;/h4&gt;
            &lt;p&gt;Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Praesent commodo cursus magna.&lt;/p&gt;
          &lt;/div&gt;
        &lt;/div&gt;
        &lt;div class=&quot;d-flex flex-row mb-8&quot;&gt;
          &lt;div&gt;
            &lt;div class=&quot;svg-bg svg-bg-lg bg-pale-blue rounded-xl me-5&quot;&gt;&lt;img src=&quot;/assets/img/icons/solid/search.svg&quot; class=&quot;svg-inject icon-svg solid text-navy&quot; alt=&quot;&quot; /&gt;&lt;/div&gt;
          &lt;/div&gt;
          &lt;div&gt;
            &lt;h4 class=&quot;fs-20&quot;&gt;Smart Search&lt;/h4&gt;
            &lt;p&gt;Aenean lacinia bibendum nulla sed consectetur. Nulla vitae elit libero, a pharetra augue. Maecenas faucibus mollis interdum.&lt;/p&gt;
          &lt;/div&gt;
        &lt;/div&gt;
        &lt;div class=&quot;d-flex flex-row mb-8&quot;&gt;
          &lt;div&gt;
            &lt;div class=&quot;svg-bg svg-bg-lg bg-pale-leaf rounded-xl me-5&quot;&gt;&lt;img src=&quot;/assets/img/icons/solid/compare.svg&quot; class=&quot;svg-inject icon-svg solid text-navy&quot; alt=&quot;&quot; /&gt;&lt;/div&gt;
          &lt;/div&gt;
          &lt;div&gt;
            &lt;h4 class=&quot;fs-20&quot;&gt;Detailed Reports&lt;/h4&gt;
            &lt;p&gt;Pellentesque ornare sem lacinia quam venenatis vestibulum. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Cum sociis natoque penatibus et magnis dis parturient montes.&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;!-- /.container --&gt;
&lt;/section&gt;
&lt;!-- /section --&gt;</code></pre>