<?php
/**
 * Title: Product Section
 * Slug: cctv-services/product-section
 * Categories: cctv-services
 * Keywords: product-section
 * Block Types: core/post-content
 * Post Types: page, wp_template
 */
?>

<!-- wp:group {"className":"product-section alignbox-shadow: 0px 4px 7px 0px #00000040;full","style":{"spacing":{"padding":{"right":"0","left":"0","top":"var:preset|spacing|40","bottom":"var:preset|spacing|40"},"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"constrained","contentSize":"80%"}} -->
<div class="wp-block-group product-section alignbox-shadow: 0px 4px 7px #00000040;full" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--40);padding-right:0;padding-bottom:var(--wp--preset--spacing--40);padding-left:0"><!-- wp:group {"className":"product-head","layout":{"type":"constrained"}} -->
<div class="wp-block-group product-head"><!-- wp:heading {"textAlign":"center","level":3,"style":{"typography":{"fontSize":"30px"},"spacing":{"padding":{"top":"0","bottom":"0","left":"0","right":"0"},"margin":{"top":"0","bottom":"0","left":"0","right":"0"}},"elements":{"link":{"color":{"text":"#ffffff00"}}},"color":{"text":"#ffffff00"}},"gradient":"gradient-2","fontFamily":"orbitron"} -->
<h3 class="wp-block-heading has-text-align-center has-gradient-2-gradient-background has-text-color has-background has-link-color has-orbitron-font-family" style="color:#ffffff00;margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;font-size:30px"><?php echo esc_html__( 'New Arrival', 'cctv-services' ); ?></h3>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center","style":{"elements":{"link":{"color":{"text":"var:preset|color|contrast"}}},"typography":{"fontSize":"16px"},"spacing":{"margin":{"top":"10px"}}},"textColor":"contrast","fontFamily":"body"} -->
<p class="has-text-align-center has-contrast-color has-text-color has-link-color has-body-font-family" style="margin-top:10px;font-size:16px"><?php echo esc_html__( 'Recently Added Treasures', 'cctv-services' ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->


<?php if ( class_exists( 'WooCommerce' ) ) { ?>

<!-- wp:woocommerce/product-collection {"queryId":1,"query":{"perPage":3,"pages":1,"offset":0,"postType":"product","order":"desc","orderBy":"date","search":"","exclude":[],"inherit":false,"taxQuery":[],"isProductCollectionBlock":true,"featured":false,"woocommerceOnSale":false,"woocommerceStockStatus":["instock","outofstock","onbackorder"],"woocommerceAttributes":[],"woocommerceHandPickedProducts":[],"timeFrame":{"operator":"in","value":"-3 months"},"filterable":false,"relatedBy":{"categories":true,"tags":true}},"tagName":"div","displayLayout":{"type":"flex","columns":3,"shrinkColumns":true},"dimensions":{"widthType":"fill"},"collection":"woocommerce/product-collection/new-arrivals","hideControls":["inherit","order","filterable"],"queryContextIncludes":["collection"],"__privatePreviewState":{"isPreview":false,"previewMessage":"Actual products will vary depending on the page being viewed."},"className":"dynamic-product-section"} -->
<div class="wp-block-woocommerce-product-collection dynamic-product-section"><!-- wp:woocommerce/product-template -->
<!-- wp:group {"className":"ar-product-box","style":{"spacing":{"padding":{"top":"10px","bottom":"10px","left":"10px","right":"10px"}},"border":{"radius":{"topLeft":"15px","topRight":"15px","bottomLeft":"15px","bottomRight":"15px"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group ar-product-box" style="border-top-left-radius:15px;border-top-right-radius:15px;border-bottom-left-radius:15px;border-bottom-right-radius:15px;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px"><!-- wp:woocommerce/product-image {"showSaleBadge":false,"imageSizing":"thumbnail","isDescendentOfQueryLoop":true} -->
<!-- wp:woocommerce/product-rating {"isDescendentOfQueryLoop":true,"className":"product-rate","textColor":"base","style":{"elements":{"link":{"color":{"text":"var:preset|color|base"}}}}} /-->
<!-- /wp:woocommerce/product-image -->

<!-- wp:group {"className":"product-content","style":{"color":{"background":"#f4f4f4"},"border":{"radius":{"topLeft":"10px","topRight":"10px","bottomLeft":"10px","bottomRight":"10px"}},"spacing":{"padding":{"top":"10px","bottom":"10px","left":"var:preset|spacing|10","right":"var:preset|spacing|10"},"margin":{"top":"10px"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group product-content has-background" style="border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;background-color:#f4f4f4;margin-top:10px;padding-top:10px;padding-right:var(--wp--preset--spacing--10);padding-bottom:10px;padding-left:var(--wp--preset--spacing--10)"><!-- wp:post-title {"textAlign":"left","level":4,"isLink":true,"style":{"elements":{"link":{"color":{"text":"var:preset|color|text-color"}}},"typography":{"fontSize":"16px","fontStyle":"normal","fontWeight":"500"}},"textColor":"text-color","fontFamily":"body","__woocommerceNamespace":"woocommerce/product-collection/product-title"} /-->

<!-- wp:woocommerce/product-summary {"isDescendentOfQueryLoop":true,"summaryLength":8,"textColor":"text-color","fontFamily":"body","style":{"elements":{"link":{"color":{"text":"var:preset|color|text-color"}}},"typography":{"fontSize":"13px"},"spacing":{"margin":{"top":"8px"}}}} /-->

<!-- wp:group {"style":{"spacing":{"margin":{"top":"5px"}}},"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"center","justifyContent":"space-between"}} -->
<div class="wp-block-group" style="margin-top:5px"><!-- wp:woocommerce/product-price {"isDescendentOfQueryLoop":true,"textAlign":"left","textColor":"text-color","fontFamily":"body","style":{"elements":{"link":{"color":{"text":"var:preset|color|text-color"}}},"typography":{"fontSize":"16px","fontStyle":"normal","fontWeight":"500","lineHeight":"1"},"spacing":{"margin":{"top":"0","bottom":"0"}}}} /-->

<!-- wp:woocommerce/product-button {"textAlign":"right","isDescendentOfQueryLoop":true,"backgroundColor":"base","textColor":"contrast","fontFamily":"body","style":{"elements":{"link":{"color":{"text":"var:preset|color|contrast"}}},"typography":{"fontSize":"13px","fontStyle":"normal","fontWeight":"500","lineHeight":"1"},"spacing":{"margin":{"top":"0","bottom":"0","left":"0","right":"0"},"padding":{"top":"5px","bottom":"5px","left":"0px","right":"8px"}},"border":{"radius":{"topLeft":"5px","topRight":"5px","bottomLeft":"5px","bottomRight":"5px"}}}} /--></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->
<!-- /wp:woocommerce/product-template --></div>
<!-- /wp:woocommerce/product-collection -->

<?php } else {?>

<!-- wp:columns {"style":{"spacing":{"margin":{"top":"var:preset|spacing|30"}}}} -->
<div class="wp-block-columns" style="margin-top:var(--wp--preset--spacing--30)"><!-- wp:column {"className":"ar-product-box","style":{"spacing":{"padding":{"top":"10px","bottom":"10px","left":"10px","right":"10px"}},"border":{"radius":{"topLeft":"15px","topRight":"15px","bottomLeft":"15px","bottomRight":"15px"}}},"backgroundColor":"base"} -->
<div class="wp-block-column ar-product-box has-base-background-color has-background" style="border-top-left-radius:15px;border-top-right-radius:15px;border-bottom-left-radius:15px;border-bottom-right-radius:15px;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px"><!-- wp:group {"className":"rate-wish","layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"}} -->
<div class="wp-block-group rate-wish"><!-- wp:paragraph {"className":"rating","style":{"elements":{"link":{"color":{"text":"var:preset|color|base"}}},"typography":{"fontSize":"14px","lineHeight":"1"},"spacing":{"margin":{"top":"0","bottom":"0","left":"0","right":"0"},"padding":{"top":"8px","bottom":"8px","left":"12px","right":"12px"}},"border":{"radius":{"topLeft":"5px","topRight":"5px","bottomLeft":"5px","bottomRight":"5px"}}},"textColor":"base","gradient":"gradient-2","fontFamily":"body"} -->
<p class="rating has-base-color has-gradient-2-gradient-background has-text-color has-background has-link-color has-body-font-family" style="border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;padding-top:8px;padding-right:12px;padding-bottom:8px;padding-left:12px;font-size:14px;line-height:1"><?php echo esc_html__( '4.9/5', 'cctv-services' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"textColor":"base","gradient":"gradient-2","style":{"spacing":{"padding":{"left":"6px","right":"6px","top":"7px","bottom":"7px"}},"border":{"radius":{"topLeft":"5px","topRight":"5px","bottomLeft":"5px","bottomRight":"5px"}},"elements":{"link":{"color":{"text":"var:preset|color|base"}}},"typography":{"lineHeight":"1","fontSize":"16px"}}} -->
<div class="wp-block-button"><a class="wp-block-button__link has-base-color has-gradient-2-gradient-background has-text-color has-background has-link-color has-custom-font-size wp-element-button" href="#" style="border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;padding-top:7px;padding-right:6px;padding-bottom:7px;padding-left:6px;font-size:16px;line-height:1"><i class="fa-solid fa-heart"></i></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group -->

<!-- wp:image {"id":2171,"sizeSlug":"full","linkDestination":"none","align":"center","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}}} -->
<figure class="wp-block-image aligncenter size-full" style="margin-top:0;margin-bottom:0"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/new-product1.png" alt="" class="wp-image-2171"/></figure>
<!-- /wp:image -->

<!-- wp:group {"className":"product-content","style":{"color":{"background":"#f4f4f4"},"border":{"radius":{"topLeft":"10px","topRight":"10px","bottomLeft":"10px","bottomRight":"10px"}},"spacing":{"padding":{"top":"10px","bottom":"10px","left":"var:preset|spacing|10","right":"var:preset|spacing|10"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group product-content has-background" style="border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;background-color:#f4f4f4;padding-top:10px;padding-right:var(--wp--preset--spacing--10);padding-bottom:10px;padding-left:var(--wp--preset--spacing--10)"><!-- wp:heading {"level":4,"style":{"elements":{"link":{"color":{"text":"var:preset|color|text-color"}}},"typography":{"fontSize":"16px","fontStyle":"normal","fontWeight":"500"}},"textColor":"text-color","fontFamily":"body"} -->
<h4 class="wp-block-heading has-text-color-color has-text-color has-link-color has-body-font-family" style="font-size:16px;font-style:normal;font-weight:500"><?php echo esc_html__( 'NightGuard HD Dome Camera', 'cctv-services' ); ?></h4>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|text-color"}}},"typography":{"fontSize":"13px"},"spacing":{"margin":{"top":"8px"}}},"textColor":"text-color","fontFamily":"body"} -->
<p class="has-text-color-color has-text-color has-link-color has-body-font-family" style="margin-top:8px;font-size:13px"><?php echo esc_html__( 'Lorem Ipsum is simply dummy text of setting industry.', 'cctv-services' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:columns {"className":"price-btn","style":{"spacing":{"margin":{"top":"5px"}}}} -->
<div class="wp-block-columns price-btn" style="margin-top:5px"><!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:group {"style":{"spacing":{"blockGap":"5px"}},"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"center"}} -->
<div class="wp-block-group"><!-- wp:paragraph {"className":"sale-price","style":{"elements":{"link":{"color":{"text":"var:preset|color|text-color"}}},"typography":{"fontSize":"18px","fontStyle":"normal","fontWeight":"500"},"spacing":{"margin":{"top":"0","bottom":"0","left":"0","right":"0"}}},"textColor":"base","fontFamily":"body"} -->
<p class="sale-price has-text-color-color has-text-color has-link-color has-body-font-family" style="margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;font-size:18px;font-style:normal;font-weight:500"><?php echo esc_html__( '$800', 'cctv-services' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"className":"regular-price","style":{"elements":{"link":{"color":{"text":"#a2a2a2"}}},"typography":{"fontSize":"13px","fontStyle":"normal","fontWeight":"500","lineHeight":"1"},"color":{"text":"#a2a2a2"},"spacing":{"margin":{"top":"0","bottom":"0","left":"0","right":"0"}}},"fontFamily":"body"} -->
<p class="regular-price has-text-color has-link-color has-body-font-family" style="color:#a2a2a2;margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;font-size:13px;font-style:normal;font-weight:500;line-height:1"><?php echo esc_html__( '$1200', 'cctv-services' ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:buttons {"layout":{"type":"flex","justifyContent":"right"}} -->
<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"base","textColor":"contrast","style":{"elements":{"link":{"color":{"text":"var:preset|color|contrast"}}},"typography":{"fontSize":"14px","letterSpacing":"0px","fontStyle":"normal","fontWeight":"400","lineHeight":"1.4"},"spacing":{"padding":{"left":"8px","right":"8px","top":"5px","bottom":"5px"}},"border":{"radius":{"topLeft":"8px","topRight":"8px","bottomLeft":"8px","bottomRight":"8px"}}},"fontFamily":"body"} -->
<div class="wp-block-button"><a href="#" class="wp-block-button__link has-contrast-color has-base-background-color has-text-color has-background has-link-color has-body-font-family has-custom-font-size wp-element-button" style="border-top-left-radius:8px;border-top-right-radius:8px;border-bottom-left-radius:8px;border-bottom-right-radius:8px;padding-top:5px;padding-right:8px;padding-bottom:5px;padding-left:8px;font-size:14px;font-style:normal;font-weight:400;letter-spacing:0px;line-height:1.4"><?php echo esc_html__( 'Add+', 'cctv-services' ); ?></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"className":"ar-product-box","style":{"spacing":{"padding":{"top":"10px","bottom":"10px","left":"10px","right":"10px"}},"border":{"radius":{"topLeft":"15px","topRight":"15px","bottomLeft":"15px","bottomRight":"15px"}}},"backgroundColor":"base"} -->
<div class="wp-block-column ar-product-box has-base-background-color has-background" style="border-top-left-radius:15px;border-top-right-radius:15px;border-bottom-left-radius:15px;border-bottom-right-radius:15px;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px"><!-- wp:group {"className":"rate-wish","layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"}} -->
<div class="wp-block-group rate-wish"><!-- wp:paragraph {"className":"rating","style":{"elements":{"link":{"color":{"text":"var:preset|color|base"}}},"typography":{"fontSize":"14px","lineHeight":"1"},"spacing":{"margin":{"top":"0","bottom":"0","left":"0","right":"0"},"padding":{"top":"8px","bottom":"8px","left":"12px","right":"12px"}},"border":{"radius":{"topLeft":"5px","topRight":"5px","bottomLeft":"5px","bottomRight":"5px"}}},"textColor":"base","gradient":"gradient-2","fontFamily":"body"} -->
<p class="rating has-base-color has-gradient-2-gradient-background has-text-color has-background has-link-color has-body-font-family" style="border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;padding-top:8px;padding-right:12px;padding-bottom:8px;padding-left:12px;font-size:14px;line-height:1"><?php echo esc_html__( '4.9/5', 'cctv-services' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"textColor":"base","gradient":"gradient-2","style":{"spacing":{"padding":{"left":"6px","right":"6px","top":"7px","bottom":"7px"}},"border":{"radius":{"topLeft":"5px","topRight":"5px","bottomLeft":"5px","bottomRight":"5px"}},"elements":{"link":{"color":{"text":"var:preset|color|base"}}},"typography":{"lineHeight":"1","fontSize":"16px"}}} -->
<div class="wp-block-button"><a class="wp-block-button__link has-base-color has-gradient-2-gradient-background has-text-color has-background has-link-color has-custom-font-size wp-element-button" href="#" style="border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;padding-top:7px;padding-right:6px;padding-bottom:7px;padding-left:6px;font-size:16px;line-height:1"><i class="fa-solid fa-heart"></i></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group -->

<!-- wp:image {"id":2204,"sizeSlug":"full","linkDestination":"none","align":"center","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}}} -->
<figure class="wp-block-image aligncenter size-full" style="margin-top:0;margin-bottom:0"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/new-product2.png" alt="" class="wp-image-2204"/></figure>
<!-- /wp:image -->

<!-- wp:group {"className":"product-content","style":{"color":{"background":"#f4f4f4"},"border":{"radius":{"topLeft":"10px","topRight":"10px","bottomLeft":"10px","bottomRight":"10px"}},"spacing":{"padding":{"top":"10px","bottom":"10px","left":"var:preset|spacing|10","right":"var:preset|spacing|10"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group product-content has-background" style="border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;background-color:#f4f4f4;padding-top:10px;padding-right:var(--wp--preset--spacing--10);padding-bottom:10px;padding-left:var(--wp--preset--spacing--10)"><!-- wp:heading {"level":4,"style":{"elements":{"link":{"color":{"text":"var:preset|color|text-color"}}},"typography":{"fontSize":"16px","fontStyle":"normal","fontWeight":"500"}},"textColor":"text-color","fontFamily":"body"} -->
<h4 class="wp-block-heading has-text-color-color has-text-color has-link-color has-body-font-family" style="font-size:16px;font-style:normal;font-weight:500"><?php echo esc_html__( 'NightGuard HD Dome Camera', 'cctv-services' ); ?></h4>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|text-color"}}},"typography":{"fontSize":"13px"},"spacing":{"margin":{"top":"8px"}}},"textColor":"text-color","fontFamily":"body"} -->
<p class="has-text-color-color has-text-color has-link-color has-body-font-family" style="margin-top:8px;font-size:13px"><?php echo esc_html__( 'Lorem Ipsum is simply dummy text of setting industry.', 'cctv-services' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:columns {"className":"price-btn","style":{"spacing":{"margin":{"top":"5px"}}}} -->
<div class="wp-block-columns price-btn" style="margin-top:5px"><!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:group {"style":{"spacing":{"blockGap":"5px"}},"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"center"}} -->
<div class="wp-block-group"><!-- wp:paragraph {"className":"sale-price","style":{"elements":{"link":{"color":{"text":"var:preset|color|text-color"}}},"typography":{"fontSize":"18px","fontStyle":"normal","fontWeight":"500"},"spacing":{"margin":{"top":"0","bottom":"0","left":"0","right":"0"}}},"textColor":"base","fontFamily":"body"} -->
<p class="sale-price has-text-color-color has-text-color has-link-color has-body-font-family" style="margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;font-size:18px;font-style:normal;font-weight:500"><?php echo esc_html__( '$800', 'cctv-services' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"className":"regular-price","style":{"elements":{"link":{"color":{"text":"#a2a2a2"}}},"typography":{"fontSize":"13px","fontStyle":"normal","fontWeight":"500","lineHeight":"1"},"color":{"text":"#a2a2a2"},"spacing":{"margin":{"top":"0","bottom":"0","left":"0","right":"0"}}},"fontFamily":"body"} -->
<p class="regular-price has-text-color has-link-color has-body-font-family" style="color:#a2a2a2;margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;font-size:13px;font-style:normal;font-weight:500;line-height:1"><?php echo esc_html__( '$1200', 'cctv-services' ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:buttons {"layout":{"type":"flex","justifyContent":"right"}} -->
<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"base","textColor":"contrast","style":{"elements":{"link":{"color":{"text":"var:preset|color|contrast"}}},"typography":{"fontSize":"14px","letterSpacing":"0px","fontStyle":"normal","fontWeight":"400","lineHeight":"1.4"},"spacing":{"padding":{"left":"8px","right":"8px","top":"5px","bottom":"5px"}},"border":{"radius":{"topLeft":"8px","topRight":"8px","bottomLeft":"8px","bottomRight":"8px"}}},"fontFamily":"body"} -->
<div class="wp-block-button"><a href="#" class="wp-block-button__link has-contrast-color has-base-background-color has-text-color has-background has-link-color has-body-font-family has-custom-font-size wp-element-button" style="border-top-left-radius:8px;border-top-right-radius:8px;border-bottom-left-radius:8px;border-bottom-right-radius:8px;padding-top:5px;padding-right:8px;padding-bottom:5px;padding-left:8px;font-size:14px;font-style:normal;font-weight:400;letter-spacing:0px;line-height:1.4"><?php echo esc_html__( 'Add+', 'cctv-services' ); ?></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"className":"ar-product-box","style":{"spacing":{"padding":{"top":"10px","bottom":"10px","left":"10px","right":"10px"}},"border":{"radius":{"topLeft":"15px","topRight":"15px","bottomLeft":"15px","bottomRight":"15px"}}},"backgroundColor":"base"} -->
<div class="wp-block-column ar-product-box has-base-background-color has-background" style="border-top-left-radius:15px;border-top-right-radius:15px;border-bottom-left-radius:15px;border-bottom-right-radius:15px;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px"><!-- wp:group {"className":"rate-wish","layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"}} -->
<div class="wp-block-group rate-wish"><!-- wp:paragraph {"className":"rating","style":{"elements":{"link":{"color":{"text":"var:preset|color|base"}}},"typography":{"fontSize":"14px","lineHeight":"1"},"spacing":{"margin":{"top":"0","bottom":"0","left":"0","right":"0"},"padding":{"top":"8px","bottom":"8px","left":"12px","right":"12px"}},"border":{"radius":{"topLeft":"5px","topRight":"5px","bottomLeft":"5px","bottomRight":"5px"}}},"textColor":"base","gradient":"gradient-2","fontFamily":"body"} -->
<p class="rating has-base-color has-gradient-2-gradient-background has-text-color has-background has-link-color has-body-font-family" style="border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;padding-top:8px;padding-right:12px;padding-bottom:8px;padding-left:12px;font-size:14px;line-height:1"><?php echo esc_html__( '4.9/5', 'cctv-services' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"textColor":"base","gradient":"gradient-2","style":{"spacing":{"padding":{"left":"6px","right":"6px","top":"7px","bottom":"7px"}},"border":{"radius":{"topLeft":"5px","topRight":"5px","bottomLeft":"5px","bottomRight":"5px"}},"elements":{"link":{"color":{"text":"var:preset|color|base"}}},"typography":{"lineHeight":"1","fontSize":"16px"}}} -->
<div class="wp-block-button"><a class="wp-block-button__link has-base-color has-gradient-2-gradient-background has-text-color has-background has-link-color has-custom-font-size wp-element-button" href="#" style="border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;padding-top:7px;padding-right:6px;padding-bottom:7px;padding-left:6px;font-size:16px;line-height:1"><i class="fa-solid fa-heart"></i></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group -->

<!-- wp:image {"id":2205,"sizeSlug":"full","linkDestination":"none","align":"center","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}}} -->
<figure class="wp-block-image aligncenter size-full" style="margin-top:0;margin-bottom:0"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/new-product3.png" alt="" class="wp-image-2205"/></figure>
<!-- /wp:image -->

<!-- wp:group {"className":"product-content","style":{"color":{"background":"#f4f4f4"},"border":{"radius":{"topLeft":"10px","topRight":"10px","bottomLeft":"10px","bottomRight":"10px"}},"spacing":{"padding":{"top":"10px","bottom":"10px","left":"var:preset|spacing|10","right":"var:preset|spacing|10"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group product-content has-background" style="border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;background-color:#f4f4f4;padding-top:10px;padding-right:var(--wp--preset--spacing--10);padding-bottom:10px;padding-left:var(--wp--preset--spacing--10)"><!-- wp:heading {"level":4,"style":{"elements":{"link":{"color":{"text":"var:preset|color|text-color"}}},"typography":{"fontSize":"16px","fontStyle":"normal","fontWeight":"500"}},"textColor":"text-color","fontFamily":"body"} -->
<h4 class="wp-block-heading has-text-color-color has-text-color has-link-color has-body-font-family" style="font-size:16px;font-style:normal;font-weight:500"><?php echo esc_html__( 'NightGuard HD Dome Camera', 'cctv-services' ); ?></h4>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|text-color"}}},"typography":{"fontSize":"13px"},"spacing":{"margin":{"top":"8px"}}},"textColor":"text-color","fontFamily":"body"} -->
<p class="has-text-color-color has-text-color has-link-color has-body-font-family" style="margin-top:8px;font-size:13px"><?php echo esc_html__( 'Lorem Ipsum is simply dummy text of setting industry.', 'cctv-services' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:columns {"className":"price-btn","style":{"spacing":{"margin":{"top":"5px"}}}} -->
<div class="wp-block-columns price-btn" style="margin-top:5px"><!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:group {"style":{"spacing":{"blockGap":"5px"}},"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"center"}} -->
<div class="wp-block-group"><!-- wp:paragraph {"className":"sale-price","style":{"elements":{"link":{"color":{"text":"var:preset|color|text-color"}}},"typography":{"fontSize":"18px","fontStyle":"normal","fontWeight":"500"},"spacing":{"margin":{"top":"0","bottom":"0","left":"0","right":"0"}}},"textColor":"base","fontFamily":"body"} -->
<p class="sale-price has-text-color-color has-text-color has-link-color has-body-font-family" style="margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;font-size:18px;font-style:normal;font-weight:500"><?php echo esc_html__( '$800', 'cctv-services' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"className":"regular-price","style":{"elements":{"link":{"color":{"text":"#a2a2a2"}}},"typography":{"fontSize":"13px","fontStyle":"normal","fontWeight":"500","lineHeight":"1"},"color":{"text":"#a2a2a2"},"spacing":{"margin":{"top":"0","bottom":"0","left":"0","right":"0"}}},"fontFamily":"body"} -->
<p class="regular-price has-text-color has-link-color has-body-font-family" style="color:#a2a2a2;margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;font-size:13px;font-style:normal;font-weight:500;line-height:1"><?php echo esc_html__( '$1200', 'cctv-services' ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:buttons {"layout":{"type":"flex","justifyContent":"right"}} -->
<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"base","textColor":"contrast","style":{"elements":{"link":{"color":{"text":"var:preset|color|contrast"}}},"typography":{"fontSize":"14px","letterSpacing":"0px","fontStyle":"normal","fontWeight":"400","lineHeight":"1.4"},"spacing":{"padding":{"left":"8px","right":"8px","top":"5px","bottom":"5px"}},"border":{"radius":{"topLeft":"8px","topRight":"8px","bottomLeft":"8px","bottomRight":"8px"}}},"fontFamily":"body"} -->
<div class="wp-block-button"><a href="#" class="wp-block-button__link has-contrast-color has-base-background-color has-text-color has-background has-link-color has-body-font-family has-custom-font-size wp-element-button" style="border-top-left-radius:8px;border-top-right-radius:8px;border-bottom-left-radius:8px;border-bottom-right-radius:8px;padding-top:5px;padding-right:8px;padding-bottom:5px;padding-left:8px;font-size:14px;font-style:normal;font-weight:400;letter-spacing:0px;line-height:1.4"><?php echo esc_html__( 'Add+', 'cctv-services' ); ?></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<?php }?>

</div>
<!-- /wp:group -->