<?php
/**
 * Title: Our Services
 * Slug: gutenify-nox/wwd
 * Categories: gutenify-nox
 */
?>
<!-- wp:group {"metadata":{"name":"What We Do"},"align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50","right":"var:preset|spacing|40","left":"var:preset|spacing|40"},"blockGap":"0"}},"backgroundColor":"background","layout":{"inherit":true,"type":"constrained"}} -->
<div class="wp-block-group alignfull has-background-background-color has-background"
    style="padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--40)">
    <!-- wp:group {"align":"wide","style":{"spacing":{"blockGap":"10px","padding":{"bottom":"var:preset|spacing|40"}}},"layout":{"type":"flex","flexWrap":"wrap","justifyContent":"space-between"}} -->
    <div class="wp-block-group alignwide" style="padding-bottom:var(--wp--preset--spacing--40)">
        <!-- wp:group {"style":{"spacing":{"blockGap":"10px"}},"layout":{"type":"constrained"}} -->
        <div class="wp-block-group">
            <!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|10"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
            <div class="wp-block-group">
                <!-- wp:group {"style":{"border":{"radius":{"topLeft":"100px","topRight":"100px","bottomLeft":"100px","bottomRight":"100px"},"color":"#ffffff82","width":"2px"},"spacing":{"padding":{"right":"var:preset|spacing|10","left":"var:preset|spacing|10","top":"0","bottom":"0"}},"shadow":"6px 6px 9px rgba(0, 0, 0, 0.2)"},"layout":{"type":"constrained"}} -->
                <div class="wp-block-group has-border-color"
                    style="border-color:#ffffff82;border-width:2px;border-top-left-radius:100px;border-top-right-radius:100px;border-bottom-left-radius:100px;border-bottom-right-radius:100px;padding-top:0;padding-right:var(--wp--preset--spacing--10);padding-bottom:0;padding-left:var(--wp--preset--spacing--10);box-shadow:6px 6px 9px rgba(0, 0, 0, 0.2)">
                    <!-- wp:paragraph {"align":"left","style":{"elements":{"link":{"color":{"text":"var:preset|color|foreground"}}},"typography":{"textTransform":"capitalize"}},"textColor":"foreground","fontSize":"normal"} -->
                    <p class="has-text-align-left has-foreground-color has-text-color has-link-color has-normal-font-size"
                        style="text-transform:capitalize"><?php echo esc_html__('Our Services', 'gutenify-nox'); ?></p>
                    <!-- /wp:paragraph -->
                </div>
                <!-- /wp:group -->
            </div>
            <!-- /wp:group -->

            <!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|10"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
            <div class="wp-block-group">
                <!-- wp:heading {"textAlign":"left","style":{"typography":{"textTransform":"capitalize","fontStyle":"normal","fontWeight":"400"},"elements":{"link":{"color":{"text":"var:preset|color|foreground"}}}},"textColor":"foreground","fontSize":"large","fontFamily":"lexend"} -->
                <h2 class="wp-block-heading has-text-align-left has-foreground-color has-text-color has-link-color has-lexend-font-family has-large-font-size"
                    style="font-style:normal;font-weight:400;text-transform:capitalize">
                    <?php echo esc_html__('Why Choose Us', 'gutenify-nox'); ?>
                </h2>
                <!-- /wp:heading -->
            </div>
            <!-- /wp:group -->
        </div>
        <!-- /wp:group -->

        <!-- wp:group {"align":"wide","style":{"spacing":{"blockGap":"0px","padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}},"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"center","verticalAlignment":"top"}} -->
        <div class="wp-block-group alignwide"
            style="padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px">
            <!-- wp:buttons {"style":{"spacing":{"blockGap":"10px","margin":{"top":"20px","bottom":"20px"}}},"layout":{"type":"flex","justifyContent":"left"}} -->
            <div class="wp-block-buttons" style="margin-top:20px;margin-bottom:20px">
                <!-- wp:button {"className":"is-style-fill","style":{"border":{"radius":[],"top":{"width":"1px","style":"none","color":"var:preset|color|primary"},"right":{"width":"1px","style":"none","color":"var:preset|color|primary"},"bottom":{"color":"var:preset|color|primary","width":"1px"},"left":{"width":"1px","style":"none","color":"var:preset|color|primary"}}}} -->
                <div class="wp-block-button is-style-fill"><a class="wp-block-button__link wp-element-button" href="#"
                        style="border-top-color:var(--wp--preset--color--primary);border-top-style:none;border-top-width:1px;border-right-color:var(--wp--preset--color--primary);border-right-style:none;border-right-width:1px;border-bottom-color:var(--wp--preset--color--primary);border-bottom-width:1px;border-left-color:var(--wp--preset--color--primary);border-left-style:none;border-left-width:1px"><?php echo esc_html__('View More', 'gutenify-nox'); ?></a>
                </div>
                <!-- /wp:button -->
            </div>
            <!-- /wp:buttons -->
        </div>
        <!-- /wp:group -->
    </div>
    <!-- /wp:group -->

    <!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"left":"0","top":"0","bottom":"var:preset|spacing|30"}}},"layout":{"type":"constrained","contentSize":""}} -->
    <div class="wp-block-group alignwide"
        style="padding-top:0;padding-bottom:var(--wp--preset--spacing--30);padding-left:0">
        <!-- wp:group {"align":"wide","style":{"spacing":{"blockGap":"50px"}},"layout":{"type":"grid","minimumColumnWidth":"22rem","columnCount":null}} -->
        <div class="wp-block-group alignwide">
            <!-- wp:group {"style":{"spacing":{"padding":{"right":"0","left":"0","top":"0","bottom":"0"},"blockGap":"0"},"border":{"width":"0px","style":"none","radius":{"topLeft":"4px","topRight":"4px","bottomLeft":"4px","bottomRight":"4px"}}},"backgroundColor":"background-secondary","layout":{"type":"constrained"}} -->
            <div class="wp-block-group has-background-secondary-background-color has-background"
                style="border-style:none;border-width:0px;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-left-radius:4px;border-bottom-right-radius:4px;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0">
                <!-- wp:group {"style":{"spacing":{"blockGap":"0"}},"layout":{"type":"constrained"}} -->
                <div class="wp-block-group">
                    <!-- wp:group {"style":{"spacing":{"padding":{"right":"var:preset|spacing|30","left":"var:preset|spacing|30","top":"var:preset|spacing|30","bottom":"var:preset|spacing|30"},"blockGap":"var:preset|spacing|10"},"layout":{"selfStretch":"fill","flexSize":null},"dimensions":{"minHeight":"100%"}},"layout":{"type":"constrained"}} -->
                    <div class="wp-block-group"
                        style="min-height:100%;padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)">
                        <!-- wp:group {"style":{"elements":{"link":{"color":{"text":"var:preset|color|background"}}}},"textColor":"background","layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"center"}} -->
                        <div class="wp-block-group has-background-color has-text-color has-link-color">
                            <!-- wp:image {"id":379,"width":"auto","height":"50px","sizeSlug":"full","linkDestination":"none","style":{"color":{"duotone":["#fff770","#ffffff"]}}} -->
                            <figure class="wp-block-image size-full is-resized"><img
                                    src="<?php echo esc_url(get_template_directory_uri()); ?>/assets/images/icon-1.png"
                                    alt="" class="wp-image-379" style="width:auto;height:50px" /></figure>
                            <!-- /wp:image -->
                        </div>
                        <!-- /wp:group -->

                        <!-- wp:group {"style":{"spacing":{"blockGap":"5px"}},"layout":{"type":"constrained"}} -->
                        <div class="wp-block-group">
                            <!-- wp:heading {"textAlign":"center","level":3,"style":{"elements":{"link":{"color":{"text":"var:preset|color|foreground"}}},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"foreground"} -->
                            <h3 class="wp-block-heading has-text-align-center has-foreground-color has-text-color has-link-color"
                                style="margin-top:0;margin-bottom:0"><a href="#"></a><a
                                    href="#"><?php echo esc_html__('Web Design', 'gutenify-nox'); ?></a></h3>
                            <!-- /wp:heading -->

                            <!-- wp:paragraph {"align":"center","style":{"elements":{"link":{"color":{"text":"var:preset|color|body-text"}}}},"textColor":"body-text"} -->
                            <p class="has-text-align-center has-body-text-color has-text-color has-link-color">
                                <?php echo esc_html__('Modern, captivating designs crafted to beautifully elevate and refine your brand identity.', 'gutenify-nox'); ?>
                            </p>
                            <!-- /wp:paragraph -->
                        </div>
                        <!-- /wp:group -->
                    </div>
                    <!-- /wp:group -->

                    <!-- wp:group {"style":{"spacing":{"padding":{"right":"var:preset|spacing|20"}}},"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"}} -->
                    <div class="wp-block-group" style="padding-right:var(--wp--preset--spacing--20)">
                        <!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|10","bottom":"var:preset|spacing|10","left":"var:preset|spacing|20","right":"var:preset|spacing|20"},"margin":{"top":"0","bottom":"0"}},"border":{"radius":{"topLeft":"0px","topRight":"8px","bottomLeft":"0px","bottomRight":"0px"}}},"backgroundColor":"background","layout":{"type":"constrained"}} -->
                        <div class="wp-block-group has-background-background-color has-background"
                            style="border-top-left-radius:0px;border-top-right-radius:8px;border-bottom-left-radius:0px;border-bottom-right-radius:0px;margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--10);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--10);padding-left:var(--wp--preset--spacing--20)">
                            <!-- wp:heading {"level":1,"style":{"layout":{"selfStretch":"fill","flexSize":null},"elements":{"link":{"color":{"text":"var:preset|color|foreground"}}}},"textColor":"foreground"} -->
                            <h1 class="wp-block-heading has-foreground-color has-text-color has-link-color">
                                <?php echo esc_html__('01', 'gutenify-nox'); ?>
                            </h1>
                            <!-- /wp:heading -->
                        </div>
                        <!-- /wp:group -->

                        <!-- wp:group {"style":{"spacing":{"blockGap":"10px"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
                        <div class="wp-block-group">
                            <!-- wp:image {"lightbox":{"enabled":false},"id":494,"width":"30px","sizeSlug":"full","linkDestination":"custom","style":{"color":{"duotone":["#fff","#ffffff"]}}} -->
                            <figure class="wp-block-image size-full is-resized"><img
                                    src="<?php echo esc_url(get_template_directory_uri()); ?>/assets/images/move-right.png"
                                    alt="" class="wp-image-494" style="width:30px" /></figure>
                            <!-- /wp:image -->
                        </div>
                        <!-- /wp:group -->
                    </div>
                    <!-- /wp:group -->
                </div>
                <!-- /wp:group -->
            </div>
            <!-- /wp:group -->

            <!-- wp:group {"style":{"spacing":{"padding":{"right":"0","left":"0","top":"0","bottom":"0"},"blockGap":"0"},"border":{"radius":{"topLeft":"4px","topRight":"4px","bottomLeft":"4px","bottomRight":"4px"}}},"backgroundColor":"primary","layout":{"type":"constrained"}} -->
            <div class="wp-block-group has-primary-background-color has-background"
                style="border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-left-radius:4px;border-bottom-right-radius:4px;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0">
                <!-- wp:group {"style":{"spacing":{"blockGap":"0"}},"layout":{"type":"constrained"}} -->
                <div class="wp-block-group">
                    <!-- wp:group {"style":{"spacing":{"padding":{"right":"var:preset|spacing|30","left":"var:preset|spacing|30","top":"var:preset|spacing|30","bottom":"var:preset|spacing|30"},"blockGap":"var:preset|spacing|10"},"layout":{"selfStretch":"fill","flexSize":null},"dimensions":{"minHeight":"100%"}},"layout":{"type":"constrained"}} -->
                    <div class="wp-block-group"
                        style="min-height:100%;padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)">
                        <!-- wp:group {"style":{"elements":{"link":{"color":{"text":"var:preset|color|background"}}}},"textColor":"background","layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"center"}} -->
                        <div class="wp-block-group has-background-color has-text-color has-link-color">
                            <!-- wp:image {"id":380,"width":"auto","height":"50px","sizeSlug":"full","linkDestination":"none","style":{"color":{"duotone":["#000","#000"]}}} -->
                            <figure class="wp-block-image size-full is-resized"><img
                                    src="<?php echo esc_url(get_template_directory_uri()); ?>/assets/images/icon-2.png"
                                    alt="" class="wp-image-380" style="width:auto;height:50px" /></figure>
                            <!-- /wp:image -->
                        </div>
                        <!-- /wp:group -->

                        <!-- wp:group {"style":{"spacing":{"blockGap":"10px"}},"layout":{"type":"constrained"}} -->
                        <div class="wp-block-group">
                            <!-- wp:heading {"textAlign":"center","level":3,"style":{"spacing":{"margin":{"top":"0","bottom":"0"}},"elements":{"link":{"color":{"text":"var:preset|color|background"}}}},"textColor":"background"} -->
                            <h3 class="wp-block-heading has-text-align-center has-background-color has-text-color has-link-color"
                                style="margin-top:0;margin-bottom:0">
                                <?php echo esc_html__('Web Development', 'gutenify-nox'); ?>
                            </h3>
                            <!-- /wp:heading -->

                            <!-- wp:paragraph {"align":"center","style":{"elements":{"link":{"color":{"text":"var:preset|color|background"}}}},"textColor":"background"} -->
                            <p class="has-text-align-center has-background-color has-text-color has-link-color">
                                <?php echo esc_html__('Fast, secure, and highly scalable online solutions engineered for optimal performance.', 'gutenify-nox'); ?>
                            </p>
                            <!-- /wp:paragraph -->
                        </div>
                        <!-- /wp:group -->
                    </div>
                    <!-- /wp:group -->

                    <!-- wp:group {"style":{"spacing":{"padding":{"bottom":"0","right":"var:preset|spacing|20"}}},"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"}} -->
                    <div class="wp-block-group" style="padding-right:var(--wp--preset--spacing--20);padding-bottom:0">
                        <!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|10","bottom":"var:preset|spacing|10","left":"var:preset|spacing|20","right":"var:preset|spacing|20"},"margin":{"top":"0","bottom":"0"}},"border":{"radius":{"topLeft":"0px","topRight":"8px","bottomLeft":"0px","bottomRight":"0px"}}},"backgroundColor":"background","layout":{"type":"constrained"}} -->
                        <div class="wp-block-group has-background-background-color has-background"
                            style="border-top-left-radius:0px;border-top-right-radius:8px;border-bottom-left-radius:0px;border-bottom-right-radius:0px;margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--10);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--10);padding-left:var(--wp--preset--spacing--20)">
                            <!-- wp:heading {"level":1,"style":{"layout":{"selfStretch":"fill","flexSize":null},"elements":{"link":{"color":{"text":"var:preset|color|foreground"}}}},"textColor":"foreground"} -->
                            <h1 class="wp-block-heading has-foreground-color has-text-color has-link-color">
                                <?php echo esc_html__('02', 'gutenify-nox'); ?>
                            </h1>
                            <!-- /wp:heading -->
                        </div>
                        <!-- /wp:group -->

                        <!-- wp:image {"lightbox":{"enabled":false},"id":495,"width":"30px","sizeSlug":"full","linkDestination":"custom","style":{"color":{"duotone":["#000","#000"]}}} -->
                        <figure class="wp-block-image size-full is-resized"><img
                                src="<?php echo esc_url(get_template_directory_uri()); ?>/assets/images/move-right.png"
                                alt="" class="wp-image-495" style="width:30px" /></figure>
                        <!-- /wp:image -->
                    </div>
                    <!-- /wp:group -->
                </div>
                <!-- /wp:group -->
            </div>
            <!-- /wp:group -->

            <!-- wp:group {"style":{"spacing":{"padding":{"right":"0","left":"0","top":"0","bottom":"0"},"blockGap":"0"},"border":{"radius":{"topLeft":"4px","topRight":"4px","bottomLeft":"4px","bottomRight":"4px"}}},"backgroundColor":"background-secondary","layout":{"type":"constrained"}} -->
            <div class="wp-block-group has-background-secondary-background-color has-background"
                style="border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-left-radius:4px;border-bottom-right-radius:4px;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0">
                <!-- wp:group {"style":{"spacing":{"blockGap":"0"}},"layout":{"type":"constrained"}} -->
                <div class="wp-block-group">
                    <!-- wp:group {"style":{"spacing":{"padding":{"right":"var:preset|spacing|30","left":"var:preset|spacing|30","top":"var:preset|spacing|30","bottom":"var:preset|spacing|30"},"blockGap":"var:preset|spacing|10"},"layout":{"selfStretch":"fill","flexSize":null},"dimensions":{"minHeight":"100%"}},"layout":{"type":"constrained"}} -->
                    <div class="wp-block-group"
                        style="min-height:100%;padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)">
                        <!-- wp:group {"style":{"elements":{"link":{"color":{"text":"var:preset|color|background"}}}},"textColor":"background","layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"center"}} -->
                        <div class="wp-block-group has-background-color has-text-color has-link-color">
                            <!-- wp:image {"id":381,"width":"auto","height":"50px","sizeSlug":"full","linkDestination":"none","style":{"color":{"duotone":["#fff770","#fff770"]}}} -->
                            <figure class="wp-block-image size-full is-resized"><img
                                    src="<?php echo esc_url(get_template_directory_uri()); ?>/assets/images/icon-3.png"
                                    alt="" class="wp-image-381" style="width:auto;height:50px" /></figure>
                            <!-- /wp:image -->
                        </div>
                        <!-- /wp:group -->

                        <!-- wp:group {"style":{"spacing":{"blockGap":"10px"}},"layout":{"type":"constrained"}} -->
                        <div class="wp-block-group">
                            <!-- wp:heading {"textAlign":"center","level":3,"style":{"elements":{"link":{"color":{"text":"var:preset|color|foreground"}}},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"foreground"} -->
                            <h3 class="wp-block-heading has-text-align-center has-foreground-color has-text-color has-link-color"
                                style="margin-top:0;margin-bottom:0">
                                <?php echo esc_html__('Brand Identity', 'gutenify-nox'); ?>
                            </h3>
                            <!-- /wp:heading -->

                            <!-- wp:paragraph {"align":"center","style":{"elements":{"link":{"color":{"text":"var:preset|color|body-text"}}}},"textColor":"body-text"} -->
                            <p class="has-text-align-center has-body-text-color has-text-color has-link-color">
                                <?php echo esc_html__('Forge a strong, memorable presence that deeply resonates &amp; connects with your audience.', 'gutenify-nox'); ?>
                            </p>
                            <!-- /wp:paragraph -->
                        </div>
                        <!-- /wp:group -->
                    </div>
                    <!-- /wp:group -->

                    <!-- wp:group {"style":{"spacing":{"padding":{"right":"var:preset|spacing|20","left":"0"}}},"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"}} -->
                    <div class="wp-block-group" style="padding-right:var(--wp--preset--spacing--20);padding-left:0">
                        <!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|10","bottom":"var:preset|spacing|10","left":"var:preset|spacing|20","right":"var:preset|spacing|20"},"margin":{"top":"0","bottom":"0"}},"border":{"radius":{"topLeft":"0px","topRight":"8px","bottomLeft":"0px","bottomRight":"0px"}}},"backgroundColor":"background","layout":{"type":"constrained"}} -->
                        <div class="wp-block-group has-background-background-color has-background"
                            style="border-top-left-radius:0px;border-top-right-radius:8px;border-bottom-left-radius:0px;border-bottom-right-radius:0px;margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--10);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--10);padding-left:var(--wp--preset--spacing--20)">
                            <!-- wp:heading {"level":1,"style":{"layout":{"selfStretch":"fill","flexSize":null},"elements":{"link":{"color":{"text":"var:preset|color|foreground"}}}},"textColor":"foreground"} -->
                            <h1 class="wp-block-heading has-foreground-color has-text-color has-link-color">
                                <?php echo esc_html__('03', 'gutenify-nox'); ?>
                            </h1>
                            <!-- /wp:heading -->
                        </div>
                        <!-- /wp:group -->

                        <!-- wp:image {"lightbox":{"enabled":false},"id":495,"width":"30px","sizeSlug":"full","linkDestination":"custom","style":{"color":{"duotone":["#fff","#ffffff"]}}} -->
                        <figure class="wp-block-image size-full is-resized"><img
                                src="<?php echo esc_url(get_template_directory_uri()); ?>/assets/images/move-right.png"
                                alt="" class="wp-image-495" style="width:30px" /></figure>
                        <!-- /wp:image -->
                    </div>
                    <!-- /wp:group -->
                </div>
                <!-- /wp:group -->
            </div>
            <!-- /wp:group -->
        </div>
        <!-- /wp:group -->
    </div>
    <!-- /wp:group -->
</div>
<!-- /wp:group -->