<?php
/**
 * Title: Banner
 * Slug: online-notary/banner
 * Categories: online-notary, banner
 */
?>
<!-- wp:group {"className":"banner-section","style":{"dimensions":{"minHeight":""},"spacing":{"padding":{"top":"0px","bottom":"0px","left":"0px","right":"0px"},"margin":{"top":"0px","bottom":"0px"}}},"layout":{"type":"default"}} -->
<div class="wp-block-group banner-section" style="margin-top:0px;margin-bottom:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px"><!-- wp:cover {"url":"<?php echo esc_url( get_template_directory_uri() . '/images/banner-bg.png'); ?>","id":8,"dimRatio":80,"overlayColor":"heading","isUserOverlayColor":true,"minHeight":620,"sizeSlug":"large","className":"banner-bg","style":{"spacing":{"padding":{"top":"25px","bottom":"25px","left":"0px","right":"0px"}}},"layout":{"type":"constrained","contentSize":"80%"}} -->
<div class="wp-block-cover banner-bg" style="padding-top:25px;padding-right:0px;padding-bottom:25px;padding-left:0px;min-height:620px"><img class="wp-block-cover__image-background wp-image-8 size-large" alt="" src="<?php echo esc_url( get_template_directory_uri() . '/images/banner-bg.png'); ?>" data-object-fit="cover"/><span aria-hidden="true" class="wp-block-cover__background has-heading-background-color has-background-dim-80 has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:columns {"verticalAlignment":"bottom","className":"banner-boxes"} -->
<div class="wp-block-columns are-vertically-aligned-bottom banner-boxes"><!-- wp:column {"verticalAlignment":"bottom","className":"banner-left-box wow zoomIn"} -->
<div class="wp-block-column is-vertically-aligned-bottom banner-left-box wow zoomIn"><!-- wp:group {"className":"banner-content","style":{"spacing":{"padding":{"right":"18%","bottom":"45px"}}},"layout":{"type":"default"}} -->
<div class="wp-block-group banner-content" style="padding-right:18%;padding-bottom:45px"><!-- wp:heading {"className":"banner-title","style":{"elements":{"link":{"color":{"text":"var:preset|color|primary-light"}}},"typography":{"fontSize":"35px","lineHeight":"2"}},"textColor":"primary-light","fontFamily":"merriweather"} -->
<h2 class="wp-block-heading banner-title has-primary-light-color has-text-color has-link-color has-merriweather-font-family" style="font-size:35px;line-height:2"><?php echo esc_html__('Certified ','online-notary'); ?><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-primary-color"><?php echo esc_html__('Notary Services','online-notary'); ?></mark><?php echo esc_html__(' at Your Fingertips','online-notary'); ?></h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"className":"banner-para","style":{"typography":{"fontSize":"18px","lineHeight":"1.7"},"spacing":{"margin":{"top":"25px","bottom":"40px"}}},"fontFamily":"lato"} -->
<p class="banner-para has-lato-font-family" style="margin-top:25px;margin-bottom:40px;font-size:18px;line-height:1.7"><?php echo esc_html__('From legal affidavits to real estate closings, our licensed notaries ensure secure and fast document verification—online or in-person.','online-notary'); ?></p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"className":"banner-btn"} -->
<div class="wp-block-buttons banner-btn"><!-- wp:button {"backgroundColor":"primary","style":{"border":{"radius":{"topLeft":"0px","bottomLeft":"0px","bottomRight":"0px","topRight":"20px"}},"typography":{"fontSize":"15px","fontStyle":"normal","fontWeight":"400"},"spacing":{"padding":{"left":"20px","right":"20px","top":"10px","bottom":"10px"}}},"fontFamily":"lato"} -->
<div class="wp-block-button"><a class="wp-block-button__link has-primary-background-color has-background has-lato-font-family has-custom-font-size wp-element-button" href="#" style="border-top-left-radius:0px;border-top-right-radius:20px;border-bottom-left-radius:0px;border-bottom-right-radius:0px;padding-top:10px;padding-right:20px;padding-bottom:10px;padding-left:20px;font-size:15px;font-style:normal;font-weight:400"><?php echo esc_html__('Book an Appointment','online-notary'); ?><i class="fa-solid fa-arrow-right"></i></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"bottom","className":"banner-right-box wow zoomIn"} -->
<div class="wp-block-column is-vertically-aligned-bottom banner-right-box wow zoomIn"><!-- wp:columns {"className":"banner-right-in-box"} -->
<div class="wp-block-columns banner-right-in-box"><!-- wp:column {"verticalAlignment":"center","width":"55%","className":"bnr-text-main-box"} -->
<div class="wp-block-column is-vertically-aligned-center bnr-text-main-box" style="flex-basis:55%"><!-- wp:paragraph {"align":"center","className":"bnr-text-box","style":{"elements":{"link":{"color":{"text":"var:preset|color|base"}}},"typography":{"fontSize":"15px","textTransform":"capitalize"},"spacing":{"padding":{"top":"15px","bottom":"15px","left":"30px","right":"30px"}}},"backgroundColor":"base","textColor":"base"} -->
<p class="has-text-align-center bnr-text-box has-base-color has-base-background-color has-text-color has-background has-link-color" style="padding-top:15px;padding-right:30px;padding-bottom:15px;padding-left:30px;font-size:15px;text-transform:capitalize"><?php echo esc_html__('affidavits','online-notary'); ?></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"align":"center","className":"bnr-text-box","style":{"elements":{"link":{"color":{"text":"var:preset|color|base"}}},"typography":{"fontSize":"15px","textTransform":"capitalize"},"spacing":{"padding":{"top":"15px","bottom":"15px","left":"30px","right":"30px"},"margin":{"top":"75px"}}},"backgroundColor":"base","textColor":"base"} -->
<p class="has-text-align-center bnr-text-box has-base-color has-base-background-color has-text-color has-background has-link-color" style="margin-top:75px;padding-top:15px;padding-right:30px;padding-bottom:15px;padding-left:30px;font-size:15px;text-transform:capitalize"><?php echo esc_html__('power of attorney','online-notary'); ?></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"align":"center","className":"bnr-text-box","style":{"elements":{"link":{"color":{"text":"var:preset|color|base"}}},"typography":{"fontSize":"15px","textTransform":"capitalize"},"spacing":{"padding":{"top":"15px","bottom":"15px","left":"30px","right":"30px"}}},"backgroundColor":"base","textColor":"base"} -->
<p class="has-text-align-center bnr-text-box has-base-color has-base-background-color has-text-color has-background has-link-color" style="padding-top:15px;padding-right:30px;padding-bottom:15px;padding-left:30px;font-size:15px;text-transform:capitalize"><?php echo esc_html__('real estate closings','online-notary'); ?></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"align":"center","className":"bnr-text-box","style":{"elements":{"link":{"color":{"text":"var:preset|color|base"}}},"typography":{"fontSize":"15px","textTransform":"capitalize"},"spacing":{"padding":{"top":"15px","bottom":"15px","left":"30px","right":"30px"}}},"backgroundColor":"base","textColor":"base"} -->
<p class="has-text-align-center bnr-text-box has-base-color has-base-background-color has-text-color has-background has-link-color" style="padding-top:15px;padding-right:30px;padding-bottom:15px;padding-left:30px;font-size:15px;text-transform:capitalize"><?php echo esc_html__('certified copies','online-notary'); ?></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"align":"center","className":"bnr-text-box","style":{"elements":{"link":{"color":{"text":"var:preset|color|base"}}},"typography":{"fontSize":"15px","textTransform":"capitalize"},"spacing":{"padding":{"top":"15px","bottom":"15px","left":"30px","right":"30px"}}},"backgroundColor":"base","textColor":"base"} -->
<p class="has-text-align-center bnr-text-box has-base-color has-base-background-color has-text-color has-background has-link-color" style="padding-top:15px;padding-right:30px;padding-bottom:15px;padding-left:30px;font-size:15px;text-transform:capitalize"><?php echo esc_html__('apostille services','online-notary'); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","width":"45%","className":"banner-right-img"} -->
<div class="wp-block-column is-vertically-aligned-center banner-right-img" style="flex-basis:45%"><!-- wp:image {"id":28,"width":"auto","height":"450px","sizeSlug":"large","linkDestination":"none","align":"right","style":{"spacing":{"margin":{"right":"0px","left":"0px"}}}} -->
<figure class="wp-block-image alignright size-large is-resized" style="margin-right:0px;margin-left:0px"><img src="<?php echo esc_url( get_template_directory_uri() . '/images/banner-right.png'); ?>" alt="" class="wp-image-28" style="width:auto;height:450px"/></figure>
<!-- /wp:image --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div></div>
<!-- /wp:cover --></div>
<!-- /wp:group -->