<?php

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

?>
<!-- wp:columns {"verticalAlignment":"top","align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|70","bottom":"var:preset|spacing|70","left":"var:preset|spacing|70","right":"var:preset|spacing|70"}}},"backgroundColor":"accent-2"} -->
<div class="wp-block-columns alignfull are-vertically-aligned-top has-accent-2-background-color has-background" style="padding-top:var(--wp--preset--spacing--70);padding-right:var(--wp--preset--spacing--70);padding-bottom:var(--wp--preset--spacing--70);padding-left:var(--wp--preset--spacing--70)"><!-- wp:column {"verticalAlignment":"top","width":"","style":{"spacing":{"padding":{"top":"0","bottom":"0","left":"0","right":"0"}}},"layout":{"type":"constrained"}} -->
    <div class="wp-block-column is-vertically-aligned-top" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:paragraph {"align":"center"} -->
        <p class="has-text-align-center"><?php echo esc_html__('Future Gains, Today', 'cryzel'); ?></p>
        <!-- /wp:paragraph -->

        <!-- wp:heading {"textAlign":"center","className":"is-style-text-display","style":{"spacing":{"padding":{"right":"0","left":"0"}}}} -->
        <h2 class="wp-block-heading has-text-align-center is-style-text-display" style="padding-right:0;padding-left:0"><?php echo esc_html__('Your success, recognized', 'cryzel'); ?></h2>
        <!-- /wp:heading -->

        <!-- wp:columns {"verticalAlignment":"center","style":{"spacing":{"padding":{"top":"var:preset|spacing|50"}}}} -->
        <div class="wp-block-columns are-vertically-aligned-center" style="padding-top:var(--wp--preset--spacing--50)"><!-- wp:column {"verticalAlignment":"center"} -->
            <div class="wp-block-column is-vertically-aligned-center"><!-- wp:paragraph -->
                <p class=""><?php echo esc_html__('Aligned with Your Promise', 'cryzel'); ?></p>
                <!-- /wp:paragraph -->

                <!-- wp:heading {"className":"is-style-default","fontSize":"xx-large"} -->
                <h2 class="wp-block-heading is-style-default has-xx-large-font-size"><?php echo esc_html__('Showcases your value', 'cryzel'); ?></h2>
                <!-- /wp:heading -->

                <!-- wp:paragraph {"fontSize":"medium"} -->
                <p class="has-medium-font-size"><?php echo esc_html__('We ensure that every element from visuals to messaging clearly communicates the value you deliver while staying consistent with your brand’s mission and goals.', 'cryzel'); ?></p>
                <!-- /wp:paragraph -->

                <!-- wp:columns {"style":{"spacing":{"padding":{"top":"var:preset|spacing|50"}}}} -->
                <div class="wp-block-columns" style="padding-top:var(--wp--preset--spacing--50)"><!-- wp:column -->
                    <div class="wp-block-column"><!-- wp:image {"id":3179,"sizeSlug":"full","linkDestination":"none"} -->
                        <figure class="wp-block-image size-full"><img src="<?php echo esc_url(get_template_directory_uri() . '/assets/images/cryzel-icon.png'); ?>" alt="<?php esc_attr_e('Photo of a cryzel icon.', 'cryzel'); ?>" class="wp-image-3179" /></figure>
                        <!-- /wp:image -->

                        <!-- wp:heading {"fontSize":"large"} -->
                        <h2 class="wp-block-heading has-large-font-size"><?php echo esc_html__('Beyond Ordinary Work', 'cryzel'); ?></h2>
                        <!-- /wp:heading -->

                        <!-- wp:paragraph {"fontSize":"medium"} -->
                        <p class="has-medium-font-size"><?php echo esc_html__('This isn’t just another job it’s an opportunity to grow, create.', 'cryzel'); ?></p>
                        <!-- /wp:paragraph -->
                    </div>
                    <!-- /wp:column -->

                    <!-- wp:column -->
                    <div class="wp-block-column"><!-- wp:image {"id":3178,"sizeSlug":"full","linkDestination":"none"} -->
                        <figure class="wp-block-image size-full"><img src="<?php echo esc_url(get_template_directory_uri() . '/assets/images/cryzel-icon-1.png'); ?>" alt="<?php esc_attr_e('Photo of a cryzel icon.', 'cryzel'); ?>" class="wp-image-3178" /></figure>
                        <!-- /wp:image -->

                        <!-- wp:heading {"fontSize":"large"} -->
                        <h2 class="wp-block-heading has-large-font-size"><?php echo esc_html__('Nurture Your Mind', 'cryzel'); ?></h2>
                        <!-- /wp:heading -->

                        <!-- wp:paragraph {"fontSize":"medium"} -->
                        <p class="has-medium-font-size"><?php echo esc_html__('Your well-being is your greatest asset. When you take time to care.', 'cryzel'); ?></p>
                        <!-- /wp:paragraph -->
                    </div>
                    <!-- /wp:column -->
                </div>
                <!-- /wp:columns -->
            </div>
            <!-- /wp:column -->

            <!-- wp:column {"verticalAlignment":"center"} -->
            <div class="wp-block-column is-vertically-aligned-center"><!-- wp:image {"id":3497,"sizeSlug":"full","linkDestination":"none","align":"center","style":{"border":{"radius":"15px"}}} -->
                <figure class="wp-block-image aligncenter size-full has-custom-border"><img src="<?php echo esc_url(get_template_directory_uri() . '/assets/images/cryzel-company-13.webp'); ?>" alt="<?php esc_attr_e('Photo of a cryzel company image.', 'cryzel'); ?>" class="wp-image-3497" style="border-radius:15px" /></figure>
                <!-- /wp:image -->
            </div>
            <!-- /wp:column -->
        </div>
        <!-- /wp:columns -->
    </div>
    <!-- /wp:column -->
</div>
<!-- /wp:columns -->