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

<template id="s_numbers_boxed" name="Numbers boxed">
    <section class="s_numbers_boxed pt80 pb80 o_colored_level o_cc o_cc5">
        <div class="container">
            <div class="row o_grid_mode" data-row-count="8" style="column-gap: 40px;">
                <div class="o_grid_item g-height-2 g-col-lg-12 col-12 col-lg-12" style="grid-area: 1 / 1 / 3 / 13; z-index: 1; text-align: center;">
                    <h2 style="text-align: center;">Insights, stats, and metrics</h2>
                    <p style="text-align: center;">This section allows to highlight key statistics.</p>
                </div>
                <div class="o_grid_item g-height-5 g-col-lg-4 col-12 col-lg-4 border rounded order-lg-0" style="grid-area: 4 / 1 / 9 / 5; --grid-item-padding-y: 64px; text-align: center; border-radius: 9.6px !important; z-index: 2; order: 1;">
                    <h3 class="display-3-fs"><font style="background-image: linear-gradient(135deg, var(--o-color-4) 15%, var(--o-color-5) 100%);" class="text-gradient">30+</font></h3>
                    <p><strong>Useful options</strong></p>
                </div>
                <div class="o_grid_item g-height-5 g-col-lg-4 col-6 col-lg-4 border rounded" style="grid-area: 4 / 5 / 9 / 9; --grid-item-padding-y: 64px; text-align: center; border-radius: 9.6px !important; z-index: 3;">
                    <h3 class="display-3-fs"><font style="background-image: linear-gradient(45deg, var(--o-color-4) 15%, var(--o-color-5) 100%);" class="text-gradient">45%</font></h3>
                    <p><strong>More leads</strong></p>
                </div>
                <div class="o_grid_item g-height-5 g-col-lg-4 col-6 col-lg-4 border rounded" style="grid-area: 4 / 9 / 9 / 13; --grid-item-padding-y: 64px; text-align: center; border-radius: 9.6px !important; z-index: 4;">
                    <h3 class="display-3-fs"><font style="background-image: linear-gradient(45deg, var(--o-color-4) 15%, var(--o-color-5) 100%);" class="text-gradient">8+</font></h3>
                    <p><strong>Amazing pages</strong></p>
                </div>
            </div>
        </div>
    </section>
</template>

</odoo>
