<?php

/**
 * Title: Counter Block with columns
 * Slug: fotawp/counter-block-with-columns
 * Categories: fotawp
 */
?>
<!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|80","bottom":"var:preset|spacing|80","right":"var:preset|spacing|50","left":"var:preset|spacing|50"}}},"backgroundColor":"primary","layout":{"type":"constrained","contentSize":"1180px"}} -->
<div class="wp-block-group has-primary-background-color has-background" style="padding-top:var(--wp--preset--spacing--80);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--80);padding-left:var(--wp--preset--spacing--50)"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|30"}},"layout":{"type":"constrained","contentSize":"1180px"}} -->
    <div class="wp-block-group"><!-- wp:heading {"textAlign":"left","style":{"typography":{"fontStyle":"normal","fontWeight":"600"}},"textColor":"foregound-alt","fontSize":"xx-large"} -->
        <h2 class="wp-block-heading has-text-align-left has-foregound-alt-color has-text-color has-xx-large-font-size" style="font-style:normal;font-weight:600"><?php esc_html_e('Let The Speak Numbers', 'fotawp') ?></h2>
        <!-- /wp:heading -->

        <!-- wp:paragraph {"align":"left","style":{"color":{"text":"#cfcece"}},"fontSize":"medium"} -->
        <p class="has-text-align-left has-text-color has-medium-font-size" style="color:#cfcece"><?php esc_html_e('The passage experienced a surge in popularity during the 1960s when Letraset used it on their dry-transfer sheets', 'fotawp') ?></p>
        <!-- /wp:paragraph -->
    </div>
    <!-- /wp:group -->

    <!-- wp:columns {"style":{"spacing":{"margin":{"top":"var:preset|spacing|80"},"blockGap":{"top":"0","left":"120px"}}}} -->
    <div class="wp-block-columns" style="margin-top:var(--wp--preset--spacing--80)"><!-- wp:column {"style":{"spacing":{"blockGap":"var:preset|spacing|40"},"border":{"right":{"width":"0px","style":"none"}}}} -->
        <div class="wp-block-column" style="border-right-style:none;border-right-width:0px"><!-- wp:heading {"textAlign":"left","level":3,"style":{"typography":{"fontStyle":"normal","fontWeight":"600"}},"textColor":"foregound-alt","fontSize":"x-large"} -->
            <h3 class="wp-block-heading has-text-align-left has-foregound-alt-color has-text-color has-x-large-font-size" style="font-style:normal;font-weight:600"><?php esc_html_e('10+ Teams', 'fotawp') ?></h3>
            <!-- /wp:heading -->

            <!-- wp:paragraph {"align":"left","style":{"color":{"text":"#dfdfdf"}}} -->
            <p class="has-text-align-left has-text-color" style="color:#dfdfdf"><?php esc_html_e('Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.', 'fotawp') ?></p>
            <!-- /wp:paragraph -->
        </div>
        <!-- /wp:column -->

        <!-- wp:column {"style":{"spacing":{"blockGap":"var:preset|spacing|40"},"border":{"right":{"width":"0px","style":"none"}}}} -->
        <div class="wp-block-column" style="border-right-style:none;border-right-width:0px"><!-- wp:heading {"textAlign":"left","level":3,"style":{"typography":{"fontStyle":"normal","fontWeight":"600"}},"textColor":"foregound-alt","fontSize":"x-large"} -->
            <h3 class="wp-block-heading has-text-align-left has-foregound-alt-color has-text-color has-x-large-font-size" style="font-style:normal;font-weight:600"><?php esc_html_e('100+ Patterns', 'fotawp') ?></h3>
            <!-- /wp:heading -->

            <!-- wp:paragraph {"align":"left","style":{"color":{"text":"#dfdfdf"}}} -->
            <p class="has-text-align-left has-text-color" style="color:#dfdfdf"><?php esc_html_e('Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.', 'fotawp') ?></p>
            <!-- /wp:paragraph -->
        </div>
        <!-- /wp:column -->
    </div>
    <!-- /wp:columns -->

    <!-- wp:columns {"style":{"spacing":{"margin":{"top":"var:preset|spacing|70"},"blockGap":{"top":"0","left":"120px"}}}} -->
    <div class="wp-block-columns" style="margin-top:var(--wp--preset--spacing--70)"><!-- wp:column {"style":{"spacing":{"blockGap":"var:preset|spacing|40"},"border":{"right":{"width":"0px","style":"none"}}}} -->
        <div class="wp-block-column" style="border-right-style:none;border-right-width:0px"><!-- wp:heading {"textAlign":"left","level":3,"style":{"typography":{"fontStyle":"normal","fontWeight":"600"}},"textColor":"foregound-alt","fontSize":"x-large"} -->
            <h3 class="wp-block-heading has-text-align-left has-foregound-alt-color has-text-color has-x-large-font-size" style="font-style:normal;font-weight:600"><?php esc_html_e('100% Optimized', 'fotawp') ?></h3>
            <!-- /wp:heading -->

            <!-- wp:paragraph {"align":"left","style":{"color":{"text":"#dfdfdf"}}} -->
            <p class="has-text-align-left has-text-color" style="color:#dfdfdf"><?php esc_html_e('Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.', 'fotawp') ?></p>
            <!-- /wp:paragraph -->
        </div>
        <!-- /wp:column -->

        <!-- wp:column {"style":{"spacing":{"blockGap":"var:preset|spacing|40"},"border":{"right":{"width":"0px","style":"none"}}}} -->
        <div class="wp-block-column" style="border-right-style:none;border-right-width:0px"><!-- wp:heading {"textAlign":"left","level":3,"style":{"typography":{"fontStyle":"normal","fontWeight":"600"}},"textColor":"foregound-alt","fontSize":"x-large"} -->
            <h3 class="wp-block-heading has-text-align-left has-foregound-alt-color has-text-color has-x-large-font-size" style="font-style:normal;font-weight:600"><?php esc_html_e('1000+ Hours', 'fotawp') ?></h3>
            <!-- /wp:heading -->

            <!-- wp:paragraph {"align":"left","style":{"color":{"text":"#dfdfdf"}}} -->
            <p class="has-text-align-left has-text-color" style="color:#dfdfdf"><?php esc_html_e('Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.', 'fotawp') ?></p>
            <!-- /wp:paragraph -->
        </div>
        <!-- /wp:column -->
    </div>
    <!-- /wp:columns -->
</div>
<!-- /wp:group -->