<?php
// phpcs:ignore
/**
 * Title: Present a features in group. Columns with large image aside, duotone icy styled. Numbers on the other side with different background.
 * Slug: icecubo/section-group-columns-feature-large-img-aside-numbers-icy
 * Categories: icecubo-section
 */
?>
<!-- wp:group {"align":"full","style":{"spacing":{"margin":{"top":"0px","bottom":"0px"},"padding":{"top":"var:preset|spacing|xxx-large","bottom":"var:preset|spacing|xxx-large","right":"var:preset|spacing|medium","left":"var:preset|spacing|medium"}}},"layout":{"inherit":true,"type":"constrained"}} -->
<div class="wp-block-group alignfull" style="margin-top:0px;margin-bottom:0px;padding-top:var(--wp--preset--spacing--xxx-large);padding-right:var(--wp--preset--spacing--medium);padding-bottom:var(--wp--preset--spacing--xxx-large);padding-left:var(--wp--preset--spacing--medium)"><!-- wp:columns {"align":"wide","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|x-large","left":"var:preset|spacing|x-large"},"margin":{"top":"0px","bottom":"0px"}}}} -->
<div class="wp-block-columns alignwide" style="margin-top:0px;margin-bottom:0px"><!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:cover {"url":"<?php echo esc_url(get_theme_file_uri()); ?>/assets/img/ice-orange-shaker.jpeg","dimRatio":0,"minHeight":680,"minHeightUnit":"px","isDark":false,"style":{"color":{"duotone":"var:preset|duotone|ice-cubo-light"},"border":{"radius":{"topLeft":"50px","topRight":"0px","bottomLeft":"50px","bottomRight":"50px"},"width":"10px"}},"borderColor":"tint-6"} -->
<div class="wp-block-cover is-light has-border-color has-tint-6-border-color" style="border-width:10px;border-top-left-radius:50px;border-top-right-radius:0px;border-bottom-left-radius:50px;border-bottom-right-radius:50px;min-height:680px"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-0 has-background-dim"></span><img class="wp-block-cover__image-background" alt="" src="<?php echo esc_url(get_theme_file_uri('/assets/img/ice-orange-shaker.jpeg')); ?>" data-object-fit="cover"/><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center","placeholder":"Write title…","fontSize":"large"} -->
<p class="has-text-align-center has-large-font-size"></p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:cover --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"top"}} -->
<div class="wp-block-group"><!-- wp:group {"style":{"spacing":{"padding":{"top":"5px","bottom":"5px","left":"20px","right":"20px"}},"border":{"radius":"50%"},"elements":{"link":{"color":{"text":"var:preset|color|white"}}}},"backgroundColor":"shade-6","textColor":"white","layout":{"type":"constrained"}} -->
<div class="wp-block-group has-white-color has-shade-6-background-color has-text-color has-background has-link-color" style="border-radius:50%;padding-top:5px;padding-right:20px;padding-bottom:5px;padding-left:20px"><!-- wp:paragraph {"textColor":"base","className":"is-style-default"} -->
<p class="is-style-default has-base-color has-text-color">1</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|small"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group"><!-- wp:paragraph {"style":{"typography":{"fontStyle":"italic","fontWeight":"400"}},"fontSize":"large"} -->
<p class="has-large-font-size" style="font-style:italic;font-weight:400">Lorem ipsum sit amet</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Bibendum ut tristique et egestas quis. Nulla posuere sollicitudin aliquam ultrices. Consequat id porta nibh venenatis. Vitae purus faucibus ornare.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->

<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"top"}} -->
<div class="wp-block-group"><!-- wp:group {"style":{"spacing":{"padding":{"top":"5px","bottom":"5px","left":"20px","right":"20px"}},"border":{"radius":"50%"},"elements":{"link":{"color":{"text":"var:preset|color|white"}}}},"backgroundColor":"shade-2","textColor":"white","layout":{"type":"constrained"}} -->
<div class="wp-block-group has-white-color has-shade-2-background-color has-text-color has-background has-link-color" style="border-radius:50%;padding-top:5px;padding-right:20px;padding-bottom:5px;padding-left:20px"><!-- wp:paragraph {"textColor":"base","className":"is-style-default"} -->
<p class="is-style-default has-base-color has-text-color">2</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|small"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group"><!-- wp:paragraph {"style":{"typography":{"fontStyle":"italic","fontWeight":"400"}},"fontSize":"large"} -->
<p class="has-large-font-size" style="font-style:italic;font-weight:400">Nulla vitae lorem a neque</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"className":"is-style-default"} -->
<p class="is-style-default">Lorem ipsum sit amet, consectetur a adipiscing. Nulla vitae lorem a neque imperdiet sagittis vivamus enim velit.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->

<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"top"}} -->
<div class="wp-block-group"><!-- wp:group {"style":{"spacing":{"padding":{"top":"5px","bottom":"5px","left":"20px","right":"20px"}},"border":{"radius":"50%"},"elements":{"link":{"color":{"text":"var:preset|color|white"}}}},"backgroundColor":"tint-1","textColor":"white","layout":{"type":"constrained"}} -->
<div class="wp-block-group has-white-color has-tint-1-background-color has-text-color has-background has-link-color" style="border-radius:50%;padding-top:5px;padding-right:20px;padding-bottom:5px;padding-left:20px"><!-- wp:paragraph {"textColor":"base"} -->
<p class="has-base-color has-text-color">3</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|small"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group"><!-- wp:paragraph {"style":{"typography":{"fontStyle":"italic","fontWeight":"400"}},"fontSize":"large"} -->
<p class="has-large-font-size" style="font-style:italic;font-weight:400">Aliquam id diam maecenas&nbsp;</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Bibendum ut tristique et egestas quis. Nulla posuere sollicitudin aliquam ultrices. Consequat id porta nibh venenatis. Vitae purus faucibus ornare</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->