<?xml version="1.0" encoding="utf-8"?>
<odoo>

<template name="Numbers Grid" id="s_numbers_grid">
    <section class="s_numbers_grid o_cc o_cc2 pt56 pb56">
        <div class="container">
            <div class="row o_grid_mode" data-row-count="6" style="gap: 8px;">
                <div class="o_grid_item g-col-lg-3 g-height-3 col-lg-3 col-6 o_cc o_cc1 border rounded" data-name="Number Cell" style="grid-area: 1 / 1 / 4 / 4; z-index: 1; --grid-item-padding-y: 16px; --grid-item-padding-x: 16px;">
                    <p>
                        Revenue Growth<br/>
                        <span class="h1-fs">54%</span>
                    </p>
                </div>
                <div class="o_grid_item g-col-lg-3 g-height-3 col-lg-3 col-6 o_cc o_cc1 border rounded" data-name="Number Cell" style="grid-area: 1 / 4 / 4 / 7;; z-index: 2; --grid-item-padding-y: 16px; --grid-item-padding-x: 16px;">
                    <p>
                        Projects deployed<br/>
                        <span class="h1-fs">+225</span>
                    </p>
                </div>
                <div class="o_grid_item g-col-lg-3 g-height-3 col-lg-3 col-6 o_cc o_cc1 border rounded" data-name="Number Cell" style="grid-area: 1 / 7 / 4 / 10; z-index: 3; --grid-item-padding-y: 16px; --grid-item-padding-x: 16px;">
                    <p>
                        Expected revenue<br/>
                        <span class="h1-fs">$50M</span>
                    </p>
                </div>
                <div class="o_grid_item g-col-lg-3 g-height-3 col-lg-3 col-6 o_cc o_cc1 border rounded" data-name="Number Cell" style="grid-area: 1 / 10 / 4 / 13; z-index: 4; --grid-item-padding-y: 16px; --grid-item-padding-x: 16px;">
                    <p>
                        Online Members<br/>
                        <span class="h1-fs">235,403</span>
                    </p>
                </div>
                <div class="o_grid_item g-col-lg-3 g-height-3 col-lg-3 col-6 o_cc o_cc1 border rounded" data-name="Number Cell" style="grid-area: 4 / 1 / 7 / 4; z-index: 5; --grid-item-padding-y: 16px; --grid-item-padding-x: 16px;">
                    <p>
                        Customer Retention<br/>
                        <span class="h1-fs">85%</span>
                    </p>
                </div>
                <div class="o_grid_item g-col-lg-3 g-height-3 col-lg-3 col-6 o_cc o_cc1 border rounded" data-name="Number Cell" style="grid-area: 4 / 4 / 7 / 7; z-index: 6; --grid-item-padding-y: 16px; --grid-item-padding-x: 16px;">
                    <p>
                        Inventory turnover<br/>
                        <span class="h1-fs">4x</span>
                    </p>
                </div>
                <div class="o_grid_item g-col-lg-3 g-height-3 col-lg-3 col-6 o_cc o_cc1 border rounded" data-name="Number Cell" style="grid-area: 4 / 7 / 7 / 10; z-index: 7; --grid-item-padding-y: 16px; --grid-item-padding-x: 16px;">
                    <p>
                        Website visitors<br/>
                        <span class="h1-fs">100,000</span>
                    </p>
                </div>
                <div class="o_grid_item g-col-lg-3 g-height-3 col-lg-3 col-6 o_cc o_cc1 border rounded" data-name="Number Cell" style="grid-area: 4 / 10 / 7 / 13; z-index: 8; --grid-item-padding-y: 16px; --grid-item-padding-x: 16px;">
                    <p>
                        Transactions<br/>
                        <span class="h1-fs">45,958</span>
                    </p>
                </div>
            </div>
        </div>
    </section>
</template>

</odoo>
