<!-- wp:group {"className":"bbp-pattern bbp-pattern-general-description-3"} -->
<div class="wp-block-group bbp-pattern bbp-pattern-general-description-3"><!-- wp:image -->
<figure class="wp-block-image"><img src="<?php echo esc_url( BBP_PLUGIN_URL . 'assets/images/solid-color-9.png' ); ?>" alt=""/></figure>
<!-- /wp:image -->

<!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:group {"style":{"color":{"background":"#991111"}},"textColor":"bbp-white-100","className":"bbp-column-group"} -->
<div class="wp-block-group bbp-column-group has-bbp-white-100-color has-text-color has-background" style="background-color:#991111"><!-- wp:paragraph {"className":"bbp-column__tagline"} -->
<p class="bbp-column__tagline"><strong><?php echo esc_html_x( '01', 'Block pattern demo content', 'better-block-patterns' ); ?></strong></p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":3,"textColor":"bbp-white-100","className":"bbp-column__title"} -->
<h3 class="bbp-column__title has-bbp-white-100-color has-text-color"><?php echo esc_html_x( 'Service Title', 'Block pattern demo content', 'better-block-patterns' ); ?></h3>
<!-- /wp:heading -->

<!-- wp:paragraph {"className":"bbp-column__excerpt"} -->
<p class="bbp-column__excerpt"><?php echo esc_html( $lorem_short_1 ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:group {"style":{"color":{"background":"#881111"}},"textColor":"bbp-white-100","className":"bbp-column-group"} -->
<div class="wp-block-group bbp-column-group has-bbp-white-100-color has-text-color has-background" style="background-color:#881111"><!-- wp:paragraph {"className":"bbp-column__tagline"} -->
<p class="bbp-column__tagline"><strong><?php echo esc_html_x( '02', 'Block pattern demo content', 'better-block-patterns' ); ?></strong></p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":3,"textColor":"bbp-white-100","className":"bbp-column__title"} -->
<h3 class="bbp-column__title has-bbp-white-100-color has-text-color"><?php echo esc_html_x( 'Service Title', 'Block pattern demo content', 'better-block-patterns' ); ?></h3>
<!-- /wp:heading -->

<!-- wp:paragraph {"className":"bbp-column__excerpt"} -->
<p class="bbp-column__excerpt"><?php echo esc_html( $lorem_short_1 ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:group {"style":{"color":{"background":"#771111"}},"textColor":"bbp-white-100","className":"bbp-column-group"} -->
<div class="wp-block-group bbp-column-group has-bbp-white-100-color has-text-color has-background" style="background-color:#771111"><!-- wp:paragraph {"className":"bbp-column__tagline"} -->
<p class="bbp-column__tagline"><strong><?php echo esc_html_x( '03', 'Block pattern demo content', 'better-block-patterns' ); ?></strong></p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":3,"textColor":"bbp-white-100","className":"bbp-column__title"} -->
<h3 class="bbp-column__title has-bbp-white-100-color has-text-color"><?php echo esc_html_x( 'Service Title', 'Block pattern demo content', 'better-block-patterns' ); ?></h3>
<!-- /wp:heading -->

<!-- wp:paragraph {"className":"bbp-column__excerpt"} -->
<p class="bbp-column__excerpt"><?php echo esc_html( $lorem_short_1 ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->