<?php

/**
 * Title: Benifits
 * Slug: cryzel/benifits
 * Categories: featured
 * Block Types: core/template-part/featured
 * Description: Featured blogs with image and text.
 *
 * @package WordPress
 * @subpackage Cryzel
 * @since Cryzel 1.0
 */

?>
<!-- wp:cover {"dimRatio":0,"isUserOverlayColor":true,"isDark":false,"align":"full","style":{"spacing":{"margin":{"top":"var:preset|spacing|70","bottom":"0"},"padding":{"top":"0","bottom":"0","left":"var:preset|spacing|70","right":"var:preset|spacing|70"}}},"layout":{"type":"constrained","contentSize":"1400px"}} -->
<div class="wp-block-cover alignfull is-light" style="margin-top:var(--wp--preset--spacing--70);margin-bottom:0;padding-top:0;padding-right:var(--wp--preset--spacing--70);padding-bottom:0;padding-left:var(--wp--preset--spacing--70)"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-0 has-background-dim"></span>
    <div class="wp-block-cover__inner-container"><!-- wp:columns -->
        <div class="wp-block-columns"><!-- wp:column {"width":"80%"} -->
            <div class="wp-block-column" style="flex-basis:80%"><!-- wp:paragraph {"align":"left","fontSize":"large"} -->
                <p class="has-text-align-left has-large-font-size"><?php echo esc_html__('Funnel Power Tools', 'cryzel'); ?></p>
                <!-- /wp:paragraph -->

                <!-- wp:heading {"textAlign":"left","className":"is-style-text-display"} -->
                <h2 class="wp-block-heading has-text-align-left is-style-text-display"><?php echo esc_html__('Essential features for driving funnel conversions', 'cryzel'); ?></h2>
                <!-- /wp:heading -->
            </div>
            <!-- /wp:column -->

            <!-- wp:column {"width":"20%","className":"hide-on-mobile hide-on-tablet","style":{"spacing":{"blockGap":"0"}},"layout":{"type":"default"}} -->
            <div class="wp-block-column hide-on-mobile hide-on-tablet" style="flex-basis:20%"></div>
            <!-- /wp:column -->
        </div>
        <!-- /wp:columns -->

        <!-- wp:columns {"style":{"spacing":{"padding":{"top":"var:preset|spacing|70","bottom":"var:preset|spacing|70","left":"var:preset|spacing|60","right":"var:preset|spacing|60"},"margin":{"top":"var:preset|spacing|50"},"blockGap":{"top":"var:preset|spacing|50","left":"0"}},"border":{"radius":"15px"}},"backgroundColor":"accent-6"} -->
        <div class="wp-block-columns has-accent-6-background-color has-background" style="border-radius:15px;margin-top:var(--wp--preset--spacing--50);padding-top:var(--wp--preset--spacing--70);padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--70);padding-left:var(--wp--preset--spacing--60)"><!-- wp:column -->
            <div class="wp-block-column"><!-- wp:image {"id":2746,"sizeSlug":"full","linkDestination":"none","align":"center"} -->
                <figure class="wp-block-image aligncenter size-full"><img src="<?php echo esc_url(get_template_directory_uri() . '/assets/images/cryzel-tabs-01.png'); ?>" alt="<?php echo esc_attr__('Smart transfers triggered by your spending habits', 'cryzel'); ?>" class="wp-image-2746" /></figure>
                <!-- /wp:image -->
            </div>
            <!-- /wp:column -->

            <!-- wp:column -->
            <div class="wp-block-column"><!-- wp:heading {"className":"is-style-default"} -->
                <h2 class="wp-block-heading is-style-default"><?php echo esc_html__('Smart transfers triggered by your spending habits', 'cryzel'); ?></h2>
                <!-- /wp:heading -->

                <!-- wp:group {"className":"is-style-default","style":{"spacing":{"padding":{"top":"var:preset|spacing|30"}}},"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"left"}} -->
                <div class="wp-block-group is-style-default" style="padding-top:var(--wp--preset--spacing--30)"><!-- wp:columns {"verticalAlignment":"top","style":{"spacing":{"blockGap":{"top":"0","left":"var:preset|spacing|40"}}}} -->
                    <div class="wp-block-columns are-vertically-aligned-top"><!-- wp:column {"verticalAlignment":"top","width":"5%"} -->
                        <div class="wp-block-column is-vertically-aligned-top" style="flex-basis:5%"><!-- wp:cryzel/svg-icon {"size":25,"style":{"spacing":{"margin":{"top":"0","bottom":"0"}},"typography":[],"border":{"radius":"0px","width":"0px","style":"none"},"elements":{"link":{"color":{"text":"var:preset|color|accent-9"}}}},"textColor":"accent-9"} -->
                            <div class="wp-block-cryzel-svg-icon aligncenter has-text-align-center cryzel-svg-icon-block has-accent-9-color has-transparent-background-color has-text-color has-background has-link-color" style="border-style:none;border-width:0px;border-radius:0px;margin-top:0;margin-bottom:0;display:inline-block;text-align:center;width:fit-content;margin:0 auto;--icon-color:currentColor;--icon-bg-color:transparent">
                                <div class="svg-icon-container" style="display:inline-flex;align-items:center;justify-content:center;width:25px;height:25px;line-height:0;color:var(--icon-color);background-color:var(--icon-bg-color)">
                                    <div class="svg-icon-mask" data-icon-url="<?php echo esc_url(get_template_directory_uri() . '/assets/images/cryzel-elements.svg'); ?>" style="width:100%;height:100%;background-color:currentColor;-webkit-mask:url(&quot;<?php echo esc_url(get_template_directory_uri() . '/assets/images/cryzel-elements.svg'); ?>&quot;) center / contain no-repeat;mask:url(&quot;<?php echo esc_url(get_template_directory_uri() . '/assets/images/cryzel-elements.svg'); ?>&quot;) center / contain no-repeat"></div>
                                </div>
                            </div>
                            <!-- /wp:cryzel/svg-icon -->
                        </div>
                        <!-- /wp:column -->

                        <!-- wp:column {"verticalAlignment":"top","width":"95%"} -->
                        <div class="wp-block-column is-vertically-aligned-top" style="flex-basis:95%"><!-- wp:paragraph {"className":"is-style-text-display","style":{"typography":{"fontStyle":"normal","fontWeight":"500"}},"fontSize":"large"} -->
                            <p class="is-style-text-display has-large-font-size" style="font-style:normal;font-weight:500"><?php echo esc_html__('Build Tailored Campaigns Effortlessly', 'cryzel'); ?></p>
                            <!-- /wp:paragraph -->

                            <!-- wp:paragraph {"style":{"spacing":{"padding":{"right":"var:preset|spacing|50"}}},"fontSize":"medium"} -->
                            <p class="has-medium-font-size" style="padding-right:var(--wp--preset--spacing--50)"><?php echo esc_html__('Create highly personalized campaigns without the usual complexity. With Cryzel, you can easily build targeted', 'cryzel'); ?></p>
                            <!-- /wp:paragraph -->
                        </div>
                        <!-- /wp:column -->
                    </div>
                    <!-- /wp:columns -->
                </div>
                <!-- /wp:group -->

                <!-- wp:group {"className":"is-style-default","style":{"spacing":{"padding":{"top":"var:preset|spacing|30"}}},"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"left"}} -->
                <div class="wp-block-group is-style-default" style="padding-top:var(--wp--preset--spacing--30)"><!-- wp:columns {"verticalAlignment":"top","style":{"spacing":{"blockGap":{"top":"0","left":"var:preset|spacing|40"}}}} -->
                    <div class="wp-block-columns are-vertically-aligned-top"><!-- wp:column {"verticalAlignment":"top","width":"5%"} -->
                        <div class="wp-block-column is-vertically-aligned-top" style="flex-basis:5%"><!-- wp:cryzel/svg-icon {"size":25,"style":{"spacing":{"margin":{"top":"0","bottom":"0"}},"typography":[],"border":{"radius":"0px","width":"0px","style":"none"},"elements":{"link":{"color":{"text":"var:preset|color|accent-9"}}}},"textColor":"accent-9"} -->
                            <div class="wp-block-cryzel-svg-icon aligncenter has-text-align-center cryzel-svg-icon-block has-accent-9-color has-transparent-background-color has-text-color has-background has-link-color" style="border-style:none;border-width:0px;border-radius:0px;margin-top:0;margin-bottom:0;display:inline-block;text-align:center;width:fit-content;margin:0 auto;--icon-color:currentColor;--icon-bg-color:transparent">
                                <div class="svg-icon-container" style="display:inline-flex;align-items:center;justify-content:center;width:25px;height:25px;line-height:0;color:var(--icon-color);background-color:var(--icon-bg-color)">
                                    <div class="svg-icon-mask" data-icon-url="<?php echo esc_url(get_template_directory_uri() . '/assets/images/cryzel-elements-1.svg'); ?>" style="width:100%;height:100%;background-color:currentColor;-webkit-mask:url(&quot;<?php echo esc_url(get_template_directory_uri() . '/assets/images/cryzel-elements-1.svg'); ?>&quot;) center / contain no-repeat;mask:url(&quot;<?php echo esc_url(get_template_directory_uri() . '/assets/images/cryzel-elements-1.svg'); ?>&quot;) center / contain no-repeat"></div>
                                </div>
                            </div>
                            <!-- /wp:cryzel/svg-icon -->
                        </div>
                        <!-- /wp:column -->

                        <!-- wp:column {"verticalAlignment":"top","width":"95%"} -->
                        <div class="wp-block-column is-vertically-aligned-top" style="flex-basis:95%"><!-- wp:paragraph {"className":"is-style-text-display","style":{"typography":{"fontStyle":"normal","fontWeight":"500"}},"fontSize":"large"} -->
                            <p class="is-style-text-display has-large-font-size" style="font-style:normal;font-weight:500"><?php echo esc_html__('Analyse Performance in Real Time', 'cryzel'); ?></p>
                            <!-- /wp:paragraph -->

                            <!-- wp:paragraph {"style":{"spacing":{"padding":{"right":"var:preset|spacing|50"}}},"fontSize":"medium"} -->
                            <p class="has-medium-font-size" style="padding-right:var(--wp--preset--spacing--50)"><?php echo esc_html__('Cryzel provides instant performance tracking so you can see how your campaigns are performing the moment they go live.', 'cryzel'); ?></p>
                            <!-- /wp:paragraph -->
                        </div>
                        <!-- /wp:column -->
                    </div>
                    <!-- /wp:columns -->
                </div>
                <!-- /wp:group -->
            </div>
            <!-- /wp:column -->
        </div>
        <!-- /wp:columns -->
    </div>
</div>
<!-- /wp:cover -->