<?php

/**
 * Title: Service Grid
 * Slug: axvart/a9-service-grid
 * Categories: featured
 * Block Types: core/template-part/featured
 * Description: A full-width cover section with a large background image and an oversized heading.
 *
 * @package WordPress
 * @subpackage Axvart
 * @since Axvart 1.0
 */
?>

<!-- wp:cover {"url":"<?php echo esc_url(get_template_directory_uri() . '/assets/images/axvart-frame-2.png'); ?>","id":6764,"dimRatio":0,"isUserOverlayColor":true,"focalPoint":{"x":0.5,"y":0.5},"minHeight":1227,"minHeightUnit":"px","isDark":false,"sizeSlug":"full","align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|axvart-huge","bottom":"var:preset|spacing|axvart-huge"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-cover alignfull is-light" style="padding-top:var(--wp--preset--spacing--axvart-huge);padding-bottom:var(--wp--preset--spacing--axvart-huge);min-height:1227px"><img class="wp-block-cover__image-background wp-image-6764 size-full" alt="" src="<?php echo esc_url(get_template_directory_uri() . '/assets/images/axvart-frame-2.png'); ?>" style="object-position:50% 50%" data-object-fit="cover" data-object-position="50% 50%" /><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 {"align":"wide","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|axvart-normal","left":"var:preset|spacing|axvart-normal"}}}} -->
        <div class="wp-block-columns alignwide"><!-- wp:column {"verticalAlignment":"center","style":{"border":{"radius":{"topLeft":"10px","topRight":"10px","bottomLeft":"10px","bottomRight":"10px"},"width":"1px"},"spacing":{"padding":{"top":"var:preset|spacing|axvart-normal","bottom":"var:preset|spacing|axvart-normal","left":"var:preset|spacing|axvart-normal","right":"var:preset|spacing|axvart-normal"}}},"backgroundColor":"base","borderColor":"accent-5"} -->
            <div class="wp-block-column is-vertically-aligned-center has-border-color has-accent-5-border-color has-base-background-color has-background" style="border-width:1px;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;padding-top:var(--wp--preset--spacing--axvart-normal);padding-right:var(--wp--preset--spacing--axvart-normal);padding-bottom:var(--wp--preset--spacing--axvart-normal);padding-left:var(--wp--preset--spacing--axvart-normal)"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"}} -->
                <div class="wp-block-group"><!-- wp:axvart/svg-icon {"iconUrl":"<?php echo esc_url(get_template_directory_uri() . '/assets/images/axvart-drag-drop-line.svg'); ?>","style":{"spacing":{"margin":{"top":"0","bottom":"0"}},"typography":[],"border":{"radius":"0px","width":"0px","style":"none"},"elements":{"link":{"color":{"text":"var:preset|color|contrast"}}}},"align":"left","enableColorModification":true,"textColor":"contrast"} -->
                    <div class="wp-block-axvart-svg-icon alignleft has-text-align-left axvart-svg-icon-block has-contrast-color has-transparent-background-color has-text-color has-background has-link-color" style="border-style:none;border-width:0px;margin-top:0;margin-bottom:0;--icon-color:currentColor;--icon-bg-color:transparent">
                        <div class="svg-icon-container" style="display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;line-height:0;color:var(--icon-color, currentColor);background-color:var(--icon-bg-color, transparent)">
                            <div class="svg-icon-mask" data-icon-url="<?php echo esc_url(get_template_directory_uri() . '/assets/images/axvart-drag-drop-line.svg'); ?>" style="width:100%;height:100%;background-color:currentColor;-webkit-mask:url(&quot;<?php echo esc_url(get_template_directory_uri() . '/assets/images/axvart-drag-drop-line.svg'); ?>&quot;) center / contain no-repeat;mask:url(&quot;<?php echo esc_url(get_template_directory_uri() . '/assets/images/axvart-drag-drop-line.svg'); ?>&quot;) center / contain no-repeat"></div>
                        </div>
                    </div>
                    <!-- /wp:axvart/svg-icon -->
                </div>
                <!-- /wp:group -->

                <!-- wp:heading {"textAlign":"left","style":{"spacing":{"margin":{"top":"var:preset|spacing|50"}},"elements":{"link":{"color":{"text":"var:preset|color|accent-2"}}}},"textColor":"accent-2","fontSize":"normal","fontFamily":"urbanist"} -->
                <h2 class="wp-block-heading has-text-align-left has-accent-2-color has-text-color has-link-color has-urbanist-font-family has-normal-font-size" style="margin-top:var(--wp--preset--spacing--50)"><?php echo esc_html__('Full Design Control', 'axvart'); ?></h2>
                <!-- /wp:heading -->

                <!-- wp:paragraph {"align":"left","className":"is-style-default","style":{"elements":{"link":{"color":{"text":"var:preset|color|accent-3"}}},"typography":{"lineHeight":1.6}},"textColor":"accent-3","fontSize":"small"} -->
                <p class="has-text-align-left is-style-default has-accent-3-color has-text-color has-link-color has-small-font-size" style="line-height:1.6"><?php echo esc_html__('Take full control over typography, colors, spacing, and layouts with intuitive customization options. Axvart gives designers and developers.', 'axvart'); ?></p>
                <!-- /wp:paragraph -->

                <!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"left"}} -->
                <div class="wp-block-group"><!-- wp:axvart/advanced-button {"text":"Read More","icon":"\u003csvg xmlns=\u0022http://www.w3.org/2000/svg\u0022 viewBox=\u00220 0 24 24\u0022 fill=\u0022currentColor\u0022\u003e\u003cpath d=\u0022M16.0037 9.41421L7.39712 18.0208L5.98291 16.6066L14.5895 8H7.00373V6H18.0037V17H16.0037V9.41421Z\u0022\u003e\u003c/path\u003e\u003c/svg\u003e","iconType":"svg","iconSize":24,"iconColor":"var(\u002d\u002dwp\u002d\u002dpreset\u002d\u002dcolor\u002d\u002daccent-2)","iconHoverColor":"var(\u002d\u002dwp\u002d\u002dpreset\u002d\u002dcolor\u002d\u002daccent-2)","iconGap":10,"bgGradient":"","textColor":"var(\u002d\u002dwp\u002d\u002dpreset\u002d\u002dcolor\u002d\u002daccent-2)","hoverTextColor":"var(\u002d\u002dwp\u002d\u002dpreset\u002d\u002dcolor\u002d\u002daccent-2)","paddingX":0,"paddingY":5,"alignment":"left"} -->
                    <a class="wp-block-axvart-advanced-button axvart-advanced-button align-left width-auto hover-effect-lift icon-anim-slide" style="--text-color:var(--wp--preset--color--accent-2);--hover-text-color:var(--wp--preset--color--accent-2);--font-size:16px;--font-weight:600;--line-height:1;--letter-spacing:0px;--border-radius:50px;--padding-x:0px;--padding-y:5px;--border-width:0px;--border-style:solid;--border-color:transparent;--hover-border-color:transparent;--icon-size:24px;--icon-color:var(--wp--preset--color--accent-2);--icon-hover-color:var(--wp--preset--color--accent-2);--icon-gap:10px;--transition-duration:0.3s;color:var(--wp--preset--color--accent-2);font-size:16px;font-weight:600;line-height:1;letter-spacing:0px;border-radius:50px;padding:5px 0px;border:0px solid transparent;display:inline-flex;width:auto;white-space:nowrap;flex-shrink:0" href="" target="_self">
                        <div class="button-content"><span class="button-text"><?php echo esc_html__('Read More', 'axvart'); ?></span><span class="button-icon position-right" style="font-size:24px;color:var(--wp--preset--color--accent-2);margin-right:0;margin-left:10px"><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
                                        <path d="M16.0037 9.41421L7.39712 18.0208L5.98291 16.6066L14.5895 8H7.00373V6H18.0037V17H16.0037V9.41421Z"></path>
                                    </svg></span></span></div>
                    </a>
                    <!-- /wp:axvart/advanced-button -->
                </div>
                <!-- /wp:group -->
            </div>
            <!-- /wp:column -->

            <!-- wp:column {"verticalAlignment":"center","style":{"border":{"radius":{"topLeft":"10px","topRight":"10px","bottomLeft":"10px","bottomRight":"10px"}},"spacing":{"padding":{"top":"var:preset|spacing|axvart-normal","bottom":"var:preset|spacing|axvart-normal","left":"var:preset|spacing|axvart-normal","right":"var:preset|spacing|axvart-normal"}}},"gradient":"accent-gradient"} -->
            <div class="wp-block-column is-vertically-aligned-center has-accent-gradient-gradient-background has-background" style="border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;padding-top:var(--wp--preset--spacing--axvart-normal);padding-right:var(--wp--preset--spacing--axvart-normal);padding-bottom:var(--wp--preset--spacing--axvart-normal);padding-left:var(--wp--preset--spacing--axvart-normal)"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"}} -->
                <div class="wp-block-group"><!-- wp:axvart/svg-icon {"iconUrl":"<?php echo esc_url(get_template_directory_uri() . '/assets/images/axvart-flow-chart.svg'); ?>","style":{"spacing":{"margin":{"top":"0","bottom":"0"}},"typography":[],"border":{"radius":"0px","width":"0px","style":"none"},"elements":{"link":{"color":{"text":"var:preset|color|base"}}}},"align":"left","enableColorModification":true,"textColor":"base"} -->
                    <div class="wp-block-axvart-svg-icon alignleft has-text-align-left axvart-svg-icon-block has-base-color has-transparent-background-color has-text-color has-background has-link-color" style="border-style:none;border-width:0px;margin-top:0;margin-bottom:0;--icon-color:currentColor;--icon-bg-color:transparent">
                        <div class="svg-icon-container" style="display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;line-height:0;color:var(--icon-color, currentColor);background-color:var(--icon-bg-color, transparent)">
                            <div class="svg-icon-mask" data-icon-url="<?php echo esc_url(get_template_directory_uri() . '/assets/images/axvart-flow-chart.svg'); ?>" style="width:100%;height:100%;background-color:currentColor;-webkit-mask:url(&quot;<?php echo esc_url(get_template_directory_uri() . '/assets/images/axvart-flow-chart.svg'); ?>&quot;) center / contain no-repeat;mask:url(&quot;<?php echo esc_url(get_template_directory_uri() . '/assets/images/axvart-flow-chart.svg'); ?>&quot;) center / contain no-repeat"></div>
                        </div>
                    </div>
                    <!-- /wp:axvart/svg-icon -->
                </div>
                <!-- /wp:group -->

                <!-- wp:heading {"textAlign":"left","className":"is-style-default","style":{"spacing":{"margin":{"top":"var:preset|spacing|50","bottom":"0"}},"elements":{"link":{"color":{"text":"var:preset|color|base"}}}},"textColor":"base","fontSize":"normal","fontFamily":"urbanist"} -->
                <h2 class="wp-block-heading has-text-align-left is-style-default has-base-color has-text-color has-link-color has-urbanist-font-family has-normal-font-size" style="margin-top:var(--wp--preset--spacing--50);margin-bottom:0"><?php echo esc_html__('Gutenberg Block System', 'axvart'); ?></h2>
                <!-- /wp:heading -->

                <!-- wp:paragraph {"align":"left","className":"is-style-default","style":{"elements":{"link":{"color":{"text":"var:preset|color|base"}}},"typography":{"lineHeight":1.6}},"textColor":"base","fontSize":"small","fontFamily":"open-sans"} -->
                <p class="has-text-align-left is-style-default has-base-color has-text-color has-link-color has-open-sans-font-family has-small-font-size" style="line-height:1.6"><?php echo esc_html__('Axvart is powered by an advanced Gutenberg block system that lets you design pages visually and efficiently. Create stunning layouts.', 'axvart'); ?></p>
                <!-- /wp:paragraph -->

                <!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"center","justifyContent":"left"}} -->
                <div class="wp-block-group"><!-- wp:axvart/advanced-button {"text":"Read More","icon":"\u003csvg xmlns=\u0022http://www.w3.org/2000/svg\u0022 viewBox=\u00220 0 24 24\u0022 fill=\u0022currentColor\u0022\u003e\u003cpath d=\u0022M16.0037 9.41421L7.39712 18.0208L5.98291 16.6066L14.5895 8H7.00373V6H18.0037V17H16.0037V9.41421Z\u0022\u003e\u003c/path\u003e\u003c/svg\u003e","iconType":"svg","iconSize":24,"iconColor":"var(\u002d\u002dwp\u002d\u002dpreset\u002d\u002dcolor\u002d\u002dbase)","iconGap":10,"bgGradient":"","paddingX":0,"paddingY":5,"alignment":"left"} -->
                    <a class="wp-block-axvart-advanced-button axvart-advanced-button align-left width-auto hover-effect-lift icon-anim-slide" style="--text-color:var(--wp--preset--color--base);--hover-text-color:var(--wp--preset--color--base);--font-size:16px;--font-weight:600;--line-height:1;--letter-spacing:0px;--border-radius:50px;--padding-x:0px;--padding-y:5px;--border-width:0px;--border-style:solid;--border-color:transparent;--hover-border-color:transparent;--icon-size:24px;--icon-color:var(--wp--preset--color--base);--icon-hover-color:var(--wp--preset--color--base);--icon-gap:10px;--transition-duration:0.3s;color:var(--wp--preset--color--base);font-size:16px;font-weight:600;line-height:1;letter-spacing:0px;border-radius:50px;padding:5px 0px;border:0px solid transparent;display:inline-flex;width:auto;white-space:nowrap;flex-shrink:0" href="" target="_self">
                        <div class="button-content"><span class="button-text"><?php echo esc_html__('Read More', 'axvart'); ?></span><span class="button-icon position-right" style="font-size:24px;color:var(--wp--preset--color--base);margin-right:0;margin-left:10px"><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
                                        <path d="M16.0037 9.41421L7.39712 18.0208L5.98291 16.6066L14.5895 8H7.00373V6H18.0037V17H16.0037V9.41421Z"></path>
                                    </svg></span></span></div>
                    </a>
                    <!-- /wp:axvart/advanced-button -->
                </div>
                <!-- /wp:group -->
            </div>
            <!-- /wp:column -->

            <!-- wp:column {"verticalAlignment":"center","style":{"border":{"radius":{"topLeft":"10px","topRight":"10px","bottomLeft":"10px","bottomRight":"10px"},"width":"1px"},"spacing":{"padding":{"top":"var:preset|spacing|axvart-normal","bottom":"var:preset|spacing|axvart-normal","left":"var:preset|spacing|axvart-normal","right":"var:preset|spacing|axvart-normal"}}},"backgroundColor":"base","borderColor":"accent-5"} -->
            <div class="wp-block-column is-vertically-aligned-center has-border-color has-accent-5-border-color has-base-background-color has-background" style="border-width:1px;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;padding-top:var(--wp--preset--spacing--axvart-normal);padding-right:var(--wp--preset--spacing--axvart-normal);padding-bottom:var(--wp--preset--spacing--axvart-normal);padding-left:var(--wp--preset--spacing--axvart-normal)"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"}} -->
                <div class="wp-block-group"><!-- wp:axvart/svg-icon {"iconUrl":"<?php echo esc_url(get_template_directory_uri() . '/assets/images/axvart-loop-left-ai-fill.svg'); ?>","style":{"spacing":{"margin":{"top":"0","bottom":"0"}},"typography":[],"border":{"radius":"0px","width":"0px","style":"none"},"elements":{"link":{"color":{"text":"var:preset|color|contrast"}}}},"align":"left","enableColorModification":true,"textColor":"contrast"} -->
                    <div class="wp-block-axvart-svg-icon alignleft has-text-align-left axvart-svg-icon-block has-contrast-color has-transparent-background-color has-text-color has-background has-link-color" style="border-style:none;border-width:0px;margin-top:0;margin-bottom:0;--icon-color:currentColor;--icon-bg-color:transparent">
                        <div class="svg-icon-container" style="display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;line-height:0;color:var(--icon-color, currentColor);background-color:var(--icon-bg-color, transparent)">
                            <div class="svg-icon-mask" data-icon-url="<?php echo esc_url(get_template_directory_uri() . '/assets/images/axvart-loop-left-ai-fill.svg'); ?>" style="width:100%;height:100%;background-color:currentColor;-webkit-mask:url(&quot;<?php echo esc_url(get_template_directory_uri() . '/assets/images/axvart-loop-left-ai-fill.svg'); ?>&quot;) center / contain no-repeat;mask:url(&quot;<?php echo esc_url(get_template_directory_uri() . '/assets/images/axvart-loop-left-ai-fill.svg'); ?>&quot;) center / contain no-repeat"></div>
                        </div>
                    </div>
                    <!-- /wp:axvart/svg-icon -->
                </div>
                <!-- /wp:group -->

                <!-- wp:heading {"textAlign":"left","style":{"spacing":{"margin":{"top":"var:preset|spacing|50"}},"elements":{"link":{"color":{"text":"var:preset|color|accent-2"}}}},"textColor":"accent-2","fontSize":"normal","fontFamily":"urbanist"} -->
                <h2 class="wp-block-heading has-text-align-left has-accent-2-color has-text-color has-link-color has-urbanist-font-family has-normal-font-size" style="margin-top:var(--wp--preset--spacing--50)"><?php echo esc_html__('Performance Optimized', 'axvart'); ?></h2>
                <!-- /wp:heading -->

                <!-- wp:paragraph {"align":"left","className":"is-style-default","style":{"elements":{"link":{"color":{"text":"var:preset|color|accent-3"}}},"typography":{"lineHeight":1.6}},"textColor":"accent-3","fontSize":"small","fontFamily":"open-sans"} -->
                <p class="has-text-align-left is-style-default has-accent-3-color has-text-color has-link-color has-open-sans-font-family has-small-font-size" style="line-height:1.6"><?php echo esc_html__('Built with clean and lightweight code, Axvart ensures fast loading speeds and smooth performance. Deliver a seamless user experience.', 'axvart'); ?></p>
                <!-- /wp:paragraph -->

                <!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"left"}} -->
                <div class="wp-block-group"><!-- wp:axvart/advanced-button {"text":"Read More","icon":"\u003csvg xmlns=\u0022http://www.w3.org/2000/svg\u0022 viewBox=\u00220 0 24 24\u0022 fill=\u0022currentColor\u0022\u003e\u003cpath d=\u0022M16.0037 9.41421L7.39712 18.0208L5.98291 16.6066L14.5895 8H7.00373V6H18.0037V17H16.0037V9.41421Z\u0022\u003e\u003c/path\u003e\u003c/svg\u003e","iconType":"svg","iconSize":24,"iconColor":"var(\u002d\u002dwp\u002d\u002dpreset\u002d\u002dcolor\u002d\u002daccent-2)","iconHoverColor":"var(\u002d\u002dwp\u002d\u002dpreset\u002d\u002dcolor\u002d\u002daccent-2)","iconGap":10,"bgGradient":"","textColor":"var(\u002d\u002dwp\u002d\u002dpreset\u002d\u002dcolor\u002d\u002daccent-2)","hoverTextColor":"var(\u002d\u002dwp\u002d\u002dpreset\u002d\u002dcolor\u002d\u002daccent-2)","paddingX":0,"paddingY":5,"alignment":"left"} -->
                    <a class="wp-block-axvart-advanced-button axvart-advanced-button align-left width-auto hover-effect-lift icon-anim-slide" style="--text-color:var(--wp--preset--color--accent-2);--hover-text-color:var(--wp--preset--color--accent-2);--font-size:16px;--font-weight:600;--line-height:1;--letter-spacing:0px;--border-radius:50px;--padding-x:0px;--padding-y:5px;--border-width:0px;--border-style:solid;--border-color:transparent;--hover-border-color:transparent;--icon-size:24px;--icon-color:var(--wp--preset--color--accent-2);--icon-hover-color:var(--wp--preset--color--accent-2);--icon-gap:10px;--transition-duration:0.3s;color:var(--wp--preset--color--accent-2);font-size:16px;font-weight:600;line-height:1;letter-spacing:0px;border-radius:50px;padding:5px 0px;border:0px solid transparent;display:inline-flex;width:auto;white-space:nowrap;flex-shrink:0" href="" target="_self">
                        <div class="button-content"><span class="button-text"><?php echo esc_html__('Read More', 'axvart'); ?></span><span class="button-icon position-right" style="font-size:24px;color:var(--wp--preset--color--accent-2);margin-right:0;margin-left:10px"><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
                                        <path d="M16.0037 9.41421L7.39712 18.0208L5.98291 16.6066L14.5895 8H7.00373V6H18.0037V17H16.0037V9.41421Z"></path>
                                    </svg></span></span></div>
                    </a>
                    <!-- /wp:axvart/advanced-button -->
                </div>
                <!-- /wp:group -->
            </div>
            <!-- /wp:column -->
        </div>
        <!-- /wp:columns -->

        <!-- wp:columns {"align":"wide","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|axvart-normal","left":"var:preset|spacing|axvart-normal"},"margin":{"top":"var:preset|spacing|axvart-normal","bottom":"var:preset|spacing|axvart-normal"}}}} -->
        <div class="wp-block-columns alignwide" style="margin-top:var(--wp--preset--spacing--axvart-normal);margin-bottom:var(--wp--preset--spacing--axvart-normal)"><!-- wp:column {"verticalAlignment":"center","style":{"border":{"radius":{"topLeft":"10px","topRight":"10px","bottomLeft":"10px","bottomRight":"10px"}},"spacing":{"padding":{"top":"var:preset|spacing|axvart-normal","bottom":"var:preset|spacing|axvart-normal","left":"var:preset|spacing|axvart-normal","right":"var:preset|spacing|axvart-normal"}}},"gradient":"accent-gradient"} -->
            <div class="wp-block-column is-vertically-aligned-center has-accent-gradient-gradient-background has-background" style="border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;padding-top:var(--wp--preset--spacing--axvart-normal);padding-right:var(--wp--preset--spacing--axvart-normal);padding-bottom:var(--wp--preset--spacing--axvart-normal);padding-left:var(--wp--preset--spacing--axvart-normal)"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"}} -->
                <div class="wp-block-group"><!-- wp:axvart/svg-icon {"iconUrl":"<?php echo esc_url(get_template_directory_uri() . '/assets/images/axvart-layout-line.svg'); ?>","style":{"spacing":{"margin":{"top":"0","bottom":"0"}},"typography":[],"border":{"radius":"0px","width":"0px","style":"none"},"elements":{"link":{"color":{"text":"var:preset|color|base"}}}},"align":"left","enableColorModification":true,"textColor":"base"} -->
                    <div class="wp-block-axvart-svg-icon alignleft has-text-align-left axvart-svg-icon-block has-base-color has-transparent-background-color has-text-color has-background has-link-color" style="border-style:none;border-width:0px;margin-top:0;margin-bottom:0;--icon-color:currentColor;--icon-bg-color:transparent">
                        <div class="svg-icon-container" style="display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;line-height:0;color:var(--icon-color, currentColor);background-color:var(--icon-bg-color, transparent)">
                            <div class="svg-icon-mask" data-icon-url="<?php echo esc_url(get_template_directory_uri() . '/assets/images/axvart-layout-line.svg'); ?>" style="width:100%;height:100%;background-color:currentColor;-webkit-mask:url(&quot;<?php echo esc_url(get_template_directory_uri() . '/assets/images/axvart-layout-line.svg'); ?>&quot;) center / contain no-repeat;mask:url(&quot;<?php echo esc_url(get_template_directory_uri() . '/assets/images/axvart-layout-line.svg'); ?>&quot;) center / contain no-repeat"></div>
                        </div>
                    </div>
                    <!-- /wp:axvart/svg-icon -->
                </div>
                <!-- /wp:group -->

                <!-- wp:heading {"textAlign":"left","className":"is-style-default","style":{"spacing":{"margin":{"top":"var:preset|spacing|50","bottom":"0"}},"elements":{"link":{"color":{"text":"var:preset|color|base"}}}},"textColor":"base","fontSize":"normal","fontFamily":"urbanist"} -->
                <h2 class="wp-block-heading has-text-align-left is-style-default has-base-color has-text-color has-link-color has-urbanist-font-family has-normal-font-size" style="margin-top:var(--wp--preset--spacing--50);margin-bottom:0"><?php echo esc_html__('Ready-Made Templates', 'axvart'); ?></h2>
                <!-- /wp:heading -->

                <!-- wp:paragraph {"align":"left","className":"is-style-default","style":{"elements":{"link":{"color":{"text":"var:preset|color|base"}}},"typography":{"lineHeight":1.6}},"textColor":"base","fontSize":"small"} -->
                <p class="has-text-align-left is-style-default has-base-color has-text-color has-link-color has-small-font-size" style="line-height:1.6"><?php echo esc_html__('Get access to a rich collection of professionally designed templates built specifically for modern websites. Axvart provides fully customizable layouts.', 'axvart'); ?></p>
                <!-- /wp:paragraph -->

                <!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"center","justifyContent":"left"}} -->
                <div class="wp-block-group"><!-- wp:axvart/advanced-button {"text":"Read More","icon":"\u003csvg xmlns=\u0022http://www.w3.org/2000/svg\u0022 viewBox=\u00220 0 24 24\u0022 fill=\u0022currentColor\u0022\u003e\u003cpath d=\u0022M16.0037 9.41421L7.39712 18.0208L5.98291 16.6066L14.5895 8H7.00373V6H18.0037V17H16.0037V9.41421Z\u0022\u003e\u003c/path\u003e\u003c/svg\u003e","iconType":"svg","iconSize":24,"iconColor":"var(\u002d\u002dwp\u002d\u002dpreset\u002d\u002dcolor\u002d\u002dbase)","iconGap":10,"bgGradient":"","paddingX":0,"paddingY":5,"alignment":"left"} -->
                    <a class="wp-block-axvart-advanced-button axvart-advanced-button align-left width-auto hover-effect-lift icon-anim-slide" style="--text-color:var(--wp--preset--color--base);--hover-text-color:var(--wp--preset--color--base);--font-size:16px;--font-weight:600;--line-height:1;--letter-spacing:0px;--border-radius:50px;--padding-x:0px;--padding-y:5px;--border-width:0px;--border-style:solid;--border-color:transparent;--hover-border-color:transparent;--icon-size:24px;--icon-color:var(--wp--preset--color--base);--icon-hover-color:var(--wp--preset--color--base);--icon-gap:10px;--transition-duration:0.3s;color:var(--wp--preset--color--base);font-size:16px;font-weight:600;line-height:1;letter-spacing:0px;border-radius:50px;padding:5px 0px;border:0px solid transparent;display:inline-flex;width:auto;white-space:nowrap;flex-shrink:0" href="" target="_self">
                        <div class="button-content"><span class="button-text"><?php echo esc_html__('Read More', 'axvart'); ?></span><span class="button-icon position-right" style="font-size:24px;color:var(--wp--preset--color--base);margin-right:0;margin-left:10px"><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
                                        <path d="M16.0037 9.41421L7.39712 18.0208L5.98291 16.6066L14.5895 8H7.00373V6H18.0037V17H16.0037V9.41421Z"></path>
                                    </svg></span></span></div>
                    </a>
                    <!-- /wp:axvart/advanced-button -->
                </div>
                <!-- /wp:group -->
            </div>
            <!-- /wp:column -->

            <!-- wp:column {"verticalAlignment":"center","style":{"border":{"radius":{"topLeft":"10px","topRight":"10px","bottomLeft":"10px","bottomRight":"10px"},"width":"1px"},"spacing":{"padding":{"top":"var:preset|spacing|axvart-normal","bottom":"var:preset|spacing|axvart-normal","left":"var:preset|spacing|axvart-normal","right":"var:preset|spacing|axvart-normal"}}},"backgroundColor":"base","borderColor":"accent-5"} -->
            <div class="wp-block-column is-vertically-aligned-center has-border-color has-accent-5-border-color has-base-background-color has-background" style="border-width:1px;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;padding-top:var(--wp--preset--spacing--axvart-normal);padding-right:var(--wp--preset--spacing--axvart-normal);padding-bottom:var(--wp--preset--spacing--axvart-normal);padding-left:var(--wp--preset--spacing--axvart-normal)"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"}} -->
                <div class="wp-block-group"><!-- wp:axvart/svg-icon {"iconUrl":"<?php echo esc_url(get_template_directory_uri() . '/assets/images/axvart-device-line.svg'); ?>","style":{"spacing":{"margin":{"top":"0","bottom":"0"}},"typography":[],"border":{"radius":"0px","width":"0px","style":"none"},"elements":{"link":{"color":{"text":"var:preset|color|contrast"}}}},"align":"left","enableColorModification":true,"textColor":"contrast"} -->
                    <div class="wp-block-axvart-svg-icon alignleft has-text-align-left axvart-svg-icon-block has-contrast-color has-transparent-background-color has-text-color has-background has-link-color" style="border-style:none;border-width:0px;margin-top:0;margin-bottom:0;--icon-color:currentColor;--icon-bg-color:transparent">
                        <div class="svg-icon-container" style="display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;line-height:0;color:var(--icon-color, currentColor);background-color:var(--icon-bg-color, transparent)">
                            <div class="svg-icon-mask" data-icon-url="<?php echo esc_url(get_template_directory_uri() . '/assets/images/axvart-device-line.svg'); ?>" style="width:100%;height:100%;background-color:currentColor;-webkit-mask:url(&quot;<?php echo esc_url(get_template_directory_uri() . '/assets/images/axvart-device-line.svg'); ?>&quot;) center / contain no-repeat;mask:url(&quot;<?php echo esc_url(get_template_directory_uri() . '/assets/images/axvart-device-line.svg'); ?>&quot;) center / contain no-repeat"></div>
                        </div>
                    </div>
                    <!-- /wp:axvart/svg-icon -->
                </div>
                <!-- /wp:group -->

                <!-- wp:heading {"textAlign":"left","style":{"spacing":{"margin":{"top":"var:preset|spacing|50"}},"elements":{"link":{"color":{"text":"var:preset|color|accent-2"}}}},"textColor":"accent-2","fontSize":"normal","fontFamily":"urbanist"} -->
                <h2 class="wp-block-heading has-text-align-left has-accent-2-color has-text-color has-link-color has-urbanist-font-family has-normal-font-size" style="margin-top:var(--wp--preset--spacing--50)"><?php echo esc_html__('Responsive & Mobile Ready', 'axvart'); ?></h2>
                <!-- /wp:heading -->

                <!-- wp:paragraph {"align":"left","className":"is-style-default","style":{"elements":{"link":{"color":{"text":"var:preset|color|accent-3"}}},"typography":{"lineHeight":1.6}},"textColor":"accent-3","fontSize":"small"} -->
                <p class="has-text-align-left is-style-default has-accent-3-color has-text-color has-link-color has-small-font-size" style="line-height:1.6"><?php echo esc_html__('Every element of Axvart is carefully designed to be fully responsive, ensuring a seamless experience across all devices and screen sizes.', 'axvart'); ?></p>
                <!-- /wp:paragraph -->

                <!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"left"}} -->
                <div class="wp-block-group"><!-- wp:axvart/advanced-button {"text":"Read More","icon":"\u003csvg xmlns=\u0022http://www.w3.org/2000/svg\u0022 viewBox=\u00220 0 24 24\u0022 fill=\u0022currentColor\u0022\u003e\u003cpath d=\u0022M16.0037 9.41421L7.39712 18.0208L5.98291 16.6066L14.5895 8H7.00373V6H18.0037V17H16.0037V9.41421Z\u0022\u003e\u003c/path\u003e\u003c/svg\u003e","iconType":"svg","iconSize":24,"iconColor":"var(\u002d\u002dwp\u002d\u002dpreset\u002d\u002dcolor\u002d\u002daccent-2)","iconHoverColor":"var(\u002d\u002dwp\u002d\u002dpreset\u002d\u002dcolor\u002d\u002daccent-2)","iconGap":10,"bgGradient":"","textColor":"var(\u002d\u002dwp\u002d\u002dpreset\u002d\u002dcolor\u002d\u002daccent-2)","hoverTextColor":"var(\u002d\u002dwp\u002d\u002dpreset\u002d\u002dcolor\u002d\u002daccent-2)","paddingX":0,"paddingY":5,"alignment":"left"} -->
                    <a class="wp-block-axvart-advanced-button axvart-advanced-button align-left width-auto hover-effect-lift icon-anim-slide" style="--text-color:var(--wp--preset--color--accent-2);--hover-text-color:var(--wp--preset--color--accent-2);--font-size:16px;--font-weight:600;--line-height:1;--letter-spacing:0px;--border-radius:50px;--padding-x:0px;--padding-y:5px;--border-width:0px;--border-style:solid;--border-color:transparent;--hover-border-color:transparent;--icon-size:24px;--icon-color:var(--wp--preset--color--accent-2);--icon-hover-color:var(--wp--preset--color--accent-2);--icon-gap:10px;--transition-duration:0.3s;color:var(--wp--preset--color--accent-2);font-size:16px;font-weight:600;line-height:1;letter-spacing:0px;border-radius:50px;padding:5px 0px;border:0px solid transparent;display:inline-flex;width:auto;white-space:nowrap;flex-shrink:0" href="" target="_self">
                        <div class="button-content"><span class="button-text"><?php echo esc_html__('Read More', 'axvart'); ?></span><span class="button-icon position-right" style="font-size:24px;color:var(--wp--preset--color--accent-2);margin-right:0;margin-left:10px"><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
                                        <path d="M16.0037 9.41421L7.39712 18.0208L5.98291 16.6066L14.5895 8H7.00373V6H18.0037V17H16.0037V9.41421Z"></path>
                                    </svg></span></span></div>
                    </a>
                    <!-- /wp:axvart/advanced-button -->
                </div>
                <!-- /wp:group -->
            </div>
            <!-- /wp:column -->

            <!-- wp:column {"verticalAlignment":"center","style":{"border":{"radius":{"topLeft":"10px","topRight":"10px","bottomLeft":"10px","bottomRight":"10px"}},"spacing":{"padding":{"top":"var:preset|spacing|axvart-normal","bottom":"var:preset|spacing|axvart-normal","left":"var:preset|spacing|axvart-normal","right":"var:preset|spacing|axvart-normal"}}},"gradient":"accent-gradient"} -->
            <div class="wp-block-column is-vertically-aligned-center has-accent-gradient-gradient-background has-background" style="border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;padding-top:var(--wp--preset--spacing--axvart-normal);padding-right:var(--wp--preset--spacing--axvart-normal);padding-bottom:var(--wp--preset--spacing--axvart-normal);padding-left:var(--wp--preset--spacing--axvart-normal)"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"}} -->
                <div class="wp-block-group"><!-- wp:axvart/svg-icon {"iconUrl":"<?php echo esc_url(get_template_directory_uri() . '/assets/images/axvart-customer-service-2-line.svg'); ?>","style":{"spacing":{"margin":{"top":"0","bottom":"0"}},"typography":[],"border":{"radius":"0px","width":"0px","style":"none"},"elements":{"link":{"color":{"text":"var:preset|color|base"}}}},"align":"left","enableColorModification":true,"textColor":"base"} -->
                    <div class="wp-block-axvart-svg-icon alignleft has-text-align-left axvart-svg-icon-block has-base-color has-transparent-background-color has-text-color has-background has-link-color" style="border-style:none;border-width:0px;margin-top:0;margin-bottom:0;--icon-color:currentColor;--icon-bg-color:transparent">
                        <div class="svg-icon-container" style="display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;line-height:0;color:var(--icon-color, currentColor);background-color:var(--icon-bg-color, transparent)">
                            <div class="svg-icon-mask" data-icon-url="<?php echo esc_url(get_template_directory_uri() . '/assets/images/axvart-customer-service-2-line.svg'); ?>" style="width:100%;height:100%;background-color:currentColor;-webkit-mask:url(&quot;<?php echo esc_url(get_template_directory_uri() . '/assets/images/axvart-customer-service-2-line.svg'); ?>&quot;) center / contain no-repeat;mask:url(&quot;<?php echo esc_url(get_template_directory_uri() . '/assets/images/axvart-customer-service-2-line.svg'); ?>&quot;) center / contain no-repeat"></div>
                        </div>
                    </div>
                    <!-- /wp:axvart/svg-icon -->
                </div>
                <!-- /wp:group -->

                <!-- wp:heading {"textAlign":"left","className":"is-style-default","style":{"spacing":{"margin":{"top":"var:preset|spacing|50","bottom":"0"}},"elements":{"link":{"color":{"text":"var:preset|color|base"}}}},"textColor":"base","fontSize":"normal","fontFamily":"urbanist"} -->
                <h2 class="wp-block-heading has-text-align-left is-style-default has-base-color has-text-color has-link-color has-urbanist-font-family has-normal-font-size" style="margin-top:var(--wp--preset--spacing--50);margin-bottom:0"><?php echo esc_html__('Support & Updates', 'axvart'); ?></h2>
                <!-- /wp:heading -->

                <!-- wp:paragraph {"align":"left","className":"is-style-default","style":{"elements":{"link":{"color":{"text":"var:preset|color|base"}}},"typography":{"lineHeight":1.6}},"textColor":"base","fontSize":"small"} -->
                <p class="has-text-align-left is-style-default has-base-color has-text-color has-link-color has-small-font-size" style="line-height:1.6"><?php echo esc_html__('Enjoy regular theme updates, new feature releases, and dependable customer support whenever you need it. Our dedicated team.', 'axvart'); ?></p>
                <!-- /wp:paragraph -->

                <!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"center","justifyContent":"left"}} -->
                <div class="wp-block-group"><!-- wp:axvart/advanced-button {"text":"Read More","icon":"\u003csvg xmlns=\u0022http://www.w3.org/2000/svg\u0022 viewBox=\u00220 0 24 24\u0022 fill=\u0022currentColor\u0022\u003e\u003cpath d=\u0022M16.0037 9.41421L7.39712 18.0208L5.98291 16.6066L14.5895 8H7.00373V6H18.0037V17H16.0037V9.41421Z\u0022\u003e\u003c/path\u003e\u003c/svg\u003e","iconType":"svg","iconSize":24,"iconColor":"var(\u002d\u002dwp\u002d\u002dpreset\u002d\u002dcolor\u002d\u002dbase)","iconGap":10,"bgGradient":"","paddingX":0,"paddingY":5,"alignment":"left"} -->
                    <a class="wp-block-axvart-advanced-button axvart-advanced-button align-left width-auto hover-effect-lift icon-anim-slide" style="--text-color:var(--wp--preset--color--base);--hover-text-color:var(--wp--preset--color--base);--font-size:16px;--font-weight:600;--line-height:1;--letter-spacing:0px;--border-radius:50px;--padding-x:0px;--padding-y:5px;--border-width:0px;--border-style:solid;--border-color:transparent;--hover-border-color:transparent;--icon-size:24px;--icon-color:var(--wp--preset--color--base);--icon-hover-color:var(--wp--preset--color--base);--icon-gap:10px;--transition-duration:0.3s;color:var(--wp--preset--color--base);font-size:16px;font-weight:600;line-height:1;letter-spacing:0px;border-radius:50px;padding:5px 0px;border:0px solid transparent;display:inline-flex;width:auto;white-space:nowrap;flex-shrink:0" href="" target="_self">
                        <div class="button-content"><span class="button-text">Read More</span><span class="button-icon position-right" style="font-size:24px;color:var(--wp--preset--color--base);margin-right:0;margin-left:10px"><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
                                        <path d="M16.0037 9.41421L7.39712 18.0208L5.98291 16.6066L14.5895 8H7.00373V6H18.0037V17H16.0037V9.41421Z"></path>
                                    </svg></span></span></div>
                    </a>
                    <!-- /wp:axvart/advanced-button -->
                </div>
                <!-- /wp:group -->
            </div>
            <!-- /wp:column -->
        </div>
        <!-- /wp:columns -->
    </div>
</div>
<!-- /wp:cover -->