<?php
/**
 * Title: Banner
 * Slug: bee-real-estate/banner
 * Categories: bee-real-estate
 *
 * @package Bee Real Estate
 * @since 1.0.0
 */

$bee_real_estate_pluginsList = get_option( 'active_plugins' );
$bee_real_estate_plugin = 'estatik/estatik.php';
$bee_real_estate_results = in_array( $bee_real_estate_plugin , $bee_real_estate_pluginsList);
if ( $bee_real_estate_results )  {
?>
<!-- wp:group {"className":"banner-section","style":{"spacing":{"padding":{"right":"0px","left":"0px","top":"0","bottom":"0"}}},"layout":{"type":"default"}} -->
<div class="wp-block-group banner-section" style="padding-top:0;padding-right:0px;padding-bottom:0;padding-left:0px"><!-- wp:cover {"overlayColor":"secondary","isUserOverlayColor":true,"contentPosition":"bottom center","className":"banner-bg","style":{"spacing":{"padding":{"right":"0px","left":"0px","top":"var:preset|spacing|40","bottom":"0px"}}},"layout":{"type":"constrained","contentSize":"80%"}} -->
<div class="wp-block-cover has-custom-content-position is-position-bottom-center banner-bg" style="padding-top:var(--wp--preset--spacing--40);padding-right:0px;padding-bottom:0px;padding-left:0px"><span aria-hidden="true" class="wp-block-cover__background has-secondary-background-color has-background-dim-100 has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:columns {"verticalAlignment":null,"className":"banner-cont-boxes","style":{"spacing":{"padding":{"right":"0px","left":"0px"}}}} -->
<div class="wp-block-columns banner-cont-boxes" style="padding-right:0px;padding-left:0px"><!-- wp:column {"verticalAlignment":"center","width":"45%","className":"banner-content"} -->
<div class="wp-block-column is-vertically-aligned-center banner-content" style="flex-basis:45%"><!-- wp:paragraph {"className":"banner-sub-title","style":{"elements":{"link":{"color":{"text":"var:preset|color|base"}}},"typography":{"fontSize":"15px","textTransform":"capitalize","fontStyle":"normal","fontWeight":"500"}},"textColor":"base"} -->
<p class="banner-sub-title has-base-color has-text-color has-link-color" style="font-size:15px;font-style:normal;font-weight:500;text-transform:capitalize"><i class="fa-solid fa-house-chimney"></i><?php echo esc_html__( 'welcome to realestate services', 'bee-real-estate' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:heading {"className":"banner-main-title wow fadeInDown","style":{"elements":{"link":{"color":{"text":"var:preset|color|base"}}},"typography":{"textTransform":"capitalize","fontSize":"44px","fontStyle":"normal","fontWeight":"700"}},"textColor":"base"} -->
<h2 class="wp-block-heading banner-main-title wow fadeInDown has-base-color has-text-color has-link-color" style="font-size:44px;font-style:normal;font-weight:700;text-transform:capitalize"><?php echo esc_html__( 'start your ', 'bee-real-estate' ); ?><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-primary-color"><?php echo esc_html__( 'property', 'bee-real-estate' ); ?></mark><?php echo esc_html__( ' journey with confidence today', 'bee-real-estate' ); ?></h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"className":"banner-desc","style":{"elements":{"link":{"color":{"text":"var:preset|color|base"}}}},"textColor":"base"} -->
<p class="banner-desc has-base-color has-text-color has-link-color"><?php echo esc_html__( 'It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.', 'bee-real-estate' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:columns {"className":"banner-info-boxes","style":{"spacing":{"margin":{"top":"var:preset|spacing|40","bottom":"var:preset|spacing|40"}}}} -->
<div class="wp-block-columns banner-info-boxes" style="margin-top:var(--wp--preset--spacing--40);margin-bottom:var(--wp--preset--spacing--40)"><!-- wp:column {"className":"banner-info"} -->
<div class="wp-block-column banner-info"><!-- wp:group {"className":"banner-inner-info","style":{"spacing":{"blockGap":"8px"}},"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"top"}} -->
<div class="wp-block-group banner-inner-info"><!-- wp:group {"className":"bnr-info-icon","layout":{"type":"default"}} -->
<div class="wp-block-group bnr-info-icon"><!-- wp:html -->
<i class="fa-solid fa-building"></i>
<!-- /wp:html --></div>
<!-- /wp:group -->

<!-- wp:group {"className":"bnr-info-text","layout":{"type":"default"}} -->
<div class="wp-block-group bnr-info-text"><!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|base"}}},"typography":{"fontSize":"24px","fontStyle":"normal","fontWeight":"700","lineHeight":"1"}},"textColor":"base"} -->
<p class="has-base-color has-text-color has-link-color" style="font-size:24px;font-style:normal;font-weight:700;line-height:1"><?php echo esc_html__( '3.5k', 'bee-real-estate' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|base"}}},"typography":{"textTransform":"capitalize"},"spacing":{"margin":{"top":"4px"}}},"textColor":"base"} -->
<p class="has-base-color has-text-color has-link-color" style="margin-top:4px;text-transform:capitalize"><?php echo esc_html__( 'property ready', 'bee-real-estate' ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"className":"banner-info"} -->
<div class="wp-block-column banner-info"><!-- wp:group {"className":"banner-inner-info","style":{"spacing":{"blockGap":"8px"}},"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"top"}} -->
<div class="wp-block-group banner-inner-info"><!-- wp:group {"className":"bnr-info-icon","layout":{"type":"default"}} -->
<div class="wp-block-group bnr-info-icon"><!-- wp:html -->
<i class="fa-regular fa-face-grin"></i>
<!-- /wp:html --></div>
<!-- /wp:group -->

<!-- wp:group {"className":"bnr-info-text","layout":{"type":"default"}} -->
<div class="wp-block-group bnr-info-text"><!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|base"}}},"typography":{"fontSize":"24px","fontStyle":"normal","fontWeight":"700","lineHeight":"1"}},"textColor":"base"} -->
<p class="has-base-color has-text-color has-link-color" style="font-size:24px;font-style:normal;font-weight:700;line-height:1"><?php echo esc_html__( '99%', 'bee-real-estate' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|base"}}},"typography":{"textTransform":"capitalize"},"spacing":{"margin":{"top":"4px"}}},"textColor":"base"} -->
<p class="has-base-color has-text-color has-link-color" style="margin-top:4px;text-transform:capitalize"><?php echo esc_html__( 'satisfaction', 'bee-real-estate' ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"className":"banner-info"} -->
<div class="wp-block-column banner-info"><!-- wp:group {"className":"banner-inner-info","style":{"spacing":{"blockGap":"8px"}},"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"top"}} -->
<div class="wp-block-group banner-inner-info"><!-- wp:group {"className":"bnr-info-icon","layout":{"type":"default"}} -->
<div class="wp-block-group bnr-info-icon"><!-- wp:html -->
<i class="fa-solid fa-city"></i>
<!-- /wp:html --></div>
<!-- /wp:group -->

<!-- wp:group {"className":"bnr-info-text","layout":{"type":"default"}} -->
<div class="wp-block-group bnr-info-text"><!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|base"}}},"typography":{"fontSize":"24px","fontStyle":"normal","fontWeight":"700","lineHeight":"1"}},"textColor":"base"} -->
<p class="has-base-color has-text-color has-link-color" style="font-size:24px;font-style:normal;font-weight:700;line-height:1"><?php echo esc_html__( '69+', 'bee-real-estate' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|base"}}},"typography":{"textTransform":"capitalize"},"spacing":{"margin":{"top":"4px"}}},"textColor":"base"} -->
<p class="has-base-color has-text-color has-link-color" style="margin-top:4px;text-transform:capitalize"><?php echo esc_html__( 'branches', 'bee-real-estate' ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:paragraph {"className":"bnr-like-text","style":{"elements":{"link":{"color":{"text":"var:preset|color|base"}}},"typography":{"fontSize":"15px","textTransform":"capitalize","fontStyle":"normal","fontWeight":"500"}},"textColor":"base"} -->
<p class="bnr-like-text has-base-color has-text-color has-link-color" style="font-size:15px;font-style:normal;font-weight:500;text-transform:capitalize"><i class="fa-solid fa-heart"></i><?php echo esc_html__( ' 8.5k properties ready to buy &amp; sell our product.', 'bee-real-estate' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:group {"className":"banner-form","style":{"spacing":{"margin":{"top":"5px"}}},"layout":{"type":"default"}} -->
<div class="wp-block-group banner-form" style="margin-top:5px"><!-- wp:shortcode -->
[es_search_form]
<!-- /wp:shortcode --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"bottom","width":"55%","className":"banner-img-box"} -->
<div class="wp-block-column is-vertically-aligned-bottom banner-img-box" style="flex-basis:55%"><!-- wp:image {"id":7,"width":"auto","height":"700px","sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full is-resized"><img src="<?php echo esc_url( get_template_directory_uri() );?>/assets/images/banner-img1.png" alt="" class="wp-image-7" style="width:auto;height:700px"/></figure>
<!-- /wp:image --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div></div>
<!-- /wp:cover --></div>
<!-- /wp:group -->

<!-- wp:spacer -->
<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
 
<?php } else { ?>

<!-- wp:group {"className":"banner-section","style":{"spacing":{"padding":{"right":"0px","left":"0px","top":"0","bottom":"0"}}},"layout":{"type":"default"}} -->
<div class="wp-block-group banner-section" style="padding-top:0;padding-right:0px;padding-bottom:0;padding-left:0px"><!-- wp:cover {"overlayColor":"secondary","isUserOverlayColor":true,"contentPosition":"bottom center","className":"banner-bg","style":{"spacing":{"padding":{"right":"0px","left":"0px","top":"var:preset|spacing|40","bottom":"0px"}}},"layout":{"type":"constrained","contentSize":"80%"}} -->
<div class="wp-block-cover has-custom-content-position is-position-bottom-center banner-bg" style="padding-top:var(--wp--preset--spacing--40);padding-right:0px;padding-bottom:0px;padding-left:0px"><span aria-hidden="true" class="wp-block-cover__background has-secondary-background-color has-background-dim-100 has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:columns {"verticalAlignment":null,"className":"banner-cont-boxes","style":{"spacing":{"padding":{"right":"0px","left":"0px"}}}} -->
<div class="wp-block-columns banner-cont-boxes" style="padding-right:0px;padding-left:0px"><!-- wp:column {"verticalAlignment":"center","width":"45%","className":"banner-content"} -->
<div class="wp-block-column is-vertically-aligned-center banner-content" style="flex-basis:45%"><!-- wp:paragraph {"className":"banner-sub-title","style":{"elements":{"link":{"color":{"text":"var:preset|color|base"}}},"typography":{"fontSize":"15px","textTransform":"capitalize","fontStyle":"normal","fontWeight":"500"}},"textColor":"base"} -->
<p class="banner-sub-title has-base-color has-text-color has-link-color" style="font-size:15px;font-style:normal;font-weight:500;text-transform:capitalize"><i class="fa-solid fa-house-chimney"></i><?php echo esc_html__( 'welcome to realestate services', 'bee-real-estate' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:heading {"className":"banner-main-title wow fadeInDown","style":{"elements":{"link":{"color":{"text":"var:preset|color|base"}}},"typography":{"textTransform":"capitalize","fontSize":"44px","fontStyle":"normal","fontWeight":"700"}},"textColor":"base"} -->
<h2 class="wp-block-heading banner-main-title wow fadeInDown has-base-color has-text-color has-link-color" style="font-size:44px;font-style:normal;font-weight:700;text-transform:capitalize"><?php echo esc_html__( 'start your ', 'bee-real-estate' ); ?><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-primary-color"><?php echo esc_html__( 'property', 'bee-real-estate' ); ?></mark><?php echo esc_html__( ' journey with confidence today', 'bee-real-estate' ); ?></h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"className":"banner-desc","style":{"elements":{"link":{"color":{"text":"var:preset|color|base"}}}},"textColor":"base"} -->
<p class="banner-desc has-base-color has-text-color has-link-color"><?php echo esc_html__( 'It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.', 'bee-real-estate' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:columns {"className":"banner-info-boxes","style":{"spacing":{"margin":{"top":"var:preset|spacing|40","bottom":"var:preset|spacing|40"}}}} -->
<div class="wp-block-columns banner-info-boxes" style="margin-top:var(--wp--preset--spacing--40);margin-bottom:var(--wp--preset--spacing--40)"><!-- wp:column {"className":"banner-info"} -->
<div class="wp-block-column banner-info"><!-- wp:group {"className":"banner-inner-info","style":{"spacing":{"blockGap":"8px"}},"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"top"}} -->
<div class="wp-block-group banner-inner-info"><!-- wp:group {"className":"bnr-info-icon","layout":{"type":"default"}} -->
<div class="wp-block-group bnr-info-icon"><!-- wp:html -->
<i class="fa-solid fa-building"></i>
<!-- /wp:html --></div>
<!-- /wp:group -->

<!-- wp:group {"className":"bnr-info-text","layout":{"type":"default"}} -->
<div class="wp-block-group bnr-info-text"><!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|base"}}},"typography":{"fontSize":"24px","fontStyle":"normal","fontWeight":"700","lineHeight":"1"}},"textColor":"base"} -->
<p class="has-base-color has-text-color has-link-color" style="font-size:24px;font-style:normal;font-weight:700;line-height:1"><?php echo esc_html__( '3.5k', 'bee-real-estate' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|base"}}},"typography":{"textTransform":"capitalize"},"spacing":{"margin":{"top":"4px"}}},"textColor":"base"} -->
<p class="has-base-color has-text-color has-link-color" style="margin-top:4px;text-transform:capitalize"><?php echo esc_html__( 'property ready', 'bee-real-estate' ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"className":"banner-info"} -->
<div class="wp-block-column banner-info"><!-- wp:group {"className":"banner-inner-info","style":{"spacing":{"blockGap":"8px"}},"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"top"}} -->
<div class="wp-block-group banner-inner-info"><!-- wp:group {"className":"bnr-info-icon","layout":{"type":"default"}} -->
<div class="wp-block-group bnr-info-icon"><!-- wp:html -->
<i class="fa-regular fa-face-grin"></i>
<!-- /wp:html --></div>
<!-- /wp:group -->

<!-- wp:group {"className":"bnr-info-text","layout":{"type":"default"}} -->
<div class="wp-block-group bnr-info-text"><!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|base"}}},"typography":{"fontSize":"24px","fontStyle":"normal","fontWeight":"700","lineHeight":"1"}},"textColor":"base"} -->
<p class="has-base-color has-text-color has-link-color" style="font-size:24px;font-style:normal;font-weight:700;line-height:1"><?php echo esc_html__( '99%', 'bee-real-estate' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|base"}}},"typography":{"textTransform":"capitalize"},"spacing":{"margin":{"top":"4px"}}},"textColor":"base"} -->
<p class="has-base-color has-text-color has-link-color" style="margin-top:4px;text-transform:capitalize"><?php echo esc_html__( 'satisfaction', 'bee-real-estate' ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"className":"banner-info"} -->
<div class="wp-block-column banner-info"><!-- wp:group {"className":"banner-inner-info","style":{"spacing":{"blockGap":"8px"}},"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"top"}} -->
<div class="wp-block-group banner-inner-info"><!-- wp:group {"className":"bnr-info-icon","layout":{"type":"default"}} -->
<div class="wp-block-group bnr-info-icon"><!-- wp:html -->
<i class="fa-solid fa-city"></i>
<!-- /wp:html --></div>
<!-- /wp:group -->

<!-- wp:group {"className":"bnr-info-text","layout":{"type":"default"}} -->
<div class="wp-block-group bnr-info-text"><!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|base"}}},"typography":{"fontSize":"24px","fontStyle":"normal","fontWeight":"700","lineHeight":"1"}},"textColor":"base"} -->
<p class="has-base-color has-text-color has-link-color" style="font-size:24px;font-style:normal;font-weight:700;line-height:1"><?php echo esc_html__( '69+', 'bee-real-estate' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|base"}}},"typography":{"textTransform":"capitalize"},"spacing":{"margin":{"top":"4px"}}},"textColor":"base"} -->
<p class="has-base-color has-text-color has-link-color" style="margin-top:4px;text-transform:capitalize"><?php echo esc_html__( 'branches', 'bee-real-estate' ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:paragraph {"className":"bnr-like-text","style":{"elements":{"link":{"color":{"text":"var:preset|color|base"}}},"typography":{"fontSize":"15px","textTransform":"capitalize","fontStyle":"normal","fontWeight":"500"}},"textColor":"base"} -->
<p class="bnr-like-text has-base-color has-text-color has-link-color" style="font-size:15px;font-style:normal;font-weight:500;text-transform:capitalize"><i class="fa-solid fa-heart"></i><?php echo esc_html__( ' 8.5k properties ready to buy &amp; sell our product.', 'bee-real-estate' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:group {"className":"banner-form","style":{"spacing":{"margin":{"top":"5px"}}},"layout":{"type":"default"}} -->
<div class="wp-block-group banner-form" style="margin-top:5px"><!-- wp:html -->
<form>
    <div class="property-in-form">
        <div class="country">
            <div class="option-box">
                <input id="country" class="form-select" type="text" name="country name" placeholder="Address, City, ZIP">
            </div>
        </div>
        <div class="property-price">
            <div class="option-box">
                <label><?php echo esc_html__( 'Price', 'bee-real-estate' ); ?></label>
                <div class="select-box">
                    <select id="property-range" class="form-select" required>
                        <option value="" class="form-select" disabled selected hidden><?php echo esc_html__( 'Min', 'bee-real-estate' ); ?></option>
                        <option><?php echo esc_html__( '$50,000', 'bee-real-estate' ); ?></option>
                        <option><?php echo esc_html__( '$75,000', 'bee-real-estate' ); ?></option>
                        <option><?php echo esc_html__( '$100,000', 'bee-real-estate' ); ?></option>
                        <option><?php echo esc_html__( '$125,000', 'bee-real-estate' ); ?></option>
                        <option><?php echo esc_html__( '$150,000', 'bee-real-estate' ); ?></option>
                        <option><?php echo esc_html__( '$175,000', 'bee-real-estate' ); ?></option>
                        <option><?php echo esc_html__( '$200,000', 'bee-real-estate' ); ?></option>
                        <option><?php echo esc_html__( '$300,000', 'bee-real-estate' ); ?></option>
                        <option><?php echo esc_html__( '$400,000', 'bee-real-estate' ); ?></option>
                        <option><?php echo esc_html__( '$500,000', 'bee-real-estate' ); ?></option>
                        <option><?php echo esc_html__( '$600,000', 'bee-real-estate' ); ?></option>
                        <option><?php echo esc_html__( '$700,000', 'bee-real-estate' ); ?></option>
                        <option><?php echo esc_html__( '$800,000', 'bee-real-estate' ); ?></option>
                        <option><?php echo esc_html__( '$900,000', 'bee-real-estate' ); ?></option>
                    </select>
                    <select id="property-range" class="form-select" required>
                        <option value="" class="form-select" disabled selected hidden><?php echo esc_html__( 'Max', 'bee-real-estate' ); ?></option>
                        <option><?php echo esc_html__( '$75,000', 'bee-real-estate' ); ?></option>
                        <option><?php echo esc_html__( '$100,000', 'bee-real-estate' ); ?></option>
                        <option><?php echo esc_html__( '$125,000', 'bee-real-estate' ); ?></option>
                        <option><?php echo esc_html__( '$150,000', 'bee-real-estate' ); ?></option>
                        <option><?php echo esc_html__( '$175,000', 'bee-real-estate' ); ?></option>
                        <option><?php echo esc_html__( '$200,000', 'bee-real-estate' ); ?></option>
                        <option><?php echo esc_html__( '$300,000', 'bee-real-estate' ); ?></option>
                        <option><?php echo esc_html__( '$400,000', 'bee-real-estate' ); ?></option>
                        <option><?php echo esc_html__( '$500,000', 'bee-real-estate' ); ?></option>
                        <option><?php echo esc_html__( '$600,000', 'bee-real-estate' ); ?></option>
                        <option><?php echo esc_html__( '$700,000', 'bee-real-estate' ); ?></option>
                        <option><?php echo esc_html__( '$800,000', 'bee-real-estate' ); ?></option>
                        <option><?php echo esc_html__( '$900,000', 'bee-real-estate' ); ?></option>
                        <option><?php echo esc_html__( '$1,000,000', 'bee-real-estate' ); ?></option>
                    </select>
                </div>
            </div>
        </div>
        <div class="property-category">
            <div class="option-box">
                <label><?php echo esc_html__( 'Category', 'bee-real-estate' ); ?></label>
                <div class="select-box">
                    <select id="property-range" class="form-select" required>
                        <option value="" class="form-select" disabled selected hidden><?php echo esc_html__( 'All Categories', 'bee-real-estate' ); ?></option>
                        <option><?php echo esc_html__( 'Apartments', 'bee-real-estate' ); ?></option>
                        <option><?php echo esc_html__( 'Villas', 'bee-real-estate' ); ?></option>
                        <option><?php echo esc_html__( 'Independent Houses', 'bee-real-estate' ); ?></option>
                        <option><?php echo esc_html__( 'Office Spaces', 'bee-real-estate' ); ?></option>
                        <option><?php echo esc_html__( 'Farm Houses', 'bee-real-estate' ); ?></option>
                    </select>
                </div>
            </div>
        </div>
        <div class="bedroom-count">
            <div class="option-box">
                <label><?php echo esc_html__( 'Bedrooms', 'bee-real-estate' ); ?></label>
                <div class="select-box">
                    <select id="property-range" class="form-select" required>
                        <option value="" class="form-select" disabled selected hidden><?php echo esc_html__( 'No Min', 'bee-real-estate' ); ?></option>
                        <option><?php echo esc_html__( '1 bed', 'bee-real-estate' ); ?></option>
                        <option><?php echo esc_html__( '2 beds', 'bee-real-estate' ); ?></option>
                        <option><?php echo esc_html__( '3 beds', 'bee-real-estate' ); ?></option>
                        <option><?php echo esc_html__( '4 beds', 'bee-real-estate' ); ?></option>
                        <option><?php echo esc_html__( '5 beds', 'bee-real-estate' ); ?></option>
                        <option><?php echo esc_html__( '6 beds', 'bee-real-estate' ); ?></option>
                        <option><?php echo esc_html__( '7 beds', 'bee-real-estate' ); ?></option>
                        <option><?php echo esc_html__( '8 beds', 'bee-real-estate' ); ?></option>
                        <option><?php echo esc_html__( '9 beds', 'bee-real-estate' ); ?></option>
                    </select>
                    <select id="property-range" class="form-select" required>
                        <option value="" class="form-select" disabled selected hidden><?php echo esc_html__( 'No Max', 'bee-real-estate' ); ?></option>
                        <option><?php echo esc_html__( '2 beds', 'bee-real-estate' ); ?></option>
                        <option><?php echo esc_html__( '3 beds', 'bee-real-estate' ); ?></option>
                        <option><?php echo esc_html__( '4 beds', 'bee-real-estate' ); ?></option>
                        <option><?php echo esc_html__( '5 beds', 'bee-real-estate' ); ?></option>
                        <option><?php echo esc_html__( '6 beds', 'bee-real-estate' ); ?></option>
                        <option><?php echo esc_html__( '7 beds', 'bee-real-estate' ); ?></option>
                        <option><?php echo esc_html__( '8 beds', 'bee-real-estate' ); ?></option>
                        <option><?php echo esc_html__( '9 beds', 'bee-real-estate' ); ?></option>
                        <option><?php echo esc_html__( '10 beds', 'bee-real-estate' ); ?></option>
                    </select>
                </div>
            </div>
        </div>
        <div class="bathroom-count">
            <div class="option-box">
                <label><?php echo esc_html__( 'Bathrooms', 'bee-real-estate' ); ?></label>
                <div class="select-box">
                    <select id="property-range" class="form-select" required>
                        <option value="" class="form-select" disabled selected hidden><?php echo esc_html__( 'No Min', 'bee-real-estate' ); ?></option>
                        <option><?php echo esc_html__( '1 bath', 'bee-real-estate' ); ?></option>
                        <option><?php echo esc_html__( '2 baths', 'bee-real-estate' ); ?></option>
                        <option><?php echo esc_html__( '3 baths', 'bee-real-estate' ); ?></option>
                        <option><?php echo esc_html__( '4 baths', 'bee-real-estate' ); ?></option>
                        <option><?php echo esc_html__( '5 baths', 'bee-real-estate' ); ?></option>
                        <option><?php echo esc_html__( '6 baths', 'bee-real-estate' ); ?></option>
                        <option><?php echo esc_html__( '7 baths', 'bee-real-estate' ); ?></option>
                        <option><?php echo esc_html__( '8 baths', 'bee-real-estate' ); ?></option>
                        <option><?php echo esc_html__( '9 baths', 'bee-real-estate' ); ?></option>
                        <option><?php echo esc_html__( '10 baths', 'bee-real-estate' ); ?></option>
                    </select>
                    <select id="property-range" class="form-select" required>
                        <option value="" class="form-select" disabled selected hidden><?php echo esc_html__( 'No Max', 'bee-real-estate' ); ?></option>
                        <option><?php echo esc_html__( '2 baths', 'bee-real-estate' ); ?></option>
                        <option><?php echo esc_html__( '3 baths', 'bee-real-estate' ); ?></option>
                        <option><?php echo esc_html__( '4 baths', 'bee-real-estate' ); ?></option>
                        <option><?php echo esc_html__( '5 baths', 'bee-real-estate' ); ?></option>
                        <option><?php echo esc_html__( '6 baths', 'bee-real-estate' ); ?></option>
                        <option><?php echo esc_html__( '7 baths', 'bee-real-estate' ); ?></option>
                        <option><?php echo esc_html__( '8 baths', 'bee-real-estate' ); ?></option>
                        <option><?php echo esc_html__( '9 baths', 'bee-real-estate' ); ?></option>
                        <option><?php echo esc_html__( '10 baths', 'bee-real-estate' ); ?></option>
                        <option><?php echo esc_html__( '11 baths', 'bee-real-estate' ); ?></option>
                    </select>
                </div>
            </div>
        </div>
        <div class="property-area">
            <div class="option-box">
                <label><?php echo esc_html__( 'Area', 'bee-real-estate' ); ?></label>
                <div class="select-box">
                    <select id="property-range" class="form-select" required>
                        <option value="" class="form-select" disabled selected hidden><?php echo esc_html__( 'No Min', 'bee-real-estate' ); ?></option>
                        <option><?php echo esc_html__( '500 sq ft', 'bee-real-estate' ); ?></option>
                        <option><?php echo esc_html__( '750 sq ft', 'bee-real-estate' ); ?></option>
                        <option><?php echo esc_html__( '1000 sq ft', 'bee-real-estate' ); ?></option>
                        <option><?php echo esc_html__( '1250 sq ft', 'bee-real-estate' ); ?></option>
                        <option><?php echo esc_html__( '1500 sq ft', 'bee-real-estate' ); ?></option>
                        <option><?php echo esc_html__( '1750 sq ft', 'bee-real-estate' ); ?></option>
                        <option><?php echo esc_html__( '2000 sq ft', 'bee-real-estate' ); ?></option>
                        <option><?php echo esc_html__( '2250 sq ftk', 'bee-real-estate' ); ?></option>
                        <option><?php echo esc_html__( '2500 sq ftk', 'bee-real-estate' ); ?></option>
                    </select>
                    <select id="property-range" class="form-select" required>
                        <option value="" class="form-select" disabled selected hidden><?php echo esc_html__( 'No Max', 'bee-real-estate' ); ?></option>
                        <option><?php echo esc_html__( '750 sq ft', 'bee-real-estate' ); ?></option>
                        <option><?php echo esc_html__( '1000 sq ft', 'bee-real-estate' ); ?></option>
                        <option><?php echo esc_html__( '1250 sq ft', 'bee-real-estate' ); ?></option>
                        <option><?php echo esc_html__( '1500 sq ft', 'bee-real-estate' ); ?></option>
                        <option><?php echo esc_html__( '1750 sq ft', 'bee-real-estate' ); ?></option>
                        <option><?php echo esc_html__( '2000 sq ft', 'bee-real-estate' ); ?></option>
                        <option><?php echo esc_html__( '2250 sq ftk', 'bee-real-estate' ); ?></option>
                        <option><?php echo esc_html__( '2500 sq ftk', 'bee-real-estate' ); ?></option>
                        <option><?php echo esc_html__( '5000 sq ftk', 'bee-real-estate' ); ?></option>
                    </select>
                </div>
            </div>
        </div>
        <div class="button-box">
            <button type="submit" class="btn search-btn"><i class="fa-solid fa-magnifying-glass"></i><?php echo esc_html__( 'Search', 'bee-real-estate' ); ?></button>
        </div>
    </div>
</form>
<!-- /wp:html --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"bottom","width":"55%","className":"banner-img-box"} -->
<div class="wp-block-column is-vertically-aligned-bottom banner-img-box" style="flex-basis:55%"><!-- wp:image {"id":7,"width":"auto","height":"700px","sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full is-resized"><img src="<?php echo esc_url( get_template_directory_uri() );?>/assets/images/banner-img1.png" alt="" class="wp-image-7" style="width:auto;height:700px"/></figure>
<!-- /wp:image --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div></div>
<!-- /wp:cover --></div>
<!-- /wp:group -->

<!-- wp:spacer -->
<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<?php } ?>